commit f9941541b796343595b90968bfdcde530597de92
Author: Sven Wappler <wappler@wappler.systems>
Date:   Mon Aug 10 22:31:00 2026 +0200

    TYPO3 v15 dev-main snapshot ()

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..57872d0
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+/vendor/
diff --git a/Classes/Attribute/AsAvatarProvider.php b/Classes/Attribute/AsAvatarProvider.php
new file mode 100644
index 0000000..b9dd40a
--- /dev/null
+++ b/Classes/Attribute/AsAvatarProvider.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Attribute;
+
+/**
+ * Service tag to autoconfigure Backend avatar providers
+ */
+#[\Attribute(\Attribute::TARGET_CLASS)]
+final readonly class AsAvatarProvider
+{
+    public const string TAG_NAME = 'backend.avatar_provider';
+
+    /**
+     * @param non-empty-string $identifier
+     * @param list<non-empty-string> $before
+     * @param list<non-empty-string> $after
+     */
+    public function __construct(
+        public string $identifier,
+        public array $before = [],
+        public array $after = [],
+    ) {}
+}
diff --git a/Classes/Attribute/AsController.php b/Classes/Attribute/AsController.php
new file mode 100644
index 0000000..d7cfe99
--- /dev/null
+++ b/Classes/Attribute/AsController.php
@@ -0,0 +1,29 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Attribute;
+
+/**
+ * Service tag to autoconfigure Backend controllers
+ */
+#[\Attribute(\Attribute::TARGET_CLASS)]
+class AsController
+{
+    public const TAG_NAME = 'backend.controller';
+
+    public function __construct() {}
+}
diff --git a/Classes/Attribute/AsSidebarComponent.php b/Classes/Attribute/AsSidebarComponent.php
new file mode 100644
index 0000000..e70077e
--- /dev/null
+++ b/Classes/Attribute/AsSidebarComponent.php
@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Attribute;
+
+/**
+ * Service tag to autoconfigure backend sidebar components.
+ *
+ * @internal
+ */
+#[\Attribute(\Attribute::TARGET_CLASS)]
+final readonly class AsSidebarComponent
+{
+    public const string TAG_NAME = 'backend.sidebar.component';
+
+    /**
+     * @param non-empty-string $identifier Unique identifier for the sidebar component
+     * @param list<non-empty-string> $before List of component identifiers, which should appear before
+     * @param list<non-empty-string> $after List of component identifiers, which should appear after
+     */
+    public function __construct(
+        public string $identifier,
+        public array $before = [],
+        public array $after = [],
+    ) {}
+}
diff --git a/Classes/Authentication/BackendLocker.php b/Classes/Authentication/BackendLocker.php
new file mode 100644
index 0000000..3de0290
--- /dev/null
+++ b/Classes/Authentication/BackendLocker.php
@@ -0,0 +1,81 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Authentication;
+
+use TYPO3\CMS\Core\Core\Environment;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * The TYPO3 Backend can be locked by creating a file named LOCK_BACKEND in a
+ * specified directory (TYPO3_CONF_VARS[BE][lockBackendFile]). The default is
+ * var/lock for composer-mode and config/ for legacy.
+ *
+ * This class encapsulates the logic to check for the existence of the lock file,
+ * thus nobody needs to know it's a file and where to put it outside of this class.
+ * It also enables future refactoring to support other means of backend un/locking.
+ *
+ * @internal
+ */
+class BackendLocker
+{
+    public function isLocked(): bool
+    {
+        return @is_file($this->getAbsolutePathToLockFile());
+    }
+
+    public function lockBackend(string $redirectUriFromFileContent): bool
+    {
+        return GeneralUtility::writeFile($this->getAbsolutePathToLockFile(), $redirectUriFromFileContent, true);
+    }
+
+    public function unlock(): void
+    {
+        unlink($this->getAbsolutePathToLockFile());
+    }
+
+    public function getAbsolutePathToLockFile(): string
+    {
+        // This setting is empty by default to utilize the fallback storage location.
+        // If set specifically, this is the preference.
+        if (($GLOBALS['TYPO3_CONF_VARS']['BE']['lockBackendFile'] ?? '') !== '') {
+            return Environment::getProjectPath() . '/' . $GLOBALS['TYPO3_CONF_VARS']['BE']['lockBackendFile'];
+        }
+
+        return $this->getLockPath() . '/LOCK_BACKEND';
+    }
+
+    public function getRedirectUriFromLockContents(): string
+    {
+        return file_get_contents($this->getAbsolutePathToLockFile());
+    }
+
+    /**
+     * Based on composer or legacy mode, return a fallback directory
+     * location where LOCK_BACKEND can be stored.
+     * Composer-mode: "var/lock" is preferred because it is recommended to
+     *                be shared and persist across deployments and the location
+     *                is writable by the webserver)
+     * Legacy: "config/", because usually writable by webserver and persistent.
+     */
+    protected function getLockPath(): string
+    {
+        return Environment::isComposerMode()
+               ? Environment::getVarPath() . '/lock'
+               : Environment::getConfigPath();
+    }
+}
diff --git a/Classes/Authentication/Event/PasswordHasBeenResetEvent.php b/Classes/Authentication/Event/PasswordHasBeenResetEvent.php
new file mode 100644
index 0000000..fa44d37
--- /dev/null
+++ b/Classes/Authentication/Event/PasswordHasBeenResetEvent.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Authentication\Event;
+
+final readonly class PasswordHasBeenResetEvent
+{
+    public function __construct(
+        public int $userId
+    ) {}
+}
diff --git a/Classes/Authentication/Event/SwitchUserEvent.php b/Classes/Authentication/Event/SwitchUserEvent.php
new file mode 100644
index 0000000..4aa9c43
--- /dev/null
+++ b/Classes/Authentication/Event/SwitchUserEvent.php
@@ -0,0 +1,45 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Authentication\Event;
+
+/**
+ * This event is triggered when a "SU" (switch user) action has been triggered
+ */
+final readonly class SwitchUserEvent
+{
+    public function __construct(
+        private string $sessionId,
+        private array $targetUser,
+        private array $currentUser
+    ) {}
+
+    public function getSessionId(): string
+    {
+        return $this->sessionId;
+    }
+
+    public function getTargetUser(): array
+    {
+        return $this->targetUser;
+    }
+
+    public function getCurrentUser(): array
+    {
+        return $this->currentUser;
+    }
+}
diff --git a/Classes/Authentication/PasswordReset.php b/Classes/Authentication/PasswordReset.php
new file mode 100644
index 0000000..516bb8b
--- /dev/null
+++ b/Classes/Authentication/PasswordReset.php
@@ -0,0 +1,525 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Authentication;
+
+use Doctrine\DBAL\Platforms\MariaDBPlatform as DoctrineMariaDBPlatform;
+use Doctrine\DBAL\Platforms\MySQLPlatform as DoctrineMySQLPlatform;
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Message\UriInterface;
+use Psr\Log\LoggerInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use Symfony\Component\Mime\Address;
+use TYPO3\CMS\Backend\Authentication\Event\PasswordHasBeenResetEvent;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Context\Context;
+use TYPO3\CMS\Core\Crypto\HashAlgo;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\Crypto\PasswordHashing\PasswordHashFactory;
+use TYPO3\CMS\Core\Crypto\Random;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\EndTimeRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\HiddenRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\RootLevelRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\StartTimeRestriction;
+use TYPO3\CMS\Core\Http\NormalizedParams;
+use TYPO3\CMS\Core\Mail\MailerInterface;
+use TYPO3\CMS\Core\Mail\TemplatedEmailFactory;
+use TYPO3\CMS\Core\PasswordPolicy\Event\EnrichPasswordValidationContextDataEvent;
+use TYPO3\CMS\Core\PasswordPolicy\PasswordPolicyAction;
+use TYPO3\CMS\Core\PasswordPolicy\PasswordPolicyValidator;
+use TYPO3\CMS\Core\PasswordPolicy\Validator\Dto\ContextData;
+use TYPO3\CMS\Core\RateLimiter\RateLimiterFactoryInterface;
+use TYPO3\CMS\Core\Session\SessionManager;
+use TYPO3\CMS\Core\SysLog\Action\Login as SystemLogLoginAction;
+use TYPO3\CMS\Core\SysLog\Error as SystemLogErrorClassification;
+use TYPO3\CMS\Core\SysLog\Type as SystemLogType;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * This class is responsible for
+ * - find the right user, sending out a reset email.
+ * - create a token for creating the link (not exposed outside of this class)
+ * - validate a hashed token
+ * - send out an email to initiate the password reset
+ * - update a password for a backend user if all parameters match
+ *
+ * @internal this is a concrete implementation for User/Password login and not part of public TYPO3 Core API.
+ */
+#[Autoconfigure(public: true)]
+readonly class PasswordReset
+{
+    protected const TOKEN_VALID_UNTIL = '+2 hours';
+
+    public function __construct(
+        private LoggerInterface $logger,
+        private MailerInterface $mailer,
+        private TemplatedEmailFactory $templatedEmailFactory,
+        private HashService $hashService,
+        private Random $random,
+        private ConnectionPool $connectionPool,
+        private EventDispatcherInterface $eventDispatcher,
+        private PasswordHashFactory $passwordHashFactory,
+        private UriBuilder $uriBuilder,
+        private SessionManager $sessionManager,
+        private RateLimiterFactoryInterface $rateLimiterFactory,
+    ) {}
+
+    /**
+     * Check if there are at least one in the system that contains a non-empty password AND an email address set.
+     */
+    public function isEnabled(): bool
+    {
+        // Option not explicitly enabled
+        if (!($GLOBALS['TYPO3_CONF_VARS']['BE']['passwordReset'] ?? false)) {
+            return false;
+        }
+        $queryBuilder = $this->getPreparedQueryBuilder();
+        $statement = $queryBuilder
+            ->select('uid')
+            ->from('be_users')
+            ->setMaxResults(1)
+            ->executeQuery();
+        return (int)$statement->fetchOne() > 0;
+    }
+
+    /**
+     * Check if a specific backend user can be used to trigger an email reset for (email + password set)
+     */
+    public function isEnabledForUser(int $userId): bool
+    {
+        $queryBuilder = $this->getPreparedQueryBuilder();
+        $statement = $queryBuilder
+            ->select('uid')
+            ->from('be_users')
+            ->andWhere(
+                $queryBuilder->expr()->eq('uid', $queryBuilder->createNamedParameter($userId, Connection::PARAM_INT))
+            )
+            ->setMaxResults(1)
+            ->executeQuery();
+        return $statement->fetchOne() > 0;
+    }
+
+    /**
+     * Determine the right user and send out an email. If multiple users are found with the same email address
+     * an alternative email is sent.
+     *
+     * If no user is found, this is logged to the system (but not to sys_log).
+     *
+     * The method intentionally does not return anything to avoid any information disclosure or exposure.
+     *
+     * @param ServerRequestInterface $request
+     * @param Context $context
+     * @param string $emailAddress
+     */
+    public function initiateReset(ServerRequestInterface $request, Context $context, string $emailAddress): void
+    {
+        if (!GeneralUtility::validEmail($emailAddress)) {
+            return;
+        }
+        if ($this->hasExceededMaximumAttemptsForReset($emailAddress)) {
+            $this->logger->alert('Password reset requested for email {email} but was requested too many times.', ['email' => $emailAddress]);
+            return;
+        }
+        $queryBuilder = $this->getPreparedQueryBuilder();
+        $users = $queryBuilder
+            ->select('*')
+            ->from('be_users')
+            ->andWhere(
+                $queryBuilder->expr()->eq('email', $queryBuilder->createNamedParameter($emailAddress))
+            )
+            ->executeQuery()
+            ->fetchAllAssociative();
+        if ($users === []) {
+            // No user found, do nothing, also no log to sys_log in order avoid log flooding
+            $this->logger->warning('Password reset requested for email {email} but no valid users', ['email' => $emailAddress]);
+        } elseif (count($users) > 1) {
+            // More than one user with the same email address found, send out the email that one cannot send out a reset link
+            $this->sendAmbiguousEmail($request, $context, $emailAddress);
+        } else {
+            $user = reset($users);
+            unset($user['password']);
+            $this->sendResetEmail($request, $context, $user);
+        }
+    }
+
+    /**
+     * Send out an email to a given email address and note that a reset was triggered but email was used multiple times.
+     * Used when the database returned multiple users.
+     */
+    protected function sendAmbiguousEmail(ServerRequestInterface $request, Context $context, string $emailAddress): void
+    {
+        $emailObject = $this->templatedEmailFactory->create($request)
+            ->to(new Address($emailAddress))
+            ->assign('email', $emailAddress)
+            ->setTemplate('PasswordReset/AmbiguousResetRequested');
+        $this->mailer->send($emailObject);
+        $this->logger->warning('Password reset sent to email address {email} but multiple accounts found', ['email' => $emailAddress]);
+        $this->log(
+            'Sent password reset email to email address %s but with multiple accounts attached.',
+            SystemLogLoginAction::PASSWORD_RESET_REQUEST,
+            SystemLogErrorClassification::WARNING,
+            0,
+            [
+                'email' => $emailAddress,
+            ],
+            NormalizedParams::createFromRequest($request)->getRemoteAddress(),
+            $context
+        );
+    }
+
+    /**
+     * Send out an email to a user that does have an email address added to his account, containing a reset link.
+     */
+    protected function sendResetEmail(ServerRequestInterface $request, Context $context, array $user): void
+    {
+        $resetLink = $this->generateResetLinkForUser($context, (int)$user['uid'], (string)$user['email']);
+        $emailObject = $this->templatedEmailFactory->create($request)
+            ->to(new Address((string)$user['email'], $user['realName']))
+            ->assign('name', $user['realName'])
+            ->assign('email', $user['email'])
+            ->assign('language', $user['lang'] ?: 'en')
+            ->assign('resetLink', $resetLink)
+            ->assign('username', $user['username'])
+            ->assign('userData', $user)
+            ->setTemplate('PasswordReset/ResetRequested');
+
+        $this->mailer->send($emailObject);
+
+        $this->logger->info('Sent password reset email to email address {email} for user {username}', [
+            'email' => $user['email'],
+            'username' => $user['username'],
+        ]);
+        $this->log(
+            'Sent password reset email to email address %s',
+            SystemLogLoginAction::PASSWORD_RESET_REQUEST,
+            SystemLogErrorClassification::SECURITY_NOTICE,
+            (int)$user['uid'],
+            [
+                'email' => $user['email'],
+            ],
+            NormalizedParams::createFromRequest($request)->getRemoteAddress(),
+            $context
+        );
+    }
+
+    /**
+     * Creates a token, stores it in the database, and then creates an absolute URL for resetting the password.
+     * This is all in one method so it is not exposed from the outside.
+     *
+     * This function requires:
+     * a) the user is allowed to do a password reset (no check is done anymore)
+     * b) a valid email address.
+     *
+     * @param Context $context
+     * @param int $userId the backend user uid
+     * @param string $emailAddress is part of the hash to ensure that the email address does not get reset.
+     */
+    protected function generateResetLinkForUser(Context $context, int $userId, string $emailAddress): UriInterface
+    {
+        $token = $this->random->generateRandomHexString(96);
+        $currentTime = $context->getAspect('date')->getDateTime();
+        $expiresOn = $currentTime->modify(self::TOKEN_VALID_UNTIL);
+        // Create a hash ("one time password") out of the token including the timestamp of the expiration date
+        $hash = $this->hashService->hmac($token . '|' . $expiresOn->getTimestamp() . '|' . $emailAddress . '|' . $userId, 'password-reset', HashAlgo::SHA3_256);
+
+        // Set the token in the database, which is hashed
+        $this->connectionPool
+            ->getConnectionForTable('be_users')
+            ->update(
+                'be_users',
+                ['password_reset_token' => $this->passwordHashFactory->getDefaultHashInstance('BE')->getHashedPassword($hash)],
+                ['uid' => $userId]
+            );
+
+        return $this->uriBuilder->buildUriFromRoute(
+            'password_reset_validate',
+            [
+                // "token"
+                't' => $token,
+                // "expiration date"
+                'e' => $expiresOn->getTimestamp(),
+                // "identity"
+                'i' => hash('sha1', $emailAddress . (string)$userId),
+            ],
+            UriBuilder::ABSOLUTE_URL
+        );
+    }
+
+    /**
+     * Validates all query parameters / GET parameters of the given request against the token.
+     */
+    public function isValidResetTokenFromRequest(ServerRequestInterface $request): bool
+    {
+        $user = $this->findValidUserForToken(
+            (string)($request->getQueryParams()['t'] ?? ''),
+            (string)($request->getQueryParams()['i'] ?? ''),
+            (int)($request->getQueryParams()['e'] ?? 0)
+        );
+        return $user !== null;
+    }
+
+    /**
+     * Fetch the user record from the database if the token is valid, and has matched all criteria
+     *
+     * @return array|null the BE User database record
+     */
+    protected function findValidUserForToken(string $token, string $identity, int $expirationTimestamp): ?array
+    {
+        // Early return if token expired
+        if ($expirationTimestamp < time()) {
+            return null;
+        }
+
+        $user = null;
+        // Find the token in the database
+        $queryBuilder = $this->getPreparedQueryBuilder();
+
+        $queryBuilder
+            ->select('uid', 'username', 'realName', 'email', 'password_reset_token', 'password')
+            ->from('be_users');
+
+        $platform = $queryBuilder->getConnection()->getDatabasePlatform();
+        if ($platform instanceof DoctrineMariaDBPlatform || $platform instanceof DoctrineMySQLPlatform) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->comparison('SHA1(CONCAT(' . $queryBuilder->quoteIdentifier('email') . ', ' . $queryBuilder->quoteIdentifier('uid') . '))', $queryBuilder->expr()::EQ, $queryBuilder->createNamedParameter($identity))
+            );
+            $user = $queryBuilder->executeQuery()->fetchAssociative();
+        } else {
+            // no native SHA1/ CONCAT functionality, has to be done in PHP
+            $stmt = $queryBuilder->executeQuery();
+            while ($row = $stmt->fetchAssociative()) {
+                if (hash_equals(hash('sha1', $row['email'] . (string)$row['uid']), $identity)) {
+                    $user = $row;
+                    break;
+                }
+            }
+        }
+
+        if (!is_array($user) || empty($user)) {
+            return null;
+        }
+
+        // Validate hash by rebuilding the hash from the parameters and the URL and see if this matches against the stored password_reset_token
+        $hash = $this->hashService->hmac($token . '|' . $expirationTimestamp . '|' . $user['email'] . '|' . $user['uid'], 'password-reset', HashAlgo::SHA3_256);
+        if (!$this->passwordHashFactory->getDefaultHashInstance('BE')->checkPassword($hash, $user['password_reset_token'] ?? '')) {
+            return null;
+        }
+        return $user;
+    }
+
+    /**
+     * Update the password in the database if the password matches and the token is valid.
+     *
+     * @return bool whether the password was reset or not
+     */
+    public function resetPassword(ServerRequestInterface $request, Context $context): bool
+    {
+        $expirationTimestamp = (int)($request->getQueryParams()['e'] ?? '');
+        $identityHash = (string)($request->getQueryParams()['i'] ?? '');
+        $token = (string)($request->getQueryParams()['t'] ?? '');
+        $newPassword = (string)($request->getParsedBody()['password'] ?? '');
+        $newPasswordRepeat = (string)($request->getParsedBody()['passwordrepeat'] ?? '');
+
+        $user = $this->findValidUserForToken($token, $identityHash, $expirationTimestamp);
+        if ($user === null) {
+            $this->logger->warning('Password reset not possible. Valid user for token not found.');
+            return false;
+        }
+        $userId = (int)$user['uid'];
+
+        if ($newPassword === '') {
+            $this->logger->debug('Password reset not possible because an empty password was provided.');
+            return false;
+        }
+
+        if ($newPassword !== $newPasswordRepeat) {
+            $this->logger->debug('Password reset not possible because new password and new password repeat do not match.');
+            return false;
+        }
+
+        if (!$this->isValidPassword($newPassword, $user)) {
+            $this->logger->debug('The new password does not match all requirements of the password policy.');
+            return false;
+        }
+
+        $this->connectionPool
+            ->getConnectionForTable('be_users')
+            ->update(
+                'be_users',
+                [
+                    'password_reset_token' => '',
+                    'password' => $this->passwordHashFactory->getDefaultHashInstance('BE')->getHashedPassword($newPassword),
+                ],
+                ['uid' => $userId]
+            );
+
+        $this->eventDispatcher->dispatch(new PasswordHasBeenResetEvent($userId));
+
+        $this->invalidateUserSessions($userId);
+
+        $this->logger->info('Password reset successful for user \'{username}\'', ['username' => $user['username'], 'user_id' => $userId]);
+        $this->log(
+            'Password reset successful for user %s',
+            SystemLogLoginAction::PASSWORD_RESET_ACCOMPLISHED,
+            SystemLogErrorClassification::SECURITY_NOTICE,
+            $userId,
+            [
+                'email' => $user['email'],
+                'user' => $userId,
+            ],
+            NormalizedParams::createFromRequest($request)->getRemoteAddress(),
+            $context
+        );
+        return true;
+    }
+
+    /**
+     * The querybuilder for finding the right user - and adds some restrictions:
+     * - No CLI users
+     * - No Admin users (with option)
+     * - No hidden/deleted users
+     * - Password must be set
+     * - Username must be set
+     * - Email address must be set
+     */
+    protected function getPreparedQueryBuilder(): QueryBuilder
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('be_users');
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(RootLevelRestriction::class))
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(StartTimeRestriction::class))
+            ->add(GeneralUtility::makeInstance(EndTimeRestriction::class))
+            ->add(GeneralUtility::makeInstance(HiddenRestriction::class));
+        $queryBuilder->where(
+            $queryBuilder->expr()->neq('username', $queryBuilder->createNamedParameter('')),
+            $queryBuilder->expr()->neq('username', $queryBuilder->createNamedParameter('_cli_')),
+            $queryBuilder->expr()->neq('password', $queryBuilder->createNamedParameter('')),
+            $queryBuilder->expr()->neq('email', $queryBuilder->createNamedParameter(''))
+        );
+        if (!($GLOBALS['TYPO3_CONF_VARS']['BE']['passwordResetForAdmins'] ?? false)) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->eq('admin', $queryBuilder->createNamedParameter(0, Connection::PARAM_INT))
+            );
+        }
+        return $queryBuilder;
+    }
+
+    /**
+     * Adds an entry to "sys_log", also used to track the maximum allowed attempts.
+     *
+     * @param string $message the information / message in english
+     * @param int $action see SystemLogLoginAction
+     * @param int $error see SystemLogErrorClassification
+     * @param array $data additional information, used for the message
+     * @param string $ipAddress
+     */
+    protected function log(string $message, int $action, int $error, int $userId, array $data, $ipAddress, Context $context): void
+    {
+        $this->connectionPool
+            ->getConnectionForTable('sys_log')
+            ->insert(
+                'sys_log',
+                [
+                    'userid' => $userId,
+                    'type' => SystemLogType::LOGIN,
+                    'channel' => SystemLogType::toChannel(SystemLogType::LOGIN),
+                    'level' => SystemLogType::toLevel(SystemLogType::LOGIN),
+                    'action' => $action,
+                    'error' => $error,
+                    'details' => $message,
+                    'log_data' => json_encode($data),
+                    'tablename' => 'be_users',
+                    'recuid' => $userId,
+                    'IP' => (string)$ipAddress,
+                    'tstamp' => $context->getAspect('date')->get('timestamp'),
+                    'event_pid' => 0,
+                    'workspace' => 0,
+                ],
+                [
+                    Connection::PARAM_INT,
+                    Connection::PARAM_INT,
+                    Connection::PARAM_STR,
+                    Connection::PARAM_STR,
+                    Connection::PARAM_INT,
+                    Connection::PARAM_INT,
+                    Connection::PARAM_STR,
+                    Connection::PARAM_STR,
+                    Connection::PARAM_STR,
+                    Connection::PARAM_INT,
+                    Connection::PARAM_STR,
+                    Connection::PARAM_INT,
+                    Connection::PARAM_INT,
+                    Connection::PARAM_INT,
+                ]
+            );
+    }
+
+    /**
+     * Checks if an email reset link has been requested more than the configured amount of times.
+     * Default values are 3 times in the last 30 minutes configured in Services.yaml
+     */
+    protected function hasExceededMaximumAttemptsForReset(string $email): bool
+    {
+        $limiter = $this->rateLimiterFactory->create($email);
+        $limit = $limiter->consume();
+        return !$limit->isAccepted();
+    }
+
+    /**
+     * Returns, if the given password is compliant with the global password policy for backend users
+     */
+    protected function isValidPassword(string $password, array $user): bool
+    {
+        $passwordPolicy = $GLOBALS['TYPO3_CONF_VARS']['BE']['passwordPolicy'] ?? 'default';
+        $passwordPolicyValidator = GeneralUtility::makeInstance(
+            PasswordPolicyValidator::class,
+            PasswordPolicyAction::UPDATE_USER_PASSWORD,
+            is_string($passwordPolicy) ? $passwordPolicy : ''
+        );
+        $contextData = new ContextData(currentPasswordHash: $user['password']);
+        $contextData->setData('currentUsername', $user['username']);
+        $contextData->setData('currentFullname', $user['realName']);
+        $event = $this->eventDispatcher->dispatch(
+            new EnrichPasswordValidationContextDataEvent(
+                $contextData,
+                $user,
+                self::class
+            )
+        );
+        $contextData = $event->getContextData();
+
+        return $passwordPolicyValidator->isValidPassword($password, $contextData);
+    }
+
+    /**
+     * Invalidate all backend user sessions by given user id
+     */
+    protected function invalidateUserSessions(int $userId): void
+    {
+        $this->sessionManager->invalidateAllSessionsByUserId(
+            $this->sessionManager->getSessionBackend('BE'),
+            $userId
+        );
+    }
+}
diff --git a/Classes/Backend/Avatar/Avatar.php b/Classes/Backend/Avatar/Avatar.php
new file mode 100644
index 0000000..8d3983e
--- /dev/null
+++ b/Classes/Backend/Avatar/Avatar.php
@@ -0,0 +1,135 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\Avatar;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Cache\Frontend\FrontendInterface;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Service\DependencyOrderingService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\PathUtility;
+
+/**
+ * Main class to render an avatar image of a certain Backend user, resolving any avatar provider
+ * that takes care of fetching the image.
+ *
+ * See render() and getImgTag() as main entry points
+ */
+#[Autoconfigure(public: true)]
+readonly class Avatar
+{
+    /**
+     * @param list<AvatarProviderInterface> $avatarProviders
+     */
+    public function __construct(
+        #[Autowire(service: 'cache.runtime')]
+        protected FrontendInterface $cache,
+        protected DependencyOrderingService $dependencyOrderingService,
+        protected IconFactory $iconFactory,
+        protected array $avatarProviders = [],
+    ) {
+        $this->validateAvatarProviders();
+    }
+
+    /**
+     * Renders an avatar based on a Fluid template which contains some base wrapper css classes.
+     * Has a simple caching functionality. Used in Avatar ViewHelper for instance.
+     * Renders avatar of a given backend user record, or of current logged-in backend user.
+     */
+    public function render(?array $backendUser = null, int $size = 32, bool $showIcon = false): string
+    {
+        if (!is_array($backendUser)) {
+            /** @var array $backendUser */
+            $backendUser = $this->getBackendUser()->user;
+        }
+        $cacheId = 'avatar_' . sha1($backendUser['uid'] . $size . $showIcon);
+        $avatar = $this->cache->get($cacheId);
+        if (!$avatar) {
+            $icon = $showIcon ? $this->iconFactory->getIconForRecord('be_users', $backendUser, IconSize::SMALL)->render() : '';
+            $avatar
+                = '<span class="avatar" style="--avatar-size: ' . $size . 'px;">'
+                    . '<span class="avatar-image">' . $this->getImgTag($backendUser, $size) . '</span>'
+                    . ($showIcon ? '<span class="avatar-icon">' . $icon . '</span>' : '')
+                . '</span>';
+            $this->cache->set($cacheId, $avatar);
+        }
+        return $avatar;
+    }
+
+    /**
+     * Returns an HTML <img> tag of given backend users avatar.
+     */
+    protected function getImgTag(array $backendUser, int $size = 32): string
+    {
+        $avatarImage = $this->getImage($backendUser, $size);
+        return '<img src="' . htmlspecialchars($avatarImage->getUrl()) . '" '
+            . 'width="' . (int)$avatarImage->getWidth() . '" '
+            . 'height="' . (int)$avatarImage->getHeight() . '" '
+            . 'alt="" '
+            . 'aria-hidden="true" '
+            . 'loading="lazy" />';
+    }
+
+    /**
+     * Get Image from first provider that returns one.
+     */
+    protected function getImage(array $backendUser, int $size): Image
+    {
+        foreach ($this->avatarProviders as $provider) {
+            $avatarImage = $provider->getImage($backendUser, $size);
+            if (!empty($avatarImage)) {
+                return $avatarImage;
+            }
+        }
+        return GeneralUtility::makeInstance(
+            Image::class,
+            (string)PathUtility::getSystemResourceUri('EXT:core/Resources/Public/Icons/T3Icons/svgs/avatar/avatar-default.svg'),
+            $size,
+            $size
+        );
+    }
+
+    /**
+     * Validates the registered avatar providers
+     *
+     * @throws \RuntimeException
+     */
+    protected function validateAvatarProviders(): void
+    {
+        foreach ($this->avatarProviders as $provider) {
+            if (!($provider instanceof AvatarProviderInterface)) {
+                throw new \RuntimeException(
+                    sprintf(
+                        'Avatar provider must implement interface "%s", "%s" given.',
+                        AvatarProviderInterface::class,
+                        get_debug_type($provider),
+                    ),
+                    1439317802,
+                );
+            }
+        }
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Backend/Avatar/AvatarProviderInterface.php b/Classes/Backend/Avatar/AvatarProviderInterface.php
new file mode 100644
index 0000000..ef6f252
--- /dev/null
+++ b/Classes/Backend/Avatar/AvatarProviderInterface.php
@@ -0,0 +1,31 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\Avatar;
+
+/**
+ * Contract for avatar providers that ensure how an avatar should be rendered for a given Backend User
+ */
+interface AvatarProviderInterface
+{
+    /**
+     * Returns an Image object, prepared for output, based on a given be_users record
+     *
+     * @param array $backendUser be_users record
+     * @param int $size
+     * @return Image|null
+     */
+    public function getImage(array $backendUser, $size);
+}
diff --git a/Classes/Backend/Avatar/DefaultAvatarProvider.php b/Classes/Backend/Avatar/DefaultAvatarProvider.php
new file mode 100644
index 0000000..94539c8
--- /dev/null
+++ b/Classes/Backend/Avatar/DefaultAvatarProvider.php
@@ -0,0 +1,105 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\Avatar;
+
+use TYPO3\CMS\Backend\Attribute\AsAvatarProvider;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Resource\Exception\FileDoesNotExistException;
+use TYPO3\CMS\Core\Resource\ProcessedFile;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Avatar Provider used for rendering avatars based on local files (based on FAL), stored in the be_users.avatar
+ * relation field with sys_file_reference.
+ */
+#[AsAvatarProvider('defaultAvatarProvider')]
+class DefaultAvatarProvider implements AvatarProviderInterface
+{
+    /**
+     * Return an Image object for rendering the avatar, based on a FAL-based file
+     *
+     * @param array $backendUser be_users record
+     * @param int $size
+     * @return Image|null
+     */
+    public function getImage(array $backendUser, $size)
+    {
+        $fileUid = $this->getAvatarFileUid($backendUser['uid']);
+        if ($fileUid === 0) {
+            // Early return if there is no valid image file UID
+            return null;
+        }
+        // Get file object
+        try {
+            $file = GeneralUtility::makeInstance(ResourceFactory::class)->getFileObject($fileUid);
+            $processedImage = $file->process(
+                ProcessedFile::CONTEXT_IMAGECROPSCALEMASK,
+                ['width' => $size . 'c', 'height' => $size . 'c']
+            );
+
+            $publicUrl = $processedImage->getPublicUrl();
+            if ($publicUrl) {
+                $image = GeneralUtility::makeInstance(
+                    Image::class,
+                    $publicUrl,
+                    $processedImage->getProperty('width'),
+                    $processedImage->getProperty('height')
+                );
+            } else {
+                $image = null;
+            }
+        } catch (FileDoesNotExistException $e) {
+            // No image found
+            $image = null;
+        }
+
+        return $image;
+    }
+
+    /**
+     * Get the sys_file UID of the avatar of the given backend user ID
+     *
+     * @param int $backendUserId the UID of the be_users record
+     * @return int the sys_file UID or 0 if none found
+     */
+    protected function getAvatarFileUid($backendUserId)
+    {
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable('sys_file_reference');
+        $fileUid = $queryBuilder
+            ->select('uid_local')
+            ->from('sys_file_reference')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'tablenames',
+                    $queryBuilder->createNamedParameter('be_users')
+                ),
+                $queryBuilder->expr()->eq(
+                    'fieldname',
+                    $queryBuilder->createNamedParameter('avatar')
+                ),
+                $queryBuilder->expr()->eq(
+                    'uid_foreign',
+                    $queryBuilder->createNamedParameter((int)$backendUserId, Connection::PARAM_INT)
+                )
+            )
+            ->executeQuery()
+            ->fetchOne();
+
+        return (int)$fileUid;
+    }
+}
diff --git a/Classes/Backend/Avatar/Image.php b/Classes/Backend/Avatar/Image.php
new file mode 100644
index 0000000..482d29e
--- /dev/null
+++ b/Classes/Backend/Avatar/Image.php
@@ -0,0 +1,78 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\Avatar;
+
+/**
+ * Acts as a pseudo model for holding all information of an avatar image
+ * Holds url + dimensions of avatar image
+ */
+class Image
+{
+    /**
+     * Url of avatar image. Needs to be relative to the website root or an absolute URL.
+     *
+     * @var string
+     */
+    protected $url;
+
+    /**
+     * @var int
+     */
+    protected $width;
+
+    /**
+     * @var int
+     */
+    protected $height;
+
+    /**
+     * @param string $url url of image. Needs to be relative to the website root or an absolute URL.
+     * @param int $width width of image
+     * @param int $height height of image
+     */
+    public function __construct($url, $width, $height)
+    {
+        $this->url = $url;
+        $this->width = (int)$width;
+        $this->height = (int)$height;
+    }
+
+    /**
+     * Fetches the URL to the avatar image
+     *
+     * @return string
+     */
+    public function getUrl()
+    {
+        return $this->url;
+    }
+
+    /**
+     * @return int
+     */
+    public function getWidth()
+    {
+        return $this->width;
+    }
+
+    /**
+     * @return int
+     */
+    public function getHeight()
+    {
+        return $this->height;
+    }
+}
diff --git a/Classes/Backend/Bookmark/Bookmark.php b/Classes/Backend/Bookmark/Bookmark.php
new file mode 100644
index 0000000..ee3a78a
--- /dev/null
+++ b/Classes/Backend/Bookmark/Bookmark.php
@@ -0,0 +1,65 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\Bookmark;
+
+/**
+ * Value object representing a bookmark in the backend.
+ *
+ * Bookmarks provide quick access to frequently used backend locations
+ * and are displayed in the bookmark toolbar dropdown.
+ *
+ * @internal This class is a specific Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+readonly class Bookmark implements \JsonSerializable
+{
+    public function __construct(
+        public int $id,
+        public string $route,
+        public string $arguments,
+        public string $title,
+        public int|string $groupId,
+        public string $iconIdentifier,
+        public string $iconOverlayIdentifier,
+        public string $module,
+        public string $href,
+        public bool $editable = false,
+        public bool $accessible = false,
+    ) {}
+
+    public function toArray(): array
+    {
+        return [
+            'id' => $this->id,
+            'route' => $this->route,
+            'arguments' => $this->arguments,
+            'title' => $this->title,
+            'groupId' => $this->groupId,
+            'iconIdentifier' => $this->iconIdentifier,
+            'iconOverlayIdentifier' => $this->iconOverlayIdentifier,
+            'module' => $this->module,
+            'href' => $this->href,
+            'editable' => $this->editable,
+            'accessible' => $this->accessible,
+        ];
+    }
+
+    public function jsonSerialize(): array
+    {
+        return $this->toArray();
+    }
+}
diff --git a/Classes/Backend/Bookmark/BookmarkGroup.php b/Classes/Backend/Bookmark/BookmarkGroup.php
new file mode 100644
index 0000000..9e06ec0
--- /dev/null
+++ b/Classes/Backend/Bookmark/BookmarkGroup.php
@@ -0,0 +1,55 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\Bookmark;
+
+/**
+ * Value object representing a bookmark group.
+ *
+ * Groups are used to organize bookmarks in the backend toolbar.
+ *
+ * @internal This class is a specific Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+readonly class BookmarkGroup implements \JsonSerializable
+{
+    public function __construct(
+        public int|string $id,
+        public string $label,
+        public BookmarkGroupType $type,
+        public int $sorting = 0,
+        public bool $editable = false,
+        public bool $selectable = true,
+    ) {}
+
+    public function toArray(): array
+    {
+        return [
+            'id' => $this->id,
+            'label' => $this->label,
+            'type' => $this->type->value,
+            'priority' => $this->type->getPriority(),
+            'sorting' => $this->sorting,
+            'editable' => $this->editable,
+            'selectable' => $this->selectable,
+        ];
+    }
+
+    public function jsonSerialize(): array
+    {
+        return $this->toArray();
+    }
+}
diff --git a/Classes/Backend/Bookmark/BookmarkGroupType.php b/Classes/Backend/Bookmark/BookmarkGroupType.php
new file mode 100644
index 0000000..92a15ae
--- /dev/null
+++ b/Classes/Backend/Bookmark/BookmarkGroupType.php
@@ -0,0 +1,57 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\Bookmark;
+
+/**
+ * Defines the different types/sources of bookmark groups.
+ *
+ * @internal
+ */
+enum BookmarkGroupType: string
+{
+    /**
+     * System groups defined via UserTSconfig (options.bookmarkGroups.X = "Label").
+     * These have positive integer IDs and include the default bookmark groups.
+     */
+    case SYSTEM = 'system';
+
+    /**
+     * Global groups (negative IDs) - bookmarks visible to all users but only admins can add to them.
+     * These mirror the system groups but with negative IDs.
+     */
+    case GLOBAL = 'global';
+
+    /**
+     * User-created groups stored in sys_be_shortcuts_group table.
+     * These have UUID identifiers and are specific to the user who created them.
+     */
+    case USER = 'user';
+
+    /**
+     * Returns the priority for this group type.
+     * Lower values appear first: user → system → global
+     */
+    public function getPriority(): int
+    {
+        return match ($this) {
+            self::USER => 0,
+            self::SYSTEM => 1,
+            self::GLOBAL => 2,
+        };
+    }
+}
diff --git a/Classes/Backend/Bookmark/BookmarkRepository.php b/Classes/Backend/Bookmark/BookmarkRepository.php
new file mode 100644
index 0000000..56ac412
--- /dev/null
+++ b/Classes/Backend/Bookmark/BookmarkRepository.php
@@ -0,0 +1,432 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\Bookmark;
+
+use Symfony\Component\Uid\Uuid;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+
+/**
+ * @internal This class is a specific Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+readonly class BookmarkRepository
+{
+    protected const TABLE_NAME = 'sys_be_shortcuts';
+    protected const GROUP_TABLE_NAME = 'sys_be_shortcuts_group';
+
+    public function __construct(
+        protected ConnectionPool $connectionPool,
+    ) {}
+
+    public function findById(int $id): ?array
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::TABLE_NAME);
+        $row = $queryBuilder->select('*')
+            ->from(self::TABLE_NAME)
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'uid',
+                    $queryBuilder->createNamedParameter($id, Connection::PARAM_INT)
+                )
+            )
+            ->executeQuery()
+            ->fetchAssociative();
+
+        return $row !== false ? $row : null;
+    }
+
+    /**
+     * @param list<int> $ids
+     * @return array<int, array> Indexed by bookmark ID
+     */
+    public function findByIds(array $ids): array
+    {
+        if ($ids === []) {
+            return [];
+        }
+
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::TABLE_NAME);
+        $result = $queryBuilder->select('*')
+            ->from(self::TABLE_NAME)
+            ->where(
+                $queryBuilder->expr()->in(
+                    'uid',
+                    $queryBuilder->createNamedParameter($ids, Connection::PARAM_INT_ARRAY)
+                )
+            )
+            ->executeQuery();
+
+        $bookmarks = [];
+        while ($row = $result->fetchAssociative()) {
+            $bookmarks[(int)$row['uid']] = $row;
+        }
+
+        return $bookmarks;
+    }
+
+    public function findByUser(int $userId): array
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::TABLE_NAME);
+
+        $constraints = [];
+
+        // User's own bookmarks with a non-negative sc_group value.
+        // Bookmarks in user-created groups also match here, as their sc_group defaults to 0.
+        $constraints[] = $queryBuilder->expr()->and(
+            $queryBuilder->expr()->eq(
+                'userid',
+                $queryBuilder->createNamedParameter($userId, Connection::PARAM_INT)
+            ),
+            $queryBuilder->expr()->gte(
+                'sc_group',
+                $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+            )
+        );
+
+        // Global bookmarks (negative sc_group) - visible to all users
+        $constraints[] = $queryBuilder->expr()->lt(
+            'sc_group',
+            $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+        );
+
+        $result = $queryBuilder->select('*')
+            ->from(self::TABLE_NAME)
+            ->where($queryBuilder->expr()->or(...$constraints))
+            ->orderBy('sc_group')
+            ->addOrderBy('sorting')
+            ->executeQuery();
+
+        $bookmarks = [];
+        while ($row = $result->fetchAssociative()) {
+            $bookmarks[] = $row;
+        }
+
+        return $bookmarks;
+    }
+
+    public function exists(int $userId, string $routeIdentifier, string $arguments): bool
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::TABLE_NAME);
+        $queryBuilder->getRestrictions()->removeAll();
+
+        $uid = $queryBuilder->select('uid')
+            ->from(self::TABLE_NAME)
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'userid',
+                    $queryBuilder->createNamedParameter($userId, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->eq('route', $queryBuilder->createNamedParameter($routeIdentifier)),
+                $queryBuilder->expr()->eq('arguments', $queryBuilder->createNamedParameter($arguments))
+            )
+            ->executeQuery()
+            ->fetchOne();
+
+        return (bool)$uid;
+    }
+
+    /**
+     * @return int|false The new bookmark ID or false on failure
+     */
+    public function insert(int $userId, string $routeIdentifier, string $arguments, string $title): int|false
+    {
+        $connection = $this->connectionPool->getConnectionForTable(self::TABLE_NAME);
+        $affectedRows = $connection->insert(
+            self::TABLE_NAME,
+            [
+                'userid' => $userId,
+                'route' => $routeIdentifier,
+                'arguments' => $arguments,
+                'description' => $title ?: 'Bookmark',
+                'sorting' => $GLOBALS['EXEC_TIME'],
+            ]
+        );
+
+        if ($affectedRows === 1) {
+            return (int)$connection->lastInsertId();
+        }
+
+        return false;
+    }
+
+    public function update(
+        int $id,
+        ?int $userId,
+        string $title,
+        int|string $groupId,
+        bool $allowGlobalGroups = true
+    ): int {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::TABLE_NAME);
+        $queryBuilder->update(self::TABLE_NAME)
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'uid',
+                    $queryBuilder->createNamedParameter($id, Connection::PARAM_INT)
+                )
+            )
+            ->set('description', $title);
+
+        if (is_string($groupId)) {
+            $queryBuilder->set('group_uuid', $groupId);
+            $queryBuilder->set('sc_group', BookmarkService::GROUP_DEFAULT);
+        } else {
+            $effectiveGroupId = $allowGlobalGroups ? $groupId : max(BookmarkService::GROUP_DEFAULT, $groupId);
+            $queryBuilder->set('sc_group', $effectiveGroupId);
+            $queryBuilder->set('group_uuid', null);
+        }
+
+        if ($userId !== null) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->eq(
+                    'userid',
+                    $queryBuilder->createNamedParameter($userId, Connection::PARAM_INT)
+                )
+            );
+            if (!$allowGlobalGroups) {
+                $queryBuilder->andWhere(
+                    $queryBuilder->expr()->gte(
+                        'sc_group',
+                        $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                    )
+                );
+            }
+        }
+
+        return $queryBuilder->executeStatement();
+    }
+
+    public function delete(int $id, ?int $userId = null): int
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::TABLE_NAME);
+        $queryBuilder->delete(self::TABLE_NAME)
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'uid',
+                    $queryBuilder->createNamedParameter($id, Connection::PARAM_INT)
+                )
+            );
+
+        if ($userId !== null) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->eq(
+                    'userid',
+                    $queryBuilder->createNamedParameter($userId, Connection::PARAM_INT)
+                )
+            );
+        }
+
+        return $queryBuilder->executeStatement();
+    }
+
+    /**
+     * @param array<int> $ids
+     */
+    public function deleteMultiple(array $ids, int $userId): int
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::TABLE_NAME);
+
+        return $queryBuilder->delete(self::TABLE_NAME)
+            ->where(
+                $queryBuilder->expr()->in(
+                    'uid',
+                    $queryBuilder->createNamedParameter($ids, Connection::PARAM_INT_ARRAY)
+                ),
+                $queryBuilder->expr()->eq(
+                    'userid',
+                    $queryBuilder->createNamedParameter($userId, Connection::PARAM_INT)
+                )
+            )
+            ->executeStatement();
+    }
+
+    public function updateSorting(int $id, int $userId, int $sorting): int
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::TABLE_NAME);
+
+        return $queryBuilder->update(self::TABLE_NAME)
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'uid',
+                    $queryBuilder->createNamedParameter($id, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->eq(
+                    'userid',
+                    $queryBuilder->createNamedParameter($userId, Connection::PARAM_INT)
+                )
+            )
+            ->set('sorting', $sorting)
+            ->executeStatement();
+    }
+
+    /**
+     * @param array<int> $ids
+     */
+    public function moveToGroup(array $ids, int $userId, int|string $groupId, bool $allowGlobalGroups = true): int
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::TABLE_NAME);
+        $queryBuilder->update(self::TABLE_NAME)
+            ->where(
+                $queryBuilder->expr()->in(
+                    'uid',
+                    $queryBuilder->createNamedParameter($ids, Connection::PARAM_INT_ARRAY)
+                ),
+                $queryBuilder->expr()->eq(
+                    'userid',
+                    $queryBuilder->createNamedParameter($userId, Connection::PARAM_INT)
+                )
+            );
+
+        if (is_string($groupId)) {
+            $queryBuilder->set('group_uuid', $groupId);
+            $queryBuilder->set('sc_group', BookmarkService::GROUP_DEFAULT);
+        } else {
+            $effectiveGroupId = $allowGlobalGroups ? $groupId : max(BookmarkService::GROUP_DEFAULT, $groupId);
+            $queryBuilder->set('sc_group', $effectiveGroupId);
+            $queryBuilder->set('group_uuid', null);
+        }
+
+        return $queryBuilder->executeStatement();
+    }
+
+    public function findGroupsByUser(int $userId): array
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::GROUP_TABLE_NAME);
+
+        $result = $queryBuilder
+            ->select('*')
+            ->from(self::GROUP_TABLE_NAME)
+            ->where(
+                $queryBuilder->expr()->eq('userid', $queryBuilder->createNamedParameter($userId, Connection::PARAM_INT))
+            )
+            ->orderBy('sorting', 'ASC')
+            ->executeQuery();
+
+        $groups = [];
+        while ($row = $result->fetchAssociative()) {
+            $groups[] = $row;
+        }
+
+        return $groups;
+    }
+
+    public function findGroupByUuid(string $uuid): ?array
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::GROUP_TABLE_NAME);
+        $row = $queryBuilder
+            ->select('*')
+            ->from(self::GROUP_TABLE_NAME)
+            ->where(
+                $queryBuilder->expr()->eq('uuid', $queryBuilder->createNamedParameter($uuid))
+            )
+            ->executeQuery()
+            ->fetchAssociative();
+
+        return $row !== false ? $row : null;
+    }
+
+    public function createGroup(int $userId, string $label): ?string
+    {
+        $uuid = (string)Uuid::v4();
+
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::GROUP_TABLE_NAME);
+
+        $maxSorting = $queryBuilder
+            ->select('sorting')
+            ->from(self::GROUP_TABLE_NAME)
+            ->where(
+                $queryBuilder->expr()->eq('userid', $queryBuilder->createNamedParameter($userId, Connection::PARAM_INT))
+            )
+            ->orderBy('sorting', 'DESC')
+            ->setMaxResults(1)
+            ->executeQuery()
+            ->fetchOne();
+        $sorting = ($maxSorting !== false ? (int)$maxSorting : 0) + 1;
+
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::GROUP_TABLE_NAME);
+        $affectedRows = $queryBuilder
+            ->insert(self::GROUP_TABLE_NAME)
+            ->values([
+                'uuid' => $uuid,
+                'userid' => $userId,
+                'label' => $label,
+                'sorting' => $sorting,
+            ])
+            ->executeStatement();
+
+        return $affectedRows === 1 ? $uuid : null;
+    }
+
+    public function updateGroup(string $uuid, string $label): int
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::GROUP_TABLE_NAME);
+
+        return $queryBuilder
+            ->update(self::GROUP_TABLE_NAME)
+            ->where(
+                $queryBuilder->expr()->eq('uuid', $queryBuilder->createNamedParameter($uuid))
+            )
+            ->set('label', $label)
+            ->executeStatement();
+    }
+
+    public function deleteGroup(string $uuid): int
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::GROUP_TABLE_NAME);
+
+        return $queryBuilder
+            ->delete(self::GROUP_TABLE_NAME)
+            ->where(
+                $queryBuilder->expr()->eq('uuid', $queryBuilder->createNamedParameter($uuid))
+            )
+            ->executeStatement();
+    }
+
+    /**
+     * @param list<string> $uuids
+     */
+    public function reorderGroups(array $uuids, int $userId): void
+    {
+        $sorting = 0;
+        foreach ($uuids as $uuid) {
+            $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::GROUP_TABLE_NAME);
+            $queryBuilder
+                ->update(self::GROUP_TABLE_NAME)
+                ->where(
+                    $queryBuilder->expr()->eq('uuid', $queryBuilder->createNamedParameter($uuid)),
+                    $queryBuilder->expr()->eq('userid', $queryBuilder->createNamedParameter($userId, Connection::PARAM_INT))
+                )
+                ->set('sorting', $sorting++)
+                ->executeStatement();
+        }
+    }
+
+    public function moveBookmarksFromGroupToDefault(string $uuid, int $userId): int
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable(self::TABLE_NAME);
+
+        return $queryBuilder
+            ->update(self::TABLE_NAME)
+            ->where(
+                $queryBuilder->expr()->eq('group_uuid', $queryBuilder->createNamedParameter($uuid)),
+                $queryBuilder->expr()->eq('userid', $queryBuilder->createNamedParameter($userId, Connection::PARAM_INT))
+            )
+            ->set('group_uuid', null)
+            ->set('sc_group', BookmarkService::GROUP_DEFAULT)
+            ->executeStatement();
+    }
+}
diff --git a/Classes/Backend/Bookmark/BookmarkService.php b/Classes/Backend/Bookmark/BookmarkService.php
new file mode 100644
index 0000000..df43689
--- /dev/null
+++ b/Classes/Backend/Bookmark/BookmarkService.php
@@ -0,0 +1,622 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\Bookmark;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Backend\Bookmark\Security\BookmarkGroupVoter;
+use TYPO3\CMS\Backend\Backend\Bookmark\Security\BookmarkVoter;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Routing\Router;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+
+/**
+ * @internal This class is a specific Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+#[Autoconfigure(public: true)]
+readonly class BookmarkService
+{
+    use Traits\RouteParserTrait;
+
+    public const GROUP_DEFAULT = 0;
+    public const GROUP_SUPERGLOBAL = -100;
+
+    public function __construct(
+        protected BookmarkRepository $bookmarkRepository,
+        protected BookmarkVoter $bookmarkVoter,
+        protected BookmarkGroupVoter $bookmarkGroupVoter,
+        protected IconFactory $iconFactory,
+        protected ModuleProvider $moduleProvider,
+        protected Router $router,
+        protected UriBuilder $uriBuilder,
+    ) {}
+
+    protected function getRouter(): Router
+    {
+        return $this->router;
+    }
+
+    public function isEnabled(): bool
+    {
+        return (bool)($this->getBackendUser()->getTSConfig()['options.']['enableBookmarks'] ?? false);
+    }
+
+    /**
+     * @return Bookmark[]
+     */
+    public function getBookmarks(): array
+    {
+        $backendUser = $this->getBackendUser();
+        $userId = (int)$backendUser->user['uid'];
+        $rows = $this->bookmarkRepository->findByUser($userId);
+
+        // Build list of valid group IDs from existing groups
+        $groups = $this->getGroups();
+        $validGroupIds = array_map(static fn(BookmarkGroup $g) => $g->id, $groups);
+
+        $bookmarks = [];
+
+        foreach ($rows as $row) {
+            // Skip bookmarks the user cannot read (e.g., global bookmarks they can't navigate to)
+            if (!$this->bookmarkVoter->vote(BookmarkVoter::READ, $row, $backendUser)) {
+                continue;
+            }
+            $row = $this->migrateBookmarkGroup($row, $validGroupIds);
+            $bookmark = $this->createBookmarkFromRow($row, $backendUser);
+            if ($bookmark !== null) {
+                $bookmarks[] = $bookmark;
+            }
+        }
+
+        return $bookmarks;
+    }
+
+    /**
+     * Ensures bookmark is assigned to a valid group for output.
+     */
+    private function migrateBookmarkGroup(array $row, array $validGroupIds): array
+    {
+        $groupUuid = $row['group_uuid'] ?? null;
+        $scGroup = (int)($row['sc_group'] ?? 0);
+        $groupId = $groupUuid !== null ? $groupUuid : $scGroup;
+
+        if (in_array($groupId, $validGroupIds, true)) {
+            return $row;
+        }
+
+        $row['group_uuid'] = null;
+        $row['sc_group'] = $scGroup < 0 ? self::GROUP_SUPERGLOBAL : self::GROUP_DEFAULT;
+
+        return $row;
+    }
+
+    /**
+     * @return BookmarkGroup[]
+     */
+    public function getGroups(): array
+    {
+        $groups = [];
+        $backendUser = $this->getBackendUser();
+        $languageService = $this->getLanguageService();
+        $globalPrefix = $languageService->sL('core.bookmarks:global');
+
+        // User-created groups
+        $userId = (int)$backendUser->user['uid'];
+        $userGroupRows = $this->bookmarkRepository->findGroupsByUser($userId);
+        foreach ($userGroupRows as $index => $row) {
+            $groups[] = $this->createBookmarkGroup(
+                $row['uuid'],
+                $row['label'] ?? '',
+                BookmarkGroupType::USER,
+                (int)($row['sorting'] ?? $index),
+                $backendUser,
+                isset($row['userid']) ? (int)$row['userid'] : null,
+            );
+        }
+
+        // TSconfig groups and their global counterparts
+        $configGroups = $backendUser->getTSConfig()['options.']['bookmarkGroups.'] ?? [];
+        $tsconfigIndex = 0;
+        if (is_array($configGroups)) {
+            foreach ($configGroups as $groupId => $configLabel) {
+                $groupId = (int)$groupId;
+                if ($groupId <= 0 || $groupId === 100 || $configLabel === '' || $configLabel === null) {
+                    continue;
+                }
+                $label = $languageService->sL((string)$configLabel);
+                $sorting = $tsconfigIndex++;
+
+                $groups[] = $this->createBookmarkGroup(
+                    $groupId,
+                    $label,
+                    BookmarkGroupType::SYSTEM,
+                    $sorting,
+                    $backendUser,
+                );
+
+                $groups[] = $this->createBookmarkGroup(
+                    -$groupId,
+                    $globalPrefix . ': ' . $label,
+                    BookmarkGroupType::GLOBAL,
+                    $sorting,
+                    $backendUser,
+                );
+            }
+        }
+
+        // Superglobal group
+        $groups[] = $this->createBookmarkGroup(
+            self::GROUP_SUPERGLOBAL,
+            $globalPrefix . ': ' . $languageService->sL('core.bookmarks:all'),
+            BookmarkGroupType::GLOBAL,
+            0,
+            $backendUser,
+        );
+
+        // Default group
+        $groups[] = $this->createBookmarkGroup(
+            self::GROUP_DEFAULT,
+            $languageService->sL('core.bookmarks:group_default'),
+            BookmarkGroupType::SYSTEM,
+            100,
+            $backendUser,
+        );
+
+        // Sort by type priority, then by sorting value
+        $priorityKeys = array_map(static fn(BookmarkGroup $g) => $g->type->getPriority(), $groups);
+        $sortingKeys = array_map(static fn(BookmarkGroup $g) => $g->sorting, $groups);
+        array_multisort($priorityKeys, SORT_ASC, SORT_NUMERIC, $sortingKeys, SORT_ASC, SORT_NUMERIC, $groups);
+
+        return $groups;
+    }
+
+    public function getBookmark(int $id): ?Bookmark
+    {
+        $row = $this->bookmarkRepository->findById($id);
+        if ($row === null) {
+            return null;
+        }
+        $backendUser = $this->getBackendUser();
+        if (!$this->bookmarkVoter->vote(BookmarkVoter::READ, $row, $backendUser)) {
+            return null;
+        }
+        $groups = $this->getGroups();
+        $validGroupIds = array_map(static fn(BookmarkGroup $g) => $g->id, $groups);
+        $row = $this->migrateBookmarkGroup($row, $validGroupIds);
+        return $this->createBookmarkFromRow($row, $backendUser);
+    }
+
+    public function hasBookmark(string $routeIdentifier, string $arguments): bool
+    {
+        $userId = (int)$this->getBackendUser()->user['uid'];
+        return $this->bookmarkRepository->exists($userId, $routeIdentifier, $arguments);
+    }
+
+    /**
+     * @return int|false The ID of the newly created bookmark, or false on failure
+     */
+    public function createBookmark(string $routeIdentifier, string $arguments = '', string $title = ''): int|false
+    {
+        $backendUser = $this->getBackendUser();
+
+        if (!$this->bookmarkVoter->vote(BookmarkVoter::CREATE, [], $backendUser)) {
+            return false;
+        }
+
+        if (!$this->router->hasRoute($routeIdentifier)) {
+            return false;
+        }
+
+        if ($arguments !== '' && !json_validate($arguments)) {
+            return false;
+        }
+
+        $userId = (int)$backendUser->user['uid'];
+        $result = $this->bookmarkRepository->insert($userId, $routeIdentifier, $arguments, $title);
+
+        return $result;
+    }
+
+    /**
+     * @return array{success: bool, error?: string}
+     */
+    public function updateBookmark(int $id, string $title, int|string $groupId): array
+    {
+        $backendUser = $this->getBackendUser();
+
+        // Check if bookmark exists
+        $bookmark = $this->bookmarkRepository->findById($id);
+        if ($bookmark === null) {
+            return $this->errorResponse(
+                'core.bookmarks:error.notFound.message'
+            );
+        }
+
+        // Check edit permission
+        if (!$this->bookmarkVoter->vote(BookmarkVoter::EDIT, $bookmark, $backendUser)) {
+            return $this->errorResponse(
+                'core.bookmarks:error.accessDenied.message'
+            );
+        }
+
+        // Check if user can use global groups
+        if (is_int($groupId) && $groupId < 0 && !$backendUser->isAdmin()) {
+            return $this->errorResponse(
+                'core.bookmarks:error.globalGroupNotAllowed.message'
+            );
+        }
+
+        $userId = $backendUser->isAdmin() ? null : (int)$backendUser->user['uid'];
+        $allowGlobalGroups = $backendUser->isAdmin();
+
+        $this->bookmarkRepository->update(
+            $id,
+            $userId,
+            $title,
+            $groupId,
+            $allowGlobalGroups
+        );
+
+        return ['success' => true];
+    }
+
+    /**
+     * @return array{success: false, error: string}
+     */
+    private function errorResponse(string $label): array
+    {
+        return [
+            'success' => false,
+            'error' => $this->getLanguageService()->sL($label),
+        ];
+    }
+
+    /**
+     * @return array{success: bool, error?: string}
+     */
+    public function deleteBookmark(int $id): array
+    {
+        $backendUser = $this->getBackendUser();
+        $bookmark = $this->bookmarkRepository->findById($id);
+        if ($bookmark === null) {
+            return $this->errorResponse(
+                'core.bookmarks:error.notFound.message'
+            );
+        }
+
+        if (!$this->bookmarkVoter->vote(BookmarkVoter::DELETE, $bookmark, $backendUser)) {
+            return $this->errorResponse(
+                'core.bookmarks:error.accessDenied.message'
+            );
+        }
+
+        $affectedRows = $this->bookmarkRepository->delete($id);
+
+        if ($affectedRows !== 1) {
+            return $this->errorResponse(
+                'core.bookmarks:error.deleteFailed.message'
+            );
+        }
+
+        return ['success' => true];
+    }
+
+    /**
+     * @param int[] $bookmarkIds
+     */
+    public function reorderBookmarks(array $bookmarkIds): bool
+    {
+        $backendUser = $this->getBackendUser();
+        $userId = (int)$backendUser->user['uid'];
+
+        // Fetch all bookmarks in one query
+        $bookmarks = $this->bookmarkRepository->findByIds($bookmarkIds);
+
+        $sorting = 0;
+        foreach ($bookmarkIds as $bookmarkId) {
+            $bookmark = $bookmarks[$bookmarkId] ?? null;
+            if ($bookmark !== null && $this->bookmarkVoter->vote(BookmarkVoter::EDIT, $bookmark, $backendUser)) {
+                $this->bookmarkRepository->updateSorting($bookmarkId, $userId, $sorting++);
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * @param int[] $bookmarkIds
+     */
+    public function deleteBookmarks(array $bookmarkIds): bool
+    {
+        $backendUser = $this->getBackendUser();
+        $userId = (int)$backendUser->user['uid'];
+
+        // Fetch all bookmarks in one query
+        $bookmarks = $this->bookmarkRepository->findByIds($bookmarkIds);
+
+        $manageableIds = [];
+        foreach ($bookmarkIds as $bookmarkId) {
+            $bookmark = $bookmarks[$bookmarkId] ?? null;
+            if ($bookmark !== null && $this->bookmarkVoter->vote(BookmarkVoter::DELETE, $bookmark, $backendUser)) {
+                $manageableIds[] = $bookmarkId;
+            }
+        }
+
+        if ($manageableIds !== []) {
+            $this->bookmarkRepository->deleteMultiple($manageableIds, $userId);
+        }
+
+        return true;
+    }
+
+    /**
+     * @param int[] $bookmarkIds
+     */
+    public function moveBookmarks(array $bookmarkIds, int|string $groupId): bool
+    {
+        $backendUser = $this->getBackendUser();
+        $userId = (int)$backendUser->user['uid'];
+        $allowGlobalGroups = $backendUser->isAdmin();
+
+        // Validate target group access for user-created groups
+        if (is_string($groupId)) {
+            $group = $this->bookmarkRepository->findGroupByUuid($groupId);
+            if ($group === null || !$this->bookmarkGroupVoter->vote(BookmarkGroupVoter::READ, $group, $backendUser)) {
+                return false;
+            }
+        }
+
+        // Fetch all bookmarks in one query and filter to those user can edit
+        $bookmarks = $this->bookmarkRepository->findByIds($bookmarkIds);
+
+        $manageableIds = [];
+        foreach ($bookmarkIds as $bookmarkId) {
+            $bookmark = $bookmarks[$bookmarkId] ?? null;
+            if ($bookmark !== null && $this->bookmarkVoter->vote(BookmarkVoter::EDIT, $bookmark, $backendUser)) {
+                $manageableIds[] = $bookmarkId;
+            }
+        }
+
+        if ($manageableIds === []) {
+            return false;
+        }
+
+        $this->bookmarkRepository->moveToGroup(
+            $manageableIds,
+            $userId,
+            $groupId,
+            $allowGlobalGroups
+        );
+
+        return true;
+    }
+
+    public function createGroup(string $label): ?BookmarkGroup
+    {
+        $backendUser = $this->getBackendUser();
+
+        if (!$this->bookmarkGroupVoter->vote(BookmarkGroupVoter::CREATE, [], $backendUser)) {
+            return null;
+        }
+
+        $userId = (int)$backendUser->user['uid'];
+        $uuid = $this->bookmarkRepository->createGroup($userId, $label);
+
+        if ($uuid === null) {
+            return null;
+        }
+
+        $row = $this->bookmarkRepository->findGroupByUuid($uuid);
+        if ($row === null) {
+            return null;
+        }
+
+        return $this->createBookmarkGroup(
+            $row['uuid'],
+            $row['label'] ?? '',
+            BookmarkGroupType::USER,
+            0,
+            $backendUser,
+            isset($row['userid']) ? (int)$row['userid'] : null,
+        );
+    }
+
+    public function updateGroup(string $uuid, string $label): bool
+    {
+        $backendUser = $this->getBackendUser();
+        $group = $this->bookmarkRepository->findGroupByUuid($uuid);
+        if ($group === null || !$this->bookmarkGroupVoter->vote(BookmarkGroupVoter::EDIT, $group, $backendUser)) {
+            return false;
+        }
+
+        $this->bookmarkRepository->updateGroup($uuid, $label);
+        return true;
+    }
+
+    public function deleteGroup(string $uuid): bool
+    {
+        $backendUser = $this->getBackendUser();
+        $group = $this->bookmarkRepository->findGroupByUuid($uuid);
+        if ($group === null || !$this->bookmarkGroupVoter->vote(BookmarkGroupVoter::DELETE, $group, $backendUser)) {
+            return false;
+        }
+
+        $userId = (int)$backendUser->user['uid'];
+        $this->bookmarkRepository->moveBookmarksFromGroupToDefault($uuid, $userId);
+        $affectedRows = $this->bookmarkRepository->deleteGroup($uuid);
+
+        return $affectedRows > 0;
+    }
+
+    /**
+     * @param string[] $uuids
+     */
+    public function reorderGroups(array $uuids): bool
+    {
+        $backendUser = $this->getBackendUser();
+        $userId = (int)$backendUser->user['uid'];
+
+        // Get all user's groups in one query
+        $userGroups = $this->bookmarkRepository->findGroupsByUser($userId);
+        $groupsByUuid = [];
+        foreach ($userGroups as $group) {
+            $groupsByUuid[$group['uuid']] = $group;
+        }
+
+        // Verify all provided UUIDs can be edited by the user
+        foreach ($uuids as $uuid) {
+            $group = $groupsByUuid[$uuid] ?? null;
+            if ($group === null || !$this->bookmarkGroupVoter->vote(BookmarkGroupVoter::EDIT, $group, $backendUser)) {
+                return false;
+            }
+        }
+
+        $this->bookmarkRepository->reorderGroups($uuids, $userId);
+
+        return true;
+    }
+
+    private function createBookmarkFromRow(array $row, BackendUserAuthentication $user): ?Bookmark
+    {
+        $routeIdentifier = $row['route'] ?? '';
+
+        try {
+            $arguments = json_decode($row['arguments'] ?? '', true, 64, JSON_THROW_ON_ERROR);
+        } catch (\JsonException) {
+            return null;
+        }
+
+        if (!is_array($arguments)) {
+            return null;
+        }
+
+        $moduleName = $this->getModuleNameFromRouteIdentifier($routeIdentifier);
+        if ($moduleName === '') {
+            return null;
+        }
+
+        $accessible = $this->bookmarkVoter->vote(BookmarkVoter::NAVIGATE, $row, $user);
+        $editable = $this->bookmarkVoter->vote(BookmarkVoter::EDIT, $row, $user);
+
+        $groupUuid = $row['group_uuid'] ?? null;
+        $groupId = $groupUuid !== null ? $groupUuid : (int)$row['sc_group'];
+        $bookmarkData = $this->parseRecordEditData($routeIdentifier, $arguments);
+        $iconData = $this->resolveBookmarkIcon($routeIdentifier, $moduleName, $bookmarkData);
+        $href = $accessible ? (string)$this->uriBuilder->buildUriFromRoute($routeIdentifier, $arguments) : '';
+
+        return new Bookmark(
+            id: (int)$row['uid'],
+            route: $routeIdentifier,
+            arguments: $row['arguments'] ?? '',
+            title: ($row['description'] ?? false) ?: 'Bookmark',
+            groupId: $groupId,
+            iconIdentifier: $iconData['identifier'],
+            iconOverlayIdentifier: $iconData['overlay'],
+            module: $moduleName,
+            href: $href,
+            editable: $editable,
+            accessible: $accessible,
+        );
+    }
+
+    /**
+     * @return array{identifier: string, overlay: string}
+     */
+    private function resolveBookmarkIcon(string $routeIdentifier, string $moduleName, array $bookmarkData): array
+    {
+        $identifier = '';
+        $overlay = '';
+
+        switch ($routeIdentifier) {
+            case 'record_edit':
+                $table = $bookmarkData['table'] ?? '';
+                $recordid = $bookmarkData['recordid'] ?? 0;
+
+                $action = $bookmarkData['action'] ?? '';
+                if ($action === 'edit') {
+                    $row = BackendUtility::getRecordWSOL($table, (int)$recordid) ?? [];
+                    $icon = $this->iconFactory->getIconForRecord($table, $row, IconSize::SMALL);
+                } elseif ($action === 'new') {
+                    $icon = $this->iconFactory->getIconForRecord($table, [], IconSize::SMALL);
+                } else {
+                    $icon = $this->iconFactory->getIcon('empty-empty', IconSize::SMALL);
+                }
+                $identifier = $icon->getIdentifier();
+                $overlay = $icon->getOverlayIcon()?->getIdentifier() ?? '';
+                break;
+
+            case 'file_edit':
+                $identifier = 'mimetypes-text-html';
+                break;
+
+            default:
+                $iconIdentifier = '';
+                if ($module = $this->moduleProvider->getModule($moduleName, null, false)) {
+                    $iconIdentifier = $module->getIconIdentifier();
+                    if ($iconIdentifier === '' && $module->getParentModule()) {
+                        $iconIdentifier = $module->getParentModule()->getIconIdentifier();
+                    }
+                }
+                if ($iconIdentifier === '') {
+                    $iconIdentifier = 'empty-empty';
+                }
+                $identifier = $iconIdentifier;
+        }
+
+        return [
+            'identifier' => $identifier,
+            'overlay' => $overlay,
+        ];
+    }
+
+    private function createBookmarkGroup(
+        int|string $id,
+        string $label,
+        BookmarkGroupType $type,
+        int $sorting,
+        BackendUserAuthentication $user,
+        ?int $userid = null
+    ): BookmarkGroup {
+        $voterData = ['id' => $id, 'userid' => $userid];
+        $editable = $this->bookmarkGroupVoter->vote(BookmarkGroupVoter::EDIT, $voterData, $user);
+        $selectable = $this->bookmarkGroupVoter->vote(BookmarkGroupVoter::SELECT, $voterData, $user);
+
+        return new BookmarkGroup(
+            id: $id,
+            label: $label,
+            type: $type,
+            sorting: $sorting,
+            editable: $editable,
+            selectable: $selectable,
+        );
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Backend/Bookmark/Security/BookmarkGroupVoter.php b/Classes/Backend/Bookmark/Security/BookmarkGroupVoter.php
new file mode 100644
index 0000000..7835b49
--- /dev/null
+++ b/Classes/Backend/Bookmark/Security/BookmarkGroupVoter.php
@@ -0,0 +1,93 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\Bookmark\Security;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * @internal This class is a specific Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+#[Autoconfigure(public: true)]
+final readonly class BookmarkGroupVoter
+{
+    public const string READ = 'read';
+    public const string CREATE = 'create';
+    public const string EDIT = 'edit';
+    public const string DELETE = 'delete';
+    public const string SELECT = 'select';
+
+    public function vote(string $attribute, array $group, BackendUserAuthentication $user): bool
+    {
+        return match ($attribute) {
+            self::READ => $this->canRead($group, $user),
+            self::CREATE => $this->canCreate($user),
+            self::EDIT => $this->canEdit($group, $user),
+            self::DELETE => $this->canDelete($group, $user),
+            self::SELECT => $this->canSelect($group, $user),
+            default => false,
+        };
+    }
+
+    private function canCreate(BackendUserAuthentication $user): bool
+    {
+        return isset($user->user['uid']) && (int)$user->user['uid'] > 0;
+    }
+
+    private function canRead(array $group, BackendUserAuthentication $user): bool
+    {
+        $userId = (int)$user->user['uid'];
+        return (int)$group['userid'] === $userId;
+    }
+
+    private function canEdit(array $group, BackendUserAuthentication $user): bool
+    {
+        $groupId = $group['id'] ?? null;
+
+        // System/global groups (integer IDs) are not editable
+        if (is_int($groupId) || is_numeric($groupId)) {
+            return false;
+        }
+
+        // User-created groups (UUID strings) are editable only if user owns them
+        if (!isset($group['userid'])) {
+            return false;
+        }
+
+        $userId = (int)$user->user['uid'];
+        return (int)$group['userid'] === $userId;
+    }
+
+    private function canDelete(array $group, BackendUserAuthentication $user): bool
+    {
+        // Delete permission mirrors edit permission
+        return $this->canEdit($group, $user);
+    }
+
+    private function canSelect(array $group, BackendUserAuthentication $user): bool
+    {
+        $groupId = $group['id'] ?? 0;
+
+        // Global groups (negative IDs) are only selectable by admins
+        if (is_int($groupId) && $groupId < 0) {
+            return $user->isAdmin();
+        }
+
+        return true;
+    }
+}
diff --git a/Classes/Backend/Bookmark/Security/BookmarkVoter.php b/Classes/Backend/Bookmark/Security/BookmarkVoter.php
new file mode 100644
index 0000000..da749ca
--- /dev/null
+++ b/Classes/Backend/Bookmark/Security/BookmarkVoter.php
@@ -0,0 +1,253 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\Bookmark\Security;
+
+use Psr\Log\LoggerInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Backend\Bookmark\Traits\RouteParserTrait;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Routing\Router;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Resource\Exception\FolderDoesNotExistException;
+use TYPO3\CMS\Core\Resource\Exception\InsufficientFolderAccessPermissionsException;
+use TYPO3\CMS\Core\Resource\StorageRepository;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+
+/**
+ * @internal This class is a specific Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+#[Autoconfigure(public: true)]
+final readonly class BookmarkVoter
+{
+    use RouteParserTrait;
+
+    public const string READ = 'read';
+    public const string CREATE = 'create';
+    public const string EDIT = 'edit';
+    public const string DELETE = 'delete';
+    public const string NAVIGATE = 'navigate';
+
+    public function __construct(
+        protected ModuleProvider $moduleProvider,
+        protected Router $router,
+        protected LoggerInterface $logger,
+        protected StorageRepository $storageRepository,
+    ) {}
+
+    protected function getRouter(): Router
+    {
+        return $this->router;
+    }
+
+    public function vote(string $attribute, array $bookmark, BackendUserAuthentication $user): bool
+    {
+        return match ($attribute) {
+            self::READ => $this->canRead($bookmark, $user),
+            self::CREATE => $this->canCreate($user),
+            self::EDIT => $this->canEdit($bookmark, $user),
+            self::DELETE => $this->canDelete($bookmark, $user),
+            self::NAVIGATE => $this->canNavigate($bookmark, $user),
+            default => false,
+        };
+    }
+
+    private function canCreate(BackendUserAuthentication $user): bool
+    {
+        return isset($user->user['uid']) && (int)$user->user['uid'] > 0;
+    }
+
+    private function canRead(array $bookmark, BackendUserAuthentication $user): bool
+    {
+        $userId = (int)$user->user['uid'];
+
+        // User's own bookmarks are always readable
+        if ((int)$bookmark['userid'] === $userId) {
+            return true;
+        }
+
+        // Global bookmarks are only readable if user can navigate to them
+        if ((int)$bookmark['sc_group'] < 0) {
+            return $this->canNavigate($bookmark, $user);
+        }
+
+        return false;
+    }
+
+    private function canEdit(array $bookmark, BackendUserAuthentication $user): bool
+    {
+        if (!$this->canRead($bookmark, $user)) {
+            return false;
+        }
+
+        $userId = (int)$user->user['uid'];
+        $isOwner = (int)$bookmark['userid'] === $userId;
+        $groupId = isset($bookmark['group_uuid']) && $bookmark['group_uuid'] !== '' ? $bookmark['group_uuid'] : (int)$bookmark['sc_group'];
+        $isGlobal = is_int($groupId) && $groupId < 0;
+
+        if ($isOwner && !$isGlobal) {
+            return true;
+        }
+
+        if ($user->isAdmin() && $isGlobal) {
+            return true;
+        }
+
+        return false;
+    }
+
+    private function canDelete(array $bookmark, BackendUserAuthentication $user): bool
+    {
+        $userId = (int)$user->user['uid'];
+
+        if ((int)$bookmark['userid'] === $userId) {
+            return true;
+        }
+
+        if ($user->isAdmin() && (int)$bookmark['sc_group'] < 0) {
+            return true;
+        }
+
+        return false;
+    }
+
+    private function canNavigate(array $bookmark, BackendUserAuthentication $user): bool
+    {
+        $routeIdentifier = $bookmark['route'] ?? '';
+
+        try {
+            $arguments = json_decode($bookmark['arguments'] ?? '', true, 64, JSON_THROW_ON_ERROR);
+        } catch (\JsonException) {
+            return false;
+        }
+
+        if (!is_array($arguments)) {
+            return false;
+        }
+
+        $moduleName = $this->getModuleNameFromRouteIdentifier($routeIdentifier);
+        if ($moduleName === '') {
+            return false;
+        }
+
+        if (!$this->canAccessModule($routeIdentifier, $moduleName, $user)) {
+            return false;
+        }
+
+        if (!$this->canAccessFile($moduleName, $arguments)) {
+            return false;
+        }
+
+        if (!$this->canAccessRecord($moduleName, $routeIdentifier, $arguments, $user)) {
+            return false;
+        }
+
+        return true;
+    }
+
+    private function canAccessModule(string $routeIdentifier, string $moduleName, BackendUserAuthentication $user): bool
+    {
+        // record_edit has its own access checks via canAccessRecord
+        if ($routeIdentifier === 'record_edit') {
+            return true;
+        }
+
+        return $this->moduleProvider->accessGranted($moduleName, $user);
+    }
+
+    private function canAccessFile(string $moduleName, array $arguments): bool
+    {
+        if ($moduleName !== 'file_FilelistList' && $moduleName !== 'media_management') {
+            return true;
+        }
+
+        $combinedIdentifier = (string)($arguments['id'] ?? '');
+        if ($combinedIdentifier === '') {
+            return true;
+        }
+
+        $storage = $this->storageRepository->findByCombinedIdentifier($combinedIdentifier);
+        if ($storage === null || $storage->isFallbackStorage()) {
+            return false;
+        }
+
+        $folderIdentifier = substr($combinedIdentifier, strpos($combinedIdentifier, ':') + 1);
+        try {
+            $storage->getFolder($folderIdentifier);
+        } catch (InsufficientFolderAccessPermissionsException) {
+            return false;
+        } catch (FolderDoesNotExistException) {
+            return true;
+        } catch (\Throwable $e) {
+            $this->logger->error('Failed to resolve folder identifier "{folder}" in backend user bookmark: {message}', [
+                'folder' => $folderIdentifier,
+                'message' => $e->getMessage(),
+            ]);
+            return false;
+        }
+
+        return true;
+    }
+
+    private function canAccessRecord(
+        string $moduleName,
+        string $routeIdentifier,
+        array $arguments,
+        BackendUserAuthentication $user
+    ): bool {
+        if ($moduleName === 'file_FilelistList' || $moduleName === 'media_management') {
+            return true;
+        }
+
+        $bookmarkData = $this->parseRecordEditData($routeIdentifier, $arguments);
+        $pageId = 0;
+
+        if ($moduleName === 'record_edit' && isset($bookmarkData['table'], $bookmarkData['recordid'])) {
+            if (!$user->check('tables_modify', $bookmarkData['table'])) {
+                return false;
+            }
+
+            $action = $bookmarkData['action'] ?? '';
+            $recordId = (int)$bookmarkData['recordid'];
+
+            if ($action === 'edit' || ($action === 'new' && $recordId < 0)) {
+                $record = BackendUtility::getRecord($bookmarkData['table'], abs($recordId));
+                if ($record === null || $record === []) {
+                    return false;
+                }
+                $pageId = ($bookmarkData['table'] === 'pages' ? (int)($record['uid'] ?? 0) : (int)($record['pid'] ?? 0));
+            } elseif ($action === 'new' && $recordId > 0) {
+                $pageId = $recordId;
+            }
+        } else {
+            $pageId = (int)($arguments['id'] ?? 0);
+        }
+
+        if ($pageId > 0 && !$user->isAdmin()) {
+            if ($user->isInWebMount($pageId) === null) {
+                return false;
+            }
+            $pageRow = BackendUtility::getRecord('pages', $pageId);
+            if ($pageRow === null || !$user->doesUserHaveAccess($pageRow, Permission::PAGE_SHOW)) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+}
diff --git a/Classes/Backend/Bookmark/Traits/RouteParserTrait.php b/Classes/Backend/Bookmark/Traits/RouteParserTrait.php
new file mode 100644
index 0000000..3679425
--- /dev/null
+++ b/Classes/Backend/Bookmark/Traits/RouteParserTrait.php
@@ -0,0 +1,67 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\Bookmark\Traits;
+
+use TYPO3\CMS\Backend\Routing\Router;
+
+/**
+ * Shared route parsing functionality for bookmark components.
+ *
+ * @internal
+ */
+trait RouteParserTrait
+{
+    abstract protected function getRouter(): Router;
+
+    private function getModuleNameFromRouteIdentifier(string $routeIdentifier): string
+    {
+        if (in_array($routeIdentifier, ['record_edit', 'file_edit'], true)) {
+            return $routeIdentifier;
+        }
+        return (string)($this->getRouter()->getRoute($routeIdentifier)?->getOption('module')?->getIdentifier() ?? '');
+    }
+
+    /**
+     * @return array{table?: string, recordid?: string, action?: string}
+     */
+    private function parseRecordEditData(string $routeIdentifier, array $arguments): array
+    {
+        if ($routeIdentifier !== 'record_edit' || !is_array($arguments['edit'] ?? null)) {
+            return [];
+        }
+
+        $table = key($arguments['edit']);
+        $tableData = current($arguments['edit']);
+        $recordId = is_array($tableData) ? key($tableData) : null;
+
+        if (!is_string($table) || (!is_string($recordId) && !is_int($recordId))) {
+            return [];
+        }
+
+        $recordId = (string)$recordId;
+        if (str_ends_with($recordId, ',')) {
+            $recordId = substr($recordId, 0, -1);
+        }
+
+        return [
+            'table' => $table,
+            'recordid' => $recordId,
+            'action' => $arguments['edit'][$table][$recordId] ?? '',
+        ];
+    }
+}
diff --git a/Classes/Backend/ColorScheme.php b/Classes/Backend/ColorScheme.php
new file mode 100644
index 0000000..94a313c
--- /dev/null
+++ b/Classes/Backend/ColorScheme.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend;
+
+enum ColorScheme: string
+{
+    case auto = 'auto';
+    case light = 'light';
+    case dark = 'dark';
+
+    public function getLabel(): string
+    {
+        return match ($this) {
+            self::auto => 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:colorScheme.auto',
+            self::light => 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:colorScheme.light',
+            self::dark => 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:colorScheme.dark',
+        };
+    }
+
+    public function getIcon(): string
+    {
+        return match ($this) {
+            self::auto => 'actions-circle-half',
+            self::light => 'actions-brightness-high',
+            self::dark => 'actions-moon',
+        };
+    }
+
+    public static function getAvailableItemsForSelection(): array
+    {
+        return [
+            ['label' => self::auto->getLabel(), 'value' => self::auto->value],
+            ['label' => self::light->getLabel(), 'value' => self::light->value],
+            ['label' => self::dark->getLabel(), 'value' => self::dark->value],
+        ];
+    }
+}
diff --git a/Classes/Backend/Event/ModifyClearCacheActionsEvent.php b/Classes/Backend/Event/ModifyClearCacheActionsEvent.php
new file mode 100644
index 0000000..72a5f99
--- /dev/null
+++ b/Classes/Backend/Event/ModifyClearCacheActionsEvent.php
@@ -0,0 +1,82 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\Event;
+
+use TYPO3\CMS\Backend\Backend\ToolbarItems\ClearCacheToolbarItem;
+
+/**
+ * An event to modify the clear cache actions, shown in the TYPO3 Backend top toolbar
+ *
+ * @phpstan-import-type CacheAction from ClearCacheToolbarItem
+ */
+final class ModifyClearCacheActionsEvent
+{
+    /**
+     * @param list<CacheAction> $cacheActions
+     * @param list<non-empty-string> $cacheActionIdentifiers
+     */
+    public function __construct(private array $cacheActions, private array $cacheActionIdentifiers) {}
+
+    /**
+     * @param CacheAction $cacheAction
+     */
+    public function addCacheAction(array $cacheAction): void
+    {
+        $this->cacheActions[] = $cacheAction;
+    }
+
+    /**
+     * @param list<CacheAction> $cacheActions
+     */
+    public function setCacheActions(array $cacheActions): void
+    {
+        $this->cacheActions = $cacheActions;
+    }
+
+    /**
+     * @return list<CacheAction>
+     */
+    public function getCacheActions(): array
+    {
+        return $this->cacheActions;
+    }
+
+    /**
+     * @param non-empty-string $cacheActionIdentifier
+     */
+    public function addCacheActionIdentifier(string $cacheActionIdentifier): void
+    {
+        $this->cacheActionIdentifiers[] = $cacheActionIdentifier;
+    }
+
+    /**
+     * @param list<non-empty-string> $cacheActionIdentifiers
+     */
+    public function setCacheActionIdentifiers(array $cacheActionIdentifiers): void
+    {
+        $this->cacheActionIdentifiers = $cacheActionIdentifiers;
+    }
+
+    /**
+     * @return list<non-empty-string>
+     */
+    public function getCacheActionIdentifiers(): array
+    {
+        return $this->cacheActionIdentifiers;
+    }
+}
diff --git a/Classes/Backend/Event/SystemInformationToolbarCollectorEvent.php b/Classes/Backend/Event/SystemInformationToolbarCollectorEvent.php
new file mode 100644
index 0000000..f305ef6
--- /dev/null
+++ b/Classes/Backend/Event/SystemInformationToolbarCollectorEvent.php
@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\Event;
+
+use TYPO3\CMS\Backend\Backend\ToolbarItems\SystemInformationToolbarItem;
+
+/**
+ * An event to enrich the system information toolbar in the TYPO3 Backend top toolbar
+ * with various information
+ */
+final readonly class SystemInformationToolbarCollectorEvent
+{
+    public function __construct(private SystemInformationToolbarItem $toolbarItem) {}
+
+    public function getToolbarItem(): SystemInformationToolbarItem
+    {
+        return $this->toolbarItem;
+    }
+}
diff --git a/Classes/Backend/QrCodeSize.php b/Classes/Backend/QrCodeSize.php
new file mode 100644
index 0000000..023cd81
--- /dev/null
+++ b/Classes/Backend/QrCodeSize.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend;
+
+/**
+ * @internal This is a concrete controller implementation and is not part of TYPO3 Core API.
+ */
+enum QrCodeSize: string
+{
+    case SMALL = 'small';
+    case MEDIUM = 'medium';
+    case LARGE = 'large';
+    case MEGA = 'mega';
+
+    public function getSize(): int
+    {
+        return match ($this) {
+            self::SMALL => 64,
+            self::MEDIUM => 128,
+            self::LARGE => 256,
+            self::MEGA => 512,
+        };
+    }
+}
diff --git a/Classes/Backend/ThumbnailSize.php b/Classes/Backend/ThumbnailSize.php
new file mode 100644
index 0000000..6738172
--- /dev/null
+++ b/Classes/Backend/ThumbnailSize.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend;
+
+/**
+ * @internal
+ */
+enum ThumbnailSize: string
+{
+    case DEFAULT = 'default';
+    case SMALL = 'small';
+    case MEDIUM = 'medium';
+    case LARGE = 'large';
+
+    public function getDimensions(): array
+    {
+        return array_map(static fn(int $size) => $size . 'm', $this->getBaseDimensions());
+    }
+
+    public function getCroppedDimensions(): array
+    {
+        return array_map(static fn(int $size) => $size . 'c', $this->getBaseDimensions());
+    }
+
+    private function getBaseDimensions(): array
+    {
+        return match ($this) {
+            self::DEFAULT, self::SMALL => [32, 32],
+            self::MEDIUM => [64, 64],
+            self::LARGE => [96, 96],
+        };
+    }
+}
diff --git a/Classes/Backend/ToolbarItems/BookmarkToolbarItem.php b/Classes/Backend/ToolbarItems/BookmarkToolbarItem.php
new file mode 100644
index 0000000..73e450e
--- /dev/null
+++ b/Classes/Backend/ToolbarItems/BookmarkToolbarItem.php
@@ -0,0 +1,97 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\ToolbarItems;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Backend\Bookmark\BookmarkService;
+use TYPO3\CMS\Backend\Toolbar\RequestAwareToolbarItemInterface;
+use TYPO3\CMS\Backend\Toolbar\ToolbarItemInterface;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+
+/**
+ * Class to render the bookmark menu toolbar.
+ *
+ * @internal This class is a specific Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+#[Autoconfigure(public: true)]
+class BookmarkToolbarItem implements ToolbarItemInterface, RequestAwareToolbarItemInterface
+{
+    private ServerRequestInterface $request;
+
+    public function __construct(
+        private readonly BookmarkService $bookmarkService,
+        private readonly BackendViewFactory $backendViewFactory,
+    ) {}
+
+    public function setRequest(ServerRequestInterface $request): void
+    {
+        $this->request = $request;
+    }
+
+    /**
+     * Checks whether the user has access to this toolbar item.
+     */
+    public function checkAccess(): bool
+    {
+        return $this->bookmarkService->isEnabled();
+    }
+
+    /**
+     * Render bookmark icon.
+     */
+    public function getItem(): string
+    {
+        $view = $this->backendViewFactory->create($this->request);
+        return $view->render('ToolbarItems/BookmarkToolbarItemItem');
+    }
+
+    /**
+     * This item has a drop-down.
+     */
+    public function hasDropDown(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Render drop-down content.
+     * The dropdown contains a custom element that fetches data via AJAX.
+     */
+    public function getDropDown(): string
+    {
+        $view = $this->backendViewFactory->create($this->request);
+        return $view->render('ToolbarItems/BookmarkToolbarItemDropDown');
+    }
+
+    /**
+     * This toolbar item needs no additional attributes.
+     */
+    public function getAdditionalAttributes(): array
+    {
+        return [];
+    }
+
+    /**
+     * Position relative to others.
+     */
+    public function getIndex(): int
+    {
+        return 40;
+    }
+}
diff --git a/Classes/Backend/ToolbarItems/ClearCacheToolbarItem.php b/Classes/Backend/ToolbarItems/ClearCacheToolbarItem.php
new file mode 100644
index 0000000..b160e6f
--- /dev/null
+++ b/Classes/Backend/ToolbarItems/ClearCacheToolbarItem.php
@@ -0,0 +1,182 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\ToolbarItems;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Backend\Event\ModifyClearCacheActionsEvent;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Toolbar\RequestAwareToolbarItemInterface;
+use TYPO3\CMS\Backend\Toolbar\ToolbarItemInterface;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * Render cache clearing toolbar item.
+ * Adds a dropdown if there are more than one item to clear (usually for admins to render the flush all caches).
+ * The dropdown items can be manipulated using ModifyClearCacheActionsEvent.
+ *
+ * @phpstan-type CacheAction array{
+ *     id: non-empty-string,
+ *     endpoint: non-empty-string,
+ *     iconIdentifier: non-empty-string,
+ *     title: non-empty-string,
+ *     description?: non-empty-string,
+ *     severity?: 'notice'|'info'|'succcess'|'warning'|'error'|'danger',
+ * }
+ */
+#[Autoconfigure(public: true)]
+class ClearCacheToolbarItem implements ToolbarItemInterface, RequestAwareToolbarItemInterface
+{
+    /**
+     * @var list<CacheAction>
+     */
+    protected array $cacheActions = [];
+
+    /**
+     * @var list<non-empty-string>
+     */
+    protected array $optionValues = [];
+
+    private ServerRequestInterface $request;
+
+    public function __construct(
+        UriBuilder $uriBuilder,
+        EventDispatcherInterface $eventDispatcher,
+        private readonly BackendViewFactory $backendViewFactory,
+    ) {
+        $isAdmin = $this->getBackendUser()->isAdmin();
+        $userTsConfig = $this->getBackendUser()->getTSConfig();
+
+        // Clear all page-related caches
+        if ($isAdmin || ($userTsConfig['options.']['clearCache.']['pages'] ?? false)) {
+            $this->cacheActions[] = [
+                'id' => 'pages',
+                'title' => 'core.cache:group.pages.label',
+                'description' => 'core.cache:group.pages.description',
+                'endpoint' => (string)$uriBuilder->buildUriFromRoute('ajax_clearcache_group_pages'),
+                'severity' => 'success',
+                'iconIdentifier' => 'actions-bolt-alt',
+            ];
+            $this->optionValues[] = 'pages';
+        }
+
+        // Clearing of all caches is only shown if explicitly enabled via TSConfig
+        // or if BE-User is admin and the TSconfig explicitly disables the possibility for admins.
+        // This is useful for big production systems where admins accidentally could slow down the system.
+        if (($userTsConfig['options.']['clearCache.']['all'] ?? false)
+            || ($isAdmin && (bool)($userTsConfig['options.']['clearCache.']['all'] ?? true))
+        ) {
+            $this->cacheActions[] = [
+                'id' => 'all',
+                'title' => 'core.cache:group.all.label',
+                'description' => 'core.cache:group.all.description',
+                'endpoint' => (string)$uriBuilder->buildUriFromRoute('ajax_clearcache_group_all'),
+                'severity' => 'danger',
+                'iconIdentifier' => 'actions-bolt-alt',
+            ];
+            $this->optionValues[] = 'all';
+        }
+
+        $event = new ModifyClearCacheActionsEvent($this->cacheActions, $this->optionValues);
+        $event = $eventDispatcher->dispatch($event);
+        $this->cacheActions = $event->getCacheActions();
+
+        $this->optionValues = $event->getCacheActionIdentifiers();
+    }
+
+    public function setRequest(ServerRequestInterface $request): void
+    {
+        $this->request = $request;
+    }
+
+    /**
+     * Checks whether the user has access to this toolbar item.
+     */
+    public function checkAccess(): bool
+    {
+        $backendUser = $this->getBackendUser();
+        if ($backendUser->isAdmin()) {
+            return true;
+        }
+        foreach ($this->optionValues as $value) {
+            if ($backendUser->getTSConfig()['options.']['clearCache.'][$value] ?? false) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    /**
+     * Render clear cache icon, based on the option if there is more than one icon or just one.
+     */
+    public function getItem(): string
+    {
+        $view = $this->backendViewFactory->create($this->request);
+        if ($this->hasDropDown()) {
+            return $view->render('ToolbarItems/ClearCacheToolbarItem');
+        }
+        $cacheAction = end($this->cacheActions);
+        $view->assignMultiple([
+            'endpoint'  => $cacheAction['endpoint'],
+            'title' => $cacheAction['title'],
+            'iconIdentifier'  => $cacheAction['iconIdentifier'],
+        ]);
+        return $view->render('ToolbarItems/ClearCacheToolbarItemSingle');
+    }
+
+    /**
+     * Render drop-down.
+     */
+    public function getDropDown(): string
+    {
+        $view = $this->backendViewFactory->create($this->request);
+        $view->assign('cacheActions', $this->cacheActions);
+        return $view->render('ToolbarItems/ClearCacheToolbarItemDropDown');
+    }
+
+    /**
+     * No additional attributes needed.
+     */
+    public function getAdditionalAttributes(): array
+    {
+        return [];
+    }
+
+    /**
+     * This item has a drop-down, if there is more than one cache action available for the current Backend user.
+     */
+    public function hasDropDown(): bool
+    {
+        return count($this->cacheActions) > 1;
+    }
+
+    /**
+     * Position relative to others
+     */
+    public function getIndex(): int
+    {
+        return 20;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Backend/ToolbarItems/LiveSearchToolbarItem.php b/Classes/Backend/ToolbarItems/LiveSearchToolbarItem.php
new file mode 100644
index 0000000..ad6bfef
--- /dev/null
+++ b/Classes/Backend/ToolbarItems/LiveSearchToolbarItem.php
@@ -0,0 +1,98 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\ToolbarItems;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Toolbar\RequestAwareToolbarItemInterface;
+use TYPO3\CMS\Backend\Toolbar\ToolbarItemInterface;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * Adds backend live search to the toolbar by adding JavaScript and adding an input search field
+ */
+class LiveSearchToolbarItem implements ToolbarItemInterface, RequestAwareToolbarItemInterface
+{
+    private ServerRequestInterface $request;
+
+    public function __construct(
+        private readonly ModuleProvider $moduleProvider,
+        private readonly BackendViewFactory $backendViewFactory,
+    ) {}
+
+    public function setRequest(ServerRequestInterface $request): void
+    {
+        $this->request = $request;
+    }
+
+    /**
+     * Checks whether the user has access to this toolbar item.
+     * Live search depends on the records module and only available when that module is allowed.
+     */
+    public function checkAccess(): bool
+    {
+        return $this->moduleProvider->accessGranted('records', $this->getBackendUser());
+    }
+
+    /**
+     * Render search field.
+     */
+    public function getItem(): string
+    {
+        $view = $this->backendViewFactory->create($this->request);
+        return $view->render('ToolbarItems/LiveSearchToolbarItem');
+    }
+
+    /**
+     * This item needs additional attributes.
+     */
+    public function getAdditionalAttributes(): array
+    {
+        return ['class' => 't3js-toolbar-item-search'];
+    }
+
+    /**
+     * This item has no drop-down.
+     */
+    public function hasDropDown(): bool
+    {
+        return false;
+    }
+
+    /**
+     * No drop-down here.
+     */
+    public function getDropDown(): string
+    {
+        return '';
+    }
+
+    /**
+     * Position relative to others, live search should be very right.
+     */
+    public function getIndex(): int
+    {
+        return 10;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Backend/ToolbarItems/SystemInformationToolbarItem.php b/Classes/Backend/ToolbarItems/SystemInformationToolbarItem.php
new file mode 100644
index 0000000..782a5ec
--- /dev/null
+++ b/Classes/Backend/ToolbarItems/SystemInformationToolbarItem.php
@@ -0,0 +1,352 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\ToolbarItems;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Backend\Event\SystemInformationToolbarCollectorEvent;
+use TYPO3\CMS\Backend\Toolbar\InformationStatus;
+use TYPO3\CMS\Backend\Toolbar\RequestAwareToolbarItemInterface;
+use TYPO3\CMS\Backend\Toolbar\ToolbarItemInterface;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Core\Environment;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Information\Typo3Version;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\CommandUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Render system information toolbar item and drop-down.
+ * Provides some events for other extensions to add information.
+ */
+#[Autoconfigure(public: true)]
+class SystemInformationToolbarItem implements ToolbarItemInterface, RequestAwareToolbarItemInterface
+{
+    private ServerRequestInterface $request;
+    protected array $systemInformation = [];
+    protected InformationStatus $highestSeverity;
+    protected string $severityBadgeClass = '';
+    protected array $systemMessages = [];
+    protected int $systemMessageTotalCount = 0;
+
+    public function __construct(
+        private readonly EventDispatcherInterface $eventDispatcher,
+        private readonly Typo3Version $typo3Version,
+        private readonly BackendViewFactory $backendViewFactory,
+    ) {
+        $this->highestSeverity = InformationStatus::INFO;
+    }
+
+    public function setRequest(ServerRequestInterface $request): void
+    {
+        $this->request = $request;
+    }
+
+    /**
+     * Add a system message.
+     * This is a callback method for signal receivers.
+     *
+     * @param string $text The text to be displayed
+     * @param InformationStatus $status The status of this system message
+     * @param int $count Will be added to the total count
+     * @param string $module The associated module
+     * @param string $params Query string with additional parameters
+     */
+    public function addSystemMessage($text, InformationStatus $status = InformationStatus::OK, $count = 0, $module = '', $params = ''): void
+    {
+        $this->systemMessageTotalCount += $count;
+
+        // define the severity for the badge
+        if ($status->isGreaterThan($this->highestSeverity)) {
+            $this->highestSeverity = $status;
+        }
+
+        $this->systemMessages[] = [
+            'module' => $module,
+            'params' => $params,
+            'count' => $count,
+            'status' => $status->value,
+            'text' => $text,
+        ];
+    }
+
+    /**
+     * Add a system information.
+     * This is a callback method for signal receivers.
+     *
+     * @param string $title The title of this system information, typically a LLL:EXT:... label string
+     * @param string $value The associated value
+     * @param string $iconIdentifier The icon identifier
+     * @param InformationStatus $status The status of this system information
+     */
+    public function addSystemInformation($title, $value, $iconIdentifier, InformationStatus $status = InformationStatus::NOTICE): void
+    {
+        $this->systemInformation[] = [
+            'title' => $title,
+            'value' => $value,
+            'iconIdentifier' => $iconIdentifier,
+            'status' => $status->value,
+        ];
+    }
+
+    /**
+     * Checks whether the user has access to this toolbar item.
+     */
+    public function checkAccess(): bool
+    {
+        return $this->getBackendUserAuthentication()->isAdmin();
+    }
+
+    /**
+     * Render system information dropdown.
+     */
+    public function getItem(): string
+    {
+        $view = $this->backendViewFactory->create($this->request);
+        return $view->render('ToolbarItems/SystemInformationToolbarItem');
+    }
+
+    /**
+     * Render drop-down
+     */
+    public function getDropDown(): string
+    {
+        if (!$this->checkAccess()) {
+            return '';
+        }
+        $this->collectInformation();
+        $view = $this->backendViewFactory->create($this->request);
+        $view->assignMultiple([
+            'messages' => $this->systemMessages,
+            'count' => $this->systemMessageTotalCount > 99 ? '99+' : $this->systemMessageTotalCount,
+            'severityBadgeClass' => $this->severityBadgeClass,
+            'systemInformation' => $this->systemInformation,
+        ]);
+        return $view->render('ToolbarItems/SystemInformationDropDown');
+    }
+
+    /**
+     * No additional attributes needed.
+     */
+    public function getAdditionalAttributes(): array
+    {
+        return [];
+    }
+
+    /**
+     * This item has a drop-down.
+     */
+    public function hasDropDown(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Position relative to others
+     */
+    public function getIndex(): int
+    {
+        return 30;
+    }
+
+    /**
+     * Collect the information for the drop-down.
+     */
+    protected function collectInformation(): void
+    {
+        $this->addTypo3Version();
+        $this->addInstallationMode();
+        $this->addWebServer();
+        $this->addPhpVersion();
+        $this->addDebugger();
+        $this->addDatabase();
+        $this->addApplicationContext();
+        $this->addGitRevision();
+        $this->addOperatingSystem();
+        $this->eventDispatcher->dispatch(new SystemInformationToolbarCollectorEvent($this));
+        $this->severityBadgeClass = $this->highestSeverity !== InformationStatus::NOTICE ? 'badge-' . $this->highestSeverity->value : '';
+    }
+
+    protected function addTypo3Version(): void
+    {
+        $this->systemInformation[] = [
+            'title' => 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.typo3-version',
+            'value' => $this->typo3Version->getVersion(),
+            'iconIdentifier' => 'information-typo3-version',
+        ];
+    }
+
+    protected function addInstallationMode(): void
+    {
+        $this->systemInformation[] = [
+            'title' => 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.installationMethod',
+            'value' => Environment::isComposerMode()
+                ? $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.installationMethod.composer')
+                : $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.installationMethod.classic'),
+            'iconIdentifier' => 'actions-package',
+        ];
+    }
+
+    protected function addWebServer(): void
+    {
+        $this->systemInformation[] = [
+            'title' => 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.webserver',
+            'value' => $_SERVER['SERVER_SOFTWARE'] ?? '',
+            'iconIdentifier' => 'information-webserver',
+        ];
+    }
+
+    protected function addPhpVersion(): void
+    {
+        $this->systemInformation[] = [
+            'title' => 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.phpversion',
+            'value' => PHP_VERSION,
+            'iconIdentifier' => 'information-php-version',
+        ];
+    }
+
+    protected function addDebugger(): void
+    {
+        $knownDebuggers = ['xdebug', 'Zend Debugger'];
+        foreach ($knownDebuggers as $debugger) {
+            if (extension_loaded($debugger)) {
+                $debuggerVersion = phpversion($debugger) ?: '';
+                $this->systemInformation[] = [
+                    'title' => 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.debugger',
+                    'value' => sprintf('%s %s', $debugger, $debuggerVersion),
+                    'iconIdentifier' => 'information-debugger',
+                ];
+            }
+        }
+    }
+
+    protected function addDatabase(): void
+    {
+        foreach (GeneralUtility::makeInstance(ConnectionPool::class)->getConnectionNames() as $connectionName) {
+            $serverVersion = '[' . $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.database.offline') . ']';
+            $success = true;
+            try {
+                $serverVersion = GeneralUtility::makeInstance(ConnectionPool::class)
+                    ->getConnectionByName($connectionName)
+                    ->getPlatformServerVersion();
+            } catch (\Exception $exception) {
+                $success = false;
+            }
+            $this->systemInformation[] = [
+                'title' => 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.database',
+                'titleAddition' => $connectionName,
+                'value' => $serverVersion,
+                'status' => $success ? InformationStatus::NOTICE->value : InformationStatus::ERROR->value,
+                'iconIdentifier' => 'information-database',
+            ];
+        }
+    }
+
+    protected function addApplicationContext(): void
+    {
+        $applicationContext = Environment::getContext();
+        $this->systemInformation[] = [
+            'title' => 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.applicationcontext',
+            'value' => (string)$applicationContext,
+            'status' => $applicationContext->isProduction() ? InformationStatus::NOTICE->value : InformationStatus::WARNING->value,
+            'iconIdentifier' => 'information-application-context',
+        ];
+    }
+
+    /**
+     * Gets the current GIT revision and branch
+     */
+    protected function addGitRevision(): void
+    {
+        if (!str_ends_with($this->typo3Version->getVersion(), '-dev') || $this->isFunctionDisabled('exec')) {
+            return;
+        }
+        // check if git exists
+        $returnCode = 0;
+        CommandUtility::exec('git --version', $_, $returnCode);
+        if ($returnCode !== 0) {
+            // git is not available
+            return;
+        }
+
+        $revision = CommandUtility::exec('git rev-parse --short HEAD');
+        $branch = CommandUtility::exec('git rev-parse --abbrev-ref HEAD');
+        if ($revision === false || $branch === false) {
+            return;
+        }
+        $revision = trim($revision);
+        $branch = trim($branch);
+        if ($revision !== '' && $branch !== '') {
+            $this->systemInformation[] = [
+                'title' => 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.gitrevision',
+                'value' => sprintf('%s [%s]', $revision, $branch),
+                'iconIdentifier' => 'information-git',
+            ];
+        }
+    }
+
+    /**
+     * Gets the system kernel and version
+     */
+    protected function addOperatingSystem(): void
+    {
+        switch (PHP_OS_FAMILY) {
+            case 'Linux':
+                $icon = 'linux';
+                break;
+            case 'Darwin':
+                $icon = 'apple';
+                break;
+            case 'Windows':
+                $icon = 'windows';
+                break;
+            default:
+                $icon = 'unknown';
+        }
+        $this->systemInformation[] = [
+            'title' => 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.operatingsystem',
+            'value' => PHP_OS . ' ' . php_uname('r'),
+            'iconIdentifier' => 'information-os-' . $icon,
+        ];
+    }
+
+    /**
+     * Check if the given PHP function is disabled in the system.
+     */
+    protected function isFunctionDisabled(string $functionName): bool
+    {
+        $disabledFunctions = GeneralUtility::trimExplode(',', (string)ini_get('disable_functions'));
+        if (!empty($disabledFunctions)) {
+            return in_array($functionName, $disabledFunctions, true);
+        }
+        return false;
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Backend/ToolbarItems/UserToolbarItem.php b/Classes/Backend/ToolbarItems/UserToolbarItem.php
new file mode 100644
index 0000000..ab64454
--- /dev/null
+++ b/Classes/Backend/ToolbarItems/UserToolbarItem.php
@@ -0,0 +1,196 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Backend\ToolbarItems;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Backend\ColorScheme;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Toolbar\RequestAwareToolbarItemInterface;
+use TYPO3\CMS\Backend\Toolbar\ToolbarItemInterface;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * User toolbar item and drop-down.
+ *
+ * @internal This class is a specific Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+class UserToolbarItem implements ToolbarItemInterface, RequestAwareToolbarItemInterface
+{
+    private ServerRequestInterface $request;
+
+    public function __construct(
+        private readonly ModuleProvider $moduleProvider,
+        private readonly BackendViewFactory $backendViewFactory,
+    ) {}
+
+    public function setRequest(ServerRequestInterface $request): void
+    {
+        $this->request = $request;
+    }
+
+    /**
+     * Item is always enabled.
+     */
+    public function checkAccess(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Render username and an icon.
+     */
+    public function getItem(): string
+    {
+        $backendUser = $this->getBackendUser();
+        $view = $this->backendViewFactory->create($this->request);
+        $view->assignMultiple([
+            'currentUser' => $backendUser->user,
+            'switchUserMode' => (int)$backendUser->getOriginalUserIdWhenInSwitchUserMode(),
+        ]);
+        return $view->render('ToolbarItems/UserToolbarItem');
+    }
+
+    /**
+     * Render drop-down content.
+     */
+    public function getDropDown(): string
+    {
+        $backendUser = $this->getBackendUser();
+
+        $mostRecentUsers = [];
+        if ($backendUser->isAdmin()
+            && $backendUser->getOriginalUserIdWhenInSwitchUserMode() === null
+            && isset($backendUser->uc['recentSwitchedToUsers'])
+            && is_array($backendUser->uc['recentSwitchedToUsers'])
+        ) {
+            $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable('be_users');
+            $result = $queryBuilder
+                ->select('uid', 'username', 'realName')
+                ->from('be_users')
+                ->where(
+                    $queryBuilder->expr()->in('uid', $queryBuilder->createNamedParameter($backendUser->uc['recentSwitchedToUsers'], Connection::PARAM_INT_ARRAY))
+                )->executeQuery();
+
+            // Flip the array to have a "sorted" list of items
+            $mostRecentUsers = array_flip($backendUser->uc['recentSwitchedToUsers']);
+
+            while ($row = $result->fetchAssociative()) {
+                $mostRecentUsers[$row['uid']] = $row;
+            }
+
+            // Remove any item that is not an array (means, the stored uid is not available anymore)
+            $mostRecentUsers = array_filter($mostRecentUsers, is_array(...));
+
+            $availableUsers = array_keys($mostRecentUsers);
+            if (!empty(array_diff($backendUser->uc['recentSwitchedToUsers'], $availableUsers))) {
+                $backendUser->uc['recentSwitchedToUsers'] = $availableUsers;
+                $backendUser->writeUC();
+            }
+        }
+
+        $modules = null;
+        if ($userModule = $this->moduleProvider->getModuleForMenu('user', $backendUser)) {
+            $modules = $userModule->getSubModules();
+        }
+        $helpModules = null;
+        if ($helpModule = $this->moduleProvider->getModuleForMenu('help', $this->getBackendUser())) {
+            $helpModules = $helpModule->getSubModules();
+        }
+        $view = $this->backendViewFactory->create($this->request);
+        $view->assignMultiple([
+            'modules' => $modules,
+            'helpModules' => $helpModules,
+            'switchUserMode' => $this->getBackendUser()->getOriginalUserIdWhenInSwitchUserMode() !== null,
+            'recentUsers' => $mostRecentUsers,
+            'colorSchemeSwitchEnabled' => $this->getColorSchemeSwitchEnabled(),
+            'activeColorScheme' => $backendUser->uc['colorScheme'] ?? 'auto',
+            'colorSchemes' => $this->getColorSchemes(),
+        ]);
+        return $view->render('ToolbarItems/UserToolbarItemDropDown');
+    }
+
+    /**
+     * Returns an additional class if user is in "switch user" mode.
+     */
+    public function getAdditionalAttributes(): array
+    {
+        $result = [
+            'class' => 'toolbar-item-user',
+        ];
+        if ($this->getBackendUser()->getOriginalUserIdWhenInSwitchUserMode()) {
+            $result['class'] .= ' su-user';
+        }
+        return $result;
+    }
+
+    /**
+     * This item has a drop-down.
+     */
+    public function hasDropDown(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Position relative to others.
+     */
+    public function getIndex(): int
+    {
+        return 90;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getColorSchemeSwitchEnabled(): bool
+    {
+        $backendUser = $this->getBackendUser();
+        $userTS = $backendUser->getTSConfig();
+
+        return !isset($userTS['setup.']['fields.']['colorScheme.']['disabled']) || $userTS['setup.']['fields.']['colorScheme.']['disabled'] !== '1';
+    }
+
+    protected function getColorSchemes(): array
+    {
+        $schemes = [];
+
+        foreach (ColorScheme::cases() as $scheme) {
+            $schemeItem = [
+                'label' => $this->getLanguageService()->sL($scheme->getLabel()),
+                'value' => $scheme->value,
+                'icon' => $scheme->getIcon(),
+            ];
+
+            $schemes[] = $schemeItem;
+        }
+
+        return $schemes;
+    }
+}
diff --git a/Classes/Breadcrumb/BreadcrumbContext.php b/Classes/Breadcrumb/BreadcrumbContext.php
new file mode 100644
index 0000000..0df2bb4
--- /dev/null
+++ b/Classes/Breadcrumb/BreadcrumbContext.php
@@ -0,0 +1,73 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Breadcrumb;
+
+use TYPO3\CMS\Backend\Dto\Breadcrumb\BreadcrumbNode;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+use TYPO3\CMS\Core\Resource\ResourceInterface;
+
+/**
+ * Represents a breadcrumb context with the main entity and optional suffix nodes.
+ *
+ * A breadcrumb context consists of:
+ * - A main context (record or resource) that determines the base breadcrumb trail
+ * - Optional suffix nodes that are appended after the main trail
+ *
+ * Suffix nodes are useful for:
+ * - "New Record" indicators when creating records
+ * - "Edit Multiple" indicators when editing multiple records
+ * - Custom action indicators
+ *
+ * Example usage:
+ *
+ *     // Edit existing record
+ *     $context = new BreadcrumbContext($record, []);
+ *
+ *     // Create new record (shows: Pages > Parent Page > "Create New Content")
+ *     $suffixNode = new BreadcrumbNode(identifier: 'new', label: 'Create New Content');
+ *     $context = new BreadcrumbContext($parentPage, [$suffixNode]);
+ *
+ * @internal Subject to change until v15 LTS
+ */
+final readonly class BreadcrumbContext
+{
+    /**
+     * @param RecordInterface|ResourceInterface|null $mainContext The main entity (record or resource)
+     * @param BreadcrumbNode[] $suffixNodes Additional nodes to append after the main breadcrumb trail
+     */
+    public function __construct(
+        public RecordInterface|ResourceInterface|null $mainContext,
+        public array $suffixNodes = [],
+    ) {}
+
+    /**
+     * Checks if this context has a valid main entity.
+     */
+    public function hasContext(): bool
+    {
+        return $this->mainContext !== null;
+    }
+
+    /**
+     * Checks if this context has suffix nodes.
+     */
+    public function hasSuffixNodes(): bool
+    {
+        return $this->suffixNodes !== [];
+    }
+}
diff --git a/Classes/Breadcrumb/BreadcrumbFactory.php b/Classes/Breadcrumb/BreadcrumbFactory.php
new file mode 100644
index 0000000..8a75956
--- /dev/null
+++ b/Classes/Breadcrumb/BreadcrumbFactory.php
@@ -0,0 +1,236 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Breadcrumb;
+
+use Psr\Log\LoggerInterface;
+use TYPO3\CMS\Backend\Dto\Breadcrumb\BreadcrumbNode;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Domain\RecordFactory;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Resource\ResourceInterface;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+
+/**
+ * Factory for creating breadcrumb contexts from controller actions.
+ *
+ * This factory centralizes the logic for determining what context to show
+ * in breadcrumbs based on different controller actions (edit, new, list, etc.).
+ *
+ * It handles:
+ * - Record lookups and validation
+ * - Creation of "new record" breadcrumb nodes
+ * - Multi-record edit scenarios
+ * - Parent record resolution
+ *
+ * @internal Subject to change until v15 LTS
+ */
+final readonly class BreadcrumbFactory
+{
+    public function __construct(
+        private LoggerInterface $logger,
+        private RecordFactory $recordFactory,
+        private IconFactory $iconFactory,
+        private TcaSchemaFactory $tcaSchemaFactory,
+    ) {}
+
+    /**
+     * Creates breadcrumb context for editing an existing record.
+     *
+     * @param string $table The table name
+     * @param int $uid The record UID
+     * @return BreadcrumbContext Context containing the record or null on failure
+     */
+    public function forEditAction(string $table, int $uid): BreadcrumbContext
+    {
+        $rawRecord = BackendUtility::getRecord($table, $uid);
+
+        if ($rawRecord === null) {
+            $this->logger->warning(
+                'Failed to load record for breadcrumb',
+                ['table' => $table, 'uid' => $uid]
+            );
+            return new BreadcrumbContext(null, []);
+        }
+
+        try {
+            $record = $this->recordFactory->createResolvedRecordFromDatabaseRow($table, $rawRecord);
+            return new BreadcrumbContext($record, []);
+        } catch (\Exception $e) {
+            // @todo: Catching \Exception here is a code smell, this shouldn't be so generic and can hide away too many issues.
+            $this->logger->error(
+                'Failed to create record instance for breadcrumb',
+                ['table' => $table, 'uid' => $uid, 'exception' => $e->getMessage()]
+            );
+            return new BreadcrumbContext(null, []);
+        }
+    }
+
+    /**
+     * Creates breadcrumb context for editing multiple records.
+     *
+     * Shows a generic "Edit Multiple [RecordType]" node instead of individual records.
+     *
+     * @param string $table The table name
+     * @param int $pid The parent page ID
+     * @return BreadcrumbContext Context with parent page and "edit multiple" suffix node
+     */
+    public function forEditMultipleAction(string $table, int $pid): BreadcrumbContext
+    {
+        $parentRecord = $this->getParentPageRecord($pid);
+        $schema = $this->tcaSchemaFactory->has($table) ? $this->tcaSchemaFactory->get($table) : null;
+
+        $recordTypeLabel = $schema?->getTitle($this->getLanguageService()->sL(...))
+            ?? $schema?->getTitle()
+            ?? $table;
+
+        $suffixNode = new BreadcrumbNode(
+            identifier: 'edit-multiple-' . $table,
+            label: sprintf(
+                $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.editMultiple'),
+                $recordTypeLabel
+            ),
+            icon: $this->iconFactory->getIconForRecord($table, [])->getIdentifier(),
+        );
+
+        return new BreadcrumbContext($parentRecord, [$suffixNode]);
+    }
+
+    /**
+     * Creates breadcrumb context for creating a new record.
+     *
+     * @param string $table The table name
+     * @param int $pid The parent page ID
+     * @param array $defaults Default values for the new record (used for icon overlay)
+     * @return BreadcrumbContext Context with parent page and "create new" suffix node
+     */
+    public function forNewAction(string $table, int $pid, array $defaults = []): BreadcrumbContext
+    {
+        $parentRecord = $this->getParentPageRecord($pid);
+        $schema = $this->tcaSchemaFactory->has($table) ? $this->tcaSchemaFactory->get($table) : null;
+
+        $recordTypeLabel = $schema?->getTitle($this->getLanguageService()->sL(...))
+            ?? $schema?->getTitle()
+            ?? $table;
+
+        try {
+            $icon = $this->iconFactory->getIconForRecord($table, $defaults);
+            $suffixNode = new BreadcrumbNode(
+                identifier: 'new-' . $table,
+                label: sprintf(
+                    $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.createNew'),
+                    $recordTypeLabel
+                ),
+                icon: $icon->getIdentifier(),
+                iconOverlay: 'overlay-new',
+            );
+        } catch (\Exception $e) {
+            $this->logger->warning(
+                'Failed to create icon for new record breadcrumb',
+                ['table' => $table, 'exception' => $e->getMessage()]
+            );
+            $suffixNode = new BreadcrumbNode(
+                identifier: 'new-' . $table,
+                label: sprintf(
+                    $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.createNew'),
+                    $recordTypeLabel
+                ),
+            );
+        }
+
+        return new BreadcrumbContext($parentRecord, [$suffixNode]);
+    }
+
+    /**
+     * Creates breadcrumb context from a page record array.
+     *
+     * Example:
+     * `$view->getDocHeaderComponent()->setBreadcrumbContext($this->breadcrumbFactory->forPageArray($pageInfo));`
+     *
+     * @param array $pageRecord The page record array (must contain 'uid')
+     * @return BreadcrumbContext Context with the page record or null on failure
+     */
+    public function forPageArray(array $pageRecord): BreadcrumbContext
+    {
+        if (!isset($pageRecord['uid'])) {
+            $this->logger->warning('Page record array must contain uid for breadcrumb');
+            return new BreadcrumbContext(null, []);
+        }
+
+        try {
+            $record = $this->recordFactory->createResolvedRecordFromDatabaseRow('pages', $pageRecord);
+            return new BreadcrumbContext($record, []);
+        } catch (\Exception $e) {
+            $this->logger->error(
+                'Failed to create page record instance for breadcrumb',
+                ['uid' => $pageRecord['uid'], 'exception' => $e->getMessage()]
+            );
+            return new BreadcrumbContext(null, []);
+        }
+    }
+
+    /**
+     * Creates breadcrumb context for any resource (file or folder).
+     *
+     * @param ResourceInterface $resource The resource (file or folder)
+     * @return BreadcrumbContext Context with the resource
+     */
+    public function forResource(ResourceInterface $resource): BreadcrumbContext
+    {
+        return new BreadcrumbContext($resource, []);
+    }
+
+    /**
+     * Gets the parent page record for a given PID.
+     *
+     * @param int $pid The page ID
+     * @return RecordInterface|null The page record or null if not found/accessible
+     */
+    private function getParentPageRecord(int $pid): ?RecordInterface
+    {
+        if ($pid <= 0) {
+            return null;
+        }
+
+        $rawRecord = BackendUtility::getRecord('pages', $pid);
+        if ($rawRecord === null) {
+            $this->logger->warning(
+                'Failed to load parent page for breadcrumb',
+                ['pid' => $pid]
+            );
+            return null;
+        }
+
+        try {
+            return $this->recordFactory->createResolvedRecordFromDatabaseRow('pages', $rawRecord);
+        } catch (\Exception $e) {
+            // @todo: Catching \Exception here is a code smell, this shouldn't be so generic and can hide away too many issues.
+            $this->logger->error(
+                'Failed to create page record instance for breadcrumb',
+                ['pid' => $pid, 'exception' => $e->getMessage()]
+            );
+            return null;
+        }
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Breadcrumb/BreadcrumbProviderInterface.php b/Classes/Breadcrumb/BreadcrumbProviderInterface.php
new file mode 100644
index 0000000..a4286ce
--- /dev/null
+++ b/Classes/Breadcrumb/BreadcrumbProviderInterface.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Breadcrumb;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Dto\Breadcrumb\BreadcrumbNode;
+
+/**
+ * Interface for breadcrumb providers that can generate breadcrumb trails
+ * for different types of contexts (records, resources, etc.).
+ *
+ * Providers are responsible for:
+ * - Determining if they can handle a given context
+ * - Generating the appropriate breadcrumb node hierarchy
+ * - Providing the target module identifier for navigation
+ *
+ * @internal Subject to change until v15 LTS
+ */
+interface BreadcrumbProviderInterface
+{
+    /**
+     * Determines whether this provider can handle the given context.
+     *
+     * @param BreadcrumbContext|null $context The breadcrumb context (can be null for virtual pages)
+     */
+    public function supports(?BreadcrumbContext $context): bool;
+
+    /**
+     * Generates breadcrumb nodes for the given context.
+     *
+     * @param BreadcrumbContext|null $context The breadcrumb context (can be null for virtual pages)
+     * @param ServerRequestInterface|null $request The current request for module detection
+     * @return BreadcrumbNode[] Array of breadcrumb nodes ordered from root to current
+     */
+    public function generate(?BreadcrumbContext $context, ?ServerRequestInterface $request): array;
+
+    /**
+     * Returns the priority of this provider.
+     *
+     * Higher priority providers are checked first. Use this to override
+     * default providers or to establish a specific order.
+     *
+     * @return int Priority (higher = checked first)
+     */
+    public function getPriority(): int;
+}
diff --git a/Classes/Breadcrumb/NullContextBreadcrumbProvider.php b/Classes/Breadcrumb/NullContextBreadcrumbProvider.php
new file mode 100644
index 0000000..37e7cc3
--- /dev/null
+++ b/Classes/Breadcrumb/NullContextBreadcrumbProvider.php
@@ -0,0 +1,145 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Breadcrumb;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Dto\Breadcrumb\BreadcrumbNode;
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Backend\Module\ModuleResolver;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Resource\StorageRepository;
+
+/**
+ * Breadcrumb provider for null contexts (virtual pages, empty states).
+ *
+ * Provides fallback breadcrumbs when no record or resource context is available,
+ * such as virtual pages (e.g., id=0) or file storage roots.
+ *
+ * @internal This class is not part of TYPO3's public API.
+ */
+final readonly class NullContextBreadcrumbProvider implements BreadcrumbProviderInterface
+{
+    public function __construct(
+        private ModuleResolver $moduleResolver,
+        private StorageRepository $storageRepository,
+        private UriBuilder $uriBuilder,
+    ) {}
+
+    public function supports(?BreadcrumbContext $context): bool
+    {
+        // This provider handles null contexts
+        return $context === null || !$context->hasContext();
+    }
+
+    public function generate(?BreadcrumbContext $context, ?ServerRequestInterface $request): array
+    {
+        $breadcrumb = [];
+
+        $currentModule = $this->moduleResolver->resolveModule($request);
+        if ($currentModule !== null) {
+            // Add parent modules first (for third-level modules)
+            $breadcrumb = $this->buildModuleHierarchy($currentModule);
+        }
+
+        // Handle file storage tree
+        if ($currentModule?->getNavigationComponent() === '@typo3/backend/tree/file-storage-tree-container') {
+            $id = $request?->getQueryParams()['id'] ?? null;
+            $label = $this->getLanguageService()->sL($currentModule->getTitle());
+            $icon = 'apps-filetree-folder';
+
+            if ($id !== null && $storage = $this->storageRepository->findByCombinedIdentifier($id)) {
+                $label = $storage->getName();
+                if (!$storage->isOnline() || !$storage->isBrowsable()) {
+                    $icon = 'apps-filetree-folder-locked';
+                }
+            }
+
+            $breadcrumb[] = new BreadcrumbNode(
+                identifier: (string)$id,
+                label: $label,
+                icon: $icon,
+            );
+        }
+
+        // Handle page tree (default for null context or no module)
+        if ($currentModule === null || $currentModule->getNavigationComponent() === '@typo3/backend/tree/page-tree-element') {
+            $breadcrumb[] = new BreadcrumbNode(
+                identifier: '0',
+                label: (string)$GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'],
+                icon: 'apps-pagetree-root',
+            );
+        }
+
+        return $breadcrumb;
+    }
+
+    public function getPriority(): int
+    {
+        // Low priority - only handles null contexts as fallback
+        return 0;
+    }
+
+    /**
+     * Builds the module hierarchy including parent modules.
+     *
+     * For third-level modules, this returns [parent, current].
+     * For second-level modules, this returns [current].
+     * For standalone modules, this returns [current].
+     *
+     * @return BreadcrumbNode[]
+     */
+    private function buildModuleHierarchy(ModuleInterface $currentModule): array
+    {
+        $modules = [];
+        $moduleChain = [];
+
+        // Build chain from current to root
+        $module = $currentModule;
+        while ($module !== null) {
+            $moduleChain[] = $module;
+            $module = $module->getParentModule();
+        }
+
+        // Reverse to get root-to-current order and skip the top-level parent (main menu item)
+        $moduleChain = array_reverse($moduleChain);
+
+        // Skip the first item if we have more than one (first is the main menu container like "web")
+        if (count($moduleChain) > 1) {
+            array_shift($moduleChain);
+        }
+
+        // Build breadcrumb nodes for each module in the chain
+        foreach ($moduleChain as $module) {
+            $modules[] = new BreadcrumbNode(
+                identifier: $module->getIdentifier(),
+                label: $this->getLanguageService()->sL($module->getTitle()),
+                icon: $module->getIconIdentifier(),
+                url: (string)$this->uriBuilder->buildUriFromRoute($module->getIdentifier(), $module->getNavigationComponent() === '@typo3/backend/tree/page-tree-element' ? ['id' => '0'] : []),
+                forceShowIcon: true,
+            );
+        }
+
+        return $modules;
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Breadcrumb/RecordBreadcrumbProvider.php b/Classes/Breadcrumb/RecordBreadcrumbProvider.php
new file mode 100644
index 0000000..773070e
--- /dev/null
+++ b/Classes/Breadcrumb/RecordBreadcrumbProvider.php
@@ -0,0 +1,275 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Breadcrumb;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Log\LoggerInterface;
+use TYPO3\CMS\Backend\Dto\Breadcrumb\BreadcrumbNode;
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Backend\Module\ModuleResolver;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+
+/**
+ * Breadcrumb provider for TYPO3 records (pages, content elements, etc.).
+ *
+ * Generates breadcrumb trails based on page rootlines and record hierarchies.
+ *
+ * @internal This class is not part of TYPO3's public API.
+ */
+final readonly class RecordBreadcrumbProvider implements BreadcrumbProviderInterface
+{
+    public function __construct(
+        private IconFactory $iconFactory,
+        private ModuleResolver $moduleResolver,
+        private UriBuilder $uriBuilder,
+        private LoggerInterface $logger,
+    ) {}
+
+    public function supports(?BreadcrumbContext $context): bool
+    {
+        return $context?->mainContext instanceof RecordInterface;
+    }
+
+    public function generate(?BreadcrumbContext $context, ?ServerRequestInterface $request): array
+    {
+        if ($context === null || !$context->mainContext instanceof RecordInterface) {
+            return [];
+        }
+
+        $record = $context->mainContext;
+        $breadcrumb = [];
+        $currentModule = $this->moduleResolver->resolveModule($request);
+        $showRootline = $this->shouldShowRootline($currentModule);
+        $targetModule = $currentModule !== null
+            ? $this->extractRouteIdentifier($request, $currentModule)
+            : $this->getTargetModule();
+
+        // Add module hierarchy (for third-level modules, this includes parent modules)
+        if ($currentModule !== null) {
+            $breadcrumb = array_merge($breadcrumb, $this->buildModuleHierarchy($currentModule, $request, $showRootline));
+        } else {
+            $breadcrumb[] = new BreadcrumbNode(
+                identifier: '0',
+                label: (string)$GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'],
+                icon: 'apps-pagetree-root',
+                url: (string)$this->uriBuilder->buildUriFromRoute($targetModule, $showRootline ? ['id' => '0'] : []),
+            );
+        }
+
+        // Add page rootline if applicable
+        if ($showRootline) {
+            $breadcrumb = array_merge($breadcrumb, $this->buildRootline($record, $targetModule));
+        }
+
+        // Add the current record
+        $breadcrumb[] = $this->buildRecordNode($record, $targetModule);
+
+        return $breadcrumb;
+    }
+
+    public function getPriority(): int
+    {
+        return 10;
+    }
+
+    /**
+     * Returns the target module identifier for navigation.
+     */
+    private function getTargetModule(): string
+    {
+        // Default to web_layout for page-based navigation
+        return 'web_layout';
+    }
+
+    /**
+     * Builds the page rootline for a record.
+     *
+     * @return BreadcrumbNode[]
+     */
+    private function buildRootline(RecordInterface $record, string $targetModule): array
+    {
+        $breadcrumb = [];
+        $pid = $record->getPid();
+
+        try {
+            $rootline = BackendUtility::BEgetRootLine($pid);
+            if ($rootline === []) {
+                return [];
+            }
+
+            // Remove the site root (already added as first node)
+            array_pop($rootline);
+            ksort($rootline);
+
+            foreach ($rootline as $item) {
+                if (!is_array($item) || !isset($item['uid'])) {
+                    continue;
+                }
+
+                try {
+                    $icon = $this->iconFactory->getIconForRecord('pages', $item, IconSize::SMALL);
+                    $breadcrumb[] = new BreadcrumbNode(
+                        identifier: (string)$item['uid'],
+                        label: BackendUtility::cropToTitleLength($item['title'] ?? ''),
+                        icon: $icon->getIdentifier(),
+                        iconOverlay: $icon->getOverlayIcon()?->getIdentifier(),
+                        url: (string)$this->uriBuilder->buildUriFromRoute($targetModule, ['id' => $item['uid']]),
+                    );
+                } catch (\Exception $e) {
+                    $this->logger->warning(
+                        'Failed to create breadcrumb node for page',
+                        ['uid' => $item['uid'], 'exception' => $e->getMessage()]
+                    );
+                }
+            }
+        } catch (\Exception $e) {
+            $this->logger->warning(
+                'Failed to build rootline for record',
+                ['table' => $record->getMainType(), 'uid' => $record->getUid(), 'exception' => $e->getMessage()]
+            );
+        }
+
+        return $breadcrumb;
+    }
+
+    /**
+     * Builds a breadcrumb node for the current record.
+     */
+    private function buildRecordNode(RecordInterface $record, string $targetModule): BreadcrumbNode
+    {
+        try {
+            $icon = $this->iconFactory->getIconForRecord(
+                $record->getMainType(),
+                $record->getRawRecord()?->toArray(),
+                IconSize::SMALL
+            );
+
+            $recordTitle = BackendUtility::getRecordTitle($record->getMainType(), $record->getRawRecord()?->toArray());
+            return new BreadcrumbNode(
+                identifier: (string)$record->getUid(),
+                label: BackendUtility::cropToTitleLength($recordTitle),
+                icon: $icon->getIdentifier(),
+                iconOverlay: $icon->getOverlayIcon()?->getIdentifier(),
+                url: $record->getMainType() === 'pages' ? (string)$this->uriBuilder->buildUriFromRoute($targetModule, ['id' => (string)$record->getUid()]) : null,
+            );
+        } catch (\Exception $e) {
+            $this->logger->error(
+                'Failed to create breadcrumb node for record',
+                ['table' => $record->getMainType(), 'uid' => $record->getUid(), 'exception' => $e->getMessage()]
+            );
+
+            // Return a minimal fallback node
+            return new BreadcrumbNode(
+                identifier: (string)$record->getUid(),
+                label: $record->getMainType() . ' [' . $record->getUid() . ']',
+            );
+        }
+    }
+
+    /**
+     * Builds the module hierarchy including parent modules.
+     *
+     * For third-level modules, this returns [parent, current].
+     * For second-level modules, this returns [current].
+     * For standalone modules, this returns [current].
+     *
+     * @return BreadcrumbNode[]
+     */
+    private function buildModuleHierarchy(ModuleInterface $currentModule, ?ServerRequestInterface $request, bool $showRootline): array
+    {
+        $modules = [];
+        $moduleChain = [];
+
+        // Build chain from current to root
+        $module = $currentModule;
+        while ($module !== null) {
+            $moduleChain[] = $module;
+            $module = $module->getParentModule();
+        }
+
+        // Reverse to get root-to-current order and skip the top-level parent (main menu item)
+        $moduleChain = array_reverse($moduleChain);
+
+        // Skip the first item if we have more than one (first is the main menu container like "web")
+        if (count($moduleChain) > 1) {
+            array_shift($moduleChain);
+        }
+
+        // Build breadcrumb nodes for each module in the chain
+        foreach ($moduleChain as $index => $module) {
+            $isLastModule = $index === count($moduleChain) - 1;
+            // For the last module (current), use the full route identifier to preserve route/action
+            // For parent modules, use base module identifier
+            $routeIdentifier = $isLastModule ? $this->extractRouteIdentifier($request, $module) : $module->getIdentifier();
+            $modules[] = new BreadcrumbNode(
+                identifier: $module->getIdentifier(),
+                label: $this->getLanguageService()->sL($module->getTitle()),
+                icon: $module->getIconIdentifier(),
+                url: (string)$this->uriBuilder->buildUriFromRoute($routeIdentifier, $showRootline ? ['id' => '0'] : []),
+                forceShowIcon: true,
+            );
+        }
+
+        return $modules;
+    }
+
+    /**
+     * Determines if the rootline should be shown based on the current module.
+     *
+     * Modules using the page tree navigation component typically support page-based navigation.
+     */
+    private function shouldShowRootline(?ModuleInterface $currentModule): bool
+    {
+        // @todo This is quite implicit, but using the page-tree-element as navigation component
+        //       signals that the current module can handle ?id= as a page parameter.
+        return $currentModule === null || $currentModule->getNavigationComponent() === '@typo3/backend/tree/page-tree-element';
+    }
+
+    /**
+     * Extracts the route identifier from the current request.
+     *
+     * This returns the full route identifier (e.g., 'manage_search_index.Administration_externalDocuments')
+     * to preserve sub-routes and actions in breadcrumb navigation.
+     *
+     * @return string The route identifier or module identifier as fallback
+     */
+    private function extractRouteIdentifier(?ServerRequestInterface $request, ModuleInterface $module): string
+    {
+        // Try to get the full route identifier from routing attribute
+        if ($request !== null
+            && ($routeResult = $request->getAttribute('routing')) !== null
+            && ($route = $routeResult->getRoute()) !== null
+            && !empty(($routeIdentifier = $route->getOption('_identifier')))
+        ) {
+            return $routeIdentifier;
+        }
+
+        // Fallback to module identifier
+        return $module->getIdentifier();
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Breadcrumb/ResourceBreadcrumbProvider.php b/Classes/Breadcrumb/ResourceBreadcrumbProvider.php
new file mode 100644
index 0000000..de2f20a
--- /dev/null
+++ b/Classes/Breadcrumb/ResourceBreadcrumbProvider.php
@@ -0,0 +1,201 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Breadcrumb;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Log\LoggerInterface;
+use TYPO3\CMS\Backend\Dto\Breadcrumb\BreadcrumbNode;
+use TYPO3\CMS\Backend\Module\ModuleResolver;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Resource\Exception\InsufficientFolderAccessPermissionsException;
+use TYPO3\CMS\Core\Resource\FileInterface;
+use TYPO3\CMS\Core\Resource\Folder;
+use TYPO3\CMS\Core\Resource\FolderInterface;
+use TYPO3\CMS\Core\Resource\ResourceInterface;
+
+/**
+ * Breadcrumb provider for FAL resources (files and folders).
+ *
+ * Generates breadcrumb trails based on folder hierarchies and storage structures.
+ *
+ * @internal This class is not part of TYPO3's public API.
+ */
+final readonly class ResourceBreadcrumbProvider implements BreadcrumbProviderInterface
+{
+    public function __construct(
+        private IconFactory $iconFactory,
+        private ModuleResolver $moduleResolver,
+        private UriBuilder $uriBuilder,
+        private LoggerInterface $logger,
+    ) {}
+
+    public function supports(?BreadcrumbContext $context): bool
+    {
+        return $context?->mainContext instanceof ResourceInterface;
+    }
+
+    public function generate(?BreadcrumbContext $context, ?ServerRequestInterface $request): array
+    {
+        if ($context === null || !$context->mainContext instanceof ResourceInterface) {
+            return [];
+        }
+
+        $resource = $context->mainContext;
+        $breadcrumb = [];
+        $currentModule = $this->moduleResolver->resolveModule($request);
+
+        // Add module node
+        if ($currentModule !== null) {
+            $languageService = $this->getLanguageService();
+            $breadcrumb[] = new BreadcrumbNode(
+                identifier: $currentModule->getIdentifier(),
+                label: $languageService->sL($currentModule->getTitle()),
+                icon: $currentModule->getIconIdentifier(),
+                iconOverlay: null,
+                url: (string)$this->uriBuilder->buildUriFromRoute($currentModule->getIdentifier(), ['id' => '']),
+                forceShowIcon: true,
+            );
+        }
+
+        // Build resource hierarchy
+        $resourceHierarchy = $this->buildResourceHierarchy($resource);
+
+        // Add resource nodes
+        foreach ($resourceHierarchy as $item) {
+            try {
+                $icon = $this->iconFactory->getIconForResource($item, IconSize::SMALL);
+                $label = $item->getName();
+                $combinedIdentifier = $this->getCombinedIdentifier($item);
+
+                // Use storage name for root folder
+                if ($item->getIdentifier() === $item->getStorage()->getRootLevelFolder()->getIdentifier()) {
+                    $label = $item->getStorage()->getName();
+                }
+
+                $breadcrumb[] = new BreadcrumbNode(
+                    identifier: $combinedIdentifier,
+                    label: $label,
+                    icon: $icon->getIdentifier(),
+                    iconOverlay: $icon->getOverlayIcon()?->getIdentifier(),
+                    url: (string)$this->uriBuilder->buildUriFromRoute($this->getTargetModule(), ['id' => $combinedIdentifier]),
+                );
+            } catch (\Exception $e) {
+                $this->logger->warning(
+                    'Failed to create breadcrumb node for resource',
+                    ['identifier' => $item->getIdentifier(), 'exception' => $e->getMessage()]
+                );
+            }
+        }
+
+        return $breadcrumb;
+    }
+
+    public function getPriority(): int
+    {
+        return 10;
+    }
+
+    /**
+     * Returns the target module identifier for navigation.
+     */
+    private function getTargetModule(): string
+    {
+        return 'media_management';
+    }
+
+    /**
+     * Builds the resource hierarchy from root to current resource.
+     *
+     * @return ResourceInterface[]
+     */
+    private function buildResourceHierarchy(ResourceInterface $resource): array
+    {
+        $hierarchy = [];
+        $folder = null;
+
+        // Start with the resource itself
+        if ($resource instanceof FileInterface) {
+            $hierarchy[] = $resource;
+            try {
+                $folder = $resource->getParentFolder();
+            } catch (\Exception $e) {
+                $this->logger->warning(
+                    'Failed to get parent folder for file',
+                    ['identifier' => $resource->getIdentifier(), 'exception' => $e->getMessage()]
+                );
+                return $hierarchy;
+            }
+        } elseif ($resource instanceof FolderInterface) {
+            $folder = $resource;
+        }
+
+        // Traverse up the folder hierarchy
+        if ($folder instanceof Folder) {
+            $currentFolder = $folder;
+            $hierarchy[] = $folder;
+
+            // Walk up to the root folder
+            $maxDepth = 100; // Safety limit to prevent infinite loops
+            $depth = 0;
+
+            while ($depth < $maxDepth) {
+                $depth++;
+
+                try {
+                    $parent = $currentFolder->getParentFolder();
+                } catch (InsufficientFolderAccessPermissionsException $e) {
+                    // User doesn't have access to parent folder, stop here
+                    $this->logger->info(
+                        'Stopped breadcrumb traversal due to insufficient folder access',
+                        ['folder' => $currentFolder->getCombinedIdentifier()]
+                    );
+                    break;
+                }
+
+                // Check if we've reached the root (parent points to itself)
+                if ($parent->getCombinedIdentifier() === $currentFolder->getCombinedIdentifier()) {
+                    break;
+                }
+
+                // Add parent to hierarchy and continue upwards
+                $hierarchy[] = $parent;
+                $currentFolder = $parent;
+            }
+        }
+
+        // Reverse to get root-to-current order
+        return array_reverse($hierarchy);
+    }
+
+    /**
+     * Gets the combined identifier for a resource.
+     * Constructs it from storage UID and resource identifier.
+     */
+    private function getCombinedIdentifier(ResourceInterface $resource): string
+    {
+        return $resource->getStorage()->getUid() . ':' . $resource->getIdentifier();
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Clipboard/Clipboard.php b/Classes/Clipboard/Clipboard.php
new file mode 100644
index 0000000..ba55649
--- /dev/null
+++ b/Classes/Clipboard/Clipboard.php
@@ -0,0 +1,830 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Clipboard;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Clipboard\Type\CountMode;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Authentication\JsConfirmation;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Resource\Exception\InsufficientFolderAccessPermissionsException;
+use TYPO3\CMS\Core\Resource\Exception\ResourceDoesNotExistException;
+use TYPO3\CMS\Core\Resource\File;
+use TYPO3\CMS\Core\Resource\Folder;
+use TYPO3\CMS\Core\Resource\ProcessedFile;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\ExtensionManagementUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\PathUtility;
+
+/**
+ * TYPO3 clipboard for records and files
+ *
+ * @internal This class is a specific Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+class Clipboard
+{
+    /**
+     * Clipboard data kept here
+     *
+     * Keys:
+     * 'normal'
+     * 'tab_[x]' where x is >=1 and denotes the pad-number
+     * 'mode'	:	'copy' means copy-mode, default = moving ('cut')
+     * 'el'	:	Array of elements:
+     * DB: keys = '[tablename]|[uid]'	eg. 'tt_content:123'
+     * DB: values = 1 (basically insignificant)
+     * FILE: keys = '_FILE|[md5 of path]'	eg. '_FILE|9ebc7e5c74'
+     * FILE: values = The full filepath, eg. '/www/htdocs/typo3/32/dummy/fileadmin/sem1_3_examples/alternative_index.php'
+     * or 'C:/www/htdocs/typo3/32/dummy/fileadmin/sem1_3_examples/alternative_index.php'
+     *
+     * 'current' pointer to current tab (among the above...)
+     *
+     * The virtual tablename '_FILE' will always indicate files/folders. When checking for elements from eg. 'all tables'
+     * (by using an empty string) '_FILE' entries are excluded (so in effect only DB elements are counted)
+     */
+    public array $clipData = [];
+
+    public bool $changed = false;
+
+    public string $current = '';
+
+    public bool $lockToNormal = false;
+
+    public int $numberOfPads = 3;
+
+    protected ?ServerRequestInterface $request = null;
+
+    public function __construct(
+        protected readonly IconFactory $iconFactory,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly ResourceFactory $resourceFactory,
+        protected readonly TcaSchemaFactory $tcaSchemaFactory,
+    ) {}
+
+    /*****************************************
+     *
+     * Initialize
+     *
+     ****************************************/
+    /**
+     * Initialize the clipboard from the be_user session
+     */
+    public function initializeClipboard(?ServerRequestInterface $request = null): void
+    {
+        // Initialize the request
+        // @todo: Clipboard does two things: It is a repository to find out which records
+        //        are in the clipboard, and it is a class to help with rendering the
+        //        clipboard. $request is optional and only used in rendering.
+        //        It would be better to split these two aspects into single classes.
+        $this->request = $request ?? $GLOBALS['TYPO3_REQUEST'] ?? null;
+
+        $userTsConfig = $this->getBackendUser()->getTSConfig();
+        // Get data
+        $clipData = $this->getBackendUser()->getModuleData('clipboard', !empty($userTsConfig['options.']['saveClipboard']) ? '' : 'ses') ?: [];
+        $clipData += ['normal' => []];
+        $this->numberOfPads = MathUtility::forceIntegerInRange((int)($userTsConfig['options.']['clipboardNumberPads'] ?? 3), 0, 20);
+        // Resets/reinstates the clipboard pads
+        $this->clipData['normal'] = is_array($clipData['normal']) ? $clipData['normal'] : [];
+        for ($a = 1; $a <= $this->numberOfPads; $a++) {
+            $index = 'tab_' . $a;
+            $this->clipData[$index] = is_iterable($clipData[$index] ?? null) ? $clipData[$index] : [];
+        }
+        // Setting the current pad pointer ($this->current))
+        $current = (string)($clipData['current'] ?? '');
+        $this->current = isset($this->clipData[$current]) ? $current : 'normal';
+        $this->clipData['current'] = $this->current;
+    }
+
+    /**
+     * Call this method after initialization if you want to lock the clipboard to operate on the normal pad only.
+     * Trying to switch pad through ->setCmd will not work.
+     * This is used by the clickmenu since it only allows operation on single elements at a time (that is the "normal" pad)
+     */
+    public function lockToNormal(): void
+    {
+        $this->lockToNormal = true;
+        $this->current = 'normal';
+    }
+
+    /**
+     * The array $cmd may hold various keys which notes some action to take.
+     * Normally perform only one action at a time.
+     * In scripts like db_list.php / filelist/mod1/index.php the GET-var CB is used to control the clipboard.
+     *
+     * Selecting / Deselecting elements
+     * Array $cmd['el'] has keys = element-ident, value = element value (see description of clipData array in header)
+     * Selecting elements for 'copy' should be done by simultaneously setting setCopyMode.
+     *
+     * @param array $cmd Array of actions, see function description
+     */
+    public function setCmd(array $cmd): void
+    {
+        $cmd['el'] ??= [];
+        $cmd['el'] = is_iterable($cmd['el']) ? $cmd['el'] : [];
+        foreach ($cmd['el'] as $key => $value) {
+            if ($this->current === 'normal') {
+                unset($this->clipData['normal']);
+            }
+            if ($value) {
+                $this->clipData[$this->current]['el'][$key] = $value;
+            } else {
+                $this->removeElement((string)$key);
+            }
+            $this->changed = true;
+        }
+        // Change clipboard pad (if not locked to normal)
+        if ($cmd['setP'] ?? false) {
+            $this->setCurrentPad((string)$cmd['setP']);
+        }
+        // Remove element	(value = item ident: DB; '[tablename]|[uid]'    FILE: '_FILE|[md5 hash of path]'
+        if ($cmd['remove'] ?? false) {
+            $this->removeElement((string)$cmd['remove']);
+            $this->changed = true;
+        }
+        // Remove all on current pad (value = pad-ident)
+        if ($cmd['removeAll'] ?? false) {
+            $this->clipData[$cmd['removeAll']] = [];
+            $this->changed = true;
+        }
+        // Set copy mode of the tab
+        if (isset($cmd['setCopyMode'])) {
+            $this->clipData[$this->current]['mode'] = $cmd['setCopyMode'] ? 'copy' : '';
+            $this->changed = true;
+        }
+    }
+
+    /**
+     * Setting the current pad on clipboard
+     *
+     * @param string $padIdentifier Key in the array $this->clipData
+     */
+    public function setCurrentPad(string $padIdentifier): void
+    {
+        // Change clipboard pad (if not locked to normal)
+        if (!$this->lockToNormal && $this->current !== $padIdentifier) {
+            if (isset($this->clipData[$padIdentifier])) {
+                $this->clipData['current'] = ($this->current = $padIdentifier);
+            }
+            if ($this->current !== 'normal' || !$this->isElements()) {
+                $this->clipData[$this->current]['mode'] = '';
+            }
+            // Setting mode to default (move) if no items on it or if not 'normal'
+            $this->changed = true;
+        }
+    }
+
+    /**
+     * Call this after initialization and setCmd in order to save the clipboard to the user session.
+     * The function will check if the internal flag ->changed has been set and if so, save the clipboard. Else not.
+     */
+    public function endClipboard(): void
+    {
+        if ($this->changed) {
+            $this->saveClipboard();
+        }
+        $this->changed = false;
+    }
+
+    /**
+     * Cleans up an incoming element array $CBarr (Array selecting/deselecting elements)
+     *
+     * @param array $CBarr Element array from outside ("key" => "selected/deselected")
+     * @param string $table The 'table which is allowed'. Must be set.
+     * @param bool $removeDeselected Can be set in order to remove entries which are marked for deselection.
+     * @return array Processed input $CBarr
+     */
+    public function cleanUpCBC(array $CBarr, string $table, bool $removeDeselected = false): array
+    {
+        foreach ($CBarr as $reference => $value) {
+            [$referenceTable] = explode('|', $reference, 2);
+            if ($referenceTable !== $table || ($removeDeselected && !$value)) {
+                unset($CBarr[$reference]);
+            }
+        }
+        return $CBarr;
+    }
+
+    public function getClipboardData(string $table = ''): array
+    {
+        $lang = $this->getLanguageService();
+
+        $clipboardData = [
+            'current' => $this->current,
+            'copyMode' => $this->currentMode(),
+            'elementCount' => count($this->elFromTable($table)),
+        ];
+
+        // Initialize tabs by adding the "normal" tab
+        $tabs = [
+            [
+                'identifier' => 'normal',
+                'info' => $this->getTabInfo('normal', $table),
+                'title' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.normal'),
+                'description' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.normal-description'),
+                'items' => $this->current === 'normal' ? $this->getTabItems('normal', $table) : [],
+            ],
+        ];
+        // Add numeric tabs
+        for ($a = 1; $a <= $this->numberOfPads; $a++) {
+            $tabs[] = [
+                'identifier' => 'tab_' . $a,
+                'info' => $this->getTabInfo('tab_' . $a, $table),
+                'title' => sprintf($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.cliptabs-name'), (string)$a),
+                'description' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.cliptabs-description'),
+                'items' => $this->current === 'tab_' . $a ? $this->getTabItems('tab_' . $a, $table) : [],
+            ];
+        }
+        // Add tabs to clipboard Data
+        $clipboardData['tabs'] = $tabs;
+
+        return $clipboardData;
+    }
+
+    /**
+     * Get the items for the given pad identifier
+     *
+     * @param string $padIdentifier Pad reference
+     * @return array The tab items
+     */
+    protected function getTabItems(string $padIdentifier, string $currentTable): array
+    {
+        if (!is_array($this->clipData[$padIdentifier]['el'] ?? false)) {
+            return [];
+        }
+
+        $records = [];
+        foreach ($this->clipData[$padIdentifier]['el'] as $reference => $value) {
+            if (!$value) {
+                // Skip element if empty value
+                continue;
+            }
+            [$table, $uid] = explode('|', $reference);
+            // Rendering files/directories on the clipboard
+            if ($table === '_FILE') {
+                $fileObject = $this->resourceFactory->retrieveFileOrFolderObject($value);
+                if ($fileObject) {
+                    $thumb = '';
+                    $folder = $fileObject instanceof Folder;
+                    $size = $folder ? '' : '(' . GeneralUtility::formatSize((int)$fileObject->getSize()) . 'bytes)';
+                    /** @var File $fileObject */
+                    if (!$folder && ($fileObject->isImage() || $fileObject->isMediaFile())) {
+                        $processedFile = $fileObject->process(
+                            ProcessedFile::CONTEXT_IMAGECROPSCALEMASK,
+                            [
+                                'maxWidth' => 64,
+                                'maxHeight' => 64,
+                            ]
+                        );
+                        $thumb = '<img src="' . htmlspecialchars($processedFile->getPublicUrl() ?? '') . '" '
+                            . 'width="' . htmlspecialchars((string)$processedFile->getProperty('width')) . '" '
+                            . 'height="' . htmlspecialchars((string)$processedFile->getProperty('height')) . '" '
+                            . 'title="' . htmlspecialchars($processedFile->getName()) . '" alt="" loading="lazy" />';
+                    }
+                    $linkItemText = BackendUtility::cropToTitleLength($fileObject->getName());
+                    $combinedIdentifier = $fileObject->getParentFolder()->getCombinedIdentifier();
+                    $filesRequested = $currentTable === '_FILE';
+                    $records[] = [
+                        'identifier' => '_FILE|' . md5($value),
+                        'icon' => $this->iconFactory
+                            ->getIconForResource($fileObject, IconSize::SMALL)
+                            ->setTitle($fileObject->getName() . ' ' . $size)
+                            ->render(),
+                        'title' => $this->linkItemText(htmlspecialchars($linkItemText), $combinedIdentifier, $filesRequested),
+                        'thumb' => $thumb,
+                        'infoDataDispatch' => [
+                            'action' => 'TYPO3.InfoWindow.showItem',
+                            'args' => GeneralUtility::jsonEncodeForHtmlAttribute([$table, $value], false),
+                        ],
+                    ];
+                } else {
+                    // If the file did not exist (or is illegal) then it is removed from the clipboard immediately:
+                    unset($this->clipData[$padIdentifier]['el'][$reference]);
+                    $this->changed = true;
+                }
+            } else {
+                // Rendering records:
+                $record = BackendUtility::getRecordWSOL($table, (int)$uid);
+                if (is_array($record)) {
+                    $isRequestedTable = $currentTable !== '_FILE';
+                    $records[] = [
+                        'identifier' => $table . '|' . $uid,
+                        'icon' => $this->iconFactory->getIconForRecord($table, $record, IconSize::SMALL)->render(),
+                        'title' => $this->linkItemText(htmlspecialchars(BackendUtility::cropToTitleLength(BackendUtility::getRecordTitle(
+                            $table,
+                            $record
+                        ))), $record, $isRequestedTable),
+                        'infoDataDispatch' => [
+                            'action' => 'TYPO3.InfoWindow.showItem',
+                            'args' => GeneralUtility::jsonEncodeForHtmlAttribute([$table, (int)$uid], false),
+                        ],
+                    ];
+
+                    $localizationData = $this->getLocalizations($table, $record, $isRequestedTable);
+                    if (!empty($localizationData)) {
+                        $records = array_merge($records, $localizationData);
+                    }
+                } else {
+                    unset($this->clipData[$padIdentifier]['el'][$reference]);
+                    $this->changed = true;
+                }
+            }
+        }
+        $this->endClipboard();
+        return $records;
+    }
+
+    /**
+     * Returns true if the clipboard contains elements
+     */
+    public function hasElements(): bool
+    {
+        foreach ($this->clipData as $data) {
+            if (isset($data['el']) && is_array($data['el']) && !empty($data['el'])) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    /**
+     * Gets all localizations of the current record.
+     *
+     * @param string $table The table
+     * @param array $parentRecord The parent record
+     * @param bool $isRequestedTable Whether the element is from the requested table
+     * @return array HTML table rows
+     */
+    protected function getLocalizations(string $table, array $parentRecord, bool $isRequestedTable): array
+    {
+        if (!$this->tcaSchemaFactory->has($table)) {
+            return [];
+        }
+        $schema = $this->tcaSchemaFactory->get($table);
+        if (!$schema->isLanguageAware()) {
+            return [];
+        }
+
+        $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+
+        $records = [];
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable($table);
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+
+        $queryBuilder
+            ->select('*')
+            ->from($table)
+            ->where(
+                $queryBuilder->expr()->eq(
+                    $languageCapability->getTranslationOriginPointerField()->getName(),
+                    $queryBuilder->createNamedParameter((int)$parentRecord['uid'], Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->neq(
+                    $languageCapability->getLanguageField()->getName(),
+                    $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->gt(
+                    'pid',
+                    $queryBuilder->createNamedParameter(-1, Connection::PARAM_INT)
+                )
+            )
+            ->orderBy($languageCapability->getLanguageField()->getName());
+
+        foreach ($queryBuilder->executeQuery()->fetchAllAssociative() as $record) {
+            $title = htmlspecialchars(BackendUtility::cropToTitleLength(BackendUtility::getRecordTitle($table, $record)));
+            if (!$isRequestedTable) {
+                // In case the current table is not the requested table, e.g. "_FILE", wrap title in "muted" style
+                $title = '<span class="text-variant">' . $title . '</span>';
+            }
+            $records[] = [
+                'icon' => $this->iconFactory->getIconForRecord($table, $record, IconSize::SMALL)->render(),
+                'title' => $title,
+                'infoDataDispatch' => [
+                    'action' => 'TYPO3.InfoWindow.showItem',
+                    'args' => GeneralUtility::jsonEncodeForHtmlAttribute([$table, (int)$record['uid']], false),
+                ],
+            ];
+        }
+
+        return $records;
+    }
+
+    /**
+     * Additional information for the tab. This is either
+     * the current copyMode (for "normal") or the elements
+     * count, for numeric tabs. Latter will not be shown,
+     * in case no elements exist for the tab.
+     *
+     * @param string $padIdentifier Identifier for the clipboard pad
+     * @param string $table The table name to count for elements
+     */
+    protected function getTabInfo(string $padIdentifier, string $table = ''): string
+    {
+        $el = count($this->elFromTable($table, $padIdentifier));
+        if (!$el) {
+            return '';
+        }
+        $modeLabel = ($this->clipData['normal']['mode'] ?? '') === 'copy' ? $this->clipboardLabel('cm.copy') : $this->clipboardLabel('cm.cut');
+        return ' (' . ($padIdentifier === 'normal' ? $modeLabel : htmlspecialchars((string)$el)) . ')';
+    }
+
+    /**
+     * Wraps the title of the element in a link to the page/folder where they originate from.
+     * Will be wrapped into "muted" style in case the element is not from the currently requested table.
+     *
+     * @param string $itemText Title of element - must be htmlspecialchar'ed on beforehand.
+     * @param array|string $reference If array, a record is expected. If string, its the folders' combined identifier
+     * @param bool $isRequestedTable Whether the element is from the requested table
+     */
+    protected function linkItemText(string $itemText, $reference, bool $isRequestedTable): string
+    {
+        if (is_array($reference)) {
+            if ($isRequestedTable) {
+                // Wrap in link to corresponding page in recordlist in case current requested table matches
+                $itemText = '<a href="' . htmlspecialchars((string)$this->uriBuilder->buildUriFromRoute('records', ['id' => $reference['pid']])) . '">' . $itemText . '</a>';
+            } else {
+                $itemText = '<span class="text-variant">' . $itemText . '</span>';
+            }
+        } elseif (is_string($reference)) {
+            if ($isRequestedTable && ExtensionManagementUtility::isLoaded('filelist')) {
+                // Wrap in link to the files folder in case current requested table matches and filelist is loaded
+                $itemText = '<a href="' . htmlspecialchars((string)$this->uriBuilder->buildUriFromRoute('media_management', ['id' => $reference])) . '">' . $itemText . '</a>';
+            } else {
+                $itemText = '<span class="text-variant">' . $itemText . '</span>';
+            }
+        }
+        return $itemText;
+    }
+
+    /**
+     * Returns the select-url for database elements
+     *
+     * @param string $table Table name
+     * @param int $uid Uid of record
+     * @param bool $copy If set, copymode will be enabled
+     * @param bool $deselect If set, the link will deselect, otherwise select.
+     * @return string URL linking to the current script but with the CB array set to select the element with table/uid
+     */
+    public function selUrlDB(string $table, int $uid, bool $copy = false, bool $deselect = false): string
+    {
+        return $this->buildUrl(['CB' => [
+            'el' => [
+                $table . '|' . $uid => $deselect ? 0 : 1,
+            ],
+            'setCopyMode' => (int)$copy,
+        ]]);
+    }
+
+    /**
+     * Returns the select-url for files
+     *
+     * @param string $path Filepath
+     * @param bool $copy If set, copymode will be enabled
+     * @param bool $deselect If set, the link will deselect, otherwise select.
+     * @return string URL linking to the current script but with the CB array set to select the path
+     */
+    public function selUrlFile(string $path, bool $copy = false, bool $deselect = false): string
+    {
+        return $this->buildUrl(['CB' => [
+            'el' => [
+                '_FILE|' . md5($path) => $deselect ? '' : $path,
+            ],
+            'setCopyMode' => (int)$copy,
+        ]]);
+    }
+
+    /**
+     * pasteUrl of the element (database and file)
+     * For the meaning of $table and $uid, please read from ->makePasteCmdArray!!!
+     * The URL will point to tce_file or tce_db depending in $table
+     *
+     * @param string $table Tablename (_FILE for files)
+     * @param string|int $identifier "destination": can be positive or negative indicating how the paste is done
+     *                               (paste into / paste after). For files, this is the combined identifier.
+     * @param bool $setRedirect If set, then the redirect URL will point back to the current script, but with CB reset.
+     * @param array|null $update Additional key/value pairs which should get set in the moved/copied record (via DataHandler)
+     */
+    public function pasteUrl(string $table, $identifier, bool $setRedirect = true, ?array $update = null): string
+    {
+        $urlParameters = [
+            'CB' => [
+                'paste' => $table . '|' . $identifier,
+                'pad' => $this->current,
+            ],
+        ];
+        if ($setRedirect) {
+            $urlParameters['redirect'] = $this->buildUrl(['CB' => []]);
+        }
+        if (is_array($update)) {
+            $urlParameters['CB']['update'] = $update;
+        }
+        return (string)$this->uriBuilder->buildUriFromRoute($table === '_FILE' ? 'tce_file' : 'tce_db', $urlParameters);
+    }
+
+    /**
+     * Returns confirm JavaScript message
+     *
+     * @param string $table Table name
+     * @param array|string $reference For records its an array, for files its a string (path)
+     * @param string $type Type-code
+     * @return string the text for a confirm message
+     */
+    public function confirmMsgText(
+        string $table,
+        $reference,
+        string $type,
+        CountMode $countMode = CountMode::CURRENT,
+    ): string {
+        if (!$this->getBackendUser()->jsConfirmation(JsConfirmation::COPY_MOVE_PASTE)) {
+            return '';
+        }
+
+        $selectedElements = match ($countMode) {
+            CountMode::CURRENT => $this->elFromTable($table),
+            CountMode::ALL => $this->elFromTable(),
+        };
+
+        $labelKey = 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:mess.'
+            . ($this->currentMode() === 'copy' ? 'copy' : 'move')
+            . ($this->current === 'normal' ? '' : 'cb') . '_' . $type;
+        $confirmationMessage = $this->getLanguageService()->sL($labelKey);
+
+        if ($table === '_FILE' && is_string($reference)) {
+            $recordTitle = PathUtility::basename($reference);
+            if ($this->current === 'normal') {
+                $selectedItem = reset($selectedElements);
+                $selectedRecordTitle = PathUtility::basename($selectedItem);
+            } else {
+                $selectedRecordTitle = (string)count($selectedElements);
+            }
+        } else {
+            $recordTitle = $table === 'pages' && !is_array($reference)
+                ? $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename']
+                : BackendUtility::getRecordTitle($table, $reference);
+            if ($this->current === 'normal') {
+                $selectedItem = $this->getSelectedRecord();
+                $selectedRecordTitle = $selectedItem['_RECORD_TITLE'];
+            } else {
+                $selectedRecordTitle = (string)count($selectedElements);
+            }
+        }
+
+        return sprintf(
+            $confirmationMessage,
+            GeneralUtility::fixed_lgd_cs($selectedRecordTitle, 30),
+            GeneralUtility::fixed_lgd_cs($recordTitle, 30)
+        );
+    }
+
+    /**
+     * Clipboard label - getting from "EXT:core/Resources/Private/Language/locallang_core.xlf:"
+     *
+     * @param string $key Label Key
+     * @return string htmspecialchared' label
+     */
+    protected function clipboardLabel(string $key): string
+    {
+        return htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:' . $key));
+    }
+
+    /*****************************************
+     *
+     * Helper functions
+     *
+     ****************************************/
+    /**
+     * Removes element on clipboard
+     *
+     * @param string $elementKey Key of element in ->clipData array
+     */
+    public function removeElement(string $elementKey): void
+    {
+        unset($this->clipData[$this->current]['el'][$elementKey]);
+        $this->changed = true;
+    }
+
+    /**
+     * Saves the clipboard, no questions asked.
+     * Use ->endClipboard normally (as it checks if changes has been done so saving is necessary)
+     */
+    protected function saveClipboard(): void
+    {
+        $this->getBackendUser()->pushModuleData('clipboard', $this->clipData);
+    }
+
+    /**
+     * Returns the current mode, 'copy' or 'cut'
+     *
+     * @return string "copy" or "cut
+     */
+    public function currentMode(): string
+    {
+        return ($this->clipData[$this->current]['mode'] ?? '') === 'copy' ? 'copy' : 'cut';
+    }
+
+    /**
+     * This traverses the elements on the current clipboard pane
+     * and unsets elements which does not exist anymore or are disabled.
+     */
+    public function cleanCurrent(): void
+    {
+        if (!is_array($this->clipData[$this->current]['el'] ?? false)) {
+            return;
+        }
+
+        foreach ($this->clipData[$this->current]['el'] as $reference => $value) {
+            [$table, $uid] = explode('|', $reference);
+            $unset = false;
+
+            if (!$value) {
+                $unset = true;
+            } elseif ($table === '_FILE') {
+                try {
+                    $fileOrFolder = $this->resourceFactory->retrieveFileOrFolderObject($value);
+
+                    if (($fileOrFolder instanceof File || $fileOrFolder instanceof Folder)
+                        && !$fileOrFolder->checkActionPermission('read')
+                    ) {
+                        $unset = true;
+                    }
+                } catch (InsufficientFolderAccessPermissionsException|ResourceDoesNotExistException) {
+                    // If either the file has been deleted in the meantime or the user lacks permissions
+                    // for the folder, we just remove the clipboard entry silently
+                    $unset = true;
+                }
+            } elseif (!$this->isRecordAccessAllowed($table, (int)$uid)) {
+                $unset = true;
+            }
+
+            if ($unset) {
+                $this->removeElement($reference);
+            }
+        }
+    }
+
+    protected function isRecordAccessAllowed(string $table, int $uid): bool
+    {
+        $row = BackendUtility::getRecord($table, (int)$uid, ['uid', 'pid']);
+        if (!is_array($row)) {
+            return false;
+        }
+
+        if (!$this->getBackendUser()->check('tables_select', $table)) {
+            return false;
+        }
+
+        $schema = $this->tcaSchemaFactory->get($table);
+        $rootLevelCapability = $schema->getCapability(TcaSchemaCapability::RestrictionRootLevel);
+
+        $pid = (int)($table === 'pages' ? $row['uid'] : $row['pid']);
+        if ($pid === 0) {
+            return $this->getBackendUser()->isAdmin() || $rootLevelCapability->canAccessRecordsOnRootLevel();
+        }
+
+        $page = BackendUtility::getRecord('pages', $pid);
+        if (!is_array($page)) {
+            return false;
+        }
+
+        if (!$this->getBackendUser()->doesUserHaveAccess($page, Permission::PAGE_SHOW)) {
+            return false;
+        }
+
+        return true;
+    }
+
+    /**
+     * Counts the number of elements from the table $matchTable. If $matchTable is blank, all tables (except '_FILE' of course) is counted.
+     *
+     * @param string $matchTable Table to match/count for.
+     * @param string $padIdentifier Can optionally be used to set another pad than the current.
+     * @return array Array with keys from the CB.
+     */
+    public function elFromTable(string $matchTable = '', string $padIdentifier = ''): array
+    {
+        $padIdentifier = $padIdentifier ?: $this->current;
+
+        if (!is_array($this->clipData[$padIdentifier]['el'] ?? false)) {
+            return [];
+        }
+
+        $elements = [];
+        foreach ($this->clipData[$padIdentifier]['el'] as $reference => $value) {
+            if (!$value) {
+                continue;
+            }
+            [$table, $uid] = explode('|', $reference);
+            if ($table !== '_FILE') {
+                if ((!$matchTable || $table === $matchTable) && $this->tcaSchemaFactory->has($table)) {
+                    $elements[$reference] = $padIdentifier === 'normal' ? $value : $uid;
+                }
+            } elseif ($table === $matchTable) {
+                $elements[$reference] = $value;
+            }
+        }
+        return $elements;
+    }
+
+    /**
+     * Verifies if the item $table/$uid is on the current pad.
+     * If the pad is "normal" and the element exists, the mode value is returned.
+     * Thus you'll know if the item was copied or cut.
+     *
+     * @param string $table Table name, (_FILE for files...)
+     * @param string|int $identifier Either the records' uid or a filepath
+     * @return string If selected the current mode is returned, otherwise an empty string
+     */
+    public function isSelected(string $table, $identifier): string
+    {
+        $key = $table . '|' . $identifier;
+        $mode = $this->current === 'normal' ? $this->currentMode() : 'any';
+        return !empty($this->clipData[$this->current]['el'][$key]) ? $mode : '';
+    }
+
+    /**
+     * Returns the first element on the current clipboard
+     * Makes sense only for DB records - not files!
+     *
+     * @return array Element record with extra field _RECORD_TITLE set to the title of the record
+     */
+    public function getSelectedRecord(): array
+    {
+        $elements = $this->elFromTable();
+        reset($elements);
+        [$table, $uid] = explode('|', (string)key($elements));
+        if (!$this->isSelected($table, (int)$uid)) {
+            return [];
+        }
+        $selectedRecord = BackendUtility::getRecordWSOL($table, (int)$uid);
+        $selectedRecord['_RECORD_TITLE'] = BackendUtility::getRecordTitle($table, $selectedRecord);
+        return $selectedRecord;
+    }
+
+    /**
+     * Reports if the current pad has elements (does not check file/DB type OR if file/DBrecord exists or not. Only counting array)
+     *
+     * @return bool TRUE if elements exist.
+     */
+    protected function isElements(): bool
+    {
+        return is_array($this->clipData[$this->current]['el'] ?? null) && !empty($this->clipData[$this->current]['el']);
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    /**
+     * Builds a URL to the current module with the received
+     * parameters, merged / replaced by additional parameters.
+     */
+    protected function buildUrl(array $parameters = []): string
+    {
+        if ($this->request === null) {
+            throw new \RuntimeException(
+                'Request object must be set to generate clipboard URL\'s',
+                1633604720
+            );
+        }
+        return (string)$this->uriBuilder->buildUriFromRequest(
+            $this->request,
+            array_replace($this->request->getQueryParams(), $parameters)
+        );
+    }
+}
diff --git a/Classes/Clipboard/Type/CountMode.php b/Classes/Clipboard/Type/CountMode.php
new file mode 100644
index 0000000..0d10295
--- /dev/null
+++ b/Classes/Clipboard/Type/CountMode.php
@@ -0,0 +1,29 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Clipboard\Type;
+
+/**
+ * Count modes for the clipboard
+ *
+ * @internal This class is a specific Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+enum CountMode
+{
+    case CURRENT;
+    case ALL;
+}
diff --git a/Classes/CodeEditor/Addon.php b/Classes/CodeEditor/Addon.php
new file mode 100644
index 0000000..87b3a07
--- /dev/null
+++ b/Classes/CodeEditor/Addon.php
@@ -0,0 +1,97 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\CodeEditor;
+
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+
+/**
+ * Represents an addon for CodeMirror
+ * @internal
+ */
+class Addon
+{
+    protected string $identifier;
+
+    protected ?JavaScriptModuleInstruction $module = null;
+
+    protected ?JavaScriptModuleInstruction $keymap = null;
+
+    /**
+     * @var array
+     */
+    protected $modes = [];
+
+    /**
+     * @var array
+     */
+    protected $options = [];
+
+    /**
+     * @var array
+     */
+    protected $cssFiles = [];
+
+    public function __construct(
+        string $identifier,
+        ?JavaScriptModuleInstruction $module = null,
+        ?JavaScriptModuleInstruction $keymap = null
+    ) {
+        $this->identifier = $identifier;
+        $this->module = $module;
+        $this->keymap = $keymap;
+    }
+
+    public function getIdentifier(): string
+    {
+        return $this->identifier;
+    }
+
+    public function getModule(): ?JavaScriptModuleInstruction
+    {
+        return $this->module;
+    }
+
+    public function getKeymap(): ?JavaScriptModuleInstruction
+    {
+        return $this->keymap;
+    }
+
+    public function setOptions(array $options): Addon
+    {
+        $this->options = $options;
+
+        return $this;
+    }
+
+    public function getOptions(): array
+    {
+        return $this->options;
+    }
+
+    public function setCssFiles(array $cssFiles): Addon
+    {
+        $this->cssFiles = $cssFiles;
+
+        return $this;
+    }
+
+    public function getCssFiles(): array
+    {
+        return $this->cssFiles;
+    }
+}
diff --git a/Classes/CodeEditor/CodeEditor.php b/Classes/CodeEditor/CodeEditor.php
new file mode 100644
index 0000000..aa2486d
--- /dev/null
+++ b/Classes/CodeEditor/CodeEditor.php
@@ -0,0 +1,146 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\CodeEditor;
+
+use TYPO3\CMS\Backend\CodeEditor\Registry\AddonRegistry;
+use TYPO3\CMS\Backend\CodeEditor\Registry\ModeRegistry;
+use TYPO3\CMS\Core\Cache\CacheManager;
+use TYPO3\CMS\Core\Cache\Frontend\FrontendInterface;
+use TYPO3\CMS\Core\Package\Cache\PackageDependentCacheIdentifier;
+use TYPO3\CMS\Core\Package\PackageManager;
+use TYPO3\CMS\Core\SingletonInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Provides necessary code to set up a code editor instance in FormEngine
+ * @internal
+ * @todo: refactor to use DI
+ */
+class CodeEditor implements SingletonInterface
+{
+    protected ?array $configuration = null;
+
+    /**
+     * Registers the configuration and bootstraps the modes / addons.
+     *
+     * @throws \InvalidArgumentException
+     */
+    public function registerConfiguration(): void
+    {
+        $configuration = $this->buildConfiguration();
+
+        if (isset($configuration['modes'])) {
+            $modeRegistry = GeneralUtility::makeInstance(ModeRegistry::class);
+            foreach ($configuration['modes'] as $formatCode => $mode) {
+                $modeInstance = GeneralUtility::makeInstance(Mode::class, $mode['module'])->setFormatCode($formatCode);
+
+                if (!empty($mode['extensions']) && is_array($mode['extensions'])) {
+                    $modeInstance->bindToFileExtensions($mode['extensions']);
+                }
+
+                if (isset($mode['default']) && $mode['default'] === true) {
+                    $modeInstance->setAsDefault();
+                }
+
+                $modeRegistry->register($modeInstance);
+            }
+        }
+
+        $addonRegistry = GeneralUtility::makeInstance(AddonRegistry::class);
+        if (isset($configuration['addons'])) {
+            foreach ($configuration['addons'] as $identifier => $addon) {
+                $addonInstance = GeneralUtility::makeInstance(Addon::class, $identifier, $addon['module'] ?? null, $addon['keymap'] ?? null);
+
+                if (!empty($addon['cssFiles']) && is_array($addon['cssFiles'])) {
+                    $addonInstance->setCssFiles($addon['cssFiles']);
+                }
+
+                if (!empty($addon['options']) && is_array($addon['options'])) {
+                    $addonInstance->setOptions($addon['options']);
+                }
+
+                $addonRegistry->register($addonInstance);
+            }
+        }
+    }
+
+    /**
+     * Compiles the configuration for code editor. Configuration is stored in caching framework.
+     *
+     * @throws \TYPO3\CMS\Core\Cache\Exception\NoSuchCacheException
+     * @throws \TYPO3\CMS\Core\Cache\Exception\InvalidDataException
+     * @throws \InvalidArgumentException
+     */
+    protected function buildConfiguration(): array
+    {
+        if ($this->configuration !== null) {
+            return $this->configuration;
+        }
+
+        $this->configuration = [
+            'modes' => [],
+            'addons' => [],
+        ];
+
+        $cache = $this->getCache();
+        $packageManager = GeneralUtility::makeInstance(PackageManager::class);
+        $cacheIdentifier = $this->generateCacheIdentifier($packageManager);
+        $configurationFromCache = $cache->get($cacheIdentifier);
+        if ($configurationFromCache !== false) {
+            $this->configuration = $configurationFromCache;
+        } else {
+            $packages = $packageManager->getActivePackages();
+
+            foreach ($packages as $package) {
+                $configurationPath = $package->getPackagePath() . 'Configuration/Backend/T3editor';
+                $modesFileNameForPackage = $configurationPath . '/Modes.php';
+                if (is_file($modesFileNameForPackage)) {
+                    $definedModes = require $modesFileNameForPackage;
+                    if (is_array($definedModes)) {
+                        $this->configuration['modes'] = array_merge($this->configuration['modes'], $definedModes);
+                    }
+                }
+
+                $addonsFileNameForPackage = $configurationPath . '/Addons.php';
+                if (is_file($addonsFileNameForPackage)) {
+                    $definedAddons = require $addonsFileNameForPackage;
+                    if (is_array($definedAddons)) {
+                        $this->configuration['addons'] = array_merge($this->configuration['addons'], $definedAddons);
+                    }
+                }
+            }
+            $cache->set($cacheIdentifier, $this->configuration);
+        }
+
+        return $this->configuration;
+    }
+
+    protected function generateCacheIdentifier(PackageManager $packageManager): string
+    {
+        return (new PackageDependentCacheIdentifier($packageManager))->withPrefix('T3editorConfiguration')->toString();
+    }
+
+    /**
+     * @throws \TYPO3\CMS\Core\Cache\Exception\NoSuchCacheException
+     * @throws \InvalidArgumentException
+     */
+    protected function getCache(): FrontendInterface
+    {
+        return GeneralUtility::makeInstance(CacheManager::class)->getCache('assets');
+    }
+}
diff --git a/Classes/CodeEditor/Exception/InvalidModeException.php b/Classes/CodeEditor/Exception/InvalidModeException.php
new file mode 100644
index 0000000..9435a78
--- /dev/null
+++ b/Classes/CodeEditor/Exception/InvalidModeException.php
@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\CodeEditor\Exception;
+
+use TYPO3\CMS\Core\Exception;
+
+/**
+ * Exception thrown for invalid modes
+ * @internal
+ */
+class InvalidModeException extends Exception {}
diff --git a/Classes/CodeEditor/Mode.php b/Classes/CodeEditor/Mode.php
new file mode 100644
index 0000000..a0ba4cc
--- /dev/null
+++ b/Classes/CodeEditor/Mode.php
@@ -0,0 +1,90 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\CodeEditor;
+
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+
+/**
+ * Represents a mode for CodeMirror
+ * @internal
+ */
+class Mode
+{
+    protected JavaScriptModuleInstruction $module;
+
+    /**
+     * @var string
+     */
+    protected $formatCode = '';
+
+    /**
+     * @var array
+     */
+    protected $fileExtensions = [];
+
+    /**
+     * @var bool
+     */
+    protected $isDefault = false;
+
+    public function __construct(JavaScriptModuleInstruction $module)
+    {
+        $this->module = $module;
+    }
+
+    public function getModule(): JavaScriptModuleInstruction
+    {
+        return $this->module;
+    }
+
+    public function getFormatCode(): string
+    {
+        return $this->formatCode;
+    }
+
+    public function setFormatCode(string $formatCode): Mode
+    {
+        $this->formatCode = $formatCode;
+
+        return $this;
+    }
+
+    public function bindToFileExtensions(array $fileExtensions): Mode
+    {
+        $this->fileExtensions = $fileExtensions;
+
+        return $this;
+    }
+
+    public function getBoundFileExtensions(): array
+    {
+        return $this->fileExtensions;
+    }
+
+    public function setAsDefault(): Mode
+    {
+        $this->isDefault = true;
+
+        return $this;
+    }
+
+    public function isDefault(): bool
+    {
+        return $this->isDefault;
+    }
+}
diff --git a/Classes/CodeEditor/Registry/AddonRegistry.php b/Classes/CodeEditor/Registry/AddonRegistry.php
new file mode 100644
index 0000000..f4f8972
--- /dev/null
+++ b/Classes/CodeEditor/Registry/AddonRegistry.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\CodeEditor\Registry;
+
+use TYPO3\CMS\Backend\CodeEditor\Addon;
+use TYPO3\CMS\Core\SingletonInterface;
+
+/**
+ * Registers and holds code editor modes
+ * @internal
+ */
+class AddonRegistry implements SingletonInterface
+{
+    /**
+     * @var Addon[]
+     */
+    protected $registeredAddons = [];
+
+    /**
+     * Registers addons for global use in code editor
+     */
+    public function register(Addon $addon): AddonRegistry
+    {
+        $this->registeredAddons[] = $addon;
+
+        return $this;
+    }
+
+    public function getAddons(): array
+    {
+        return $this->registeredAddons;
+    }
+
+    /**
+     * @param Addon[] $addons
+     */
+    public function compileSettings(array $addons): array
+    {
+        $settings = [];
+        foreach ($addons as $addon) {
+            $settings = array_merge($settings, $addon->getOptions());
+        }
+
+        return $settings;
+    }
+}
diff --git a/Classes/CodeEditor/Registry/ModeRegistry.php b/Classes/CodeEditor/Registry/ModeRegistry.php
new file mode 100644
index 0000000..0366fea
--- /dev/null
+++ b/Classes/CodeEditor/Registry/ModeRegistry.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\CodeEditor\Registry;
+
+use TYPO3\CMS\Backend\CodeEditor\Exception\InvalidModeException;
+use TYPO3\CMS\Backend\CodeEditor\Mode;
+use TYPO3\CMS\Core\SingletonInterface;
+
+/**
+ * Registers and holds code editor modes
+ * @internal
+ */
+class ModeRegistry implements SingletonInterface
+{
+    /**
+     * @var Mode[]
+     */
+    protected array $registeredModes = [];
+
+    protected Mode $defaultMode;
+
+    /**
+     * Registers modes for code editor
+     */
+    public function register(Mode $mode): ModeRegistry
+    {
+        $this->registeredModes[$mode->getFormatCode()] = $mode;
+        if ($mode->isDefault()) {
+            $this->defaultMode = $mode;
+        }
+
+        return $this;
+    }
+
+    /**
+     * Removes registered modes
+     */
+    public function unregister(string $formatCode): ModeRegistry
+    {
+        if (isset($this->registeredModes[$formatCode])) {
+            unset($this->registeredModes[$formatCode]);
+        }
+
+        return $this;
+    }
+
+    public function isRegistered(string $formatCode): bool
+    {
+        return isset($this->registeredModes[$formatCode]);
+    }
+
+    /**
+     * @throws InvalidModeException
+     */
+    public function getByFormatCode(string $formatCode): Mode
+    {
+        foreach ($this->registeredModes as $mode) {
+            if ($mode->getFormatCode() === $formatCode) {
+                return $mode;
+            }
+        }
+
+        throw new InvalidModeException('Tried to get unregistered code editor mode by format code "' . $formatCode . '"', 1499710203);
+    }
+
+    /**
+     * @throws InvalidModeException
+     */
+    public function getByFileExtension(string $fileExtension): Mode
+    {
+        foreach ($this->registeredModes as $mode) {
+            if (in_array($fileExtension, $mode->getBoundFileExtensions(), true)) {
+                return $mode;
+            }
+        }
+
+        throw new InvalidModeException('Cannot find a registered mode for requested file extension "' . $fileExtension . '"', 1500306488);
+    }
+
+    public function getDefaultMode(): Mode
+    {
+        return $this->defaultMode;
+    }
+}
diff --git a/Classes/Command/CreateBackendUserCommand.php b/Classes/Command/CreateBackendUserCommand.php
new file mode 100644
index 0000000..7cfac79
--- /dev/null
+++ b/Classes/Command/CreateBackendUserCommand.php
@@ -0,0 +1,417 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Command;
+
+use Symfony\Component\Console\Attribute\AsCommand;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Helper\QuestionHelper;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Input\InputOption;
+use Symfony\Component\Console\Output\OutputInterface;
+use Symfony\Component\Console\Question\ChoiceQuestion;
+use Symfony\Component\Console\Question\ConfirmationQuestion;
+use Symfony\Component\Console\Question\Question;
+use TYPO3\CMS\Core\Attribute\AsNonSchedulableCommand;
+
+use TYPO3\CMS\Core\Configuration\ConfigurationManager;
+use TYPO3\CMS\Core\Core\Bootstrap;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Localization\LanguageServiceFactory;
+use TYPO3\CMS\Core\Localization\Locales;
+use TYPO3\CMS\Core\PasswordPolicy\PasswordPolicyAction;
+use TYPO3\CMS\Core\PasswordPolicy\PasswordPolicyValidator;
+use TYPO3\CMS\Core\PasswordPolicy\Validator\Dto\ContextData;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Create a new backend user
+ */
+#[AsCommand('backend:user:create', 'Create a backend user.')]
+#[AsNonSchedulableCommand]
+class CreateBackendUserCommand extends Command
+{
+    public function __construct(
+        private readonly ConnectionPool $connectionPool,
+        private readonly ConfigurationManager $configurationManager,
+        private readonly LanguageServiceFactory $languageServiceFactory,
+        private readonly Locales $locales,
+    ) {
+        parent::__construct();
+    }
+
+    protected function configure(): void
+    {
+        $this
+            ->addOption(
+                'username',
+                'u',
+                InputOption::VALUE_REQUIRED,
+                'The username of the backend user',
+            )->addOption(
+                'password',
+                'p',
+                InputOption::VALUE_REQUIRED,
+                'The password of the backend user. See security note below.',
+            )->addOption(
+                'email',
+                'e',
+                InputOption::VALUE_REQUIRED,
+                'The email address of the backend user',
+                '',
+            )
+            ->addOption(
+                'groups',
+                'g',
+                InputOption::VALUE_REQUIRED,
+                'Assign given groups to the user'
+            )
+            ->addOption(
+                'language',
+                'l',
+                InputOption::VALUE_REQUIRED,
+                'The language for the user interface'
+            )
+            ->addOption(
+                'admin',
+                'a',
+                InputOption::VALUE_NONE,
+                'Create user with admin privileges'
+            )->addOption(
+                'maintainer',
+                'm',
+                InputOption::VALUE_NONE,
+                'Create user with maintainer privileges',
+            )->setHelp(
+                <<<EOT
+
+<fg=green>Create a backend user using environment variables</>
+
+Example:
+-------------------------------------------------
+TYPO3_BE_USER_NAME=username \
+TYPO3_BE_USER_EMAIL=admin@example.com \
+TYPO3_BE_USER_GROUPS=<comma-separated-list-of-group-ids> \
+TYPO3_BE_USER_LANGUAGE=de \
+TYPO3_BE_USER_ADMIN=0 \
+TYPO3_BE_USER_MAINTAINER=0 \
+./bin/typo3 backend:user:create --no-interaction
+-------------------------------------------------
+<fg=yellow>
+Variable "TYPO3_BE_USER_PASSWORD" and options "-p" or "--password" can be
+used to provide a password. Using this can be a security risk since the password
+may end up in shell history files. Prefer the interactive mode. Additionally,
+writing a command to shell history can be suppressed by prefixing the command
+with a space when using `bash` or `zsh`.
+</>
+EOT
+            );
+    }
+
+    protected function execute(InputInterface $input, OutputInterface $output): int
+    {
+        $input->setInteractive(!$input->getOption('no-interaction'));
+
+        /** @var QuestionHelper $questionHelper */
+        $questionHelper = $this->getHelper('question');
+        $username = $this->getUsername($questionHelper, $input, $output);
+        $password = $this->getPassword($questionHelper, $input, $output);
+        $email = $this->getEmail($questionHelper, $input, $output) ?: '';
+        $maintainer = $this->getMaintainer($questionHelper, $input, $output);
+        $language = $this->getLanguage($questionHelper, $input, $output) ?: 'en';
+
+        // If the user is 'maintainer' it is also required to set the 'admin' flag.
+        if ($maintainer) {
+            $admin = true;
+        } else {
+            $admin = $this->getAdmin($questionHelper, $input, $output);
+        }
+
+        // If 'admin' flag was set, this prompt is skipped.
+        // Because this user does already have access to the entire system.
+        if ($admin) {
+            $groups = [];
+        } else {
+            $groups = $this->getGroups($questionHelper, $input, $output);
+        }
+
+        $this->createUser($username, $password, $email, $admin, $maintainer, $groups, $language);
+
+        return Command::SUCCESS;
+    }
+
+    private function getUsername(QuestionHelper $questionHelper, InputInterface $input, OutputInterface $output): string
+    {
+        // Taking deleted users into account as we want the username to be unique.
+        // So in case a user was deleted and will be restored, this could cause duplicated usernames.
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('be_users');
+        $queryBuilder->getRestrictions()->removeAll();
+        $usernames = $queryBuilder
+            ->select('username')
+            ->from('be_users')
+            ->executeQuery()
+            ->fetchFirstColumn();
+
+        $usernameValidator = static function ($username) use ($usernames) {
+            if (empty($username)) {
+                throw new \RuntimeException(
+                    'Backend username must not be empty.',
+                    1669822315,
+                );
+            }
+
+            if (in_array($username, $usernames, true)) {
+                throw new \RuntimeException(
+                    'The username "' . $username . '" is already taken. Please use another username.',
+                    1670797516,
+                );
+            }
+
+            return $username;
+        };
+
+        $usernameFromCli = $this->getFallbackValueEnvOrOption($input, 'username', 'TYPO3_BE_USER_NAME');
+        if ($usernameFromCli === false && $input->isInteractive()) {
+            $questionUsername = new Question('Enter the backend username of the new account: ');
+            $questionUsername->setValidator($usernameValidator);
+
+            return $questionHelper->ask($input, $output, $questionUsername);
+        }
+
+        return $usernameValidator($usernameFromCli);
+    }
+
+    private function getPassword(QuestionHelper $questionHelper, InputInterface $input, OutputInterface $output): string
+    {
+        $passwordValidator = function ($password) {
+            $passwordValidationErrors = $this->getBackendUserPasswordValidationErrors((string)$password);
+            if (!empty($passwordValidationErrors)) {
+                throw new \RuntimeException(
+                    'The given password is not secure enough!' . PHP_EOL
+                    . ' * ' . implode(PHP_EOL . ' * ', $passwordValidationErrors),
+                    1670267532,
+                );
+            }
+
+            return $password;
+        };
+
+        $passwordFromCli = $this->getFallbackValueEnvOrOption($input, 'password', 'TYPO3_BE_USER_PASSWORD');
+
+        // Force this question if no password set via cli.
+        // Thus, the user will always be prompted for a password even --no-interaction is set.
+        $currentlyInteractive = $input->isInteractive();
+        $input->setInteractive(true);
+        if ($passwordFromCli === false) {
+            $questionPassword = new Question('Enter a password for the backend user: ');
+            $questionPassword->setHidden(true);
+            $questionPassword->setHiddenFallback(false);
+            $questionPassword->setValidator($passwordValidator);
+
+            return $questionHelper->ask($input, $output, $questionPassword);
+        }
+        $input->setInteractive($currentlyInteractive);
+
+        return $passwordValidator($passwordFromCli);
+    }
+
+    private function getEmail(QuestionHelper $questionHelper, InputInterface $input, OutputInterface $output): string
+    {
+        $emailValidator = static function ($email) {
+            if (!empty($email) && !GeneralUtility::validEmail($email)) {
+                throw new \RuntimeException(
+                    'The given email is not valid! Please try again.',
+                    1669813635,
+                );
+            }
+
+            return $email;
+        };
+
+        $emailFromCli = $this->getFallbackValueEnvOrOption($input, 'email', 'TYPO3_BE_USER_EMAIL');
+        if ($emailFromCli === false && $input->isInteractive()) {
+            $questionEmail = new Question('Enter the email for the backend user: ', '');
+            $questionEmail->setValidator($emailValidator);
+
+            return $questionHelper->ask($input, $output, $questionEmail);
+        }
+
+        return (string)$emailValidator($emailFromCli);
+    }
+
+    private function getGroups(QuestionHelper $questionHelper, InputInterface $input, OutputInterface $output): array
+    {
+        $queryBuilder = $this->connectionPool->getConnectionForTable('be_groups');
+        $groupsList = $queryBuilder->select(['uid', 'title'], 'be_groups')->fetchAllAssociative();
+
+        $groupChoices = [];
+        foreach ($groupsList as $group) {
+            $groupChoices[$group['uid']] = $group['title'];
+        }
+
+        $groupValidator = static function ($groupList) use ($groupChoices) {
+            $groups = GeneralUtility::intExplode(',', $groupList ?: '');
+            foreach ($groups as $group) {
+                if (!empty($group) && !isset($groupChoices[$group])) {
+                    throw new \RuntimeException(
+                        'The given group uid "' . $group . '"  does not exist.',
+                        1670812929,
+                    );
+                }
+            }
+
+            return $groups;
+        };
+
+        $groupsFromCli = $this->getFallbackValueEnvOrOption($input, 'groups', 'TYPO3_BE_USER_GROUPS');
+        if ($groupsFromCli === false && $input->isInteractive()) {
+            if (empty($groupChoices)) {
+                return [];
+            }
+
+            $questionGroups = new ChoiceQuestion('Select groups the newly created backend user should be assigned to (use comma-separated list for multiple groups): ', $groupChoices);
+            $questionGroups->setMultiselect(true);
+            $questionGroups->setValidator($groupValidator);
+            // Ensure keys are selected and not the values
+            $questionGroups->setAutocompleterValues(array_keys($groupChoices));
+            return $questionHelper->ask($input, $output, $questionGroups);
+        }
+
+        return $groupValidator($groupsFromCli);
+    }
+
+    private function getMaintainer(QuestionHelper $questionHelper, InputInterface $input, OutputInterface $output): bool
+    {
+        $maintainerFromCli = $this->getFallbackValueEnvOrOption($input, 'maintainer', 'TYPO3_BE_USER_MAINTAINER');
+        if ($maintainerFromCli === false && $input->isInteractive()) {
+            $questionMaintainer = new ConfirmationQuestion('Create user with maintainer privileges [y/n default: n] ? ', false);
+            return (bool)$questionHelper->ask($input, $output, $questionMaintainer);
+        }
+
+        return (bool)$maintainerFromCli;
+    }
+
+    private function getAdmin(QuestionHelper $questionHelper, InputInterface $input, OutputInterface $output): bool
+    {
+        $adminFromCli = $this->getFallbackValueEnvOrOption($input, 'admin', 'TYPO3_BE_USER_ADMIN');
+        if ($adminFromCli === false && $input->isInteractive()) {
+            $questionAdmin = new ConfirmationQuestion('Create user with admin privileges [y/n default: n] ? ', false);
+            return (bool)$questionHelper->ask($input, $output, $questionAdmin);
+        }
+
+        return (bool)$adminFromCli;
+    }
+
+    private function getLanguage(QuestionHelper $questionHelper, InputInterface $input, OutputInterface $output): string
+    {
+        $languagesList = $this->locales->getLanguages();
+
+        $languageValidator = static function ($language) use ($languagesList) {
+            if (!empty($language) && !isset($languagesList[$language])) {
+                throw new \RuntimeException(
+                    'The given language "' . $language . '"  is not supported.',
+                    1769429507
+                );
+            }
+
+            return $language;
+        };
+
+        $languageFromCli = $this->getFallbackValueEnvOrOption($input, 'language', 'TYPO3_BE_USER_LANGUAGE');
+        if ($languageFromCli === false && $input->isInteractive()) {
+            $questionLanguage = new Question('Enter the language for the user interface [eg: de/fr/it/...]: ', '');
+            $questionLanguage->setValidator($languageValidator);
+            $questionLanguage->setAutocompleterValues(array_keys($languagesList));
+
+            return $questionHelper->ask($input, $output, $questionLanguage);
+        }
+
+        return (string)$languageValidator($languageFromCli);
+    }
+
+    /**
+     * Get a value from
+     * 1. environment variable
+     * 2. cli option
+     */
+    private function getFallbackValueEnvOrOption(InputInterface $input, string $option, string $envVar): string|bool
+    {
+        $optionShortcut = $this->getDefinition()->getOption($option)->getShortcut();
+        $parameterOptions = ['--' . $option];
+        if ($optionShortcut !== null) {
+            $parameterOptions[] = '-' . $optionShortcut;
+        }
+        return $input->hasParameterOption($parameterOptions) ? $input->getOption($option) : getenv($envVar);
+    }
+
+    private function getBackendUserPasswordValidationErrors(string $password): array
+    {
+        $GLOBALS['LANG'] = $this->languageServiceFactory->create('en');
+        $passwordPolicy = $GLOBALS['TYPO3_CONF_VARS']['BE']['passwordPolicy'] ?? 'default';
+        $passwordPolicyValidator = new PasswordPolicyValidator(
+            PasswordPolicyAction::NEW_USER_PASSWORD,
+            is_string($passwordPolicy) ? $passwordPolicy : ''
+        );
+        $contextData = new ContextData();
+        $passwordPolicyValidator->isValidPassword($password, $contextData);
+
+        return $passwordPolicyValidator->getValidationErrors();
+    }
+
+    /**
+     * Create a backend user.
+     * similar to "\TYPO3\CMS\Install\Service\SetupService::createUser()",
+     * but accepts admin/maintainer flag and groups
+     */
+    private function createUser(string $username, string $password, string $email = '', bool $admin = false, bool $maintainer = false, array $groups = [], string $language = 'en'): void
+    {
+        // Initialize backend user authentication to ensure the new backend user can be created with proper permissions
+        Bootstrap::initializeBackendAuthentication();
+
+        $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
+        $backendUserId = StringUtility::getUniqueId('NEW');
+        $data = [
+            'be_users' => [
+                $backendUserId => [
+                    'pid' => 0,
+                    'username' => $username,
+                    'password' => $password,
+                    'email' => $email,
+                    'admin' => $admin ? 1 : 0,
+                    'usergroup' => $groups,
+                    'disable' => 0,
+                    'lang' => $language,
+                ],
+            ],
+        ];
+
+        $dataHandler->start($data, []);
+        $dataHandler->process_datamap();
+
+        $backendUserId = $dataHandler->substNEWwithIDs[$backendUserId] ?? null;
+        if ($maintainer && $backendUserId) {
+            $maintainerIds = $this->configurationManager->getConfigurationValueByPath('SYS/systemMaintainers') ?? [];
+            sort($maintainerIds);
+            $maintainerIds[] = $backendUserId;
+            $this->configurationManager->setLocalConfigurationValuesByPathValuePairs([
+                'SYS/systemMaintainers' => array_unique($maintainerIds),
+            ]);
+        }
+    }
+}
diff --git a/Classes/Command/DebugBackendModulesCommand.php b/Classes/Command/DebugBackendModulesCommand.php
new file mode 100644
index 0000000..dcd5f8f
--- /dev/null
+++ b/Classes/Command/DebugBackendModulesCommand.php
@@ -0,0 +1,214 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Command;
+
+use Psr\Container\ContainerInterface;
+use Symfony\Component\Console\Attribute\AsCommand;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Helper\Table;
+use Symfony\Component\Console\Helper\TableSeparator;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Input\InputOption;
+use Symfony\Component\Console\Output\OutputInterface;
+use Symfony\Component\Console\Style\SymfonyStyle;
+use TYPO3\CMS\Backend\Module\ModuleFactory;
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Backend\Module\ModuleRegistry;
+use TYPO3\CMS\Core\Attribute\AsNonSchedulableCommand;
+use TYPO3\CMS\Core\Core\BootService;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Localization\LanguageServiceFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Command for showing all backend modules and their associated labels
+ * @internal only for development purposes
+ */
+#[AsCommand('debug:backend:modules', 'Debugging: Show a list of the backend module tree (only for development purpose)')]
+#[AsNonSchedulableCommand]
+class DebugBackendModulesCommand extends Command
+{
+    private LanguageService $languageService;
+
+    public function __construct(
+        private readonly ContainerInterface $failsafeContainer,
+        private readonly BootService $bootService,
+        private readonly ModuleFactory $moduleFactory,
+        private readonly LanguageServiceFactory $languageServiceFactory,
+    ) {
+        $this->languageService = $GLOBALS['LANG'] = $this->languageServiceFactory->create('en');
+        // Note: We cannot directly use autowire of 'backend.modules' because that
+        // would only give us the final constructed registry, without access to data
+        // like "packageName" and "labels".
+        // @todo We should expose this data in our registry.
+        parent::__construct();
+    }
+
+    protected function configure(): void
+    {
+        $this
+            ->addOption(
+                'csv-export',
+                'x',
+                InputOption::VALUE_NONE,
+                'Dump data as CSV (instead of CLI table)'
+            )
+            ->addOption(
+                'core-only',
+                'c',
+                InputOption::VALUE_NONE,
+                'Only show core extensions'
+            );
+    }
+
+    protected function execute(InputInterface $input, OutputInterface $output): int
+    {
+        $io = new SymfonyStyle($input, $output);
+        $degraded = false;
+        try {
+            $container = $this->bootService->getContainer();
+        } catch (\Throwable $e) {
+            $container = $this->failsafeContainer;
+            $degraded = true;
+        }
+
+        $coreOnly = $input->getOption('core-only');
+
+        $title = 'Backend Modules';
+        if ($coreOnly) {
+            $title .= ' - Core';
+        }
+        if ($degraded) {
+            $title .= ' (failsafe)';
+        }
+
+        // We need this low-level access because 'packageName' and 'labels' cannot be retrieved by the Module Registry API (yet)
+        $modulesFromPackages = $container->get('backend.modules')->getArrayCopy();
+        $modulesFromPackages = $this->moduleFactory->adaptAliasMappingFromModuleConfiguration($modulesFromPackages);
+
+        $initializedModulesFromPackages = [];
+        foreach ($modulesFromPackages as $identifier => $configuration) {
+            if (!$coreOnly || str_starts_with($configuration['packageName'], 'typo3/cms-')) {
+                $initializedModulesFromPackages[$identifier] = $this->moduleFactory->createModule($identifier, $configuration);
+            }
+        }
+
+        $registry = GeneralUtility::makeInstance(ModuleRegistry::class, $initializedModulesFromPackages);
+        $modules = $registry->getModules();
+
+        $linearTree = [];
+        $headers = [
+            'Pkg',
+            'Main level',
+            'Second level',
+            'Third level',
+            'Position',
+            'Labels',
+            'Path',
+        ];
+        $this->walkTree($modules, $linearTree, $modulesFromPackages);
+
+        if ($input->getOption('csv-export')) {
+            $out = fopen('php://output', 'w');
+            $separator = ';';
+            $enclosure = '"';
+            $escape = '\\';
+            $eol = PHP_EOL;
+
+            fputcsv($out, $headers, $separator, $enclosure, $escape, $eol);
+            foreach ($linearTree as $data) {
+                if ($data instanceof TableSeparator) {
+                    $blankOutput = [];
+                    foreach ($headers as $ignored) {
+                        $blankOutput[] = '';
+                    }
+                    fputcsv($out, $blankOutput, $separator, $enclosure, $escape, $eol);
+                } else {
+                    fputcsv($out, $data, $separator, $enclosure, $escape, $eol);
+                }
+            }
+            fclose($out);
+        } else {
+            $io->title($title);
+            $table = new Table($output);
+            $table->setHeaders($headers);
+
+            foreach ($linearTree as $data) {
+                $table->addRow($data);
+            }
+            $table->render();
+        }
+
+        return Command::SUCCESS;
+    }
+
+    /**
+     * @param ModuleInterface[] $modules
+     */
+    private function walkTree(array $modules, array &$linearTree, array $modulesFromPackages, int $level = 1, array $parentStack = []): void
+    {
+        foreach ($modules as $module) {
+            // Main menus have no "parent". We only iterate these elements on the first level.
+            if ($level === 1 && $module->getParentIdentifier() !== '') {
+                continue;
+            }
+
+            $outputStack = $parentStack;
+            $outputStack[] = $module->getIdentifier();
+
+            $linearTree[] = [
+                $modulesFromPackages[$module->getIdentifier()]['packageName'],
+
+                $outputStack[0] ?? '',
+                $outputStack[1] ?? '',
+                $outputStack[2] ?? '',
+
+                ($module->getPosition() !== [] ? json_encode($module->getPosition()) : ''),
+                $this->languageService->sL($module->getTitle()) . ' [' . $this->parseLabels($modulesFromPackages[$module->getIdentifier()]['labels']) . ']',
+                $module->getPath(),
+            ];
+
+            // Next level
+            if ($module->hasSubModules()) {
+                $this->walkTree($module->getSubModules(), $linearTree, $modulesFromPackages, $level + 1, [...$parentStack, $module->getIdentifier()]);
+            }
+
+            if ($level === 1) {
+                $linearTree[] = new TableSeparator();
+            }
+        }
+
+        if ($level === 1) {
+            // Remove last separator
+            array_pop($linearTree);
+        }
+    }
+
+    private function parseLabels(array|string $labels): string
+    {
+        if (is_string($labels)) {
+            return $labels;
+        }
+
+        $out = "\n";
+        $out .= '  title: ' . ($labels['title'] ?? '-') . "\n";
+        $out .= '  shortDescription: ' . ($labels['shortDescription'] ?? '-') . "\n";
+        $out .= '  description: ' . ($labels['description'] ?? '-') . "\n";
+        return $out;
+    }
+}
diff --git a/Classes/Command/DebugBackendRoutesCommand.php b/Classes/Command/DebugBackendRoutesCommand.php
new file mode 100644
index 0000000..487d203
--- /dev/null
+++ b/Classes/Command/DebugBackendRoutesCommand.php
@@ -0,0 +1,238 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Command;
+
+use Symfony\Component\Console\Attribute\AsCommand;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Helper\Table;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Input\InputOption;
+use Symfony\Component\Console\Output\OutputInterface;
+use Symfony\Component\Console\Style\SymfonyStyle;
+use TYPO3\CMS\Backend\Module\ModuleRegistry;
+use TYPO3\CMS\Backend\Routing\Router;
+use TYPO3\CMS\Core\Attribute\AsNonSchedulableCommand;
+
+/**
+ * Debug backend routes, including module routes, AJAX routes and regular routes.
+ * Similar to Symfony's debug:router command.
+ * @internal only for development purposes
+ */
+#[AsCommand('debug:backend:routes', 'Debugging: List all registered backend routes (only for development purpose)')]
+#[AsNonSchedulableCommand]
+class DebugBackendRoutesCommand extends Command
+{
+    public function __construct(
+        private readonly Router $router,
+        private readonly ModuleRegistry $moduleRegistry,
+    ) {
+        parent::__construct();
+    }
+
+    protected function configure(): void
+    {
+        $this
+            ->addOption(
+                'json',
+                null,
+                InputOption::VALUE_NONE,
+                'Output routes in JSON format'
+            )
+            ->addOption(
+                'filter',
+                'f',
+                InputOption::VALUE_REQUIRED,
+                'Filter routes by name (supports partial matching)'
+            )
+            ->addOption(
+                'limit',
+                'l',
+                InputOption::VALUE_REQUIRED,
+                'Limit routes by type: ajax, module, or route'
+            );
+    }
+
+    protected function execute(InputInterface $input, OutputInterface $output): int
+    {
+        $io = new SymfonyStyle($input, $output);
+        $jsonOutput = $input->getOption('json');
+        $filter = $input->getOption('filter');
+        $limit = $input->getOption('limit');
+
+        // Validate limit option
+        if ($limit !== null) {
+            $limit = strtolower($limit);
+            if (!in_array($limit, ['ajax', 'module', 'route'], true)) {
+                $io->error('Invalid limit type. Valid options are: ajax, module, route');
+                return Command::FAILURE;
+            }
+        }
+
+        // Collect all routes
+        $routes = $this->collectAllRoutes($filter, $limit);
+
+        if (empty($routes)) {
+            $messages = [];
+            if ($filter) {
+                $messages[] = 'filter: ' . $filter;
+            }
+            if ($limit) {
+                $messages[] = 'type: ' . $limit;
+            }
+            if ($messages) {
+                $io->warning('No routes found matching ' . implode(', ', $messages));
+            } else {
+                $io->warning('No routes found.');
+            }
+            return Command::SUCCESS;
+        }
+
+        // Sort routes by name
+        ksort($routes);
+
+        if ($jsonOutput) {
+            $this->outputJson($routes, $output);
+        } else {
+            $this->outputTable($routes, $io, $output);
+        }
+
+        return Command::SUCCESS;
+    }
+
+    /**
+     * Collect all routes from Router (including AJAX routes) and Module routes
+     *
+     * @return array<string, array{name: string, method: string, path: string, target: string, type: string, options: array}>
+     */
+    private function collectAllRoutes(?string $filter, ?string $limitType): array
+    {
+        $routes = [];
+
+        // Build a set of module identifiers for quick lookup
+        $moduleIdentifiers = [];
+        foreach ($this->moduleRegistry->getModules() as $module) {
+            if ($module->hasParentModule() || $module->isStandalone()) {
+                $moduleIdentifiers[$module->getIdentifier()] = true;
+            }
+        }
+
+        // Get all routes from Router (includes regular routes, AJAX routes, and module routes)
+        // Note: Routes can be either TYPO3 Route or Symfony Route objects
+        foreach ($this->router->getRoutes() as $routeName => $route) {
+            if ($filter && !str_contains((string)$routeName, $filter)) {
+                continue;
+            }
+
+            // Determine route type
+            $type = 'Route';
+            if (str_starts_with((string)$routeName, 'ajax_')) {
+                $type = 'Ajax';
+            } elseif (isset($moduleIdentifiers[(string)$routeName])) {
+                $type = 'Module';
+            }
+
+            // Apply limit filter if specified
+            if ($limitType !== null) {
+                $typeNormalized = strtolower($type);
+                if ($typeNormalized !== $limitType) {
+                    continue;
+                }
+            }
+
+            // Get methods - works for both Symfony and TYPO3 Route objects
+            $methods = $route->getMethods();
+            $methodString = empty($methods) ? 'ANY' : implode('|', $methods);
+
+            // Get options - works for both route types
+            $options = method_exists($route, 'getOptions') ? $route->getOptions() : [];
+            $target = $options['target'] ?? $options['_controller'] ?? '-';
+
+            $routes[$routeName] = [
+                'name' => (string)$routeName,
+                'method' => $methodString,
+                'path' => $route->getPath(),
+                'target' => $target,
+                'type' => $type,
+                'options' => $options,
+            ];
+        }
+
+        return $routes;
+    }
+
+    /**
+     * Output routes as JSON
+     */
+    private function outputJson(array $routes, OutputInterface $output): void
+    {
+        $jsonData = [];
+        foreach ($routes as $route) {
+            $jsonData[] = [
+                'name' => $route['name'],
+                'method' => $route['method'],
+                'path' => $route['path'],
+                'target' => $route['target'],
+                'type' => $route['type'],
+                'options' => $route['options'],
+            ];
+        }
+
+        $output->writeln((string)json_encode($jsonData, JSON_PRETTY_PRINT | JSON_UNESCAPED_SLASHES));
+    }
+
+    /**
+     * Output routes as formatted table (similar to Symfony's debug:router)
+     */
+    private function outputTable(array $routes, SymfonyStyle $io, OutputInterface $output): void
+    {
+        $table = new Table($output);
+        $table->setHeaders(['Name', 'Method', 'Path', 'Target', 'Type']);
+        $rows = [];
+        foreach ($routes as $route) {
+            $rows[] = [
+                $route['name'],
+                $route['method'],
+                $route['path'],
+                $this->formatTarget($route['target']),
+                $route['type'],
+            ];
+        }
+
+        $table->setRows($rows);
+        $table->render();
+
+        $io->newLine();
+        $io->writeln(sprintf('<info>%d</info> routes found', count($routes)));
+    }
+
+    /**
+     * Format the target for display (shorten class names)
+     */
+    private function formatTarget(string $target): string
+    {
+        // Shorten TYPO3 class names for better readability
+        $target = str_replace('TYPO3\\CMS\\', '', $target);
+
+        // Limit length if too long
+        if (strlen($target) > 80) {
+            return substr($target, 0, 77) . '...';
+        }
+
+        return $target;
+    }
+}
diff --git a/Classes/Command/LockBackendCommand.php b/Classes/Command/LockBackendCommand.php
new file mode 100644
index 0000000..ff713d7
--- /dev/null
+++ b/Classes/Command/LockBackendCommand.php
@@ -0,0 +1,77 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Command;
+
+use Symfony\Component\Console\Attribute\AsCommand;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Input\InputArgument;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Output\OutputInterface;
+use Symfony\Component\Console\Style\SymfonyStyle;
+use TYPO3\CMS\Backend\Authentication\BackendLocker;
+
+/**
+ * Core function for locking the TYPO3 Backend
+ */
+#[AsCommand('backend:lock', 'Lock the TYPO3 Backend')]
+class LockBackendCommand extends Command
+{
+    public function __construct(protected readonly BackendLocker $lockService, ?string $name = null)
+    {
+        parent::__construct($name);
+    }
+
+    /**
+     * Configure the command by defining the name, options and arguments
+     */
+    protected function configure(): void
+    {
+        $this
+            ->addArgument(
+                'redirect',
+                InputArgument::OPTIONAL,
+                'If set, a locked TYPO3 Backend will redirect to URI specified with this argument. The URI is saved as a string in the lockfile that is specified in the system configuration.',
+                ''
+            );
+    }
+
+    /**
+     * Executes the command for adding the lock file
+     */
+    protected function execute(InputInterface $input, OutputInterface $output): int
+    {
+        $io = new SymfonyStyle($input, $output);
+        $io->title($this->getDescription());
+        if ($this->lockService->isLocked()) {
+            $io->note('A lock file already exists. Overwriting it.');
+        }
+        $lockFile = $this->lockService->getAbsolutePathToLockFile();
+        $redirectUriFromLockFileContent = $input->getArgument('redirect');
+        if ($redirectUriFromLockFileContent) {
+            $redirectUriFromLockFileContent = is_string($redirectUriFromLockFileContent) ? $redirectUriFromLockFileContent : '';
+        }
+        if (!$this->lockService->lockBackend($redirectUriFromLockFileContent)) {
+            $io->error('Failed to create lock file "' . $lockFile . '".');
+            return Command::FAILURE;
+        }
+        $message = 'Wrote lock file to "' . $lockFile . '"';
+        if ($redirectUriFromLockFileContent !== '') {
+            $message .= LF . 'with target URI "' . $redirectUriFromLockFileContent . '".';
+        }
+        $io->success($message);
+        return Command::SUCCESS;
+    }
+}
diff --git a/Classes/Command/ProgressListener/ReferenceIndexProgressListener.php b/Classes/Command/ProgressListener/ReferenceIndexProgressListener.php
new file mode 100644
index 0000000..70c6edf
--- /dev/null
+++ b/Classes/Command/ProgressListener/ReferenceIndexProgressListener.php
@@ -0,0 +1,116 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Command\ProgressListener;
+
+use Psr\Log\LogLevel;
+use Symfony\Component\Console\Helper\ProgressBar;
+use Symfony\Component\Console\Style\SymfonyStyle;
+use TYPO3\CMS\Backend\View\ProgressListenerInterface;
+
+/**
+ * Shows the update for the reference index progress on the command line.
+ * @internal not part of TYPO3 Public API as it is an implementation of a concrete feature.
+ */
+class ReferenceIndexProgressListener implements ProgressListenerInterface
+{
+    protected SymfonyStyle $io;
+    protected ?ProgressBar $progressBar = null;
+    protected bool $isEnabled = false;
+
+    public function initialize(SymfonyStyle $io)
+    {
+        $this->io = $io;
+        $this->isEnabled = $io->isQuiet() === false;
+    }
+
+    public function start(int $maxSteps = 0, ?string $additionalMessage = null): void
+    {
+        if (!$this->isEnabled) {
+            return;
+        }
+        $tableName = $additionalMessage;
+        if ($maxSteps > 0) {
+            $this->io->section('Update index of table ' . $tableName);
+            $this->progressBar = $this->io->createProgressBar($maxSteps);
+            $this->progressBar->start($maxSteps);
+        } else {
+            $this->io->section('Nothing to update for empty table ' . $tableName);
+            $this->progressBar = null;
+        }
+    }
+
+    public function advance(int $step = 1, ?string $additionalMessage = null): void
+    {
+        if (!$this->isEnabled) {
+            return;
+        }
+        if ($additionalMessage) {
+            $this->showMessageWhileInProgress(function () use ($additionalMessage) {
+                $this->io->writeln($additionalMessage);
+            });
+        }
+        if ($this->progressBar !== null) {
+            $this->progressBar->advance($step);
+        }
+    }
+
+    public function finish(?string $additionalMessage = null): void
+    {
+        if (!$this->isEnabled) {
+            return;
+        }
+        if ($this->progressBar !== null) {
+            $this->progressBar->finish();
+            $this->progressBar = null;
+            $this->io->writeln(PHP_EOL);
+        }
+        if ($additionalMessage) {
+            $this->io->writeln($additionalMessage);
+        }
+    }
+
+    public function log(string $message, string $logLevel = LogLevel::INFO): void
+    {
+        if (!$this->isEnabled) {
+            return;
+        }
+        $this->showMessageWhileInProgress(function () use ($message, $logLevel) {
+            switch ($logLevel) {
+                case LogLevel::ERROR:
+                    $this->io->error($message);
+                    break;
+                case LogLevel::WARNING:
+                    $this->io->warning($message);
+                    break;
+                default:
+                    $this->io->writeln($message);
+            }
+        });
+    }
+
+    protected function showMessageWhileInProgress(callable $messageFunction): void
+    {
+        if ($this->progressBar !== null) {
+            $this->progressBar->clear();
+            $messageFunction();
+            $this->progressBar->display();
+        } else {
+            $messageFunction();
+        }
+    }
+}
diff --git a/Classes/Command/ReferenceIndexUpdateCommand.php b/Classes/Command/ReferenceIndexUpdateCommand.php
new file mode 100644
index 0000000..017df72
--- /dev/null
+++ b/Classes/Command/ReferenceIndexUpdateCommand.php
@@ -0,0 +1,69 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Command;
+
+use Symfony\Component\Console\Attribute\AsCommand;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Input\InputOption;
+use Symfony\Component\Console\Output\OutputInterface;
+use Symfony\Component\Console\Style\SymfonyStyle;
+use TYPO3\CMS\Backend\Command\ProgressListener\ReferenceIndexProgressListener;
+use TYPO3\CMS\Core\Core\Bootstrap;
+use TYPO3\CMS\Core\Database\ReferenceIndex;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Core function to check/update the Reference Index
+ */
+#[AsCommand('referenceindex:update', 'Update the reference index of TYPO3')]
+class ReferenceIndexUpdateCommand extends Command
+{
+    /**
+     * Configure the command by defining the name, options and arguments
+     */
+    protected function configure(): void
+    {
+        $this->addOption(
+            'check',
+            'c',
+            InputOption::VALUE_NONE,
+            'Only check the reference index of TYPO3'
+        );
+    }
+
+    /**
+     * Executes the command for adding or removing the lock file
+     */
+    protected function execute(InputInterface $input, OutputInterface $output): int
+    {
+        Bootstrap::initializeBackendAuthentication();
+        $io = new SymfonyStyle($input, $output);
+
+        $isTestOnly = (bool)$input->getOption('check');
+
+        $progressListener = GeneralUtility::makeInstance(ReferenceIndexProgressListener::class);
+        $progressListener->initialize($io);
+        $referenceIndex = GeneralUtility::makeInstance(ReferenceIndex::class);
+        if ($isTestOnly) {
+            $io->section('Reference Index being TESTED (nothing written, remove the "--check" argument)');
+        } else {
+            $io->section('Reference Index is now being updated');
+        }
+        $referenceIndex->updateIndex($isTestOnly, $progressListener);
+        return Command::SUCCESS;
+    }
+}
diff --git a/Classes/Command/ResetPasswordCommand.php b/Classes/Command/ResetPasswordCommand.php
new file mode 100644
index 0000000..ef0d8a4
--- /dev/null
+++ b/Classes/Command/ResetPasswordCommand.php
@@ -0,0 +1,152 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Command;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\Console\Attribute\AsCommand;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Input\InputArgument;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Output\OutputInterface;
+use Symfony\Component\Console\Style\SymfonyStyle;
+use TYPO3\CMS\Backend\Authentication\PasswordReset;
+use TYPO3\CMS\Core\Attribute\AsNonSchedulableCommand;
+
+use TYPO3\CMS\Core\Context\Context;
+use TYPO3\CMS\Core\Core\Environment;
+use TYPO3\CMS\Core\Core\SystemEnvironmentBuilder;
+use TYPO3\CMS\Core\Http\NormalizedParams;
+use TYPO3\CMS\Core\Http\ServerRequest;
+use TYPO3\CMS\Core\Http\Uri;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Triggers the workflow to request a new password for a user.
+ */
+#[AsCommand('backend:resetpassword', 'Trigger a password reset for a backend user.')]
+#[AsNonSchedulableCommand]
+class ResetPasswordCommand extends Command
+{
+    public function __construct(private readonly Context $context, private readonly PasswordReset $passwordReset)
+    {
+        parent::__construct();
+    }
+
+    /**
+     * Configure the command by defining the name, options and arguments
+     */
+    protected function configure(): void
+    {
+        $this
+            ->addArgument(
+                'backendurl',
+                InputArgument::REQUIRED,
+                'The URL of the TYPO3 Backend, e.g. https://www.example.com/typo3/'
+            )->addArgument(
+                'email',
+                InputArgument::REQUIRED,
+                'The email address of a valid backend user'
+            );
+    }
+    /**
+     * Executes the command for sending out an email to reset the password.
+     */
+    protected function execute(InputInterface $input, OutputInterface $output): int
+    {
+        $io = new SymfonyStyle($input, $output);
+        $email = $input->getArgument('email');
+        $email = is_string($email) ? $email : '';
+        if (!GeneralUtility::validEmail($email)) {
+            $io->error('The given email "' . $email . '" is not a valid email address.');
+            return Command::FAILURE;
+        }
+        $backendUrl = $input->getArgument('backendurl');
+        $backendUrl = is_string($backendUrl) ? $backendUrl : '';
+        if (!GeneralUtility::isValidUrl($backendUrl)) {
+            $io->error('The given backend URL "' . $backendUrl . '" is not a valid URL.');
+            return Command::FAILURE;
+        }
+        $request = $this->createFakeWebRequest($backendUrl);
+        $GLOBALS['TYPO3_REQUEST'] = $request;
+        $this->passwordReset->initiateReset($request, $this->context, $email);
+        $io->success('Password reset for email address "' . $email . '" initiated.');
+        return Command::SUCCESS;
+    }
+
+    /**
+     * This is needed to create a link to the backend properly.
+     */
+    protected function createFakeWebRequest(string $backendUrl): ServerRequestInterface
+    {
+        $uri = new Uri($backendUrl);
+        $request = new ServerRequest(
+            $uri,
+            'GET',
+            'php://input',
+            [],
+            [
+                'HTTP_HOST' => $uri->getHost(),
+                'SERVER_NAME' => $uri->getHost(),
+                'HTTPS' => $uri->getScheme() === 'https',
+                'SCRIPT_FILENAME' => __FILE__,
+                'SCRIPT_NAME' => rtrim($uri->getPath(), '/') . '/',
+            ]
+        );
+        $backedUpEnvironment = $this->simulateEnvironmentForBackendEntryPoint();
+        $normalizedParams = NormalizedParams::createFromRequest($request);
+
+        // Restore the environment
+        Environment::initialize(
+            Environment::getContext(),
+            Environment::isCli(),
+            Environment::isComposerMode(),
+            Environment::getProjectPath(),
+            Environment::getPublicPath(),
+            Environment::getVarPath(),
+            Environment::getConfigPath(),
+            $backedUpEnvironment['currentScript'],
+            Environment::isWindows() ? 'WINDOWS' : 'UNIX'
+        );
+
+        return $request
+            ->withAttribute('normalizedParams', $normalizedParams)
+            ->withAttribute('applicationType', SystemEnvironmentBuilder::REQUESTTYPE_BE);
+    }
+
+    /**
+     * This is a workaround to use "PublicPath . /typo3/index.php" instead of "publicPath . /typo3/sysext/core/bin/typo3"
+     * so the web root is detected properly in normalizedParams.
+     */
+    protected function simulateEnvironmentForBackendEntryPoint(): array
+    {
+        $currentEnvironment = Environment::toArray();
+        Environment::initialize(
+            Environment::getContext(),
+            Environment::isCli(),
+            Environment::isComposerMode(),
+            Environment::getProjectPath(),
+            Environment::getPublicPath(),
+            Environment::getVarPath(),
+            Environment::getConfigPath(),
+            // This is ugly, as this change fakes the directory
+            dirname(Environment::getCurrentScript(), 4) . DIRECTORY_SEPARATOR . 'index.php',
+            Environment::isWindows() ? 'WINDOWS' : 'UNIX'
+        );
+        return $currentEnvironment;
+    }
+}
diff --git a/Classes/Command/UnlockBackendCommand.php b/Classes/Command/UnlockBackendCommand.php
new file mode 100644
index 0000000..badfdce
--- /dev/null
+++ b/Classes/Command/UnlockBackendCommand.php
@@ -0,0 +1,56 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Command;
+
+use Symfony\Component\Console\Attribute\AsCommand;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Output\OutputInterface;
+use Symfony\Component\Console\Style\SymfonyStyle;
+use TYPO3\CMS\Backend\Authentication\BackendLocker;
+
+/**
+ * Core function for unlocking the TYPO3 Backend
+ */
+#[AsCommand('backend:unlock', 'Unlock the TYPO3 Backend')]
+class UnlockBackendCommand extends Command
+{
+    public function __construct(protected readonly BackendLocker $lockService, ?string $name = null)
+    {
+        parent::__construct($name);
+    }
+
+    /**
+     * Executes the command for removing the lock file
+     */
+    protected function execute(InputInterface $input, OutputInterface $output): int
+    {
+        $io = new SymfonyStyle($input, $output);
+        $io->title($this->getDescription());
+        $lockFile = $this->lockService->getAbsolutePathToLockFile();
+        if ($this->lockService->isLocked()) {
+            $this->lockService->unlock();
+            if ($this->lockService->isLocked()) {
+                $io->caution('Could not remove lock file "' . $lockFile . '"!');
+                return Command::FAILURE;
+            }
+            $io->success('Removed lock file "' . $lockFile . '".');
+        } else {
+            $io->note('No lock file "' . $lockFile . '" was found.' . LF . 'Hence no lock can be removed.');
+        }
+        return Command::SUCCESS;
+    }
+}
diff --git a/Classes/Configuration/BackendUserConfiguration.php b/Classes/Configuration/BackendUserConfiguration.php
new file mode 100644
index 0000000..2f6b2e7
--- /dev/null
+++ b/Classes/Configuration/BackendUserConfiguration.php
@@ -0,0 +1,178 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Configuration;
+
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Convenience wrapper for backend user configuration
+ *
+ * @internal
+ */
+class BackendUserConfiguration
+{
+    /**
+     * @var BackendUserAuthentication
+     */
+    protected $backendUser;
+
+    /**
+     * @param BackendUserAuthentication|null $backendUser
+     */
+    public function __construct(?BackendUserAuthentication $backendUser = null)
+    {
+        $this->backendUser = $backendUser ?: $GLOBALS['BE_USER'];
+    }
+
+    /**
+     * Returns a specific user setting
+     *
+     * @param string $key Identifier, allows also dotted notation for subarrays
+     * @return mixed Value associated
+     */
+    public function get(string $key)
+    {
+        return (str_contains($key, '.')) ? $this->getFromDottedNotation($key) : $this->backendUser->uc[$key];
+    }
+
+    /**
+     * Get all user settings
+     *
+     * @return mixed all values, usually a multi-dimensional array
+     */
+    public function getAll()
+    {
+        return $this->backendUser->uc;
+    }
+
+    /**
+     * Sets user settings by key/value pair
+     *
+     * @param mixed $value
+     */
+    public function set(string $key, $value): void
+    {
+        if (str_contains($key, '.')) {
+            $this->setFromDottedNotation($key, $value);
+        } else {
+            $this->backendUser->uc[$key] = $value;
+        }
+
+        $this->backendUser->writeUC();
+    }
+
+    /**
+     * Adds a value to a Comma-separated list
+     * stored in $key of user settings
+     *
+     * @param mixed $value
+     */
+    public function addToList(string $key, $value): void
+    {
+        $list = $this->get($key);
+
+        if (!isset($list)) {
+            $list = $value;
+        } elseif (!GeneralUtility::inList($list, $value)) {
+            $list .= ',' . $value;
+        }
+
+        $this->set($key, $list);
+    }
+
+    /**
+     * Removes a value from a Comma-separated list
+     * stored in $key of user settings
+     *
+     * @param mixed $value
+     */
+    public function removeFromList(string $key, $value): void
+    {
+        $list = $this->get($key);
+
+        if (GeneralUtility::inList($list, $value)) {
+            $list = GeneralUtility::trimExplode(',', $list, true);
+            $list = ArrayUtility::removeArrayEntryByValue($list, $value);
+            $this->set($key, implode(',', $list));
+        }
+    }
+
+    /**
+     * Resets the user settings to the default
+     */
+    public function clear(): void
+    {
+        $this->backendUser->resetUC();
+    }
+
+    /**
+     * Unsets a key in user settings
+     */
+    public function unsetOption(string $key): void
+    {
+        if (isset($this->backendUser->uc[$key])) {
+            unset($this->backendUser->uc[$key]);
+            $this->backendUser->writeUC();
+        }
+    }
+
+    /**
+     * Computes the subarray from dotted notation
+     *
+     * @param string $key Dotted notation of subkeys like moduleData.module1.general.checked
+     * @return mixed value of the settings
+     */
+    protected function getFromDottedNotation(string $key)
+    {
+        $subkeys = GeneralUtility::trimExplode('.', $key);
+        $configuration = $this->backendUser->uc;
+
+        foreach ($subkeys as $subkey) {
+            if (isset($configuration[$subkey])) {
+                $configuration = &$configuration[$subkey];
+            } else {
+                $configuration = [];
+                break;
+            }
+        }
+
+        return $configuration;
+    }
+
+    /**
+     * Sets the value of a key written in dotted notation
+     *
+     * @param mixed $value
+     */
+    protected function setFromDottedNotation(string $key, $value): void
+    {
+        $subkeys = GeneralUtility::trimExplode('.', $key, true);
+        $lastKey = $subkeys[count($subkeys) - 1];
+        $configuration = &$this->backendUser->uc;
+
+        foreach ($subkeys as $subkey) {
+            if ($subkey === $lastKey) {
+                $configuration[$subkey] = $value;
+            } else {
+                $configuration = &$configuration[$subkey];
+            }
+        }
+    }
+}
diff --git a/Classes/Configuration/SiteTcaConfiguration.php b/Classes/Configuration/SiteTcaConfiguration.php
new file mode 100644
index 0000000..f7ffb10
--- /dev/null
+++ b/Classes/Configuration/SiteTcaConfiguration.php
@@ -0,0 +1,95 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Configuration;
+
+use Symfony\Component\Finder\Finder;
+use TYPO3\CMS\Core\Configuration\Tca\TcaMigration;
+use TYPO3\CMS\Core\Package\PackageManager;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Helper class for the backend "Sites" module
+ *
+ * Load Site configuration TCA from ext:*Configuration/SiteConfiguration
+ * and ext:*Configuration/SiteConfiguration/Overrides
+ *
+ * @internal This class is a specific Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+class SiteTcaConfiguration
+{
+    /**
+     * Returns a "fake TCA" array that is syntactically identical to
+     * "normal" TCA, but is not available as $GLOBALS['TCA']. During
+     * configuration loading time, the target array is available as
+     * $GLOBALS['SiteConfiguration'] within the Overrides files.
+     *
+     * It is not possible to use ExtensionManagementUtility methods.
+     */
+    public function getTca(): array
+    {
+        $GLOBALS['SiteConfiguration'] = [];
+        $activePackages = GeneralUtility::makeInstance(PackageManager::class)->getActivePackages();
+        // First load "full table" files from Configuration/SiteConfiguration
+        $finder = (new Finder())->files()->depth(0)->name('*.php');
+        $hasDirectoryEntries = false;
+        foreach ($activePackages as $package) {
+            try {
+                $finder->in($package->getPackagePath() . 'Configuration/SiteConfiguration');
+            } catch (\InvalidArgumentException $e) {
+                // No such directory in this package
+                continue;
+            }
+            $hasDirectoryEntries = true;
+        }
+        if ($hasDirectoryEntries) {
+            foreach ($finder as $fileInfo) {
+                $GLOBALS['SiteConfiguration'][substr($fileInfo->getBasename(), 0, -4)] = require $fileInfo->getPathname();
+            }
+        }
+        // Execute override files from Configuration/SiteConfiguration/Overrides
+        $finder = (new Finder())->files()->depth(0)->name('*.php');
+        $hasDirectoryEntries = false;
+        foreach ($activePackages as $package) {
+            try {
+                $finder->in($package->getPackagePath() . 'Configuration/SiteConfiguration/Overrides');
+            } catch (\InvalidArgumentException $e) {
+                // No such directory in this package
+                continue;
+            }
+            $hasDirectoryEntries = true;
+        }
+        if ($hasDirectoryEntries) {
+            foreach ($finder as $fileInfo) {
+                require $fileInfo->getPathname();
+            }
+        }
+        $result = $GLOBALS['SiteConfiguration'];
+        unset($GLOBALS['SiteConfiguration']);
+        $tcaMigration = GeneralUtility::makeInstance(TcaMigration::class);
+        $tcaProcessingResult = $tcaMigration->migrate($result);
+        $messages = $tcaProcessingResult->getMessages();
+        if (!empty($messages)) {
+            $context = 'Automatic TCA migration done during bootstrap of Site TCA Configuration.'
+                . ' Please adapt TCA accordingly, these migrations will be removed.'
+                . ' Please adapt these areas:';
+            array_unshift($messages, $context);
+            trigger_error(implode(LF, $messages), E_USER_DEPRECATED);
+        }
+        return $tcaProcessingResult->getTca();
+    }
+}
diff --git a/Classes/Configuration/TCA/ItemsProcessorFunctions.php b/Classes/Configuration/TCA/ItemsProcessorFunctions.php
new file mode 100644
index 0000000..1fb8ea1
--- /dev/null
+++ b/Classes/Configuration/TCA/ItemsProcessorFunctions.php
@@ -0,0 +1,164 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Configuration\TCA;
+
+use TYPO3\CMS\Core\Country\Country;
+use TYPO3\CMS\Core\Country\CountryFilter;
+use TYPO3\CMS\Core\Country\CountryProvider;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * This class provides items processor functions for the usage in TCA definition
+ * @internal
+ */
+class ItemsProcessorFunctions
+{
+    /**
+     * Return languages found in already existing site configurations,
+     * sorted by their value. In case the same language is used with
+     * different titles, they will be added to the items label field.
+     * Additionally, a placeholder value is added to allow the creation
+     * of new site languages.
+     */
+    public function populateAvailableLanguagesFromSites(array &$fieldDefinition): void
+    {
+        foreach (GeneralUtility::makeInstance(SiteFinder::class)->getAllSites() as $site) {
+            foreach ($site->getAllLanguages() as $languageId => $language) {
+                if (!isset($fieldDefinition['items'][$languageId])) {
+                    $fieldDefinition['items'][$languageId] = [
+                        'label' => $language->getTitle(),
+                        'value' => $languageId,
+                        'icon' => $language->getFlagIdentifier(),
+                        'tempTitles' => [],
+                    ];
+                } elseif ($fieldDefinition['items'][$languageId]['label'] !== $language->getTitle()) {
+                    // Temporarily store different titles
+                    $fieldDefinition['items'][$languageId]['tempTitles'][] = $language->getTitle();
+                }
+            }
+        }
+
+        if (!isset($fieldDefinition['items'][0])) {
+            // Since TcaSiteLanguage has a special behaviour, enforcing the
+            // default language ("0") to be always added to the site configuration,
+            // we have to add it to the available items, in case it is not already
+            // present. This only happens for the first ever created site configuration.
+            $fieldDefinition['items'][] = ['label' => 'Default', 'value' => 0, 'icon' => '', 'tempTitles' => []];
+        }
+
+        ksort($fieldDefinition['items']);
+
+        // Build the final language label
+        foreach ($fieldDefinition['items'] as &$language) {
+            $language['label'] .= ' [' . $language['value'] . ']';
+            if ($language['tempTitles'] !== []) {
+                $language['label'] .= ' (' . implode(',', array_unique($language['tempTitles'])) . ')';
+                // Unset the temporary title "storage"
+                unset($language['tempTitles']);
+            }
+        }
+        unset($language);
+
+        // Add PHP_INT_MAX as last - placeholder - value to allow creation of new records
+        // with the "Create new" button, which is usually not possible in "selector" mode.
+        // Note: The placeholder will never be displayed in the selector.
+        $fieldDefinition['items'] = array_values(
+            array_merge($fieldDefinition['items'], [['label' => 'Placeholder', 'value' => PHP_INT_MAX]])
+        );
+    }
+
+    /**
+     * Return language items for use in site_languages.fallbacks
+     */
+    public function populateFallbackLanguages(array &$fieldDefinition): void
+    {
+        foreach (GeneralUtility::makeInstance(SiteFinder::class)->getAllSites() as $site) {
+            foreach ($site->getAllLanguages() as $languageId => $language) {
+                if (isset($fieldDefinition['row']['languageId'][0])
+                    && (int)$fieldDefinition['row']['languageId'][0] === $languageId
+                ) {
+                    // Skip current language id
+                    continue;
+                }
+                if (!isset($fieldDefinition['items'][$languageId])) {
+                    $fieldDefinition['items'][$languageId] = [
+                        'label' => $language->getTitle(),
+                        'value' => $languageId,
+                        'icon' => $language->getFlagIdentifier(),
+                        'tempTitles' => [],
+                    ];
+                } elseif ($fieldDefinition['items'][$languageId]['label'] !== $language->getTitle()) {
+                    // Temporarily store different titles
+                    $fieldDefinition['items'][$languageId]['tempTitles'][] = $language->getTitle();
+                }
+            }
+        }
+        ksort($fieldDefinition['items']);
+
+        // Build the final language label
+        foreach ($fieldDefinition['items'] as &$language) {
+            if ($language['tempTitles'] !== []) {
+                $language['label'] .= ' (' . implode(',', array_unique($language['tempTitles'])) . ')';
+                // Unset the temporary title "storage"
+                unset($language['tempTitles']);
+            }
+        }
+        unset($language);
+
+        $fieldDefinition['items'] = array_values($fieldDefinition['items']);
+    }
+
+    public function populateFlags(array &$fieldConfiguration): void
+    {
+        $filter = (new CountryFilter())->setExcludeCountries(['um']);
+        $countries = GeneralUtility::makeInstance(CountryProvider::class)->getFiltered($filter);
+        /** @var Country $country */
+        foreach ($countries as $country) {
+            $code = strtolower($country->getAlpha2IsoCode());
+            $fieldConfiguration['items'][] = [
+                'label' => $country->getName(),
+                'value' => $code,
+                'icon' => 'flags-' . $code,
+                'group' => 'countries',
+            ];
+        }
+        // Additional country variants
+        $variants = ['ca-qc', 'es-ct', 'es-ga', 'gb-eng', 'gb-nir', 'gb-sct', 'gb-wls'];
+        foreach ($variants as $variant) {
+            $split = explode('-', $variant);
+            $base = $countries[strtoupper($split[0])];
+            $fieldConfiguration['items'][] = [
+                'label' => sprintf('%s - %s', $base->getName(), strtoupper($split[1])),
+                'value' => $variant,
+                'icon' => 'flags-' . $variant,
+                'group' => 'countries',
+            ];
+        }
+
+        $colors = ['black', 'white', 'blue', 'indigo', 'purple', 'pink', 'orange', 'yellow', 'green', 'teal', 'cyan', 'rainbow'];
+        foreach ($colors as $color) {
+            $fieldConfiguration['items'][] = [
+                'label' => $color,
+                'value' => $color,
+                'icon' => 'flags-' . $color,
+                'group' => 'colors',
+            ];
+        }
+    }
+}
diff --git a/Classes/Configuration/TCA/UserFunctions.php b/Classes/Configuration/TCA/UserFunctions.php
new file mode 100644
index 0000000..56d5233
--- /dev/null
+++ b/Classes/Configuration/TCA/UserFunctions.php
@@ -0,0 +1,120 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Configuration\TCA;
+
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Localization\Locales;
+
+/**
+ * This class provides user functions for the usage in TCA definition
+ * @internal
+ */
+class UserFunctions
+{
+    /**
+     * Used to build the IRRE title of a site language element
+     */
+    public function getSiteLanguageTitle(array &$parameters): void
+    {
+        $record = $parameters['row'];
+        $languageId = (int)($record['languageId'][0] ?? 0);
+
+        if ($languageId === PHP_INT_MAX && str_starts_with((string)($record['uid'] ?? ''), 'NEW')) {
+            // If we deal with a new record, created via "Create new" (indicated by the PHP_INT_MAX placeholder),
+            // we use a label as record title, until the real values, especially the language ID, are calculated.
+            $parameters['title'] = '[' . $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.languages.new') . ']';
+            return;
+        }
+
+        $primaryValue = $record['primary'] ?? null;
+        $isPrimary = false;
+        if (is_array($primaryValue)) {
+            $isPrimary = !empty($primaryValue[0]);
+        } elseif ($primaryValue !== null) {
+            $isPrimary = (bool)$primaryValue;
+        }
+        if (!$isPrimary) {
+            $isPrimary = ((int)($record['languageId'][0] ?? -1) === 0);
+        }
+        $parameters['title'] = sprintf(
+            '%s %s [%d] (%s) Base: %s%s',
+            $record['enabled'] ? '' : '[' . $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:disabled') . ']',
+            $record['title'],
+            $languageId,
+            $record['locale'],
+            $record['base'],
+            $isPrimary ? ' ★' : ''
+        );
+    }
+
+    /**
+     * Used to build the IRRE title of a site route element
+     */
+    public function getRouteTitle(array &$parameters): void
+    {
+        $record = $parameters['row'];
+        if (($record['type'][0] ?? false) === 'uri') {
+            $parameters['title'] = sprintf(
+                '%s %s %s',
+                $record['route'],
+                $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.routes.irreHeader.redirectsTo'),
+                $record['source'] ?: '[' . $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:undefined') . ']'
+            );
+        } else {
+            $parameters['title'] = $record['route'];
+        }
+    }
+
+    /**
+     * Used to build the IRRE title of a site error handling element
+     */
+    public function getErrorHandlingTitle(array &$parameters): void
+    {
+        $record = $parameters['row'];
+        $format = '%s: %s';
+        $arguments = [$record['errorCode']];
+        switch ($record['errorHandler'][0] ?? false) {
+            case 'Fluid':
+                $arguments[] = $record['errorFluidTemplate'];
+                break;
+            case 'Page':
+                $arguments[] = $record['errorContentSource'];
+                break;
+            case 'PHP':
+                $arguments[] = $record['errorPhpClassFQCN'];
+                break;
+            default:
+                $arguments[] = $record['errorHandler'][0] ?? '';
+        }
+        $parameters['title'] = sprintf($format, ...$arguments);
+    }
+
+    public static function getAllSystemLocales(): array
+    {
+        $locales = [];
+        foreach (Locales::getAllSystemLocales() as $locale) {
+            $locales[] = ['label' => $locale, 'value' => $locale];
+        }
+        return $locales;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Configuration/TranslationConfigurationProvider.php b/Classes/Configuration/TranslationConfigurationProvider.php
new file mode 100644
index 0000000..02cb830
--- /dev/null
+++ b/Classes/Configuration/TranslationConfigurationProvider.php
@@ -0,0 +1,245 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Configuration;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Cache\Frontend\FrontendInterface;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Exception\SiteNotFoundException;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Site\Entity\NullSite;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Contains translation tools
+ *
+ * @phpstan-type LanguageRef -1|0|positive-int
+ * @internal The whole class is subject to be removed, fetch all language info from the current site object.
+ */
+#[Autoconfigure(public: true)]
+readonly class TranslationConfigurationProvider
+{
+    public function __construct(
+        #[Autowire(service: 'cache.runtime')]
+        private FrontendInterface $runtimeCache,
+        private SiteFinder $siteFinder,
+        private ConnectionPool $connectionPool,
+        private TcaSchemaFactory $tcaSchemaFactory,
+    ) {}
+
+    /**
+     * Returns array of languages given for a specific site (or "nullSite" if on page=0)
+     * The property flagIcon returns a string <flags-xx>.
+     *
+     * @param int $pageId Page id (used to get TSconfig configuration setting flag and label for default language)
+     * @return array<LanguageRef, array{uid: int, title: string, ISOcode: string, flagIcon: string}> Array with languages
+     */
+    public function getSystemLanguages(int $pageId = 0): array
+    {
+        $cacheKey = 'system-language-cache-page-uid-' . $pageId;
+        if ($this->runtimeCache->has($cacheKey)) {
+            return $this->runtimeCache->get($cacheKey);
+        }
+        $allSystemLanguages = [];
+        if ($pageId === 0) {
+            // Used for e.g. filelist, where there is no site selected.
+            // This also means that there is no "-1" (All Languages) selectable.
+            // Languages are consolidated across all sites with unique titles.
+            $sites = $this->siteFinder->getAllSites();
+            foreach ($sites as $site) {
+                $this->addSiteLanguagesToConsolidatedList(
+                    $allSystemLanguages,
+                    $site->getAvailableLanguages($this->getBackendUserAuthentication()),
+                );
+            }
+            $this->computeSystemLanguagesTitleAndFlag($allSystemLanguages, true);
+        } else {
+            try {
+                $site = $this->siteFinder->getSiteByPageId($pageId);
+            } catch (SiteNotFoundException) {
+                $site = new NullSite();
+            }
+            $siteLanguages = $site->getAvailableLanguages($this->getBackendUserAuthentication(), true);
+            if (!isset($siteLanguages[0])) {
+                $siteLanguages[0] = $site->getDefaultLanguage();
+            }
+            $this->addSiteLanguagesToConsolidatedList($allSystemLanguages, $siteLanguages);
+            $this->computeSystemLanguagesTitleAndFlag($allSystemLanguages);
+        }
+        ksort($allSystemLanguages);
+        $this->runtimeCache->set($cacheKey, $allSystemLanguages);
+        return $allSystemLanguages;
+    }
+
+    protected function addSiteLanguagesToConsolidatedList(array &$allSystemLanguages, array $languagesOfSpecificSite): void
+    {
+        foreach ($languagesOfSpecificSite as $language) {
+            $languageId = $language->getLanguageId();
+            $allSystemLanguages[$languageId] ??= [
+                'uid' => $languageId,
+                'titlesMap' => [],
+                'flagsMap' => [],
+            ];
+            $allSystemLanguages[$languageId]['titlesMap'][$language->getTitle()] = true;
+            $allSystemLanguages[$languageId]['flagsMap'][$language->getFlagIdentifier()] = true;
+        }
+    }
+
+    protected function computeSystemLanguagesTitleAndFlag(array &$allSystemLanguages, bool $showIdInTitle = false): void
+    {
+        foreach ($allSystemLanguages as &$language) {
+            $language['title'] = implode(', ', array_keys($language['titlesMap']));
+            if ($language['uid'] === 0 && count($language['titlesMap']) > 1) {
+                // "Default" label for language 0 with multiple titles.
+                $language['title'] = $this->getLanguageService()->translate('LGL.defaultLanguage', 'core.general');
+            }
+            if ($showIdInTitle) {
+                $language['title'] .= ' [' . $language['uid'] . ']';
+            }
+
+            $language['flagIcon'] = array_key_first($language['flagsMap']);
+            if (count($language['titlesMap']) > 1 || count($language['flagsMap']) > 1) {
+                $language['flagIcon'] = 'flags-multiple';
+            }
+
+            unset($language['titlesMap'], $language['flagsMap']);
+        }
+    }
+
+    /**
+     * Information about translation for an element
+     * Will overlay workspace version of record too!
+     *
+     * @param string $table Table name
+     * @param int $uid Record uid
+     * @param int $languageUid Language uid. If 0, then all languages are selected.
+     * @param array|null $row The record to be translated
+     * @param array|string $selFieldList Select fields for the query which fetches the translations of the current record
+     * @return array|string Array with information or error message as a string.
+     */
+    public function translationInfo($table, $uid, $languageUid = 0, ?array $row = null, $selFieldList = ''): array|string
+    {
+        if (!$this->tcaSchemaFactory->has($table) || !$uid) {
+            return 'No table "' . $table . '" or no UID value';
+        }
+        $schema = $this->tcaSchemaFactory->get($table);
+        if (!$schema->isLanguageAware()) {
+            return 'Translation is not supported for this table!';
+        }
+        if ($row === null) {
+            $row = BackendUtility::getRecordWSOL($table, $uid);
+        }
+        if (!is_array($row)) {
+            return 'Record "' . $table . '_' . $uid . '" was not found';
+        }
+        $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+        $languageFieldName = $languageCapability->getLanguageField()->getName();
+        $translationOriginPointerFieldName = $languageCapability->getTranslationOriginPointerField()->getName();
+        if ($row[$languageFieldName] > 0) {
+            return 'Record "' . $table . '_' . $uid . '" seems to be a translation already (has a language value "' . $row[$languageFieldName] . '", relation to record "' . $row[$translationOriginPointerFieldName] . '")';
+        }
+        if ($row[$translationOriginPointerFieldName] != 0) {
+            return 'Record "' . $table . '_' . $uid . '" seems to be a translation already (has a relation to record "' . $row[$translationOriginPointerFieldName] . '")';
+        }
+        // Look for translations of this record, index by language field value:
+        if (!empty($selFieldList)) {
+            if (is_array($selFieldList)) {
+                $selectFields = $selFieldList;
+            } else {
+                $selectFields = GeneralUtility::trimExplode(',', $selFieldList);
+            }
+        } else {
+            $selectFields = ['uid', $languageFieldName];
+        }
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable($table);
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUserAuthentication()->workspace));
+        $queryBuilder
+            ->select(...$selectFields)
+            ->from($table)
+            ->where(
+                $queryBuilder->expr()->eq(
+                    $translationOriginPointerFieldName,
+                    $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->eq(
+                    'pid',
+                    $queryBuilder->createNamedParameter(
+                        $row['pid'],
+                        Connection::PARAM_INT
+                    )
+                )
+            );
+        if (!$languageUid) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->gt(
+                    $languageFieldName,
+                    $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                )
+            );
+        } else {
+            $queryBuilder
+                ->andWhere(
+                    $queryBuilder->expr()->eq(
+                        $languageFieldName,
+                        $queryBuilder->createNamedParameter($languageUid, Connection::PARAM_INT)
+                    )
+                );
+        }
+        $translationRecords = $queryBuilder->executeQuery()->fetchAllAssociative();
+
+        $translations = [];
+        $translationsErrors = [];
+        foreach ($translationRecords as $translationRecord) {
+            if (!isset($translations[$translationRecord[$languageFieldName]])) {
+                $translations[$translationRecord[$languageFieldName]] = $translationRecord;
+            } else {
+                $translationsErrors[$translationRecord[$languageFieldName]][] = $translationRecord;
+            }
+        }
+        return [
+            'table' => $table,
+            'uid' => $uid,
+            'CType' => $row['CType'] ?? '',
+            'sys_language_uid' => $row[$languageFieldName] ?? null,
+            'translations' => $translations,
+            'excessive_translations' => $translationsErrors,
+        ];
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Context/PageContext.php b/Classes/Context/PageContext.php
new file mode 100644
index 0000000..6b9ee03
--- /dev/null
+++ b/Classes/Context/PageContext.php
@@ -0,0 +1,151 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Context;
+
+use TYPO3\CMS\Backend\Domain\Model\Language\PageLanguageInformation;
+use TYPO3\CMS\Core\Site\Entity\SiteInterface;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+
+/**
+ * Generic page context for all backend modules working with pages ("id" parameter and page-tree navigation component).
+ *
+ * This context is added to the backend request by the PSR-15 "PageContextInitialization" middleware.
+ * Replaces the module-specific duplication of language handling, page information, and site context.
+ *
+ * Contains shared data needed across Layout Module, Records Module, etc.
+ * Does NOT contain module-specific rendering configuration.
+ *
+ * This is a DOMAIN object and should NOT contain HTTP infrastructure concerns like ServerRequestInterface.
+ *
+ * Access Handling:
+ * If the user has no access to the requested page, pageRecord will be null.
+ * Controllers should check $pageContext->isAccessible() before processing.
+ *
+ * Usage:
+ *     $pageContext = $request->getAttribute('pageContext');
+ *     if (!$pageContext->isAccessible()) {
+ *         // Show no access page
+ *         return $view->renderResponse('NoAccess');
+ *     }
+ *     $selectedLanguages = $pageContext->selectedLanguageIds;
+ *     $languageInfo = $pageContext->languageInformation;
+ *     $rootLine = $pageContext->rootLine;
+ *     $pageTsConfig = $pageContext->pageTsConfig;
+ *     $moduleTsConfig = $pageContext->getModuleTsConfig('web_layout');
+ *
+ * @internal
+ */
+final readonly class PageContext
+{
+    /**
+     * @param int $pageId Page ID (always preserved, even if no access)
+     * @param ?array $pageRecord Page record from readPageAccess (null if no access)
+     * @param int[] $selectedLanguageIds Selected language IDs (resolved and validated)
+     * @param PageLanguageInformation $languageInformation Complete language information for this page
+     * @param array $rootLine Page rootline including the page itself (empty array if no access)
+     * @param array $pageTsConfig PageTSconfig array (dots removed, overlaid by user permissions, falls back to page 0 if no access)
+     * @param Permission $pagePermissions User's permissions for this page (calculated from backendUser->calcPerms)
+     */
+    public function __construct(
+        public int $pageId,
+        public ?array $pageRecord,
+        public SiteInterface $site,
+        public array $rootLine,
+        public array $pageTsConfig,
+        public array $selectedLanguageIds,
+        public PageLanguageInformation $languageInformation,
+        public Permission $pagePermissions,
+    ) {}
+
+    /**
+     * Check if user has access to the page.
+     *
+     * Returns false if user has no access to the requested page.
+     * Controllers should check this before processing page-specific operations.
+     */
+    public function isAccessible(): bool
+    {
+        return $this->pageRecord !== null && $this->pagePermissions->showPagePermissionIsGranted();
+    }
+
+    /**
+     * Get primary selected language for single-language views.
+     *
+     * Logic:
+     * - If exactly 1 non-default language is selected → use that translation
+     * - If 0 or 2+ non-default languages are selected → use default (0)
+     *
+     * This ensures that when switching from multi-language to single-language view,
+     * the user's focused translation is preserved (when they had one selected).
+     *
+     * @return int Primary language ID
+     */
+    public function getPrimaryLanguageId(): int
+    {
+        $nonDefaultLanguages = array_filter($this->selectedLanguageIds, static fn(int $id): bool => $id > 0);
+        if (count($nonDefaultLanguages) === 1) {
+            return reset($nonDefaultLanguages);
+        }
+        return 0;
+    }
+
+    /**
+     * Check if multiple languages are currently selected.
+     *
+     * This is useful for determining if comparison/multi-column view should be shown.
+     */
+    public function hasMultipleLanguagesSelected(): bool
+    {
+        return count($this->selectedLanguageIds) > 1;
+    }
+
+    public function isLanguageSelected(int $languageId): bool
+    {
+        return in_array($languageId, $this->selectedLanguageIds, true);
+    }
+
+    public function isDefaultLanguageSelected(): bool
+    {
+        return $this->isLanguageSelected(0);
+    }
+
+    /**
+     * Get page title (localized if translation exists).
+     *
+     * @param int|null $languageId Language ID (null = primary selected language)
+     */
+    public function getPageTitle(?int $languageId = null): string
+    {
+        $languageId ??= $this->getPrimaryLanguageId();
+
+        if ($languageId === 0) {
+            return $this->pageRecord['title'] ?? '';
+        }
+
+        $translation = $this->languageInformation->getTranslationRecord($languageId);
+        return $translation['title'] ?? $this->pageRecord['title'] ?? '';
+    }
+
+    /**
+     * This is a convenience method to easily access mod.{module}.* configuration.
+     */
+    public function getModuleTsConfig(string $module): array
+    {
+        return is_array($this->pageTsConfig['mod'][$module] ?? false) ? $this->pageTsConfig['mod'][$module] : [];
+    }
+}
diff --git a/Classes/Context/PageContextFactory.php b/Classes/Context/PageContextFactory.php
new file mode 100644
index 0000000..8018267
--- /dev/null
+++ b/Classes/Context/PageContextFactory.php
@@ -0,0 +1,219 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Context;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Module\ModuleData;
+use TYPO3\CMS\Backend\Service\PageLanguageInformationService;
+use TYPO3\CMS\Backend\User\SharedUserPreferences;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Exception\SiteNotFoundException;
+use TYPO3\CMS\Core\Site\Entity\SiteInterface;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Factory for creating PageContext instances.
+ *
+ * This is the SINGLE entry point for creating page contexts across all backend modules.
+ * It centralizes the logic for:
+ * - Resolving language selection with fallback chain
+ * - Validating languages against available languages
+ * - Permission checks
+ * - Fetching language information
+ *
+ * @internal
+ */
+final readonly class PageContextFactory
+{
+    public function __construct(
+        private SharedUserPreferences $sharedPreferences,
+        private PageLanguageInformationService $languageService,
+    ) {}
+
+    /**
+     * Create PageContext from request and page ID.
+     *
+     * This method:
+     * 1. Validates page access (returns context with null pageRecord if no access)
+     * 2. Fetches language information for the page
+     * 3. Resolves selected languages with fallback chain
+     * 4. Validates selected languages against existing translations on this page
+     * 5. Falls back to default language if no valid languages selected
+     * 6. Stores preference if explicitly changed via request (preserves across pages)
+     * 7. Creates and returns the PageContext
+     *
+     * Language validation ensures that only languages with actual translations on
+     * the current page are included in selectedLanguageIds. This guarantees that
+     * getPrimaryLanguageId() always returns a valid language for the current page.
+     *
+     * User preferences are preserved: selecting L=1 on PageA stores the preference,
+     * navigating to PageB without L=1 shows L=0, returning to PageA restores L=1.
+     *
+     * Access Handling:
+     * If the user has no access to the requested page or pid=0, a PageContext is still returned,
+     * while pageRecord mit be null if no access. Controllers should check isAccessible().
+     *
+     * @param int $pageId Page ID to create context for
+     */
+    public function createFromRequest(
+        ServerRequestInterface $request,
+        int $pageId,
+        BackendUserAuthentication $backendUser
+    ): PageContext {
+        $site = $request->getAttribute('site');
+        if (!$site instanceof SiteInterface) {
+            throw new SiteNotFoundException('No site found in request', 1731234567);
+        }
+
+        // Check page access
+        $pageRecord = BackendUtility::readPageAccess($pageId, $backendUser->getPagePermsClause(Permission::PAGE_SHOW)) ?: null;
+        if ($pageId === 0 || !$pageRecord) {
+            // Either root page (pid=0) which has no real page record or no access.
+            // Return context with preserved pageId.
+            // pageRecord might be ['path' => '/'] for admins or NULL if no access or non-admin
+            // Still calculate permissions (admins have access to pid=0, editors don't).
+            return new PageContext(
+                pageId: $pageId,
+                pageRecord: $pageRecord,
+                site: $site,
+                rootLine: [],
+                pageTsConfig: GeneralUtility::removeDotsFromTS(BackendUtility::getPagesTSconfig(0)),
+                selectedLanguageIds: [0],
+                languageInformation: $this->languageService->getLanguageInformationForPage(0, $site, $backendUser),
+                pagePermissions: new Permission($backendUser->calcPerms($pageRecord ?: ['uid' => 0])),
+            );
+        }
+
+        // Get language information FIRST (needed for validation)
+        $languageInformation = $this->languageService->getLanguageInformationForPage($pageId, $site, $backendUser);
+
+        // Resolve languages with fallback chain
+        $languagesFromRequest = $request->getQueryParams()['languages'] ?? $request->getParsedBody()['languages'] ?? null;
+
+        // Extract ModuleData languages (with backward compat for old 'language' parameter)
+        $moduleData = $request->getAttribute('moduleData');
+        $moduleDataLanguages = null;
+        if ($moduleData instanceof ModuleData) {
+            $moduleDataLanguages = $moduleData->get('languages');
+            // Backward compatibility: convert old 'language' (single int) to 'languages' (array)
+            if ($moduleDataLanguages === null) {
+                $oldLanguage = $moduleData->get('language');
+                if ($oldLanguage !== null) {
+                    $moduleDataLanguages = [(int)$oldLanguage];
+                }
+            }
+        }
+
+        // Use SharedUserPreferences fallback chain (page-specific > ModuleData > default)
+        // This ensures page-specific preferences are shared across modules
+        $resolvedLanguages = $this->sharedPreferences->resolveLanguages(
+            $backendUser,
+            $languagesFromRequest,
+            $pageId,
+            $moduleDataLanguages
+        );
+
+        // Validate against existing translations on this page (ensures getPrimaryLanguageId() is valid)
+        // Preference is preserved across navigation (only stored when explicitly changed via request)
+        $existingLanguageIds = $languageInformation->getAllExistingLanguageIds();
+        $validLanguages = array_intersect($resolvedLanguages, $existingLanguageIds);
+
+        // Ensure at least default language if none are valid
+        if (empty($validLanguages)) {
+            $validLanguages = [0];
+        }
+
+        $validLanguages = array_values($validLanguages);
+
+        // Store preference in SharedUserPreferences when explicitly changed via request
+        if ($languagesFromRequest !== null) {
+            $this->sharedPreferences->setPageLanguages($backendUser, $pageId, $validLanguages);
+        }
+
+        // Also update ModuleData if present (for backward compatibility and UI state)
+        if ($moduleData instanceof ModuleData) {
+            $moduleData->set('languages', $validLanguages);
+        }
+
+        // Create full PageContext for resolved page record
+        return new PageContext(
+            pageId: $pageId,
+            pageRecord: $pageRecord,
+            site: $site,
+            rootLine: BackendUtility::BEgetRootLine($pageId),
+            pageTsConfig: GeneralUtility::removeDotsFromTS(BackendUtility::getPagesTSconfig($pageId)),
+            selectedLanguageIds: $validLanguages,
+            languageInformation: $languageInformation,
+            pagePermissions: new Permission($backendUser->calcPerms($pageRecord)),
+        );
+    }
+
+    /**
+     * Create PageContext with specific languages (no fallback resolution).
+     *
+     * This is useful for testing or to explicitly set languages
+     * without going through the fallback chain.
+     *
+     * Access Handling:
+     * If the user has no access to the requested page or pid=0, a PageContext is still returned,
+     * while pageRecord mit be null if no access. Controllers should check isAccessible().
+     */
+    public function createWithLanguages(
+        ServerRequestInterface $request,
+        int $pageId,
+        array $languageIds,
+        BackendUserAuthentication $backendUser
+    ): PageContext {
+        $site = $request->getAttribute('site');
+        if (!$site instanceof SiteInterface) {
+            throw new SiteNotFoundException('No site found in request', 1731234569);
+        }
+
+        $pageRecord = BackendUtility::readPageAccess($pageId, $backendUser->getPagePermsClause(Permission::PAGE_SHOW)) ?: null;
+        if ($pageId === 0 || !$pageRecord) {
+            // Either root page (pid=0) which has no real page record or no access.
+            // Return context with preserved pageId.
+            // pageRecord might be ['path' => '/'] for admins or NULL if no access or non-admin
+            // Still calculate permissions (admins have access to pid=0, editors don't).
+            return new PageContext(
+                pageId: $pageId,
+                pageRecord: $pageRecord,
+                site: $site,
+                rootLine: [],
+                pageTsConfig: GeneralUtility::removeDotsFromTS(BackendUtility::getPagesTSconfig(0)),
+                selectedLanguageIds: array_map('intval', $languageIds),
+                languageInformation: $this->languageService->getLanguageInformationForPage(0, $site, $backendUser),
+                pagePermissions: new Permission($backendUser->calcPerms($pageRecord ?: ['uid' => 0])),
+            );
+        }
+
+        // Create full PageContext for resolved page record
+        return new PageContext(
+            pageId: $pageId,
+            pageRecord: $pageRecord,
+            site: $site,
+            rootLine: BackendUtility::BEgetRootLine($pageId),
+            pageTsConfig: GeneralUtility::removeDotsFromTS(BackendUtility::getPagesTSconfig($pageId)),
+            selectedLanguageIds: array_map('intval', $languageIds),
+            languageInformation: $this->languageService->getLanguageInformationForPage($pageId, $site, $backendUser),
+            pagePermissions: new Permission($backendUser->calcPerms($pageRecord)),
+        );
+    }
+}
diff --git a/Classes/ContextMenu/ContextMenu.php b/Classes/ContextMenu/ContextMenu.php
new file mode 100644
index 0000000..2b6f87d
--- /dev/null
+++ b/Classes/ContextMenu/ContextMenu.php
@@ -0,0 +1,123 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ContextMenu;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\ContextMenu\ItemProviders\ItemProvidersRegistry;
+use TYPO3\CMS\Backend\ContextMenu\ItemProviders\ProviderInterface;
+
+/**
+ * Class for generating the click menu
+ * @internal
+ */
+#[Autoconfigure(public: true)]
+class ContextMenu
+{
+    protected ItemProvidersRegistry $itemProvidersRegistry;
+
+    public function __construct(ItemProvidersRegistry $itemProvidersRegistry)
+    {
+        $this->itemProvidersRegistry = $itemProvidersRegistry;
+    }
+
+    public function getItems(string $table, string $identifier, string $context = ''): array
+    {
+        $items = [];
+        foreach ($this->getAvailableProviders($table, $identifier, $context) as $provider) {
+            $items = $provider->addItems($items);
+        }
+        return $this->cleanItems($items);
+    }
+
+    /**
+     * @return ProviderInterface[]
+     */
+    protected function getAvailableProviders(string $table, string $identifier, string $context): array
+    {
+        $providers = $this->itemProvidersRegistry->getItemProviders();
+        $availableProviders = [];
+        foreach ($providers as $provider) {
+            $provider->setContext($table, $identifier, $context);
+            if ($provider->canHandle()) {
+                $priority = $provider->getPriority();
+                $availableProviders[$priority] = $provider;
+            }
+        }
+        krsort($availableProviders);
+        return $availableProviders;
+    }
+
+    /**
+     * Clean up double dividers.
+     * Don't render menu when there are no item or submenu.
+     */
+    protected function cleanItems(array $items): array
+    {
+        $canRender = false;
+        $prevItemWasDivider = false;
+
+        foreach ($items as $key => $item) {
+            // Assign the key as the identifier for each item.
+            // This is needed for the JavaScript to render a single node
+            $items[$key]['identifier'] = $key;
+
+            if ($item['type'] === 'item') {
+                $canRender = true;
+                $prevItemWasDivider = false;
+                continue;
+            }
+            if ($item['type'] === 'divider') {
+                if ($prevItemWasDivider === true) {
+                    unset($items[$key]);
+                } else {
+                    $prevItemWasDivider = true;
+                }
+                continue;
+            }
+            if ($item['type'] === 'submenu') {
+                $childItems = $this->cleanItems($item['childItems']);
+                if (empty($childItems)) {
+                    unset($items[$key]);
+                } else {
+                    $items[$key]['childItems'] = $childItems;
+                    $canRender = true;
+                    $prevItemWasDivider = false;
+                }
+                continue;
+            }
+        }
+
+        if ($canRender) {
+            //Remove first and last divider
+            $fistItem = reset($items);
+            if ($fistItem['type'] === 'divider') {
+                $key = key($items);
+                unset($items[$key]);
+            }
+            $lastItem = end($items);
+            if ($lastItem['type'] === 'divider') {
+                $key = key($items);
+                unset($items[$key]);
+            }
+        } else {
+            //no menu when there are no item or submenu
+            $items = [];
+        }
+        return $items;
+    }
+}
diff --git a/Classes/ContextMenu/ItemProviders/AbstractProvider.php b/Classes/ContextMenu/ItemProviders/AbstractProvider.php
new file mode 100644
index 0000000..38c3907
--- /dev/null
+++ b/Classes/ContextMenu/ItemProviders/AbstractProvider.php
@@ -0,0 +1,210 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ContextMenu\ItemProviders;
+
+use TYPO3\CMS\Backend\Clipboard\Clipboard;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Abstract provider is a base class for context menu item providers
+ */
+class AbstractProvider implements ProviderInterface
+{
+    /**
+     * Language Service property. Used to access localized labels
+     *
+     * @var LanguageService
+     */
+    protected $languageService;
+
+    /**
+     * @var BackendUserAuthentication
+     */
+    protected $backendUser;
+
+    /**
+     * @var \TYPO3\CMS\Backend\Clipboard\Clipboard
+     */
+    protected $clipboard;
+
+    /**
+     * Array of items the class is providing
+     *
+     * @var array
+     */
+    protected $itemsConfiguration = [];
+
+    /**
+     * Click menu items disabled by TSConfig
+     *
+     * @var array
+     */
+    protected $disabledItems = [];
+
+    /**
+     * Current table name
+     *
+     * @var string
+     */
+    protected $table = '';
+
+    /**
+     * @var string clicked record identifier (usually uid or file combined identifier)
+     */
+    protected $identifier = '';
+
+    /**
+     * Context - from where the click menu was triggered (e.g. 'tree')
+     *
+     * @var string
+     */
+    protected $context = '';
+
+    public function __construct()
+    {
+        $this->languageService = $GLOBALS['LANG'];
+        $this->backendUser = $GLOBALS['BE_USER'];
+    }
+
+    public function setContext(string $table, string $identifier, string $context = ''): void
+    {
+        $this->table = $table;
+        $this->identifier = $identifier;
+        $this->context = $context;
+    }
+
+    /**
+     * Provider initialization, heavy stuff
+     */
+    protected function initialize()
+    {
+        $this->initClipboard();
+        $this->initDisabledItems();
+    }
+
+    /**
+     * Returns the provider priority which is used for determining the order in which providers are adding items
+     * to the result array. Highest priority means provider is evaluated first.
+     */
+    public function getPriority(): int
+    {
+        return 100;
+    }
+
+    /**
+     * Whether this provider can handle given request (usually a check based on table, uid and context)
+     */
+    public function canHandle(): bool
+    {
+        return false;
+    }
+
+    /**
+     * Initialize clipboard object - necessary for all copy/cut/paste operations
+     */
+    protected function initClipboard()
+    {
+        $clipboard = GeneralUtility::makeInstance(Clipboard::class);
+        $clipboard->initializeClipboard();
+        // This locks the clipboard to the Normal for this request.
+        $clipboard->lockToNormal();
+        // This removes all no longer existing elements
+        $clipboard->cleanCurrent();
+        // This stores the changed clipboard data
+        $clipboard->endClipboard();
+        $this->clipboard = $clipboard;
+    }
+
+    /**
+     * Fills $this->disabledItems with the values from TSConfig.
+     * Disabled items can be set separately for each context.
+     */
+    protected function initDisabledItems()
+    {
+        if ($this->context) {
+            $tsConfigValue = $this->backendUser->getTSConfig()['options.']['contextMenu.']['table.'][$this->table . '.'][$this->context . '.']['disableItems'] ?? '';
+        } else {
+            $tsConfigValue = $this->backendUser->getTSConfig()['options.']['contextMenu.']['table.'][$this->table . '.']['disableItems'] ?? '';
+        }
+        $this->disabledItems = GeneralUtility::trimExplode(',', $tsConfigValue, true);
+    }
+
+    /**
+     * Adds new items to the given array or modifies existing items
+     */
+    public function addItems(array $items): array
+    {
+        $this->initialize();
+        $items += $this->prepareItems($this->itemsConfiguration);
+        return $items;
+    }
+
+    /**
+     * Converts item configuration (from $this->itemsConfiguration) into an array ready for returning by controller
+     */
+    protected function prepareItems(array $itemsConfiguration): array
+    {
+        $iconFactory = GeneralUtility::makeInstance(IconFactory::class);
+        $items = [];
+        foreach ($itemsConfiguration as $name => $configuration) {
+            $type = !empty($configuration['type']) ? $configuration['type'] : 'item';
+            if ($this->canRender($name, $type)) {
+                $items[$name] = [
+                    'type' => $type,
+                    'label' => !empty($configuration['label']) ? htmlspecialchars($this->languageService->sL($configuration['label'])) : '',
+                    'icon' => !empty($configuration['iconIdentifier']) ? $iconFactory->getIcon($configuration['iconIdentifier'], IconSize::SMALL)->render('inline') : '',
+                    'additionalAttributes' => $this->getAdditionalAttributes($name),
+                    'callbackAction' => !empty($configuration['callbackAction']) ? $configuration['callbackAction'] : '',
+                ];
+                if ($type === 'submenu') {
+                    $items[$name]['childItems'] = $this->prepareItems($configuration['childItems']);
+                }
+            }
+        }
+        return $items;
+    }
+
+    /**
+     * Returns an array of additional attributes for given item. Additional attributes are used to pass item specific data
+     * to the JS. E.g. message for the delete confirmation dialog
+     */
+    protected function getAdditionalAttributes(string $itemName): array
+    {
+        return [];
+    }
+
+    /**
+     * Checks whether certain item can be rendered (e.g. check for disabled items or permissions)
+     */
+    protected function canRender(string $itemName, string $type): bool
+    {
+        return true;
+    }
+
+    /**
+     * Returns a clicked record identifier
+     */
+    protected function getIdentifier(): string
+    {
+        return '';
+    }
+}
diff --git a/Classes/ContextMenu/ItemProviders/ItemProvidersRegistry.php b/Classes/ContextMenu/ItemProviders/ItemProvidersRegistry.php
new file mode 100644
index 0000000..e384419
--- /dev/null
+++ b/Classes/ContextMenu/ItemProviders/ItemProvidersRegistry.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ContextMenu\ItemProviders;
+
+/**
+ * Registry class for context menu item provider
+ *
+ * @internal
+ */
+class ItemProvidersRegistry
+{
+    protected array $itemProviders = [];
+
+    public function __construct(iterable $itemProviders)
+    {
+        foreach ($itemProviders as $itemProvider) {
+            if ($itemProvider instanceof ProviderInterface) {
+                $this->itemProviders[] = $itemProvider;
+            }
+        }
+    }
+
+    /**
+     * Get all registered item providers
+     *
+     * @return ProviderInterface[]
+     */
+    public function getItemProviders(): array
+    {
+        return $this->itemProviders;
+    }
+}
diff --git a/Classes/ContextMenu/ItemProviders/PageProvider.php b/Classes/ContextMenu/ItemProviders/PageProvider.php
new file mode 100644
index 0000000..15df63c
--- /dev/null
+++ b/Classes/ContextMenu/ItemProviders/PageProvider.php
@@ -0,0 +1,561 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ContextMenu\ItemProviders;
+
+use TYPO3\CMS\Backend\Routing\PreviewUriBuilder;
+use TYPO3\CMS\Core\DataHandling\PageDoktypeRegistry;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Context menu item provider for pages table
+ */
+class PageProvider extends RecordProvider
+{
+    /**
+     * @var string
+     */
+    protected $table = 'pages';
+
+    /**
+     * @var array
+     */
+    protected $itemsConfiguration = [
+        'view' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.view',
+            'iconIdentifier' => 'actions-view-page',
+            'callbackAction' => 'viewRecord',
+        ],
+        'edit' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.edit',
+            'iconIdentifier' => 'actions-page-open',
+            'callbackAction' => 'editRecord',
+        ],
+        'new' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.newSubpage',
+            'iconIdentifier' => 'actions-page-new',
+            'callbackAction' => 'newRecord',
+        ],
+        'info' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.info',
+            'iconIdentifier' => 'actions-document-info',
+            'callbackAction' => 'openInfoPopUp',
+        ],
+        'qrcode' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:showPageQrCode',
+            'iconIdentifier' => 'actions-qrcode',
+            'callbackAction' => 'showQrCode',
+        ],
+        'divider1' => [
+            'type' => 'divider',
+        ],
+        'copy' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.copy',
+            'iconIdentifier' => 'actions-edit-copy',
+            'callbackAction' => 'copy',
+        ],
+        'copyRelease' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.copy',
+            'iconIdentifier' => 'actions-edit-copy-release',
+            'callbackAction' => 'clipboardRelease',
+        ],
+        'cut' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.cut',
+            'iconIdentifier' => 'actions-edit-cut',
+            'callbackAction' => 'cut',
+        ],
+        'cutRelease' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.cutrelease',
+            'iconIdentifier' => 'actions-edit-cut-release',
+            'callbackAction' => 'clipboardRelease',
+        ],
+        'pasteAfter' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.pasteafter',
+            'iconIdentifier' => 'actions-document-paste-after',
+            'callbackAction' => 'pasteAfter',
+        ],
+        'pasteInto' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.pasteinto',
+            'iconIdentifier' => 'actions-document-paste-into',
+            'callbackAction' => 'pasteInto',
+        ],
+        'divider2' => [
+            'type' => 'divider',
+        ],
+        'more' => [
+            'type' => 'submenu',
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.more',
+            'iconIdentifier' => '',
+            'callbackAction' => 'openSubmenu',
+            'childItems' => [
+                'pagesSort' => [
+                    'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:title',
+                    'iconIdentifier' => 'actions-page-move',
+                    'callbackAction' => 'pagesSort',
+                ],
+                'pagesNewMultiple' => [
+                    'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:title',
+                    'iconIdentifier' => 'apps-pagetree-drag-move-between',
+                    'callbackAction' => 'pagesNewMultiple',
+                ],
+                'mountAsTreeRoot' => [
+                    'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.tempMountPoint',
+                    'iconIdentifier' => 'actions-pagetree-mountroot',
+                    'callbackAction' => 'mountAsTreeRoot',
+                ],
+                'showInMenus' => [
+                    'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:CM_showInMenus',
+                    'iconIdentifier' => 'actions-view',
+                    'callbackAction' => 'showInMenus',
+                ],
+                'hideInMenus' => [
+                    'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:CM_hideInMenus',
+                    'iconIdentifier' => 'actions-ban',
+                    'callbackAction' => 'hideInMenus',
+                ],
+            ],
+        ],
+        'divider3' => [
+            'type' => 'divider',
+        ],
+        'enable' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:enable',
+            'iconIdentifier' => 'actions-edit-unhide',
+            'callbackAction' => 'enableRecord',
+        ],
+        'disable' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:disable',
+            'iconIdentifier' => 'actions-edit-hide',
+            'callbackAction' => 'disableRecord',
+        ],
+        'delete' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.delete',
+            'iconIdentifier' => 'actions-edit-delete',
+            'callbackAction' => 'deleteRecord',
+        ],
+        'history' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:CM_history',
+            'iconIdentifier' => 'actions-document-history-open',
+            'callbackAction' => 'openHistoryPopUp',
+        ],
+        'clearCache' => [
+            'label' => 'core.cache:page.label',
+            'iconIdentifier' => 'actions-system-cache-clear',
+            'callbackAction' => 'clearCache',
+        ],
+    ];
+
+    protected bool $languageAccess = false;
+
+    /**
+     * Checks if the provider can add items to the menu
+     */
+    public function canHandle(): bool
+    {
+        return $this->table === 'pages';
+    }
+
+    public function getPriority(): int
+    {
+        return 100;
+    }
+
+    protected function canRender(string $itemName, string $type): bool
+    {
+        if (in_array($type, ['divider', 'submenu'], true)) {
+            return true;
+        }
+        if (in_array($itemName, $this->disabledItems, true)) {
+            return false;
+        }
+        $canRender = false;
+        switch ($itemName) {
+            case 'view':
+            case 'qrcode':
+                $canRender = $this->canBeViewed();
+                break;
+            case 'edit':
+                $canRender = $this->canBeEdited();
+                break;
+            case 'new':
+            case 'pagesNewMultiple':
+                $canRender = $this->canBeCreated();
+                break;
+            case 'info':
+                $canRender = $this->canShowInfo();
+                break;
+            case 'enable':
+                $canRender = $this->canBeEnabled();
+                break;
+            case 'disable':
+                $canRender = $this->canBeDisabled();
+                break;
+            case 'showInMenus':
+                $canRender = $this->canBeToggled('nav_hide', 1);
+                break;
+            case 'hideInMenus':
+                $canRender = $this->canBeToggled('nav_hide', 0);
+                break;
+            case 'delete':
+                $canRender = $this->canBeDeleted();
+                break;
+            case 'history':
+                $canRender = $this->canShowHistory();
+                break;
+            case 'pagesSort':
+                $canRender = $this->canBeSorted();
+                break;
+            case 'mountAsTreeRoot':
+                $canRender = !$this->isRoot();
+                break;
+            case 'copy':
+                $canRender = $this->canBeCopied();
+                break;
+            case 'copyRelease':
+                $canRender = $this->isRecordInClipboard('copy');
+                break;
+            case 'cut':
+                $canRender = $this->canBeCut() && !$this->isRecordInClipboard('cut');
+                break;
+            case 'cutRelease':
+                $canRender = $this->isRecordInClipboard('cut');
+                break;
+            case 'pasteAfter':
+                $canRender = $this->canBePastedAfter();
+                break;
+            case 'pasteInto':
+                $canRender = $this->canBePastedInto();
+                break;
+            case 'clearCache':
+                $canRender = $this->canClearCache();
+                break;
+        }
+        return $canRender;
+    }
+
+    /**
+     * Saves calculated permissions for a page to speed things up
+     */
+    protected function initPermissions(): void
+    {
+        $this->pagePermissions = new Permission($this->backendUser->calcPerms($this->record));
+        $this->languageAccess = $this->hasLanguageAccess();
+    }
+
+    /**
+     * Checks if the user may create pages below the given page
+     */
+    protected function canBeCreated(): bool
+    {
+        if (!$this->backendUser->checkLanguageAccess(0)) {
+            return false;
+        }
+        if ($this->getLanguageField() !== ''
+            && !in_array($this->record[$this->getLanguageField()] ?? false, [0, -1])
+        ) {
+            return false;
+        }
+        if (!$this->backendUser->check('tables_modify', $this->table)) {
+            return false;
+        }
+        return $this->hasPagePermission(Permission::PAGE_NEW);
+    }
+
+    /**
+     * Checks if the user has editing rights
+     */
+    protected function canBeEdited(): bool
+    {
+        if (!$this->languageAccess) {
+            return false;
+        }
+        if ($this->isRoot()) {
+            return false;
+        }
+        if ($this->getSchema()?->hasCapability(TcaSchemaCapability::AccessReadOnly)) {
+            return false;
+        }
+        if ($this->backendUser->isAdmin()) {
+            return true;
+        }
+        if ($this->getSchema()?->hasCapability(TcaSchemaCapability::AccessAdminOnly)) {
+            return false;
+        }
+        if (!$this->backendUser->check('tables_modify', $this->table)) {
+            return false;
+        }
+        return !$this->isRecordLocked() && $this->hasPagePermission(Permission::PAGE_EDIT);
+    }
+
+    /**
+     * Check if a page is locked
+     */
+    protected function isRecordLocked(): bool
+    {
+        return (bool)$this->record[$this->getSchema()->getCapability(TcaSchemaCapability::EditLock)->getFieldName()];
+    }
+
+    /**
+     * Checks if the page is allowed to can be cut
+     */
+    protected function canBeCut(): bool
+    {
+        if (!$this->languageAccess) {
+            return false;
+        }
+        if ($this->getLanguageField() !== ''
+            && !in_array($this->record[$this->getLanguageField()] ?? false, [0, -1])
+        ) {
+            return false;
+        }
+        if (!$this->backendUser->check('tables_modify', $this->table)) {
+            return false;
+        }
+        return !$this->isWebMount()
+            && $this->canBeEdited()
+            && !$this->isDeletePlaceholder();
+    }
+
+    /**
+     * Checks if the page is allowed to be copied
+     */
+    protected function canBeCopied(): bool
+    {
+        if (!$this->languageAccess) {
+            return false;
+        }
+        if ($this->getLanguageField() !== ''
+            && !in_array($this->record[$this->getLanguageField()] ?? false, [0, -1])
+        ) {
+            return false;
+        }
+        if (!$this->backendUser->check('tables_select', $this->table)) {
+            return false;
+        }
+        return !$this->isRoot()
+            && !$this->isWebMount()
+            && !$this->isRecordInClipboard('copy')
+            && $this->hasPagePermission(Permission::PAGE_SHOW)
+            && !$this->isDeletePlaceholder();
+    }
+
+    /**
+     * Checks if something can be pasted into the node
+     */
+    protected function canBePastedInto(): bool
+    {
+        if (!$this->languageAccess) {
+            return false;
+        }
+        $clipboardElementCount = count($this->clipboard->elFromTable($this->table));
+
+        return $clipboardElementCount
+            && $this->canBeCreated()
+            && !$this->isDeletePlaceholder();
+    }
+
+    /**
+     * Checks if something can be pasted after the node
+     */
+    protected function canBePastedAfter(): bool
+    {
+        if (!$this->languageAccess) {
+            return false;
+        }
+        $clipboardElementCount = count($this->clipboard->elFromTable($this->table));
+        return $clipboardElementCount
+            && $this->canBeCreated()
+            && !$this->isDeletePlaceholder();
+    }
+
+    /**
+     * Check if sub pages of given page can be sorted
+     */
+    protected function canBeSorted(): bool
+    {
+        if (!$this->languageAccess) {
+            return false;
+        }
+        return $this->backendUser->check('tables_modify', $this->table)
+            && $this->hasPagePermission(Permission::CONTENT_EDIT)
+            && !$this->isDeletePlaceholder()
+            && $this->backendUser->workspace === 0;
+    }
+
+    /**
+     * Checks if the page is allowed to be removed
+     */
+    protected function canBeDeleted(): bool
+    {
+        if (!$this->languageAccess) {
+            return false;
+        }
+        return !$this->isRoot()
+            && !$this->isDeletePlaceholder()
+            && !$this->isRecordLocked()
+            && !$this->isDeletionDisabledInTS()
+            && $this->hasPagePermission(Permission::PAGE_DELETE);
+    }
+
+    /**
+     * Checks if the page is allowed to be viewed in frontend
+     */
+    protected function canBeViewed(): bool
+    {
+        return !$this->isRoot()
+            && !$this->isDeleted()
+            && $this->previewLinkCanBeBuild();
+    }
+
+    /**
+     * Checks if the page is allowed to show info
+     */
+    protected function canShowInfo(): bool
+    {
+        return !$this->isRoot();
+    }
+
+    /**
+     * Checks if the user has clear cache rights
+     */
+    protected function canClearCache(): bool
+    {
+        return !$this->isRoot()
+            && ($this->backendUser->isAdmin() || ($this->backendUser->getTSConfig()['options.']['clearCache.']['pages'] ?? false));
+    }
+
+    /**
+     * Determines whether this node is deleted.
+     */
+    protected function isDeleted(): bool
+    {
+        return !empty($this->record['deleted']) || $this->isDeletePlaceholder();
+    }
+
+    /**
+     * Returns true if current record is a root page
+     */
+    protected function isRoot(): bool
+    {
+        return (int)$this->identifier === 0;
+    }
+
+    /**
+     * Returns true if current record is a web mount
+     */
+    protected function isWebMount(): bool
+    {
+        return in_array($this->identifier, $this->backendUser->getWebmounts());
+    }
+
+    protected function getAdditionalAttributes(string $itemName): array
+    {
+        $attributes = [];
+        if ($itemName === 'view' || $itemName === 'qrcode') {
+            $attributes += $this->getViewAdditionalAttributes();
+        }
+        if ($itemName === 'enable' || $itemName === 'disable') {
+            $attributes += $this->getEnableDisableAdditionalAttributes();
+        }
+        if ($itemName === 'delete') {
+            $attributes += $this->getDeleteAdditionalAttributes();
+        }
+        if ($itemName === 'pasteInto') {
+            $attributes += $this->getPasteAdditionalAttributes('into');
+        }
+        if ($itemName === 'pasteAfter') {
+            $attributes += $this->getPasteAdditionalAttributes('after');
+        }
+        if ($itemName === 'pagesSort') {
+            $attributes += [
+                'data-pages-sort-url' => (string)$this->uriBuilder->buildUriFromRoute('pages_sort', ['id' => $this->record['uid'] ?? null]),
+            ];
+        }
+        if ($itemName === 'pagesNewMultiple') {
+            $attributes += [
+                'data-pages-new-multiple-url' => (string)$this->uriBuilder->buildUriFromRoute('pages_new', ['id' => $this->record['uid'] ?? 0]),
+            ];
+        }
+
+        if ($itemName === 'edit') {
+            $attributes = [
+                'data-pages-language-uid' => $this->record[$this->getLanguageField()] ?? null,
+            ];
+        }
+        return $attributes;
+    }
+
+    protected function getPreviewPid(): int
+    {
+        return (int)($this->record[$this->getLanguageField()] ?? 0) === 0 ? (int)$this->record['uid'] : (int)$this->record['l10n_parent'];
+    }
+
+    /**
+     * Returns the view link
+     */
+    protected function getViewLink(): string
+    {
+        return (string)PreviewUriBuilder::create($this->record)->buildUri();
+    }
+
+    /**
+     * Checks if user has access to this column, the doktype
+     * is not excluded and that it contains the given value.
+     */
+    protected function canBeToggled(string $fieldName, int $value): bool
+    {
+        if (!$this->languageAccess || $this->isRoot()) {
+            return false;
+        }
+        $field = $this->getSchema()->getField($fieldName);
+        if ($field->supportsAccessControl()
+            && !$this->isExcludedDoktype()
+            && $this->backendUser->check('non_exclude_fields', $this->table . ':' . $fieldName)
+            && $this->backendUser->check('tables_modify', $this->table)
+        ) {
+            return (int)$this->record[$fieldName] === $value;
+        }
+        return false;
+    }
+
+    /**
+     * Returns true if a current user has access to the language of the record
+     *
+     * @see BackendUserAuthentication::checkLanguageAccess()
+     */
+    protected function hasLanguageAccess(): bool
+    {
+        if ($this->backendUser->isAdmin()) {
+            return true;
+        }
+        if (($languageField = $this->getLanguageField()) !== '' && isset($this->record[$languageField])) {
+            return $this->backendUser->checkLanguageAccess((int)$this->record[$languageField]);
+        }
+        return true;
+    }
+
+    /**
+     * Returns true if the page doktype is excluded
+     */
+    protected function isExcludedDoktype(): bool
+    {
+        $doktypeRegistry = GeneralUtility::makeInstance(PageDoktypeRegistry::class);
+        return !$doktypeRegistry->isPageTypeViewable((int)($this->record['doktype'] ?? 0));
+    }
+}
diff --git a/Classes/ContextMenu/ItemProviders/ProviderInterface.php b/Classes/ContextMenu/ItemProviders/ProviderInterface.php
new file mode 100644
index 0000000..b0aae57
--- /dev/null
+++ b/Classes/ContextMenu/ItemProviders/ProviderInterface.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ContextMenu\ItemProviders;
+
+/**
+ * Interface for context menu items providers
+ */
+interface ProviderInterface
+{
+    public function addItems(array $items): array;
+
+    /**
+     * Returns the priority of the provider. Higher priority value means provider is executed first
+     */
+    public function getPriority(): int;
+
+    /**
+     * Checks if the provider can add items to the menu
+     */
+    public function canHandle(): bool;
+
+    /**
+     * Initialize the current context.
+     * This method is called directly after fetching the provider from the container.
+     */
+    public function setContext(string $table, string $identifier, string $context = ''): void;
+}
diff --git a/Classes/ContextMenu/ItemProviders/RecordProvider.php b/Classes/ContextMenu/ItemProviders/RecordProvider.php
new file mode 100644
index 0000000..df149ff
--- /dev/null
+++ b/Classes/ContextMenu/ItemProviders/RecordProvider.php
@@ -0,0 +1,663 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ContextMenu\ItemProviders;
+
+use TYPO3\CMS\Backend\Domain\Repository\Localization\LocalizationRepository;
+use TYPO3\CMS\Backend\Routing\PreviewUriBuilder;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\JsConfirmation;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * Class responsible for providing click menu items for db records which don't have custom provider (as e.g. pages)
+ */
+class RecordProvider extends AbstractProvider
+{
+    /**
+     * Database record
+     *
+     * @var array
+     */
+    protected $record = [];
+
+    /**
+     * Database record of the page $this->record is placed on
+     *
+     * @var array
+     */
+    protected $pageRecord = [];
+
+    /**
+     * Local cache for the result of BackendUserAuthentication::calcPerms()
+     *
+     * @var Permission
+     */
+    protected $pagePermissions;
+
+    /**
+     * @var array
+     */
+    protected $itemsConfiguration = [
+        'view' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.view',
+            'iconIdentifier' => 'actions-view',
+            'callbackAction' => 'viewRecord',
+        ],
+        'edit' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.edit',
+            'iconIdentifier' => 'actions-open',
+            'callbackAction' => 'editRecord',
+        ],
+        'new' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.new',
+            'iconIdentifier' => 'actions-plus',
+            'callbackAction' => 'newRecord',
+        ],
+        'info' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.info',
+            'iconIdentifier' => 'actions-document-info',
+            'callbackAction' => 'openInfoPopUp',
+        ],
+        'divider1' => [
+            'type' => 'divider',
+        ],
+        'copy' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.copy',
+            'iconIdentifier' => 'actions-edit-copy',
+            'callbackAction' => 'copy',
+        ],
+        'copyRelease' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.copy',
+            'iconIdentifier' => 'actions-edit-copy-release',
+            'callbackAction' => 'clipboardRelease',
+        ],
+        'cut' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.cut',
+            'iconIdentifier' => 'actions-edit-cut',
+            'callbackAction' => 'cut',
+        ],
+        'cutRelease' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.cutrelease',
+            'iconIdentifier' => 'actions-edit-cut-release',
+            'callbackAction' => 'clipboardRelease',
+        ],
+        'pasteAfter' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.pasteafter',
+            'iconIdentifier' => 'actions-document-paste-after',
+            'callbackAction' => 'pasteAfter',
+        ],
+        'divider2' => [
+            'type' => 'divider',
+        ],
+        'more' => [
+            'type' => 'submenu',
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.more',
+            'iconIdentifier' => '',
+            'callbackAction' => 'openSubmenu',
+            'childItems' => [
+                'newWizard' => [
+                    'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:CM_newWizard',
+                    'iconIdentifier' => 'actions-plus',
+                    'callbackAction' => 'newContentWizard',
+                ],
+            ],
+        ],
+        'divider3' => [
+            'type' => 'divider',
+        ],
+        'enable' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:enable',
+            'iconIdentifier' => 'actions-edit-unhide',
+            'callbackAction' => 'enableRecord',
+        ],
+        'disable' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:disable',
+            'iconIdentifier' => 'actions-edit-hide',
+            'callbackAction' => 'disableRecord',
+        ],
+        'delete' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.delete',
+            'iconIdentifier' => 'actions-edit-delete',
+            'callbackAction' => 'deleteRecord',
+        ],
+        'history' => [
+            'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:CM_history',
+            'iconIdentifier' => 'actions-document-history-open',
+            'callbackAction' => 'openHistoryPopUp',
+        ],
+    ];
+
+    public function __construct(
+        protected readonly TcaSchemaFactory $tcaSchemaFactory,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly LocalizationRepository $localizationRepository,
+    ) {
+        parent::__construct();
+    }
+
+    /**
+     * Whether this provider should kick in
+     */
+    public function canHandle(): bool
+    {
+        if (in_array($this->table, ['sys_file', 'pages'], true)) {
+            return false;
+        }
+        return $this->tcaSchemaFactory->has($this->table);
+    }
+
+    /**
+     * Initialize db record
+     */
+    protected function initialize()
+    {
+        parent::initialize();
+        $this->record = BackendUtility::getRecordWSOL($this->table, (int)$this->identifier);
+        $this->initPermissions();
+    }
+
+    /**
+     * Priority is set to lower then default value, in order to skip this provider if there is less generic provider available.
+     */
+    public function getPriority(): int
+    {
+        return 60;
+    }
+
+    /**
+     * This provider works as a fallback if there is no provider dedicated for certain table, thus it's only kicking in when $items are empty.
+     */
+    public function addItems(array $items): array
+    {
+        if (!empty($items)) {
+            return $items;
+        }
+        $this->initialize();
+        return $this->prepareItems($this->itemsConfiguration);
+    }
+
+    /**
+     * Whether a given item can be rendered (e.g. user has enough permissions)
+     */
+    protected function canRender(string $itemName, string $type): bool
+    {
+        if (in_array($type, ['divider', 'submenu'], true)) {
+            return true;
+        }
+        if (in_array($itemName, $this->disabledItems, true)) {
+            return false;
+        }
+        $canRender = false;
+        switch ($itemName) {
+            case 'view':
+                $canRender = $this->canBeViewed();
+                break;
+            case 'edit':
+                $canRender = $this->canBeEdited();
+                break;
+            case 'new':
+                $canRender = $this->canBeNew();
+                break;
+            case 'newWizard':
+                $canRender = $this->canOpenNewCEWizard();
+                break;
+            case 'info':
+                $canRender = $this->canShowInfo();
+                break;
+            case 'enable':
+                $canRender = $this->canBeEnabled();
+                break;
+            case 'disable':
+                $canRender = $this->canBeDisabled();
+                break;
+            case 'delete':
+                $canRender = $this->canBeDeleted();
+                break;
+            case 'history':
+                $canRender = $this->canShowHistory();
+                break;
+            case 'copy':
+                $canRender = $this->canBeCopied();
+                break;
+            case 'copyRelease':
+                $canRender = $this->isRecordInClipboard('copy');
+                break;
+            case 'cut':
+                $canRender = $this->canBeCut();
+                break;
+            case 'cutRelease':
+                $canRender = $this->isRecordInClipboard('cut');
+                break;
+            case 'pasteAfter':
+                $canRender = $this->canBePastedAfter();
+                break;
+        }
+        return $canRender;
+    }
+
+    /**
+     * Saves calculated permissions for a page containing given record, to speed things up
+     */
+    protected function initPermissions()
+    {
+        $this->pageRecord = BackendUtility::getRecord('pages', $this->record['pid']) ?? [];
+        $this->pagePermissions = new Permission($this->backendUser->calcPerms($this->pageRecord));
+    }
+
+    /**
+     * Returns true if a current user have access to given permission
+     *
+     * @see BackendUserAuthentication::doesUserHaveAccess()
+     */
+    protected function hasPagePermission(int $permission): bool
+    {
+        return $this->backendUser->isAdmin() || $this->pagePermissions->isGranted($permission);
+    }
+
+    /**
+     * Additional attributes for JS
+     */
+    protected function getAdditionalAttributes(string $itemName): array
+    {
+        $attributes = [];
+        if ($itemName === 'view') {
+            $attributes += $this->getViewAdditionalAttributes();
+        }
+        if ($itemName === 'enable' || $itemName === 'disable') {
+            $attributes += $this->getEnableDisableAdditionalAttributes();
+        }
+        if ($itemName === 'newWizard' && $this->table === 'tt_content') {
+            $urlParameters = [
+                'id' => $this->record['pid'],
+                'sys_language_uid' => $this->record[$this->getLanguageField()] ?? null,
+                'colPos' => $this->record['colPos'],
+                'uid_pid' => -$this->record['uid'],
+            ];
+            $url = (string)$this->uriBuilder->buildUriFromRoute('new_content_element_wizard', $urlParameters);
+            $attributes += [
+                'data-new-wizard-url' => $url,
+                'data-title' => $this->languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:newContentElement'),
+            ];
+        }
+        if ($itemName === 'delete') {
+            $attributes += $this->getDeleteAdditionalAttributes();
+        }
+        if ($itemName === 'pasteAfter') {
+            $attributes += $this->getPasteAdditionalAttributes('after');
+        }
+        return $attributes;
+    }
+
+    /**
+     * Additional attributes for the 'view' item
+     */
+    protected function getViewAdditionalAttributes(): array
+    {
+        $attributes = [];
+        $viewLink = $this->getViewLink();
+        if ($viewLink) {
+            $attributes += [
+                'data-preview-url' => $viewLink,
+            ];
+        }
+        return $attributes;
+    }
+
+    /**
+     * Additional attributes for the hide & unhide items
+     */
+    protected function getEnableDisableAdditionalAttributes(): array
+    {
+        $hiddenFieldName = '';
+        if (($schema = $this->getSchema())?->hasCapability(TcaSchemaCapability::RestrictionDisabledField)) {
+            $hiddenFieldName = $schema->getCapability(TcaSchemaCapability::RestrictionDisabledField)->getFieldName();
+        }
+        return [
+            'data-disable-field' => $hiddenFieldName,
+        ];
+    }
+
+    /**
+     * Additional attributes for the pasteInto and pasteAfter items
+     *
+     * @param string $type "after" or "into"
+     */
+    protected function getPasteAdditionalAttributes(string $type): array
+    {
+        $closeText = $this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:cancel');
+        $okText = $this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:ok');
+        $attributes = [];
+        if ($this->backendUser->jsConfirmation(JsConfirmation::COPY_MOVE_PASTE)) {
+            $selItem = $this->clipboard->getSelectedRecord();
+            $title = $this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:clip_paste');
+
+            $confirmMessage = sprintf(
+                $this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:mess.'
+                    . ($this->clipboard->currentMode() === 'copy' ? 'copy' : 'move') . '_' . $type),
+                BackendUtility::cropToTitleLength($selItem['_RECORD_TITLE']),
+                BackendUtility::cropToTitleLength(BackendUtility::getRecordTitle($this->table, $this->record))
+            );
+            $attributes += [
+                'data-title' => $title,
+                'data-message' => $confirmMessage,
+                'data-button-close-text' => $closeText,
+                'data-button-ok-text' => $okText,
+            ];
+        }
+        return $attributes;
+    }
+
+    /**
+     * Additional data for a "delete" action (confirmation modal title and message)
+     */
+    protected function getDeleteAdditionalAttributes(): array
+    {
+        $closeText = $this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:cancel');
+        $okText = $this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:delete');
+        $attributes = [];
+        if ($this->backendUser->jsConfirmation(JsConfirmation::DELETE)) {
+            $title = $this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:mess.delete.title');
+            $recordInfo = BackendUtility::cropToTitleLength(BackendUtility::getRecordTitle($this->table, $this->record));
+            if ($this->backendUser->shallDisplayDebugInformation()) {
+                $recordInfo .= ' [' . $this->table . ':' . $this->record['uid'] . ']';
+            }
+            $confirmMessage = sprintf(
+                $this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:mess.delete'),
+                trim($recordInfo)
+            );
+            $confirmMessage .= BackendUtility::referenceCount(
+                $this->table,
+                $this->record['uid'],
+                LF . $this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.referencesToRecord')
+            );
+            $translationCount = count($this->localizationRepository->getRecordTranslations($this->table, $this->record['uid']));
+            if ($translationCount > 0) {
+                $confirmMessage .= LF . sprintf(
+                    $this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.translationsOfRecord'),
+                    $translationCount
+                );
+            }
+
+            $attributes += [
+                'data-title' => $title,
+                'data-message' => $confirmMessage,
+                'data-button-close-text' => $closeText,
+                'data-button-ok-text' => $okText,
+            ];
+        }
+        return $attributes;
+    }
+
+    /**
+     * Returns id of the Page used for preview
+     */
+    protected function getPreviewPid(): int
+    {
+        return (int)$this->record['pid'];
+    }
+
+    /**
+     * Returns the view link
+     */
+    protected function getViewLink(): string
+    {
+        return (string)PreviewUriBuilder::createForRecordPreview(
+            $this->table,
+            $this->record,
+            $this->pageRecord['uid'] ?? 0
+        )->buildUri();
+    }
+
+    /**
+     * Checks if the page is allowed to show info
+     */
+    protected function canShowInfo(): bool
+    {
+        return true;
+    }
+
+    /**
+     * Checks if the page is allowed to show info
+     */
+    protected function canShowHistory(): bool
+    {
+        $userTsConfig = $this->backendUser->getTSConfig();
+        return (bool)trim($userTsConfig['options.']['showHistory.'][$this->table] ?? $userTsConfig['options.']['showHistory'] ?? '1');
+    }
+
+    /**
+     * Checks if the record can be previewed in frontend
+     */
+    protected function canBeViewed(): bool
+    {
+        return $this->previewLinkCanBeBuild();
+    }
+
+    /**
+     * Whether a record can be edited
+     */
+    protected function canBeEdited(): bool
+    {
+        if ($this->getSchema()?->hasCapability(TcaSchemaCapability::AccessReadOnly)) {
+            return false;
+        }
+        if ($this->backendUser->isAdmin()) {
+            return true;
+        }
+        if ($this->getSchema()?->hasCapability(TcaSchemaCapability::AccessAdminOnly)) {
+            return false;
+        }
+
+        $access = !$this->isRecordLocked()
+            && $this->backendUser->check('tables_modify', $this->table)
+            && $this->hasPagePermission(Permission::CONTENT_EDIT)
+            && $this->backendUser->checkRecordEditAccess($this->table, $this->record)->isAllowed;
+        return $access;
+    }
+
+    /**
+     * Whether a record can be created
+     */
+    protected function canBeNew(): bool
+    {
+        return $this->canBeEdited() && !$this->isRecordATranslation();
+    }
+
+    /**
+     * Checks if disableDelete flag is set in TSConfig for the current table
+     */
+    protected function isDeletionDisabledInTS(): bool
+    {
+        return (bool)trim(
+            $this->backendUser->getTSConfig()['options.']['disableDelete.'][$this->table]
+            ?? $this->backendUser->getTSConfig()['options.']['disableDelete']
+            ?? ''
+        );
+    }
+
+    /**
+     * Checks if the user has the right to delete the record
+     */
+    protected function canBeDeleted(): bool
+    {
+        return !$this->isDeletionDisabledInTS()
+            && !$this->isRecordCurrentBackendUser()
+            && $this->canBeEdited();
+    }
+
+    /**
+     * Returns true if current record can be unhidden/enabled
+     */
+    protected function canBeEnabled(): bool
+    {
+        return $this->hasDisableColumnWithValue(1) && $this->canBeEdited();
+    }
+
+    /**
+     * Returns true if current record can be hidden
+     */
+    protected function canBeDisabled(): bool
+    {
+        return $this->hasDisableColumnWithValue(0)
+            && !$this->isRecordCurrentBackendUser()
+            && $this->canBeEdited();
+    }
+
+    /**
+     * Returns true new content element wizard can be shown
+     */
+    protected function canOpenNewCEWizard(): bool
+    {
+        return $this->table === 'tt_content' && $this->canBeEdited() && !$this->isRecordATranslation();
+    }
+
+    protected function canBeCopied(): bool
+    {
+        return !$this->isRecordInClipboard('copy')
+            && !$this->isRecordATranslation();
+    }
+
+    protected function canBeCut(): bool
+    {
+        return !$this->isRecordInClipboard('cut')
+            && $this->canBeEdited()
+            && !$this->isRecordATranslation();
+    }
+
+    /**
+     * Paste after is only shown for records from the same table (comparing record in clipboard and record clicked)
+     */
+    protected function canBePastedAfter(): bool
+    {
+        $clipboardElementCount = count($this->clipboard->elFromTable($this->table));
+
+        return $clipboardElementCount
+            && $this->backendUser->check('tables_modify', $this->table)
+            && $this->hasPagePermission(Permission::CONTENT_EDIT);
+    }
+
+    /**
+     * Checks if table have "disable" column (e.g. "hidden"), if user has access to this column
+     * and if it contains given value
+     */
+    protected function hasDisableColumnWithValue(int $value): bool
+    {
+        if (!$this->getSchema()?->hasCapability(TcaSchemaCapability::RestrictionDisabledField)) {
+            return false;
+        }
+        $hiddenField = $this->getSchema()->getCapability(TcaSchemaCapability::RestrictionDisabledField)->getField();
+        if (!$hiddenField->supportsAccessControl() || $this->backendUser->check('non_exclude_fields', $this->table . ':' . $hiddenField->getName())) {
+            return (int)($this->record[$hiddenField->getName()] ?? 0) === $value;
+        }
+        return false;
+    }
+
+    /**
+     * Record is locked if page is locked or page is not locked but record is
+     */
+    protected function isRecordLocked(): bool
+    {
+        if (($pageSchema = $this->tcaSchemaFactory->get('pages'))->hasCapability(TcaSchemaCapability::EditLock)
+            && ($this->pageRecord[$pageSchema->getCapability(TcaSchemaCapability::EditLock)->getFieldName()] ?? false)
+        ) {
+            return true;
+        }
+        if (!$this->getSchema()?->hasCapability(TcaSchemaCapability::EditLock)) {
+            return false;
+        }
+        return (bool)$this->record[$this->getSchema()->getCapability(TcaSchemaCapability::EditLock)->getFieldName()];
+    }
+
+    /**
+     * Returns true is a current record is a delete placeholder
+     */
+    protected function isDeletePlaceholder(): bool
+    {
+        return VersionState::tryFrom($this->record['t3ver_state'] ?? 0) === VersionState::DELETE_PLACEHOLDER;
+    }
+
+    /**
+     * Checks if current record is in the "normal" pad of the clipboard
+     *
+     * @param string $mode "copy", "cut" or '' for any mode
+     */
+    protected function isRecordInClipboard(string $mode = ''): bool
+    {
+        $isSelected = '';
+        if ($this->clipboard->current === 'normal' && isset($this->record['uid'])) {
+            $isSelected = $this->clipboard->isSelected($this->table, $this->record['uid']);
+        }
+        return $mode === '' ? !empty($isSelected) : $isSelected === $mode;
+    }
+
+    /**
+     * Returns true is a record ia a translation
+     */
+    protected function isRecordATranslation(): bool
+    {
+        if (!$this->getSchema()?->isLanguageAware()) {
+            return false;
+        }
+        return (int)$this->record[$this->getSchema()->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName()] !== 0;
+    }
+
+    /**
+     * Return true in case the current record is the current backend user
+     */
+    protected function isRecordCurrentBackendUser(): bool
+    {
+        return $this->table === 'be_users' && (int)($this->record['uid'] ?? 0) === $this->backendUser->getUserId();
+    }
+
+    protected function getIdentifier(): string
+    {
+        return $this->record['uid'];
+    }
+
+    /**
+     * Returns true if a view link can be built for the record
+     */
+    protected function previewLinkCanBeBuild(): bool
+    {
+        return $this->getViewLink() !== '';
+    }
+
+    /**
+     * Returns the configured language field
+     */
+    protected function getLanguageField(): string
+    {
+        if (!$this->getSchema()?->isLanguageAware()) {
+            return '';
+        }
+        return $this->getSchema()->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName();
+    }
+
+    protected function getSchema(): ?TcaSchema
+    {
+        if ($this->tcaSchemaFactory->has($this->table)) {
+            return $this->tcaSchemaFactory->get($this->table);
+        }
+        return null;
+    }
+}
diff --git a/Classes/ContextMenu/ItemProviders/SiteSettingsProvider.php b/Classes/ContextMenu/ItemProviders/SiteSettingsProvider.php
new file mode 100644
index 0000000..bf1ddd5
--- /dev/null
+++ b/Classes/ContextMenu/ItemProviders/SiteSettingsProvider.php
@@ -0,0 +1,138 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ContextMenu\ItemProviders;
+
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Exception\SiteNotFoundException;
+use TYPO3\CMS\Core\Site\SiteFinder;
+
+/**
+ * Context menu item provider adding "Site Settings" and "Edit Site Configuration" for pages that are site roots
+ */
+final class SiteSettingsProvider extends AbstractProvider
+{
+    private const array ITEMS_CONFIGURATION = [
+        'editSiteConfiguration' => [
+            'label' => 'backend.siteconfiguration:contextMenu.editSiteConfiguration',
+            'iconIdentifier' => 'actions-window',
+            'callbackAction' => 'openSiteConfiguration',
+        ],
+        'editSiteSettings' => [
+            'label' => 'backend.siteconfiguration:contextMenu.editSiteSettings',
+            'iconIdentifier' => 'actions-window-cog',
+            'callbackAction' => 'openSiteSettings',
+        ],
+    ];
+
+    public function __construct(
+        private readonly SiteFinder $siteFinder,
+        private readonly UriBuilder $uriBuilder,
+    ) {
+        parent::__construct();
+    }
+
+    public function canHandle(): bool
+    {
+        // Site configuration module requires admin access
+        return $this->table === 'pages' && $this->backendUser->isAdmin();
+    }
+
+    public function getPriority(): int
+    {
+        return 60;
+    }
+
+    public function addItems(array $items): array
+    {
+        $this->initDisabledItems();
+
+        // Add site items after "edit" item
+        $localItems = $this->prepareItems(self::ITEMS_CONFIGURATION);
+        $position = array_search('edit', array_keys($items), true);
+        if ($position !== false) {
+            $items = [
+                ...array_slice($items, 0, $position + 1, true),
+                ...$localItems,
+                ...array_slice($items, $position + 1, null, true),
+            ];
+        } else {
+            $items = [...$items, ...$localItems];
+        }
+
+        return $items;
+    }
+
+    protected function canRender(string $itemName, string $type): bool
+    {
+        if (in_array($itemName, $this->disabledItems, true)) {
+            return false;
+        }
+
+        if ($itemName === 'editSiteSettings' || $itemName === 'editSiteConfiguration') {
+            return $this->canOpenSiteSettings();
+        }
+
+        return true;
+    }
+
+    protected function getAdditionalAttributes(string $itemName): array
+    {
+        $pageId = (int)$this->identifier;
+        try {
+            $site = $this->siteFinder->getSiteByRootPageId($pageId);
+
+            if ($itemName === 'editSiteSettings') {
+                return [
+                    'data-site-settings-url' => (string)$this->uriBuilder->buildUriFromRoute(
+                        'site_configuration.editSettings',
+                        ['site' => $site->getIdentifier()]
+                    ),
+                ];
+            }
+
+            if ($itemName === 'editSiteConfiguration') {
+                return [
+                    'data-site-configuration-url' => (string)$this->uriBuilder->buildUriFromRoute(
+                        'site_configuration.edit',
+                        ['site' => $site->getIdentifier()]
+                    ),
+                ];
+            }
+        } catch (SiteNotFoundException) {
+            return [];
+        }
+
+        return [];
+    }
+
+    private function canOpenSiteSettings(): bool
+    {
+        // Check if this page is a site root
+        $pageId = (int)$this->identifier;
+        if ($pageId <= 0) {
+            return false;
+        }
+
+        try {
+            $this->siteFinder->getSiteByRootPageId($pageId);
+            return true;
+        } catch (SiteNotFoundException) {
+            return false;
+        }
+    }
+}
diff --git a/Classes/Controller/AboutController.php b/Classes/Controller/AboutController.php
new file mode 100644
index 0000000..ee1ef2a
--- /dev/null
+++ b/Classes/Controller/AboutController.php
@@ -0,0 +1,95 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Template\Enum\ModuleLayout;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Information\Typo3Information;
+use TYPO3\CMS\Core\Information\Typo3Version;
+use TYPO3\CMS\Core\Package\PackageManager;
+
+/**
+ * Module 'about' shows some standard information for TYPO3 CMS:
+ * About-text, version number, available modules and so on.
+ *
+ * @internal This is a specific Backend Controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class AboutController
+{
+    public function __construct(
+        protected Typo3Version $version,
+        protected Typo3Information $typo3Information,
+        protected ModuleProvider $moduleProvider,
+        protected EventDispatcherInterface $eventDispatcher,
+        protected PackageManager $packageManager,
+        protected ModuleTemplateFactory $moduleTemplateFactory,
+    ) {}
+
+    /**
+     * Main action: Show standard information
+     */
+    public function handleRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        $event = new Event\ModifyGenericBackendMessagesEvent();
+        $event = $this->eventDispatcher->dispatch($event);
+        $view = $this->moduleTemplateFactory->create($request);
+        $view->setLayout(ModuleLayout::NORMAL);
+        $view->assignMultiple([
+            'typo3Info' => $this->typo3Information,
+            'typo3Version' => $this->version,
+            'donationUrl' => $this->typo3Information::URL_DONATE,
+            'trademarkUrl' => $this->typo3Information::URL_TRADEMARK,
+            'loadedExtensions' => $this->getLoadedExtensions(),
+            'messages' => $event->getMessages(),
+            'modules' => $this->moduleProvider->getModules($this->getBackendUser()),
+        ]);
+        return $view->renderResponse('About/Index');
+    }
+
+    /**
+     * Fetches a list of all active (loaded) extensions in the current system
+     */
+    protected function getLoadedExtensions(): array
+    {
+        $extensions = [];
+        foreach ($this->packageManager->getActivePackages() as $package) {
+            // Skip system extensions
+            if ($package->getPackageMetaData()->isFrameworkType()) {
+                continue;
+            }
+            $extensions[] = [
+                'key' => $package->getPackageKey(),
+                'title' => $package->getPackageMetaData()->getTitle(),
+                'authors' => $package->getValueFromComposerManifest('authors'),
+            ];
+        }
+        return $extensions;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/AbstractFormEngineAjaxController.php b/Classes/Controller/AbstractFormEngineAjaxController.php
new file mode 100644
index 0000000..1287e5a
--- /dev/null
+++ b/Classes/Controller/AbstractFormEngineAjaxController.php
@@ -0,0 +1,80 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Localization\LanguageServiceFactory;
+use TYPO3\CMS\Core\Page\JavaScriptItems;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\PathUtility;
+
+/**
+ * Abstract class for a couple of FormEngine controllers triggered by
+ * ajax calls. The class containers some helpers to for instance prepare
+ * the form render result for json output.
+ *
+ * @internal Marked as internal for now, methods in this class may change any time.
+ */
+abstract readonly class AbstractFormEngineAjaxController
+{
+    protected function addJavaScriptModulesToJavaScriptItems(array $modules, JavaScriptItems $items): void
+    {
+        foreach ($modules as $module) {
+            if (!$module instanceof JavaScriptModuleInstruction) {
+                throw new \LogicException(
+                    sprintf(
+                        'Module must be a %s, type "%s" given',
+                        JavaScriptModuleInstruction::class,
+                        gettype($module)
+                    ),
+                    1663851377
+                );
+            }
+            $items->addJavaScriptModuleInstruction($module);
+        }
+    }
+
+    /**
+     * Resolve a CSS file position, possibly prefixed with 'EXT:'
+     *
+     * @param string $stylesheetFile Given file, possibly prefixed with EXT:
+     * @return string URL to file
+     */
+    protected function getRelativePathToStylesheetFile(string $stylesheetFile): string
+    {
+        return (string)PathUtility::getSystemResourceUri($stylesheetFile);
+    }
+
+    /**
+     * Parse a language file and get a label/value array from it.
+     *
+     * @param string $file EXT:path/to/file
+     * @return array Label/value array
+     */
+    protected function getLabelsFromLocalizationFile(string $file): array
+    {
+        $languageService = $this->getLanguageService() ?? GeneralUtility::makeInstance(LanguageServiceFactory::class)->create('en');
+        return $languageService->getLabelsFromResource($file);
+    }
+
+    protected function getLanguageService(): ?LanguageService
+    {
+        return $GLOBALS['LANG'] ?? null;
+    }
+}
diff --git a/Classes/Controller/AbstractLinkBrowserController.php b/Classes/Controller/AbstractLinkBrowserController.php
new file mode 100644
index 0000000..cdebf58
--- /dev/null
+++ b/Classes/Controller/AbstractLinkBrowserController.php
@@ -0,0 +1,556 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Controller\Event\ModifyAllowedItemsEvent;
+use TYPO3\CMS\Backend\Controller\Event\ModifyLinkHandlersEvent;
+use TYPO3\CMS\Backend\LinkHandler\LinkHandlerInterface;
+use TYPO3\CMS\Backend\LinkHandler\LinkHandlerVariableProviderInterface;
+use TYPO3\CMS\Backend\LinkHandler\LinkHandlerViewProviderInterface;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\PageRendererBackendSetupTrait;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Configuration\ExtensionConfiguration;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Service\DependencyOrderingService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\View\ViewInterface;
+
+/**
+ * Script class for the Link Browser window.
+ *
+ * @internal This class is a specific Backend controller implementation and is not part of the TYPO3's Core API.
+ */
+abstract class AbstractLinkBrowserController
+{
+    use PageRendererBackendSetupTrait;
+
+    /**
+     * @var array<string, array>
+     */
+    protected array $linkHandlers = [];
+
+    /**
+     * All parts of the current link.
+     * Comprised of url information and additional link parameters.
+     *
+     * @var array<string, mixed>
+     */
+    protected array $currentLinkParts = [];
+
+    /**
+     * Link handler responsible for the current active link
+     */
+    protected ?LinkHandlerInterface $currentLinkHandler = null;
+
+    /**
+     * The ID of the currently active link handler
+     */
+    protected string $currentLinkHandlerId;
+
+    /**
+     * Link handler to be displayed
+     */
+    protected ?LinkHandlerInterface $displayedLinkHandler = null;
+
+    /**
+     * The ID of the displayed link handler
+     * This is read from the 'act' GET parameter
+     */
+    protected string $displayedLinkHandlerId = '';
+
+    /**
+     * List of available link attribute fields
+     *
+     * @var string[]
+     */
+    protected array $linkAttributeFields = [];
+
+    /**
+     * Values of the link attributes
+     *
+     * @var string[]
+     */
+    protected array $linkAttributeValues = [];
+
+    protected array $parameters;
+
+    protected DependencyOrderingService $dependencyOrderingService;
+    protected PageRenderer $pageRenderer;
+    protected UriBuilder $uriBuilder;
+    protected ExtensionConfiguration $extensionConfiguration;
+    protected BackendViewFactory $backendViewFactory;
+    protected EventDispatcherInterface $eventDispatcher;
+
+    public function injectDependencyOrderingService(DependencyOrderingService $dependencyOrderingService): void
+    {
+        $this->dependencyOrderingService = $dependencyOrderingService;
+    }
+
+    public function injectPageRenderer(PageRenderer $pageRenderer): void
+    {
+        $this->pageRenderer = $pageRenderer;
+    }
+
+    public function injectUriBuilder(UriBuilder $uriBuilder): void
+    {
+        $this->uriBuilder = $uriBuilder;
+    }
+
+    public function injectExtensionConfiguration(ExtensionConfiguration $extensionConfiguration): void
+    {
+        $this->extensionConfiguration = $extensionConfiguration;
+    }
+
+    public function injectBackendViewFactory(BackendViewFactory $backendViewFactory): void
+    {
+        $this->backendViewFactory = $backendViewFactory;
+    }
+
+    public function injectEventDispatcher(EventDispatcherInterface $eventDispatcher): void
+    {
+        $this->eventDispatcher = $eventDispatcher;
+    }
+
+    abstract public function getConfiguration(): array;
+
+    abstract protected function initDocumentTemplate(): void;
+
+    abstract protected function getCurrentPageId(): int;
+
+    /**
+     * Injects the request object for the current request or subrequest
+     * As this controller goes only through the main() method, it is rather simple for now
+     *
+     * @param ServerRequestInterface $request the current request
+     * @return ResponseInterface the response with the content
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->setUpBasicPageRendererForBackend($this->pageRenderer, $this->extensionConfiguration, $request, $this->getLanguageService());
+        $this->pageRenderer->addInlineLanguageLabelFile('EXT:core/Resources/Private/Language/locallang_misc.xlf');
+        $this->pageRenderer->addInlineLanguageLabelFile('EXT:core/Resources/Private/Language/locallang_core.xlf');
+
+        $this->initVariables($request);
+        $this->loadLinkHandlers();
+        $this->initCurrentUrl();
+
+        $menuData = $this->buildMenuArray($request);
+        if ($this->displayedLinkHandler instanceof LinkHandlerViewProviderInterface) {
+            $view = $this->displayedLinkHandler->createView($this->backendViewFactory, $request);
+        } else {
+            $view = $this->backendViewFactory->create($request, ['typo3/cms-backend']);
+        }
+        if ($this->displayedLinkHandler instanceof LinkHandlerVariableProviderInterface) {
+            $this->displayedLinkHandler->initializeVariables($request);
+        }
+        $renderLinkAttributeFields = $this->renderLinkAttributeFields($view);
+        if (!empty($this->currentLinkParts)) {
+            $this->renderCurrentUrl($view);
+        }
+        if (method_exists($this->displayedLinkHandler, 'setView')) {
+            $this->displayedLinkHandler->setView($view);
+        }
+        $view->assignMultiple([
+            'initialNavigationWidth' => $this->getBackendUser()->uc['selector']['navigation']['width'] ?? 250,
+            'menuItems' => $menuData,
+            'linkAttributes' => $renderLinkAttributeFields,
+            'contentOnly' => $request->getQueryParams()['contentOnly'] ?? false,
+        ]);
+        $content = $this->displayedLinkHandler->render($request);
+        if (empty($content)) {
+            // @todo: b/w compat layer for link handler that don't render full view but return empty
+            //        string instead. This case is unfortunate and should be removed if it gives
+            //        headaches at some point. If so, above  method_exists($this->displayedLinkHandler, 'setView')
+            //        should be removed and setView() method should be made mandatory, or the entire
+            //        construct should be refactored a bit.
+            $content = $view->render();
+        }
+        $this->initDocumentTemplate();
+        $this->pageRenderer->setTitle($this->getLanguageService()->sL(
+            'LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:linkBrowser'
+        ));
+        if ($request->getQueryParams()['contentOnly'] ?? false) {
+            return new HtmlResponse($content);
+        }
+        $this->pageRenderer->setBodyContent('<body ' . GeneralUtility::implodeAttributes($this->getBodyTagAttributes(), true, true) . '>' . $content);
+        return $this->pageRenderer->renderResponse($request);
+    }
+
+    /**
+     * @return array{act: string, P: array} Array of parameters which have to be added to URLs
+     */
+    public function getUrlParameters(?array $overrides = null): array
+    {
+        return [
+            'act' => $overrides['act'] ?? $this->displayedLinkHandlerId,
+            'P' => $overrides['P'] ?? $this->parameters,
+        ];
+    }
+
+    public function getParameters(): array
+    {
+        return $this->parameters;
+    }
+
+    protected function initVariables(ServerRequestInterface $request): void
+    {
+        $queryParams = $request->getQueryParams();
+        $this->displayedLinkHandlerId = $queryParams['act'] ?? '';
+        $this->parameters = $queryParams['P'] ?? [];
+        $this->linkAttributeValues = $queryParams['linkAttributes'] ?? [];
+
+        $pageTsConfig = BackendUtility::getPagesTSconfig((int)($this->parameters['pid'] ?? 0));
+        $handlerId = $this->displayedLinkHandlerId ?: 'page';
+
+        if (empty($this->linkAttributeValues['target'])) {
+            $defaultTarget = $pageTsConfig['TCEMAIN.']['linkHandler.'][$handlerId . '.']['target.']['default']
+                ?? $pageTsConfig['TCEMAIN.']['linkHandler.']['properties.']['target.']['default']
+                ?? '';
+            if (!empty($defaultTarget)) {
+                $this->linkAttributeValues['target'] = $defaultTarget;
+            }
+        }
+
+        if (empty($this->linkAttributeValues['class'])) {
+            $defaultCssClass = $pageTsConfig['TCEMAIN.']['linkHandler.'][$handlerId . '.']['cssClass.']['default']
+                ?? $pageTsConfig['TCEMAIN.']['linkHandler.']['properties.']['cssClass.']['default']
+                ?? '';
+            if (!empty($defaultCssClass)) {
+                $this->linkAttributeValues['class'] = $defaultCssClass;
+            }
+        }
+    }
+
+    /**
+     * @throws \UnexpectedValueException
+     */
+    protected function loadLinkHandlers(): void
+    {
+        $linkHandlers = $this->getLinkHandlers();
+        if (empty($linkHandlers)) {
+            throw new \UnexpectedValueException('No link handlers are configured. Check page TSconfig TCEMAIN.linkHandler.', 1442787911);
+        }
+
+        $lang = $this->getLanguageService();
+        foreach ($linkHandlers as $identifier => $configuration) {
+            $identifier = rtrim($identifier, '.');
+            if ($identifier === 'properties') {
+                continue;
+            }
+
+            if (empty($configuration['handler'])) {
+                throw new \UnexpectedValueException(sprintf('Missing handler for link handler "%1$s", check page TSconfig TCEMAIN.linkHandler.%1$s.handler', $identifier), 1494579849);
+            }
+
+            /** @var LinkHandlerInterface $handler */
+            $handler = GeneralUtility::makeInstance($configuration['handler']);
+            $handler->initialize(
+                $this,
+                $identifier,
+                $configuration['configuration.'] ?? []
+            );
+
+            $label = !empty($configuration['label']) ? $lang->sL($configuration['label']) : '';
+            $label = $label ?: $lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:error.linkHandlerTitleMissing');
+            $this->linkHandlers[$identifier] = [
+                'handlerInstance' => $handler,
+                'label' => $label,
+                'displayBefore' => isset($configuration['displayBefore']) ? GeneralUtility::trimExplode(',', $configuration['displayBefore']) : [],
+                'displayAfter' => isset($configuration['displayAfter']) ? GeneralUtility::trimExplode(',', $configuration['displayAfter']) : [],
+                'scanBefore' => isset($configuration['scanBefore']) ? GeneralUtility::trimExplode(',', $configuration['scanBefore']) : [],
+                'scanAfter' => isset($configuration['scanAfter']) ? GeneralUtility::trimExplode(',', $configuration['scanAfter']) : [],
+                'addParams' => $configuration['addParams'] ?? '',
+            ];
+        }
+    }
+
+    /**
+     * Reads the configured link handlers from page TSconfig
+     *
+     * @return array<string, array>
+     */
+    protected function getLinkHandlers(): array
+    {
+        $linkHandlers = (array)(BackendUtility::getPagesTSconfig($this->getCurrentPageId())['TCEMAIN.']['linkHandler.'] ?? []);
+        return $this->eventDispatcher
+            ->dispatch(new ModifyLinkHandlersEvent($linkHandlers, $this->currentLinkParts))
+            ->getLinkHandlers();
+    }
+
+    /**
+     * Initialize $this->currentLinkParts and $this->currentLinkHandler
+     */
+    protected function initCurrentUrl(): void
+    {
+        if (empty($this->currentLinkParts)) {
+            return;
+        }
+
+        $orderedHandlers = $this->dependencyOrderingService->orderByDependencies($this->linkHandlers, 'scanBefore', 'scanAfter');
+
+        // find responsible handler for current link
+        foreach ($orderedHandlers as $key => $configuration) {
+            /** @var LinkHandlerInterface $handler */
+            $handler = $configuration['handlerInstance'];
+            if ($handler->canHandleLink($this->currentLinkParts)) {
+                $this->currentLinkHandler = $handler;
+                $this->currentLinkHandlerId = $key;
+                break;
+            }
+        }
+        // reset the link if we have no handler for it
+        if (!$this->currentLinkHandler) {
+            $this->currentLinkParts = [];
+        }
+
+        // overwrite any preexisting
+        foreach ($this->currentLinkParts as $key => $part) {
+            if ($key !== 'url') {
+                $this->linkAttributeValues[$key] = $part;
+            }
+        }
+    }
+
+    /**
+     * Add the currently set Link URL to the view
+     */
+    protected function renderCurrentUrl(ViewInterface $view): void
+    {
+        $view->assign('currentLink', $this->currentLinkHandler->formatCurrentUrl());
+    }
+
+    /**
+     * Returns an array definition of the top menu
+     *
+     * @return array[]
+     */
+    protected function buildMenuArray(ServerRequestInterface $request): array
+    {
+        $allowedItems = $this->getAllowedItems();
+        if ($this->displayedLinkHandlerId && !in_array($this->displayedLinkHandlerId, $allowedItems, true)) {
+            $this->displayedLinkHandlerId = '';
+        }
+
+        $allowedHandlers = array_flip($allowedItems);
+        $menuDef = [];
+        foreach ($this->linkHandlers as $identifier => $configuration) {
+            if (!isset($allowedHandlers[$identifier])) {
+                continue;
+            }
+
+            /** @var LinkHandlerInterface $handlerInstance */
+            $handlerInstance = $configuration['handlerInstance'];
+            $isActive = $this->displayedLinkHandlerId === $identifier || (!$this->displayedLinkHandlerId && $handlerInstance === $this->currentLinkHandler);
+            if ($isActive) {
+                $this->displayedLinkHandler = $handlerInstance;
+                if (!$this->displayedLinkHandlerId) {
+                    $this->displayedLinkHandlerId = $this->currentLinkHandlerId;
+                }
+            }
+
+            $menuDef[$identifier] = [
+                'isActive' => $isActive,
+                'label' => $configuration['label'],
+                'url' => $this->uriBuilder->buildUriFromRequest($request, $this->getUrlParameters(['act' => $identifier])),
+                'addParams' => $configuration['addParams'] ?? '',
+                'before' => $configuration['displayBefore'],
+                'after' => $configuration['displayAfter'],
+            ];
+        }
+
+        $menuDef = $this->dependencyOrderingService->orderByDependencies($menuDef);
+
+        // if there is no active tab
+        if (!$this->displayedLinkHandler) {
+            // empty the current link
+            $this->currentLinkParts = [];
+            $this->currentLinkHandler = null;
+            // select first tab
+            $this->displayedLinkHandlerId = (string)array_key_first($menuDef);
+            $this->displayedLinkHandler = $this->linkHandlers[$this->displayedLinkHandlerId]['handlerInstance'];
+            $menuDef[$this->displayedLinkHandlerId]['isActive'] = true;
+        }
+
+        return $menuDef;
+    }
+
+    /**
+     * @return string[]
+     */
+    protected function getAllowedItems(): array
+    {
+        $allowedItems = $this->eventDispatcher
+            ->dispatch(new ModifyAllowedItemsEvent(array_keys($this->linkHandlers), $this->currentLinkParts))
+            ->getAllowedItems();
+
+        if (isset($this->parameters['params']['allowedTypes'])) {
+            $allowedItems = array_intersect($allowedItems, GeneralUtility::trimExplode(',', $this->parameters['params']['allowedTypes'], true));
+        } elseif (isset($this->parameters['params']['blindLinkOptions'])) {
+            // @todo Deprecate this option
+            $allowedItems = array_diff($allowedItems, GeneralUtility::trimExplode(',', $this->parameters['params']['blindLinkOptions'], true));
+        }
+
+        return $allowedItems;
+    }
+
+    /**
+     * @return string[]
+     */
+    protected function getAllowedLinkAttributes(): array
+    {
+        $allowedLinkAttributes = $this->displayedLinkHandler->getLinkAttributes();
+
+        if (isset($this->parameters['params']['allowedOptions'])) {
+            $allowedLinkAttributes = array_intersect($allowedLinkAttributes, GeneralUtility::trimExplode(',', $this->parameters['params']['allowedOptions'], true));
+        } elseif (isset($this->parameters['params']['blindLinkFields'])) {
+            // @todo Deprecate this option
+            $allowedLinkAttributes = array_diff($allowedLinkAttributes, GeneralUtility::trimExplode(',', $this->parameters['params']['blindLinkFields'], true));
+        }
+
+        return $allowedLinkAttributes;
+    }
+
+    /**
+     * Renders the link attributes for the selected link handler
+     */
+    protected function renderLinkAttributeFields(ViewInterface $view): string
+    {
+        $fieldRenderingDefinitions = $this->getLinkAttributeFieldDefinitions();
+        $fieldRenderingDefinitions = $this->displayedLinkHandler->modifyLinkAttributes($fieldRenderingDefinitions);
+        $this->linkAttributeFields = $this->getAllowedLinkAttributes();
+        $content = '';
+        foreach ($this->linkAttributeFields as $attribute) {
+            $content .= $fieldRenderingDefinitions[$attribute] ?? '';
+        }
+        $view->assign('allowedLinkAttributes', array_combine($this->linkAttributeFields, $this->linkAttributeFields));
+
+        // add update button if appropriate
+        if (!empty($this->currentLinkParts) && $this->displayedLinkHandler === $this->currentLinkHandler && $this->currentLinkHandler->isUpdateSupported()) {
+            $view->assign('showUpdateParametersButton', true);
+        }
+        return $content;
+    }
+
+    /**
+     * Create an array of link attribute field rendering definitions
+     *
+     * @return string[]
+     */
+    protected function getLinkAttributeFieldDefinitions(): array
+    {
+        $lang = $this->getLanguageService();
+
+        $fieldRenderingDefinitions = [];
+        $fieldRenderingDefinitions['target'] = '
+            <!-- Selecting target for link: -->
+            <div class="element-browser-form-group">
+                <label for="ltarget" class="form-label">
+                    ' . htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:target')) . '
+                </label>
+                <typo3-backend-combobox>
+                     <input id="ltarget" type="text" name="ltarget" class="form-control" value="' . htmlspecialchars($this->linkAttributeValues['target'] ?? '') . '" />
+                    <typo3-backend-combobox-choice value="_top" icon="actions-window">' . $lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:top') . '</typo3-backend-combobox-choice>
+                    <typo3-backend-combobox-choice value="_blank" icon="actions-window-open">' . $lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:newWindow') . '</typo3-backend-combobox-choice>
+                </typo3-backend-combobox>
+            </div>';
+
+        $fieldRenderingDefinitions['title'] = '
+            <!-- Selecting title for link: -->
+            <div class="element-browser-form-group">
+                <label for="ltitle" class="form-label">' . htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:title')) . '</label>
+                <input id="ltitle" type="text" name="ltitle" class="form-control"
+                    value="' . htmlspecialchars($this->linkAttributeValues['title'] ?? '') . '" />
+            </div>';
+
+        $fieldRenderingDefinitions['class'] = '
+            <!-- Selecting class for link: -->
+            <div class="element-browser-form-group">
+                <label for="lclass" class="form-label">
+                    ' . htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:class')) . '
+                </label>
+                <input id="lclass" type="text" name="lclass" class="form-control"
+                    value="' . htmlspecialchars($this->linkAttributeValues['class'] ?? '') . '" />
+            </div>';
+
+        $fieldRenderingDefinitions['params'] = '
+            <!-- Selecting params for link: -->
+            <div class="element-browser-form-group">
+                <label for="lparams" class="form-label">' . htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:params')) . '</label>
+                <input id="lparams" type="text" name="lparams" class="form-control"
+                    value="' . htmlspecialchars($this->linkAttributeValues['params'] ?? '') . '" />
+            </div>';
+
+        $fieldRenderingDefinitions['rel'] = '
+            <!-- Selecting rel for link: -->
+            <div class="element-browser-form-group">
+                <label for="lrel" class="form-label">' . htmlspecialchars($lang->sL('backend.browse_links:linkRelationship')) . '</label>
+                <input id="lrel" type="text" name="lrel" class="form-control"
+                    value="' . htmlspecialchars($this->linkAttributeValues['rel'] ?? '') . '" />
+            </div>';
+
+        $fieldRenderingDefinitions['download'] = '
+            <!-- Selecting download for link: -->
+            <div class="element-browser-form-group">
+                <typo3-backend-link-browser-download
+                    value="' . htmlspecialchars($this->linkAttributeValues['download'] ?? '') . '"
+                    label-download="' . htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:download')) . '"
+                    label-filename="' . htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:download.customFilename')) . '"
+                ></typo3-backend-link-browser-download>
+            </div>';
+
+        return $fieldRenderingDefinitions;
+    }
+
+    /**
+     * @return string[] Array of body-tag attributes
+     */
+    protected function getBodyTagAttributes(): array
+    {
+        $attributes = $this->displayedLinkHandler->getBodyTagAttributes();
+        return array_merge(
+            $attributes,
+            [
+                'data-linkbrowser-parameters' => json_encode($this->parameters) ?: '',
+                'data-linkbrowser-attribute-fields' => json_encode(array_values($this->linkAttributeFields)) ?: '',
+            ]
+        );
+    }
+
+    protected function getDisplayedLinkHandlerId(): string
+    {
+        return $this->displayedLinkHandlerId;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/AbstractMfaController.php b/Classes/Controller/AbstractMfaController.php
new file mode 100644
index 0000000..727a11b
--- /dev/null
+++ b/Classes/Controller/AbstractMfaController.php
@@ -0,0 +1,115 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderManifestInterface;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderRegistry;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Abstract class for mfa controllers (configuration and authentication)
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+abstract class AbstractMfaController
+{
+    protected MfaProviderRegistry $mfaProviderRegistry;
+    protected array $mfaTsConfig;
+    protected bool $mfaRequired;
+    protected array $allowedProviders;
+    protected array $allowedActions = [];
+
+    public function injectMfaProviderRegistry(MfaProviderRegistry $mfaProviderRegistry): void
+    {
+        $this->mfaProviderRegistry = $mfaProviderRegistry;
+    }
+
+    /**
+     * Main action for handling the request and returning the response
+     */
+    abstract public function handleRequest(ServerRequestInterface $request): ResponseInterface;
+
+    protected function isActionAllowed(string $action): bool
+    {
+        return in_array($action, $this->allowedActions, true);
+    }
+
+    protected function isProviderAllowed(string $identifier): bool
+    {
+        return isset($this->allowedProviders[$identifier]);
+    }
+
+    protected function isValidIdentifier(string $identifier): bool
+    {
+        return $identifier !== ''
+            && $this->isProviderAllowed($identifier)
+            && $this->mfaProviderRegistry->hasProvider($identifier);
+    }
+
+    /**
+     * Initialize MFA configuration based on TSconfig and global configuration
+     */
+    protected function initializeMfaConfiguration(): void
+    {
+        $backendUser = $this->getBackendUser();
+        $this->mfaTsConfig = $backendUser->getTSConfig()['auth.']['mfa.'] ?? [];
+        $this->mfaRequired = $backendUser->isMfaSetupRequired();
+
+        // Set up allowed providers based on user TSconfig and user groupData
+        $this->allowedProviders = array_filter($this->mfaProviderRegistry->getProviders(), function (string $identifier) use ($backendUser): bool {
+            return $backendUser->check('mfa_providers', $identifier)
+                && !GeneralUtility::inList(($this->mfaTsConfig['disableProviders'] ?? ''), $identifier);
+        }, ARRAY_FILTER_USE_KEY);
+    }
+
+    /**
+     * Get the recommended provider
+     */
+    protected function getRecommendedProvider(): ?MfaProviderManifestInterface
+    {
+        $recommendedProviderIdentifier = (string)($this->mfaTsConfig['recommendedProvider'] ?? '');
+        // Check if valid and allowed to be default provider, which is obviously a prerequisite
+        if (!$this->isValidIdentifier($recommendedProviderIdentifier)
+            || !$this->mfaProviderRegistry->getProvider($recommendedProviderIdentifier)->isDefaultProviderAllowed()
+        ) {
+            // If the provider, defined in user TSconfig is not valid or is not set, check the globally defined
+            $recommendedProviderIdentifier = (string)($GLOBALS['TYPO3_CONF_VARS']['BE']['recommendedMfaProvider'] ?? '');
+            if (!$this->isValidIdentifier($recommendedProviderIdentifier)
+                || !$this->mfaProviderRegistry->getProvider($recommendedProviderIdentifier)->isDefaultProviderAllowed()
+            ) {
+                // If also not valid or not set, return
+                return null;
+            }
+        }
+        return $this->mfaProviderRegistry->getProvider($recommendedProviderIdentifier);
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/AjaxLoginController.php b/Classes/Controller/AjaxLoginController.php
new file mode 100644
index 0000000..da5d911
--- /dev/null
+++ b/Classes/Controller/AjaxLoginController.php
@@ -0,0 +1,158 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Authentication\BackendLocker;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Authentication\LoginType;
+use TYPO3\CMS\Core\FormProtection\BackendFormProtection;
+use TYPO3\CMS\Core\FormProtection\FormProtectionFactory;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Session\UserSessionManager;
+
+/**
+ * This is the ajax handler for backend login after timeout.
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class AjaxLoginController
+{
+    public function __construct(
+        protected FormProtectionFactory $formProtectionFactory,
+        protected BackendLocker $lockService,
+    ) {}
+
+    /**
+     * Handles the actual login process, more specifically it defines the response.
+     * The login details were sent in as part of the ajax request and automatically logged in
+     * the user inside the BackendUserAuthenticator middleware. If that was successful, we have
+     * a BE user and reset the timer and hide the login window.
+     * If it was unsuccessful, we display that and show the login box again.
+     */
+    public function loginAction(ServerRequestInterface $request): ResponseInterface
+    {
+        if ($this->isAuthorizedBackendSession()) {
+            $result = ['success' => true];
+            if ($this->hasLoginBeenProcessed($request)) {
+                /** @var BackendFormProtection $formProtection */
+                $formProtection = $this->formProtectionFactory->createFromRequest($request);
+                $formProtection->setSessionTokenFromRegistry();
+                $formProtection->persistSessionToken();
+            }
+        } else {
+            $result = ['success' => false];
+        }
+        return new JsonResponse(['login' => $result]);
+    }
+
+    /**
+     * Logs out the current BE user
+     */
+    public function logoutAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $backendUser = $this->getBackendUser();
+        $backendUser->logoff();
+        return new JsonResponse([
+            'logout' => [
+                'success' => !isset($backendUser->user['uid']),
+            ],
+        ]);
+    }
+
+    public function preflightAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $headers = $request->getHeaders();
+        return new JsonResponse([
+            'capabilities' => [
+                'cookie' => !empty($request->getCookieParams()),
+                // using legacy `Referer` (sic!) header name
+                'referrer' => array_filter($headers['referer'] ?? []) !== [],
+            ],
+        ]);
+    }
+
+    /**
+     * Handles the actual session refresh, more specifically it defines the response.
+     * The session refresh has been performed inside the BackendUserAuthenticator middleware.
+     * If that was successful, we have a BE user and report that information as response.
+     */
+    public function refreshAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $backendUser = $this->getBackendUser();
+        return new JsonResponse([
+            'refresh' => [
+                'success' => isset($backendUser->user['uid']),
+            ],
+        ]);
+    }
+
+    /**
+     * Checks if the user session is expired yet
+     */
+    public function isTimedOutAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $session = [
+            'timed_out' => false,
+            'will_time_out' => false,
+            'locked' => false,
+        ];
+        $backendUser = $this->getBackendUser();
+        if ($this->lockService->isLocked()) {
+            $session['locked'] = true;
+        } elseif (!isset($backendUser->user['uid'])) {
+            $session['timed_out'] = true;
+        } else {
+            $sessionManager = UserSessionManager::create('BE');
+            // If 120 seconds from now is later than the session timeout, we need to show the refresh dialog.
+            // 120 is somewhat arbitrary to allow for a little room during the countdown and load times, etc.
+            $session['will_time_out'] = $sessionManager->willExpire($backendUser->getSession(), 120);
+        }
+        return new JsonResponse(['login' => $session]);
+    }
+
+    /**
+     * Checks if a user is logged in and the session is active.
+     *
+     * @return bool
+     */
+    protected function isAuthorizedBackendSession()
+    {
+        $backendUser = $this->getBackendUser();
+        if ($backendUser === null) {
+            return false;
+        }
+        return isset($backendUser->user['uid']);
+    }
+
+    /**
+     * Check whether the user was already authorized or not
+     */
+    protected function hasLoginBeenProcessed(ServerRequestInterface $request): bool
+    {
+        $loginFormData = $this->getBackendUser()->getLoginFormData($request);
+        return LoginType::tryFrom($loginFormData['status'] ?? '') === LoginType::LOGIN && !empty($loginFormData['uname']) && !empty($loginFormData['uident']);
+    }
+
+    protected function getBackendUser(): ?BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'] ?? null;
+    }
+}
diff --git a/Classes/Controller/BackendController.php b/Classes/Controller/BackendController.php
new file mode 100644
index 0000000..ff88cef
--- /dev/null
+++ b/Classes/Controller/BackendController.php
@@ -0,0 +1,389 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Backend\Bookmark\BookmarkService;
+use TYPO3\CMS\Backend\Controller\Event\AfterBackendPageRenderEvent;
+use TYPO3\CMS\Backend\Controller\Event\BeforeBackendPageRenderEvent;
+use TYPO3\CMS\Backend\Date\DateConfigurationFactory;
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Routing\Exception\RouteNotFoundException;
+use TYPO3\CMS\Backend\Routing\Router;
+use TYPO3\CMS\Backend\Routing\RouteRedirect;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Sidebar\Sidebar;
+use TYPO3\CMS\Backend\Sidebar\SidebarComponentContext;
+use TYPO3\CMS\Backend\Sidebar\SidebarFactory;
+use TYPO3\CMS\Backend\Template\PageRendererBackendSetupTrait;
+use TYPO3\CMS\Backend\Toolbar\RequestAwareToolbarItemInterface;
+use TYPO3\CMS\Backend\Toolbar\ToolbarItemInterface;
+use TYPO3\CMS\Backend\Toolbar\ToolbarItemsRegistry;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Configuration\ExtensionConfiguration;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Information\Typo3Version;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageQueue;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Routing\BackendEntryPointResolver;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Type\File\ImageInfo;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\PathUtility;
+use TYPO3\CMS\Core\View\ViewInterface;
+
+/**
+ * Class for rendering the TYPO3 backend.
+ * This is the backend outer main frame with topbar and module menu.
+ */
+#[AsController]
+readonly class BackendController
+{
+    use PageRendererBackendSetupTrait;
+
+    public function __construct(
+        protected Typo3Version $typo3Version,
+        protected UriBuilder $uriBuilder,
+        protected PageRenderer $pageRenderer,
+        protected ModuleProvider $moduleProvider,
+        protected ToolbarItemsRegistry $toolbarItemsRegistry,
+        protected SidebarFactory $sidebarFactory,
+        protected ExtensionConfiguration $extensionConfiguration,
+        protected BackendViewFactory $viewFactory,
+        protected EventDispatcherInterface $eventDispatcher,
+        protected FlashMessageService $flashMessageService,
+        protected BackendEntryPointResolver $backendEntryPointResolver,
+        protected BookmarkService $bookmarkService,
+        protected DateConfigurationFactory $dateConfigurationFactory,
+    ) {}
+
+    /**
+     * Main function generating the BE scaffolding.
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $backendUser = $this->getBackendUser();
+        $pageRenderer = $this->pageRenderer;
+        // apply nonce hint for elements that are shown in a modal
+        $pageRenderer->setApplyNonceHint(true);
+
+        $this->setUpBasicPageRendererForBackend($pageRenderer, $this->extensionConfiguration, $request, $this->getLanguageService());
+
+        $javaScriptRenderer = $pageRenderer->getJavaScriptRenderer();
+        $javaScriptRenderer->addGlobalAssignment(['window' => [
+            'name' => 'typo3-backend', // reset window name to a standardized value
+            'opener' => null, // remove any previously set opener value
+        ]]);
+        $javaScriptRenderer->addJavaScriptModuleInstruction(
+            JavaScriptModuleInstruction::create('@typo3/backend/login-refresh.js')
+                ->invoke('initialize', [
+                    'intervalTime' => MathUtility::forceIntegerInRange((int)$GLOBALS['TYPO3_CONF_VARS']['BE']['sessionTimeout'] - 60, 60),
+                    'requestTokenUrl' => (string)$this->uriBuilder->buildUriFromRoute('login_request_token'),
+                    'loginFramesetUrl' => (string)$this->uriBuilder->buildUriFromRoute('login_frameset'),
+                    'logoutUrl' => (string)$this->uriBuilder->buildUriFromRoute('logout'),
+                ])
+        );
+        $javaScriptRenderer->addJavaScriptModuleInstruction(
+            JavaScriptModuleInstruction::create('@typo3/backend/broadcast-service.js')->invoke('listen')
+        );
+        $javaScriptRenderer->addJavaScriptModuleInstruction(
+            JavaScriptModuleInstruction::create('@typo3/backend/hotkeys/negotiator.js')
+        );
+        $javaScriptRenderer->addJavaScriptModuleInstruction(
+            JavaScriptModuleInstruction::create('@typo3/backend/hotkeys.js')
+        );
+        $javaScriptRenderer->addJavaScriptModuleInstruction(
+            JavaScriptModuleInstruction::create('@typo3/backend/user-settings-manager.js')
+        );
+        // load the storage API and fill the UC into the PersistentStorage, so no additional AJAX call is needed
+        $javaScriptRenderer->addJavaScriptModuleInstruction(
+            JavaScriptModuleInstruction::create('@typo3/backend/storage/persistent.js')
+                ->invoke('load', $backendUser->uc)
+        );
+        // Initialize bookmark store with server data if bookmarks are enabled
+        if ($this->bookmarkService->isEnabled()) {
+            $javaScriptRenderer->addJavaScriptModuleInstruction(
+                JavaScriptModuleInstruction::create('@typo3/backend/bookmark/bookmark-store.js')
+                    ->invoke('initialize', $this->bookmarkService->getBookmarks(), $this->bookmarkService->getGroups())
+            );
+        }
+        $javaScriptRenderer->addGlobalAssignment([
+            'TYPO3' => [
+                'configuration' => [
+                    'username' => htmlspecialchars($backendUser->user['username']),
+                    'showRefreshLoginPopup' => (bool)($GLOBALS['TYPO3_CONF_VARS']['BE']['showRefreshLoginPopup'] ?? false),
+                ],
+            ],
+        ]);
+        $javaScriptRenderer->includeAllImports();
+
+        // @todo: This loads a ton of labels into JS. This should be reviewed what is really needed.
+        //        This could happen when the localization API gets an overhaul.
+        $pageRenderer->addInlineLanguageLabelFile('EXT:core/Resources/Private/Language/locallang_core.xlf');
+        $pageRenderer->addInlineLanguageLabelFile('EXT:core/Resources/Private/Language/locallang_misc.xlf');
+        $pageRenderer->addInlineLanguageLabelFile('EXT:backend/Resources/Private/Language/locallang_layout.xlf');
+        $pageRenderer->addInlineLanguageLabelFile('EXT:backend/Resources/Private/Language/locallang_settingseditor.xlf');
+        $pageRenderer->addInlineLanguageLabelFile('EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf');
+
+        // @todo: We can not put this into the template since PageRendererViewHelper does not deal with namespace in addInlineSettings argument
+        $pageRenderer->addInlineSetting('ShowItem', 'moduleUrl', (string)$this->uriBuilder->buildUriFromRoute('show_item'));
+        $pageRenderer->addInlineSetting('Resource', 'thumbnailUrl', (string)$this->uriBuilder->buildUriFromRoute('resource_request_thumbnail'));
+        $pageRenderer->addInlineSetting('RecordHistory', 'moduleUrl', (string)$this->uriBuilder->buildUriFromRoute('record_history'));
+        $pageRenderer->addInlineSetting('NewRecord', 'moduleUrl', (string)$this->uriBuilder->buildUriFromRoute('db_new'));
+        $pageRenderer->addInlineSetting('FormEngine', 'moduleUrl', (string)$this->uriBuilder->buildUriFromRoute('record_edit'));
+        $pageRenderer->addInlineSetting('RecordCommit', 'moduleUrl', (string)$this->uriBuilder->buildUriFromRoute('tce_db'));
+        $pageRenderer->addInlineSetting('FileCommit', 'moduleUrl', (string)$this->uriBuilder->buildUriFromRoute('tce_file'));
+        $pageRenderer->addInlineSetting('Clipboard', 'moduleUrl', (string)$this->uriBuilder->buildUriFromRoute('clipboard_process'));
+        $pageRenderer->addInlineSetting('Wizards', 'elementBrowserUrl', (string)$this->uriBuilder->buildUriFromRoute('wizard_element_browser'));
+
+        // Needed for FormEngine manipulation (date picker) and DateTime components
+        $pageRenderer->addInlineSetting(null, 'DateConfiguration', $this->dateConfigurationFactory->getConfiguration('javascript'));
+
+        $typo3Version = 'TYPO3 CMS ' . $this->typo3Version->getVersion();
+        $title = $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ? $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] . ' [' . $typo3Version . ']' : $typo3Version;
+        $pageRenderer->setTitle($title);
+
+        $sidebarContext = new SidebarComponentContext($request, $backendUser);
+        $sidebar = $this->sidebarFactory->create($sidebarContext);
+        $view = $this->viewFactory->create($request);
+        $this->assignTopbarDetailsToView($request, $view, $sidebar);
+        $startupModule = $this->getStartupModule($request);
+        $noModuleAccess = $startupModule[0] === null && empty($this->moduleProvider->getModulesForModuleMenu($backendUser));
+        $view->assignMultiple([
+            'startupModule' => $startupModule,
+            'noModuleAccess' => $noModuleAccess,
+            'workspaceAccessDenied' => $noModuleAccess && $backendUser->workspace === -99,
+            'entryPoint' => $this->backendEntryPointResolver->getPathFromRequest($request),
+            'stateTracker' => (string)$this->uriBuilder->buildUriFromRoute('state-tracker'),
+            'sitename' => $title,
+            'sitenameFirstInBackendTitle' => ($backendUser->uc['backendTitleFormat'] ?? '') === 'sitenameFirst',
+            'sidebar' => $sidebar->render(),
+        ]);
+        $this->eventDispatcher->dispatch(new BeforeBackendPageRenderEvent($view, $javaScriptRenderer, $pageRenderer));
+        $content = $view->render('Backend/Main');
+        $content = $this->eventDispatcher->dispatch(new AfterBackendPageRenderEvent($content, $view))->getContent();
+        $pageRenderer->addBodyContent('<body>' . $content);
+        return $pageRenderer->renderResponse($request);
+    }
+
+    /**
+     * Returns the main module menu as json encoded HTML string. Used when
+     * "update signals" request a menu reload, e.g. when an extension is loaded
+     * that brings new main modules.
+     */
+    public function getModuleMenu(ServerRequestInterface $request): ResponseInterface
+    {
+        $sidebarContext = new SidebarComponentContext($request, $this->getBackendUser());
+        $component = $this->sidebarFactory->create($sidebarContext)->getComponentByIdentifier('module-menu');
+        return new JsonResponse(['menu' => $component?->getResult($sidebarContext)->html]);
+    }
+
+    /**
+     * Returns the toolbar as json encoded HTML string. Used when
+     * "update signals" request a toolbar reload, e.g. when an extension is loaded.
+     */
+    public function getTopbar(ServerRequestInterface $request): ResponseInterface
+    {
+        $sidebar = $this->sidebarFactory->create(new SidebarComponentContext($request, $this->getBackendUser()));
+        $view = $this->viewFactory->create($request);
+        $this->assignTopbarDetailsToView($request, $view, $sidebar);
+        return new JsonResponse(['topbar' => $view->render('Backend/Topbar')]);
+    }
+
+    /**
+     * Renders the topbar, containing the backend logo, sitename etc.
+     */
+    protected function assignTopbarDetailsToView(ServerRequestInterface $request, ViewInterface $view, Sidebar $sidebar): void
+    {
+        // Extension Configuration to find the TYPO3 logo in the left corner
+        $extConf = $this->extensionConfiguration->get('backend');
+        $logoPath = '';
+        $logoUrl = '';
+        $logoWidth = 22;
+        $logoHeight = 22;
+        if (!empty($extConf['backendLogo'])) {
+            $configuredLogo = ltrim($extConf['backendLogo'], '/');
+            $customBackendLogo = GeneralUtility::getFileAbsFileName($configuredLogo);
+            if ($customBackendLogo !== '' && file_exists($customBackendLogo)) {
+                $logoPath = $customBackendLogo;
+                $logoUrl = (string)PathUtility::getSystemResourceUri($configuredLogo, $request);
+                // set width/height for custom logo
+                $imageInfo = GeneralUtility::makeInstance(ImageInfo::class, $logoPath);
+                $logoWidth = $imageInfo->getWidth() ?: $logoWidth;
+                $logoHeight = $imageInfo->getHeight() ?: $logoHeight;
+
+                // High-resolution?
+                if (str_contains($logoPath, '@2x.')) {
+                    $logoWidth /= 2;
+                    $logoHeight /= 2;
+                }
+            }
+        }
+        // if no custom logo was set or the path is invalid, use the original one
+        if ($logoPath === '') {
+            $logoUrl = (string)PathUtility::getSystemResourceUri('EXT:backend/Resources/Public/Images/typo3_logo_orange.svg', $request);
+        }
+        $view->assign('sidebar', $sidebar);
+        $view->assign('logoUrl', $logoUrl);
+        $view->assign('logoWidth', $logoWidth);
+        $view->assign('logoHeight', $logoHeight);
+        $view->assign('applicationVersion', $this->typo3Version->getVersion());
+        $view->assign('siteName', $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename']);
+        $view->assign('toolbarItems', $this->getToolbarItems($request));
+        $view->assign('isImpersonated', $this->getBackendUser()->getOriginalUserIdWhenInSwitchUserMode() !== null);
+    }
+
+    /**
+     * @return ToolbarItemInterface[]
+     */
+    protected function getToolbarItems(ServerRequestInterface $request): array
+    {
+        return array_map(static function (ToolbarItemInterface $toolbarItem) use ($request): ToolbarItemInterface {
+            if ($toolbarItem instanceof RequestAwareToolbarItemInterface) {
+                $toolbarItem->setRequest($request);
+            }
+            return $toolbarItem;
+        }, array_filter(
+            $this->toolbarItemsRegistry->getToolbarItems(),
+            static fn(ToolbarItemInterface $toolbarItem): bool => $toolbarItem->checkAccess()
+        ));
+    }
+
+    /**
+     * Sets the startup module from either "redirect" GET parameters or user configuration.
+     *
+     * @return array{?string, ?string}
+     */
+    protected function getStartupModule(ServerRequestInterface $request): array
+    {
+        $startModule = null;
+        $startModuleIdentifier = null;
+        $inaccessibleRedirectModule = null;
+        $moduleParameters = [];
+        try {
+            $redirect = RouteRedirect::createFromRequest($request);
+            if ($redirect !== null && $request->getMethod() === 'GET') {
+                // Only redirect to existing non-ajax routes with no restriction to a specific method
+                $router = GeneralUtility::makeInstance(Router::class);
+                $redirect->resolve($router);
+                $module = $router->getRoute($redirect->getName())?->getOption('module');
+                if ($module instanceof ModuleInterface === false
+                    || $this->moduleProvider->accessGranted($module->getIdentifier(), $this->getBackendUser())
+                ) {
+                    // Only add start module from request in case user has access or it's a no module route,
+                    // e.g. to FormEngine where permissions are checked by the corresponding component.
+                    // Access might temporarily be blocked. e.g. due to being in a workspace.
+                    $startModuleIdentifier = $redirect->getName();
+                    $moduleParameters = $redirect->getParameters();
+                } elseif ($this->moduleProvider->isModuleRegistered($module->getIdentifier())) {
+                    // A redirect is set, however, the user is not allowed to access the module.
+                    // Store the requested module to later inform the user about the forced redirect.
+                    $inaccessibleRedirectModule = $this->moduleProvider->getModule($module->getIdentifier());
+                }
+            }
+        } finally {
+            // No valid redirect, check for the start module
+            if (!$startModuleIdentifier) {
+                $backendUser = $this->getBackendUser();
+                // start module on first login, will be removed once used the first time
+                if (isset($backendUser->uc['startModuleOnFirstLogin'])) {
+                    $startModuleIdentifier = $backendUser->uc['startModuleOnFirstLogin'];
+                    unset($backendUser->uc['startModuleOnFirstLogin']);
+                    $backendUser->writeUC();
+                } elseif (isset($backendUser->uc['startModule']) && $this->moduleProvider->accessGranted($backendUser->uc['startModule'], $backendUser)) {
+                    $startModuleIdentifier = $backendUser->uc['startModule'];
+                } elseif ($firstAccessibleModule = $this->moduleProvider->getFirstAccessibleModule($backendUser)) {
+                    $startModuleIdentifier = $firstAccessibleModule->getIdentifier();
+                }
+
+                // check if the start module has additional parameters, so a redirect to a specific
+                // action is possible
+                if (is_string($startModuleIdentifier) && str_contains($startModuleIdentifier, '->')) {
+                    [$startModuleIdentifier, $startModuleParameters] = explode('->', $startModuleIdentifier, 2);
+                    // if no GET parameters are set, check if there are parameters given from the UC
+                    if (!$moduleParameters && $startModuleParameters) {
+                        $moduleParameters = $startModuleParameters;
+                    }
+                }
+            }
+        }
+        if ($startModuleIdentifier) {
+            if ($this->moduleProvider->isModuleRegistered($startModuleIdentifier)) {
+                // startModuleIdentifier may be an alias, resolve original module
+                $startModule = $this->moduleProvider->getModule($startModuleIdentifier, $this->getBackendUser());
+                $startModuleIdentifier = $startModule?->getIdentifier();
+            }
+            if (is_array($moduleParameters)) {
+                $parameters = $moduleParameters;
+            } else {
+                $parameters = [];
+                parse_str($moduleParameters, $parameters);
+            }
+            try {
+                $deepLink = $this->uriBuilder->buildUriFromRoute($startModuleIdentifier, $parameters);
+                if ($startModule !== null && $inaccessibleRedirectModule !== null) {
+                    $this->enqueueRedirectMessage($inaccessibleRedirectModule, $startModule);
+                }
+                return [$startModuleIdentifier, (string)$deepLink];
+            } catch (RouteNotFoundException $e) {
+                // It might be, that the user does not have access to the
+                // $startModule, e.g. for modules with workspace restrictions.
+            }
+        }
+        return [null, null];
+    }
+
+    protected function enqueueRedirectMessage(ModuleInterface $requestedModule, ModuleInterface $redirectedModule): void
+    {
+        $languageService = $this->getLanguageService();
+        $this->flashMessageService
+            ->getMessageQueueByIdentifier(FlashMessageQueue::NOTIFICATION_QUEUE)
+            ->enqueue(
+                new FlashMessage(
+                    sprintf(
+                        $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:module.noAccess.message'),
+                        $languageService->sL($redirectedModule->getTitle()),
+                        $languageService->sL($requestedModule->getTitle())
+                    ),
+                    $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:module.noAccess.title'),
+                    ContextualFeedbackSeverity::INFO,
+                    true
+                )
+            );
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/BookmarkController.php b/Classes/Controller/BookmarkController.php
new file mode 100644
index 0000000..0b02293
--- /dev/null
+++ b/Classes/Controller/BookmarkController.php
@@ -0,0 +1,319 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Backend\Bookmark\BookmarkService;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Localization\LanguageService;
+
+/**
+ * Controller for bookmark processing.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class BookmarkController
+{
+    public function __construct(
+        protected BookmarkService $bookmarkService,
+    ) {}
+
+    public function listAction(ServerRequestInterface $request): ResponseInterface
+    {
+        return new JsonResponse([
+            'success' => true,
+            'bookmarks' => $this->bookmarkService->getBookmarks(),
+            'groups' => $this->bookmarkService->getGroups(),
+        ]);
+    }
+
+    public function createAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+        $routeIdentifier = $parsedBody['routeIdentifier'] ?? '';
+        $arguments = $parsedBody['arguments'] ?? '';
+
+        if ($routeIdentifier === '') {
+            return $this->errorResponse(
+                'core.bookmarks:error.missingRoute.message',
+                400
+            );
+        }
+
+        if ($this->bookmarkService->hasBookmark($routeIdentifier, $arguments)) {
+            return $this->errorResponse(
+                'core.bookmarks:error.createFailed.message'
+            );
+        }
+
+        $bookmarkName = $parsedBody['displayName'] ?? '';
+        $bookmarkId = $this->bookmarkService->createBookmark($routeIdentifier, $arguments, $bookmarkName);
+
+        if ($bookmarkId === false) {
+            return $this->errorResponse(
+                'core.bookmarks:error.createFailed.message',
+                500
+            );
+        }
+
+        $bookmark = $this->bookmarkService->getBookmark($bookmarkId);
+
+        return new JsonResponse([
+            'success' => true,
+            'bookmark' => $bookmark,
+        ], 201);
+    }
+
+    public function updateAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+        $bookmarkId = (int)($parsedBody['bookmarkId'] ?? 0);
+        $bookmarkTitle = trim($parsedBody['bookmarkTitle'] ?? '');
+        // Group ID can be int (system group, including negative for global) or string (user-created UUID)
+        $bookmarkGroupId = $parsedBody['bookmarkGroup'] ?? 0;
+        if (is_numeric($bookmarkGroupId)) {
+            $bookmarkGroupId = (int)$bookmarkGroupId;
+        }
+
+        if ($bookmarkId === 0) {
+            return $this->errorResponse(
+                'core.bookmarks:error.missingBookmarkId.message',
+                400
+            );
+        }
+
+        $result = $this->bookmarkService->updateBookmark($bookmarkId, $bookmarkTitle, $bookmarkGroupId);
+
+        if ($result['success']) {
+            $bookmark = $this->bookmarkService->getBookmark($bookmarkId);
+            if ($bookmark !== null) {
+                $result['bookmark'] = $bookmark;
+            }
+        }
+
+        return new JsonResponse($result);
+    }
+
+    public function deleteAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $bookmarkId = (int)($request->getParsedBody()['bookmarkId'] ?? 0);
+
+        if ($bookmarkId === 0) {
+            return $this->errorResponse(
+                'core.bookmarks:error.missingBookmarkId.message',
+                400
+            );
+        }
+
+        $result = $this->bookmarkService->deleteBookmark($bookmarkId);
+
+        return new JsonResponse($result);
+    }
+
+    public function reorderAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+        $bookmarkIds = $parsedBody['bookmarkIds'] ?? [];
+
+        if (!is_array($bookmarkIds) || $bookmarkIds === []) {
+            return $this->errorResponse(
+                'core.bookmarks:error.missingBookmarkIds.message',
+                400
+            );
+        }
+
+        $success = $this->bookmarkService->reorderBookmarks(array_map('intval', $bookmarkIds));
+
+        return new JsonResponse([
+            'success' => $success,
+            'bookmarks' => $this->bookmarkService->getBookmarks(),
+        ]);
+    }
+
+    public function deleteMultipleAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+        $bookmarkIds = $parsedBody['bookmarkIds'] ?? [];
+
+        if (!is_array($bookmarkIds) || $bookmarkIds === []) {
+            return $this->errorResponse(
+                'core.bookmarks:error.missingBookmarkIds.message',
+                400
+            );
+        }
+
+        $success = $this->bookmarkService->deleteBookmarks(array_map('intval', $bookmarkIds));
+
+        return new JsonResponse(['success' => $success]);
+    }
+
+    public function moveAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+        $bookmarkIds = $parsedBody['bookmarkIds'] ?? [];
+        // Group ID can be int (system group, including negative for global) or string (user-created UUID)
+        $groupId = $parsedBody['groupId'] ?? 0;
+        if (is_numeric($groupId)) {
+            $groupId = (int)$groupId;
+        }
+
+        if (!is_array($bookmarkIds) || $bookmarkIds === []) {
+            return $this->errorResponse(
+                'core.bookmarks:error.missingBookmarkIds.message',
+                400
+            );
+        }
+
+        $success = $this->bookmarkService->moveBookmarks(array_map('intval', $bookmarkIds), $groupId);
+
+        return new JsonResponse(['success' => $success]);
+    }
+
+    public function createGroupAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+        $label = trim($parsedBody['label'] ?? '');
+
+        if ($label === '') {
+            return $this->errorResponse(
+                'core.bookmarks:error.missingLabel.message',
+                400
+            );
+        }
+
+        $group = $this->bookmarkService->createGroup($label);
+
+        if ($group === null) {
+            return $this->errorResponse(
+                'core.bookmarks:error.groupCreateFailed.message',
+                500
+            );
+        }
+
+        return new JsonResponse([
+            'success' => true,
+            'group' => $group,
+        ], 201);
+    }
+
+    public function updateGroupAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+        $uuid = trim($parsedBody['uuid'] ?? '');
+        $label = trim($parsedBody['label'] ?? '');
+
+        if ($uuid === '') {
+            return $this->errorResponse(
+                'core.bookmarks:error.missingGroupId.message',
+                400
+            );
+        }
+
+        if ($label === '') {
+            return $this->errorResponse(
+                'core.bookmarks:error.missingLabel.message',
+                400
+            );
+        }
+
+        $success = $this->bookmarkService->updateGroup($uuid, $label);
+
+        if (!$success) {
+            return $this->errorResponse(
+                'core.bookmarks:error.groupUpdateFailed.message',
+                500
+            );
+        }
+
+        return new JsonResponse([
+            'success' => true,
+            'groups' => $this->bookmarkService->getGroups(),
+        ]);
+    }
+
+    public function deleteGroupAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+        $uuid = trim($parsedBody['uuid'] ?? '');
+
+        if ($uuid === '') {
+            return $this->errorResponse(
+                'core.bookmarks:error.missingGroupId.message',
+                400
+            );
+        }
+
+        $success = $this->bookmarkService->deleteGroup($uuid);
+
+        if (!$success) {
+            return $this->errorResponse(
+                'core.bookmarks:error.groupDeleteFailed.message',
+                500
+            );
+        }
+
+        return new JsonResponse([
+            'success' => true,
+            'groups' => $this->bookmarkService->getGroups(),
+        ]);
+    }
+
+    public function reorderGroupsAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+        $uuids = $parsedBody['uuids'] ?? [];
+
+        if (!is_array($uuids) || $uuids === []) {
+            return $this->errorResponse(
+                'core.bookmarks:error.missingGroupIds.message',
+                400
+            );
+        }
+
+        $success = $this->bookmarkService->reorderGroups($uuids);
+
+        if (!$success) {
+            return $this->errorResponse(
+                'core.bookmarks:error.groupReorderFailed.message',
+                500
+            );
+        }
+
+        return new JsonResponse([
+            'success' => true,
+            'groups' => $this->bookmarkService->getGroups(),
+        ]);
+    }
+
+    private function errorResponse(string $labelKey, int $statusCode = 200): JsonResponse
+    {
+        $languageService = $this->getLanguageService();
+        return new JsonResponse([
+            'success' => false,
+            'error' => $languageService->sL($labelKey) ?: $labelKey,
+        ], $statusCode);
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/ClearCacheController.php b/Classes/Controller/ClearCacheController.php
new file mode 100644
index 0000000..4545972
--- /dev/null
+++ b/Classes/Controller/ClearCacheController.php
@@ -0,0 +1,98 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Handles clearing caches from the clear cache toolbar item and the records module.
+ *
+ * @internal This class is a specific Backend controller implementation and is not part of the TYPO3's Core API.
+ */
+readonly class ClearCacheController
+{
+    public function flushCacheGroupPagesAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
+        $dataHandler->start([], []);
+        $dataHandler->clear_cacheCmd('pages');
+
+        $languageService = $this->getLanguageService();
+        return new JsonResponse([
+            'success' => true,
+            'title' => $languageService->sL('core.cache:notification.group.pages.success.title'),
+            'message' => $languageService->sL('core.cache:notification.group.pages.success.message'),
+        ]);
+    }
+
+    public function flushCacheGroupAllAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
+        $dataHandler->start([], []);
+        $dataHandler->clear_cacheCmd('all');
+
+        $languageService = $this->getLanguageService();
+        return new JsonResponse([
+            'success' => true,
+            'title' => $languageService->sL('core.cache:notification.group.all.success.title'),
+            'message' => $languageService->sL('core.cache:notification.group.all.success.message'),
+        ]);
+    }
+
+    public function flushCachePageAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+        $pageUid = (int)($parsedBody['id'] ?? 0);
+        $languageService = $this->getLanguageService();
+        $permissionClause = $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW);
+        $pageRow = BackendUtility::readPageAccess($pageUid, $permissionClause);
+        if ($pageUid !== 0 && $this->getBackendUser()->doesUserHaveAccess($pageRow, Permission::PAGE_SHOW)) {
+            $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
+            $dataHandler->start([], []);
+            $dataHandler->clear_cacheCmd($pageUid);
+            return new JsonResponse([
+                'success' => true,
+                'title' => $languageService->sL('core.cache:notification.page.success.title'),
+                'message' => sprintf($languageService->sL('core.cache:notification.page.success.message'), BackendUtility::getRecordTitle('pages', $pageRow)),
+            ]);
+        }
+        return new JsonResponse([
+            'success' => false,
+            'title' => $languageService->sL('core.cache:notification.page.error.title'),
+            'message' => $languageService->sL('core.cache:notification.page.error.message'),
+        ]);
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/ClipboardController.php b/Classes/Controller/ClipboardController.php
new file mode 100644
index 0000000..c377d7e
--- /dev/null
+++ b/Classes/Controller/ClipboardController.php
@@ -0,0 +1,113 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseFactoryInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Message\StreamFactoryInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Clipboard\Clipboard;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Controller which behaves as endpoint for clipboard requests, dispatched from
+ * either the clipboard panel web component or any of the corresponding modules.
+ *
+ * @internal This class is a specific Backend controller implementation and is not part of the TYPO3's Core API.
+ */
+#[AsController]
+class ClipboardController
+{
+    private const array ALLOWED_ACTIONS = ['getClipboardData'];
+
+    protected ResponseFactoryInterface $responseFactory;
+    protected StreamFactoryInterface $streamFactory;
+    protected Clipboard $clipboard;
+
+    public function __construct(ResponseFactoryInterface $responseFactory, StreamFactoryInterface $streamFactory)
+    {
+        $this->responseFactory = $responseFactory;
+        $this->streamFactory = $streamFactory;
+        $this->clipboard = GeneralUtility::makeInstance(Clipboard::class);
+    }
+
+    /**
+     * Process incoming clipboard request
+     */
+    public function processRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->clipboard->initializeClipboard($request);
+
+        $CB = (array)($request->getParsedBody()['CB'] ?? []);
+        if ($CB !== []) {
+            // Execute commands.
+            $this->clipboard->setCmd($CB);
+        }
+
+        // Clean up pad
+        $this->clipboard->cleanCurrent();
+        // Save the clipboard content
+        $this->clipboard->endClipboard();
+
+        $action = (string)($request->getQueryParams()['action'] ?? '');
+        if (in_array($action, self::ALLOWED_ACTIONS, true)) {
+            return $this->{$action . 'Action'}($request);
+        }
+
+        // Default response in case no dedicated action is requested.
+        // This is usually done if only internal clipboard state is changed.
+        return $this->createResponse(['success' => true, 'data' => []]);
+    }
+
+    protected function getClipboardDataAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $clipboardData = $this->clipboard->getClipboardData($request->getParsedBody()['table'] ?? '');
+
+        // Add labels for the panel
+        $lang = $this->getLanguageService();
+        $clipboardLabels = [
+            'clipboard' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:buttons.clipboard'),
+            'copyElements' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:copyElements'),
+            'moveElements' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:moveElements'),
+            'copy' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.copy'),
+            'cut' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.cut'),
+            'info' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.info'),
+            'removeAll' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:buttons.removeAll'),
+            'removeItem' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.removeItem'),
+        ];
+
+        return $this->createResponse([
+            'success' => $clipboardData !== [],
+            'data' => array_merge($clipboardData, ['labels' => $clipboardLabels]),
+        ]);
+    }
+
+    protected function createResponse(array $data): ResponseInterface
+    {
+        return $this->responseFactory->createResponse()
+            ->withHeader('Content-Type', 'application/json; charset=utf-8')
+            ->withBody($this->streamFactory->createStream(json_encode($data)));
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/CodeEditor/CodeCompletionController.php b/Classes/Controller/CodeEditor/CodeCompletionController.php
new file mode 100644
index 0000000..2a6c0cc
--- /dev/null
+++ b/Classes/Controller/CodeEditor/CodeCompletionController.php
@@ -0,0 +1,129 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\CodeEditor;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Site\Entity\SiteInterface;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\SysTemplateRepository;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\SysTemplateTreeBuilder;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\Traverser\IncludeTreeTraverser;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\Visitor\IncludeTreeAstBuilderVisitor;
+use TYPO3\CMS\Core\TypoScript\Tokenizer\LossyTokenizer;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\RootlineUtility;
+
+/**
+ * Code completion for code editor
+ *
+ * @internal This is a specific Backend Controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class CodeCompletionController
+{
+    public function __construct(
+        private SysTemplateRepository $sysTemplateRepository,
+        private SysTemplateTreeBuilder $treeBuilder,
+        private LossyTokenizer $lossyTokenizer,
+        private IncludeTreeTraverser $treeTraverser,
+    ) {}
+
+    /**
+     * Loads all templates up to a given page id (walking the rootline) and
+     * cleans parts that are not required for the code editor code-completion.
+     */
+    public function loadCompletions(ServerRequestInterface $request): ResponseInterface
+    {
+        // Check whether access is granted (only admin have access to sys_template records):
+        if (!$GLOBALS['BE_USER']->isAdmin()) {
+            return new HtmlResponse($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_codeeditor.xlf:noPermission'), 500);
+        }
+        $pageId = (int)($request->getParsedBody()['pageId'] ?? $request->getQueryParams()['pageId']);
+        // Check whether there is a pageId given:
+        if (!$pageId) {
+            return new HtmlResponse($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_codeeditor.xlf:pageIDInteger'), 500);
+        }
+        // Fetch the templates
+        return new JsonResponse($this->getMergedTemplates($pageId, $request));
+    }
+
+    /**
+     * Gets merged templates by walking the rootline to a given page id.
+     * This is loaded once via ajax when a code editor in typoscript mode is fired.
+     * JS then knows the object types and can auto-complete on CTRL+space.
+     *
+     * @return array Setup part of merged template records
+     */
+    protected function getMergedTemplates(int $pageId, ServerRequestInterface $request): array
+    {
+        $rootLine = GeneralUtility::makeInstance(RootlineUtility::class, $pageId)->get();
+        $sysTemplateRows = $this->sysTemplateRepository->getSysTemplateRowsByRootline($rootLine, $request);
+        /** @var SiteInterface|null $site */
+        $site = $request->getAttribute('site');
+        $setupIncludeTree = $this->treeBuilder->getTreeBySysTemplateRowsAndSite('setup', $sysTemplateRows, $this->lossyTokenizer, $site);
+        $setupAstBuilderVisitor = GeneralUtility::makeInstance(IncludeTreeAstBuilderVisitor::class);
+        $this->treeTraverser->traverse($setupIncludeTree, [$setupAstBuilderVisitor]);
+        $setupAst = $setupAstBuilderVisitor->getAst();
+        return $this->treeWalkCleanup($setupAst->toArray());
+    }
+
+    /**
+     * Walks through a tree of TypoScript configuration and prepares it for JS.
+     */
+    private function treeWalkCleanup(array $treeBranch): array
+    {
+        $cleanedTreeBranch = [];
+        foreach ($treeBranch as $key => $value) {
+            $key = is_int($key) ? (string)$key : $key;
+            //type definition or value-assignment
+            if (substr($key, -1) !== '.') {
+                if ($value != '') {
+                    if (mb_strlen($value) > 20) {
+                        $value = mb_substr($value, 0, 20);
+                    }
+                    if (!isset($cleanedTreeBranch[$key])) {
+                        $cleanedTreeBranch[$key] = [];
+                    }
+                    $cleanedTreeBranch[$key]['v'] = $value;
+                }
+            } else {
+                // subtree (definition of properties)
+                $subBranch = $this->treeWalkCleanup($value);
+                if ($subBranch) {
+                    if (substr($key, -1) === '.') {
+                        $key = rtrim($key, '.');
+                    }
+                    if (!isset($cleanedTreeBranch[$key])) {
+                        $cleanedTreeBranch[$key] = [];
+                    }
+                    $cleanedTreeBranch[$key]['c'] = $subBranch;
+                }
+            }
+        }
+        return $cleanedTreeBranch;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/CodeEditor/TypoScriptReferenceController.php b/Classes/Controller/CodeEditor/TypoScriptReferenceController.php
new file mode 100644
index 0000000..6348a79
--- /dev/null
+++ b/Classes/Controller/CodeEditor/TypoScriptReferenceController.php
@@ -0,0 +1,73 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\CodeEditor;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Loads TSref information from a XML file and responds to an AJAX call.
+ * @internal This is a specific Backend Controller implementation and is not considered part of the Public TYPO3 API.
+ */
+class TypoScriptReferenceController
+{
+    /**
+     * Load TypoScript reference
+     */
+    public function loadReference(ServerRequestInterface $request): ResponseInterface
+    {
+        // Load the TSref XML information
+        $xmlDoc = new \DOMDocument('1.0', 'utf-8');
+        $xmlDoc->loadXML(file_get_contents(GeneralUtility::getFileAbsFileName('EXT:backend/Resources/Private/tsref.xml')));
+
+        return new JsonResponse($this->getTypes($xmlDoc));
+    }
+
+    /**
+     * Get types from XML
+     */
+    protected function getTypes(\DOMDocument $xmlDoc): array
+    {
+        $types = $xmlDoc->getElementsByTagName('type');
+        $typeArr = [];
+        foreach ($types as $type) {
+            $typeId = $type->getAttribute('id');
+            $typeName = $type->getAttribute('name');
+            if (!$typeName) {
+                $typeName = $typeId;
+            }
+            $properties = $type->getElementsByTagName('property');
+            $propArr = [];
+            foreach ($properties as $property) {
+                $p = [];
+                $p['name'] = $property->getAttribute('name');
+                $p['type'] = $property->getAttribute('type');
+                $propArr[$property->getAttribute('name')] = $p;
+            }
+            $typeArr[$typeId] = [];
+            $typeArr[$typeId]['properties'] = $propArr;
+            $typeArr[$typeId]['name'] = $typeName;
+            if ($type->hasAttribute('extends')) {
+                $typeArr[$typeId]['extends'] = $type->getAttribute('extends');
+            }
+        }
+        return $typeArr;
+    }
+}
diff --git a/Classes/Controller/ColorSchemeController.php b/Classes/Controller/ColorSchemeController.php
new file mode 100644
index 0000000..90423d4
--- /dev/null
+++ b/Classes/Controller/ColorSchemeController.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Backend\ColorScheme;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Http\Response;
+
+#[AsController]
+class ColorSchemeController
+{
+    public function updateAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $colorScheme = $request->getParsedBody()['colorScheme'];
+
+        if ($request->getMethod() !== 'POST' || !ColorScheme::tryFrom($colorScheme)) {
+            return new JsonResponse(null, 400);
+        }
+
+        $backendUser = $this->getBackendUser();
+        $backendUser->uc['colorScheme'] = $colorScheme;
+        $backendUser->writeUC();
+
+        return new Response(null);
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/ColumnSelectorController.php b/Classes/Controller/ColumnSelectorController.php
new file mode 100644
index 0000000..57f36ed
--- /dev/null
+++ b/Classes/Controller/ColumnSelectorController.php
@@ -0,0 +1,242 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseFactoryInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\View\ViewInterface;
+
+/**
+ * Controller for handling the display column selection for records, typically executed from list modules.
+ *
+ * @internal This class is a specific Backend controller implementation and is not part of the TYPO3's Core API.
+ */
+#[AsController]
+readonly class ColumnSelectorController
+{
+    private const array PSEUDO_FIELDS = ['_REF_', '_PATH_'];
+    private const array EXCLUDE_FILE_FIELDS = [
+        'pid', // Not relevant as all records are on pid=0
+        'identifier', // Handled manually in listing
+        'name', // Handled manually in listing
+        'metadata', // The reference to the meta data is not relevant
+        'file', // The reference to the file is not relevant
+        'sys_language_uid', // Not relevant in listing since only default is displayed
+        'l10n_parent', // Not relevant in listing
+        't3ver_state', // Not relevant in listing
+        't3ver_wsid', // Not relevant in listing
+        't3ver_oid', // Not relevant in listing
+    ];
+
+    public function __construct(
+        protected ResponseFactoryInterface $responseFactory,
+        protected BackendViewFactory $backendViewFactory,
+        protected TcaSchemaFactory $tcaSchemaFactory,
+    ) {}
+
+    /**
+     * Update the columns to be displayed for the given table
+     */
+    public function updateVisibleColumnsAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+        $table = (string)($parsedBody['table'] ?? '');
+        $selectedColumns = $parsedBody['selectedColumns'] ?? [];
+
+        if ($table === '' || !is_array($selectedColumns)) {
+            return $this->jsonResponse([
+                'success' => false,
+                'message' => htmlspecialchars(
+                    $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_column_selector.xlf:updateColumnView.nothingUpdated')
+                ),
+            ]);
+        }
+
+        $backendUser = $this->getBackendUserAuthentication();
+        $displayFields = $backendUser->getModuleData('list/displayFields');
+        $displayFields[$table] = $selectedColumns;
+        $backendUser->pushModuleData('list/displayFields', $displayFields);
+
+        return $this->jsonResponse(['success' => true]);
+    }
+
+    /**
+     * Generate the show columns selector form
+     */
+    public function showColumnsSelectorAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $queryParams = $request->getQueryParams();
+        $table = (string)($queryParams['table'] ?? '');
+
+        if ($table === '') {
+            throw new \RuntimeException('No table was given for selecting columns', 1625169125);
+        }
+        $view = $this->backendViewFactory->create($request);
+        $view->assignMultiple([
+            'table' => $table,
+            'columns' => $this->getColumns($table, (int)($queryParams['id'] ?? 0)),
+        ]);
+
+        return $this->htmlResponse($view);
+    }
+
+    /**
+     * Retrieve all columns for the table, which can be selected
+     */
+    protected function getColumns(string $table, int $pageId): array
+    {
+        $tsConfig = BackendUtility::getPagesTSconfig($pageId);
+
+        // Current fields selection
+        $displayFields = $this->getBackendUserAuthentication()->getModuleData('list/displayFields')[$table] ?? [];
+
+        if ($table === '_FILE') {
+            // Special handling for _FILE (merging sys_file and sys_file_metadata together)
+            $fields = $this->getFileFields();
+        } else {
+            // Request fields from table and add pseudo fields
+            $fields = array_merge(BackendUtility::getAllowedFieldsForTable($table), self::PSEUDO_FIELDS);
+        }
+
+        $columns = $specialColumns = $disabledColumns = [];
+        foreach ($fields as $fieldName) {
+            $concreteTableName = $table;
+
+            // In case we deal with _FILE, the field name is prefixed with the
+            // concrete table name, which is either sys_file or sys_file_metadata.
+            if ($table === '_FILE') {
+                [$concreteTableName, $fieldName] = explode('|', $fieldName);
+            }
+
+            // Hide field if disabled
+            if ($tsConfig['TCEFORM.'][$concreteTableName . '.'][$fieldName . '.']['disabled'] ?? false) {
+                continue;
+            }
+            $schema = $this->tcaSchemaFactory->get($concreteTableName);
+            $labelFieldName = false;
+            if ($schema->hasCapability(TcaSchemaCapability::Label)) {
+                $labelFieldName = $schema->getCapability(TcaSchemaCapability::Label)->getPrimaryFieldName();
+            }
+
+            // Determine if the column should be disabled (Meaning it is always selected and can not be turned off)
+            $isDisabled = $fieldName === $labelFieldName;
+
+            // Determine field label
+            $label = ($schema->hasField($fieldName) ? $schema->getField($fieldName)->getLabel() : '') ?: null;
+            $label = $this->getLanguageService()->translateLabel(
+                $tsConfig['TCEFORM.'][$concreteTableName . '.'][$fieldName . '.']['label.'] ?? [],
+                $tsConfig['TCEFORM.'][$concreteTableName . '.'][$fieldName . '.']['label']
+                    ?? $label
+                    ?? 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.' . $fieldName
+            );
+
+            // Add configuration for this column
+            $columnConfiguration = [
+                'name' => $fieldName,
+                'selected' => $isDisabled || in_array($fieldName, $displayFields, true),
+                'disabled' => $isDisabled,
+                'pseudo' => in_array($fieldName, self::PSEUDO_FIELDS, true),
+                'label' => $label,
+            ];
+
+            // Add column configuration to the correct group
+            if ($columnConfiguration['disabled']) {
+                $disabledColumns[] = $columnConfiguration;
+            } elseif (!$columnConfiguration['label']) {
+                $specialColumns[] = $columnConfiguration;
+            } else {
+                $columns[] = $columnConfiguration;
+            }
+        }
+
+        // Sort standard columns by their resolved label
+        usort($columns, static fn($a, $b) => $a['label'] <=> $b['label']);
+
+        // Disabled columns go first, followed by standard columns
+        // and special columns, which do not have a label.
+        return array_merge($disabledColumns, $columns, $specialColumns);
+    }
+
+    /**
+     * Get file related fields by merging sys_file and sys_file_metadata together
+     * and adding the corresponding table as prefix (needed for labels processing).
+     */
+    protected function getFileFields(): array
+    {
+        // Get all sys_file fields expect excluded ones
+        $fileFields = array_filter(
+            BackendUtility::getAllowedFieldsForTable('sys_file'),
+            static fn(string $field): bool => !in_array($field, self::EXCLUDE_FILE_FIELDS, true)
+        );
+
+        // Always add crdate and tstamp fields for files
+        $fileFields = array_unique(array_merge($fileFields, ['crdate', 'tstamp']));
+
+        // Update the exclude fields with the fields, already added through sys_file, since those take precedence
+        $excludeFields = array_merge($fileFields, self::EXCLUDE_FILE_FIELDS);
+
+        // Get all sys_file_metadata fields expect excluded ones
+        $fileMetaDataFields = array_filter(
+            BackendUtility::getAllowedFieldsForTable('sys_file_metadata'),
+            static fn(string $field): bool => !in_array($field, $excludeFields, true)
+        );
+
+        // Merge sys_file and sys_file_metadata fields together, while adding the table name as prefix
+        return array_merge(
+            array_map(static fn(string $value): string => 'sys_file|' . $value, $fileFields),
+            array_map(static fn(string $value): string => 'sys_file_metadata|' . $value, $fileMetaDataFields),
+        );
+    }
+
+    protected function htmlResponse(ViewInterface $view): ResponseInterface
+    {
+        $response = $this->responseFactory
+            ->createResponse()
+            ->withHeader('Content-Type', 'text/html; charset=utf-8');
+        $response->getBody()->write($view->render('ColumnSelector'));
+        return $response;
+    }
+
+    protected function jsonResponse(array $data): ResponseInterface
+    {
+        $response = $this->responseFactory
+            ->createResponse()
+            ->withAddedHeader('Content-Type', 'application/json; charset=utf-8');
+
+        $response->getBody()->write(json_encode($data));
+        return $response;
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/ContentElement/ElementHistoryController.php b/Classes/Controller/ContentElement/ElementHistoryController.php
new file mode 100644
index 0000000..00c3a1f
--- /dev/null
+++ b/Classes/Controller/ContentElement/ElementHistoryController.php
@@ -0,0 +1,554 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\ContentElement;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\History\RecordHistory;
+use TYPO3\CMS\Backend\History\RecordHistoryRollback;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ButtonBar;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\ModuleTemplate;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\ValueFormatter\FlexFormValueFormatter;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\DataHandling\History\RecordHistoryStore;
+use TYPO3\CMS\Core\DataHandling\TableColumnType;
+use TYPO3\CMS\Core\Domain\DateTimeFactory;
+use TYPO3\CMS\Core\Exception\SiteNotFoundException;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Site\Entity\SiteLanguage;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\DiffGranularity;
+use TYPO3\CMS\Core\Utility\DiffUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Controller for showing the history module of TYPO3s backend.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+class ElementHistoryController
+{
+    protected RecordHistory $historyObject;
+
+    /**
+     * Display inline differences or not
+     */
+    protected bool $showDiff = true;
+    protected array $recordCache = [];
+
+    protected ModuleTemplate $view;
+
+    protected string $returnUrl = '';
+
+    public function __construct(
+        protected readonly IconFactory $iconFactory,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly ModuleTemplateFactory $moduleTemplateFactory,
+        private readonly DiffUtility $diffUtility,
+        private readonly FlexFormValueFormatter $flexFormValueFormatter,
+        private readonly TcaSchemaFactory $tcaSchemaFactory,
+        private readonly ComponentFactory $componentFactory,
+        private readonly SiteFinder $siteFinder,
+    ) {}
+
+    /**
+     * Injects the request object for the current request or sub request
+     * As this controller goes only through the main() method, it is rather simple for now
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->view = $this->moduleTemplateFactory->create($request);
+        $backendUser = $this->getBackendUser();
+        $this->view->getDocHeaderComponent()->setPageBreadcrumb([]);
+
+        $parsedBody = $request->getParsedBody();
+        $queryParams = $request->getQueryParams();
+
+        $this->returnUrl = GeneralUtility::sanitizeLocalUrl($parsedBody['returnUrl'] ?? $queryParams['returnUrl'] ?? '', $request);
+
+        $lastHistoryEntry = (int)($parsedBody['historyEntry'] ?? $queryParams['historyEntry'] ?? 0);
+        $rollbackFields = $parsedBody['rollbackFields'] ?? $queryParams['rollbackFields'] ?? null;
+        $element = $parsedBody['element'] ?? $queryParams['element'] ?? null;
+        $moduleSettings = $this->processSettings($request);
+        $this->view->assign('isUserInWorkspace', $backendUser->workspace > 0);
+
+        $this->showDiff = (bool)$moduleSettings['showDiff'];
+
+        // Start history object
+        $this->historyObject = GeneralUtility::makeInstance(RecordHistory::class, $element);
+        $this->historyObject->setShowSubElements((bool)$moduleSettings['showSubElements']);
+        $this->historyObject->setLastHistoryEntryNumber($lastHistoryEntry);
+        if ($moduleSettings['maxSteps']) {
+            $this->historyObject->setMaxSteps((int)$moduleSettings['maxSteps']);
+        }
+
+        // Do the actual logic now (rollback, show a diff for certain changes,
+        // or show the full history of a page or a specific record)
+        $changeLog = $this->historyObject->getChangeLog();
+        if (!empty($changeLog)) {
+            if ($rollbackFields !== null) {
+                $diff = $this->historyObject->getDiff($changeLog);
+                GeneralUtility::makeInstance(RecordHistoryRollback::class)->performRollback($rollbackFields, $diff);
+            } elseif ($lastHistoryEntry) {
+                $completeDiff = $this->historyObject->getDiff($changeLog);
+                $this->displayMultipleDiff($completeDiff);
+                $button = $this->componentFactory->createLinkButton()
+                    ->setHref($this->buildUrl(['historyEntry' => '']))
+                    ->setIcon($this->iconFactory->getIcon('actions-view-go-back', IconSize::SMALL))
+                    ->setTitle($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:fullView'))
+                    ->setShowLabelText(true);
+                $this->view->addButtonToButtonBar($button);
+            }
+            if ($this->historyObject->getElementString() !== '') {
+                $this->displayHistory($changeLog);
+            }
+        }
+
+        $elementData = $this->historyObject->getElementInformation();
+        $editLock = false;
+        if (!empty($elementData)) {
+            [$elementTable, $elementUid] = $elementData;
+            $elementUid = (int)$elementUid;
+            $this->setPagePath($elementTable, $elementUid);
+            $editLock = $this->getEditLockFromElement($elementTable, $elementUid);
+            // Get link to page history if the element history is shown
+            if ($elementTable !== 'pages') {
+                $parentPage = BackendUtility::getRecord($elementTable, $elementUid, '*', '', false);
+                if ($parentPage['pid'] > 0 && BackendUtility::readPageAccess($parentPage['pid'], $backendUser->getPagePermsClause(Permission::PAGE_SHOW))) {
+                    $button = $this->componentFactory->createLinkButton()
+                        ->setHref($this->buildUrl([
+                            'element' => 'pages:' . $parentPage['pid'],
+                            'historyEntry' => '',
+                        ]))
+                        ->setIcon($this->iconFactory->getIcon('apps-pagetree-page-default', IconSize::SMALL))
+                        ->setTitle($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:elementHistory_link'))
+                        ->setShowLabelText(true);
+                    $this->view->addButtonToButtonBar($button, ButtonBar::BUTTON_POSITION_LEFT, 2);
+                }
+            }
+        }
+
+        if ($element !== null) {
+            $this->addLanguageSwitcher($request, $backendUser, $element);
+        }
+
+        $this->view->assign('editLock', $editLock);
+        $this->view->assign('moduleSettings', $moduleSettings);
+        $this->view->assign('settingsFormUrl', $this->buildUrl());
+
+        // Setting up the buttons and markers for docheader
+        $this->getButtons();
+
+        return $this->view->renderResponse('RecordHistory/Main');
+    }
+
+    /**
+     * Creates the correct path to the current record
+     */
+    protected function setPagePath(string $table, int $uid): void
+    {
+        $record = BackendUtility::getRecord($table, $uid, '*', '', false);
+        if ($table === 'pages') {
+            $pageId = $uid;
+        } else {
+            $pageId = $record['pid'];
+        }
+
+        $pageAccess = BackendUtility::readPageAccess($pageId, $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW));
+        if (is_array($pageAccess)) {
+            $this->view->getDocHeaderComponent()->setPageBreadcrumb($pageAccess);
+        }
+
+        $schema = $this->tcaSchemaFactory->get($table);
+        $this->view->assignMultiple([
+            'recordTable' => $table,
+            'recordTableReadable' => $schema->getTitle($this->getLanguageService()->sL(...)),
+            'recordUid' => $uid,
+            'recordTitle' => $this->generateTitle($table, (string)$uid),
+        ]);
+    }
+
+    protected function getButtons(): void
+    {
+        if ($this->returnUrl) {
+            $backButton = $this->componentFactory->createLinkButton()
+                ->setHref($this->returnUrl)
+                ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:rm.closeDoc'))
+                ->setShowLabelText(true)
+                ->setIcon($this->iconFactory->getIcon('actions-close', IconSize::SMALL));
+            $this->view->addButtonToButtonBar($backButton);
+        }
+    }
+
+    protected function processSettings(ServerRequestInterface $request): array
+    {
+        // Get current selection from UC, merge data, write it back to UC
+        $currentSelection = $this->getBackendUser()->getModuleData('history');
+        if (!is_array($currentSelection)) {
+            $currentSelection = ['maxSteps' => '', 'showDiff' => 1, 'showSubElements' => 1];
+        }
+        $currentSelectionOverride = $request->getParsedBody()['settings'] ?? null;
+        if (is_array($currentSelectionOverride) && !empty($currentSelectionOverride)) {
+            $currentSelection = array_merge($currentSelection, $currentSelectionOverride);
+            $this->getBackendUser()->pushModuleData('history', $currentSelection);
+        }
+        return $currentSelection;
+    }
+
+    /**
+     * Add a translation selection dropdown if the record is language aware.
+     */
+    protected function addLanguageSwitcher(
+        ServerRequestInterface $request,
+        BackendUserAuthentication $backendUser,
+        string $element,
+    ): void {
+        $translations = $this->historyObject->getTranslations($element);
+        if ($translations === null) {
+            return;
+        }
+
+        $languageDropDownButton = $this->componentFactory->createDropDownButton()
+            ->setLabel($this->getLanguageService()->sL('core.core:labels.language'))
+            ->setShowLabelText(true);
+
+        try {
+            $site = $this->siteFinder->getSiteByPageId($translations['page']);
+        } catch (SiteNotFoundException) {
+            $site = $request->getAttribute('site');
+        }
+
+        $availableLanguages = $site->getAvailableLanguages($backendUser, false, $translations['page']);
+
+        foreach ($translations['elements'] as $translation) {
+            $siteLanguage = $availableLanguages[$translation['language']] ?? null;
+            if (!$siteLanguage instanceof SiteLanguage) {
+                continue;
+            }
+
+            $languageItem = $this->componentFactory->createDropDownRadio()
+                ->setActive($translation['element'] === $element)
+                ->setIcon($this->iconFactory->getIcon($siteLanguage->getFlagIdentifier()))
+                ->setHref((string)$this->uriBuilder->buildUriFromRoute('record_history', [
+                    'element' => $translation['element'],
+                    'returnUrl' => $this->returnUrl,
+                ]))
+                ->setLabel($siteLanguage->getTitle());
+            $languageDropDownButton->addItem($languageItem);
+
+            if ($languageItem->isActive()) {
+                $languageDropDownButton->setLabel($siteLanguage->getTitle());
+            }
+        }
+
+        $this->view->getDocHeaderComponent()->setLanguageSelector($languageDropDownButton);
+    }
+
+    /**
+     * Displays a diff over multiple fields including rollback links
+     *
+     * @param array $diff Difference array
+     */
+    protected function displayMultipleDiff(array $diff): void
+    {
+        $languageService = $this->getLanguageService();
+
+        // Get all array keys needed
+        /** @var string[] $arrayKeys */
+        $arrayKeys = array_merge(array_keys($diff['newData']), array_keys($diff['insertsDeletes']), array_keys($diff['oldData']));
+        $arrayKeys = array_unique($arrayKeys);
+        if (!empty($arrayKeys)) {
+            $lines = [];
+            foreach ($arrayKeys as $key) {
+                $singleLine = [];
+                $elParts = explode(':', $key);
+                // Turn around diff because it should be a "rollback preview"
+                if ((int)($diff['insertsDeletes'][$key] ?? 0) === 1) {
+                    // insert
+                    $singleLine['insertDelete'] = 'delete';
+                } elseif ((int)($diff['insertsDeletes'][$key] ?? 0) === -1) {
+                    $singleLine['insertDelete'] = 'insert';
+                }
+                // Build up temporary diff array
+                // turn around diff because it should be a "rollback preview"
+                if ($diff['newData'][$key] ?? false) {
+                    $tmpArr = [
+                        'newRecord' => $diff['oldData'][$key],
+                        'oldRecord' => $diff['newData'][$key],
+                    ];
+
+                    // show changes
+                    if (!$this->showDiff) {
+                        // Display field names instead of full diff
+                        // Re-write field names with labels
+                        /** @var string[] $tmpFieldList */
+                        $tmpFieldList = array_keys($tmpArr['newRecord']);
+                        foreach ($tmpFieldList as $fieldKey => $value) {
+                            $itemLabel = '';
+                            if ($this->tcaSchemaFactory->has($elParts[0]) && ($schema = $this->tcaSchemaFactory->get($elParts[0]))->hasField($value)) {
+                                $itemLabel = $schema->getField($value)->getLabel();
+                            }
+                            $tmp = str_replace(':', '', $languageService->sL($itemLabel));
+                            if ($tmp) {
+                                $tmpFieldList[$fieldKey] = $tmp;
+                            } else {
+                                // remove fields if no label available
+                                unset($tmpFieldList[$fieldKey]);
+                            }
+                        }
+                        $singleLine['fieldNames'] = implode(',', $tmpFieldList);
+                    } else {
+                        // Display diff
+                        $singleLine['differences'] = $this->renderDiff($tmpArr, $elParts[0], (int)$elParts[1], true);
+                    }
+                }
+                $elParts = explode(':', $key);
+                $singleLine['revertRecordUrl'] = $this->buildUrl(['rollbackFields' => $key]);
+                $singleLine['title'] = $this->generateTitle($elParts[0], $elParts[1]);
+                $singleLine['recordTable'] = $elParts[0];
+                $singleLine['recordUid'] = $elParts[1];
+                $lines[] = $singleLine;
+            }
+            $this->view->assign('revertAllUrl', $this->buildUrl(['rollbackFields' => 'ALL']));
+            $this->view->assign('multipleDiff', $lines);
+        }
+        $this->view->assign('showDifferences', true);
+    }
+
+    /**
+     * Shows the full change log
+     */
+    protected function displayHistory(array $historyEntries): void
+    {
+        if ($historyEntries === []) {
+            return;
+        }
+        $languageService = $this->getLanguageService();
+        $lines = [];
+        $beUserArray = BackendUtility::getUserNames('username,realName,usergroup,uid');
+
+        // Traverse changeLog array:
+        foreach ($historyEntries as $entry) {
+            // Build up single line
+            $singleLine = [];
+
+            // Get user names
+            $singleLine['backendUserUid'] = $entry['userid'];
+            $singleLine['backendUserName'] = $beUserArray[$entry['userid']]['username'] ?? '';
+            $singleLine['backendUserRealName'] = $beUserArray[$entry['userid']]['realName'] ?? '';
+            // Executed by switch user
+            if (!empty($entry['originaluserid'])) {
+                $singleLine['originalBackendUserUid'] = $entry['originaluserid'];
+                $singleLine['originalBackendUserName'] = $beUserArray[$entry['originaluserid']]['username'] ?? '';
+                $singleLine['originalBackendRealName'] = $beUserArray[$entry['originaluserid']]['realName'] ?? '';
+            }
+
+            // Is a change in a workspace?
+            $singleLine['isChangedInWorkspace'] = (int)$entry['workspace'] > 0;
+
+            // Diff link
+            $singleLine['diffUrl'] = $this->buildUrl(['historyEntry' => $entry['uid']]);
+            // Add time
+            $singleLine['day'] = BackendUtility::date($entry['tstamp']);
+            $singleLine['timestamp'] = DateTimeFactory::createFromTimestamp($entry['tstamp']);
+
+            $singleLine['title'] = $this->generateTitle($entry['tablename'], (string)$entry['recuid']);
+            $singleLine['recordTable'] = $entry['tablename'];
+            $singleLine['recordUid'] = $entry['recuid'];
+
+            $singleLine['elementUrl'] = $this->buildUrl(['element' => $entry['tablename'] . ':' . $entry['recuid']]);
+            $singleLine['actiontype'] = $entry['actiontype'];
+            if ((int)$entry['actiontype'] === RecordHistoryStore::ACTION_MODIFY || (int)$entry['actiontype'] === RecordHistoryStore::ACTION_PUBLISH) {
+                // show changes
+                if (!$this->showDiff) {
+                    // Display field names instead of full diff
+                    // Re-write field names with labels
+                    /** @var string[] $tmpFieldList */
+                    $tmpFieldList = array_keys($entry['newRecord']);
+                    foreach ($tmpFieldList as $key => $value) {
+                        $itemLabel = '';
+                        if ($this->tcaSchemaFactory->has($entry['tablename']) && ($schema = $this->tcaSchemaFactory->get($entry['tablename']))->hasField($value)) {
+                            $itemLabel = $schema->getField($value)->getLabel();
+                        }
+                        $tmp = str_replace(':', '', $languageService->sL($itemLabel));
+                        if ($tmp) {
+                            $tmpFieldList[$key] = $tmp;
+                        } else {
+                            // remove fields if no label available
+                            unset($tmpFieldList[$key]);
+                        }
+                    }
+                    $singleLine['fieldNames'] = implode(',', $tmpFieldList);
+                } else {
+                    // Display diff
+                    $singleLine['differences'] = $this->renderDiff($entry, $entry['tablename'], (int)$entry['recuid']);
+                }
+            }
+            // put line together
+            $lines[] = $singleLine;
+        }
+        $this->view->assign('history', $lines);
+    }
+
+    /**
+     * Renders HTML table-rows with the comparison information of a sys_history entry record
+     *
+     * @param array $entry sys_history entry record.
+     * @param string $table The table name
+     * @param int $rollbackUid The UID of the record
+     * @param bool $showRollbackLink Whether a rollback link should be shown for each changed field
+     * @return array array of records
+     */
+    protected function renderDiff(array $entry, string $table, int $rollbackUid, bool $showRollbackLink = false): array
+    {
+        if (!$this->tcaSchemaFactory->has($table)) {
+            return [];
+        }
+        $lines = [];
+        if (is_array($entry['newRecord'] ?? null)) {
+            $fieldsToDisplay = array_keys($entry['newRecord']);
+            $languageService = $this->getLanguageService();
+            $schema = $this->tcaSchemaFactory->get($table);
+            foreach ($fieldsToDisplay as $fN) {
+                if (!$schema->hasField($fN)) {
+                    continue;
+                }
+                $fieldInformation = $schema->getField($fN);
+                if (!$fieldInformation->isType(TableColumnType::PASSTHROUGH)) {
+                    if ($fieldInformation->isType(TableColumnType::FLEX)) {
+                        $colConfig = $fieldInformation->getConfiguration();
+                        $old = $this->flexFormValueFormatter->format($table, $fN, ($entry['oldRecord'][$fN] ?? ''), $rollbackUid, $colConfig);
+                        $new = $this->flexFormValueFormatter->format($table, $fN, ($entry['newRecord'][$fN] ?? ''), $rollbackUid, $colConfig);
+                        $diffResult = $this->diffUtility->diff(strip_tags($old), strip_tags($new), DiffGranularity::CHARACTER);
+                    } else {
+                        $old = (string)BackendUtility::getProcessedValue($table, $fN, ($entry['oldRecord'][$fN] ?? ''), 0, true, false, $rollbackUid);
+                        $new = (string)BackendUtility::getProcessedValue($table, $fN, ($entry['newRecord'][$fN] ?? ''), 0, true, false, $rollbackUid);
+                        $diffResult = $this->diffUtility->diff(strip_tags($old), strip_tags($new));
+                    }
+                    $rollbackUrl = '';
+                    if ($rollbackUid && $showRollbackLink) {
+                        $rollbackUrl = $this->buildUrl(['rollbackFields' => $table . ':' . $rollbackUid . ':' . $fN]);
+                    }
+                    $lines[] = [
+                        'title' => $languageService->sL($fieldInformation->getLabel()),
+                        'rollbackUrl' => $rollbackUrl,
+                        'result' => str_replace('\n', PHP_EOL, str_replace('\r\n', '\n', $diffResult)),
+                    ];
+                }
+            }
+        }
+        return $lines;
+    }
+
+    /**
+     * Generates the URL for a link to the current page
+     */
+    protected function buildUrl(array $overrideParameters = []): string
+    {
+        $params = [];
+
+        // Setting default values based on GET parameters:
+        $elementString = $this->historyObject->getElementString();
+        if ($elementString !== '') {
+            $params['element'] = $elementString;
+        }
+        $params['historyEntry'] = $this->historyObject->getLastHistoryEntryNumber();
+
+        if (!empty($this->returnUrl)) {
+            $params['returnUrl'] = $this->returnUrl;
+        }
+
+        // Merging overriding values:
+        $params = array_merge($params, $overrideParameters);
+
+        // Make the link:
+        return (string)$this->uriBuilder->buildUriFromRoute('record_history', $params);
+    }
+
+    /**
+     * Generates the title and puts the record title behind
+     */
+    protected function generateTitle(string $table, string $uid): string
+    {
+        if ($this->tcaSchemaFactory->get($table)->hasCapability(TcaSchemaCapability::Label)) {
+            $record = $this->getRecord($table, (int)$uid) ?? [];
+            return BackendUtility::getRecordTitle($table, $record);
+        }
+        return '';
+    }
+
+    /**
+     * Gets a database record (cached).
+     */
+    protected function getRecord(string $table, int $uid): ?array
+    {
+        if (!isset($this->recordCache[$table][$uid])) {
+            $this->recordCache[$table][$uid] = BackendUtility::getRecord($table, $uid, '*', '', false);
+        }
+        return $this->recordCache[$table][$uid];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    /**
+     * Get the editlock value from page of a history element
+     */
+    protected function getEditLockFromElement(string $tableName, int $elementUid): bool
+    {
+        // If the user is admin, then he may always edit the page.
+        if ($this->getBackendUser()->isAdmin()) {
+            return false;
+        }
+
+        $schema = $this->tcaSchemaFactory->get($tableName);
+
+        // Early return if $elementUid is zero
+        if ($elementUid === 0) {
+            return !$schema->getCapability(TcaSchemaCapability::RestrictionRootLevel)->shallIgnoreRootLevelRestriction();
+        }
+
+        $record = BackendUtility::getRecord($tableName, $elementUid, '*', '', false);
+        // we need the parent page record for the editlock info if element isn't a page
+        if ($tableName !== 'pages') {
+            $pageId = $record['pid'];
+            $record = BackendUtility::getRecord('pages', $pageId, '*', '', false);
+        }
+
+        return $schema->hasCapability(TcaSchemaCapability::EditLock)
+            && ($record[$schema->getCapability(TcaSchemaCapability::EditLock)->getFieldName()] ?? false);
+    }
+}
diff --git a/Classes/Controller/ContentElement/ElementInformationController.php b/Classes/Controller/ContentElement/ElementInformationController.php
new file mode 100644
index 0000000..4183dc5
--- /dev/null
+++ b/Classes/Controller/ContentElement/ElementInformationController.php
@@ -0,0 +1,797 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\ContentElement;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\History\RecordHistory;
+use TYPO3\CMS\Backend\Routing\Exception\RouteNotFoundException;
+use TYPO3\CMS\Backend\Routing\PreviewUriBuilder;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Resource\File;
+use TYPO3\CMS\Core\Resource\FileType;
+use TYPO3\CMS\Core\Resource\Folder;
+use TYPO3\CMS\Core\Resource\Index\MetaDataRepository;
+use TYPO3\CMS\Core\Resource\Rendering\RendererRegistry;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\SearchableSchemaFieldsCollector;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Schema\VisibleSchemaFieldsCollector;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Modal rendering detail about a record. Reached by "Display information" on click menu and records module.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+class ElementInformationController
+{
+    /**
+     * Type of element: "db", "file" or "folder"
+     */
+    protected string $type = 'db';
+
+    protected array $row = [];
+    protected ?string $table = null;
+    protected ?File $fileObject = null;
+    protected ?Folder $folderObject = null;
+
+    public function __construct(
+        protected readonly IconFactory $iconFactory,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly ModuleTemplateFactory $moduleTemplateFactory,
+        protected readonly ResourceFactory $resourceFactory,
+        protected readonly TcaSchemaFactory $tcaSchemaFactory,
+        protected readonly VisibleSchemaFieldsCollector $visibleSchemaFieldsCollector,
+        private readonly SearchableSchemaFieldsCollector $searchableSchemaFieldsCollector,
+        private readonly MetaDataRepository $metaDataRepository,
+        private readonly ConnectionPool $connectionPool,
+        private readonly RendererRegistry $rendererRegistry,
+    ) {}
+
+    /**
+     * Injects the request object for the current request or subrequest
+     * As this controller goes only through the main() method, it is rather simple for now
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $backendUser = $this->getBackendUser();
+        $view = $this->moduleTemplateFactory->create($request);
+        $view->getDocHeaderComponent()->disable();
+        $queryParams = $request->getQueryParams();
+        $this->table = $queryParams['table'] ?? null;
+        $uid = $queryParams['uid'] ?? '';
+        $permsClause = $backendUser->getPagePermsClause(Permission::PAGE_SHOW);
+        // Determines if table/uid point to database record or file and if user has access to view information
+        $accessAllowed = false;
+        if ($this->tcaSchemaFactory->has($this->table)) {
+            $uid = (int)$uid;
+            // Check permissions and uid value:
+            if ($uid && $backendUser->check('tables_select', $this->table)) {
+                if ((string)$this->table === 'pages') {
+                    $this->row = BackendUtility::readPageAccess($uid, $permsClause) ?: [];
+                    $accessAllowed = $this->row !== [];
+                } else {
+                    $this->row = BackendUtility::getRecordWSOL($this->table, $uid);
+                    if ($this->row) {
+                        if (isset($this->row['_ORIG_uid'])) {
+                            // Make $uid the uid of the versioned record, while $this->row['uid'] is live record uid
+                            $uid = (int)$this->row['_ORIG_uid'];
+                        }
+                        $pageInfo = BackendUtility::readPageAccess((int)$this->row['pid'], $permsClause) ?: [];
+                        $accessAllowed = $pageInfo !== []
+                            || ((int)$this->row['pid'] === 0 && $this->tcaSchemaFactory->get($this->table)->getCapability(TcaSchemaCapability::RestrictionRootLevel)->shallIgnoreRootLevelRestriction());
+                    }
+                }
+            }
+        } elseif ($this->table === '_FILE' || $this->table === '_FOLDER' || $this->table === 'sys_file') {
+            $fileOrFolderObject = $this->resourceFactory->retrieveFileOrFolderObject($uid);
+            if ($fileOrFolderObject instanceof Folder) {
+                $this->folderObject = $fileOrFolderObject;
+                $accessAllowed = $this->folderObject->checkActionPermission('read');
+                $this->type = 'folder';
+            } elseif ($fileOrFolderObject instanceof File) {
+                $this->fileObject = $fileOrFolderObject;
+                $accessAllowed = $this->fileObject->checkActionPermission('read');
+                $this->type = 'file';
+                $this->table = 'sys_file';
+                $this->row = BackendUtility::getRecordWSOL($this->table, $fileOrFolderObject->getUid());
+            }
+        }
+
+        // Rendering of the output via fluid
+        $view->assign('accessAllowed', $accessAllowed);
+        $view->assign('hookContent', '');
+        if (!$accessAllowed) {
+            return $view->renderResponse('ContentElement/ElementInformation');
+        }
+
+        // render type by user func
+        foreach ($GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['typo3/show_item.php']['typeRendering'] ?? [] as $className) {
+            $typeRenderObj = GeneralUtility::makeInstance($className);
+            if (method_exists($typeRenderObj, 'isValid') && method_exists($typeRenderObj, 'render')) {
+                if ($typeRenderObj->isValid($this->type, $this)) {
+                    $view->assign('hookContent', $typeRenderObj->render($this->type, $this, $view));
+                    return $view->renderResponse('ContentElement/ElementInformation');
+                }
+            }
+        }
+
+        $pageTitle = $this->getPageTitle();
+        $view->setTitle($pageTitle['table'] . ': ' . $pageTitle['title']);
+        $view->assignMultiple($pageTitle);
+        $view->assignMultiple($this->getPreview($request));
+        $view->assignMultiple($this->getPropertiesForTable());
+        $view->assignMultiple($this->getReferences($request, $uid));
+        $view->assign('returnUrl', GeneralUtility::sanitizeLocalUrl($request->getQueryParams()['returnUrl'] ?? '', $request));
+        $view->assign('maxTitleLength', $this->getBackendUser()->uc['titleLen'] ?? 20);
+
+        return $view->renderResponse('ContentElement/ElementInformation');
+    }
+
+    /**
+     * Get page title with icon, table title and record title
+     */
+    public function getPageTitle(): array
+    {
+        $pageTitle = [
+            'title' => BackendUtility::getRecordTitle($this->table, $this->row),
+        ];
+        if ($this->type === 'folder') {
+            $pageTitle['title'] = htmlspecialchars($this->folderObject->getName());
+            $pageTitle['table'] = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:folder');
+            $pageTitle['icon'] = $this->iconFactory->getIconForResource($this->folderObject, IconSize::SMALL)->render();
+        } elseif ($this->type === 'file') {
+            $schema = $this->tcaSchemaFactory->get($this->table);
+            $pageTitle['table'] = $schema->getTitle($this->getLanguageService()->sL(...));
+            $pageTitle['icon'] = $this->iconFactory->getIconForResource($this->fileObject, IconSize::SMALL)->render();
+        } else {
+            $schema = $this->tcaSchemaFactory->get($this->table);
+            $pageTitle['table'] = $schema->getTitle($this->getLanguageService()->sL(...));
+            $pageTitle['icon'] = $this->iconFactory->getIconForRecord($this->table, $this->row, IconSize::SMALL);
+        }
+        return $pageTitle;
+    }
+
+    public function getTable(): ?string
+    {
+        return $this->table;
+    }
+
+    public function getRow(): array
+    {
+        return $this->row;
+    }
+
+    public function getFileObject(): ?File
+    {
+        return $this->fileObject;
+    }
+
+    public function getFolderObject(): ?Folder
+    {
+        return $this->folderObject;
+    }
+
+    /**
+     * Get preview for current record
+     */
+    protected function getPreview(ServerRequestInterface $request): array
+    {
+        $preview = [];
+        // Perhaps @todo in future: Also display preview for records - without fileObject
+        if (!$this->fileObject) {
+            return $preview;
+        }
+
+        // check if file is marked as missing
+        if ($this->fileObject->isMissing()) {
+            $preview['missingFile'] = $this->fileObject->getName();
+        } else {
+            $fileRenderer = $this->rendererRegistry->getRenderer($this->fileObject);
+            $preview['url'] = $this->fileObject->getPublicUrl() ?? '';
+
+            // Add "edit metadata" button
+            $preview['editMetadataUrl'] = '';
+            if (($metaDataUid = $this->fileObject->getProperties()['metadata_uid'] ?? false)
+                && $this->fileObject->isIndexed()
+                && $this->fileObject->checkActionPermission('editMeta')
+                && $this->getBackendUser()->check('tables_modify', 'sys_file_metadata')
+            ) {
+                $urlParameters = [
+                    'edit' => [
+                        'sys_file_metadata' => [
+                            $metaDataUid => 'edit',
+                        ],
+                    ],
+                    'returnUrl' => $request->getAttribute('normalizedParams')->getRequestUri(),
+                ];
+                $preview['editMetadataUrl'] = (string)$this->uriBuilder->buildUriFromRoute('record_edit', $urlParameters);
+            }
+
+            $width = min(590, $this->fileObject->getMetaData()['width'] ?? 590) . 'm';
+            $height = min(400, $this->fileObject->getMetaData()['height'] ?? 400) . 'm';
+
+            // Check if there is a FileRenderer
+            if ($fileRenderer !== null) {
+                $preview['fileRenderer'] = $fileRenderer->render($this->fileObject, $width, $height);
+                // else check if we can create an Image preview
+            } elseif ($this->fileObject->isImage()) {
+                $preview['fileObject'] = $this->fileObject;
+                $preview['width'] = $width;
+                $preview['height'] = $height;
+            }
+        }
+        return $preview;
+    }
+
+    /**
+     * Get property array for html table
+     */
+    protected function getPropertiesForTable(): array
+    {
+        $lang = $this->getLanguageService();
+        $propertiesForTable = [];
+        $propertiesForTable['extraFields'] = $this->getExtraFields();
+
+        // Traverse the list of fields to display for the record:
+        $fieldList = $this->getFieldList($this->table, $this->row);
+        $schema = $this->tcaSchemaFactory->has($this->table) ? $this->tcaSchemaFactory->get($this->table) : null;
+
+        foreach ($fieldList as $name) {
+            $name = trim($name);
+            $uid = $this->row['uid'] ?? 0;
+
+            if (!$schema?->hasField($name)) {
+                continue;
+            }
+
+            // @todo Add meaningful information for mfa field. For the time being we don't display anything at all.
+            if ($this->type === 'db' && $name === 'mfa' && in_array($this->table, ['be_users', 'fe_users'], true)) {
+                continue;
+            }
+
+            // not a real field -> skip
+            if ($this->type === 'file' && $name === 'fileinfo') {
+                continue;
+            }
+
+            // handled explicitly below with proper byte formatting -> skip
+            if ($this->type === 'file' && $name === 'size') {
+                continue;
+            }
+
+            // Field does not exist (e.g. having type=none) -> skip
+            if (!array_key_exists($name, $this->row)) {
+                continue;
+            }
+
+            $label = $lang->sL($schema->getField($name)->getLabel());
+            $label = $label ?: $name;
+
+            $propertiesForTable['fields'][] = [
+                'fieldValue' => BackendUtility::getProcessedValue($this->table, $name, $this->row[$name], 0, false, false, $uid, true, 0, $this->row),
+                'fieldLabel' => htmlspecialchars($label),
+            ];
+        }
+
+        // additional information for folders and files
+        if ($this->folderObject instanceof Folder || $this->fileObject instanceof File) {
+            // storage
+            if ($this->folderObject instanceof Folder) {
+                $propertiesForTable['fields']['storage'] = [
+                    'fieldValue' => $this->folderObject->getStorage()->getName(),
+                    'fieldLabel' => htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_tca.xlf:sys_file.storage')),
+                ];
+            }
+
+            // folder
+            $resourceObject = $this->fileObject ?: $this->folderObject;
+            $parentFolder = $resourceObject->getParentFolder();
+            $propertiesForTable['fields']['folder'] = [
+                'fieldValue' => $parentFolder->getReadablePath(),
+                'fieldLabel' => htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:folder')),
+            ];
+
+            if ($this->fileObject instanceof File) {
+                // show file dimensions for images
+                if ($this->fileObject->isType(FileType::IMAGE)) {
+                    $propertiesForTable['fields']['width'] = [
+                        'fieldValue' => $this->fileObject->getProperty('width') . 'px',
+                        'fieldLabel' => htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_general.xlf:LGL.width')),
+                    ];
+                    $propertiesForTable['fields']['height'] = [
+                        'fieldValue' => $this->fileObject->getProperty('height') . 'px',
+                        'fieldLabel' => htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_general.xlf:LGL.height')),
+                    ];
+                }
+
+                // file size
+                $fileSizeInBytes = (int)$this->fileObject->getProperty('size');
+                $propertiesForTable['fields']['size'] = [
+                    'fieldValue' => sprintf(
+                        '%s (%s)',
+                        GeneralUtility::formatSize($fileSizeInBytes, htmlspecialchars($this->getLanguageService()->sL('core.common:byteSizeUnits'))),
+                        htmlspecialchars($lang->translate('size_in_bytes', 'core.core', ['numberOfBytes' => GeneralUtility::formatSize($fileSizeInBytes, ' ')])),
+                    ),
+                    'fieldLabel' => $lang->sL($schema?->hasField('size') ? $schema->getField('size')->getLabel() : ''),
+                ];
+
+                // show the metadata of a file as well
+                $metaData = $this->metaDataRepository->findByFileUid((int)($this->row['uid'] ?? 0));
+
+                // If there is no metadata record, skip it
+                if ($metaData !== []) {
+                    $fileMetadataSchema = $this->tcaSchemaFactory->get('sys_file_metadata');
+                    $allowedFields = $this->getFieldList('sys_file_metadata', $metaData);
+
+                    foreach ($metaData as $name => $value) {
+                        if (!in_array($name, $allowedFields, true)) {
+                            continue;
+                        }
+                        if ($name === 'crdate') {
+                            // Is of type=passthrough and already part of
+                            // meta information displayed on top of the table
+                            continue;
+                        }
+                        if (!$fileMetadataSchema->hasField($name)) {
+                            continue;
+                        }
+
+                        $label = $lang->sL($fileMetadataSchema->getField($name)->getLabel());
+                        $label = $label ?: $name;
+
+                        $propertiesForTable['fields'][] = [
+                            'fieldValue' => BackendUtility::getProcessedValue('sys_file_metadata', $name, $value, 0, false, false, (int)$metaData['uid'], true, 0, $metaData),
+                            'fieldLabel' => htmlspecialchars($label),
+                        ];
+                    }
+                }
+            }
+        }
+
+        return $propertiesForTable;
+    }
+
+    /**
+     * Get the list of fields that should be shown for the given table
+     */
+    protected function getFieldList(string $table, array $row): array
+    {
+        $fieldNamesToExclude = [];
+        if ($this->tcaSchemaFactory->has($table)) {
+            $schema = $this->tcaSchemaFactory->get($table);
+            if ($schema->hasCapability(TcaSchemaCapability::AncestorReferenceField)) {
+                $fieldNamesToExclude[] = $schema->getCapability(TcaSchemaCapability::AncestorReferenceField)->getFieldName();
+            }
+            if ($schema->isLanguageAware()) {
+                $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+                $fieldNamesToExclude[] = $languageCapability->getTranslationOriginPointerField()->getName();
+                if ($languageCapability->hasDiffSourceField()) {
+                    $fieldNamesToExclude[] = $languageCapability->getDiffSourceField()?->getName();
+                }
+            }
+        }
+
+        return $this->searchableSchemaFieldsCollector->getUniqueFieldList(
+            $table,
+            $this->visibleSchemaFieldsCollector->getFieldNames($table, $row, $fieldNamesToExclude),
+            false
+        );
+    }
+
+    /**
+     * Get the extra fields (uid, timestamps, creator) for the table
+     */
+    protected function getExtraFields(): array
+    {
+        $lang = $this->getLanguageService();
+        $keyLabelPair = [];
+        if (in_array($this->type, ['folder', 'file'], true)) {
+            if ($this->type === 'file') {
+                $keyLabelPair['uid'] = [
+                    'value' => (int)$this->row['uid'],
+                ];
+                $keyLabelPair['creation_date'] = [
+                    'value' => BackendUtility::datetime($this->row['creation_date']),
+                    'fieldLabel' => htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_general.xlf:LGL.creationDate')),
+                    'isDatetime' => true,
+                ];
+                $keyLabelPair['modification_date'] = [
+                    'value' => BackendUtility::datetime($this->row['modification_date']),
+                    'fieldLabel' => htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_general.xlf:LGL.timestamp')),
+                    'isDatetime' => true,
+                ];
+            } else {
+                $keyLabelPair['uid'] = [
+                    'value' => $this->folderObject->getCombinedIdentifier(),
+                ];
+            }
+        } else {
+            $keyLabelPair['uid'] = [
+                'value' => BackendUtility::getProcessedValueExtra($this->table, 'uid', $this->row['uid']),
+                'fieldLabel' => rtrim(htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.uid')), ':'),
+            ];
+            $schema = $this->tcaSchemaFactory->get($this->table);
+            if ($schema->hasCapability(TcaSchemaCapability::CreatedAt)) {
+                $field = $schema->getCapability(TcaSchemaCapability::CreatedAt)->getFieldName();
+                $keyLabelPair[$field] = [
+                    'value' => BackendUtility::datetime($this->row[$field]),
+                    'fieldLabel' => rtrim(htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_general.xlf:LGL.creationDate')), ':'),
+                    'isDatetime' => true,
+                ];
+            }
+            if ($schema->hasCapability(TcaSchemaCapability::UpdatedAt)) {
+                $field = $schema->getCapability(TcaSchemaCapability::UpdatedAt)->getFieldName();
+                $keyLabelPair[$field] = [
+                    'value' => BackendUtility::datetime($this->row[$field]),
+                    'fieldLabel' => rtrim(htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_general.xlf:LGL.timestamp')), ':'),
+                    'isDatetime' => true,
+                ];
+            }
+            // Show the user who created the record
+            $recordHistory = GeneralUtility::makeInstance(RecordHistory::class);
+            $ownerInformation = $recordHistory->getCreationInformationForRecord($this->table, $this->row);
+            $ownerUid = (int)(is_array($ownerInformation) && $ownerInformation['usertype'] === 'BE' ? $ownerInformation['userid'] : 0);
+            if ($ownerUid) {
+                $creatorRecord = BackendUtility::getRecord('be_users', $ownerUid);
+                if ($creatorRecord) {
+                    $keyLabelPair['creatorRecord'] = [
+                        'value' => $creatorRecord,
+                        'fieldLabel' => rtrim(htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_general.xlf:LGL.creationUserId')), ':'),
+                    ];
+                }
+            }
+        }
+        return $keyLabelPair;
+    }
+
+    /**
+     * Get references section (references from and references to current record)
+     */
+    protected function getReferences(ServerRequestInterface $request, int|string $uid): array
+    {
+        $references = [];
+        switch ($this->type) {
+            case 'db': {
+                $references['refLines'] = $this->makeRef($this->table, $uid, $request);
+                $references['refFromLines'] = $this->makeRefFrom($this->table, $uid, $request);
+                break;
+            }
+            case 'file': {
+                if ($this->fileObject && $this->fileObject->isIndexed()) {
+                    $references['refLines'] = $this->makeRef('_FILE', $this->fileObject, $request);
+                }
+                break;
+            }
+        }
+        return $references;
+    }
+
+    /**
+     * Get field name for specified table/column name
+     *
+     * @param string $fieldName Column name
+     */
+    protected function getLabelForTableColumn(TcaSchema $schema, string $fieldName): string
+    {
+        if ($schema->hasField($fieldName)) {
+            $field = $schema->getField($fieldName);
+            $field = $field->getLabel() ? $this->getLanguageService()->sL($field->getLabel()) : $fieldName;
+            if (trim($field) === '') {
+                $field = $fieldName;
+            }
+        } else {
+            $field = $fieldName;
+        }
+        return $field;
+    }
+
+    /**
+     * Returns the record actions
+     *
+     * @param int $uid
+     * @throws RouteNotFoundException
+     */
+    protected function getRecordActions(TcaSchema $schema, $uid, ServerRequestInterface $request): array
+    {
+        if ($uid < 0) {
+            return [];
+        }
+
+        $actions = [];
+        // Edit button
+        $urlParameters = [
+            'edit' => [
+                $schema->getName() => [
+                    $uid => 'edit',
+                ],
+            ],
+            'returnUrl' => $request->getAttribute('normalizedParams')->getRequestUri(),
+        ];
+        $actions['recordEditUrl'] = (string)$this->uriBuilder->buildUriFromRoute('record_edit', $urlParameters);
+
+        // History button
+        $urlParameters = [
+            'element' => $schema->getName() . ':' . $uid,
+            'returnUrl' => $request->getAttribute('normalizedParams')->getRequestUri(),
+        ];
+        $actions['recordHistoryUrl'] = (string)$this->uriBuilder->buildUriFromRoute('record_history', $urlParameters);
+
+        if ($schema->getName() === 'pages') {
+            // Recordlist button
+            $actions['recordsModuleUrl'] = (string)$this->uriBuilder->buildUriFromRoute('records', ['id' => $uid, 'returnUrl' => $request->getAttribute('normalizedParams')->getRequestUri()]);
+
+            // retrieve record to get page language
+            $record = BackendUtility::getRecord($schema->getName(), $uid);
+            $previewUriBuilder = PreviewUriBuilder::create($record)
+                ->withRootLine(BackendUtility::BEgetRootLine($uid));
+
+            // View page button
+            $actions['previewUrlAttributes'] = $previewUriBuilder->serializeDispatcherAttributes();
+        }
+
+        return $actions;
+    }
+
+    /**
+     * Make reference display
+     *
+     * @param string $table Table name
+     * @param int|File $ref Filename or uid
+     * @throws RouteNotFoundException
+     */
+    protected function makeRef(string $table, $ref, ServerRequestInterface $request): array
+    {
+        $refLines = [];
+        $lang = $this->getLanguageService();
+        // Files reside in sys_file table
+        if ($table === '_FILE') {
+            $selectTable = 'sys_file';
+            $selectUid = $ref->getUid();
+        } else {
+            $selectTable = $table;
+            $selectUid = $ref;
+        }
+        $queryBuilder = $this->connectionPool
+            ->getQueryBuilderForTable('sys_refindex');
+
+        $predicates = [
+            $queryBuilder->expr()->eq(
+                'ref_table',
+                $queryBuilder->createNamedParameter($selectTable)
+            ),
+            $queryBuilder->expr()->eq(
+                'ref_uid',
+                $queryBuilder->createNamedParameter($selectUid, Connection::PARAM_INT)
+            ),
+        ];
+
+        $backendUser = $this->getBackendUser();
+        if (!$backendUser->isAdmin()) {
+            $allowedSelectTables = GeneralUtility::trimExplode(',', $backendUser->groupData['tables_select']);
+            $predicates[] = $queryBuilder->expr()->in(
+                'tablename',
+                $queryBuilder->createNamedParameter($allowedSelectTables, Connection::PARAM_STR_ARRAY)
+            );
+        }
+
+        $rows = $queryBuilder
+            ->select('*')
+            ->from('sys_refindex')
+            ->where(...$predicates)
+            ->executeQuery()
+            ->fetchAllAssociative();
+
+        // Compile information for title tag:
+        foreach ($rows as $row) {
+            if ($row['tablename'] === 'sys_file_reference') {
+                $row = $this->transformFileReferenceToRecordReference($row);
+                if ($row === null) {
+                    continue;
+                }
+            }
+            if (!$this->tcaSchemaFactory->has($row['tablename'])) {
+                continue;
+            }
+            $schema = $this->tcaSchemaFactory->get($row['tablename']);
+            $line = [];
+
+            $record = BackendUtility::getRecordWSOL($row['tablename'], $row['recuid']);
+            if ($record) {
+                if (!$this->canAccessPage($schema, $record)) {
+                    continue;
+                }
+                $parentRecord = BackendUtility::getRecord('pages', $record['pid']);
+                $parentRecordTitle = is_array($parentRecord)
+                    ? BackendUtility::getRecordTitle('pages', $parentRecord)
+                    : '';
+                $urlParameters = [
+                    'edit' => [
+                        $row['tablename'] => [
+                            $row['recuid'] => 'edit',
+                        ],
+                    ],
+                    'returnUrl' => $request->getAttribute('normalizedParams')->getRequestUri(),
+                ];
+                $url = (string)$this->uriBuilder->buildUriFromRoute('record_edit', $urlParameters);
+                $line['url'] = $url;
+                $line['icon'] = $this->iconFactory->getIconForRecord($row['tablename'], $record, IconSize::SMALL)->render();
+                $line['row'] = $row;
+                $line['record'] = $record;
+                $line['recordTitle'] = BackendUtility::getRecordTitle($row['tablename'], $record);
+                $line['parentRecord'] = $parentRecord;
+                $line['parentRecordTitle'] = $parentRecordTitle;
+                $line['title'] = $schema->getTitle($lang->sL(...)) ?: $row['tablename'];
+                $line['labelForTableColumn'] = $this->getLabelForTableColumn($schema, $row['field']);
+                $line['path'] = BackendUtility::getRecordPath($record['pid'], '', 0, 0);
+                $line['actions'] = $this->getRecordActions($schema, $row['recuid'], $request);
+            } else {
+                $line['row'] = $row;
+                $line['title'] = $schema->getTitle($lang->sL(...)) ?: $row['tablename'];
+                $line['labelForTableColumn'] = $this->getLabelForTableColumn($schema, $row['field']);
+            }
+            $refLines[] = $line;
+        }
+        return $refLines;
+    }
+
+    /**
+     * Make reference display (what this elements points to)
+     *
+     * @param string $table Table name
+     * @param int $ref Filename or uid
+     */
+    protected function makeRefFrom($table, $ref, ServerRequestInterface $request): array
+    {
+        $refFromLines = [];
+        $lang = $this->getLanguageService();
+
+        $queryBuilder = $this->connectionPool
+            ->getQueryBuilderForTable('sys_refindex');
+
+        $predicates = [
+            $queryBuilder->expr()->eq(
+                'tablename',
+                $queryBuilder->createNamedParameter($table)
+            ),
+            $queryBuilder->expr()->eq(
+                'recuid',
+                $queryBuilder->createNamedParameter($ref, Connection::PARAM_INT)
+            ),
+        ];
+
+        $backendUser = $this->getBackendUser();
+        if (!$backendUser->isAdmin()) {
+            $allowedSelectTables = GeneralUtility::trimExplode(',', $backendUser->groupData['tables_select']);
+            $predicates[] = $queryBuilder->expr()->in(
+                'ref_table',
+                $queryBuilder->createNamedParameter($allowedSelectTables, Connection::PARAM_STR_ARRAY)
+            );
+        }
+
+        $rows = $queryBuilder
+            ->select('*')
+            ->from('sys_refindex')
+            ->where(...$predicates)
+            ->executeQuery()
+            ->fetchAllAssociative();
+
+        // Compile information for title tag:
+        foreach ($rows as $row) {
+            $line = [];
+            $record = BackendUtility::getRecordWSOL($row['ref_table'], $row['ref_uid']);
+            if (!$this->tcaSchemaFactory->has($row['ref_table'])) {
+                continue;
+            }
+            $schema = $this->tcaSchemaFactory->get($row['ref_table']);
+            if ($record) {
+                if (!$this->canAccessPage($schema, $record)) {
+                    continue;
+                }
+                $urlParameters = [
+                    'edit' => [
+                        $row['ref_table'] => [
+                            $row['ref_uid'] => 'edit',
+                        ],
+                    ],
+                    'returnUrl' => $request->getAttribute('normalizedParams')->getRequestUri(),
+                ];
+                $url = (string)$this->uriBuilder->buildUriFromRoute('record_edit', $urlParameters);
+                $line['url'] = $url;
+                $line['icon'] = $this->iconFactory->getIconForRecord($row['ref_table'], $record, IconSize::SMALL)->render();
+                $line['row'] = $row;
+                $line['record'] = $record;
+                $line['recordTitle'] = BackendUtility::getRecordTitle($row['ref_table'], $record);
+                $line['title'] = $schema->getTitle($lang->sL(...));
+                $line['labelForTableColumn'] = $this->getLabelForTableColumn($schema, $row['field']);
+                $line['path'] = BackendUtility::getRecordPath($record['pid'], '', 0);
+                $line['actions'] = $this->getRecordActions($schema, $row['ref_uid'], $request);
+            } else {
+                $line['row'] = $row;
+                $line['title'] = $schema->getTitle($lang->sL(...));
+                $line['labelForTableColumn'] = $this->getLabelForTableColumn($schema, $row['field']);
+            }
+            $refFromLines[] = $line;
+        }
+        return $refFromLines;
+    }
+
+    /**
+     * Convert FAL file reference (sys_file_reference) to reference index (sys_refindex) table format
+     */
+    protected function transformFileReferenceToRecordReference(array $referenceRecord): ?array
+    {
+        $queryBuilder = $this->connectionPool
+            ->getQueryBuilderForTable('sys_file_reference');
+        $queryBuilder->getRestrictions()->removeAll();
+        $fileReference = $queryBuilder
+            ->select('*')
+            ->from('sys_file_reference')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'uid',
+                    $queryBuilder->createNamedParameter($referenceRecord['recuid'], Connection::PARAM_INT)
+                )
+            )
+            ->executeQuery()
+            ->fetchAssociative();
+
+        return $fileReference ? [
+            'recuid' => $fileReference['uid_foreign'],
+            'tablename' => $fileReference['tablenames'],
+            'field' => $fileReference['fieldname'],
+            'flexpointer' => '',
+            'softref_key' => '',
+            'sorting' => $fileReference['sorting_foreign'],
+        ] : null;
+    }
+
+    /**
+     * @param array $record Record to be checked (ensure pid is resolved for workspaces)
+     */
+    protected function canAccessPage(TcaSchema $schema, array $record): bool
+    {
+        $recordPid = (int)($schema->getName() === 'pages' ? $record['uid'] : $record['pid']);
+        $isInWebMount = (bool)$this->getBackendUser()->isInWebMount($schema->getName() === 'pages' ? $record : $record['pid']);
+        return $isInWebMount || ($recordPid === 0 && $schema->getCapability(TcaSchemaCapability::RestrictionRootLevel)->shallIgnoreRootLevelRestriction());
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/ContentElement/MoveElementController.php b/Classes/Controller/ContentElement/MoveElementController.php
new file mode 100644
index 0000000..785dac0
--- /dev/null
+++ b/Classes/Controller/ContentElement/MoveElementController.php
@@ -0,0 +1,127 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\ContentElement;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Template\PageRendererBackendSetupTrait;
+use TYPO3\CMS\Backend\Tree\View\ContentMovingPagePositionMap;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Configuration\ExtensionConfiguration;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+use TYPO3\CMS\Core\Localization\LanguageServiceFactory;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * The "move tt_content element" wizard. Reachable via records module "Re-position content element" on tt_content records.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+final readonly class MoveElementController
+{
+    use PageRendererBackendSetupTrait;
+
+    public function __construct(
+        private PageRenderer $pageRenderer,
+        private BackendViewFactory $backendViewFactory,
+        private LanguageServiceFactory $languageServiceFactory,
+        private ExtensionConfiguration $extensionConfiguration
+    ) {}
+
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->setUpBasicPageRendererForBackend(
+            $this->pageRenderer,
+            $this->extensionConfiguration,
+            $request,
+            $this->languageServiceFactory->createFromUserPreferences($this->getBackendUser())
+        );
+        $view = $this->backendViewFactory->create($request);
+        $queryParams = $request->getQueryParams();
+        $contentOnly = $queryParams['contentOnly'] ?? false;
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/global-event-handler.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/tree/page-browser.js');
+        $this->pageRenderer->getJavaScriptRenderer()->addJavaScriptModuleInstruction(
+            JavaScriptModuleInstruction::create('@typo3/backend/wizard/move-content-element.js', 'MoveContentElement')->instance()
+        );
+        $this->pageRenderer->addInlineLanguageLabelFile('EXT:core/Resources/Private/Language/locallang_misc.xlf');
+        $this->pageRenderer->addInlineLanguageLabelFile('EXT:backend/Resources/Private/Language/Wizards/move_content_elements.xlf');
+
+        $view->assignMultiple(array_merge($this->getContentVariables($request), [
+            'contentOnly' => $contentOnly,
+        ]));
+
+        $content = $view->render('ContentElement/MoveElement');
+        if ($contentOnly) {
+            return new HtmlResponse($content);
+        }
+        $this->pageRenderer->setBodyContent('<body>' . $content);
+        return new HtmlResponse($this->pageRenderer->render($request));
+    }
+
+    private function getContentVariables(ServerRequestInterface $request): array
+    {
+        $queryParams = $request->getQueryParams();
+        $parsedBody = $request->getParsedBody();
+
+        $contentElementUid = (int)($parsedBody['uid'] ?? $queryParams['uid'] ?? 0);
+        $pageId = (int)($parsedBody['expandPage'] ?? $queryParams['expandPage'] ?? 0);
+        $sysLanguage = (int)($parsedBody['sys_language'] ?? $queryParams['sys_language'] ?? 0);
+        $makeCopy = (bool)($parsedBody['makeCopy'] ?? $queryParams['makeCopy'] ?? 0);
+        $permsClause = $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW);
+
+        if (!$contentElementUid) {
+            return [];
+        }
+
+        $contentElement = BackendUtility::getRecordWSOL('tt_content', $contentElementUid);
+        $pageInfo = BackendUtility::readPageAccess($pageId, $permsClause);
+        $contentElementTitle = BackendUtility::getRecordTitle('tt_content', $contentElement);
+        $assigns = [
+            'record' => $contentElement,
+            'makeCopyChecked' => $makeCopy,
+            'pageInfo' => $pageInfo,
+            'recordTitle' => BackendUtility::cropToTitleLength($contentElementTitle),
+        ];
+        if (is_array($pageInfo) && $this->getBackendUser()->isInWebMount($pageInfo['uid'], $permsClause)) {
+            // Initialize the content position map:
+            $contentPositionMap = GeneralUtility::makeInstance(ContentMovingPagePositionMap::class);
+            $contentPositionMap->copyMode = $makeCopy ? 'copy' : 'move';
+            $contentPositionMap->moveUid = $contentElementUid;
+            $contentPositionMap->cur_sys_language = $sysLanguage;
+
+            $pageTitle = BackendUtility::getRecordTitle('pages', $pageInfo);
+            $assigns['pageRecord']['recordTooltip'] = BackendUtility::getRecordIconAltText($pageInfo, 'pages', false);
+            $assigns['pageRecord']['recordTitle'] = BackendUtility::cropToTitleLength($pageTitle);
+            $assigns['contentElementColumns'] = $contentPositionMap->printContentElementColumns($pageId, $pageInfo, $request);
+        }
+        return $assigns;
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/ContentElement/NewContentElementController.php b/Classes/Controller/ContentElement/NewContentElementController.php
new file mode 100644
index 0000000..8f206de
--- /dev/null
+++ b/Classes/Controller/ContentElement/NewContentElementController.php
@@ -0,0 +1,710 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\ContentElement;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Controller\Event\ModifyNewContentElementWizardItemsEvent;
+use TYPO3\CMS\Backend\Form\Utility\FormEngineUtility;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Tree\View\ContentCreationPagePositionMap;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\Struct\SelectItem;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Service\DependencyOrderingService;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * New Content element wizard. This is the modal that pops up when clicking "+content" in page module, which
+ * will trigger wizardAction() since there is a colPos given. Method positionMapAction() is triggered for
+ * instance from the records module "+content" on tt_content table header, and from records module doc-header "+"
+ * and then "Click here for wizard".
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+class NewContentElementController
+{
+    protected int $id = 0;
+    protected int $uid_pid = 0;
+    protected array $pageInfo = [];
+    protected int $sys_language = 0;
+    protected string $returnUrl = '';
+
+    /**
+     * If set, the content is destined for a specific column.
+     */
+    protected ?int $colPos = null;
+
+    public function __construct(
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly BackendViewFactory $backendViewFactory,
+        protected readonly EventDispatcherInterface $eventDispatcher,
+        protected readonly DependencyOrderingService $dependencyOrderingService,
+        protected readonly TcaSchemaFactory $tcaSchemaFactory,
+        protected readonly BackendLayoutView $backendLayoutView,
+    ) {}
+
+    /**
+     * Process incoming request and dispatch to the requested action
+     */
+    public function handleRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+        $queryParams = $request->getQueryParams();
+
+        // Setting internal vars:
+        $this->id = (int)($parsedBody['id'] ?? $queryParams['id'] ?? 0);
+        $this->sys_language = (int)($parsedBody['language_tag'] ?? $queryParams['language_tag'] ?? 0);
+        $this->returnUrl = GeneralUtility::sanitizeLocalUrl($parsedBody['returnUrl'] ?? $queryParams['returnUrl'] ?? '', $request);
+        $colPos = $parsedBody['colPos'] ?? $queryParams['colPos'] ?? null;
+        $this->colPos = $colPos === null ? null : (int)$colPos;
+        $this->uid_pid = (int)($parsedBody['uid_pid'] ?? $queryParams['uid_pid'] ?? 0);
+
+        // Getting the current page and receiving access information
+        $this->pageInfo = BackendUtility::readPageAccess($this->id, $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW)) ?: [];
+
+        $action = (string)($parsedBody['action'] ?? $queryParams['action'] ?? 'wizard');
+        if ($action === 'wizard') {
+            return $this->wizardAction($request);
+        }
+        if ($action === 'positionMap') {
+            return $this->positionMapAction($request);
+        }
+        return new HtmlResponse('Action not allowed', 400);
+    }
+
+    /**
+     * Renders the wizard
+     */
+    protected function wizardAction(ServerRequestInterface $request): ResponseInterface
+    {
+        if (!$this->id || $this->pageInfo === []) {
+            // No pageId or no access.
+            return new HtmlResponse('No Access');
+        }
+        // Whether position selection must be performed (no colPos was yet defined)
+        $positionSelection = $this->colPos === null;
+
+        // Get processed and modified wizard items
+        $wizardItems = $this->eventDispatcher->dispatch(
+            new ModifyNewContentElementWizardItemsEvent(
+                $this->getWizards($request),
+                $this->pageInfo,
+                $this->colPos,
+                $this->sys_language,
+                $this->uid_pid,
+                $request,
+            )
+        )->getWizardItems();
+
+        $key = 'common';
+        $categories = [];
+        foreach ($wizardItems as $wizardKey => $wizardItem) {
+            // An item is either a header or an item rendered with title/description and icon:
+            if (isset($wizardItem['header'])) {
+                $key = $wizardKey;
+                $categories[$key] = [
+                    'identifier' => $key,
+                    'label' => $wizardItem['header'] ?: '-',
+                    'items' => [],
+                ];
+            } else {
+                // Get default values for the wizard item
+                $defaultValues = (array)($wizardItem['defaultValues'] ?? []);
+
+                // Initialize the view variables for the item
+                $item = [
+                    'identifier' => $wizardKey,
+                    'icon' => $wizardItem['iconIdentifier'] ?? '',
+                    'iconOverlay' => $wizardItem['iconOverlay'] ?? '',
+                    'label' => $wizardItem['title'] ?? '',
+                    'description' => $wizardItem['description'] ?? '',
+                    'defaultValues' => $defaultValues,
+                ];
+                // If the URL was already created (e.g. via the PSR-14 event) this needs to be
+                // kept and not overwritten
+                if (isset($wizardItem['url'])) {
+                    $item['url'] = $wizardItem['url'];
+                    if ($positionSelection) {
+                        $item['requestType'] = 'ajax';
+                        $item['saveAndClose'] = (bool)($wizardItem['saveAndClose'] ?? false);
+                    }
+                } elseif ($positionSelection) {
+                    $item['url'] = (string)$this->uriBuilder
+                        ->buildUriFromRoute(
+                            'new_content_element_wizard',
+                            [
+                                'action' => 'positionMap',
+                                'id' => $this->id,
+                                'sys_language_uid' => $this->sys_language,
+                                'returnUrl' => $this->returnUrl,
+                            ]
+                        );
+                    $item['requestType'] = 'ajax';
+                    $item['saveAndClose'] = (bool)($wizardItem['saveAndClose'] ?? false);
+                } else {
+                    // In case no position has to be selected, we can just add the target
+                    if ($wizardItem['saveAndClose'] ?? false) {
+                        // Go to DataHandler directly instead of FormEngine
+                        $item['url'] = (string)$this->uriBuilder->buildUriFromRoute('tce_db', [
+                            'data' => [
+                                'tt_content' => [
+                                    StringUtility::getUniqueId('NEW') => array_replace($defaultValues, [
+                                        'colPos' => $this->colPos,
+                                        'pid' => $this->uid_pid,
+                                        'sys_language_uid' => $this->sys_language,
+                                    ]),
+                                ],
+                            ],
+                            'redirect' => $this->returnUrl,
+                        ]);
+                    } else {
+                        $item['url'] = (string)$this->uriBuilder->buildUriFromRoute('record_edit', [
+                            'edit' => [
+                                'tt_content' => [
+                                    $this->uid_pid => 'new',
+                                ],
+                            ],
+                            'module' => '_CURRENT_MODULE_',
+                            'returnUrl' => $this->returnUrl,
+                            'defVals' => [
+                                'tt_content' => array_replace($defaultValues, [
+                                    'colPos' => $this->colPos,
+                                    'sys_language_uid' => $this->sys_language,
+                                ]),
+                            ],
+                        ]);
+                    }
+                }
+                $categories[$key]['items'][] = $item;
+            }
+        }
+
+        // Unset empty categories
+        foreach ($categories as $key => $category) {
+            if ($category['items'] === []) {
+                unset($categories[$key]);
+            }
+        }
+
+        $view = $this->backendViewFactory->create($request);
+        $view->assignMultiple([
+            'positionSelection' => $positionSelection,
+            'categoriesJson' => GeneralUtility::jsonEncodeForHtmlAttribute($categories, false),
+        ]);
+        return new HtmlResponse($view->render('NewContentElement/Wizard'));
+    }
+
+    /**
+     * Renders the position map
+     */
+    protected function positionMapAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $pageInfo = BackendUtility::readPageAccess($this->id, $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW));
+
+        $posMap = GeneralUtility::makeInstance(ContentCreationPagePositionMap::class);
+        $posMap->cur_sys_language = $this->sys_language;
+        $posMap->defVals = (array)($request->getParsedBody()['defVals'] ?? []);
+        $posMap->saveAndClose = (bool)($request->getParsedBody()['saveAndClose'] ?? false);
+        $posMap->R_URI = $this->returnUrl;
+        $view = $this->backendViewFactory->create($request);
+        $view->assign('posMap', $posMap->printContentElementColumns($this->id, $pageInfo, $request));
+        return new HtmlResponse($view->render('NewContentElement/PositionMap'));
+    }
+
+    /**
+     * Returns the array of elements in the wizard display.
+     * For the plugin section there is support for adding elements there from a global variable.
+     */
+    protected function getWizards(ServerRequestInterface $request): array
+    {
+        $wizards = $this->loadAvailableWizards();
+        $newContentElementWizardTsConfig = BackendUtility::getPagesTSconfig($this->id)['mod.']['wizards.']['newContentElement.'] ?? [];
+        $wizardsFromPageTSConfig = $this->migrateCommonGroupToDefault($newContentElementWizardTsConfig['wizardItems.'] ?? []);
+        $wizardsFromPageTSConfig = $this->migratePositionalCommonGroupToDefault($wizardsFromPageTSConfig);
+        $wizards = $this->mergeContentElementWizardsWithPageTSConfigWizards($wizards, $wizardsFromPageTSConfig);
+        $wizards = $this->removeWizardsByPageTs($wizards, $newContentElementWizardTsConfig);
+        $wizards = $this->removeWizardsByBackendLayoutColPosRestriction($wizards, $this->pageInfo, $this->colPos, $request);
+        if ($wizards === []) {
+            return [];
+        }
+        $wizardItems = [];
+        foreach ($wizards as $groupKey => $wizardGroup) {
+            $wizards[$groupKey] = $this->prepareDependencyOrdering($wizards[$groupKey], 'before');
+            $wizards[$groupKey] = $this->prepareDependencyOrdering($wizards[$groupKey], 'after');
+        }
+        $orderedWizards = $this->orderWizards($wizards);
+        foreach ($orderedWizards as $groupKey => $wizardGroup) {
+            $groupKey = rtrim($groupKey, '.');
+            $groupItems = [];
+            $wizardElements = $wizardGroup['elements.'] ?? [];
+            if (is_array($wizardElements)) {
+                $wizardElements = $this->orderElements($wizardElements);
+                foreach ($wizardElements as $itemKey => $itemConf) {
+                    $itemKey = rtrim($itemKey, '.');
+                    if ($itemConf !== []) {
+                        $groupItems[$groupKey . '_' . $itemKey] = $this->prepareWizardItem($itemConf);
+                    }
+                }
+            }
+            if (!empty($groupItems)) {
+                $wizardItems[$groupKey]['header'] = $this->getLanguageService()->sL($wizardGroup['header'] ?? '');
+                $wizardItems = array_merge($wizardItems, $groupItems);
+            }
+        }
+
+        // Remove elements where preset values are not allowed:
+        return $this->removeInvalidWizardItems($wizardItems);
+    }
+
+    protected function loadAvailableWizards(): array
+    {
+        $schema = $this->tcaSchemaFactory->get('tt_content');
+        // Foreign table support for TypeInformation is not supported in tt_content
+        $typeField = $schema->getSubSchemaTypeInformation()->getFieldName();
+        $fieldConfig = $schema->hasField($typeField) ? $schema->getField($typeField)->getConfiguration() : [];
+        $items = $fieldConfig['items'] ?? [];
+        $itemGroups = $fieldConfig['itemGroups'] ?? [];
+        $groupedWizardItems = [];
+        foreach (array_keys($itemGroups) as $groupIdentifier) {
+            $groupedWizardItems[$groupIdentifier . '.']['header'] = $itemGroups[$groupIdentifier];
+        }
+        foreach ($items as $item) {
+            $selectItem = SelectItem::fromTcaItemArray($item);
+            if ($selectItem->isDivider()) {
+                continue;
+            }
+            $recordType = $selectItem->getValue();
+            $groupIdentifier = $selectItem->getGroup();
+            $groupedWizardItems[$groupIdentifier . '.']['elements.'] ??= [];
+            // In case this group is not defined in itemGroups, use the group identifier as label.
+            $groupedWizardItems[$groupIdentifier . '.']['header'] ??= $groupIdentifier;
+            $itemDescription = $selectItem->getDescription();
+            $wizardEntry = [
+                'iconIdentifier' => $selectItem->getIcon(),
+                'iconOverlay' => $selectItem->getIconOverlay(),
+                'title' => $selectItem->getLabel(),
+                'description' => $itemDescription['description'] ?? ($itemDescription ?? ''),
+                'defaultValues' => [
+                    'CType' => $recordType,
+                ],
+            ];
+            if ($schema->hasSubSchema($recordType)) {
+                $wizardEntry = array_replace_recursive($wizardEntry, $schema->getSubSchema($recordType)->getRawConfiguration()['creationOptions'] ?? []);
+            }
+            $groupedWizardItems[$groupIdentifier . '.']['elements.'][$recordType . '.'] = $wizardEntry;
+        }
+        return $groupedWizardItems;
+    }
+
+    /**
+     * This method merges Content Element wizards defined by TCA with wizards defined in PageTSConfig.
+     * PageTS has precedence.
+     * It might happen that both TCA and PageTS define an entry with exactly the same default values.
+     * In such a case, the automatically added TCA entry is dropped.
+     */
+    protected function mergeContentElementWizardsWithPageTSConfigWizards(array $contentElementWizards, array $pageTsConfigWizards): array
+    {
+        $uniqueDefaultValuesInPageTsWizards = [];
+        foreach ($pageTsConfigWizards as $wizard) {
+            foreach ($wizard['elements.'] ?? [] as $elementConfig) {
+                $defaultValues = $elementConfig['tt_content_defValues.'] ?? [];
+                if ($defaultValues === []) {
+                    continue;
+                }
+                ksort($defaultValues);
+                $uniqueDefaultValuesInPageTsWizards[] = $defaultValues;
+            }
+        }
+        foreach ($contentElementWizards as $group => $wizard) {
+            foreach ($wizard['elements.'] ?? [] as $key => $elementConfig) {
+                // Remove duplicated entry.
+                $defaultValues = $elementConfig['defaultValues'];
+                ksort($defaultValues);
+                if (in_array($defaultValues, $uniqueDefaultValuesInPageTsWizards, true)) {
+                    unset($contentElementWizards[$group]['elements.'][$key]);
+                }
+            }
+        }
+        $mergedWizards = array_replace_recursive($contentElementWizards, $pageTsConfigWizards);
+        return $mergedWizards;
+    }
+
+    /**
+     * Orders elements within a wizard group using before/after configuration.
+     * Similar to orderWizards() but for individual content elements.
+     */
+    protected function orderElements(array $elements): array
+    {
+        // Check if any element has before/after configuration
+        // and return early if no reordering is required.
+        if (!$this->hasPositionalArguments($elements)) {
+            return $elements;
+        }
+
+        // Prepare elements for dependency ordering.
+        // Create implicit chain based on initial order for consecutive elements
+        // without explicit dependencies, preserving relative order while allowing
+        // explicit positioning.
+        $preparedElements = [];
+
+        // First pass: prepare all elements with their explicit dependencies
+        foreach ($elements as $elementKey => $element) {
+            $preparedElement = $element;
+            // Prepare before/after values (they might be comma-separated strings)
+            $preparedElement = $this->prepareDependencyOrdering($preparedElement, 'before');
+            $preparedElement = $this->prepareDependencyOrdering($preparedElement, 'after');
+            $preparedElements[$elementKey] = $preparedElement;
+        }
+
+        // Second pass: add implicit chain for consecutive elements without explicit dependencies
+        // This preserves relative order within blocks, while explicit dependencies can reorder them
+        $previousIndependentElementKey = null;
+        foreach ($elements as $elementKey => $element) {
+            $isIndependent = empty($element['before']) && empty($element['after']);
+            if ($isIndependent) {
+                // Element without explicit dependency: chain with previous independent element
+                if ($previousIndependentElementKey !== null) {
+                    $existingAfter = $preparedElements[$elementKey]['after'] ?? [];
+                    if (!in_array($previousIndependentElementKey, $existingAfter, true)) {
+                        $preparedElements[$elementKey]['after'] = array_merge($existingAfter, [$previousIndependentElementKey]);
+                    }
+                }
+                $previousIndependentElementKey = $elementKey;
+            }
+        }
+        // Use dependency ordering service to order elements
+        return $this->dependencyOrderingService->orderByDependencies($preparedElements);
+    }
+
+    protected function hasPositionalArguments(array $elements): bool
+    {
+        foreach ($elements as $element) {
+            if (!empty($element['before']) || !empty($element['after'])) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    /**
+     * There are two separate ordering systems for wizard groups:
+     * 1. TCA itemGroup sorting by associative array item order.
+     * 2. PageTS defined order by "before" and "after".
+     *
+     * System 1. has a well-defined order, where every item defines "after" (linked list).
+     * Due to this, the two system cannot be combined.
+     * As soon as system 2 defines at least one "before" or "after" it takes over.
+     */
+    protected function orderWizards(array $wizards): array
+    {
+        // First round: Order by TCA defined sorting.
+        $hasAtLeastOnePositionalArgument = false;
+        foreach ($wizards as $group => $wizard) {
+            if (isset($wizard['before'])) {
+                $hasAtLeastOnePositionalArgument = true;
+                $wizards[$group]['pageTsBefore'] = $wizard['before'];
+                unset($wizards[$group]['before']);
+            }
+            if (isset($wizard['after'])) {
+                $hasAtLeastOnePositionalArgument = true;
+                $wizards[$group]['pageTsAfter'] = $wizard['after'];
+                unset($wizards[$group]['after']);
+            }
+        }
+        // No order defined by pageTS. Use TCA sorting.
+        if (!$hasAtLeastOnePositionalArgument) {
+            $schema = $this->tcaSchemaFactory->get('tt_content');
+            // Foreign table support for TypeInformation is not supported in tt_content
+            $typeField = $schema->getSubSchemaTypeInformation()->getFieldName();
+            $fieldConfig = $schema->hasField($typeField) ? $schema->getField($typeField)->getConfiguration() : [];
+            $itemGroups = $fieldConfig['itemGroups'] ?? [];
+            // Auto-set positional information based on TCA itemGroups sorting.
+            $lastGroup = null;
+            foreach (array_keys($itemGroups) as $groupIdentifier) {
+                if (!array_key_exists($groupIdentifier . '.', $wizards)) {
+                    continue;
+                }
+                if ($lastGroup !== null) {
+                    $wizards[$groupIdentifier . '.']['after'] = [$lastGroup . '.'];
+                }
+                $lastGroup = $groupIdentifier;
+            }
+            return $this->dependencyOrderingService->orderByDependencies($wizards);
+        }
+        // Override order by pageTsConfig.
+        foreach ($wizards as $group => $wizard) {
+            // Unset "after" previously set by Content Element wizards.
+            unset($wizards[$group]['after']);
+            if (isset($wizard['pageTsBefore'])) {
+                $wizards[$group]['before'] = $wizard['pageTsBefore'];
+                unset($wizards[$group]['pageTsBefore']);
+            }
+            if (isset($wizard['pageTsAfter'])) {
+                $wizards[$group]['after'] = $wizard['pageTsAfter'];
+                unset($wizards[$group]['pageTsAfter']);
+            }
+        }
+        return $this->dependencyOrderingService->orderByDependencies($wizards);
+    }
+
+    /**
+     * This method returns the wizard items, defined in Page TSconfig for b/w
+     * compatibility.
+     *
+     * Additionally, it migrates previously defined wizard items in the
+     * `common` group to the new `default` group, which is defined in TCA.
+     *
+     * @param array<string, array> $wizardsFromPageTs
+     * @return array<string, array>
+     */
+    protected function migrateCommonGroupToDefault(array $wizardsFromPageTs): array
+    {
+        if (!array_key_exists('common.', $wizardsFromPageTs)) {
+            // In case "common." is not defined, just return the wizards, which are still defined via Page TSconfig
+            return $wizardsFromPageTs;
+        }
+
+        // Prepare "removeItems" to be merged
+        if ($wizardsFromPageTs['default.']['elements.']['removeItems'] ?? false) {
+            $wizardsFromPageTs['default.']['removeItems'] = GeneralUtility::trimExplode(',', $wizardsFromPageTs['default.']['elements.']['removeItems'] ?? '', true);
+        } elseif ($wizardsFromPageTs['default.']['removeItems'] ?? false) {
+            $wizardsFromPageTs['default.']['removeItems'] = GeneralUtility::trimExplode(',', $wizardsFromPageTs['default.']['removeItems'], true);
+        }
+
+        if ($wizardsFromPageTs['common.']['elements.']['removeItems'] ?? false) {
+            $wizardsFromPageTs['common.']['removeItems'] = GeneralUtility::trimExplode(',', $wizardsFromPageTs['common.']['elements.']['removeItems'] ?? '', true);
+        } elseif ($wizardsFromPageTs['common.']['removeItems'] ?? false) {
+            $wizardsFromPageTs['common.']['removeItems'] = GeneralUtility::trimExplode(',', $wizardsFromPageTs['common.']['removeItems'], true);
+        }
+
+        $defaultItems = array_merge_recursive($wizardsFromPageTs['default.'] ?? [], $wizardsFromPageTs['common.']);
+        unset($wizardsFromPageTs['common.']);
+
+        if ($defaultItems !== []) {
+            $wizardsFromPageTs['default.'] = $defaultItems;
+        }
+
+        return $wizardsFromPageTs;
+    }
+
+    protected function migratePositionalCommonGroupToDefault(array $wizards): array
+    {
+        foreach ($wizards as $group => $wizard) {
+            if (($wizard['before'] ?? '') === 'common') {
+                $wizards[$group]['before'] = 'default';
+            }
+            if (($wizard['after'] ?? '') === 'common') {
+                $wizards[$group]['after'] = 'default';
+            }
+        }
+        return $wizards;
+    }
+
+    protected function prepareWizardItem(array $itemConf): array
+    {
+        // Just replace the "known" keys of $itemConf. This way extensions are able to set custom keys, which are not
+        // used by the controller, but might be evaluated by listeners of the ModifyNewContentElementWizardItemsEvent.
+        $itemConf = array_replace_recursive(
+            $itemConf,
+            [
+                'title' => trim($this->getLanguageService()->sL($itemConf['title'] ?? '')),
+                'description' => trim($this->getLanguageService()->sL($itemConf['description'] ?? '')),
+                'iconIdentifier' => $itemConf['iconIdentifier'] ?? null,
+                'saveAndClose' => (bool)($itemConf['saveAndClose'] ?? false),
+                'defaultValues' => array_replace_recursive(
+                    $itemConf['tt_content_defValues'] ?? [],
+                    $itemConf['tt_content_defValues.'] ?? [],
+                    $itemConf['defaultValues'] ?? []
+                ),
+            ]
+        );
+        unset($itemConf['tt_content_defValues'], $itemConf['tt_content_defValues.']);
+        return $itemConf;
+    }
+
+    protected function removeWizardsByPageTs(array $wizards, mixed $wizardsItemsPageTs): array
+    {
+        $removeWizardItems = $wizardsItemsPageTs['wizardItems.']['removeItems'] ?? [];
+        if (is_string($removeWizardItems)) {
+            $removeWizardItems = GeneralUtility::trimExplode(',', $removeWizardItems, true);
+        }
+
+        foreach ($wizards as $key => &$wizard) {
+            // Leave out removeItems etc.
+            if (is_string($wizard)) {
+                unset($wizards[$key]);
+                continue;
+            }
+            if (in_array(rtrim((string)$key, '.'), $removeWizardItems, true)) {
+                unset($wizards[$key]);
+                continue;
+            }
+            $removeWizardElements = $wizardsItemsPageTs['wizardItems.'][$key]['removeItems'] ?? [];
+            if (is_string($removeWizardElements)) {
+                $removeWizardElements = GeneralUtility::trimExplode(',', $removeWizardElements, true);
+            }
+            foreach ($wizard['elements.'] ?? [] as $identifier => $element) {
+                if (in_array(rtrim((string)$identifier, '.'), $removeWizardElements, true)) {
+                    unset($wizard['elements.'][$identifier]);
+                }
+            }
+        }
+
+        return $wizards;
+    }
+
+    protected function removeWizardsByBackendLayoutColPosRestriction(array $wizardGroups, array $pageInfo, ?int $colPos, ServerRequestInterface $request): array
+    {
+        // Force colPos to 0 if null to apply restrictions for 0 by default.
+        $colPos = (int)$colPos;
+        // This is the page uid of a workspace overlay already so backend layouts of workspace
+        // changed or moved pages should be considered correctly.
+        $pid = (int)$pageInfo['uid'];
+        $backendLayout = $this->backendLayoutView->getBackendLayoutForPage($pid);
+        $columnConfiguration = $this->backendLayoutView->getColPosConfigurationForPage($backendLayout, $colPos, $pid, $request);
+        if (!empty($columnConfiguration['allowedContentTypes'])) {
+            $allowedContentTypes = GeneralUtility::trimExplode(',', $columnConfiguration['allowedContentTypes'], true);
+            foreach ($wizardGroups as $wizardGroupName => $wizards) {
+                foreach (($wizards['elements.'] ?? []) as $wizardKey => $wizard) {
+                    $cType = $wizard['defaultValues']['CType'] ?? $wizard['tt_content_defValues.']['CType'] ?? '';
+                    if (empty($cType)) {
+                        continue;
+                    }
+                    if (!in_array(trim($cType), $allowedContentTypes, true)) {
+                        unset($wizardGroups[$wizardGroupName]['elements.'][$wizardKey]);
+                    }
+                }
+            }
+        }
+        if (!empty($columnConfiguration['disallowedContentTypes'])) {
+            $disAllowedContentTypes = GeneralUtility::trimExplode(',', $columnConfiguration['disallowedContentTypes'], true);
+            foreach ($wizardGroups as $wizardGroupName => $wizards) {
+                foreach (($wizards['elements.'] ?? []) as $wizardKey => $wizard) {
+                    $cType = $wizard['defaultValues']['CType'] ?? $wizard['tt_content_defValues.']['CType'] ?? '';
+                    if (empty($cType)) {
+                        continue;
+                    }
+                    if (in_array(trim($cType), $disAllowedContentTypes, true)) {
+                        unset($wizardGroups[$wizardGroupName]['elements.'][$wizardKey]);
+                    }
+                }
+            }
+        }
+        return $wizardGroups;
+    }
+
+    /**
+     * Checks the array for elements which might contain invalid default values and will unset them!
+     * Looks for the "defaultValues" key in each element and if found it will traverse that array
+     * as fieldname / value pairs and check.
+     */
+    protected function removeInvalidWizardItems(array $wizardItems): array
+    {
+        $schema = $this->tcaSchemaFactory->get('tt_content');
+        $removeItems = [];
+        $keepItems = [];
+        // Get TCEFORM from TSconfig of current page
+        $TCEFORM_TSconfig = FormEngineUtility::getTCEFORM_TSconfig('tt_content', ['pid' => $this->id]);
+        $backendUser = $this->getBackendUser();
+        // Traverse wizard items:
+        foreach ($wizardItems as $key => $cfg) {
+            if (!is_array($cfg['defaultValues'] ?? false)) {
+                continue;
+            }
+
+            // This is not a group; this is likely broken configuration
+            if ($cfg['defaultValues'] === []) {
+                unset($wizardItems[$key]);
+            }
+
+            // If defaultValues are defined, check access by traversing all fields with default values:
+            foreach ($cfg['defaultValues'] as $fieldName => $value) {
+                if (!$schema->hasField($fieldName)) {
+                    continue;
+                }
+                // Get information about if the field value is OK:
+                $config = $schema->getField($fieldName)->getConfiguration();
+                $userNotAllowedToAccess = ($config['type'] ?? '') === 'select' && ($config['authMode'] ?? false)
+                    && !$backendUser->checkAuthMode('tt_content', $fieldName, $value);
+                // Check removeItems
+                if (!isset($removeItems[$fieldName]) && ($TCEFORM_TSconfig[$fieldName]['removeItems'] ?? false)) {
+                    $removeItems[$fieldName] = array_flip(GeneralUtility::trimExplode(
+                        ',',
+                        $TCEFORM_TSconfig[$fieldName]['removeItems'],
+                        true
+                    ));
+                }
+                // Check keepItems
+                if (!isset($keepItems[$fieldName]) && ($TCEFORM_TSconfig[$fieldName]['keepItems'] ?? false)) {
+                    $keepItems[$fieldName] = array_flip(GeneralUtility::trimExplode(
+                        ',',
+                        $TCEFORM_TSconfig[$fieldName]['keepItems'],
+                        true
+                    ));
+                }
+                $isNotInKeepItems = !empty($keepItems[$fieldName]) && !isset($keepItems[$fieldName][$value]);
+                if ($userNotAllowedToAccess || ($fieldName === 'CType' && (isset($removeItems[$fieldName][$value]) || $isNotInKeepItems))) {
+                    // Remove element all together:
+                    unset($wizardItems[$key]);
+                    break;
+                }
+                // Add the parameter:
+                $wizardItems[$key]['defaultValues'][$fieldName] = $this->getLanguageService()->sL($value);
+            }
+        }
+        return $wizardItems;
+    }
+
+    /**
+     * Prepare a wizard tab configuration for sorting.
+     */
+    protected function prepareDependencyOrdering(array $wizardGroup, string $key): array
+    {
+        if (is_string($wizardGroup[$key] ?? null)) {
+            $wizardGroup[$key] = GeneralUtility::trimExplode(',', $wizardGroup[$key], true);
+        }
+        if (is_array($wizardGroup[$key] ?? null)) {
+            $wizardGroup[$key] = array_map(
+                static fn(string $s): string => rtrim($s, '.') . '.',
+                $wizardGroup[$key]
+            );
+        }
+        return $wizardGroup;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/ContextMenuController.php b/Classes/Controller/ContextMenuController.php
new file mode 100644
index 0000000..47b945c
--- /dev/null
+++ b/Classes/Controller/ContextMenuController.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Clipboard\Clipboard;
+use TYPO3\CMS\Backend\ContextMenu\ContextMenu;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Script Class for the Context Sensitive Menu in TYPO3
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+class ContextMenuController
+{
+    /**
+     * Renders a context menu
+     */
+    public function getContextMenuAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $contextMenu = GeneralUtility::makeInstance(ContextMenu::class);
+
+        $params = $request->getQueryParams();
+        $table = $params['table'] ?? '';
+        $identifier = $params['uid'] ?? '';
+        $context = $params['context'] ?? '';
+
+        if ($table === '' || $identifier === '') {
+            return new JsonResponse([], 400);
+        }
+
+        $items = $contextMenu->getItems($table, $identifier, $context);
+        return new JsonResponse($items);
+    }
+
+    public function clipboardAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $clipboard = GeneralUtility::makeInstance(Clipboard::class);
+        $clipboard->initializeClipboard($request);
+        $clipboard->lockToNormal();
+
+        $queryParams = $request->getQueryParams();
+        $parsedBody = $request->getParsedBody();
+        $clipboardCommand = array_replace_recursive($queryParams['CB'] ?? [], $parsedBody['CB'] ?? []);
+
+        // URL-decoded keys are required for the clipboard to recognize file identifiers (e.g. _FILE|...)
+        if (isset($clipboardCommand['el']) && is_array($clipboardCommand['el'])) {
+            $decodedElements = [];
+            foreach ($clipboardCommand['el'] as $key => $value) {
+                $decodedElements[urldecode((string)$key)] = $value;
+            }
+            $clipboardCommand['el'] = $decodedElements;
+        }
+
+        $clipboard->setCmd($clipboardCommand);
+        $clipboard->cleanCurrent();
+        $clipboard->endClipboard();
+
+        return new JsonResponse([]);
+    }
+}
diff --git a/Classes/Controller/ContextualRecordEditController.php b/Classes/Controller/ContextualRecordEditController.php
new file mode 100644
index 0000000..ac7beb9
--- /dev/null
+++ b/Classes/Controller/ContextualRecordEditController.php
@@ -0,0 +1,453 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Message\UriInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Dto\FormElementData;
+use TYPO3\CMS\Backend\Form\Exception\AccessDeniedException;
+use TYPO3\CMS\Backend\Form\Exception\DatabaseRecordException;
+use TYPO3\CMS\Backend\Form\Exception\DatabaseRecordWorkspaceDeletePlaceholderException;
+use TYPO3\CMS\Backend\Form\Exception\NoFieldsToRenderException;
+use TYPO3\CMS\Backend\Form\FormAction;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\TcaDatabaseRecord;
+use TYPO3\CMS\Backend\Form\FormResultCollection;
+use TYPO3\CMS\Backend\Form\FormResultFactory;
+use TYPO3\CMS\Backend\Form\FormResultHandler;
+use TYPO3\CMS\Backend\Form\NodeFactory;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\ModuleTemplate;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * Lightweight controller for editing a single existing record inside the context panel.
+ *
+ * This is a focused alternative to EditDocumentController that only handles editing
+ * one existing record. It renders the same FormEngine form but with a minimal contextual
+ * template, communicating save/close signals to the parent frame via JavaScript.
+ *
+ * @internal This controller is not part of the TYPO3 public API.
+ */
+#[AsController]
+readonly class ContextualRecordEditController
+{
+    public function __construct(
+        private PageRenderer $pageRenderer,
+        private UriBuilder $uriBuilder,
+        private ModuleTemplateFactory $moduleTemplateFactory,
+        private ModuleProvider $moduleProvider,
+        private FormDataCompiler $formDataCompiler,
+        private NodeFactory $nodeFactory,
+        private FormResultFactory $formResultFactory,
+        private FormResultHandler $formResultHandler,
+        private TcaSchemaFactory $tcaSchemaFactory,
+        private IconFactory $iconFactory,
+    ) {}
+
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        return $request->getMethod() === 'POST' ? $this->persistAction($request) : $this->renderAction($request);
+    }
+
+    /**
+     * Handle POST: process save/close via DataHandler and redirect back
+     */
+    private function persistAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $queryParams = $request->getQueryParams();
+        $editConf = $this->parseAndValidateEditConf($queryParams['edit'] ?? []);
+        $table = $editConf['table'];
+        $uid = $this->resolveOverlayUid($table, $editConf['uid']);
+
+        $requestAction = FormAction::createFromRequest($request);
+
+        // Handle close (without save)
+        if ($requestAction->shouldHandleDocumentClosing()) {
+            return $this->redirectToSelf($queryParams, ['closed' => '1']);
+        }
+
+        $saveSucceeded = false;
+        if ($requestAction->shouldProcessData()) {
+            $saveSucceeded = $this->processData($request, $table, $uid);
+            if ($saveSucceeded && $requestAction->shouldCloseAfterSave()) {
+                return $this->redirectToSelf($queryParams, ['closed' => '1', 'justSaved' => '1']);
+            }
+        }
+
+        // POST-redirect-GET
+        $flags = ['edit' => [$table => [$uid => 'edit']]];
+        if ($saveSucceeded) {
+            $flags['justSaved'] = '1';
+        }
+        return $this->redirectToSelf($queryParams, $flags);
+    }
+
+    /**
+     * Handle GET: compile the FormEngine form and render the contextual edit template.
+     */
+    private function renderAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $view = $this->moduleTemplateFactory->create($request);
+        $view->setUiBlock(true);
+
+        $queryParams = $request->getQueryParams();
+        $editConf = $this->parseAndValidateEditConf($queryParams['edit'] ?? []);
+        $table = $editConf['table'];
+        $uid = $this->resolveOverlayUid($table, $editConf['uid']);
+
+        $returnUrl = GeneralUtility::sanitizeLocalUrl($queryParams['returnUrl'] ?? '', $request);
+        $overrideVals = is_array($queryParams['overrideVals'] ?? false) ? $queryParams['overrideVals'] : [];
+        $columnsOnly = $this->prepareColumnsOnlyConfiguration($queryParams['columnsOnly'] ?? null, $table);
+        $module = $this->moduleProvider->getModule((string)($queryParams['module'] ?? ''), $this->getBackendUser());
+
+        if ($module !== null) {
+            $view->setModuleName($module->getIdentifier());
+        }
+
+        // Compile FormEngine form
+        $currentEditingUrl = $this->uriBuilder->buildUriFromRoute('record_edit_contextual', array_merge($queryParams, [
+            'edit' => [$table => [$uid => 'edit']],
+            'returnUrl' => $returnUrl,
+        ]));
+
+        $formResult = $this->compileForm($request, $view, $table, $uid, $overrideVals, $columnsOnly, $currentEditingUrl);
+        $firstEl = $formResult['element'] ?? null;
+        if ($firstEl !== null) {
+            $this->formResultHandler->addAssets($formResult['results']);
+            $body = '
+                <form action="' . htmlspecialchars((string)$currentEditingUrl) . '" method="post" enctype="multipart/form-data" name="editform" id="ContextualRecordEditController">
+                    ' . $formResult['results']->getHtml() . '
+                    <input type="hidden" name="returnUrl" value="' . htmlspecialchars($returnUrl) . '" />
+                    <input type="hidden" name="closeDoc" value="0" />
+                </form>';
+        } else {
+            $view->setUiBlock(false);
+            $body = $formResult['errorHtml'] ?? $this->getInfobox(
+                $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:noEditForm.message'),
+                $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:noEditForm'),
+            );
+        }
+
+        $recordTitle = $firstEl !== null && trim($firstEl->title) !== ''
+            ? $firstEl->title
+            : '[' . $this->getLanguageService()->sL('core.core:labels.no_title') . ']';
+        $recordTitle = BackendUtility::cropToTitleLength($recordTitle);
+
+        // Contextual JS module with options
+        $contextualOptions = [];
+        if ($queryParams['justSaved'] ?? false) {
+            $contextualOptions['justSaved'] = true;
+            $contextualOptions['savedRecordTitle'] = $recordTitle;
+        }
+        if ($queryParams['closed'] ?? false) {
+            $contextualOptions['closed'] = true;
+        }
+        $this->pageRenderer->getJavaScriptRenderer()->addJavaScriptModuleInstruction(
+            JavaScriptModuleInstruction::create('@typo3/backend/contextual-record-edit.js')->instance($contextualOptions)
+        );
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/context-menu.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/localization.js');
+
+        // Template variables
+        $view->assign('bodyHtml', $body);
+        $view->assign('recordTitle', $recordTitle);
+
+        // Full edit URL points to the standard EditDocumentController
+        $fullEditParams = [
+            'edit' => [$table => [$uid => 'edit']],
+            'returnUrl' => $returnUrl,
+        ];
+        if ($module !== null) {
+            $fullEditParams['module'] = $module->getIdentifier();
+        }
+        $view->assign('fullEditUrl', (string)$this->uriBuilder->buildUriFromRoute('record_edit', $fullEditParams));
+
+        return $view->renderResponse('Form/ContextualRecordEdit');
+    }
+
+    /**
+     * Parse and validate the edit configuration. Ensures exactly one record with command "edit".
+     *
+     * @return array{table: string, uid: int}
+     */
+    private function parseAndValidateEditConf(array|string $editConf): array
+    {
+        if (!is_array($editConf)) {
+            throw new \InvalidArgumentException('Invalid edit configuration', 1772580316);
+        }
+        $backendUser = $this->getBackendUser();
+        foreach ($editConf as $table => $conf) {
+            if (!is_array($conf) || !$this->tcaSchemaFactory->has($table)) {
+                continue;
+            }
+            if (!$backendUser->check('tables_modify', $table)) {
+                continue;
+            }
+            foreach ($conf as $uidList => $command) {
+                if ($command !== 'edit') {
+                    continue;
+                }
+                $uid = (int)$uidList;
+                if ($uid > 0) {
+                    return ['table' => $table, 'uid' => $uid];
+                }
+            }
+        }
+        throw new \InvalidArgumentException('ContextualRecordEditController requires exactly one existing record to edit', 1772580317);
+    }
+
+    private function prepareColumnsOnlyConfiguration(mixed $columnsOnly, string $table): array
+    {
+        if (!is_array($columnsOnly) || $columnsOnly === []) {
+            return [];
+        }
+        $finalColumnsOnly = array_map(
+            static fn($fields) => is_array($fields) ? $fields : GeneralUtility::trimExplode(',', $fields, true),
+            $columnsOnly
+        );
+        // Add slug generator fields as hidden fields
+        if (!empty($finalColumnsOnly[$table]) && $this->tcaSchemaFactory->has($table)) {
+            $schema = $this->tcaSchemaFactory->get($table);
+            foreach ($finalColumnsOnly[$table] as $fieldName) {
+                if (!$schema->hasField($fieldName)) {
+                    continue;
+                }
+                $field = $schema->getField($fieldName);
+                $postModifiers = $field->getConfiguration()['generatorOptions']['postModifiers'] ?? [];
+                if ($field->isType(\TYPO3\CMS\Core\DataHandling\TableColumnType::SLUG)
+                    && (!is_array($postModifiers) || $postModifiers === [])
+                ) {
+                    $fieldGroups = $field->getConfiguration()['generatorOptions']['fields'] ?? [];
+                    if (is_string($fieldGroups)) {
+                        $fieldGroups = [$fieldGroups];
+                    }
+                    foreach ($fieldGroups as $fields) {
+                        $finalColumnsOnly['__hiddenGeneratorFields'][$table] = array_merge(
+                            $finalColumnsOnly['__hiddenGeneratorFields'][$table] ?? [],
+                            (is_array($fields) ? $fields : GeneralUtility::trimExplode(',', $fields, true))
+                        );
+                    }
+                }
+            }
+            if (!empty($finalColumnsOnly['__hiddenGeneratorFields'][$table])) {
+                $finalColumnsOnly['__hiddenGeneratorFields'][$table] = array_diff(
+                    array_unique($finalColumnsOnly['__hiddenGeneratorFields'][$table]),
+                    $finalColumnsOnly[$table]
+                );
+            }
+        }
+        return $finalColumnsOnly;
+    }
+
+    /**
+     * Process save data via DataHandler.
+     *
+     * @return bool True if at least one record was saved without errors
+     */
+    private function processData(ServerRequestInterface $request, string $table, int $uid): bool
+    {
+        $parsedBody = $request->getParsedBody();
+        $dataMap = $parsedBody['data'] ?? [];
+
+        $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
+        $dataHandler->setControl($parsedBody['control'] ?? []);
+        $dataHandler->start($dataMap, $parsedBody['cmd'] ?? []);
+
+        if (is_array($parsedBody['mirror'] ?? null)) {
+            $dataHandler->setMirror($parsedBody['mirror']);
+        }
+
+        $dataHandler->process_datamap();
+        $dataHandler->process_cmdmap();
+
+        // Check if save succeeded (no errors for this record)
+        $erroneousRecords = $dataHandler->printLogErrorMessages();
+        return !in_array($table . '.' . $uid, $erroneousRecords, true) && isset($dataMap[$table][$uid]);
+    }
+
+    /**
+     * @return array{element: FormElementData, results: FormResultCollection}|array{errorHtml: string}
+     */
+    private function compileForm(
+        ServerRequestInterface $request,
+        ModuleTemplate $view,
+        string $table,
+        int $uid,
+        array $overrideVals,
+        array $columnsOnly,
+        UriInterface $currentEditingUrl,
+    ): array {
+        try {
+            $formDataCompilerInput = [
+                'request' => $request,
+                'tableName' => $table,
+                'vanillaUid' => $uid,
+                'command' => 'edit',
+                'returnUrl' => (string)$currentEditingUrl,
+            ];
+            if ($overrideVals !== [] && is_array($overrideVals[$table] ?? null)) {
+                $formDataCompilerInput['overrideValues'] = $overrideVals[$table];
+            }
+
+            $formData = $this->formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(TcaDatabaseRecord::class));
+
+            // Display "is-locked" message
+            $lockInfo = BackendUtility::isRecordLocked($table, $formData['databaseRow']['uid']);
+            if ($lockInfo) {
+                $view->addFlashMessage($lockInfo['msg'], '', \TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING);
+            }
+
+            $formElementData = new FormElementData(
+                title: $formData['recordTitle'],
+                table: $table,
+                uid: $formData['databaseRow']['uid'],
+                pid: $formData['databaseRow']['pid'] ?? 0,
+                record: $formData['databaseRow'],
+                viewId: 0,
+                command: 'edit',
+                userPermissionOnPage: $formData['userPermissionOnPage'],
+            );
+
+            BackendUtility::lockRecords($table, $formElementData->uid, $table === 'tt_content' ? $formElementData->pid : 0);
+
+            if (!empty($columnsOnly[$table])) {
+                $formData['fieldListToRender'] = implode(',', $columnsOnly[$table]);
+                if (!empty($columnsOnly['__hiddenGeneratorFields'][$table])) {
+                    $formData['hiddenFieldListToRender'] = implode(',', $columnsOnly['__hiddenGeneratorFields'][$table]);
+                }
+            }
+
+            $formData['renderType'] = 'formWrapContainer';
+            $formResult = $this->nodeFactory->create($formData)->render();
+            $formResult = $this->formResultFactory->create($formResult);
+            $formResults = new FormResultCollection();
+            $formResults->add($formResult);
+
+            return ['element' => $formElementData, 'results' => $formResults];
+        } catch (NoFieldsToRenderException) {
+            return ['errorHtml' => $this->getInfobox(
+                $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:noFieldsEditForm.message'),
+                $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:noFieldsEditForm'),
+            )];
+        } catch (AccessDeniedException $e) {
+            return ['errorHtml' => $this->getInfobox(
+                $e->getMessage(),
+                $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.noEditPermission'),
+            )];
+        } catch (DatabaseRecordException|DatabaseRecordWorkspaceDeletePlaceholderException $e) {
+            return ['errorHtml' => $this->getInfobox($e->getMessage())];
+        }
+    }
+
+    /**
+     * Redirect back to this controller with additional flags for the JS module.
+     */
+    private function redirectToSelf(array $queryParams, array $additionalParams): ResponseInterface
+    {
+        $queryParams = array_merge($queryParams, $additionalParams);
+        $url = $this->uriBuilder->buildUriFromRoute('record_edit_contextual', $queryParams);
+        return new RedirectResponse($url, 302);
+    }
+
+    /**
+     * Resolve the workspace-aware UID for a single record.
+     * In a workspace, the live UID is replaced with the workspace overlay UID.
+     */
+    private function resolveOverlayUid(string $table, int $uid): int
+    {
+        $record = $this->getRecordForEdit($table, $uid);
+        if (is_array($record)) {
+            return (int)$record['uid'];
+        }
+        return $uid;
+    }
+
+    /**
+     * Get record for editing, resolving workspace versions.
+     *
+     * @return array|false
+     */
+    private function getRecordForEdit(string $table, int $recordId): array|bool
+    {
+        $schema = $this->tcaSchemaFactory->get($table);
+        $reqRecord = BackendUtility::getRecord($table, $recordId, 'uid,pid' . ($schema->isWorkspaceAware() ? ',t3ver_oid' : ''));
+        if (is_array($reqRecord)) {
+            if ($this->getBackendUser()->workspace !== 0) {
+                if ($schema->isWorkspaceAware()) {
+                    if ($reqRecord['t3ver_oid'] > 0 || VersionState::tryFrom($reqRecord['t3ver_state'] ?? 0) === VersionState::NEW_PLACEHOLDER) {
+                        return $reqRecord;
+                    }
+                    $versionRec = BackendUtility::getWorkspaceVersionOfRecord(
+                        $this->getBackendUser()->workspace,
+                        $table,
+                        $reqRecord['uid'],
+                        'uid,pid,t3ver_oid'
+                    );
+                    return is_array($versionRec) ? $versionRec : $reqRecord;
+                }
+                return false;
+            }
+            return $reqRecord;
+        }
+        return false;
+    }
+
+    private function getInfobox(string $message, ?string $title = null): string
+    {
+        return '
+            <div class="callout callout-danger">
+                <div class="callout-icon">
+                    <span class="icon-emphasized">
+                        ' . $this->iconFactory->getIcon('actions-close', IconSize::SMALL)->render() . '
+                    </span>
+                </div>
+                <div class="callout-content">
+                    ' . ($title ? '<div class="callout-title">' . htmlspecialchars($title) . '</div>' : '') . '
+                    <div class="callout-body">
+                        ' . htmlspecialchars($message) . '
+                    </div>
+                </div>
+            </div>';
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/DummyController.php b/Classes/Controller/DummyController.php
new file mode 100644
index 0000000..4cf3940
--- /dev/null
+++ b/Classes/Controller/DummyController.php
@@ -0,0 +1,44 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+
+/**
+ * '/empty' routing target returns dummy content.
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class DummyController
+{
+    public function __construct(protected ModuleTemplateFactory $moduleTemplateFactory) {}
+
+    /**
+     * Return simple dummy content
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $view = $this->moduleTemplateFactory->create($request);
+        $view->setTitle('Blank');
+        $view->getDocHeaderComponent()->disable();
+        return $view->renderResponse('Dummy/Index');
+    }
+}
diff --git a/Classes/Controller/EditDocumentController.php b/Classes/Controller/EditDocumentController.php
new file mode 100644
index 0000000..5d89b1b
--- /dev/null
+++ b/Classes/Controller/EditDocumentController.php
@@ -0,0 +1,2110 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Message\UriInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Breadcrumb\BreadcrumbFactory;
+use TYPO3\CMS\Backend\Configuration\TranslationConfigurationProvider;
+use TYPO3\CMS\Backend\Controller\Event\AfterFormEnginePageInitializedEvent;
+use TYPO3\CMS\Backend\Controller\Event\AfterRecordOpenedEvent;
+use TYPO3\CMS\Backend\Controller\Event\BeforeFormEnginePageInitializedEvent;
+use TYPO3\CMS\Backend\Domain\Repository\Localization\LocalizationRepository;
+use TYPO3\CMS\Backend\Dto\FormElementData;
+use TYPO3\CMS\Backend\Form\Exception\AccessDeniedException;
+use TYPO3\CMS\Backend\Form\Exception\DatabaseRecordException;
+use TYPO3\CMS\Backend\Form\Exception\DatabaseRecordWorkspaceDeletePlaceholderException;
+use TYPO3\CMS\Backend\Form\Exception\NoFieldsToRenderException;
+use TYPO3\CMS\Backend\Form\FormAction;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\TcaDatabaseRecord;
+use TYPO3\CMS\Backend\Form\FormResult;
+use TYPO3\CMS\Backend\Form\FormResultCollection;
+use TYPO3\CMS\Backend\Form\FormResultFactory;
+use TYPO3\CMS\Backend\Form\FormResultHandler;
+use TYPO3\CMS\Backend\Form\NodeFactory;
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Routing\Exception\ResourceNotFoundException;
+use TYPO3\CMS\Backend\Routing\PreviewUriBuilder;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ButtonBar;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\Enum\ModuleLayout;
+use TYPO3\CMS\Backend\Template\ModuleTemplate;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Database\ReferenceIndex;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\DataHandling\TableColumnType;
+use TYPO3\CMS\Core\Domain\RecordFactory;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageQueue;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Resource\Exception\FileDoesNotExistException;
+use TYPO3\CMS\Core\Resource\Exception\InsufficientUserPermissionsException;
+use TYPO3\CMS\Core\Resource\FileInterface;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Routing\BackendEntryPointResolver;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\SchemaLabelResolver;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\PathUtility;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * Main backend controller almost always used if some database record is edited in the backend.
+ *
+ * Main job of this controller is to evaluate and sanitize $request parameters,
+ * call the DataHandler if records should be created or updated and
+ * execute FormEngine for record rendering.
+ */
+#[AsController]
+class EditDocumentController
+{
+    /**
+     * An array looking approx like [tablename][list-of-ids]=command, eg. "&edit[pages][123]=edit".
+     *
+     * @var array<string,mixed>
+     */
+    protected array $editconf = [];
+
+    /**
+     * Array of tables with a lists of field names to edit for those tables. If specified, only those fields
+     * will be rendered. Otherwise, all (available) fields in the record are shown according to the TCA type.
+     */
+    protected array $columnsOnly = [];
+
+    /**
+     * Default values for fields
+     *
+     * @var array|null [table][field]
+     */
+    protected $defVals;
+
+    /**
+     * Array of values to force being set as hidden fields in FormEngine
+     *
+     * @var array|null [table][field]
+     */
+    protected $overrideVals;
+
+    /**
+     * If set, this value will be set in $this->retUrl as "returnUrl", if not,
+     * $this->retUrl will link to dummy action
+     *
+     * @var string|null
+     */
+    protected $returnUrl;
+
+    /**
+     * Prepared return URL. Contains the URL that we should return to from FormEngine if
+     * close button is clicked. Usually passed along as 'returnUrl', but falls back to
+     * "dummy" action.
+     *
+     * @var string
+     */
+    protected $retUrl;
+
+    /**
+     * Boolean: If set, then the GET var "&id=" will be added to the
+     * retUrl string so that the NEW id of something is returned to the script calling the form.
+     */
+    protected bool $returnNewPageId = false;
+
+    /**
+     * The preview page id.
+     * ID for displaying the page in the frontend, "save and view"
+     * Is set to the pid value of the last shown record from "viewId" - thus indicating which page to
+     * show when clicking the SAVE/VIEW button and transferred via GET/POST parameter "popViewId"
+     */
+    protected int $popViewId = 0;
+
+    /**
+     * If true, $this->editconf array is added a redirect response, used by Wizard/AddController
+     */
+    protected bool $returnEditConf = false;
+
+    /**
+     * @var array
+     */
+    protected $pageinfo;
+
+    /**
+     * Array of the elements to create edit forms for.
+     *
+     * @var FormElementData[]
+     */
+    protected array $elementsData = [];
+
+    /**
+     * Pointer to the first element in $elementsData
+     */
+    protected ?FormElementData $firstEl = null;
+
+    /**
+     * Counter, used to count the number of errors (when users do not have edit permissions)
+     */
+    protected int $numberOfErrors = 0;
+
+    protected ?ModuleInterface $module = null;
+
+    public function __construct(
+        private readonly ComponentFactory $componentFactory,
+        protected readonly EventDispatcherInterface $eventDispatcher,
+        protected readonly IconFactory $iconFactory,
+        protected readonly RecordFactory $recordFactory,
+        protected readonly BreadcrumbFactory $breadcrumbFactory,
+        protected readonly PageRenderer $pageRenderer,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly ModuleTemplateFactory $moduleTemplateFactory,
+        protected readonly BackendEntryPointResolver $backendEntryPointResolver,
+        protected readonly ModuleProvider $moduleProvider,
+        private readonly FormDataCompiler $formDataCompiler,
+        private readonly NodeFactory $nodeFactory,
+        private readonly FormResultFactory $formResultFactory,
+        private readonly FormResultHandler $formResultHandler,
+        protected TcaSchemaFactory $tcaSchemaFactory,
+        protected readonly LocalizationRepository $localizationRepository,
+        private readonly SchemaLabelResolver $schemaLabelResolver,
+        protected readonly ResourceFactory $resourceFactory,
+        protected readonly FlashMessageService $flashMessageService,
+    ) {}
+
+    /**
+     * Main dispatcher entry method registered as "record_edit" end point.
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $view = $this->moduleTemplateFactory->create($request);
+        $view->setLayout(ModuleLayout::NORMAL);
+        $view->setUiBlock(true);
+        $body = '';
+
+        // Unlock all locked records
+        BackendUtility::lockRecords();
+        $queryParams = $request->getQueryParams();
+        $parsedBody = $request->getParsedBody();
+        $this->module = $this->moduleProvider->getModule((string)($queryParams['module'] ?? ''), $this->getBackendUser());
+
+        $this->editconf = $this->sanitizeEditConf($parsedBody['edit'] ?? $queryParams['edit'] ?? []);
+        $this->defVals = $parsedBody['defVals'] ?? $queryParams['defVals'] ?? null;
+        $this->overrideVals = $parsedBody['overrideVals'] ?? $queryParams['overrideVals'] ?? null;
+        $this->returnUrl = GeneralUtility::sanitizeLocalUrl($parsedBody['returnUrl'] ?? $queryParams['returnUrl'] ?? '', $request);
+        $this->returnEditConf = (bool)($parsedBody['returnEditConf'] ?? $queryParams['returnEditConf'] ?? false);
+        $this->columnsOnly = $this->prepareColumnsOnlyConfigurationFromRequest($request);
+        $this->popViewId = (int)($parsedBody['popViewId'] ?? $queryParams['popViewId'] ?? 0);
+
+        // Set overrideVals as default values if defVals does not exist.
+        // @todo: Why?
+        if (!is_array($this->defVals) && is_array($this->overrideVals)) {
+            $this->defVals = $this->overrideVals;
+        }
+
+        // Set final return URL
+        $this->retUrl = $this->returnUrl ?: $this->resolveDefaultReturnUrl();
+
+        // Close document if a request for closing the document has been sent
+        $requestAction = FormAction::createFromRequest($request);
+        if ($requestAction->shouldHandleDocumentClosing()) {
+            if ($response = $this->closeAndPossiblyRedirectAction($requestAction)) {
+                return $response;
+            }
+        }
+
+        $event = new BeforeFormEnginePageInitializedEvent($this, $request);
+        $this->eventDispatcher->dispatch($event);
+
+        // Process incoming data via DataHandler?
+        if ($requestAction->shouldProcessData()) {
+            $this->processData($view, $request);
+            // Redirect if element should be closed after save
+            if ($requestAction->shouldCloseAfterSave()) {
+                return $this->closeAndPossiblyRedirectAction($requestAction);
+            }
+        }
+
+        // Prepare current request url parameters (which might have been changed already, especially "editconf")
+        // Contains $request query parameters. This array is the foundation for creating
+        // the $currentEditingUrl var which becomes the url to which forms are submitted.
+        $queryParamsForGeneratingCurrentUrl = $queryParams;
+        $queryParamsForGeneratingCurrentUrl['edit'] = $this->editconf;
+        $queryParamsForGeneratingCurrentUrl['returnUrl'] = $this->retUrl;
+        if ($requestAction->shouldProcessData()) {
+            // Unset default values since we don't need them anymore. But only if all
+            // records have been persisted. If a DataHandler hook rejected a new record,
+            // editconf still contains the NEW* key and defVals must be preserved so
+            // the form reloads with the correct default values, such as the record type.
+            $hasUnresolvedNewRecords = false;
+            foreach ($this->editconf as $tableCmds) {
+                foreach (array_keys($tableCmds) as $uid) {
+                    if (str_contains((string)$uid, 'NEW')) {
+                        $hasUnresolvedNewRecords = true;
+                        break 2;
+                    }
+                }
+            }
+            if (!$hasUnresolvedNewRecords) {
+                unset($queryParamsForGeneratingCurrentUrl['defVals']);
+            }
+        }
+
+        // Preview code is implicit only generated for GET requests, having the query
+        // parameters "popViewId" (the preview page id) and "showPreview" set.
+        if ($this->popViewId && ($queryParams['showPreview'] ?? false)) {
+            // Generate the preview code (markup), which is added to the module body later
+            $body = $this->getPreviewUriBuilderForRecordPreview($this->popViewId)->buildImmediateActionElement([PreviewUriBuilder::OPTION_SWITCH_FOCUS => null]);
+            // After generating the preview code, those params should no longer be applied to the form
+            // action, as this would otherwise always refresh the preview window on saving the record.
+            unset($queryParamsForGeneratingCurrentUrl['showPreview'], $queryParamsForGeneratingCurrentUrl['popViewId']);
+        }
+
+        $event = new AfterFormEnginePageInitializedEvent($this, $request);
+        $this->eventDispatcher->dispatch($event);
+
+        if ($requestAction->isPostRequest) {
+            // In case save&view is requested, we have to add this information to the redirect
+            // URL, since the ImmediateAction will be added to the module body afterward.
+            if ($requestAction->savedokview()) {
+                $queryParamsForGeneratingCurrentUrl['showPreview'] = true;
+                $queryParamsForGeneratingCurrentUrl['popViewId'] = $this->popViewId;
+            }
+            $url = $this->uriBuilder->buildUriFromRoute('record_edit', $queryParamsForGeneratingCurrentUrl);
+            return new RedirectResponse($url, 302);
+        }
+
+        // Begin to show the edit form
+        $this->setModuleContext($view);
+        $this->pageRenderer->addInlineLanguageLabelFile('EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf');
+        $this->pageRenderer->addInlineSetting('ShowItem', 'moduleUrl', (string)$this->uriBuilder->buildUriFromRoute('show_item'));
+
+        // Generate the URL to the current request with modified GET parameters
+        // This is used in various places to "return to" in the form and for buttons etc.
+        $currentEditingUrl = $this->uriBuilder->buildUriFromRoute('record_edit', $queryParamsForGeneratingCurrentUrl);
+
+        // Creating the editing form, wrap it with buttons, document selector etc.
+        $formResults = $this->makeEditForm($request, $view, $currentEditingUrl);
+        if (count($formResults) > 0) {
+            $this->firstEl = $this->elementsData !== [] ? reset($this->elementsData) : null;
+            $lastEl = $this->elementsData !== [] ? end($this->elementsData) : null;
+            // Dispatch event for extensions to track open documents
+            $this->openCurrentDocuments();
+            $this->formResultHandler->addAssets($formResults);
+            // Put together the various elements (buttons, selectors, form) into a table
+            $body .= '
+            <form
+                action="' . htmlspecialchars((string)$currentEditingUrl) . '"
+                method="post"
+                enctype="multipart/form-data"
+                name="editform"
+                id="EditDocumentController"
+            >
+            ' . $formResults->getHtml() . '
+            <input type="hidden" name="returnUrl" value="' . htmlspecialchars($this->retUrl) . '" />
+            <input type="hidden" name="popViewId" value="' . htmlspecialchars((string)$lastEl?->viewId) . '" />
+            <input type="hidden" name="closeDoc" value="0" />
+            <input type="hidden" name="returnNewPageId" value="' . ($this->returnNewPageId ? 1 : 0) . '" />';
+            $body .= '</form>';
+        }
+
+        if ($this->firstEl === null) {
+            // In case firstEl is null, no edit form could be created. Therefore, add an
+            // info box and remove the spinner, since it will never be resolved by FormEngine.
+            $view->setUiBlock(false);
+            $body .= $this->getInfobox(
+                $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:noEditForm.message'),
+                $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:noEditForm'),
+            );
+        }
+
+        // Access check...
+        // The page will show only if there is a valid page and if this page may be viewed by the user
+        $perms_clause = $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW);
+        $this->pageinfo = BackendUtility::readPageAccess($this->firstEl?->viewId, $perms_clause) ?: [];
+
+        $documentTitle = $this->resolveDocumentTitle($this->getLanguageService());
+
+        // Setting up the buttons, markers for doc header and navigation component state
+        $this->createBreadcrumb($view);
+        $this->getButtons($view, $request, $this->firstEl, $currentEditingUrl, $documentTitle);
+
+        // Create language switch options if the record is already persisted, and it is a single record to edit
+        if ($this->isSingleRecordView() && $this->firstEl?->isSavedRecord()) {
+            $this->languageSwitch($view, $this->firstEl);
+        }
+
+        $view->setTitle($documentTitle);
+        $view->setLayout(ModuleLayout::NORMAL);
+        $view->assign('bodyHtml', $body);
+
+        return $view->renderResponse('Form/EditDocument');
+    }
+
+    protected function sanitizeEditConf(array $editConf): array
+    {
+        $newConfiguration = [];
+        $beUser = $this->getBackendUser();
+        // Traverse the GPvar edit array tables
+        foreach ($editConf as $table => $conf) {
+            if (!is_array($conf) || !$this->tcaSchemaFactory->has($table)) {
+                // Skip for invalid config or in case no TCA exists
+                continue;
+            }
+            if (!$beUser->check('tables_modify', $table)) {
+                // Skip in case the user has insufficient permissions and increment the error counter
+                $this->numberOfErrors++;
+                continue;
+            }
+            // Traverse the keys/comments of each table (keys can be a comma list of uids)
+            foreach ($conf as $cKey => $command) {
+                if ($command !== 'edit' && $command !== 'new') {
+                    // Skip if invalid command
+                    continue;
+                }
+                $ids = GeneralUtility::trimExplode(',', (string)$cKey, true);
+                foreach ($ids as $id) {
+                    $newConfiguration[$table][$id] = $command;
+                }
+            }
+        }
+        // Change $this->editconf if versioning applies to any of the records
+        return $this->fixWSversioningInEditConf($newConfiguration);
+    }
+
+    protected function setModuleContext(ModuleTemplate $view): void
+    {
+        $view->assign('moduleContext', '');
+        $view->assign('moduleContextId', '');
+        if ($this->module === null) {
+            return;
+        }
+
+        $view->setModuleName($this->module->getIdentifier());
+
+        if ($this->module->isStandalone()) {
+            $parent = $this->module;
+        } else {
+            $parent = $this->module->getParentModule();
+            while ($parent?->getParentModule() !== null) {
+                $parent = $parent->getParentModule();
+            }
+        }
+        if ($parent === null) {
+            return;
+        }
+        $moduleContext = $parent->getIdentifier();
+
+        if ($moduleContext === 'file') {
+            // Workaround for filelist using 'media' as ModuleStorage module context… :\
+            $moduleContext = 'media';
+        }
+
+        $view->assign('moduleContext', $moduleContext);
+    }
+
+    protected function prepareColumnsOnlyConfigurationFromRequest(ServerRequestInterface $request): array
+    {
+        $columnsOnly = $request->getParsedBody()['columnsOnly'] ?? $request->getQueryParams()['columnsOnly'] ?? null;
+        $usedTables = array_keys($request->getQueryParams()['edit'] ?? []);
+        $finalColumnsOnly = [];
+        if (is_array($columnsOnly) && $columnsOnly !== []) {
+            $finalColumnsOnly = array_map(function ($fields) {
+                return is_array($fields) ? $fields : GeneralUtility::trimExplode(',', $fields, true);
+            }, $columnsOnly);
+            $finalColumnsOnly = $this->addSlugFieldsToColumnsOnly($finalColumnsOnly, $usedTables);
+        }
+        return $finalColumnsOnly;
+    }
+
+    /**
+     * Always add required fields of slug field
+     */
+    protected function addSlugFieldsToColumnsOnly(array $finalColumnsOnly, array $tables): array
+    {
+        foreach ($tables as $table) {
+            if (!empty($finalColumnsOnly[$table]) && $this->tcaSchemaFactory->has($table)) {
+                $schema = $this->tcaSchemaFactory->get($table);
+                foreach ($finalColumnsOnly[$table] as $field) {
+                    if (!$schema->hasField($field)) {
+                        continue;
+                    }
+                    $field = $schema->getField($field);
+                    $postModifiers = $field->getConfiguration()['generatorOptions']['postModifiers'] ?? [];
+                    if ($field->isType(TableColumnType::SLUG)
+                        && (!is_array($postModifiers) || $postModifiers === [])
+                    ) {
+                        $fieldGroups = $field->getConfiguration()['generatorOptions']['fields'] ?? [];
+                        if (is_string($fieldGroups)) {
+                            $fieldGroups = [$fieldGroups];
+                        }
+                        foreach ($fieldGroups as $fields) {
+                            $finalColumnsOnly['__hiddenGeneratorFields'][$table] = array_merge(
+                                $finalColumnsOnly['__hiddenGeneratorFields'][$table] ?? [],
+                                (is_array($fields) ? $fields : GeneralUtility::trimExplode(',', $fields, true))
+                            );
+                        }
+                    }
+                }
+                if (!empty($finalColumnsOnly['__hiddenGeneratorFields'][$table])) {
+                    $finalColumnsOnly['__hiddenGeneratorFields'][$table] = array_diff(
+                        array_unique($finalColumnsOnly['__hiddenGeneratorFields'][$table]),
+                        $finalColumnsOnly[$table]
+                    );
+                }
+            }
+        }
+        return $finalColumnsOnly;
+    }
+
+    /**
+     * Do processing of data, submitting it to DataHandler.
+     *
+     * Also handles the "duplication" of a record.
+     */
+    protected function processData(ModuleTemplate $view, ServerRequestInterface $request): void
+    {
+        $requestAction = FormAction::createFromRequest($request);
+        $parsedBody = $request->getParsedBody();
+
+        $beUser = $this->getBackendUser();
+
+        $dataMap = $parsedBody['data'] ?? [];
+        $dataHandlerIncomingCommandMap = $parsedBody['cmd'] ?? [];
+        $this->returnNewPageId = (bool)($parsedBody['returnNewPageId'] ?? false);
+
+        /** @var DataHandler $dataHandler */
+        $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
+        // Only options related to $dataMap submission are included here
+        $dataHandler->setControl($parsedBody['control'] ?? []);
+
+        // Set default values fetched previously from GET / POST vars
+        if (is_array($dataMap)) {
+            foreach ($dataMap as $tableName => $records) {
+                if (is_array($this->defVals[$tableName] ?? null)) {
+                    foreach ($records as $uid => $_) {
+                        if (str_contains((string)$uid, 'NEW')) {
+                            $dataMap[$tableName][$uid] = array_merge($this->defVals[$tableName], $dataMap[$tableName][$uid]);
+                        }
+                    }
+                }
+            }
+        }
+
+        // Load DataHandler with data
+        $dataHandler->start($dataMap, $dataHandlerIncomingCommandMap);
+        if (is_array($parsedBody['mirror'] ?? null)) {
+            $dataHandler->setMirror($parsedBody['mirror']);
+        }
+
+        // Perform the saving operation with DataHandler:
+        if ($requestAction->shouldProcessData()) {
+            $dataHandler->process_datamap();
+            $dataHandler->process_cmdmap();
+
+            // Update the module menu for the current backend user, as they updated their UI language
+            $currentUserId = $beUser->getUserId();
+            if ($currentUserId
+                && (string)($dataMap['be_users'][$currentUserId]['lang'] ?? '') !== ''
+                && $dataMap['be_users'][$currentUserId]['lang'] !== $beUser->user['lang']
+            ) {
+                $newLanguageKey = $dataMap['be_users'][$currentUserId]['lang'];
+                // Update the current backend user language as well
+                $beUser->user['lang'] = $newLanguageKey;
+                // Re-create LANG to have the current request updated the translated page as well
+                $this->getLanguageService()->init($newLanguageKey);
+                BackendUtility::setUpdateSignal('updateBackendLanguage', [ 'language' => $newLanguageKey ]);
+            }
+
+            // If pages are being edited, we set an instruction about updating the page tree after this operation.
+            if ($dataHandler->pagetreeNeedsRefresh
+                && (isset($dataMap['pages']) || $beUser->workspace !== 0 && !empty($dataMap))
+            ) {
+                BackendUtility::setUpdateSignal('updatePageTree');
+            }
+
+            // If there was saved any new items, load them:
+            if (!empty($dataHandler->substNEWwithIDs)) {
+                // Save the expanded/collapsed states for new inline records, if any
+                $this->updateInlineView($request->getParsedBody()['uc'] ?? $request->getQueryParams()['uc'] ?? null, $dataHandler);
+                $newEditConf = [];
+                // Traverse all new records and forge the content of $this->editconf so we can continue to edit these records!
+                // $this->editconf is now updated to replace NEW-Ids with the actual persisted IDs.
+                foreach ($this->editconf as $tableName => $tableCmds) {
+                    $keys = array_keys($dataHandler->substNEWwithIDs_table, $tableName);
+                    if ($keys !== []) {
+                        foreach ($keys as $key) {
+                            $editId = $dataHandler->substNEWwithIDs[$key];
+                            // Check if the $editId isn't a child record of an IRRE action
+                            if (!(is_array($dataHandler->newRelatedIDs[$tableName] ?? null)
+                                && in_array($editId, $dataHandler->newRelatedIDs[$tableName]))
+                            ) {
+                                // Translate new id to the workspace version
+                                if ($versionRec = BackendUtility::getWorkspaceVersionOfRecord(
+                                    $beUser->workspace,
+                                    $tableName,
+                                    $editId,
+                                    'uid'
+                                )) {
+                                    $editId = $versionRec['uid'];
+                                }
+                                $newEditConf[$tableName][$editId] = 'edit';
+                            }
+                            if ($tableName === 'pages'
+                                && !$this->shouldRedirectToEmptyPage()
+                                && $this->retUrl !== $this->getCloseUrl($request)
+                                && $this->returnNewPageId
+                            ) {
+                                $this->retUrl .= '&id=' . $dataHandler->substNEWwithIDs[$key];
+                            }
+                        }
+                    } else {
+                        $newEditConf[$tableName] = $tableCmds;
+                    }
+                }
+                if ($newEditConf !== []) {
+                    $this->editconf = $newEditConf;
+                }
+            }
+            // See if any records was auto-created as new versions?
+            if (!empty($dataHandler->autoVersionIdMap)) {
+                $this->editconf = $this->fixWSversioningInEditConf($this->editconf, $dataHandler->autoVersionIdMap);
+            }
+        }
+
+        // If a document is saved and a new one is created right after.
+        if ($requestAction->savedoknew()) {
+            // Find the current table
+            reset($this->editconf);
+            $nTable = (string)key($this->editconf);
+            // Determine insertion mode: 'top' is self-explaining,
+            // otherwise new elements are inserted after one using a negative uid
+            $insertRecordOnTop = ($this->getTsConfigOption($nTable, 'saveDocNew') === 'top');
+            $ids = array_keys($this->editconf[$nTable]);
+            // Depending on $insertRecordOnTop, retrieve either the first or last id to get the records' pid+uid
+            if ($insertRecordOnTop) {
+                $nUid = (int)reset($ids);
+            } else {
+                $nUid = (int)end($ids);
+            }
+            $nRec = BackendUtility::getRecord($nTable, $nUid);
+            if ($insertRecordOnTop) {
+                $relatedPageId = $nRec['pid'];
+            } else {
+                if ((int)($nRec['t3ver_oid'] ?? 0) === 0) {
+                    $relatedPageId = -$nRec['uid'];
+                } else {
+                    // Use uid of live version of workspace version
+                    $relatedPageId = -$nRec['t3ver_oid'];
+                }
+            }
+            // Setting a blank editconf array for a new record:
+            $this->editconf = [];
+            $this->editconf[$nTable][$relatedPageId] = 'new';
+        }
+
+        // Explicitly require a save operation
+        if ($requestAction->shouldProcessData()) {
+            $erroneousRecords = $dataHandler->printLogErrorMessages();
+            $messages = [];
+            $table = (string)key($this->editconf);
+            $uidList = array_keys($this->editconf[$table]);
+
+            foreach ($uidList as $uid) {
+                $uid = (int)abs($uid);
+                if (!in_array($table . '.' . $uid, $erroneousRecords, true)) {
+                    $realUidInPayload = ($tceSubstId = array_search($uid, $dataHandler->substNEWwithIDs, true)) !== false ? $tceSubstId : $uid;
+                    $row = $dataMap[$table][$uid] ?? $dataMap[$table][$realUidInPayload] ?? null;
+                    if ($row === null) {
+                        continue;
+                    }
+                    // Ensure, uid is always available to make labels with foreign table lookups possible
+                    $row['uid'] ??= $realUidInPayload;
+                    // If the label column of the record is not available, fetch it from database.
+                    // This is the case when EditDocumentController is booted in single field mode (e.g.
+                    // Template module > 'info/modify' > edit 'setup' field) or in case the field is
+                    // not in "showitem" or is set to readonly (e.g. "file" in sys_file_metadata).
+                    $labelCapability = $this->tcaSchemaFactory->get($table)->getCapability(TcaSchemaCapability::Label);
+                    $labelFields = $labelCapability->getAllLabelFieldNames();
+                    foreach ($labelFields as $labelField) {
+                        if (!isset($row[$labelField])) {
+                            $tmpRecord = BackendUtility::getRecord($table, $uid, $labelFields);
+                            if ($tmpRecord !== null) {
+                                $row = array_merge($row, $tmpRecord);
+                            }
+                            break;
+                        }
+                    }
+                    $recordTitle = BackendUtility::cropToTitleLength(BackendUtility::getRecordTitle($table, $row));
+                    $messages[] = sprintf($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:notification.record_saved.message'), $recordTitle);
+                }
+            }
+
+            // Add messages to the flash message container only if the request is a save action (excludes "duplicate")
+            if ($messages !== []) {
+                $label = $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:notification.record_saved.title.plural');
+                if (count($messages) === 1) {
+                    $label = $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:notification.record_saved.title.singular');
+                }
+                if (count($messages) > 10) {
+                    $messages = [sprintf($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:notification.mass_saving.message'), count($messages))];
+                }
+                $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier(FlashMessageQueue::NOTIFICATION_QUEUE);
+                $flashMessage = new FlashMessage(
+                    implode(LF, $messages),
+                    $label,
+                    ContextualFeedbackSeverity::OK,
+                    true
+                );
+                $defaultFlashMessageQueue->enqueue($flashMessage);
+            }
+        }
+
+        // If a document should be duplicated.
+        if ($requestAction->duplicatedoc()) {
+            // Find current table
+            reset($this->editconf);
+            $nTable = (string)key($this->editconf);
+            // Find the first id, getting the records pid+uid
+            $nUid = array_keys($this->editconf[$nTable]);
+            $nUid = reset($nUid);
+            if (!MathUtility::canBeInterpretedAsInteger($nUid)) {
+                $nUid = $dataHandler->substNEWwithIDs[$nUid];
+            }
+
+            $nRec = BackendUtility::getRecord($nTable, $nUid);
+
+            // Setting a blank editconf array for a new record
+            $this->editconf = [];
+
+            if ((int)($nRec['t3ver_oid'] ?? 0) > 0) {
+                $relatedPageId = -$nRec['t3ver_oid'];
+            } else {
+                $relatedPageId = -$nRec['uid'];
+            }
+
+            /** @var DataHandler $duplicateTce */
+            $duplicateTce = GeneralUtility::makeInstance(DataHandler::class);
+            $duplicateCmd = [
+                $nTable => [
+                    $nUid => [
+                        'copy' => $relatedPageId,
+                    ],
+                ],
+            ];
+
+            $duplicateTce->start([], $duplicateCmd);
+            $duplicateTce->process_cmdmap();
+            $duplicateUid = $duplicateTce->copyMappingArray[$nTable][$nUid] ?? null;
+            if ($duplicateUid !== null) {
+                if ($nTable === 'pages') {
+                    BackendUtility::setUpdateSignal('updatePageTree');
+                }
+
+                $this->editconf[$nTable][$duplicateUid] = 'edit';
+
+                // Inform the user of the duplication
+                $view->addFlashMessage($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.recordDuplicated'));
+            } else {
+                $this->numberOfErrors++;
+                // Inform the user about the failed duplication
+                $view->addFlashMessage(
+                    $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.recordDuplicationFailed'),
+                    '',
+                    ContextualFeedbackSeverity::ERROR
+                );
+            }
+        }
+    }
+
+    protected function getPreviewUriBuilderForRecordPreview($pageId): PreviewUriBuilder
+    {
+        $array_keys = array_keys($this->editconf);
+        $table = reset($array_keys);
+        $recordId = 0;
+        if ($table) {
+            $uids = array_keys($this->editconf[$table]);
+            $recordId = (int)((reset($uids) ?: null) ?? '');
+        }
+        return PreviewUriBuilder::createForRecordPreview($table, $recordId, $pageId);
+    }
+
+    protected function createBreadcrumb(ModuleTemplate $view): void
+    {
+        // Handle file metadata records
+        $file = null;
+        if ($this->firstEl !== null && $this->firstEl->table === 'sys_file_metadata' && $this->firstEl->uid > 0) {
+            // Happens if it is a select/group
+            $fileUid = $this->firstEl->record['file'] ?? 0;
+            if (is_array($fileUid)) {
+                $fileUid = reset($fileUid);
+            }
+            try {
+                $file = $this->resourceFactory->getFileObject((int)$fileUid);
+            } catch (FileDoesNotExistException|InsufficientUserPermissionsException $e) {
+                // do nothing when file is not accessible
+            }
+        }
+
+        if ($file instanceof FileInterface) {
+            $view->assign('moduleContextId', $file->getParentFolder()->getCombinedIdentifier());
+            $view->getDocHeaderComponent()->setResourceBreadcrumb($file);
+        } elseif ($this->pageinfo !== [] && $this->firstEl !== null) {
+            $l10nParent = (int)($this->pageinfo['l10n_parent'] ?? 0);
+            $pageUid =  $this->pageinfo['uid'] ?? '';
+            $view->assign('moduleContextId', $l10nParent !== 0 ? $l10nParent : $pageUid);
+
+            // Determine breadcrumb based on action (edit existing vs. create new)
+            if ($this->firstEl->isSavedRecord()) {
+                if ($this->isSingleRecordView()) {
+                    // Edit single existing record
+                    $breadcrumbContext = $this->breadcrumbFactory->forEditAction(
+                        $this->firstEl->table,
+                        (int)$this->firstEl->uid
+                    );
+                } else {
+                    // Edit multiple records
+                    $breadcrumbContext = $this->breadcrumbFactory->forEditMultipleAction(
+                        $this->firstEl->table,
+                        (int)($this->pageinfo['uid'] ?? 0)
+                    );
+                }
+            } else {
+                // Create new record
+                $breadcrumbContext = $this->breadcrumbFactory->forNewAction(
+                    $this->firstEl->table,
+                    (int)($this->pageinfo['uid'] ?? 0),
+                    $this->defVals[$this->firstEl->table] ?? []
+                );
+            }
+            $view->getDocHeaderComponent()->setBreadcrumbContext($breadcrumbContext);
+        }
+    }
+
+    /**
+     * Creates the editing form with FormEngine, based on the input from GPvars.
+     *
+     * @return FormResultCollection Form result objects
+     */
+    protected function makeEditForm(ServerRequestInterface $request, ModuleTemplate $view, UriInterface $currentRequestUrl): FormResultCollection
+    {
+        // Initialize variables
+        $formResults = new FormResultCollection();
+        // Traverse the GPvar edit array tables
+        foreach ($this->editconf as $table => $conf) {
+            // Traverse the keys/comments of each table (keys can be a comma list of uids)
+            foreach ($conf as $theUid => $command) {
+                try {
+                    $formDataCompilerInput = [
+                        'request' => $request,
+                        'tableName' => $table,
+                        'vanillaUid' => (int)$theUid,
+                        'command' => $command,
+                        'returnUrl' => (string)$currentRequestUrl,
+                    ];
+                    if (is_array($this->overrideVals) && is_array($this->overrideVals[$table])) {
+                        $formDataCompilerInput['overrideValues'] = $this->overrideVals[$table];
+                    }
+                    if (is_array($this->defVals) && $this->defVals !== []) {
+                        $formDataCompilerInput['defaultValues'] = $this->defVals;
+                    }
+
+                    $formData = $this->formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(TcaDatabaseRecord::class));
+
+                    $viewId = 0;
+                    if ($table === 'pages') {
+                        // Only set viewId in case it's not a new page - as this can not be viewed before being saved
+                        if ($command !== 'new' && MathUtility::canBeInterpretedAsInteger($formData['databaseRow']['uid'])) {
+                            $viewId = (int)$formData['databaseRow']['uid'];
+                        }
+                    } elseif (!empty($formData['parentPageRow']['uid'])) {
+                        $viewId = $formData['parentPageRow']['uid'];
+                    }
+
+                    // Display "is-locked" message
+                    if ($command === 'edit') {
+                        $lockInfo = BackendUtility::isRecordLocked($table, $formData['databaseRow']['uid']);
+                        if ($lockInfo) {
+                            $view->addFlashMessage($lockInfo['msg'], '', ContextualFeedbackSeverity::WARNING);
+                        }
+                    }
+
+                    $el = new FormElementData(
+                        title: $formData['recordTitle'],
+                        table: $table,
+                        uid: $formData['databaseRow']['uid'],
+                        pid: ($formData['databaseRow']['pid'] ?? $viewId),
+                        record: $formData['databaseRow'],
+                        viewId: (int)$viewId,
+                        command: $command,
+                        userPermissionOnPage: $formData['userPermissionOnPage'],
+                    );
+
+                    $this->elementsData[] = $el;
+
+                    if ($command !== 'new') {
+                        BackendUtility::lockRecords($table, $el->uid, $table === 'tt_content' ? $el->pid : 0);
+                    }
+
+                    // Set list if only specific fields should be rendered. This will trigger
+                    // ListOfFieldsContainer instead of FullRecordContainer in FormWrapContainer
+                    if (!empty($this->columnsOnly[$table])) {
+                        $formData['fieldListToRender'] = implode(',', $this->columnsOnly[$table]);
+                        if (!empty($this->columnsOnly['__hiddenGeneratorFields'][$table])) {
+                            $formData['hiddenFieldListToRender'] = implode(',', $this->columnsOnly['__hiddenGeneratorFields'][$table]);
+                        }
+                    }
+
+                    $formData['renderType'] = 'formWrapContainer';
+                    $formResult = $this->nodeFactory->create($formData)->render();
+
+                    if ($command === 'new') {
+                        $tableTitle = htmlspecialchars($this->resolveTypeLabel($table, $formData['databaseRow']));
+                        $formHeading = $this->getLanguageService()->sL('core.core:labels.createNew') . ' ' . $tableTitle;
+                        $formResult['html'] = '<h1>' . $formHeading . '</h1>' . $formResult['html'];
+                    } else {
+                        $recordTitle = trim($formData['recordTitle']) !== ''
+                            ? $formData['recordTitle']
+                            : '[' . $this->getLanguageService()->sL('core.core:labels.no_title') . ']';
+                        $recordTitle = BackendUtility::cropToTitleLength($recordTitle);
+                        $recordIdentity = $this->getRecordIdentityHtml($table, $formData['databaseRow']);
+                        $formResult['html'] = '<h1>' . htmlspecialchars($recordTitle) . '</h1>' . $recordIdentity . $formResult['html'];
+                    }
+
+                    // Seems the pid is set as hidden field (again) at end?!
+                    if ($command === 'new') {
+                        $formResult['html'] .= '<input type="hidden"'
+                            . ' name="data[' . htmlspecialchars($table) . '][' . htmlspecialchars($el->uid) . '][pid]"'
+                            . ' value="' . $el->pid . '" />';
+                    }
+
+                    $formResult = $this->formResultFactory->create($formResult);
+                    $formResults->add($formResult);
+                } catch (NoFieldsToRenderException $e) {
+                    $this->numberOfErrors++;
+                    $formResults->add(new FormResult(
+                        $this->getInfobox(
+                            $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:noFieldsEditForm.message'),
+                            $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:noFieldsEditForm'),
+                        )
+                    ));
+                } catch (AccessDeniedException $e) {
+                    $this->numberOfErrors++;
+
+                    $message = $e->getMessage();
+                    $title = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.noEditPermission');
+                    $formResults->add(new FormResult($this->getInfobox($message, $title)));
+                } catch (DatabaseRecordException|DatabaseRecordWorkspaceDeletePlaceholderException $e) {
+                    $formResults->add(new FormResult($this->getInfobox($e->getMessage())));
+                }
+            }
+        }
+        return $formResults;
+    }
+
+    /**
+     * Helper function for rendering an Infobox
+     */
+    protected function getInfobox(string $message, ?string $title = null): string
+    {
+        return '<div class="callout callout-danger">'
+                . '<div class="callout-icon">'
+                    . '<span class="icon-emphasized">'
+                        . $this->iconFactory->getIcon('actions-close', IconSize::SMALL)->render()
+                    . '</span>'
+                . '</div>'
+                . '<div class="callout-content">'
+                    . ($title ? '<div class="callout-title">' . htmlspecialchars($title) . '</div>' : '')
+                    . '<div class="callout-body">' . htmlspecialchars($message) . '</div>'
+                . '</div>'
+            . '</div>';
+    }
+
+    /**
+     * Create the panel of buttons for submitting the form or otherwise perform operations.
+     */
+    protected function getButtons(ModuleTemplate $view, ServerRequestInterface $request, ?FormElementData $mainFormElement, UriInterface $currentEditingUrl, string $documentTitle): void
+    {
+        if ($mainFormElement !== null) {
+            $record = $mainFormElement->record;
+            $schema = $this->tcaSchemaFactory->get($mainFormElement->table);
+            $this->registerCloseButtonToButtonBar($view, ButtonBar::BUTTON_POSITION_LEFT, 1);
+
+            // Show buttons (duplicate, new, view save) when table is not read-only
+            if (!$this->numberOfErrors && !$schema->hasCapability(TcaSchemaCapability::AccessReadOnly)) {
+                $view->addButtonToButtonBar($this->componentFactory->createSaveButton('EditDocumentController')->setDisabled(true), ButtonBar::BUTTON_POSITION_LEFT, 2);
+                $this->registerViewButtonToButtonBar($view, ButtonBar::BUTTON_POSITION_LEFT, 3);
+
+                if ($mainFormElement->command !== 'new') {
+                    $languageCapability = $schema->isLanguageAware() ? $schema->getCapability(TcaSchemaCapability::Language) : null;
+                    $languageId = 0;
+                    if (
+                        $mainFormElement->isSavedRecord()
+                        && $schema->isLanguageAware()
+                        && isset($record[($languageField = $languageCapability->getLanguageField()->getName())])
+                    ) {
+                        $languageId = (int)$record[$languageField];
+                    } elseif (isset($this->defVals[$mainFormElement->table]['language_tag'])) {
+                        $languageId = (int)$this->defVals[$mainFormElement->table]['language_tag'];
+                    }
+                    $l10nParent = 0;
+                    $translationOriginPointerField = $languageCapability ? $languageCapability->getTranslationOriginPointerField()->getName() : null;
+                    if ($translationOriginPointerField && isset($record[$translationOriginPointerField])) {
+                        $value = $record[$translationOriginPointerField];
+                        if (is_array($value)) {
+                            $value = reset($value);
+                        }
+                        // Happens on group
+                        if (is_array($value) && isset($value['uid'])) {
+                            $value = $value['uid'];
+                        }
+                        $l10nParent = (int)$value;
+                    }
+
+                    if ($mainFormElement->table === 'tt_content') {
+                        $canCreateNewOrDuplicate = $this->isInconsistentLanguageHandlingAllowed() || $this->isPageContentFreeTranslationMode($mainFormElement, $languageId);
+                    } else {
+                        $canCreateNewOrDuplicate = $languageId === 0 || $l10nParent === 0;
+                    }
+                    if ($canCreateNewOrDuplicate) {
+                        $this->registerNewButtonToButtonBar($view, ButtonBar::BUTTON_POSITION_LEFT, 4);
+                        $this->registerDuplicationButtonToButtonBar($view, ButtonBar::BUTTON_POSITION_LEFT, 5);
+                    }
+                }
+                if ($mainFormElement->isSavedRecord()) {
+                    $this->registerHistoryButtonToButtonBar($view, ButtonBar::BUTTON_POSITION_RIGHT, 1, $currentEditingUrl);
+                    $this->registerDeleteButtonToButtonBar($view, ButtonBar::BUTTON_POSITION_LEFT, 6, $request);
+                }
+                $this->registerColumnsOnlyButtonToButtonBar($view, ButtonBar::BUTTON_POSITION_LEFT, 7, $currentEditingUrl);
+            }
+        }
+
+        $this->registerInfoButtonToButtonBar($view, ButtonBar::BUTTON_POSITION_RIGHT, 2);
+        $this->registerOpenInNewWindowButtonToButtonBar($view, ButtonBar::BUTTON_POSITION_RIGHT, 3, $request);
+        $this->registerShortcutButtonToButtonBar($view, $request, $documentTitle);
+    }
+
+    /**
+     * Return true if inconsistent language handling is allowed
+     */
+    protected function isInconsistentLanguageHandlingAllowed(): bool
+    {
+        $allowInconsistentLanguageHandling = BackendUtility::getPagesTSconfig(
+            $this->pageinfo['uid'] ?? 0
+        )['mod']['web_layout']['allowInconsistentLanguageHandling'] ?? ['value' => '0'];
+
+        return $allowInconsistentLanguageHandling['value'] === '1';
+    }
+
+    /**
+     * Checks if the page is in free translation mode for tt_content
+     */
+    protected function isPageContentFreeTranslationMode(FormElementData $formElementData, int $languageId): bool
+    {
+        if ($formElementData->table !== 'tt_content') {
+            return false;
+        }
+        if (!$formElementData->isSavedRecord()) {
+            return $this->getFreeTranslationMode(
+                (int)($this->pageinfo['uid'] ?? 0),
+                (int)($this->defVals[$formElementData->table]['colPos'] ?? 0),
+                $languageId
+            );
+        }
+        return $this->getFreeTranslationMode(
+            (int)($this->pageinfo['uid'] ?? 0),
+            (int)($formElementData->record['colPos'] ?? 0),
+            $languageId
+        );
+    }
+
+    /**
+     * True if the page is in free translation mode.
+     */
+    protected function getFreeTranslationMode(int $page, int $column, int $language): bool
+    {
+        $freeTranslationMode = false;
+        if ($this->getConnectedContentElementTranslationsCount($page, $column, $language) === 0
+            && $this->getStandAloneContentElementTranslationsCount($page, $column, $language) >= 0
+        ) {
+            $freeTranslationMode = true;
+        }
+        return $freeTranslationMode;
+    }
+
+    /**
+     * Register the close button to the button bar
+     */
+    protected function registerCloseButtonToButtonBar(ModuleTemplate $view, string $position, int $group): void
+    {
+        $closeButton = $this->componentFactory->createLinkButton()
+            ->setHref('#')
+            ->setClasses('t3js-editform-close')
+            ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:rm.closeDoc'))
+            ->setShowLabelText(true)
+            ->setIcon($this->iconFactory->getIcon('actions-close', IconSize::SMALL))
+            ->setDisabled(true);
+        $view->addButtonToButtonBar($closeButton, $position, $group);
+    }
+
+    /**
+     * Register the view button to the button bar
+     */
+    protected function registerViewButtonToButtonBar(ModuleTemplate $view, string $position, int $group): void
+    {
+        if ($this->firstEl === null) {
+            return;
+        }
+        // Pid to show the record
+        if (!$this->firstEl->viewId) {
+            return;
+        }
+        if ($this->firstEl->table === '') {
+            return;
+        }
+        // @TODO: TsConfig option should change to viewDoc
+        if (!$this->getTsConfigOption($this->firstEl->table, 'saveDocView')) {
+            return;
+        }
+
+        $previewUriBuilderForCurrentPage = PreviewUriBuilder::create($this->pageinfo)->isPreviewable();
+        $pageId = $this->popViewId ?: $this->firstEl->viewId;
+        $previewUriBuilder = PreviewUriBuilder::createForRecordPreview($this->firstEl->table, $this->firstEl->record, $pageId);
+        if ($previewUriBuilderForCurrentPage || $previewUriBuilder->isPreviewable()) {
+            $previewUrl = $previewUriBuilder->buildUri();
+            if ($previewUrl) {
+                $viewButton = $this->componentFactory->createLinkButton()
+                    ->setHref((string)$previewUrl)
+                    ->setIcon($this->iconFactory->getIcon('actions-view', IconSize::SMALL))
+                    ->setShowLabelText(true)
+                    ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:rm.viewDoc'))
+                    ->setClasses('t3js-editform-view')
+                    ->setDisabled(true);
+                if (!$this->firstEl->isSavedRecord() && $this->firstEl->table === 'pages') {
+                    $viewButton->setDataAttributes(['is-new' => '']);
+                }
+                $view->addButtonToButtonBar($viewButton, $position, $group);
+            }
+        }
+    }
+
+    /**
+     * Register the new button to the button bar
+     */
+    protected function registerNewButtonToButtonBar(ModuleTemplate $view, string $position, int $group): void
+    {
+        if ($this->firstEl === null) {
+            return;
+        }
+        if ($this->firstEl->table === '') {
+            return;
+        }
+        if ($this->firstEl->table === 'sys_file_metadata') {
+            return;
+        }
+        if (!$this->getTsConfigOption($this->firstEl->table, 'saveDocNew')) {
+            return;
+        }
+        $newButton = $this->componentFactory->createLinkButton()
+            ->setHref('#')
+            ->setIcon($this->iconFactory->getIcon('actions-plus', IconSize::SMALL))
+            ->setShowLabelText(true)
+            ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:rm.newDoc'))
+            ->setClasses('t3js-editform-new')
+            ->setDisabled(true);
+        if (!$this->firstEl->isSavedRecord()) {
+            $newButton->setDataAttributes(['is-new' => '']);
+        }
+        $view->addButtonToButtonBar($newButton, $position, $group);
+    }
+
+    /**
+     * Register the duplication button to the button bar
+     */
+    protected function registerDuplicationButtonToButtonBar(ModuleTemplate $view, string $position, int $group): void
+    {
+        if (!$this->isSingleRecordView()) {
+            return;
+        }
+        if ($this->firstEl->table === '') {
+            return;
+        }
+        if ($this->firstEl->table === 'sys_file_metadata') {
+            return;
+        }
+        if (!$this->getTsConfigOption($this->firstEl->table, 'showDuplicate')) {
+            return;
+        }
+        $duplicateButton = $this->componentFactory->createLinkButton()
+            ->setHref('#')
+            ->setShowLabelText(true)
+            ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:rm.duplicateDoc'))
+            ->setIcon($this->iconFactory->getIcon('actions-document-duplicates-select', IconSize::SMALL))
+            ->setClasses('t3js-editform-duplicate')
+            ->setDisabled(true);
+        if (!$this->firstEl->isSavedRecord()) {
+            $duplicateButton->setDataAttributes(['is-new' => '']);
+        }
+        $view->addButtonToButtonBar($duplicateButton, $position, $group);
+    }
+
+    /**
+     * Register the delete button to the button bar
+     */
+    protected function registerDeleteButtonToButtonBar(ModuleTemplate $view, string $position, int $group, ServerRequestInterface $request): void
+    {
+        if (!$this->isSingleRecordView()) {
+            return;
+        }
+        if (!$this->firstEl?->isSavedRecord()) {
+            return;
+        }
+        if ($this->getDisableDelete()) {
+            return;
+        }
+        if ($this->isRecordCurrentBackendUser()) {
+            return;
+        }
+        if (!$this->firstEl->hasDeleteAccess()) {
+            return;
+        }
+        $returnUrl = $this->retUrl;
+        if ($this->firstEl->table === 'pages') {
+            // The below is a hack to replace the return url with an url to the current module on id=0. Otherwise,
+            // this might lead to empty views, since the current id is the page, which is about to be deleted.
+            $parsedUrl = parse_url($returnUrl);
+            // @todo consider using $this->module here
+            $routePath = str_replace($this->backendEntryPointResolver->getPathFromRequest($request), '', $parsedUrl['path'] ?? '');
+            parse_str($parsedUrl['query'] ?? '', $queryParams);
+            if ($routePath
+                && isset($queryParams['id'])
+                && (string)$this->firstEl->uid === (string)$queryParams['id']
+            ) {
+                try {
+                    // TODO: Use the page's pid instead of 0, this requires a clean API to manipulate the page
+                    // tree from the outside to be able to mark the pid as active
+                    $returnUrl = (string)$this->uriBuilder->buildUriFromRoutePath($routePath, ['id' => 0]);
+                } catch (ResourceNotFoundException $e) {
+                    // Resolved path can not be matched to a configured route
+                }
+            }
+        }
+
+        $referenceIndex = GeneralUtility::makeInstance(ReferenceIndex::class);
+        $numberOfReferences = $referenceIndex->getNumberOfReferencedRecords(
+            $this->firstEl->table,
+            (int)$this->firstEl->uid
+        );
+        $referenceCountMessage = BackendUtility::referenceCount(
+            $this->firstEl->table,
+            (int)$this->firstEl->uid,
+            $this->getLanguageService()->sL(
+                'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.referencesToRecord'
+            ),
+            (string)$numberOfReferences
+        );
+
+        $translations = $this->localizationRepository->getRecordTranslations(
+            $this->firstEl->table,
+            (int)$this->firstEl->uid,
+        );
+        $count = count($translations);
+        $translationCountMessage = '';
+        if ($count > 0) {
+            $translationCountMessage = sprintf($this->getLanguageService()->sL(
+                'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.translationsOfRecord'
+            ), $count);
+        }
+
+        $deleteUrl = (string)$this->uriBuilder->buildUriFromRoute('tce_db', [
+            'cmd' => [
+                $this->firstEl->table => [
+                    $this->firstEl->uid => [
+                        'delete' => '1',
+                    ],
+                ],
+            ],
+            'redirect' => $returnUrl,
+        ]);
+
+        $recordInfo = $this->firstEl->title;
+        if ($this->getBackendUser()->shallDisplayDebugInformation()) {
+            $recordInfo .= ' [' . $this->firstEl->table . ':' . $this->firstEl->uid . ']';
+        }
+
+        $deleteButton = $this->componentFactory->createLinkButton()
+            ->setClasses('t3js-editform-delete-record')
+            ->setDataAttributes([
+                'uid' => $this->firstEl->uid,
+                'table' => $this->firstEl->table,
+                'record-info' => trim($recordInfo),
+                'reference-count-message' => $referenceCountMessage,
+                'translation-count-message' => $translationCountMessage,
+            ])
+            ->setHref($deleteUrl)
+            ->setIcon($this->iconFactory->getIcon('actions-edit-delete', IconSize::SMALL))
+            ->setShowLabelText(true)
+            ->setTitle($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:deleteItem'))
+            ->setDisabled(true);
+        $view->addButtonToButtonBar($deleteButton, $position, $group);
+    }
+
+    /**
+     * Register the info button to the button bar
+     */
+    protected function registerInfoButtonToButtonBar(ModuleTemplate $view, string $position, int $group): void
+    {
+        if (!$this->isSingleRecordView()) {
+            return;
+        }
+        if (!$this->firstEl?->isSavedRecord()) {
+            return;
+        }
+        $button = $this->componentFactory->createGenericButton();
+        $button->setLabel($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:showInfo'));
+        $button->setAttributes([
+            'type' => 'button',
+            'data-dispatch-action' => 'TYPO3.InfoWindow.showItem',
+            'data-dispatch-args-list' => $this->firstEl->table . ',' . $this->firstEl->uid,
+            'disabled' => 'disabled',
+        ]);
+        $button->setIcon($this->iconFactory->getIcon('actions-document-info', IconSize::SMALL));
+        $view->addButtonToButtonBar($button, $position, $group);
+    }
+
+    /**
+     * Register the history button to the button bar
+     */
+    protected function registerHistoryButtonToButtonBar(ModuleTemplate $view, string $position, int $group, UriInterface $currentEditingUrl): void
+    {
+        if (!$this->isSingleRecordView()) {
+            return;
+        }
+        if ($this->firstEl === null) {
+            return;
+        }
+        if ($this->firstEl->table === '') {
+            return;
+        }
+        if (!$this->getTsConfigOption($this->firstEl->table, 'showHistory', '1')) {
+            return;
+        }
+        $historyUrl = (string)$this->uriBuilder->buildUriFromRoute('record_history', [
+            'element' => $this->firstEl->table . ':' . $this->firstEl->uid,
+            'returnUrl' => (string)$currentEditingUrl,
+        ]);
+        $historyButton = $this->componentFactory->createLinkButton()
+            ->setHref($historyUrl)
+            ->setTitle($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:recordHistory'))
+            ->setIcon($this->iconFactory->getIcon('actions-document-history-open', IconSize::SMALL))
+            ->setDisabled(true);
+        $view->addButtonToButtonBar($historyButton, $position, $group);
+    }
+
+    /**
+     * Register "Edit whole record" button to the button bar
+     */
+    protected function registerColumnsOnlyButtonToButtonBar(ModuleTemplate $view, string $position, int $group, UriInterface $currentEditingUrl): void
+    {
+        if (!$this->isSingleRecordView()) {
+            return;
+        }
+        if ($this->columnsOnly === []) {
+            return;
+        }
+        $query = $currentEditingUrl->getQuery();
+        $query .= '&columnsOnly=';
+        $url = $currentEditingUrl->withQuery($query);
+        $columnsOnlyButton = $this->componentFactory->createLinkButton()
+            ->setHref((string)$url)
+            ->setTitle($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:editWholeRecord'))
+            ->setShowLabelText(true)
+            ->setIcon($this->iconFactory->getIcon('actions-open', IconSize::SMALL))
+            ->setDisabled(true);
+
+        $view->addButtonToButtonBar($columnsOnlyButton, $position, $group);
+    }
+
+    /**
+     * Register the open in new window button to the button bar
+     */
+    protected function registerOpenInNewWindowButtonToButtonBar(ModuleTemplate $view, string $position, int $group, ServerRequestInterface $request): void
+    {
+        $closeUrl = $this->getCloseUrl($request);
+        if ($this->returnUrl === $closeUrl) {
+            return;
+        }
+        // Generate a URL to the current edit form
+        $arguments = $this->getUrlQueryParamsForCurrentRequest($request);
+        $arguments['returnUrl'] = $closeUrl;
+        $requestUri = (string)$this->uriBuilder->buildUriFromRoute('record_edit', $arguments);
+        $openInNewWindowButton = $this->componentFactory
+            ->createLinkButton()
+            ->setHref('#')
+            ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.openInNewWindow'))
+            ->setIcon($this->iconFactory->getIcon('actions-window-open', IconSize::SMALL))
+            ->setDataAttributes([
+                'dispatch-action' => 'TYPO3.WindowManager.localOpen',
+                'dispatch-args' => GeneralUtility::jsonEncodeForHtmlAttribute([
+                    $requestUri,
+                    true, // switchFocus
+                    md5($requestUri), // windowName,
+                    'width=670,height=500,status=0,menubar=0,scrollbars=1,resizable=1', // windowFeatures
+                ]),
+            ])
+            ->setDisabled(true);
+        $view->addButtonToButtonBar($openInNewWindowButton, $position, $group);
+    }
+
+    /**
+     * Register the shortcut button to the button bar
+     */
+    protected function registerShortcutButtonToButtonBar(ModuleTemplate $view, ServerRequestInterface $request, string $documentTitle): void
+    {
+        if ($this->returnUrl === $this->getCloseUrl($request)) {
+            return;
+        }
+        $arguments = $this->getUrlQueryParamsForCurrentRequest($request);
+        $view->getDocHeaderComponent()->setShortcutContext(
+            'record_edit',
+            $documentTitle,
+            $arguments
+        );
+    }
+
+    protected function getUrlQueryParamsForCurrentRequest(ServerRequestInterface $request): array
+    {
+        $queryParams = $request->getQueryParams();
+        $potentialArguments = [
+            'edit',
+            'defVals',
+            'overrideVals',
+            'columnsOnly',
+            'returnNewPageId',
+            'module',
+        ];
+        $arguments = [];
+        foreach ($potentialArguments as $argument) {
+            if (!empty($queryParams[$argument])) {
+                $arguments[$argument] = $queryParams[$argument];
+            }
+        }
+        return $arguments;
+    }
+
+    /**
+     * Get the count of connected translated content elements
+     */
+    protected function getConnectedContentElementTranslationsCount(int $page, int $column, int $language): int
+    {
+        $queryBuilder = $this->getQueryBuilderForTranslationMode($page, $column, $language);
+        return (int)$queryBuilder
+            ->andWhere(
+                $queryBuilder->expr()->gt(
+                    $this->tcaSchemaFactory->get('tt_content')->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName(),
+                    $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                )
+            )
+            ->executeQuery()
+            ->fetchOne();
+    }
+
+    /**
+     * Get the count of standalone translated content elements
+     */
+    protected function getStandAloneContentElementTranslationsCount(int $page, int $column, int $language): int
+    {
+        $queryBuilder = $this->getQueryBuilderForTranslationMode($page, $column, $language);
+        return (int)$queryBuilder
+            ->andWhere(
+                $queryBuilder->expr()->eq(
+                    $this->tcaSchemaFactory->get('tt_content')->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName(),
+                    $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                )
+            )
+            ->executeQuery()
+            ->fetchOne();
+    }
+
+    /**
+     * Get the query builder for the translation mode
+     */
+    protected function getQueryBuilderForTranslationMode(int $page, int $column, int $language): QueryBuilder
+    {
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable('tt_content');
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+        return $queryBuilder
+            ->count('uid')
+            ->from('tt_content')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'pid',
+                    $queryBuilder->createNamedParameter($page, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->eq(
+                    $this->tcaSchemaFactory->get('tt_content')->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName(),
+                    $queryBuilder->createNamedParameter($language, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->eq(
+                    'colPos',
+                    $queryBuilder->createNamedParameter($column, Connection::PARAM_INT)
+                )
+            );
+    }
+
+    /**
+     * Update expanded/collapsed states on new inline records if any within backendUser->uc.
+     *
+     * @param array|null $uc The uc array to be processed and saved - uc[inlineView][...]
+     * @param DataHandler $dataHandler Instance of DataHandler that saved data before
+     */
+    protected function updateInlineView(?array $uc, DataHandler $dataHandler): void
+    {
+        if (!is_array($uc['inlineView'] ?? null)) {
+            return;
+        }
+        $backendUser = $this->getBackendUser();
+        $inlineView = (array)json_decode(is_string($backendUser->uc['inlineView'] ?? false) ? $backendUser->uc['inlineView'] : '', true);
+        foreach ($uc['inlineView'] as $topTable => $topRecords) {
+            foreach ($topRecords as $topUid => $childElements) {
+                foreach ($childElements as $childTable => $childRecords) {
+                    $uids = array_keys($dataHandler->substNEWwithIDs_table, $childTable);
+                    if (!empty($uids)) {
+                        $newExpandedChildren = [];
+                        foreach ($childRecords as $childUid => $state) {
+                            if ($state && in_array($childUid, $uids)) {
+                                $newChildUid = $dataHandler->substNEWwithIDs[$childUid];
+                                $newExpandedChildren[] = $newChildUid;
+                            }
+                        }
+                        // Add new expanded child records to UC (if any):
+                        if (!empty($newExpandedChildren)) {
+                            $inlineViewCurrent = &$inlineView[$topTable][$topUid][$childTable];
+                            if (is_array($inlineViewCurrent)) {
+                                $inlineViewCurrent = array_unique(array_merge($inlineViewCurrent, $newExpandedChildren));
+                            } else {
+                                $inlineViewCurrent = $newExpandedChildren;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        $backendUser->uc['inlineView'] = json_encode($inlineView);
+        $backendUser->writeUC();
+    }
+
+    /**
+     * Returns if delete for the current table is disabled by configuration.
+     * For sys_file_metadata in default language delete is always disabled.
+     */
+    protected function getDisableDelete(): bool
+    {
+        $disableDelete = false;
+        if ($this->firstEl?->table === 'sys_file_metadata') {
+            $row = $this->firstEl->record;
+            if ((int)($row['language_tag'] ?? 0) === 0) {
+                // Always disable for default language
+                $disableDelete = true;
+            }
+        } else {
+            $disableDelete = (bool)$this->getTsConfigOption($this->firstEl->table, 'disableDelete');
+        }
+        return $disableDelete;
+    }
+
+    /**
+     * Return true in case the current record is the current backend user
+     */
+    protected function isRecordCurrentBackendUser(): bool
+    {
+        $backendUser = $this->getBackendUser();
+        return $this->firstEl?->table === 'be_users' && (int)($this->firstEl->uid) === $backendUser->getUserId();
+    }
+
+    /**
+     * Returns the URL (usually for the "returnUrl") which closes the current window.
+     * Used when editing a record in a popup.
+     */
+    protected function getCloseUrl(ServerRequestInterface $request): string
+    {
+        return (string)PathUtility::getSystemResourceUri('EXT:backend/Resources/Public/Html/Close.html', $request);
+    }
+
+    /**
+     * Make selector box for creating new translation for a record or switching to edit the record
+     * in an existing language. Displays only languages which are available for the current page.
+     */
+    protected function languageSwitch(ModuleTemplate $view, FormElementData $formElement): void
+    {
+        $backendUser = $this->getBackendUser();
+        if (!$this->tcaSchemaFactory->has($formElement->table)) {
+            return;
+        }
+        $schema = $this->tcaSchemaFactory->get($formElement->table);
+        if (!$schema->isLanguageAware()) {
+            return;
+        }
+        $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+        $languageField = $languageCapability->getLanguageField()->getName();
+        $transOrigPointerField = $languageCapability->getTranslationOriginPointerField()->getName();
+
+        $table = $formElement->table;
+        if (!$backendUser->check('tables_modify', $table)) {
+            return;
+        }
+        $uid = $formElement->uid;
+
+        // Get all available languages for the page
+        // If editing a page, the translations of the current UID need to be fetched
+        if ($table === 'pages') {
+            if (is_array($formElement->record[$transOrigPointerField] ?? null)) {
+                $l10nParent = $formElement->record[$transOrigPointerField];
+                $l10nParent = reset($l10nParent);
+            } else {
+                $l10nParent = $formElement->record[$transOrigPointerField] ?? 0;
+            }
+            // Ensure the check is always done against the default language page
+            $availableLanguages = $this->getLanguages(
+                (int)($l10nParent ?: $uid),
+                $table
+            );
+        } else {
+            $availableLanguages = $this->getLanguages($formElement->pid, $table);
+        }
+        // Remove default language, if user does not have access. This is necessary, since
+        // the default language is always added when fetching the system languages (#88504).
+        if (isset($availableLanguages[0]) && !$this->getBackendUser()->checkLanguageAccess(0)) {
+            unset($availableLanguages[0]);
+        }
+        // Page available in other languages than default language?
+        if (count($availableLanguages) > 1) {
+            $rowsByLang = [];
+            $fetchFields = ['uid', $languageField, $transOrigPointerField];
+            // Get record in current language
+            $rowCurrent = BackendUtility::getLiveVersionOfRecord($table, $uid, $fetchFields);
+            if (!is_array($rowCurrent)) {
+                $rowCurrent = BackendUtility::getRecord($table, $uid, $fetchFields);
+            }
+            $currentLanguage = (int)$rowCurrent[$languageField];
+            // Disabled for records with [all] language!
+            if ($currentLanguage > -1) {
+                // Get record in default language if needed
+                if ($currentLanguage && $rowCurrent[$transOrigPointerField]) {
+                    $rowsByLang[0] = BackendUtility::getLiveVersionOfRecord(
+                        $table,
+                        $rowCurrent[$transOrigPointerField],
+                        $fetchFields
+                    );
+                    if (!is_array($rowsByLang[0])) {
+                        $rowsByLang[0] = BackendUtility::getRecord(
+                            $table,
+                            $rowCurrent[$transOrigPointerField],
+                            $fetchFields
+                        );
+                    }
+                } else {
+                    $rowsByLang[$rowCurrent[$languageField]] = $rowCurrent;
+                }
+                // List of language id's that should not be added to the selector
+                $noAddOption = [];
+                if ($rowCurrent[$transOrigPointerField] || $currentLanguage === 0) {
+                    // Get record in other languages to see what's already available
+                    $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable($table);
+                    $queryBuilder->getRestrictions()
+                        ->removeAll()
+                        ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+                        ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $backendUser->workspace));
+                    $result = $queryBuilder->select(...$fetchFields)
+                        ->from($table)
+                        ->where(
+                            $queryBuilder->expr()->eq(
+                                'pid',
+                                $queryBuilder->createNamedParameter($formElement->pid, Connection::PARAM_INT)
+                            ),
+                            $queryBuilder->expr()->gt(
+                                $languageField,
+                                $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                            ),
+                            $queryBuilder->expr()->eq(
+                                $transOrigPointerField,
+                                $queryBuilder->createNamedParameter($rowsByLang[0]['uid'], Connection::PARAM_INT)
+                            )
+                        )
+                        ->executeQuery();
+                    while ($row = $result->fetchAssociative()) {
+                        if ($backendUser->workspace !== 0 && $schema->isWorkspaceAware()) {
+                            $workspaceVersion = BackendUtility::getWorkspaceVersionOfRecord($backendUser->workspace, $table, $row['uid'], 'uid,t3ver_state');
+                            if (!empty($workspaceVersion)) {
+                                $versionState = VersionState::tryFrom($workspaceVersion['t3ver_state'] ?? 0);
+                                if ($versionState === VersionState::DELETE_PLACEHOLDER) {
+                                    // If a workspace delete placeholder exists for this translation: Mark
+                                    // this language as "don't add to selector" and continue with next row,
+                                    // otherwise an edit link to a delete placeholder would be created, which
+                                    // does not make sense.
+                                    $noAddOption[] = (int)$row[$languageField];
+                                    continue;
+                                }
+                            }
+                        }
+                        $rowsByLang[$row[$languageField]] = $row;
+                    }
+                }
+                $languageDropDownButton = $this->componentFactory->createDropDownButton()
+                    ->setLabel($this->getLanguageService()->sL('core.core:labels.language'))
+                    ->setShowActiveLabelText(true)
+                    ->setShowLabelText(true);
+
+                $existingLanguageItems = [];
+                $newLanguageItems = [];
+
+                foreach ($availableLanguages as $languageId => $language) {
+                    $selectorOptionLabel = $language['title'];
+                    // Create url for creating a localized record
+                    $addOption = true;
+                    $createNewLanguageLink = '';
+
+                    if (!isset($rowsByLang[$languageId])) {
+                        // Translation in this language does not exist
+                        if ($this->columnsOnly[$table] ?? false) {
+                            // Don't add option since we are in a view with just a subset of fields, those views
+                            // are specific editing fields only views and are not meant for translation handling.
+                            $addOption = false;
+                        } elseif (!isset($rowsByLang[0]['uid'])) {
+                            // Don't add option since no default row to localize from exists
+                            // TODO: Actually tt_content is able to localize from another l10n_source then L=0.
+                            //       This however is currently only possible via the translation wizard.
+                            $addOption = false;
+                        }
+                    } else {
+                        $params = [
+                            'edit[' . $table . '][' . $rowsByLang[$languageId]['uid'] . ']' => 'edit',
+                            'module' => $this->module?->getIdentifier() ?? '',
+                            'returnUrl' => $this->retUrl,
+                        ];
+                        if ($this->columnsOnly[$table] ?? false) {
+                            $params['columnsOnly'] = [$table => $this->columnsOnly[$table]];
+                        }
+                        if ($table === 'pages') {
+                            // Disallow manual adjustment of the language field for pages
+                            $params['overrideVals'] = [
+                                'pages' => [
+                                    'sys_language_uid' => $languageId,
+                                ],
+                            ];
+                        }
+                        $createNewLanguageLink = (string)$this->uriBuilder->buildUriFromRoute('record_edit', $params);
+                    }
+                    if ($addOption && !in_array($languageId, $noAddOption, true)) {
+                        if (!$createNewLanguageLink) {
+                            $languageItem = $this->componentFactory->createDropDownItem()
+                                ->setTag('typo3-backend-localization-button')
+                                ->setAttribute('record-type', $table)
+                                ->setAttribute('record-uid', (string)$rowsByLang[0]['uid'])
+                                ->setAttribute('target-language', (string)$languageId)
+                                ->setLabel($selectorOptionLabel);
+                            if (!empty($language['flagIcon'])) {
+                                $languageItem->setIcon($this->iconFactory->getIcon($language['flagIcon']));
+                            }
+                            $newLanguageItems[] = $languageItem;
+                        } else {
+                            $isActive = $languageId === $currentLanguage;
+                            $languageItem = $this->componentFactory->createDropDownRadio()
+                                ->setLabel($selectorOptionLabel)
+                                ->setHref($createNewLanguageLink)
+                                ->setActive($isActive);
+                            if (!empty($language['flagIcon'])) {
+                                $languageItem->setIcon($this->iconFactory->getIcon($language['flagIcon']));
+                            }
+                            $existingLanguageItems[] = $languageItem;
+                        }
+                    }
+                }
+
+                // Add existing languages first
+                foreach ($existingLanguageItems as $item) {
+                    $languageDropDownButton->addItem($item);
+                }
+
+                // Add separator and new languages if any
+                if (!empty($newLanguageItems)) {
+                    $languageDropDownButton->addItem($this->componentFactory->createDropDownDivider());
+                    $languageDropDownButton->addItem(
+                        $this->componentFactory->createDropDownHeader()
+                            ->setLabel($this->getLanguageService()->sL('core.core:labels.new_page_translation'))
+                    );
+                    foreach ($newLanguageItems as $item) {
+                        $languageDropDownButton->addItem($item);
+                    }
+                }
+
+                $view->getDocHeaderComponent()->setLanguageSelector($languageDropDownButton);
+            }
+        }
+    }
+
+    /**
+     * Returns languages available for record translations on given page.
+     *
+     * @param int $id Page id: If zero, all available system languages will be returned. If set to
+     *                another value, only languages, a page translation exists for, will be returned.
+     * @param string $table For pages we want all languages, for other records the languages of the page translations
+     * @return array Array with languages (uid, title, ISOcode, flagIcon)
+     */
+    protected function getLanguages(int $id, string $table): array
+    {
+        // This usually happens when a non-pages record is added after another, so we are fetching the proper page ID
+        if ($id < 0 && $table !== 'pages') {
+            $pageId = $this->pageinfo['uid'] ?? null;
+            if ($pageId !== null) {
+                $pageId = (int)$pageId;
+            } else {
+                $fullRecord = BackendUtility::getRecord($table, abs($id));
+                $pageId = (int)$fullRecord['pid'];
+            }
+        } else {
+            if ($table === 'pages' && $id > 0) {
+                $fullRecord = BackendUtility::getRecordWSOL('pages', $id);
+                $id = (int)($fullRecord['t3ver_oid'] ?: $fullRecord['uid']);
+            }
+            $pageId = $id;
+        }
+        // Fetch the current translations of this page, to only show the ones where there is a page translation
+        $allLanguages = array_filter(
+            GeneralUtility::makeInstance(TranslationConfigurationProvider::class)->getSystemLanguages($pageId),
+            static fn(array $language): bool => (int)$language['uid'] !== -1
+        );
+        if ($table !== 'pages' && $id > 0) {
+            $translatedPages = $this->localizationRepository->getPageTranslations($pageId, [], $this->getBackendUser()->workspace);
+            $availableLanguages = [];
+            if ($allLanguages[0] ?? false) {
+                $availableLanguages = [
+                    0 => $allLanguages[0],
+                ];
+            }
+            foreach ($translatedPages as $translatedPage) {
+                $languageId = $translatedPage->get('sys_language_uid');
+                if (isset($allLanguages[$languageId])) {
+                    $availableLanguages[$languageId] = $allLanguages[$languageId];
+                }
+            }
+            return $availableLanguages;
+        }
+        return $allLanguages;
+    }
+
+    /**
+     * Fix $this->editconf if versioning applies to any of the records
+     *
+     * @param array|null $mapArray Mapping between old and new ids if auto-versioning has been performed.
+     */
+    protected function fixWSversioningInEditConf(array $editConf, ?array $mapArray = null): array
+    {
+        $finalConfiguration = [];
+        foreach ($editConf as $table => $conf) {
+            // Traverse the keys/comments of each table (keys can be a comma list of uids)
+            $newConf = [];
+            foreach ($conf as $theUid => $cmd) {
+                if ($cmd === 'edit') {
+                    if (is_array($mapArray)) {
+                        if ($mapArray[$table][$theUid] ?? false) {
+                            $theUid = $mapArray[$table][$theUid];
+                        }
+                    } else {
+                        // Default, look for versions in workspace for record:
+                        $calcPRec = $this->getRecordForEdit($table, (int)$theUid);
+                        if (is_array($calcPRec)) {
+                            // Setting UID again if it had changed, due to workspace versioning.
+                            $theUid = (int)$calcPRec['uid'];
+                        }
+                    }
+                    // Add the possibly manipulated IDs to the new-build newConf array:
+                    $newConf[$theUid] = $cmd;
+                } else {
+                    $newConf[$theUid] = $cmd;
+                }
+            }
+            $finalConfiguration[$table] = $newConf;
+        }
+        return $finalConfiguration;
+    }
+
+    /**
+     * Get record for editing.
+     *
+     * @return array|false Returns record to edit, false if none
+     */
+    protected function getRecordForEdit(string $table, int $recordId): array|bool
+    {
+        $schema = $this->tcaSchemaFactory->get($table);
+        // Fetch requested record:
+        $reqRecord = BackendUtility::getRecord($table, $recordId, 'uid,pid' . ($schema->isWorkspaceAware() ? ',t3ver_oid' : ''));
+        if (is_array($reqRecord)) {
+            // If workspace is OFFLINE:
+            if ($this->getBackendUser()->workspace !== 0) {
+                // Check for versioning support of the table:
+                if ($schema->isWorkspaceAware()) {
+                    // If the record is already a version of "something" pass it by.
+                    if ($reqRecord['t3ver_oid'] > 0 || VersionState::tryFrom($reqRecord['t3ver_state'] ?? 0) === VersionState::NEW_PLACEHOLDER) {
+                        // (If it turns out not to be a version of the current workspace there will be trouble, but
+                        // that is handled inside DataHandler then and in the interface it would clearly be an error of
+                        // links if the user accesses such a scenario)
+                        return $reqRecord;
+                    }
+                    // The input record was online and an offline version must be found or made:
+                    // Look for version of this workspace:
+                    $versionRec = BackendUtility::getWorkspaceVersionOfRecord(
+                        $this->getBackendUser()->workspace,
+                        $table,
+                        $reqRecord['uid'],
+                        'uid,pid,t3ver_oid'
+                    );
+                    return is_array($versionRec) ? $versionRec : $reqRecord;
+                }
+                // This means that editing cannot occur on this record because it was not supporting versioning
+                // which is required inside an offline workspace.
+                return false;
+            }
+            // In ONLINE workspace, just return the originally requested record:
+            return $reqRecord;
+        }
+        // Return FALSE because the table/uid was not found anyway.
+        return false;
+    }
+
+    /**
+     * The return value is used for the variable $this->storeArray to prepare 'open documents' urls
+     */
+    protected function compileStoreData(ServerRequestInterface $request, array $overriddenValues): array
+    {
+        $queryParams = $request->getQueryParams();
+        $parsedBody = $request->getParsedBody();
+
+        $storeArray = [];
+        foreach (['edit', 'defVals', 'overrideVals' , 'columnsOnly'] as $key) {
+            $value = $overriddenValues[$key] ?? $parsedBody[$key] ?? $queryParams[$key] ?? null;
+            if ($value !== null) {
+                $storeArray[$key] = $value;
+            }
+        }
+        return $storeArray;
+    }
+
+    /**
+     * Get a TSConfig 'option.' array, possibly for a specific table.
+     */
+    protected function getTsConfigOption(string $table, string $key, string $defaultValue = ''): string
+    {
+        return trim((string)(
+            $this->getBackendUser()->getTSConfig()['options.'][$key . '.'][$table]
+            ?? $this->getBackendUser()->getTSConfig()['options.'][$key]
+            ?? $defaultValue
+        ));
+    }
+
+    /**
+     * Called when someone is done finishing editing - either by just hitting "close" or "save + close",
+     * but also for New/AddController when using returnEditConf.
+     *
+     * At this time, "closing" open documents in the session and unlocking should be done already.
+     *
+     * @return ResponseInterface|null Redirect response if needed
+     */
+    protected function closeAndPossiblyRedirectAction(FormAction $requestAction): ?ResponseInterface
+    {
+        if ($requestAction->shouldCloseWithARedirect()) {
+            // If ->returnEditConf is set, then add the current content of editconf to the ->retUrl variable: used by
+            // other scripts, like wizard_add, to know which records was created or so...
+            if ($this->returnEditConf && !$this->shouldRedirectToEmptyPage()) {
+                $this->retUrl .= '&returnEditConf=' . rawurlencode((string)json_encode($this->editconf));
+            }
+            return new RedirectResponse($this->retUrl, 303);
+        }
+        if ($this->retUrl === '') {
+            return null;
+        }
+        return new RedirectResponse((string)$this->returnUrl, 303);
+    }
+
+    protected function shouldRedirectToEmptyPage(): bool
+    {
+        return $this->retUrl === (string)$this->uriBuilder->buildUriFromRoute('dummy');
+    }
+
+    /**
+     * Close the currently open document(s) by dispatching the appropriate event.
+     * This is called when the user explicitly closes, or when transitioning to a new/duplicated record.
+     */
+    /**
+     * Notify extensions that document(s) have been opened for editing.
+     * Dispatches one event per record being opened.
+     */
+    protected function openCurrentDocuments(): void
+    {
+        // Dispatch one event per record
+        foreach ($this->elementsData as $element) {
+            $this->eventDispatcher->dispatch(
+                new AfterRecordOpenedEvent(
+                    table: $element->table,
+                    uid: $element->uid,
+                    record: $element->record,
+                )
+            );
+        }
+    }
+
+    /**
+     * Resolves the document title used for the browser tab and shortcut.
+     *
+     * Examples:
+     *   - No form:            "Edit form could not be loaded"
+     *   - New record:          "Create new {table}"
+     *   - Single record:       "{record title} · {table} · #{uid}"
+     *   - Record with subtype: "{record title} · {subtype} · #{uid}"
+     *   - Multiple records:    "Edit multiple · {table} · N records"
+     */
+    protected function resolveDocumentTitle(LanguageService $languageService): string
+    {
+        $firstEl = $this->elementsData[0] ?? null;
+        if ($firstEl === null) {
+            return $languageService->sL('backend.alt_doc:noEditForm');
+        }
+
+        $typeLabel = htmlspecialchars($this->resolveTypeLabel($firstEl->table, $firstEl->record));
+
+        if ($firstEl->command === 'new') {
+            return $languageService->sL('core.core:labels.createNew') . ' ' . $typeLabel;
+        }
+
+        $recordCount = count($this->elementsData);
+        if ($recordCount > 1) {
+            return implode(' · ', [
+                $languageService->sL('core.core:labels.editMultiple'),
+                $typeLabel,
+                $languageService->translate('labels.records', 'core.core', ['count' => $recordCount]),
+            ]);
+        }
+
+        $recordTitle = trim($firstEl->title) !== ''
+            ? $firstEl->title
+            : '[' . $languageService->sL('core.core:labels.no_title') . ']';
+        $recordTitle = BackendUtility::cropToTitleLength($recordTitle);
+        $recordTitle = htmlspecialchars($recordTitle);
+
+        return implode(' · ', array_filter([$recordTitle, $typeLabel, '#' . $firstEl->uid]));
+    }
+
+    /**
+     * Returns an HTML snippet showing the record type icon, table title and uid.
+     */
+    protected function getRecordIdentityHtml(string $table, array $row): string
+    {
+        $icon = $this->iconFactory->getIconForRecord($table, $row, IconSize::SMALL)->render();
+        $tableTitle = $this->resolveTypeLabel($table, $row);
+        $uid = (string)($row['uid'] ?? '');
+
+        $recordType = '<span class="recordidentity-type">' . $icon . htmlspecialchars($tableTitle) . '</span>';
+
+        $debugInfo = $this->getBackendUser()->shallDisplayDebugInformation() ? $table . ':' : '';
+        $recordIdentity = sprintf(
+            '<small class="recordidentity-id" title="%s">[%s%s]</small>',
+            htmlspecialchars($this->getLanguageService()->sL('core.core:labels.uid') . ' ' . $uid),
+            htmlspecialchars($debugInfo),
+            htmlspecialchars($uid),
+        );
+
+        return '<div class="recordidentity mb-3">' . $recordType . $recordIdentity . '</div>';
+    }
+
+    /**
+     * Resolves a human-readable type label for a given table and record.
+     */
+    protected function resolveTypeLabel(string $table, array $record): string
+    {
+        $languageService = $this->getLanguageService();
+        $schema = $this->tcaSchemaFactory->has($table)
+            ? $this->tcaSchemaFactory->get($table)
+            : null;
+        $typeLabel = $schema !== null
+            ? $schema->getTitle($languageService->sL(...))
+            : $table;
+
+        if ($schema !== null && $schema->supportsSubSchema()) {
+            $fieldName = $schema->getSubSchemaTypeInformation()->getFieldName();
+            $rawTypeValue = $record[$fieldName] ?? '';
+            $typeValue = is_array($rawTypeValue) ? (string)($rawTypeValue[0] ?? '') : (string)$rawTypeValue;
+            if ($typeValue !== '') {
+                $label = $languageService->sL($this->schemaLabelResolver->getLabelForFieldValue($table, $fieldName, $typeValue, $record));
+                if ($label === '' && $schema->hasSubSchema($typeValue)) {
+                    $label = $schema->getSubSchema($typeValue)->getTitle($languageService->sL(...));
+                }
+                if ($label !== '') {
+                    $typeLabel = $label;
+                }
+            }
+        }
+
+        return $typeLabel;
+    }
+
+    protected function resolveDefaultReturnUrl(): string
+    {
+        $module = $this->moduleProvider->getFirstAccessibleModule($this->getBackendUser());
+        $routeName = $module ? $module->getIdentifier() : 'dummy';
+        return (string)$this->uriBuilder->buildUriFromRoute($routeName);
+    }
+
+    /**
+     * Whether a single record view is requested. This
+     * means, only one element exists in $elementsData.
+     */
+    protected function isSingleRecordView(): bool
+    {
+        return count($this->elementsData) === 1;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/ElementBrowserController.php b/Classes/Controller/ElementBrowserController.php
new file mode 100644
index 0000000..80c19ec
--- /dev/null
+++ b/Classes/Controller/ElementBrowserController.php
@@ -0,0 +1,84 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\ElementBrowser\ElementBrowserRegistry;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+
+/**
+ * Script class for the Element Browser window.
+ * @internal This class is a specific Backend controller implementation and is not part of the TYPO3's Core API.
+ */
+#[AsController]
+class ElementBrowserController
+{
+    /**
+     * The mode determines the main kind of output of the element browser.
+     *
+     * There are these options for values:
+     *  - "db" will allow you to browse for pages or records in the page tree for FormEngine select fields
+     *  - "file" will allow you to browse for files in the folder mounts for FormEngine file selections
+     *  - "folder" will allow you to browse for folders in the folder mounts for FormEngine folder selections
+     *  - Other options may be registered via extensions
+     */
+    protected string $mode = '';
+
+    public function __construct(protected readonly ElementBrowserRegistry $elementBrowserRegistry) {}
+
+    /**
+     * Injects the request object for the current request or sub-request
+     * As this controller goes only through the main() method, it is rather simple for now
+     *
+     * @param ServerRequestInterface $request the current request
+     * @return ResponseInterface the response with the content
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->mode = $request->getQueryParams()['mode'] ?? $request->getQueryParams()['mode'] ?? '';
+        return new HtmlResponse($this->main($request));
+    }
+
+    /**
+     * Main function, detecting the current mode of the element browser and branching out to internal methods.
+     *
+     * @return string HTML content
+     */
+    protected function main(ServerRequestInterface $request)
+    {
+        $browser = $this->elementBrowserRegistry->getElementBrowser($this->mode);
+        if (is_callable([$browser, 'setRequest'])) {
+            $browser->setRequest($request);
+        }
+
+        $backendUser = $this->getBackendUser();
+        $modData = $backendUser->getModuleData('browse_links.php', 'ses');
+        [$modData] = $browser->processSessionData($modData);
+        $backendUser->pushModuleData('browse_links.php', $modData);
+
+        return $browser->render();
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/Event/AfterBackendPageRenderEvent.php b/Classes/Controller/Event/AfterBackendPageRenderEvent.php
new file mode 100644
index 0000000..142f0c9
--- /dev/null
+++ b/Classes/Controller/Event/AfterBackendPageRenderEvent.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+use TYPO3\CMS\Core\View\ViewInterface;
+
+/**
+ * This event triggers after a page has been rendered.
+ *
+ * Listeners may update the page content string with a modified
+ * version if appropriate.
+ */
+final class AfterBackendPageRenderEvent
+{
+    public function __construct(private string $content, private readonly ViewInterface $view) {}
+
+    public function getContent(): string
+    {
+        return $this->content;
+    }
+
+    public function setContent(string $content): void
+    {
+        $this->content = $content;
+    }
+
+    public function getView(): ViewInterface
+    {
+        return $this->view;
+    }
+}
diff --git a/Classes/Controller/Event/AfterFileStorageTreeItemsPreparedEvent.php b/Classes/Controller/Event/AfterFileStorageTreeItemsPreparedEvent.php
new file mode 100644
index 0000000..80abc50
--- /dev/null
+++ b/Classes/Controller/Event/AfterFileStorageTreeItemsPreparedEvent.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+use Psr\Http\Message\ServerRequestInterface;
+
+/**
+ * Listeners to this event will be able to modify the prepared file storage tree items for the file / folder tree
+ */
+final class AfterFileStorageTreeItemsPreparedEvent
+{
+    /**
+     * @param array<int, array<string, mixed>> $items
+     */
+    public function __construct(
+        private readonly ServerRequestInterface $request,
+        private array $items
+    ) {}
+
+    public function getRequest(): ServerRequestInterface
+    {
+        return $this->request;
+    }
+
+    public function getItems(): array
+    {
+        return $this->items;
+    }
+
+    public function setItems(array $items): void
+    {
+        $this->items = $items;
+    }
+}
diff --git a/Classes/Controller/Event/AfterFormEnginePageInitializedEvent.php b/Classes/Controller/Event/AfterFormEnginePageInitializedEvent.php
new file mode 100644
index 0000000..61de551
--- /dev/null
+++ b/Classes/Controller/Event/AfterFormEnginePageInitializedEvent.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Controller\EditDocumentController;
+
+/**
+ * Event to listen to after the form engine has been initialized (= all data has been persisted)
+ */
+final readonly class AfterFormEnginePageInitializedEvent
+{
+    public function __construct(
+        private EditDocumentController $controller,
+        private ServerRequestInterface $request
+    ) {}
+
+    public function getController(): EditDocumentController
+    {
+        return $this->controller;
+    }
+
+    public function getRequest(): ServerRequestInterface
+    {
+        return $this->request;
+    }
+}
diff --git a/Classes/Controller/Event/AfterPageColumnsSelectedForLocalizationEvent.php b/Classes/Controller/Event/AfterPageColumnsSelectedForLocalizationEvent.php
new file mode 100644
index 0000000..12892f3
--- /dev/null
+++ b/Classes/Controller/Event/AfterPageColumnsSelectedForLocalizationEvent.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+use TYPO3\CMS\Backend\View\BackendLayout\BackendLayout;
+
+/**
+ * This event triggers after the LocalizationController (AJAX) has
+ * selected page columns to be translated. Allows third parties to
+ * add to or change the columns and content elements withing those
+ * columns which will be available for localization through the
+ * "translate" modal in the page module.
+ */
+final class AfterPageColumnsSelectedForLocalizationEvent
+{
+    public function __construct(
+        private array $columns,
+        private array $columnList,
+        private readonly BackendLayout $backendLayout,
+        private readonly array $records,
+        private readonly array $parameters
+    ) {}
+
+    /**
+     * Returns list of columns, indexed by column position number, value is label (either LLL: or hardcoded).
+     */
+    public function getColumns(): array
+    {
+        return $this->columns;
+    }
+
+    public function setColumns(array $columns): void
+    {
+        $this->columns = $columns;
+    }
+
+    /**
+     * Returns a list of integer column position numbers used in the BackendLayout.
+     */
+    public function getColumnList(): array
+    {
+        return $this->columnList;
+    }
+
+    public function setColumnList(array $columnList): void
+    {
+        $this->columnList = $columnList;
+    }
+
+    public function getBackendLayout(): BackendLayout
+    {
+        return $this->backendLayout;
+    }
+
+    /**
+     * Returns an array of records which were used when building the original column
+     * manifest and column position numbers list.
+     */
+    public function getRecords(): array
+    {
+        return $this->records;
+    }
+
+    /**
+     * Returns request parameters passed to LocalizationController.
+     */
+    public function getParameters(): array
+    {
+        return $this->parameters;
+    }
+}
diff --git a/Classes/Controller/Event/AfterPageTreeItemsPreparedEvent.php b/Classes/Controller/Event/AfterPageTreeItemsPreparedEvent.php
new file mode 100644
index 0000000..e433b82
--- /dev/null
+++ b/Classes/Controller/Event/AfterPageTreeItemsPreparedEvent.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+use Psr\Http\Message\ServerRequestInterface;
+
+/**
+ * Listeners to this event will be able to modify the prepared page tree items for the page tree
+ */
+final class AfterPageTreeItemsPreparedEvent
+{
+    /**
+     * @param array<int, array<string, mixed>> $items
+     */
+    public function __construct(
+        private readonly ServerRequestInterface $request,
+        private array $items
+    ) {}
+
+    public function getRequest(): ServerRequestInterface
+    {
+        return $this->request;
+    }
+
+    public function getItems(): array
+    {
+        return $this->items;
+    }
+
+    public function setItems(array $items): void
+    {
+        $this->items = $items;
+    }
+}
diff --git a/Classes/Controller/Event/AfterRecordOpenedEvent.php b/Classes/Controller/Event/AfterRecordOpenedEvent.php
new file mode 100644
index 0000000..74a96fb
--- /dev/null
+++ b/Classes/Controller/Event/AfterRecordOpenedEvent.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+/**
+ * Event dispatched after a record is opened for editing in FormEngine.
+ *
+ * This event allows extensions to track when records are opened,
+ * such as maintaining lists of open documents or logging user activity.
+ *
+ * One event is dispatched per record being opened.
+ *
+ * @internal This event may change until v15 LTS
+ */
+final readonly class AfterRecordOpenedEvent
+{
+    /**
+     * @param string $table The database table name
+     * @param int|string $uid The record UID
+     * @param array<string, mixed> $record The full database record
+     */
+    public function __construct(
+        public string $table,
+        public int|string $uid,
+        public array $record,
+    ) {}
+}
diff --git a/Classes/Controller/Event/AfterRecordSummaryForLocalizationEvent.php b/Classes/Controller/Event/AfterRecordSummaryForLocalizationEvent.php
new file mode 100644
index 0000000..4d35ac9
--- /dev/null
+++ b/Classes/Controller/Event/AfterRecordSummaryForLocalizationEvent.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+final class AfterRecordSummaryForLocalizationEvent
+{
+    public function __construct(
+        private array $records,
+        private array $columns
+    ) {}
+
+    public function getColumns(): array
+    {
+        return $this->columns;
+    }
+
+    public function setColumns(array $columns): void
+    {
+        $this->columns = $columns;
+    }
+
+    public function getRecords(): array
+    {
+        return $this->records;
+    }
+
+    public function setRecords(array $records): void
+    {
+        $this->records = $records;
+    }
+}
diff --git a/Classes/Controller/Event/BeforeBackendPageRenderEvent.php b/Classes/Controller/Event/BeforeBackendPageRenderEvent.php
new file mode 100644
index 0000000..97f7adb
--- /dev/null
+++ b/Classes/Controller/Event/BeforeBackendPageRenderEvent.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+use TYPO3\CMS\Core\Page\JavaScriptRenderer;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\View\ViewInterface;
+
+/**
+ * This event triggers before a page has been rendered.
+ */
+final readonly class BeforeBackendPageRenderEvent
+{
+    public function __construct(
+        public ViewInterface $view,
+        public JavaScriptRenderer $javaScriptRenderer,
+        /** @internal */
+        public PageRenderer $pageRenderer,
+    ) {}
+}
diff --git a/Classes/Controller/Event/BeforeFormEnginePageInitializedEvent.php b/Classes/Controller/Event/BeforeFormEnginePageInitializedEvent.php
new file mode 100644
index 0000000..890c013
--- /dev/null
+++ b/Classes/Controller/Event/BeforeFormEnginePageInitializedEvent.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Controller\EditDocumentController;
+
+/**
+ * Event to listen to before the form engine has been initialized (= before all data will be persisted)
+ */
+final readonly class BeforeFormEnginePageInitializedEvent
+{
+    public function __construct(
+        private EditDocumentController $controller,
+        private ServerRequestInterface $request
+    ) {}
+
+    public function getController(): EditDocumentController
+    {
+        return $this->controller;
+    }
+
+    public function getRequest(): ServerRequestInterface
+    {
+        return $this->request;
+    }
+}
diff --git a/Classes/Controller/Event/ModifyAllowedItemsEvent.php b/Classes/Controller/Event/ModifyAllowedItemsEvent.php
new file mode 100644
index 0000000..2b87682
--- /dev/null
+++ b/Classes/Controller/Event/ModifyAllowedItemsEvent.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+/**
+ * This event allows extensions to add or remove from the list of allowed link types.
+ */
+final class ModifyAllowedItemsEvent
+{
+    /**
+     * @param string[] $allowedItems
+     * @param array<string, mixed> $currentLinkParts
+     */
+    public function __construct(
+        private array $allowedItems,
+        private array $currentLinkParts,
+    ) {}
+
+    /**
+     * @return string[]
+     */
+    public function getAllowedItems(): array
+    {
+        return $this->allowedItems;
+    }
+
+    public function addAllowedItem(string $item): self
+    {
+        $this->allowedItems[] = $item;
+        return $this;
+    }
+
+    public function removeAllowedItem(string $new): self
+    {
+        $this->allowedItems = array_filter($this->allowedItems, static fn(string $item): bool => $item !== $new);
+        return $this;
+    }
+
+    /**
+     * @return array<string, mixed>
+     */
+    public function getCurrentLinkParts(): array
+    {
+        return $this->currentLinkParts;
+    }
+}
diff --git a/Classes/Controller/Event/ModifyGenericBackendMessagesEvent.php b/Classes/Controller/Event/ModifyGenericBackendMessagesEvent.php
new file mode 100644
index 0000000..d5af338
--- /dev/null
+++ b/Classes/Controller/Event/ModifyGenericBackendMessagesEvent.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+use TYPO3\CMS\Core\Messaging\AbstractMessage;
+
+/**
+ * Listeners to this event are able to add or change messages for the "Help > About" module.
+ */
+final class ModifyGenericBackendMessagesEvent
+{
+    private array $messages = [];
+
+    public function getMessages(): array
+    {
+        return $this->messages;
+    }
+
+    public function addMessage(AbstractMessage $message): void
+    {
+        $this->messages[] = $message;
+    }
+
+    public function setMessages(array $messages): void
+    {
+        $this->messages = $messages;
+    }
+}
diff --git a/Classes/Controller/Event/ModifyLinkHandlersEvent.php b/Classes/Controller/Event/ModifyLinkHandlersEvent.php
new file mode 100644
index 0000000..2a8f2b2
--- /dev/null
+++ b/Classes/Controller/Event/ModifyLinkHandlersEvent.php
@@ -0,0 +1,73 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+/**
+ * This event allows extensions to modify the list of link handlers and their configuration before they are invoked.
+ */
+final class ModifyLinkHandlersEvent
+{
+    /**
+     * @param array<string, array> $linkHandlers
+     * @param array<string, mixed> $currentLinkParts
+     */
+    public function __construct(
+        private array $linkHandlers,
+        private array $currentLinkParts,
+    ) {}
+
+    /**
+     * @return array<string, array>
+     */
+    public function getLinkHandlers(): array
+    {
+        return $this->linkHandlers;
+    }
+
+    /**
+     * Gets an individual handler by name.
+     *
+     * @param string $name The handler name, including trailing period.
+     * @return array<string, mixed>|null The handler definition, or null if not defined.
+     */
+    public function getLinkHandler(string $name): ?array
+    {
+        return $this->linkHandlers[$name] ?? null;
+    }
+
+    /**
+     * Sets a handler by name, overwriting it if it already exists.
+     *
+     * @param string $name The handler name, including trailing period.
+     * @param array<string, mixed> $handler
+     * @return $this
+     */
+    public function setLinkHandler(string $name, array $handler): self
+    {
+        $this->linkHandlers[$name] = $handler;
+        return $this;
+    }
+
+    /**
+     * @return array<string, mixed>
+     */
+    public function getCurrentLinkParts(): array
+    {
+        return $this->currentLinkParts;
+    }
+}
diff --git a/Classes/Controller/Event/ModifyNewContentElementWizardItemsEvent.php b/Classes/Controller/Event/ModifyNewContentElementWizardItemsEvent.php
new file mode 100644
index 0000000..ff5987a
--- /dev/null
+++ b/Classes/Controller/Event/ModifyNewContentElementWizardItemsEvent.php
@@ -0,0 +1,142 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+use Psr\Http\Message\ServerRequestInterface;
+
+/**
+ * Listeners to this Event will be able to modify the wizard items of the new content element wizard component
+ */
+final class ModifyNewContentElementWizardItemsEvent
+{
+    public function __construct(
+        private array $wizardItems,
+        private readonly array $pageInfo,
+        private readonly ?int $colPos,
+        private readonly int $sys_language,
+        private readonly int $uid_pid,
+        private readonly ServerRequestInterface $request,
+    ) {}
+
+    public function getWizardItems(): array
+    {
+        return $this->wizardItems;
+    }
+
+    public function setWizardItems(array $wizardItems): void
+    {
+        $this->wizardItems = $wizardItems;
+    }
+
+    public function hasWizardItem(string $identifier): bool
+    {
+        return isset($this->wizardItems[$identifier]);
+    }
+
+    public function getWizardItem(string $identifier): ?array
+    {
+        return $this->wizardItems[$identifier] ?? null;
+    }
+
+    /**
+     * Add a new wizard item with configuration at a defined position.
+     * Can also be used to relocate existing items and to modify their configuration.
+     */
+    public function setWizardItem(string $identifier, array $configuration, array $position = []): void
+    {
+        if (isset($this->wizardItems[$position['before'] ?? ''])
+            || isset($this->wizardItems[$position['after'] ?? ''])
+        ) {
+            // Always unset an existing item if valid positioning is requested
+            unset($this->wizardItems[$identifier]);
+        }
+
+        // Add item before another item
+        if (($position['before'] ?? false)
+            && ($insertPosition = array_search((string)$position['before'], array_keys($this->wizardItems), true)) !== false
+        ) {
+            $this->wizardItems = array_slice($this->wizardItems, 0, $insertPosition)
+                + [$identifier => $configuration]
+                + array_slice($this->wizardItems, $insertPosition);
+            return;
+        }
+
+        // Add item after another item
+        if (($position['after'] ?? false)
+            && ($insertPosition = array_search((string)$position['after'], array_keys($this->wizardItems), true)) !== false
+        ) {
+            $this->wizardItems = array_slice($this->wizardItems, 0, $insertPosition + 1)
+                + [$identifier => $configuration]
+                + array_slice($this->wizardItems, $insertPosition + 1);
+            return;
+        }
+
+        // By default, add the item at the bottom or might just overwrite configuration of an existing item
+        $this->wizardItems[$identifier] = $configuration;
+    }
+
+    public function removeWizardItem(string $identifier): bool
+    {
+        if (!$this->hasWizardItem($identifier)) {
+            return false;
+        }
+
+        unset($this->wizardItems[$identifier]);
+        return true;
+    }
+
+    /**
+     * Provides information about the current page making use of the wizard.
+     */
+    public function getPageInfo(): array
+    {
+        return $this->pageInfo;
+    }
+
+    /**
+     * Provides information about the column position of the button that triggered the wizard.
+     */
+    public function getColPos(): ?int
+    {
+        return $this->colPos;
+    }
+
+    /**
+     * Provides information about the language used while triggering the wizard.
+     */
+    public function getSysLanguage(): int
+    {
+        return $this->sys_language;
+    }
+
+    /**
+     * Provides information about the element to position the new element after (uid) or into (pid).
+     */
+    public function getUidPid(): int
+    {
+        return $this->uid_pid;
+    }
+
+    /**
+     * Provides the request in the state it was provided to the NewContentElementController::wizardAction() method.
+     */
+    public function getRequest(): ServerRequestInterface
+    {
+        return $this->request;
+    }
+}
diff --git a/Classes/Controller/Event/ModifyNewRecordCreationLinksEvent.php b/Classes/Controller/Event/ModifyNewRecordCreationLinksEvent.php
new file mode 100644
index 0000000..5e51df6
--- /dev/null
+++ b/Classes/Controller/Event/ModifyNewRecordCreationLinksEvent.php
@@ -0,0 +1,88 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Core\Imaging\Icon;
+
+/**
+ * Event to modify the grouped links as result of NewRecordController
+ *
+ * Structure (array):
+ *
+ * "content" => [
+ *     "title" => "Content",
+ *     "icon" => "<img...>"
+ *     "items" => [
+ *         "sys_note" => [
+ *             [
+ *                 "url" => "...",
+ *                 "icon" => "...",
+ *                 "label" => "...",
+ *             ],
+ *         ],
+ *         "sys_file_collection" => [
+ *             [
+ *                 "icon" => "...",
+ *                 "label" => "...",
+ *                 "types" => [
+ *                     "static" => [
+ *                         'url' => "...",
+ *                         'icon' => "...",
+ *                         'label' => "...",
+ *                     ],
+ *                     "folder" => [
+ *                          'url' => "...",
+ *                          'icon' => "...",
+ *                          'label' => "...",
+ *                     ],
+ *                 ],
+ *             ],
+ *         ],
+ *     ],
+ * ],
+ * "system" => [
+ *     "title" => "System Records",
+ *     "icon" => "<img...>"
+ *     "items" => [
+ *         "sys_template" => [
+ *             [
+ *                 "url" => "...",
+ *                 "icon" => "...",
+ *                 "label" => "...",
+ *             ],
+ *         ],
+ *         "backend_layout" => [
+ *             [
+ *                 "url" => "...",
+ *                 "icon" => "...",
+ *                 "label" => "...",
+ *             ],
+ *         ],
+ *     ],
+ * ],
+ */
+final class ModifyNewRecordCreationLinksEvent
+{
+    public function __construct(
+        public array $groupedCreationLinks,
+        public readonly array $pageTS,
+        public readonly int $pageId,
+        public readonly ServerRequestInterface $request
+    ) {}
+}
diff --git a/Classes/Controller/Event/ModifyPageLayoutContentEvent.php b/Classes/Controller/Event/ModifyPageLayoutContentEvent.php
new file mode 100644
index 0000000..9a5e6c0
--- /dev/null
+++ b/Classes/Controller/Event/ModifyPageLayoutContentEvent.php
@@ -0,0 +1,89 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Template\ModuleTemplate;
+
+/**
+ * Listeners to this Event will be able to modify the header and footer content of the page module
+ */
+final class ModifyPageLayoutContentEvent
+{
+    private string $headerContent = '';
+    private string $footerContent = '';
+
+    public function __construct(
+        private readonly ServerRequestInterface $request,
+        private readonly ModuleTemplate $moduleTemplate
+    ) {}
+
+    public function getRequest(): ServerRequestInterface
+    {
+        return $this->request;
+    }
+
+    public function getModuleTemplate(): ModuleTemplate
+    {
+        return $this->moduleTemplate;
+    }
+
+    /**
+     * Set content for the header. Can also be used to e.g. reorder existing content.
+     * IMPORTANT: This overwrites existing content from previous listeners!
+     */
+    public function setHeaderContent(string $content): void
+    {
+        $this->headerContent = $content;
+    }
+
+    /**
+     * Add additional content to the header
+     */
+    public function addHeaderContent(string $content): void
+    {
+        $this->headerContent .= $content;
+    }
+
+    public function getHeaderContent(): string
+    {
+        return $this->headerContent;
+    }
+
+    /**
+     * Set content for the footer. Can also be used to e.g. reorder existing content.
+     * IMPORTANT: This overwrites existing content from previous listeners!
+     */
+    public function setFooterContent(string $content): void
+    {
+        $this->footerContent = $content;
+    }
+
+    /**
+     * Add additional content to the footer
+     */
+    public function addFooterContent(string $content): void
+    {
+        $this->footerContent .= $content;
+    }
+
+    public function getFooterContent(): string
+    {
+        return $this->footerContent;
+    }
+}
diff --git a/Classes/Controller/Event/RenderAdditionalContentToRecordListEvent.php b/Classes/Controller/Event/RenderAdditionalContentToRecordListEvent.php
new file mode 100644
index 0000000..2ed1e55
--- /dev/null
+++ b/Classes/Controller/Event/RenderAdditionalContentToRecordListEvent.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Event;
+
+use Psr\Http\Message\ServerRequestInterface;
+
+/**
+ * Add content above or below the main content of the record list
+ */
+final class RenderAdditionalContentToRecordListEvent
+{
+    private string $contentAbove = '';
+    private string $contentBelow = '';
+
+    public function __construct(private readonly ServerRequestInterface $request) {}
+
+    public function getRequest(): ServerRequestInterface
+    {
+        return $this->request;
+    }
+
+    public function addContentAbove(string $contentAbove): void
+    {
+        $this->contentAbove .= $contentAbove;
+    }
+
+    public function addContentBelow(string $contentBelow): void
+    {
+        $this->contentBelow .= $contentBelow;
+    }
+
+    public function getAdditionalContentAbove(): string
+    {
+        return $this->contentAbove;
+    }
+
+    public function getAdditionalContentBelow(): string
+    {
+        return $this->contentBelow;
+    }
+}
diff --git a/Classes/Controller/File/FileController.php b/Classes/Controller/File/FileController.php
new file mode 100644
index 0000000..34a8135
--- /dev/null
+++ b/Classes/Controller/File/FileController.php
@@ -0,0 +1,340 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\File;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Clipboard\Clipboard;
+use TYPO3\CMS\Backend\Routing\Exception\RouteNotFoundException;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Resource\Enum\DuplicationBehavior;
+use TYPO3\CMS\Core\Resource\File;
+use TYPO3\CMS\Core\Resource\Folder;
+use TYPO3\CMS\Core\Resource\ProcessedFile;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\File\ExtendedFileUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Gateway for TCE (TYPO3 Core Engine) file-handling through POST forms.
+ * This script serves as the file administration part of the TYPO3 Core Engine.
+ * Basically it includes two libraries which are used to manipulate files on the server.
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+class FileController
+{
+    /**
+     * Array of file-operations.
+     *
+     * @var array
+     */
+    protected $file;
+
+    /**
+     * Clipboard operations array
+     *
+     * @var array
+     */
+    protected $CB;
+
+    /**
+     * Defines behaviour when uploading files with names that already exist.
+     */
+    protected DuplicationBehavior $overwriteExistingFiles;
+
+    /**
+     * The page where the user should be redirected after everything is done
+     *
+     * @var string
+     */
+    protected $redirect;
+
+    /**
+     * The result array from the file processor
+     *
+     * @var array
+     */
+    protected $fileData;
+
+    public function __construct(
+        protected readonly ResourceFactory $fileFactory,
+        protected readonly ExtendedFileUtility $fileProcessor,
+        protected readonly IconFactory $iconFactory,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly FlashMessageService $flashMessageService
+    ) {}
+
+    /**
+     * Injects the request object for the current request or subrequest
+     * As this controller goes only through the main() method, it just redirects to the given URL afterwards.
+     *
+     * @param ServerRequestInterface $request the current request
+     * @return ResponseInterface the response with the content
+     * @throws RouteNotFoundException
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->init($request);
+        $this->main($request);
+
+        BackendUtility::setUpdateSignal('updateFolderTree');
+
+        // go and edit the new created file
+        if ($request->getParsedBody()['edit'] ?? '') {
+            $file = $this->fileData['newfile'][0];
+            if ($file !== null) {
+                $this->redirect = $this->getFileEditRedirect($file) ?? $this->redirect;
+            }
+        }
+        if ($this->redirect) {
+            return new RedirectResponse(
+                GeneralUtility::locationHeaderUrl($this->redirect, $request),
+                303
+            );
+        }
+        // empty response
+        return new HtmlResponse('');
+    }
+
+    /**
+     * Handles the actual process from within the ajaxExec function
+     * therefore, it does exactly the same as the real typo3/tce_file.php.
+     */
+    public function processAjaxRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->init($request);
+        $this->main($request);
+        $flatResult = [
+            'hasErrors' => false,
+        ];
+        foreach ($this->fileData as $action => $results) {
+            foreach ($results as $result) {
+                if (is_array($result)) {
+                    foreach ($result as $subResult) {
+                        $flatResult[$action][] = $this->flattenResultDataValue($subResult);
+                    }
+                } else {
+                    $flatResult[$action][] = $this->flattenResultDataValue($result);
+                }
+            }
+        }
+
+        // Used in the FileStorageTree when moving / copying folders, or in the DragUploader
+        $messages = $this->flashMessageService->getMessageQueueByIdentifier()->getAllMessagesAndFlush();
+        if (!empty($messages)) {
+            foreach ($messages as $message) {
+                $flatResult['messages'][] = [
+                    'title'    => $message->getTitle(),
+                    'message'  => $message->getMessage(),
+                    'severity' => $message->getSeverity(),
+                ];
+                if ($message->getSeverity() === ContextualFeedbackSeverity::ERROR) {
+                    $flatResult['hasErrors'] = true;
+                }
+            }
+        }
+        return new JsonResponse($flatResult, $flatResult['hasErrors'] ? 500 : 200);
+    }
+
+    /**
+     * Ajax entry point to check if a file exists in a folder
+     */
+    public function fileExistsInFolderAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->init($request);
+        $fileName = $request->getParsedBody()['fileName'] ?? $request->getQueryParams()['fileName'] ?? null;
+        $fileTarget = $request->getParsedBody()['fileTarget'] ?? $request->getQueryParams()['fileTarget'] ?? null;
+
+        $fileTargetObject = $this->fileFactory->retrieveFileOrFolderObject($fileTarget);
+        $processedFileName = $fileTargetObject->getStorage()->sanitizeFileName($fileName, $fileTargetObject);
+
+        $result = [];
+        if ($fileTargetObject->hasFile($processedFileName)) {
+            $fileInFolder = $fileTargetObject->getStorage()->getFileInFolder($processedFileName, $fileTargetObject);
+            if ($fileInFolder instanceof File) {
+                $result = $this->flattenFileResultDataValue($fileInFolder);
+            }
+        }
+        return new JsonResponse($result);
+    }
+
+    /**
+     * Registering incoming data
+     */
+    protected function init(ServerRequestInterface $request): void
+    {
+        // Set the GPvars from outside
+        $parsedBody = $request->getParsedBody();
+        $queryParams = $request->getQueryParams();
+        $this->file = (array)($parsedBody['data'] ?? $queryParams['data'] ?? []);
+        $redirectUrl = (string)($parsedBody['redirect'] ?? $queryParams['redirect'] ?? '');
+        if ($this->file === [] || $redirectUrl !== '') {
+            // This in clipboard mode or when a new folder is created
+            $this->redirect = GeneralUtility::sanitizeLocalUrl($redirectUrl, $request);
+        } else {
+            $mode = key($this->file);
+            $elementKey = key($this->file[$mode]);
+            $this->redirect = GeneralUtility::sanitizeLocalUrl($this->file[$mode][$elementKey]['redirect'] ?? '', $request);
+        }
+        $this->CB = (array)($parsedBody['CB'] ?? $queryParams['CB'] ?? []);
+
+        if (isset($this->file['rename'][0]['conflictMode'])) {
+            $conflictMode = $this->file['rename'][0]['conflictMode'];
+            unset($this->file['rename'][0]['conflictMode']);
+            $this->overwriteExistingFiles = DuplicationBehavior::tryFrom($conflictMode) ?? DuplicationBehavior::getDefaultDuplicationBehaviour();
+        } else {
+            $duplicationBehaviorFromRequest = $parsedBody['overwriteExistingFiles'] ?? $queryParams['overwriteExistingFiles'] ?? '';
+            $this->overwriteExistingFiles = DuplicationBehavior::tryFrom($duplicationBehaviorFromRequest) ?? DuplicationBehavior::getDefaultDuplicationBehaviour();
+        }
+        $this->initClipboard($request);
+    }
+
+    /**
+     * Initialize the Clipboard. This will fetch the data about files to paste/delete if such an action has been sent.
+     */
+    protected function initClipboard(ServerRequestInterface $request): void
+    {
+        if ($this->CB !== []) {
+            $clipObj = GeneralUtility::makeInstance(Clipboard::class);
+            $clipObj->initializeClipboard($request);
+            if ($this->CB['paste'] ?? false) {
+                $clipObj->setCurrentPad((string)($this->CB['pad'] ?? ''));
+                $this->setPasteCmd($clipObj);
+            }
+            if ($this->CB['delete'] ?? false) {
+                $clipObj->setCurrentPad((string)($this->CB['pad'] ?? ''));
+                $this->setDeleteCmd($clipObj);
+            }
+        }
+    }
+
+    /**
+     * Performing the file admin action:
+     * Initializes the objects, setting permissions, sending data to object.
+     */
+    protected function main(ServerRequestInterface $request): void
+    {
+        $this->fileProcessor->setActionPermissions();
+        $this->fileProcessor->setExistingFilesConflictMode($this->overwriteExistingFiles);
+        $this->fileProcessor->start($this->file, $request->getUploadedFiles());
+        $this->fileData = $this->fileProcessor->processData();
+    }
+
+    /**
+     * Gets URI to be used for editing given file (if file extension is defined in textfile_ext)
+     *
+     * @param File $file to be edited
+     * @return string|null URI to be redirected to
+     * @throws RouteNotFoundException
+     */
+    protected function getFileEditRedirect(File $file): ?string
+    {
+        if (!$file->isTextFile()) {
+            return null;
+        }
+        $properties = $file->getProperties();
+        $urlParameters = [
+            'target' =>  $properties['storage'] . ':' . $properties['identifier'],
+        ];
+        if ($this->redirect) {
+            $urlParameters['returnUrl'] = $this->redirect;
+        }
+        try {
+            return (string)$this->uriBuilder->buildUriFromRoute('file_edit', $urlParameters);
+        } catch (RouteNotFoundException $exception) {
+            // no route for editing files available
+            return '';
+        }
+    }
+
+    protected function flattenFileResultDataValue(File $result): array
+    {
+        $thumbUrl = $result->isImage()
+            ? ($result->process(ProcessedFile::CONTEXT_IMAGEPREVIEW, [])->getPublicUrl() ?? '')
+            : '';
+        return array_merge(
+            $result->toArray(),
+            [
+                'date' => BackendUtility::date($result->getModificationTime()),
+                'icon' => $this->iconFactory->getIconForFileExtension($result->getExtension(), IconSize::SMALL)->render(),
+                'thumbUrl' => $thumbUrl,
+                'path' => $result->getParentFolder()->getReadablePath(),
+            ]
+        );
+    }
+
+    /**
+     * Flatten result value from FileProcessor
+     *
+     * The value can be a File, Folder or boolean
+     *
+     * @param bool|File|Folder|ProcessedFile $result
+     *
+     * @return bool|string|array
+     */
+    protected function flattenResultDataValue($result)
+    {
+        if ($result instanceof File) {
+            $result = $this->flattenFileResultDataValue($result);
+        } elseif ($result instanceof Folder) {
+            $result = $result->getIdentifier();
+        }
+
+        return $result;
+    }
+
+    /**
+     * Applies the proper paste configuration to $this->file
+     */
+    protected function setPasteCmd(Clipboard $clipboard): void
+    {
+        $target = explode('|', (string)$this->CB['paste'])[1] ?? '';
+        $mode = $clipboard->currentMode() === 'copy' ? 'copy' : 'move';
+        // Traverse elements and make CMD array
+        foreach ($clipboard->elFromTable('_FILE') as $key => $path) {
+            $this->file[$mode][] = ['data' => $path, 'target' => $target];
+            if ($mode === 'move') {
+                $clipboard->removeElement($key);
+            }
+        }
+        $clipboard->endClipboard();
+    }
+
+    /**
+     * Applies the proper delete configuration to $this->file
+     */
+    protected function setDeleteCmd(Clipboard $clipObj): void
+    {
+        // Traverse elements and make CMD array
+        foreach ($clipObj->elFromTable('_FILE') as $key => $path) {
+            $this->file['delete'][] = ['data' => $path];
+            $clipObj->removeElement($key);
+        }
+        $clipObj->endClipboard();
+    }
+}
diff --git a/Classes/Controller/File/ImageProcessController.php b/Classes/Controller/File/ImageProcessController.php
new file mode 100644
index 0000000..8d9ba86
--- /dev/null
+++ b/Classes/Controller/File/ImageProcessController.php
@@ -0,0 +1,59 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\File;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Log\LoggerInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Resource\Service\ImageProcessingService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class ImageProcessController
+{
+    public function __construct(
+        private ImageProcessingService $imageProcessingService,
+        private LoggerInterface $logger,
+    ) {}
+
+    public function process(ServerRequestInterface $request): ResponseInterface
+    {
+        $processedFileId = (int)($request->getQueryParams()['id'] ?? 0);
+        try {
+            $processedFile = $this->imageProcessingService->process($processedFileId);
+            if (!$processedFile->getOriginalFile()->checkActionPermission('read')) {
+                return new HtmlResponse('', 403);
+            }
+
+            return new RedirectResponse(
+                GeneralUtility::locationHeaderUrl($processedFile->getPublicUrl() ?? '', $request)
+            );
+        } catch (\Throwable $e) {
+            // Fatal error occurred, which will be responded as 404
+            $this->logger->error('Processing of file with id {processed_file} failed', ['processed_file' => $processedFileId, 'exception' => $e]);
+        }
+
+        return new HtmlResponse('', 404);
+    }
+}
diff --git a/Classes/Controller/FileStorage/TreeController.php b/Classes/Controller/FileStorage/TreeController.php
new file mode 100644
index 0000000..1061506
--- /dev/null
+++ b/Classes/Controller/FileStorage/TreeController.php
@@ -0,0 +1,235 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\FileStorage;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Controller\Event\AfterFileStorageTreeItemsPreparedEvent;
+use TYPO3\CMS\Backend\Dto\Tree\FileTreeItem;
+use TYPO3\CMS\Backend\Dto\Tree\Label\Label;
+use TYPO3\CMS\Backend\Dto\Tree\TreeItem;
+use TYPO3\CMS\Backend\Tree\FileStorageTreeProvider;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Resource\Exception\FolderDoesNotExistException;
+use TYPO3\CMS\Core\Resource\Exception\InsufficientFolderAccessPermissionsException;
+use TYPO3\CMS\Core\Resource\Folder;
+use TYPO3\CMS\Core\Resource\FolderInterface;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+
+/**
+ * Controller providing data to the file storage tree.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class TreeController
+{
+    public function __construct(
+        protected IconFactory $iconFactory,
+        protected FileStorageTreeProvider $treeProvider,
+        protected ResourceFactory $resourceFactory,
+        protected EventDispatcherInterface $eventDispatcher,
+    ) {}
+
+    /**
+     * Loads data for the first time, or when expanding a folder.
+     */
+    public function fetchDataAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $parentIdentifier = $request->getQueryParams()['parent'] ?? null;
+        if ($parentIdentifier) {
+            $currentDepth = (int)($request->getQueryParams()['depth'] ?? 1);
+            $parentIdentifier = rawurldecode($parentIdentifier);
+            $folder = $this->resourceFactory->getFolderObjectFromCombinedIdentifier($parentIdentifier);
+            $items = $this->treeProvider->getSubfolders($folder, $currentDepth + 1);
+        } else {
+            $items = $this->treeProvider->getRootNodes($this->getBackendUser());
+        }
+        return new JsonResponse($this->getPreparedItemsForOutput($request, $items));
+    }
+
+    /**
+     * Returns JSON representing page rootline
+     */
+    public function fetchRootlineAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $identifier = (string)($request->getQueryParams()['identifier'] ?? '');
+        if ($identifier === '') {
+            return new JsonResponse(null, 400);
+        }
+
+        try {
+            $folder = $this->resourceFactory->getFolderObjectFromCombinedIdentifier($identifier);
+        } catch (InsufficientFolderAccessPermissionsException) {
+            return new JsonResponse(null, 403);
+        } catch (FolderDoesNotExistException) {
+            return new JsonResponse(null, 404);
+        }
+
+        $rootline = [];
+        while (true) {
+            $identifier = $folder->getCombinedIdentifier();
+            $rootline[] = $identifier;
+            try {
+                $parent = $folder->getParentFolder();
+            } catch (InsufficientFolderAccessPermissionsException) {
+                break;
+            }
+            if ($parent->getCombinedIdentifier() === $identifier) {
+                // parent folder of root folder is the root folder => break
+                break;
+            }
+            $folder = $parent;
+        }
+
+        return new JsonResponse([
+            'rootline' => array_reverse($rootline),
+        ]);
+    }
+
+    /**
+     * Used when the search / filter is used.
+     *
+     * @throws \Exception
+     */
+    public function filterDataAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $search = $request->getQueryParams()['q'] ?? '';
+        $foundFolders = $this->treeProvider->getFilteredTree($this->getBackendUser(), $search);
+
+        $items = [];
+        foreach ($foundFolders as $folder) {
+            if (!$folder instanceof Folder) {
+                continue;
+            }
+            $storage = $folder->getStorage();
+            $itemsInRootLine = [];
+
+            // Go back the root folder structure until the root folder
+            $nextFolder = $folder;
+            $isParent = false;
+            do {
+                $itemsInRootLine[$nextFolder->getCombinedIdentifier()] = array_merge(
+                    $this->treeProvider->prepareFolderInformation($nextFolder),
+                    [
+                        'expanded' => $isParent,
+                        'loaded' => true,
+                    ]
+                );
+                $isParent = true;
+                try {
+                    $nextFolder = $nextFolder->getParentFolder();
+                } catch (InsufficientFolderAccessPermissionsException) {
+                    $nextFolder = null;
+                }
+            } while ($nextFolder instanceof FolderInterface && $nextFolder->getIdentifier() !== '/');
+            // Add the storage / sys_filemount itself
+            $storageData = $this->treeProvider->prepareFolderInformation(
+                $storage->getRootLevelFolder(true),
+                $storage->getName()
+            );
+            $storageData = array_merge($storageData, [
+                'depth' => 0,
+                'expanded' => true,
+            ]);
+            $itemsInRootLine[$storage->getUid() . ':/'] = $storageData;
+
+            $itemsInRootLine = array_reverse($itemsInRootLine);
+            $depth = 0;
+            foreach ($itemsInRootLine as $k => $itm) {
+                $itm['depth'] = $depth++;
+                $items[$k] = $itm;
+            }
+        }
+
+        ksort($items);
+        $items = array_values($items);
+        return new JsonResponse($this->getPreparedItemsForOutput($request, $items));
+    }
+
+    /**
+     * Adds information for the JSON result to be rendered. Additionally, dispatches event for modification.
+     */
+    protected function getPreparedItemsForOutput(ServerRequestInterface $request, array $items): array
+    {
+        foreach ($items as &$item) {
+            $folder = $item['resource'];
+            $isStorage = $item['recordType'] !== 'sys_file';
+            $item['resourceType'] = $isStorage ? 'storage' : 'folder';
+            if ($isStorage && !$folder->getStorage()->isOnline()) {
+                $item['name'] .= ' (' . $this->getLanguageService()->translate('is_offline', 'core.db.sys_file_storage') . ')';
+            }
+            $icon = $this->iconFactory->getIconForResource($folder, IconSize::SMALL, null, $isStorage ? ['mount-root' => true] : []);
+            $item['icon'] = $icon->getIdentifier();
+            $item['overlayIcon'] = $icon->getOverlayIcon() ? $icon->getOverlayIcon()->getIdentifier() : '';
+
+            $tsConfigLabels = $this->getBackendUser()->getTSConfig()['options.']['folderTree.']['label.'] ?? [];
+            if (trim($tsConfigLabels[$folder->getCombinedIdentifier() . '.']['label'] ?? '') !== '') {
+                $item['labels'][] = new Label(
+                    label: $this->getLanguageService()->sL($tsConfigLabels[$folder->getCombinedIdentifier() . '.']['label']),
+                    color: (string)($tsConfigLabels[$folder->getCombinedIdentifier() . '.']['color'] ?? '#ff8722'),
+                );
+            }
+        }
+
+        return array_map(
+            static function (array $item): FileTreeItem {
+                return new FileTreeItem(
+                    item: new TreeItem(
+                        identifier: $item['identifier'],
+                        parentIdentifier: (string)($item['parentIdentifier'] ?? ''),
+                        recordType: (string)($item['recordType'] ?? ''),
+                        name: (string)($item['name'] ?? ''),
+                        prefix: (string)($item['prefix'] ?? ''),
+                        suffix: (string)($item['suffix'] ?? ''),
+                        tooltip: (string)($item['tooltip'] ?? ''),
+                        depth: (int)($item['depth'] ?? 0),
+                        hasChildren: (bool)($item['hasChildren'] ?? false),
+                        loaded: (bool)($item['loaded'] ?? false),
+                        icon: $item['icon'],
+                        overlayIcon: $item['overlayIcon'],
+                        statusInformation: (array)($item['statusInformation'] ?? []),
+                        labels: (array)($item['labels'] ?? []),
+                    ),
+                    pathIdentifier: (string)($item['pathIdentifier'] ?? ''),
+                    storage: (int)($item['storage'] ?? 0),
+                    resourceType: $item['resourceType'],
+                );
+            },
+            $this->eventDispatcher->dispatch(
+                new AfterFileStorageTreeItemsPreparedEvent($request, $items)
+            )->getItems()
+        );
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/FormFilesAjaxController.php b/Classes/Controller/FormFilesAjaxController.php
new file mode 100644
index 0000000..cc31c46
--- /dev/null
+++ b/Classes/Controller/FormFilesAjaxController.php
@@ -0,0 +1,513 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseFactoryInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Message\StreamFactoryInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\TcaDatabaseRecord;
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Backend\Form\NodeFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Page\JavaScriptItems;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Handle FormEngine files ajax calls
+ */
+#[AsController]
+readonly class FormFilesAjaxController extends AbstractFormEngineAjaxController
+{
+    private const string FILE_REFERENCE_TABLE = 'sys_file_reference';
+
+    public function __construct(
+        private ResponseFactoryInterface $responseFactory,
+        private StreamFactoryInterface $streamFactory,
+        private FormDataCompiler $formDataCompiler,
+        private HashService $hashService,
+        private NodeFactory $nodeFactory,
+        private InlineStackProcessor $inlineStackProcessor,
+        private TcaSchemaFactory $tcaSchemaFactory,
+        private FlashMessageService $flashMessageService,
+    ) {}
+
+    /**
+     * Create a new file reference via AJAX.
+     */
+    public function createAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $arguments = $request->getParsedBody()['ajax'];
+        $parentConfig = $this->extractSignedParentConfigFromRequest((string)($arguments['context'] ?? ''));
+
+        $domObjectId = (string)($arguments[0] ?? '');
+        $inlineFirstPid = $this->getInlineFirstPidFromDomObjectId($domObjectId);
+        if (!MathUtility::canBeInterpretedAsInteger($inlineFirstPid) && !str_starts_with((string)$inlineFirstPid, 'NEW')) {
+            throw new \RuntimeException(
+                'inlineFirstPid should either be an integer or a "NEW..." string',
+                1664440476
+            );
+        }
+        $fileId = null;
+        if (isset($arguments[1]) && MathUtility::canBeInterpretedAsInteger($arguments[1])) {
+            $fileId = (int)$arguments[1];
+        }
+
+        $inlineStructure = $this->inlineStackProcessor->getStructureFromString($domObjectId, $this->tcaSchemaFactory->all());
+        $inlineStructure = $this->inlineStackProcessor->addAjaxConfigurationToStructure($inlineStructure, $parentConfig);
+        $inlineTopMostParent = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, 0);
+        $inlineParent = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, -1);
+        $fileReference = $this->inlineStackProcessor->getUnstableStructureFromStructure($inlineStructure);
+
+        if (isset($fileReference['uid']) && MathUtility::canBeInterpretedAsInteger($fileReference['uid'])) {
+            // If uid comes in, it is the id of the record neighbor record "create after"
+            $fileReferenceVanillaUid = -1 * abs((int)$fileReference['uid']);
+        } else {
+            // Else inline first Pid is the storage pid of new inline records
+            $fileReferenceVanillaUid = $inlineFirstPid;
+        }
+
+        $formDataCompilerInput = [
+            'request' => $request,
+            'command' => 'new',
+            'tableName' => self::FILE_REFERENCE_TABLE,
+            'vanillaUid' => $fileReferenceVanillaUid,
+            'isInlineChild' => true,
+            'inlineStructure' => $inlineStructure,
+            'inlineFirstPid' => $inlineFirstPid,
+            'inlineParentUid' => $inlineParent['uid'],
+            'inlineParentTableName' => $inlineParent['table'],
+            'inlineParentFieldName' => $inlineParent['field'],
+            'inlineParentConfig' => $parentConfig,
+            'inlineTopMostParentUid' => $inlineTopMostParent['uid'],
+            'inlineTopMostParentTableName' => $inlineTopMostParent['table'],
+            'inlineTopMostParentFieldName' => $inlineTopMostParent['field'],
+        ];
+        if ($fileId) {
+            $formDataCompilerInput['inlineChildChildUid'] = $fileId;
+        }
+
+        $fileReferenceData = $this->formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(TcaDatabaseRecord::class));
+
+        $fileReferenceData['inlineParentUid'] = $inlineParent['uid'];
+        $fileReferenceData['renderType'] = 'fileReferenceContainer';
+
+        return $this->jsonResponse(
+            $this->mergeFileReferenceResultIntoJsonResult(
+                [
+                    'data' => '',
+                    'stylesheetFiles' => [],
+                    'scriptItems' => new JavaScriptItems(),
+                    'compilerInput' => [
+                        'uid' => $fileReferenceData['databaseRow']['uid'],
+                        'childChildUid' => $fileId,
+                    ],
+                ],
+                $this->nodeFactory->create($fileReferenceData)->render()
+            )
+        );
+    }
+
+    /**
+     * Show the details of a file reference
+     */
+    public function detailsAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $arguments = $request->getParsedBody()['ajax'] ?? $request->getQueryParams()['ajax'];
+
+        $domObjectId = (string)($arguments[0] ?? '');
+        $inlineFirstPid = $this->getInlineFirstPidFromDomObjectId($domObjectId);
+        $parentConfig = $this->extractSignedParentConfigFromRequest((string)($arguments['context'] ?? ''));
+
+        $inlineStructure = $this->inlineStackProcessor->getStructureFromString($domObjectId, $this->tcaSchemaFactory->all());
+        $inlineStructure = $this->inlineStackProcessor->addAjaxConfigurationToStructure($inlineStructure, $parentConfig);
+        $inlineParent = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, -1);
+        $fileReference = $this->inlineStackProcessor->getUnstableStructureFromStructure($inlineStructure);
+
+        $parentFieldName = $inlineParent['field'];
+
+        // Set flag in config so that only the fields are rendered
+        // @todo: Solve differently / rename / whatever
+        $parentConfig['renderFieldsOnly'] = true;
+
+        $parentData = [
+            'processedTca' => [
+                'columns' => [
+                    $parentFieldName => [
+                        'config' => $parentConfig,
+                    ],
+                ],
+            ],
+            'uid' => $inlineParent['uid'],
+            'tableName' => $inlineParent['table'],
+            'inlineFirstPid' => $inlineFirstPid,
+            'returnUrl' => $parentConfig['originalReturnUrl'],
+        ];
+
+        $fileReferenceData = $this->compileFileReference($request, $parentData, $parentFieldName, (int)$fileReference['uid'], $inlineStructure);
+        $fileReferenceData['inlineParentUid'] = (int)$inlineParent['uid'];
+        $fileReferenceData['renderType'] = 'fileReferenceContainer';
+
+        return $this->jsonResponse(
+            $this->mergeFileReferenceResultIntoJsonResult(
+                [
+                    'data' => '',
+                    'stylesheetFiles' => [],
+                    'scriptItems' => new JavaScriptItems(),
+                ],
+                $this->nodeFactory->create($fileReferenceData)->render()
+            )
+        );
+    }
+
+    /**
+     * Adds localizations or synchronizes the locations of all file references.
+     */
+    public function synchronizeLocalizeAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $arguments = $request->getParsedBody()['ajax'];
+
+        $domObjectId = (string)($arguments[0] ?? '');
+        $type = $arguments[1] ?? null;
+        $parentConfig = $this->extractSignedParentConfigFromRequest((string)($arguments['context'] ?? ''));
+
+        $inlineStructure = $this->inlineStackProcessor->getStructureFromString($domObjectId, $this->tcaSchemaFactory->all());
+        $inlineStructure = $this->inlineStackProcessor->addAjaxConfigurationToStructure($inlineStructure, $parentConfig);
+        $inlineFirstPid = $this->getInlineFirstPidFromDomObjectId($domObjectId);
+
+        $jsonArray = [
+            'data' => '',
+            'stylesheetFiles' => [],
+            'scriptItems' => new JavaScriptItems(),
+            'compilerInput' => [
+                'localize' => [],
+            ],
+        ];
+        if ($type === 'localize' || $type === 'synchronize' || MathUtility::canBeInterpretedAsInteger($type)) {
+            // Parent, this table embeds the sys_file_reference table
+            $inlineParent = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, -1);
+            $parentFieldName = $inlineParent['field'];
+
+            $processedTca = $GLOBALS['TCA'][$inlineParent['table']];
+            $processedTca['columns'][$parentFieldName]['config'] = $parentConfig;
+
+            $formDataCompilerInputForParent = [
+                'request' => $request,
+                'vanillaUid' => (int)$inlineParent['uid'],
+                'command' => 'edit',
+                'tableName' => $inlineParent['table'],
+                'processedTca' => $processedTca,
+                'inlineFirstPid' => $inlineFirstPid,
+                'columnsToProcess' => [
+                    $parentFieldName,
+                ],
+                // @todo: still needed? NO!
+                'inlineStructure' => $inlineStructure,
+                // Do not compile existing file references, we don't need them now
+                'inlineCompileExistingChildren' => false,
+            ];
+            // Full TcaDatabaseRecord is required here to have the list of connected uids $oldItemList
+            $parentData = $this->formDataCompiler->compile($formDataCompilerInputForParent, GeneralUtility::makeInstance(TcaDatabaseRecord::class));
+            $parentLanguageField = $parentData['processedTca']['ctrl']['languageField'];
+            $parentLanguage = $parentData['databaseRow'][$parentLanguageField];
+            $oldItemList = $parentData['databaseRow'][$parentFieldName];
+
+            // DataHandler cannot handle arrays as field value
+            if (is_array($parentLanguage)) {
+                $parentLanguage = implode(',', $parentLanguage);
+            }
+
+            $cmd = [];
+            // Localize a single file reference from default language of the inlineParent element
+            if (MathUtility::canBeInterpretedAsInteger($type)) {
+                $cmd[$inlineParent['table']][$inlineParent['uid']]['inlineLocalizeSynchronize'] = [
+                    'field' => $inlineParent['field'],
+                    'language' => $parentLanguage,
+                    'ids' => [$type],
+                ];
+            } else {
+                // Either localize or synchronize all file references from default language of the inlineParent element
+                $cmd[$inlineParent['table']][$inlineParent['uid']]['inlineLocalizeSynchronize'] = [
+                    'field' => $inlineParent['field'],
+                    'language' => $parentLanguage,
+                    'action' => $type,
+                ];
+            }
+
+            $tce = GeneralUtility::makeInstance(DataHandler::class);
+            $tce->start([], $cmd);
+            $tce->process_cmdmap();
+
+            $oldItems = $this->getFileReferenceUids((string)$oldItemList);
+
+            $newItemList = (string)($tce->registerDBList[$inlineParent['table']][$inlineParent['uid']][$parentFieldName] ?? '');
+            $newItems = $this->getFileReferenceUids($newItemList);
+
+            // Render error messages from DataHandler
+            $tce->printLogErrorMessages();
+            $messages = $this->flashMessageService->getMessageQueueByIdentifier()->getAllMessagesAndFlush();
+            if (!empty($messages)) {
+                foreach ($messages as $message) {
+                    $jsonArray['messages'][] = [
+                        'title'    => $message->getTitle(),
+                        'message'  => $message->getMessage(),
+                        'severity' => $message->getSeverity(),
+                    ];
+                    if ($message->getSeverity() === ContextualFeedbackSeverity::ERROR) {
+                        $jsonArray['hasErrors'] = true;
+                    }
+                }
+            }
+
+            // Set the items that should be removed in the forms view:
+            $removedItems = array_diff($oldItems, $newItems);
+            $jsonArray['compilerInput']['delete'] = $removedItems;
+
+            $localizedItems = array_diff($newItems, $oldItems);
+            foreach ($localizedItems as $i => $localizedFileReferenceUid) {
+                $fileReferenceData = $this->compileFileReference($request, $parentData, $parentFieldName, (int)$localizedFileReferenceUid, $inlineStructure);
+                $fileReferenceData['inlineParentUid'] = (int)$inlineParent['uid'];
+                $fileReferenceData['renderType'] = 'fileReferenceContainer';
+
+                $jsonArray = $this->mergeFileReferenceResultIntoJsonResult(
+                    $jsonArray,
+                    $this->nodeFactory->create($fileReferenceData)->render()
+                );
+
+                // Get the name of the field used as foreign selector (if any):
+                $selectedValue = $fileReferenceData['databaseRow']['uid_local'];
+                if (is_array($selectedValue)) {
+                    $selectedValue = $selectedValue[0];
+                }
+
+                $jsonArray['compilerInput']['localize'][$i] = [
+                    'uid' => $localizedFileReferenceUid,
+                    'selectedValue' => $selectedValue,
+                ];
+
+                // Remove possible virtual records in the form which showed that a file reference could be
+                // localized:
+                $transOrigPointerFieldName = $fileReferenceData['processedTca']['ctrl']['transOrigPointerField'];
+                if (isset($fileReferenceData['databaseRow'][$transOrigPointerFieldName]) && $fileReferenceData['databaseRow'][$transOrigPointerFieldName]) {
+                    $transOrigPointerFieldValue = $fileReferenceData['databaseRow'][$transOrigPointerFieldName];
+                    if (is_array($transOrigPointerFieldValue)) {
+                        $transOrigPointerFieldValue = $transOrigPointerFieldValue[0];
+                        if (is_array($transOrigPointerFieldValue) && ($transOrigPointerFieldValue['uid'] ?? false)) {
+                            $transOrigPointerFieldValue = $transOrigPointerFieldValue['uid'];
+                        }
+                    }
+                    $jsonArray['compilerInput']['localize'][$i]['remove'] = $transOrigPointerFieldValue;
+                }
+            }
+        }
+        return $this->jsonResponse($jsonArray);
+    }
+
+    /**
+     * Store status of file references' expand / collapse state in backend user UC.
+     */
+    public function expandOrCollapseAction(ServerRequestInterface $request): ResponseInterface
+    {
+        [$domObjectId, $expand, $collapse] = $request->getParsedBody()['ajax'];
+
+        $inlineStructure = $this->inlineStackProcessor->getStructureFromString($domObjectId, $this->tcaSchemaFactory->all());
+        $currentTable = $this->inlineStackProcessor->getUnstableStructureFromStructure($inlineStructure)['table'];
+        $top = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, 0);
+        $stateArray = $this->getReferenceExpandCollapseStateArray();
+        // Only do some action if the top record and the current record were saved before
+        if (MathUtility::canBeInterpretedAsInteger($top['uid'])) {
+            // Set records to be expanded
+            foreach (GeneralUtility::trimExplode(',', $expand) as $uid) {
+                $stateArray[$top['table']][$top['uid']][$currentTable][] = $uid;
+            }
+            // Set records to be collapsed
+            foreach (GeneralUtility::trimExplode(',', $collapse) as $uid) {
+                $stateArray[$top['table']][$top['uid']][$currentTable] = $this->removeFromArray(
+                    $uid,
+                    $stateArray[$top['table']][$top['uid']][$currentTable]
+                );
+            }
+            // Save states back to database
+            if (is_array($stateArray[$top['table']][$top['uid']][$currentTable] ?? false)) {
+                $stateArray[$top['table']][$top['uid']][$currentTable] = array_unique($stateArray[$top['table']][$top['uid']][$currentTable]);
+                $backendUser = $this->getBackendUserAuthentication();
+                $backendUser->uc['inlineView'] = json_encode($stateArray);
+                $backendUser->writeUC();
+            }
+        }
+        return $this->jsonResponse();
+    }
+
+    protected function compileFileReference(ServerRequestInterface $request, array $parentData, $parentFieldName, $fileReferenceUid, array $inlineStructure): array
+    {
+        $inlineTopMostParent = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, 0);
+        return $this->formDataCompiler
+            ->compile(
+                [
+                    'request' => $request,
+                    'command' => 'edit',
+                    'tableName' => self::FILE_REFERENCE_TABLE,
+                    'vanillaUid' => (int)$fileReferenceUid,
+                    'returnUrl' => $parentData['returnUrl'],
+                    'isInlineChild' => true,
+                    'inlineStructure' => $inlineStructure,
+                    'inlineFirstPid' => $parentData['inlineFirstPid'],
+                    'inlineParentConfig' => $parentData['processedTca']['columns'][$parentFieldName]['config'],
+                    'isInlineAjaxOpeningContext' => true,
+                    'inlineParentUid' => $parentData['databaseRow']['uid'] ?? $parentData['uid'],
+                    'inlineParentTableName' => $parentData['tableName'],
+                    'inlineParentFieldName' => $parentFieldName,
+                    'inlineTopMostParentUid' => $inlineTopMostParent['uid'],
+                    'inlineTopMostParentTableName' => $inlineTopMostParent['table'],
+                    'inlineTopMostParentFieldName' => $inlineTopMostParent['field'],
+                ],
+                GeneralUtility::makeInstance(TcaDatabaseRecord::class)
+            );
+    }
+
+    /**
+     * Merge compiled file reference data into the json result array.
+     */
+    protected function mergeFileReferenceResultIntoJsonResult(array $jsonResult, array $fileReferenceData): array
+    {
+        /** @var JavaScriptItems $scriptItems */
+        $scriptItems = $jsonResult['scriptItems'];
+
+        $jsonResult['data'] .= $fileReferenceData['html'];
+        $jsonResult['stylesheetFiles'] = [];
+        foreach ($fileReferenceData['stylesheetFiles'] as $stylesheetFile) {
+            $jsonResult['stylesheetFiles'][] = $this->getRelativePathToStylesheetFile($stylesheetFile);
+        }
+        if (!empty($fileReferenceData['inlineData'])) {
+            $jsonResult['inlineData'] = $fileReferenceData['inlineData'];
+        }
+        if (!empty($fileReferenceData['additionalInlineLanguageLabelFiles'])) {
+            $labels = [];
+            foreach ($fileReferenceData['additionalInlineLanguageLabelFiles'] as $additionalInlineLanguageLabelFile) {
+                ArrayUtility::mergeRecursiveWithOverrule(
+                    $labels,
+                    $this->getLabelsFromLocalizationFile($additionalInlineLanguageLabelFile)
+                );
+            }
+            $scriptItems->addGlobalAssignment(['TYPO3' => ['lang' => $labels]]);
+        }
+        $this->addJavaScriptModulesToJavaScriptItems($fileReferenceData['javaScriptModules'] ?? [], $scriptItems);
+
+        return $jsonResult;
+    }
+
+    /**
+     * Gets an array with the uids of file references out of a list of items.
+     */
+    protected function getFileReferenceUids(string $itemList): array
+    {
+        $itemArray = GeneralUtility::trimExplode(',', $itemList, true);
+        // Perform modification of the selected items array:
+        foreach ($itemArray as &$value) {
+            $parts = explode('|', $value, 2);
+            $value = $parts[0];
+        }
+        unset($value);
+        return $itemArray;
+    }
+
+    /**
+     * Get expand / collapse state of inline items
+     */
+    protected function getReferenceExpandCollapseStateArray(): array
+    {
+        $backendUser = $this->getBackendUserAuthentication();
+        if (empty($backendUser->uc['inlineView'])) {
+            return [];
+        }
+
+        $state = json_decode($backendUser->uc['inlineView'], true);
+        if (!is_array($state)) {
+            $state = [];
+        }
+
+        return $state;
+    }
+
+    /**
+     * Remove an element from an array.
+     */
+    protected function removeFromArray(mixed $needle, array $haystack, bool $strict = false): array
+    {
+        $pos = array_search($needle, $haystack, $strict);
+        if ($pos !== false) {
+            unset($haystack[$pos]);
+        }
+        return $haystack;
+    }
+
+    /**
+     * Get inlineFirstPid from a given objectId string
+     */
+    protected function getInlineFirstPidFromDomObjectId(string $domObjectId): int|string|null
+    {
+        // Substitute FlexForm addition and make parsing a bit easier
+        $domObjectId = str_replace('---', ':', $domObjectId);
+        // The starting pattern of an object identifier (e.g. "data-<firstPidValue>-<anything>)
+        $pattern = '/^data-(.+?)-(.+)$/';
+        if (preg_match($pattern, $domObjectId, $match)) {
+            return $match[1];
+        }
+        return null;
+    }
+
+    /**
+     * Validates the config that is transferred over the wire to provide the
+     * correct TCA config for the parent table
+     */
+    protected function extractSignedParentConfigFromRequest(string $contextString): array
+    {
+        if ($contextString === '') {
+            throw new \RuntimeException('Empty context string given', 1664486783);
+        }
+        $context = json_decode($contextString, true);
+        if (empty($context['config'])) {
+            throw new \RuntimeException('Empty context config section given', 1664486790);
+        }
+        if (!hash_equals($this->hashService->hmac((string)$context['config'], 'FilesContext'), (string)$context['hmac'])) {
+            throw new \RuntimeException('Hash does not validate', 1664486791);
+        }
+        return json_decode($context['config'], true);
+    }
+
+    protected function jsonResponse(array $json = []): ResponseInterface
+    {
+        return $this->responseFactory->createResponse()
+            ->withHeader('Content-Type', 'application/json; charset=utf-8')
+            ->withBody($this->streamFactory->createStream((string)json_encode($json)));
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/FormFlexAjaxController.php b/Classes/Controller/FormFlexAjaxController.php
new file mode 100644
index 0000000..14f7e5f
--- /dev/null
+++ b/Classes/Controller/FormFlexAjaxController.php
@@ -0,0 +1,165 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Form\Behavior\UpdateValueOnFieldChange;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\TcaDatabaseRecord;
+use TYPO3\CMS\Backend\Form\NodeFactory;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Page\JavaScriptItems;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Handle FormEngine flex field ajax calls
+ */
+#[AsController]
+readonly class FormFlexAjaxController extends AbstractFormEngineAjaxController
+{
+    public function __construct(
+        private FormDataCompiler $formDataCompiler,
+        private NodeFactory $nodeFactory,
+    ) {}
+
+    /**
+     * Render a single flex form section container to add it to the DOM
+     */
+    public function containerAdd(ServerRequestInterface $request): ResponseInterface
+    {
+        $queryParameters = $request->getParsedBody();
+
+        $vanillaUid = (int)$queryParameters['vanillaUid'];
+        $databaseRowUid = $queryParameters['databaseRowUid'];
+        $command = $queryParameters['command'];
+        $tableName = $queryParameters['tableName'];
+        $fieldName = $queryParameters['fieldName'];
+        $recordTypeValue = $queryParameters['recordTypeValue'];
+        $flexFormSheetName = $queryParameters['flexFormSheetName'];
+        $flexFormFieldName = $queryParameters['flexFormFieldName'];
+        $flexFormContainerName = $queryParameters['flexFormContainerName'];
+
+        // Prepare TCA and data values for a new section container using data providers
+        // @todo Replace with a mutable schema
+        $processedTca = $GLOBALS['TCA'][$tableName];
+        // Get a new unique id for this container.
+        $flexFormContainerIdentifier = StringUtility::getUniqueId();
+        $flexSectionContainerPreparation = [
+            'flexFormSheetName' => $flexFormSheetName,
+            'flexFormFieldName' => $flexFormFieldName,
+            'flexFormContainerName' => $flexFormContainerName,
+            'flexFormContainerIdentifier' => $flexFormContainerIdentifier,
+        ];
+
+        $formDataCompilerInput = [
+            'request' => $request,
+            'tableName' => $tableName,
+            'vanillaUid' => (int)$vanillaUid,
+            'command' => $command,
+            'recordTypeValue' => $recordTypeValue,
+            'processedTca' => $processedTca,
+            'flexSectionContainerPreparation' => $flexSectionContainerPreparation,
+        ];
+        // A new container on a new record needs the 'NEW123' uid here, see comment
+        // in DatabaseUniqueUidNewRow for more information on that.
+        // @todo: Resolve, maybe with a redefinition of vanillaUid to transport the information more clean through this var?
+        // @see issue #80100 for a series of changes in this area
+        if ($command === 'new') {
+            $formDataCompilerInput['databaseRow']['uid'] = $databaseRowUid;
+        }
+        $formData = $this->formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(TcaDatabaseRecord::class));
+
+        $dataStructure = $formData['processedTca']['columns'][$fieldName]['config']['ds'];
+        $dataStructureIdentifier = $formData['processedTca']['columns'][$fieldName]['config']['dataStructureIdentifier'];
+        $formData['fieldName'] = $fieldName;
+        $formData['flexFormDataStructureArray'] = $dataStructure['sheets'][$flexFormSheetName]['ROOT']['el'][$flexFormFieldName]['children'][$flexFormContainerIdentifier];
+        $formData['flexFormDataStructureIdentifier'] = $dataStructureIdentifier;
+        $formData['flexFormFieldName'] = $flexFormFieldName;
+        $formData['flexFormSheetName'] = $flexFormSheetName;
+        $formData['flexFormContainerName'] = $flexFormContainerName;
+        $formData['flexFormContainerIdentifier'] = $flexFormContainerIdentifier;
+
+        $formData['flexFormFormPrefix'] = '[data][' . $flexFormSheetName . '][lDEF][' . $flexFormFieldName . '][el]';
+
+        // Set initialized data of that section container from compiler to the array part used
+        // by flexFormElementContainer which prepares parameterArray. Important for initialized
+        // values of group element.
+        if (isset($formData['databaseRow'][$fieldName]
+                ['data'][$flexFormSheetName]
+                ['lDEF'][$flexFormFieldName]
+                ['el'][$flexFormContainerIdentifier][$flexFormContainerName]['el']
+        )
+            && is_array(
+                $formData['databaseRow'][$fieldName]
+                ['data'][$flexFormSheetName]
+                ['lDEF'][$flexFormFieldName]
+                ['el'][$flexFormContainerIdentifier][$flexFormContainerName]['el']
+            )
+        ) {
+            $formData['flexFormRowData'] = $formData['databaseRow'][$fieldName]
+                ['data'][$flexFormSheetName]
+                ['lDEF'][$flexFormFieldName]
+                ['el'][$flexFormContainerIdentifier][$flexFormContainerName]['el'];
+        }
+
+        $formData['parameterArray']['itemFormElName'] = 'data[' . $tableName . '][' . $formData['databaseRow']['uid'] . '][' . $fieldName . ']';
+
+        // Client-side behavior for event handlers:
+        $formData['parameterArray']['fieldChangeFunc'] = [];
+        $formData['parameterArray']['fieldChangeFunc']['TBE_EDITOR_fieldChanged'] = new UpdateValueOnFieldChange(
+            $tableName,
+            (string)$formData['databaseRow']['uid'],
+            $fieldName,
+            $formData['parameterArray']['itemFormElName']
+        );
+
+        // @todo: check GroupElement for usage of elementBaseName ... maybe kick that thing?
+
+        // Feed resulting form data to container structure to render HTML and other result data
+        $formData['renderType'] = 'flexFormContainerContainer';
+        $newContainerResult = $this->nodeFactory->create($formData)->render();
+        $scriptItems = new JavaScriptItems();
+
+        $jsonResult = [
+            'html' => $newContainerResult['html'],
+            'stylesheetFiles' => [],
+            'scriptItems' => $scriptItems,
+        ];
+
+        foreach ($newContainerResult['stylesheetFiles'] as $stylesheetFile) {
+            $jsonResult['stylesheetFiles'][] = $this->getRelativePathToStylesheetFile($stylesheetFile);
+        }
+        if (!empty($newContainerResult['additionalInlineLanguageLabelFiles'])) {
+            $labels = [];
+            foreach ($newContainerResult['additionalInlineLanguageLabelFiles'] as $additionalInlineLanguageLabelFile) {
+                ArrayUtility::mergeRecursiveWithOverrule(
+                    $labels,
+                    $this->getLabelsFromLocalizationFile($additionalInlineLanguageLabelFile)
+                );
+            }
+            $scriptItems->addGlobalAssignment(['TYPO3' => ['lang' => $labels]]);
+        }
+        $this->addJavaScriptModulesToJavaScriptItems($newContainerResult['javaScriptModules'] ?? [], $scriptItems);
+
+        return new JsonResponse($jsonResult);
+    }
+}
diff --git a/Classes/Controller/FormInlineAjaxController.php b/Classes/Controller/FormInlineAjaxController.php
new file mode 100644
index 0000000..e68788f
--- /dev/null
+++ b/Classes/Controller/FormInlineAjaxController.php
@@ -0,0 +1,671 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\TcaDatabaseRecord;
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Backend\Form\NodeFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Page\JavaScriptItems;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Handle FormEngine inline ajax calls
+ */
+#[AsController]
+readonly class FormInlineAjaxController extends AbstractFormEngineAjaxController
+{
+    public function __construct(
+        private FormDataCompiler $formDataCompiler,
+        private HashService $hashService,
+        private NodeFactory $nodeFactory,
+        private InlineStackProcessor $inlineStackProcessor,
+        private TcaSchemaFactory $tcaSchemaFactory,
+        private FlashMessageService $flashMessageService,
+    ) {}
+
+    /**
+     * Create a new inline child via AJAX.
+     */
+    public function createAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $ajaxArguments = $request->getParsedBody()['ajax'] ?? $request->getQueryParams()['ajax'];
+        $parentConfig = $this->extractSignedParentConfigFromRequest((string)$ajaxArguments['context']);
+
+        $domObjectId = $ajaxArguments[0] ?? '';
+        $inlineFirstPid = $this->getInlineFirstPidFromDomObjectId($domObjectId);
+        if (!MathUtility::canBeInterpretedAsInteger($inlineFirstPid)
+            && !str_starts_with((string)$inlineFirstPid, 'NEW')
+        ) {
+            throw new \RuntimeException(
+                'inlineFirstPid should either be an integer or a "NEW..." string',
+                1521220491
+            );
+        }
+        $childChildUid = null;
+        if (isset($ajaxArguments[1]) && MathUtility::canBeInterpretedAsInteger($ajaxArguments[1])) {
+            $childChildUid = (int)$ajaxArguments[1];
+        }
+
+        // Parse the DOM identifier, add the levels to the structure stack
+        $inlineStructure = $this->inlineStackProcessor->getStructureFromString($domObjectId, $this->tcaSchemaFactory->all());
+        $inlineStructure = $this->inlineStackProcessor->addAjaxConfigurationToStructure($inlineStructure, $parentConfig);
+        $inlineTopMostParent = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, 0);
+        // Parent, this table embeds the child table
+        $inlineParent = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, -1);
+        // Child, a record from this table should be rendered
+        $child = $this->inlineStackProcessor->getUnstableStructureFromStructure($inlineStructure);
+
+        if (isset($child['uid']) && MathUtility::canBeInterpretedAsInteger($child['uid'])) {
+            // If uid comes in, it is the id of the record neighbor record "create after"
+            $childVanillaUid = -1 * abs((int)$child['uid']);
+        } else {
+            // Else inline first Pid is the storage pid of new inline records
+            $childVanillaUid = $inlineFirstPid;
+        }
+
+        $childTableName = $parentConfig['foreign_table'];
+
+        $formDataCompilerInput = [
+            'request' => $request,
+            'command' => 'new',
+            'tableName' => $childTableName,
+            'vanillaUid' => $childVanillaUid,
+            'isInlineChild' => true,
+            'inlineStructure' => $inlineStructure,
+            'inlineFirstPid' => $inlineFirstPid,
+            'inlineParentUid' => $inlineParent['uid'],
+            'inlineParentTableName' => $inlineParent['table'],
+            'inlineParentFieldName' => $inlineParent['field'],
+            'inlineParentConfig' => $parentConfig,
+            'inlineTopMostParentUid' => $inlineTopMostParent['uid'],
+            'inlineTopMostParentTableName' => $inlineTopMostParent['table'],
+            'inlineTopMostParentFieldName' => $inlineTopMostParent['field'],
+        ];
+        if ($childChildUid) {
+            $formDataCompilerInput['inlineChildChildUid'] = $childChildUid;
+        }
+        $childData = $this->formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(TcaDatabaseRecord::class));
+
+        if (($parentConfig['foreign_selector'] ?? false) && ($parentConfig['appearance']['useCombination'] ?? false)) {
+            // We have a foreign_selector. So, we just created a new record on an intermediate table in $childData.
+            // Now, if a valid id is given as second ajax parameter, the intermediate row should be connected to an
+            // existing record of the child-child table specified by the given uid. If there is no such id, user
+            // clicked on "created new" and a new child-child should be created, too.
+            if ($childChildUid) {
+                // Fetch existing child child
+                $childData['databaseRow'][$parentConfig['foreign_selector']] = [
+                    $childChildUid,
+                ];
+                $childData['combinationChild'] = $this->compileChildChild($request, $childData, $parentConfig, $inlineStructure);
+            } else {
+                $formDataCompilerInput = [
+                    'request' => $request,
+                    'command' => 'new',
+                    'tableName' => $this->getChildChildTableName($parentConfig['foreign_selector'], $childData),
+                    'vanillaUid' => $inlineFirstPid,
+                    'isInlineChild' => true,
+                    'isInlineAjaxOpeningContext' => true,
+                    'inlineStructure' => $inlineStructure,
+                    'inlineFirstPid' => $inlineFirstPid,
+                ];
+                $childData['combinationChild'] = $this->formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(TcaDatabaseRecord::class));
+            }
+        }
+
+        $childData['inlineParentUid'] = $inlineParent['uid'];
+        $childData['renderType'] = 'inlineRecordContainer';
+        $childResult = $this->nodeFactory->create($childData)->render();
+
+        $jsonArray = [
+            'data' => '',
+            'stylesheetFiles' => [],
+            'scriptItems' => new JavaScriptItems(),
+            'compilerInput' => [
+                'uid' => $childData['databaseRow']['uid'],
+                'childChildUid' => $childChildUid,
+            ],
+        ];
+
+        $jsonArray = $this->mergeChildResultIntoJsonResult($jsonArray, $childResult);
+
+        return new JsonResponse($jsonArray);
+    }
+
+    /**
+     * Show the details of a child record.
+     */
+    public function detailsAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $ajaxArguments = $request->getParsedBody()['ajax'] ?? $request->getQueryParams()['ajax'];
+
+        $domObjectId = $ajaxArguments[0] ?? '';
+        $inlineFirstPid = $this->getInlineFirstPidFromDomObjectId($domObjectId);
+        $parentConfig = $this->extractSignedParentConfigFromRequest((string)$ajaxArguments['context']);
+
+        // Parse the DOM identifier, add the levels to the structure stack
+        $inlineStructure = $this->inlineStackProcessor->getStructureFromString($domObjectId, $this->tcaSchemaFactory->all());
+        $inlineStructure = $this->inlineStackProcessor->addAjaxConfigurationToStructure($inlineStructure, $parentConfig);
+        // Parent, this table embeds the child table
+        $inlineParent = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, -1);
+        $parentFieldName = $inlineParent['field'];
+
+        // Set flag in config so that only the fields are rendered
+        // @todo: Solve differently / rename / whatever
+        $parentConfig['renderFieldsOnly'] = true;
+
+        $parentData = [
+            'processedTca' => [
+                'columns' => [
+                    $parentFieldName => [
+                        'config' => $parentConfig,
+                    ],
+                ],
+            ],
+            'uid' => $inlineParent['uid'],
+            'tableName' => $inlineParent['table'],
+            'inlineFirstPid' => $inlineFirstPid,
+            // Hand over given original return url to compile stack. Needed if inline children compile links to
+            // another view (eg. edit metadata in a nested inline situation like news with inline content element image),
+            // so the back link is still the link from the original request. See issue #82525. This is additionally
+            // given down in TcaInline data provider to compiled children data.
+            'returnUrl' => $parentConfig['originalReturnUrl'],
+        ];
+
+        // Child, a record from this table should be rendered
+        $child = $this->inlineStackProcessor->getUnstableStructureFromStructure($inlineStructure);
+
+        $childData = $this->compileChild($request, $parentData, $parentFieldName, (int)$child['uid'], $inlineStructure);
+
+        $childData['inlineParentUid'] = (int)$inlineParent['uid'];
+        $childData['renderType'] = 'inlineRecordContainer';
+        $childResult = $this->nodeFactory->create($childData)->render();
+
+        $jsonArray = [
+            'data' => '',
+            'stylesheetFiles' => [],
+            'scriptItems' => new JavaScriptItems(),
+        ];
+
+        $jsonArray = $this->mergeChildResultIntoJsonResult($jsonArray, $childResult);
+
+        return new JsonResponse($jsonArray);
+    }
+
+    /**
+     * Adds localizations or synchronizes the locations of all child records.
+     * Handle AJAX calls to localize all records of a parent, localize a single record or to synchronize with the original language parent.
+     *
+     * @param ServerRequestInterface $request the incoming request
+     * @return ResponseInterface the filled response
+     */
+    public function synchronizeLocalizeAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $ajaxArguments = $request->getParsedBody()['ajax'] ?? $request->getQueryParams()['ajax'];
+        $domObjectId = $ajaxArguments[0] ?? '';
+        $type = $ajaxArguments[1] ?? null;
+        $parentConfig = $this->extractSignedParentConfigFromRequest((string)$ajaxArguments['context']);
+
+        // Parse the DOM identifier (string), add the levels to the structure stack (array), load the TCA config:
+        $inlineStructure = $this->inlineStackProcessor->getStructureFromString($domObjectId, $this->tcaSchemaFactory->all());
+        $inlineStructure = $this->inlineStackProcessor->addAjaxConfigurationToStructure($inlineStructure, $parentConfig);
+        $inlineFirstPid = $this->getInlineFirstPidFromDomObjectId($domObjectId);
+
+        $jsonArray = [
+            'data' => '',
+            'stylesheetFiles' => [],
+            'scriptItems' => new JavaScriptItems(),
+            'compilerInput' => [
+                'localize' => [],
+            ],
+        ];
+        if ($type === 'localize' || $type === 'synchronize' || MathUtility::canBeInterpretedAsInteger($type)) {
+            // Parent, this table embeds the child table
+            $parent = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, -1);
+            $parentFieldName = $parent['field'];
+
+            $processedTca = $GLOBALS['TCA'][$parent['table']];
+            $processedTca['columns'][$parentFieldName]['config'] = $parentConfig;
+
+            $formDataCompilerInputForParent = [
+                'request' => $request,
+                'vanillaUid' => (int)$parent['uid'],
+                'command' => 'edit',
+                'tableName' => $parent['table'],
+                'processedTca' => $processedTca,
+                'inlineFirstPid' => $inlineFirstPid,
+                'columnsToProcess' => [
+                    $parentFieldName,
+                ],
+                // @todo: still needed? NO!
+                'inlineStructure' => $inlineStructure,
+                // Do not compile existing children, we don't need them now
+                'inlineCompileExistingChildren' => false,
+            ];
+            // Full TcaDatabaseRecord is required here to have the list of connected uids $oldItemList
+            $parentData = $this->formDataCompiler->compile($formDataCompilerInputForParent, GeneralUtility::makeInstance(TcaDatabaseRecord::class));
+            $parentConfig = $parentData['processedTca']['columns'][$parentFieldName]['config'];
+            $parentLanguageField = $parentData['processedTca']['ctrl']['languageField'];
+            $parentLanguage = $parentData['databaseRow'][$parentLanguageField];
+            $oldItemList = $parentData['databaseRow'][$parentFieldName];
+
+            // DataHandler cannot handle arrays as field value
+            if (is_array($parentLanguage)) {
+                $parentLanguage = implode(',', $parentLanguage);
+            }
+
+            $cmd = [];
+            // Localize a single child element from default language of the parent element
+            if (MathUtility::canBeInterpretedAsInteger($type)) {
+                $cmd[$parent['table']][$parent['uid']]['inlineLocalizeSynchronize'] = [
+                    'field' => $parent['field'],
+                    'language' => $parentLanguage,
+                    'ids' => [$type],
+                ];
+            } else {
+                // Either localize or synchronize all child elements from default language of the parent element
+                $cmd[$parent['table']][$parent['uid']]['inlineLocalizeSynchronize'] = [
+                    'field' => $parent['field'],
+                    'language' => $parentLanguage,
+                    'action' => $type,
+                ];
+            }
+
+            $tce = GeneralUtility::makeInstance(DataHandler::class);
+            $tce->start([], $cmd);
+            $tce->process_cmdmap();
+
+            $newItemList = $tce->registerDBList[$parent['table']][$parent['uid']][$parentFieldName];
+
+            $oldItems = $this->getInlineRelatedRecordsUidArray($oldItemList);
+            $newItems = $this->getInlineRelatedRecordsUidArray($newItemList);
+
+            // Render error messages from DataHandler
+            $tce->printLogErrorMessages();
+            $messages = $this->flashMessageService->getMessageQueueByIdentifier()->getAllMessagesAndFlush();
+            if (!empty($messages)) {
+                foreach ($messages as $message) {
+                    $jsonArray['messages'][] = [
+                        'title'    => $message->getTitle(),
+                        'message'  => $message->getMessage(),
+                        'severity' => $message->getSeverity(),
+                    ];
+                    if ($message->getSeverity() === ContextualFeedbackSeverity::ERROR) {
+                        $jsonArray['hasErrors'] = true;
+                    }
+                }
+            }
+
+            // Set the items that should be removed in the forms view:
+            $removedItems = array_diff($oldItems, $newItems);
+            $jsonArray['compilerInput']['delete'] = $removedItems;
+
+            $localizedItems = array_diff($newItems, $oldItems);
+            foreach ($localizedItems as $i => $childUid) {
+                $childData = $this->compileChild($request, $parentData, $parentFieldName, (int)$childUid, $inlineStructure);
+
+                $childData['inlineParentUid'] = (int)$parent['uid'];
+                $childData['renderType'] = 'inlineRecordContainer';
+                $childResult = $this->nodeFactory->create($childData)->render();
+
+                $jsonArray = $this->mergeChildResultIntoJsonResult($jsonArray, $childResult);
+
+                // Get the name of the field used as foreign selector (if any):
+                $foreignSelector = isset($parentConfig['foreign_selector']) && $parentConfig['foreign_selector'] ? $parentConfig['foreign_selector'] : false;
+                $selectedValue = $foreignSelector ? $childData['databaseRow'][$foreignSelector] : null;
+                if (is_array($selectedValue)) {
+                    $selectedValue = $selectedValue[0];
+                }
+
+                $jsonArray['compilerInput']['localize'][$i] = [
+                    'uid' => $childUid,
+                    'selectedValue' => $selectedValue,
+                ];
+
+                // Remove possible virtual records in the form which showed that a child records could be localized:
+                $transOrigPointerFieldName = $childData['processedTca']['ctrl']['transOrigPointerField'];
+                if (isset($childData['databaseRow'][$transOrigPointerFieldName]) && $childData['databaseRow'][$transOrigPointerFieldName]) {
+                    $transOrigPointerFieldValue = $childData['databaseRow'][$transOrigPointerFieldName];
+                    if (is_array($transOrigPointerFieldValue)) {
+                        $transOrigPointerFieldValue = $transOrigPointerFieldValue[0];
+                        if (is_array($transOrigPointerFieldValue) && ($transOrigPointerFieldValue['uid'] ?? false)) {
+                            // With nested inline containers (eg. fal sys_file_reference), row[l10n_parent][0] is sometimes
+                            // a table / row combination again. See tx_styleguide_file file_5. If this happens we
+                            // pick the uid field from the array ... Basically, we need the uid of the 'default language' record,
+                            // since this is used in JS to locate and remove the 'shadowed' container.
+                            // @todo: Find out if this is really necessary that sometimes ['databaseRow']['l10n_parent'][0]
+                            // is resolved to a direct uid, and sometimes it's an array with items. Could this be harmonized?
+                            $transOrigPointerFieldValue = $transOrigPointerFieldValue['uid'];
+                        }
+                    }
+                    $jsonArray['compilerInput']['localize'][$i]['remove'] = $transOrigPointerFieldValue;
+                }
+            }
+        }
+        return new JsonResponse($jsonArray);
+    }
+
+    /**
+     * Store status of inline children expand / collapse state in backend user uC.
+     *
+     * @param ServerRequestInterface $request the incoming request
+     * @return ResponseInterface the filled response
+     */
+    public function expandOrCollapseAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $ajaxArguments = $request->getParsedBody()['ajax'] ?? $request->getQueryParams()['ajax'];
+        [$domObjectId, $expand, $collapse] = $ajaxArguments;
+
+        // Parse the DOM identifier (string), add the levels to the structure stack (array), don't load TCA config
+        $inlineStructure = $this->inlineStackProcessor->getStructureFromString($domObjectId, $this->tcaSchemaFactory->all());
+
+        $backendUser = $this->getBackendUserAuthentication();
+        // The current table - for this table we should add/import records
+        $currentTable = $this->inlineStackProcessor->getUnstableStructureFromStructure($inlineStructure);
+        $currentTable = $currentTable['table'];
+        // The top parent table - this table embeds the current table
+        $top = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, 0);
+        $topTable = $top['table'];
+        $topUid = $top['uid'];
+        $inlineView = $this->getInlineExpandCollapseStateArray();
+        // Only do some action if the top record and the current record were saved before
+        if (MathUtility::canBeInterpretedAsInteger($topUid)) {
+            $expandUids = GeneralUtility::trimExplode(',', $expand);
+            $collapseUids = GeneralUtility::trimExplode(',', $collapse);
+            // Set records to be expanded
+            foreach ($expandUids as $uid) {
+                $inlineView[$topTable][$topUid][$currentTable][] = $uid;
+            }
+            // Set records to be collapsed
+            foreach ($collapseUids as $uid) {
+                $inlineView[$topTable][$topUid][$currentTable] = $this->removeFromArray($uid, $inlineView[$topTable][$topUid][$currentTable]);
+            }
+            // Save states back to database
+            if (is_array($inlineView[$topTable][$topUid][$currentTable])) {
+                $inlineView[$topTable][$topUid][$currentTable] = array_unique($inlineView[$topTable][$topUid][$currentTable]);
+                $backendUser->uc['inlineView'] = json_encode($inlineView);
+                $backendUser->writeUC();
+            }
+        }
+        return new JsonResponse([]);
+    }
+
+    /**
+     * Compile a full child record
+     *
+     * @param array $parentData Result array of parent
+     * @param string $parentFieldName Name of parent field
+     * @param int $childUid Uid of child to compile
+     * @param array $inlineStructure Current inline structure
+     * @return array Full result array
+     *
+     * @todo: This clones methods compileChild from TcaInline Provider. Find a better abstraction
+     * @todo: to also encapsulate the more complex scenarios with combination child and friends.
+     */
+    protected function compileChild(ServerRequestInterface $request, array $parentData, $parentFieldName, $childUid, array $inlineStructure)
+    {
+        $parentConfig = $parentData['processedTca']['columns'][$parentFieldName]['config'];
+
+        $inlineTopMostParent = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, 0);
+
+        $childTableName = $inlineStructure['unstable']['table'] ?? null;
+        if (!$childTableName) {
+            throw new \RuntimeException('No unstable inline structure found', 1733754245);
+        }
+
+        $formDataCompilerInput = [
+            'request' => $request,
+            'command' => 'edit',
+            'tableName' => $childTableName,
+            'vanillaUid' => (int)$childUid,
+            'returnUrl' => $parentData['returnUrl'],
+            'isInlineChild' => true,
+            'inlineStructure' => $inlineStructure,
+            'inlineFirstPid' => $parentData['inlineFirstPid'],
+            'inlineParentConfig' => $parentConfig,
+            'isInlineAjaxOpeningContext' => true,
+
+            // values of the current parent element
+            // it is always a string either an id or new...
+            'inlineParentUid' => $parentData['databaseRow']['uid'] ?? $parentData['uid'],
+            'inlineParentTableName' => $parentData['tableName'],
+            'inlineParentFieldName' => $parentFieldName,
+
+            // values of the top most parent element set on first level and not overridden on following levels
+            'inlineTopMostParentUid' => $inlineTopMostParent['uid'],
+            'inlineTopMostParentTableName' => $inlineTopMostParent['table'],
+            'inlineTopMostParentFieldName' => $inlineTopMostParent['field'],
+        ];
+        // For foreign_selector with useCombination $mainChild is the mm record
+        // and $combinationChild is the child-child. For "normal" relations, $mainChild
+        // is just the normal child record and $combinationChild is empty.
+        $mainChild = $this->formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(TcaDatabaseRecord::class));
+        if (($parentConfig['foreign_selector'] ?? false) && ($parentConfig['appearance']['useCombination'] ?? false)) {
+            // This kicks in if opening an existing mainChild that has a child-child set
+            $mainChild['combinationChild'] = $this->compileChildChild($request, $mainChild, $parentConfig, $inlineStructure);
+        }
+        return $mainChild;
+    }
+
+    /**
+     * With useCombination set, not only content of the intermediate table, but also
+     * the connected child should be rendered in one go. Prepare this here.
+     *
+     * @param array $child Full data array of "mm" record
+     * @param array $parentConfig TCA configuration of "parent"
+     * @param array $inlineStructure Current inline structure
+     * @return array Full data array of child
+     */
+    protected function compileChildChild(ServerRequestInterface $request, array $child, array $parentConfig, array $inlineStructure)
+    {
+        // foreign_selector on intermediate is probably type=select, so data provider of this table resolved that to the uid already
+        $childChildUid = $child['databaseRow'][$parentConfig['foreign_selector']][0];
+        $formDataCompilerInput = [
+            'request' => $request,
+            'command' => 'edit',
+            'tableName' => $this->getChildChildTableName($parentConfig['foreign_selector'] ?? '', $child),
+            'vanillaUid' => (int)$childChildUid,
+            'isInlineChild' => true,
+            'isInlineAjaxOpeningContext' => true,
+            // @todo: this is the wrong inline structure, isn't it? Shouldn't contain it the part from child child, too?
+            'inlineStructure' => $inlineStructure,
+            'inlineFirstPid' => $child['inlineFirstPid'],
+            // values of the top most parent element set on first level and not overridden on following levels
+            'inlineTopMostParentUid' => $child['inlineTopMostParentUid'],
+            'inlineTopMostParentTableName' => $child['inlineTopMostParentTableName'],
+            'inlineTopMostParentFieldName' => $child['inlineTopMostParentFieldName'],
+        ];
+        return $this->formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(TcaDatabaseRecord::class));
+    }
+
+    /**
+     * Merge stuff from child array into json array.
+     * This method is needed since ajax handling methods currently need to put scriptCalls before and after child code.
+     *
+     * @param array $jsonResult Given json result
+     * @param array $childResult Given child result
+     * @return array Merged json array
+     */
+    protected function mergeChildResultIntoJsonResult(array $jsonResult, array $childResult)
+    {
+        /** @var JavaScriptItems $scriptItems */
+        $scriptItems = $jsonResult['scriptItems'];
+
+        $jsonResult['data'] .= $childResult['html'];
+        $jsonResult['stylesheetFiles'] = [];
+        foreach ($childResult['stylesheetFiles'] as $stylesheetFile) {
+            $jsonResult['stylesheetFiles'][] = $this->getRelativePathToStylesheetFile($stylesheetFile);
+        }
+        if (!empty($childResult['inlineData'])) {
+            $jsonResult['inlineData'] = $childResult['inlineData'];
+        }
+        if (!empty($childResult['additionalInlineLanguageLabelFiles'])) {
+            $labels = [];
+            foreach ($childResult['additionalInlineLanguageLabelFiles'] as $additionalInlineLanguageLabelFile) {
+                ArrayUtility::mergeRecursiveWithOverrule(
+                    $labels,
+                    $this->getLabelsFromLocalizationFile($additionalInlineLanguageLabelFile)
+                );
+            }
+            $scriptItems->addGlobalAssignment(['TYPO3' => ['lang' => $labels]]);
+        }
+        $this->addJavaScriptModulesToJavaScriptItems($childResult['javaScriptModules'] ?? [], $scriptItems);
+
+        return $jsonResult;
+    }
+
+    /**
+     * Gets an array with the uids of related records out of a list of items.
+     * This list could contain more information than required. This methods just
+     * extracts the uids.
+     *
+     * @param string $itemList The list of related child records
+     * @return array An array with uids
+     */
+    protected function getInlineRelatedRecordsUidArray($itemList)
+    {
+        $itemArray = GeneralUtility::trimExplode(',', $itemList, true);
+        // Perform modification of the selected items array:
+        foreach ($itemArray as &$value) {
+            $parts = explode('|', $value, 2);
+            $value = $parts[0];
+        }
+        unset($value);
+        return $itemArray;
+    }
+
+    /**
+     * Get expand / collapse state of inline items
+     *
+     * @return array
+     */
+    protected function getInlineExpandCollapseStateArray()
+    {
+        $backendUser = $this->getBackendUserAuthentication();
+        if (!$this->backendUserHasUcInlineView($backendUser)) {
+            return [];
+        }
+
+        $inlineView = json_decode($backendUser->uc['inlineView'], true);
+        if (!is_array($inlineView)) {
+            $inlineView = [];
+        }
+
+        return $inlineView;
+    }
+
+    /**
+     * Method to check whether the backend user has the property inline view for the current IRRE item.
+     * In existing or old IRRE items the attribute may not exist, then the json_decode will fail.
+     *
+     * @return bool
+     */
+    protected function backendUserHasUcInlineView(BackendUserAuthentication $backendUser)
+    {
+        return !empty($backendUser->uc['inlineView']);
+    }
+
+    /**
+     * Remove an element from an array.
+     *
+     * @param mixed $needle The element to be removed.
+     * @param array $haystack The array the element should be removed from.
+     * @param bool $strict Search elements strictly.
+     * @return array The array $haystack without the $needle
+     */
+    protected function removeFromArray($needle, $haystack, $strict = false)
+    {
+        $pos = array_search($needle, $haystack, $strict);
+        if ($pos !== false) {
+            unset($haystack[$pos]);
+        }
+        return $haystack;
+    }
+
+    /**
+     * Get inlineFirstPid from a given objectId string
+     *
+     * @param string $domObjectId The id attribute of an element
+     * @return int|string|null Pid or null
+     */
+    protected function getInlineFirstPidFromDomObjectId(string $domObjectId)
+    {
+        // Substitute FlexForm addition and make parsing a bit easier
+        $domObjectId = str_replace('---', ':', $domObjectId);
+        // The starting pattern of an object identifier (e.g. "data-<firstPidValue>-<anything>)
+        $pattern = '/^data-(.+?)-(.+)$/';
+        if (preg_match($pattern, $domObjectId, $match)) {
+            return $match[1];
+        }
+        return null;
+    }
+
+    /**
+     * Validates the config that is transferred over the wire to provide the
+     * correct TCA config for the parent table
+     *
+     * @throws \RuntimeException
+     */
+    protected function extractSignedParentConfigFromRequest(string $contextString): array
+    {
+        if ($contextString === '') {
+            throw new \RuntimeException('Empty context string given', 1489751361);
+        }
+        $context = json_decode($contextString, true);
+        if (empty($context['config'])) {
+            throw new \RuntimeException('Empty context config section given', 1489751362);
+        }
+        if (!hash_equals($this->hashService->hmac((string)$context['config'], 'InlineContext'), (string)$context['hmac'])) {
+            throw new \RuntimeException('Hash does not validate', 1489751363);
+        }
+        return json_decode($context['config'], true);
+    }
+
+    /**
+     * The child-child table name is set in the child TCA "the selector field" and is depending on
+     * the TCA type (select or group) either the "foreign_table" or the (first) "allowed" table.
+     */
+    protected function getChildChildTableName(string $foreignSelector, array $childConfiguration): string
+    {
+        $config = $childConfiguration['processedTca']['columns'][$foreignSelector]['config'] ?? [];
+        $type = $config['type'] ?? '';
+
+        return match ($type) {
+            'select' => $config['foreign_table'] ?? '',
+            'group' => GeneralUtility::trimExplode(',', $config['allowed'] ?? '', true)[0] ?? '',
+            default => '',
+        };
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/FormSelectTreeAjaxController.php b/Classes/Controller/FormSelectTreeAjaxController.php
new file mode 100644
index 0000000..9dcfc96
--- /dev/null
+++ b/Classes/Controller/FormSelectTreeAjaxController.php
@@ -0,0 +1,228 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Dto\Tree\SelectTreeItem;
+use TYPO3\CMS\Backend\Dto\Tree\TreeItem;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\TcaSelectTreeAjaxFieldData;
+use TYPO3\CMS\Core\Configuration\FlexForm\FlexFormTools;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Backend controller for selectTree ajax operations
+ */
+#[AsController]
+readonly class FormSelectTreeAjaxController
+{
+    public function __construct(
+        private FormDataCompiler $formDataCompiler,
+        private FlexFormTools $flexFormTools,
+        private TcaSchemaFactory $schemaFactory,
+    ) {}
+
+    /**
+     * Returns json representing category tree
+     *
+     * @throws \RuntimeException
+     */
+    public function fetchDataAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $tableName = $request->getQueryParams()['tableName'] ?? '';
+        $fieldName = $request->getQueryParams()['fieldName'] ?? '';
+
+        // Prepare processedTca: Remove all column definitions except the one that contains
+        // our tree definition. This way only this field is calculated, everything else is ignored.
+        if (!$this->schemaFactory->has($tableName)) {
+            throw new \RuntimeException(
+                'TCA for table ' . $tableName . ' not found',
+                1479386729
+            );
+        }
+        $schema = $this->schemaFactory->get($tableName);
+        if (!$schema->hasField($fieldName)) {
+            throw new \RuntimeException(
+                'TCA for table ' . $tableName . ' and field ' . $fieldName . ' not found',
+                1479386990
+            );
+        }
+
+        // @todo Replace with a mutable schema
+        $processedTca = $GLOBALS['TCA'][$tableName];
+
+        // Force given record type and set showitem to our field only
+        $recordTypeValue = $request->getQueryParams()['recordTypeValue'];
+        $processedTca['types'][$recordTypeValue]['showitem'] = $fieldName;
+        // Unset all columns except our field
+        $processedTca['columns'] = [
+            $fieldName => $processedTca['columns'][$fieldName],
+        ];
+
+        $dataStructureIdentifier = '';
+        $flexFormSheetName = '';
+        $flexFormFieldName = '';
+        $flexFormContainerIdentifier = '';
+        $flexFormContainerFieldName = '';
+        $flexSectionContainerPreparation = [];
+        if ($processedTca['columns'][$fieldName]['config']['type'] === 'flex') {
+            if (!empty($request->getQueryParams()['dataStructureIdentifier'])) {
+                $dataStructureIdentifier = $request->getQueryParams()['dataStructureIdentifier'];
+            }
+            $flexFormSheetName = $request->getQueryParams()['flexFormSheetName'];
+            $flexFormFieldName = $request->getQueryParams()['flexFormFieldName'];
+            $flexFormContainerName = $request->getQueryParams()['flexFormContainerName'];
+            $flexFormContainerIdentifier = $request->getQueryParams()['flexFormContainerIdentifier'];
+            $flexFormContainerFieldName = $request->getQueryParams()['flexFormContainerFieldName'];
+            $flexFormSectionContainerIsNew = (bool)$request->getQueryParams()['flexFormSectionContainerIsNew'];
+
+            $dataStructure = $this->flexFormTools->parseDataStructureByIdentifier($dataStructureIdentifier, $schema);
+
+            // Reduce given data structure down to the relevant element only
+            if (empty($flexFormContainerFieldName)) {
+                if (isset($dataStructure['sheets'][$flexFormSheetName]['ROOT']
+                    ['el'][$flexFormFieldName])
+                ) {
+                    $dataStructure = [
+                        'sheets' => [
+                            $flexFormSheetName => [
+                                'ROOT' => [
+                                    'type' => 'array',
+                                    'el' => [
+                                        $flexFormFieldName => $dataStructure['sheets'][$flexFormSheetName]['ROOT']
+                                            ['el'][$flexFormFieldName],
+                                    ],
+                                ],
+                            ],
+                        ],
+                    ];
+                }
+            } elseif (isset($dataStructure['sheets'][$flexFormSheetName]['ROOT']
+                ['el'][$flexFormFieldName]
+                ['el'][$flexFormContainerName]
+                ['el'][$flexFormContainerFieldName])
+            ) {
+                // If this is a tree in a section container that has just been added by the FlexFormAjaxController
+                // "new container" action, then this container is not yet persisted, so we need to trigger the
+                // TcaFlexProcess data provider again to prepare the DS and databaseRow of that container.
+                if ($flexFormSectionContainerIsNew) {
+                    $flexSectionContainerPreparation = [
+                        'flexFormSheetName' => $flexFormSheetName,
+                        'flexFormFieldName' => $flexFormFieldName,
+                        'flexFormContainerName' => $flexFormContainerName,
+                        'flexFormContainerIdentifier' => $flexFormContainerIdentifier,
+                    ];
+                }
+                // Now restrict the data structure to our tree element only
+                $dataStructure = [
+                    'sheets' => [
+                        $flexFormSheetName => [
+                            'ROOT' => [
+                                'type' => 'array',
+                                'el' => [
+                                    $flexFormFieldName => [
+                                        'section' => 1,
+                                        'type' => 'array',
+                                        'el' => [
+                                            $flexFormContainerName => [
+                                                'type' => 'array',
+                                                'el' => [
+                                                    $flexFormContainerFieldName => $dataStructure['sheets'][$flexFormSheetName]['ROOT']
+                                                        ['el'][$flexFormFieldName]
+                                                        ['el'][$flexFormContainerName]
+                                                        ['el'][$flexFormContainerFieldName],
+                                                ],
+                                            ],
+                                        ],
+                                    ],
+                                ],
+                            ],
+                        ],
+                    ],
+                ];
+            }
+            $processedTca['columns'][$fieldName]['config']['ds'] = $dataStructure;
+            $processedTca['columns'][$fieldName]['config']['dataStructureIdentifier'] = $dataStructureIdentifier;
+        }
+
+        $formDataCompilerInput = [
+            'request' => $request,
+            'tableName' => $tableName,
+            'vanillaUid' => (int)$request->getQueryParams()['uid'],
+            'command' => $request->getQueryParams()['command'],
+            'processedTca' => $processedTca,
+            'recordTypeValue' => $recordTypeValue,
+            'selectTreeCompileItems' => true,
+            'flexSectionContainerPreparation' => $flexSectionContainerPreparation,
+        ];
+        if (!empty($request->getQueryParams()['overrideValues'])) {
+            $formDataCompilerInput['overrideValues'] = json_decode($request->getQueryParams()['overrideValues'], true);
+        }
+        if (!empty($request->getQueryParams()['defaultValues'])) {
+            $formDataCompilerInput['defaultValues'] = json_decode($request->getQueryParams()['defaultValues'], true);
+        }
+        $formData = $this->formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(TcaSelectTreeAjaxFieldData::class));
+
+        if ($formData['processedTca']['columns'][$fieldName]['config']['type'] === 'flex') {
+            if (empty($flexFormContainerFieldName)) {
+                $treeData = $formData['processedTca']['columns'][$fieldName]['config']['ds']
+                    ['sheets'][$flexFormSheetName]['ROOT']
+                    ['el'][$flexFormFieldName]['config']['items'];
+            } else {
+                $treeData = $formData['processedTca']['columns'][$fieldName]['config']['ds']
+                    ['sheets'][$flexFormSheetName]['ROOT']
+                    ['el'][$flexFormFieldName]
+                    ['children'][$flexFormContainerIdentifier]
+                    ['el'][$flexFormContainerFieldName]['config']['items'];
+            }
+        } else {
+            $treeData = $formData['processedTca']['columns'][$fieldName]['config']['items'];
+        }
+
+        $data = [];
+        foreach ($treeData ?? [] as $item) {
+            $treeItem = new SelectTreeItem(
+                item: new TreeItem(
+                    identifier: (string)$item['identifier'],
+                    parentIdentifier: (string)($item['parentIdentifier'] ?? ''),
+                    recordType: (string)($item['recordType'] ?? ''),
+                    name: (string)($item['name'] ?? ''),
+                    prefix: (string)($item['prefix'] ?? ''),
+                    suffix: (string)($item['suffix'] ?? ''),
+                    tooltip: (string)($item['tooltip'] ?? ''),
+                    depth: (int)($item['depth'] ?? 0),
+                    hasChildren: (bool)($item['hasChildren'] ?? false),
+                    loaded: true,
+                    icon: (string)($item['icon'] ?? ''),
+                    overlayIcon: (string)($item['overlayIcon'] ?? ''),
+                    statusInformation: (array)($item['statusInformation'] ?? []),
+                    labels: (array)($item['labels'] ?? []),
+                ),
+                checked: (bool)($item['checked'] ?? false),
+                selectable: (bool)($item['selectable'] ?? false),
+            );
+            $data[] = $treeItem;
+        }
+
+        return new JsonResponse($data);
+    }
+}
diff --git a/Classes/Controller/FormSlugAjaxController.php b/Classes/Controller/FormSlugAjaxController.php
new file mode 100644
index 0000000..c8e115a
--- /dev/null
+++ b/Classes/Controller/FormSlugAjaxController.php
@@ -0,0 +1,185 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Context\Context;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\DataHandling\Model\RecordStateFactory;
+use TYPO3\CMS\Core\DataHandling\SlugHelper;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Handle FormEngine AJAX calls for Slug validation and sanitization
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class FormSlugAjaxController extends AbstractFormEngineAjaxController
+{
+    public function __construct(
+        private Context $context,
+        private HashService $hashService
+    ) {}
+
+    /**
+     * Validates a given slug against the site and give a suggestion when it's already in use
+     *
+     * For new records this will look like this:
+     * - If "slug" field is empty, take the other fields, and generate the slug based on the sent fields.
+     *      - JS: adapt the "placeholder" value only, as on save the field will be filled with the value via DataHandler
+     * - If "slug" field is not empty (= "unlocked" and manually typed in)
+     *  - sanitize the slug
+     *      - If 'uniqueInSite' is set check if it's unique for the site
+     *        - If not unique propose another slug and return this with the flag hasConflicts = true
+     *      - If 'uniqueInPid' is set check if it's unique for the pid
+     *        - If not unique propose another slug and return this with the flag hasConflicts = true
+     *
+     * For existing records:
+     *  - sanitize the slug
+     *      - If 'uniqueInSite' is set check if it's unique for the site
+     *        - If not unique propose another slug and return this with the flag hasConflicts = true
+     *      - If 'uniqueInPid' is set check if it's unique for the pid
+     *        - If not unique propose another slug and return this with the flag hasConflicts = true
+     *      - If the slug has changed from the existing database record (@todo)
+     *          - Show a message that the old URL will stop working (possibly add a redirect via checkbox)
+     *          - If the page has subpages, show a warning that the subpages WILL NOT BE MODIFIED and keep the OLD url
+     *
+     * @param ServerRequestInterface $request
+     * @throws \RuntimeException
+     */
+    public function suggestAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->checkRequest($request);
+
+        $queryParameters = $request->getParsedBody() ?? [];
+        $values = $queryParameters['values'];
+        $mode = $queryParameters['mode'];
+        $tableName = (string)($queryParameters['tableName'] ?? '');
+        $pid = (int)$queryParameters['pageId'];
+        $parentPageId = (int)$queryParameters['parentPageId'];
+        $recordId = (int)$queryParameters['recordId'];
+        $languageId = (int)$queryParameters['language'];
+        $fieldName = $queryParameters['fieldName'];
+
+        $fieldConfig = $GLOBALS['TCA'][$tableName]['columns'][$fieldName]['config'] ?? [];
+        $row = (array)BackendUtility::getRecord($tableName, $recordId);
+        $recordType = BackendUtility::getTCAtypeValue($tableName, $row, true);
+        if ($recordType !== null) {
+            $columnsOverridesConfigOfField = $GLOBALS['TCA'][$tableName]['types'][$recordType]['columnsOverrides'][$fieldName]['config'] ?? null;
+            if ($columnsOverridesConfigOfField) {
+                ArrayUtility::mergeRecursiveWithOverrule($fieldConfig, $columnsOverridesConfigOfField);
+            }
+        }
+        if (empty($fieldConfig)) {
+            throw new \RuntimeException(
+                'No valid field configuration for table ' . $tableName . ' field name ' . $fieldName . ' found.',
+                1535379534
+            );
+        }
+
+        $evalInfo = !empty($fieldConfig['eval']) ? GeneralUtility::trimExplode(',', $fieldConfig['eval'], true) : [];
+        $hasToBeUniqueInDb = in_array('unique', $evalInfo, true);
+        $hasToBeUniqueInSite = in_array('uniqueInSite', $evalInfo, true);
+        $hasToBeUniqueInPid = in_array('uniqueInPid', $evalInfo, true);
+
+        $hasConflict = false;
+
+        $recordData = $values;
+        if (!isset($recordData['uid'])) {
+            $recordData['uid'] = $recordId;
+        }
+        $recordData['pid'] = $pid;
+        if (!empty($GLOBALS['TCA'][$tableName]['ctrl']['languageField'])) {
+            $recordData[$GLOBALS['TCA'][$tableName]['ctrl']['languageField']] = $languageId;
+        }
+        if ($tableName === 'pages' && empty($recordData['is_siteroot'])) {
+            $recordData['is_siteroot'] = $row['is_siteroot'] ?? false;
+        }
+
+        $workspaceId = $this->context->getPropertyFromAspect('workspace', 'id');
+        $slug = GeneralUtility::makeInstance(SlugHelper::class, $tableName, $fieldName, $fieldConfig, $workspaceId);
+        if ($mode === 'auto') {
+            // New page - Feed incoming values to generator
+            $proposal = $slug->generate($recordData, $pid);
+        } elseif ($mode === 'recreate') {
+            $proposal = $slug->generate($recordData, $parentPageId);
+        } elseif ($mode === 'manual') {
+            // Existing record - Fetch full record and only validate against the new "slug" field.
+            $proposal = $slug->sanitize($values['manual']);
+        } else {
+            throw new \RuntimeException('mode must be either "auto", "recreate" or "manual"', 1535835666);
+        }
+
+        $state = RecordStateFactory::forName($tableName)
+            ->fromArray($recordData, $pid, $recordId);
+        if ($hasToBeUniqueInDb && !$slug->isUniqueInTable($proposal, $state)) {
+            $hasConflict = true;
+            $proposal = $slug->buildSlugForUniqueInTable($proposal, $state);
+        }
+        if ($hasToBeUniqueInSite && !$slug->isUniqueInSite($proposal, $state)) {
+            $hasConflict = true;
+            $proposal = $slug->buildSlugForUniqueInSite($proposal, $state);
+        }
+        if ($hasToBeUniqueInPid && !$slug->isUniqueInPid($proposal, $state)) {
+            $hasConflict = true;
+            $proposal = $slug->buildSlugForUniqueInPid($proposal, $state);
+        }
+
+        return new JsonResponse([
+            'hasConflicts' => $hasConflict,
+            'manual' => $values['manual'] ?? '',
+            'proposal' => $proposal,
+        ]);
+    }
+
+    /**
+     * @throws \InvalidArgumentException
+     */
+    protected function checkRequest(ServerRequestInterface $request): bool
+    {
+        $queryParameters = $request->getParsedBody() ?? [];
+        $expectedHash = $this->hashService->hmac(
+            implode(
+                '',
+                [
+                    $queryParameters['tableName'],
+                    $queryParameters['pageId'],
+                    $queryParameters['recordId'],
+                    $queryParameters['language'],
+                    $queryParameters['fieldName'],
+                    $queryParameters['command'],
+                    $queryParameters['parentPageId'],
+                ]
+            ),
+            __CLASS__
+        );
+        if (!hash_equals($expectedHash, $queryParameters['signature'])) {
+            throw new \InvalidArgumentException(
+                'HMAC could not be verified',
+                1535137045
+            );
+        }
+        return true;
+    }
+}
diff --git a/Classes/Controller/JavaScriptLanguageDomainController.php b/Classes/Controller/JavaScriptLanguageDomainController.php
new file mode 100644
index 0000000..f27b6c8
--- /dev/null
+++ b/Classes/Controller/JavaScriptLanguageDomainController.php
@@ -0,0 +1,44 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Routing\RouteResult;
+use TYPO3\CMS\Core\Localization\JavaScriptLanguageDomainProvider;
+
+/**
+ * @internal
+ */
+#[AsController]
+final readonly class JavaScriptLanguageDomainController
+{
+    public function __construct(
+        private JavaScriptLanguageDomainProvider $javaScriptLanguageDomainProvider,
+    ) {}
+
+    public function getLanguageDomainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        /** @var RouteResult $routing */
+        $routing = $request->getAttribute('routing');
+        $domain = $routing['domain'];
+        $locale = $routing['locale'];
+        return $this->javaScriptLanguageDomainProvider->createLanguageDomainResponse($domain, $locale);
+    }
+}
diff --git a/Classes/Controller/LinkBrowserController.php b/Classes/Controller/LinkBrowserController.php
new file mode 100644
index 0000000..81e0fd6
--- /dev/null
+++ b/Classes/Controller/LinkBrowserController.php
@@ -0,0 +1,165 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\LinkHandling\Exception\UnknownLinkHandlerException;
+use TYPO3\CMS\Core\LinkHandling\LinkService;
+use TYPO3\CMS\Core\LinkHandling\TypoLinkCodecService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+
+/**
+ * Extended controller for link browser
+ */
+#[AsController]
+class LinkBrowserController extends AbstractLinkBrowserController
+{
+    public function __construct(
+        protected readonly LinkService $linkService,
+        protected readonly TypoLinkCodecService $typoLinkCodecService,
+        protected readonly FlashMessageService $flashMessageService,
+        private readonly HashService $hashService,
+    ) {}
+
+    public function getConfiguration(): array
+    {
+        $tsConfig = BackendUtility::getPagesTSconfig($this->getCurrentPageId());
+        return $tsConfig['TCEMAIN.']['linkHandler.']['page.']['configuration.'] ?? [];
+    }
+
+    /**
+     * Encode a typolink via ajax.
+     * This avoids implementing the encoding functionality again in JS for the browser.
+     */
+    public function encodeTypoLink(ServerRequestInterface $request): ResponseInterface
+    {
+        $typoLinkParts = $request->getQueryParams();
+        if (isset($typoLinkParts['params'])) {
+            $typoLinkParts['additionalParams'] = $typoLinkParts['params'];
+            unset($typoLinkParts['params']);
+        }
+        $typoLink = $this->typoLinkCodecService->encode($typoLinkParts);
+        return new JsonResponse(['typoLink' => $typoLink]);
+    }
+
+    protected function initDocumentTemplate(): void
+    {
+        if (!$this->areFieldChangeFunctionsValid() && !$this->areFieldChangeFunctionsValid(true)) {
+            $this->parameters['fieldChangeFunc'] = [];
+        }
+        $this->pageRenderer->getJavaScriptRenderer()->addJavaScriptModuleInstruction(
+            JavaScriptModuleInstruction::create('@typo3/backend/form-engine-link-browser-adapter.js')
+                // @todo use a proper constructor when migrating to TypeScript
+                ->invoke('setOnFieldChangeItems', $this->parameters['fieldChangeFunc'])
+        );
+    }
+
+    protected function getCurrentPageId(): int
+    {
+        $pageId = 0;
+        $browserParameters = $this->parameters;
+        if (isset($browserParameters['pid'])) {
+            $pageId = $browserParameters['pid'];
+        } elseif (isset($browserParameters['itemName'])) {
+            // parse data[<table>][<uid>]
+            if (preg_match('~data\[([^]]*)\]\[([^]]*)\]~', $browserParameters['itemName'], $matches)) {
+                $recordArray = BackendUtility::getRecord($matches['1'], $matches['2']);
+                if (is_array($recordArray)) {
+                    $pageId = $recordArray['pid'];
+                }
+            }
+        }
+        return (int)BackendUtility::getRealPageId((string)$browserParameters['table'], (int)$browserParameters['uid'], (int)$pageId);
+    }
+
+    protected function initCurrentUrl(): void
+    {
+        $currentLink = isset($this->parameters['currentValue']) ? trim($this->parameters['currentValue']) : '';
+        /** @var array<string, string> $currentLinkParts */
+        $currentLinkParts = $this->typoLinkCodecService->decode($currentLink);
+        $currentLinkParts['params'] = $currentLinkParts['additionalParams'];
+        unset($currentLinkParts['additionalParams']);
+
+        if (!empty($currentLinkParts['url'])) {
+            try {
+                $data = $this->linkService->resolve($currentLinkParts['url']);
+                $currentLinkParts['type'] = $data['type'];
+                unset($data['type']);
+                $currentLinkParts['url'] = $data;
+            } catch (UnknownLinkHandlerException $e) {
+                $this->flashMessageService->getMessageQueueByIdentifier()->enqueue(
+                    new FlashMessage(message: $e->getMessage(), severity: ContextualFeedbackSeverity::ERROR)
+                );
+            }
+        }
+
+        $this->currentLinkParts = $currentLinkParts;
+
+        parent::initCurrentUrl();
+    }
+
+    /**
+     * Determines whether submitted field change functions are valid
+     * and are coming from the system and not from an external abuse.
+     *
+     * @param bool $handleFlexformSections Whether to handle flexform sections differently
+     * @return bool Whether the submitted field change functions are valid
+     */
+    protected function areFieldChangeFunctionsValid(bool $handleFlexformSections = false): bool
+    {
+        $result = false;
+        if (isset($this->parameters['fieldChangeFunc']) && is_array($this->parameters['fieldChangeFunc']) && isset($this->parameters['fieldChangeFuncHash'])) {
+            $matches = [];
+            $pattern = '#\\[el\\]\\[(([^]-]+-[^]-]+-)(idx\\d+-)([^]]+))\\]#i';
+            $fieldChangeFunctions = $this->parameters['fieldChangeFunc'];
+            // Special handling of flexform sections:
+            // Field change functions are modified in JavaScript, thus the hash is always invalid
+            if ($handleFlexformSections && preg_match($pattern, $this->parameters['itemName'], $matches)) {
+                $originalName = $matches[1];
+                $cleanedName = $matches[2] . $matches[4];
+                $fieldChangeFunctions = $this->strReplaceRecursively(
+                    $originalName,
+                    $cleanedName,
+                    $fieldChangeFunctions
+                );
+            }
+            $result = hash_equals($this->hashService->hmac(serialize($fieldChangeFunctions), 'backend-link-browser'), $this->parameters['fieldChangeFuncHash']);
+        }
+        return $result;
+    }
+
+    protected function strReplaceRecursively(string $search, string $replace, array $array): array
+    {
+        foreach ($array as &$item) {
+            if (is_array($item)) {
+                $item = $this->strReplaceRecursively($search, $replace, $item);
+            } else {
+                $item = str_replace($search, $replace, $item);
+            }
+        }
+        return $array;
+    }
+}
diff --git a/Classes/Controller/LinkController.php b/Classes/Controller/LinkController.php
new file mode 100644
index 0000000..9f37c69
--- /dev/null
+++ b/Classes/Controller/LinkController.php
@@ -0,0 +1,125 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\LinkHandling\LinkService;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageQueue;
+use TYPO3\CMS\Core\Resource\Exception\InsufficientFileAccessPermissionsException;
+use TYPO3\CMS\Core\Resource\Exception\InsufficientFolderAccessPermissionsException;
+use TYPO3\CMS\Core\Resource\File;
+use TYPO3\CMS\Core\Resource\Folder;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+
+/**
+ * @internal
+ */
+#[AsController]
+final readonly class LinkController
+{
+    public function __construct(
+        private LinkService $linkService,
+        private ResourceFactory $resourceFactory
+    ) {}
+
+    public function resourceAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $identifier = $request->getParsedBody()['identifier'] ?? null;
+        $resource = null;
+
+        try {
+            if ($identifier) {
+                $resource = $this->resourceFactory->retrieveFileOrFolderObject($identifier);
+            }
+            if (!$resource instanceof File && !$resource instanceof Folder) {
+                throw new \InvalidArgumentException('Resource must be a file or a folder', 1679039649);
+            }
+            if ($resource->getStorage()->isFallbackStorage()) {
+                throw new InsufficientFileAccessPermissionsException('You are not allowed to access files outside your storages', 1679039650);
+            }
+            if ($resource instanceof File) {
+                if (!$resource->checkActionPermission('read')) {
+                    throw new InsufficientFileAccessPermissionsException('You are not allowed to access this file', 1779001351);
+                }
+                $parameters = [
+                    'type' => LinkService::TYPE_FILE,
+                    'file' => $resource,
+                ];
+            }
+            if ($resource instanceof Folder) {
+                // Note: No explicit `$resource->checkActionPermission('read')` check here, as that would
+                // be a no-op since `ResourceStorage::getFolder()` calls `assureFolderReadPermission()`
+                // and throws `InsufficientFolderAccessPermissionsException`
+                $parameters = [
+                    'type' => LinkService::TYPE_FOLDER,
+                    'folder' => $resource,
+                ];
+            }
+            $link = $this->linkService->asString($parameters);
+        } catch (InsufficientFileAccessPermissionsException|InsufficientFolderAccessPermissionsException $exception) {
+            $message = match ($exception->getCode()) {
+                1679039650 => $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_resource.xlf:ajax.error.message.resourceOutsideOfStorages'),
+                default => $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_resource.xlf:ajax.error.message.resourceNoPermissionRead'),
+            };
+
+            return new JsonResponse($this->getResponseData(false, $message));
+        } catch (\Exception $exception) {
+            $message = match ($exception->getCode()) {
+                1679039649 => $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_resource.xlf:ajax.error.message.resourceNotFileOrFolder'),
+                default => $exception->getMessage(),
+            };
+
+            return new JsonResponse($this->getResponseData(false, $message));
+        }
+
+        return new JsonResponse($this->getResponseData(true, null, $link));
+    }
+
+    /**
+     * Prepare response data for a JSON response
+     */
+    private function getResponseData(bool $success, ?string $message = null, ?string $link = null): array
+    {
+        $flashMessageQueue = new FlashMessageQueue('backend');
+        if ($message) {
+            $flashMessageQueue->enqueue(
+                new FlashMessage(
+                    $message,
+                    $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_resource.xlf:ajax.' . ($success ? 'success' : 'error')),
+                    $success ? ContextualFeedbackSeverity::OK : ContextualFeedbackSeverity::ERROR
+                )
+            );
+        }
+        return [
+            'success' => $success,
+            'status' => $flashMessageQueue,
+            'link' => $link,
+        ];
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/LiveSearchController.php b/Classes/Controller/LiveSearchController.php
new file mode 100644
index 0000000..3b52f5d
--- /dev/null
+++ b/Classes/Controller/LiveSearchController.php
@@ -0,0 +1,119 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Search\Event\BeforeLiveSearchFormIsBuiltEvent;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\SearchDemand;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchRepository;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Http\Response;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Pagination\SlidingWindowPagination;
+
+/**
+ * Returns the results for any live searches, e.g. in the toolbar
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class LiveSearchController
+{
+    public function __construct(
+        protected BackendViewFactory $backendViewFactory,
+        protected SearchRepository $searchService,
+        protected EventDispatcherInterface $eventDispatcher,
+    ) {}
+
+    /**
+     * Processes all AJAX calls and sends back a JSON object
+     */
+    public function searchAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $mutableSearchDemand = SearchDemand::fromRequest($request);
+        if ($mutableSearchDemand->getQuery() === '') {
+            return new Response('', 400, [], 'Argument "query" is missing or empty.');
+        }
+
+        $results = $this->searchService->find($mutableSearchDemand);
+        $pagination = new SlidingWindowPagination($results, 15);
+        $response = [
+            'pagination' => [
+                'itemsPerPage' => SearchDemand::DEFAULT_LIMIT,
+                'currentPage' => $pagination->getPaginator()->getCurrentPageNumber(),
+                'firstPage' => $pagination->getFirstPageNumber(),
+                'lastPage' => $pagination->getLastPageNumber(),
+                'allPageNumbers' => $pagination->getAllPageNumbers(),
+                'previousPageNumber' => $pagination->getPreviousPageNumber(),
+                'nextPageNumber' => $pagination->getNextPageNumber(),
+                'hasMorePages' => $pagination->getHasMorePages(),
+                'hasLessPages' => $pagination->getHasLessPages(),
+            ],
+            'results' => $results->getPaginatedItems(),
+        ];
+
+        return new JsonResponse($response);
+    }
+
+    public function formAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $hints = [
+            'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:liveSearch_helpDescriptionPages',
+            'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:liveSearch_helpDescriptionContent',
+            'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:liveSearch_help.shortcutOpen',
+        ];
+
+        $event = $this->eventDispatcher->dispatch(
+            new BeforeLiveSearchFormIsBuiltEvent($hints, $request)
+        );
+        $hints = $event->getHints();
+        $searchDemand = $event->getSearchDemand();
+        $randomHintKey = array_rand($hints);
+        $additionalViewData = $event->getAdditionalViewData();
+
+        $searchProviders = $this->searchService->getSearchProviderState($searchDemand);
+
+        $activeOptions = 0;
+        // `isActive` is the result of `in_array()`, which returns a `bool`.
+        $activeOptions += count(array_filter($searchProviders, fn(array $searchProviderOption): bool => $searchProviderOption['isActive']));
+
+        $view = $this->backendViewFactory->create($request, ['typo3/cms-backend']);
+        if ($additionalViewData !== []) {
+            $view->assignMultiple($additionalViewData);
+        }
+        $view->assignMultiple([
+            'searchDemand' => $searchDemand,
+            'hint' => $this->getLanguageService()->sL($hints[$randomHintKey]),
+            'searchProviders' => $searchProviders,
+            'activeOptions' => $activeOptions,
+        ]);
+
+        $response = new Response();
+        $response->getBody()->write($view->render('LiveSearch/Form'));
+
+        return $response;
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/LoginController.php b/Classes/Controller/LoginController.php
new file mode 100644
index 0000000..9cc0950
--- /dev/null
+++ b/Classes/Controller/LoginController.php
@@ -0,0 +1,298 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\HttpFoundation\Cookie;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\LoginProvider\Event\ModifyPageLayoutOnLoginProviderSelectionEvent;
+use TYPO3\CMS\Backend\LoginProvider\LoginProviderInterface;
+use TYPO3\CMS\Backend\LoginProvider\LoginProviderResolver;
+use TYPO3\CMS\Backend\Routing\Exception\RouteNotFoundException;
+use TYPO3\CMS\Backend\Routing\RouteRedirect;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\PageRendererBackendSetupTrait;
+use TYPO3\CMS\Backend\View\AuthenticationStyleInformation;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Configuration\ExtensionConfiguration;
+use TYPO3\CMS\Core\Configuration\Features;
+use TYPO3\CMS\Core\Context\Context;
+use TYPO3\CMS\Core\Context\SecurityAspect;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\FormProtection\BackendFormProtection;
+use TYPO3\CMS\Core\FormProtection\FormProtectionFactory;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Http\PropagateResponseException;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Information\Typo3Information;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Localization\Locales;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Routing\BackendEntryPointResolver;
+use TYPO3\CMS\Core\Security\RequestToken;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\View\ViewFactoryData;
+use TYPO3\CMS\Core\View\ViewFactoryInterface;
+
+/**
+ * Controller responsible for rendering the TYPO3 Backend login form.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ * @todo: The central template rendering magic needs an overhaul: Currently, LoginProviderInterface has to
+ *        be implemented, which retrieves a "prepared" view with tons of variable used by the default Layout "Login.fluid.html".
+ *        Single LoginProviderInterface then set their template path ("Login/UserPassLoginForm" in UsernamePasswordLoginProvider),
+ *        which sets Login.fluid.html as layout in its template to then get its sections "loginFormFields" and "ResetPassword"
+ *        rendered. This strategy is a major mess and needs to be turned around somehow.
+ *        Note there is also this BE "relogin" and "login refresh" foo with lots of attached JS magic that
+ *        should either be streamlined to actually work, or (preferred) be thrown away.
+ */
+#[AsController]
+readonly class LoginController
+{
+    use PageRendererBackendSetupTrait;
+
+    public function __construct(
+        protected Typo3Information $typo3Information,
+        protected EventDispatcherInterface $eventDispatcher,
+        protected PageRenderer $pageRenderer,
+        protected UriBuilder $uriBuilder,
+        protected Features $features,
+        protected Context $context,
+        protected LoginProviderResolver $loginProviderResolver,
+        protected ExtensionConfiguration $extensionConfiguration,
+        protected BackendEntryPointResolver $backendEntryPointResolver,
+        protected FormProtectionFactory $formProtectionFactory,
+        protected Locales $locales,
+        protected ConnectionPool $connectionPool,
+        protected AuthenticationStyleInformation $authenticationStyleInformation,
+        protected ViewFactoryInterface $viewFactory,
+    ) {}
+
+    /**
+     * Injects the request and response objects for the current request or subrequest
+     * As this controller goes only through the main() method, it is rather simple for now
+     */
+    public function formAction(ServerRequestInterface $request): ResponseInterface
+    {
+        return $this->createLoginLogout($request, (bool)($request->getParsedBody()['loginRefresh'] ?? $request->getQueryParams()['loginRefresh'] ?? false));
+    }
+
+    /**
+     * Calls the main function but with loginRefresh enabled at any time
+     */
+    public function refreshAction(ServerRequestInterface $request): ResponseInterface
+    {
+        return $this->createLoginLogout($request, true);
+    }
+
+    /**
+     * @param bool $loginRefresh The backend triggers this with this value set when the login is
+     *                           close to being expired and the form needs to be redrawn.
+     * @throws PropagateResponseException
+     * @throws RouteNotFoundException
+     */
+    protected function createLoginLogout(ServerRequestInterface $request, bool $loginRefresh): ResponseInterface
+    {
+        $backendUser = $this->getBackendUserAuthentication();
+        if (!empty($backendUser->user['uid'])) {
+            // If BE user is logged in, redirect to backend. Also handles "refresh" foo.
+            $this->checkRedirect($request, $loginRefresh);
+        }
+
+        $languageService = $this->getLanguageService();
+        if (empty($backendUser->user['uid'])) {
+            // If no user is logged in, initialize LanguageService with preferred browser language and set the
+            // language to the backend user object, so labels in fluid views are translated.
+            $httpAcceptLanguage = $request->getServerParams()['HTTP_ACCEPT_LANGUAGE'] ?? '';
+            $preferredBrowserLanguage = $this->locales->getPreferredClientLanguage($httpAcceptLanguage);
+            $languageService->init($this->locales->createLocale($preferredBrowserLanguage));
+            $backendUser->user['lang'] = $preferredBrowserLanguage;
+        }
+
+        if (($backgroundImageStyles = $this->authenticationStyleInformation->getBackgroundImageStyles($request)) !== '') {
+            $this->pageRenderer->addCssInlineBlock('loginBackgroundImage', $backgroundImageStyles, null, false, true);
+        }
+        if (($highlightColorStyles = $this->authenticationStyleInformation->getHighlightColorStyles()) !== '') {
+            $this->pageRenderer->addCssInlineBlock('loginHighlightColor', $highlightColorStyles, null, false, true);
+        }
+        $loginProviderIdentifier = $this->loginProviderResolver->resolveLoginProviderIdentifierFromRequest($request, 'be_lastLoginProvider');
+        if (empty($backendUser->user['uid'])) {
+            // Show login form
+            $action = 'login';
+            $formActionUrl = $this->uriBuilder->buildUriWithRedirect('login', ['loginProvider' => $loginProviderIdentifier], RouteRedirect::createFromRequest($request));
+        } else {
+            // Show logout form
+            $action = 'logout';
+            $formActionUrl = $this->uriBuilder->buildUriFromRoute('logout');
+        }
+        $forgotPasswordUrl = $this->uriBuilder->buildUriWithRedirect('password_forget', ['loginProvider' => $loginProviderIdentifier], RouteRedirect::createFromRequest($request));
+        $viewVariables = [
+            'copyright' => $this->typo3Information->getCopyrightNotice(),
+            'loginFootnote' => $this->authenticationStyleInformation->getFooterNote(),
+            'referrerCheckEnabled' => $this->features->isFeatureEnabled('security.backend.enforceReferrer'),
+            'loginUrl' => (string)$request->getUri(),
+            'loginProviderIdentifier' => $loginProviderIdentifier,
+            'backendUser' => $backendUser->user,
+            'hasLoginError' => $this->isLoginInProgress($request),
+            'action' => $action,
+            'formActionUrl' => $formActionUrl,
+            'requestTokenName' => RequestToken::PARAM_NAME,
+            'requestTokenValue' => $this->provideRequestTokenJwt(),
+            'forgetPasswordUrl' => $forgotPasswordUrl,
+            'loginRefresh' => $loginRefresh,
+            'loginProviders' => $this->loginProviderResolver->getLoginProviders(),
+            'loginNewsItems' => $this->getSystemNews(),
+        ];
+
+        $this->setUpBasicPageRendererForBackend($this->pageRenderer, $this->extensionConfiguration, $request, $languageService);
+        $this->pageRenderer->setTitle('TYPO3 CMS Login: ' . ($GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?? ''));
+
+        $loginProviderConfiguration = $this->loginProviderResolver->getLoginProviderConfigurationByIdentifier($loginProviderIdentifier);
+        $loginProvider = GeneralUtility::makeInstance($loginProviderConfiguration['provider']);
+        if (!$loginProvider instanceof LoginProviderInterface) {
+            throw new \RuntimeException($loginProviderConfiguration['provider'] . ' must implement LoginProviderInterface', 1724772171);
+        }
+        $viewFactoryData = new ViewFactoryData(
+            templateRootPaths: ['EXT:backend/Resources/Private/Templates'],
+            partialRootPaths: ['EXT:backend/Resources/Private/Partials'],
+            layoutRootPaths: ['EXT:backend/Resources/Private/Layouts'],
+            request: $request,
+        );
+        $view = $this->viewFactory->create($viewFactoryData);
+        $view->assignMultiple($viewVariables);
+        $this->eventDispatcher->dispatch(new ModifyPageLayoutOnLoginProviderSelectionEvent($view, $request));
+        $templateFile = $loginProvider->modifyView($request, $view);
+        $content = $view->render($templateFile);
+        $this->pageRenderer->setBodyContent('<body>' . $content);
+        $response = $this->pageRenderer->renderResponse($request);
+        return $this->appendLoginProviderCookie($request, $response);
+    }
+
+    /**
+     * Returns a new request-token value, which is signed by a new nonce value (the nonce is sent
+     * as cookie automatically in `RequestTokenMiddleware` since it is created via the `NoncePool`).
+     */
+    public function requestTokenAction(ServerRequestInterface $request): ResponseInterface
+    {
+        return new JsonResponse([
+            'headerName' => RequestToken::HEADER_NAME,
+            'requestToken' => $this->provideRequestTokenJwt(),
+        ]);
+    }
+
+    /**
+     * @throws PropagateResponseException
+     */
+    protected function checkRedirect(ServerRequestInterface $request, bool $loginRefresh): void
+    {
+        $formProtection = $this->formProtectionFactory->createFromRequest($request);
+        if (!$formProtection instanceof BackendFormProtection) {
+            throw new \RuntimeException('The Form Protection retrieved does not match the expected one.', 1432080411);
+        }
+        if ($loginRefresh) {
+            // Triggering `TYPO3/CMS/Backend/LoginRefresh` module happens in JS `TYPO3/CMS/Backend/Login`
+            $formProtection->setSessionTokenFromRegistry();
+            $formProtection->persistSessionToken();
+        } else {
+            $formProtection->storeSessionTokenInRegistry();
+            // @todo: Consolidate RouteDispatcher::evaluateReferrer() when changing 'main' to something different
+            $redirectToURL = (string)$this->uriBuilder->buildUriWithRedirect('main', [], RouteRedirect::createFromRequest($request));
+            throw new PropagateResponseException(new RedirectResponse($redirectToURL, 303), 1724705833);
+        }
+    }
+
+    /**
+     * If a login provider was chosen in the previous request, which is not the default provider,
+     * it is stored in a Cookie and appended to the HTTP Response.
+     */
+    protected function appendLoginProviderCookie(ServerRequestInterface $request, ResponseInterface $response): ResponseInterface
+    {
+        $normalizedParams = $request->getAttribute('normalizedParams');
+        $loginProviderIdentifier = $this->loginProviderResolver->resolveLoginProviderIdentifierFromRequest($request, 'be_lastLoginProvider');
+        if ($loginProviderIdentifier === $this->loginProviderResolver->getPrimaryLoginProviderIdentifier()) {
+            return $response;
+        }
+        $cookie = new Cookie(
+            'be_lastLoginProvider',
+            $loginProviderIdentifier,
+            $GLOBALS['EXEC_TIME'] + 7776000, // 90 days
+            $this->backendEntryPointResolver->getPathFromRequest($request),
+            '',
+            // Use the secure option when the current request is served by a secure connection
+            $normalizedParams->isHttps(),
+            true,
+            false,
+            Cookie::SAMESITE_STRICT
+        );
+        return $response->withAddedHeader('Set-Cookie', $cookie->__toString());
+    }
+
+    /**
+     * Gets news as array from sys_news and converts them into a
+     * format suitable for showing them at the login screen.
+     */
+    protected function getSystemNews(): array
+    {
+        $systemNews = [];
+        $queryResult = $this->connectionPool
+            ->getQueryBuilderForTable('sys_news')
+            ->select('uid', 'title', 'content', 'crdate')
+            ->from('sys_news')
+            ->orderBy('crdate', 'DESC')
+            ->executeQuery();
+        while ($row = $queryResult->fetchAssociative()) {
+            $systemNews[] = [
+                'uid' => $row['uid'],
+                'date' => $row['crdate'] ? date($GLOBALS['TYPO3_CONF_VARS']['SYS']['ddmmyy'], (int)$row['crdate']) : '',
+                'header' => $row['title'],
+                'content' => $row['content'],
+            ];
+        }
+        return $systemNews;
+    }
+
+    /**
+     * Checks if login credentials have been submitted
+     */
+    protected function isLoginInProgress(ServerRequestInterface $request): bool
+    {
+        // @todo: Restrict to POST?!
+        // Value of forms submit button for login. If set, the login button was pressed.
+        $submitValue = $request->getParsedBody()['commandLI'] ?? $request->getQueryParams()['commandLI'] ?? '';
+        $username = $request->getParsedBody()['username'] ?? $request->getQueryParams()['username'] ?? null;
+        return !empty($username) || !empty($submitValue);
+    }
+
+    protected function provideRequestTokenJwt(): string
+    {
+        $nonce = SecurityAspect::provideIn($this->context)->provideNonce();
+        return RequestToken::create('core/user-auth/be')->toHashSignedJwt($nonce);
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/LogoutController.php b/Classes/Controller/LogoutController.php
new file mode 100644
index 0000000..1fecd4a
--- /dev/null
+++ b/Classes/Controller/LogoutController.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\FormProtection\BackendFormProtection;
+use TYPO3\CMS\Core\FormProtection\FormProtectionFactory;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\SysLog\Action\Login as SystemLogLoginAction;
+use TYPO3\CMS\Core\SysLog\Error as SystemLogErrorClassification;
+use TYPO3\CMS\Core\SysLog\Type as SystemLogType;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Script Class for logging a user out.
+ * Does not display any content, just calls the logout-function for the current user and then makes a redirect.
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class LogoutController
+{
+    public function __construct(
+        protected UriBuilder $uriBuilder,
+        protected FormProtectionFactory $formProtectionFactory
+    ) {}
+
+    /**
+     * Injects the request object for the current request or subrequest
+     * As this controller goes only through the main() method, it is rather simple for now
+     * This will be split up in an abstract controller once proper routing/dispatcher is in place.
+     *
+     * @param ServerRequestInterface $request the current request
+     * @return ResponseInterface the response with the content
+     */
+    public function logoutAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->processLogout($request);
+
+        $redirectUrl = $request->getParsedBody()['redirect'] ?? $request->getQueryParams()['redirect'] ?? '';
+        $redirectUrl = GeneralUtility::sanitizeLocalUrl($redirectUrl, $request);
+        if (empty($redirectUrl)) {
+            $redirectUrl = (string)$this->uriBuilder->buildUriFromRoute('login', [], UriBuilder::ABSOLUTE_URL);
+        }
+        return new RedirectResponse(GeneralUtility::locationHeaderUrl($redirectUrl, $request), 303);
+    }
+
+    /**
+     * Performs the logout processing
+     */
+    protected function processLogout(ServerRequestInterface $request): void
+    {
+        if (empty($this->getBackendUser()->user['username'])) {
+            return;
+        }
+        // Logout written to log
+        $this->getBackendUser()->writelog(SystemLogType::LOGIN, SystemLogLoginAction::LOGOUT, SystemLogErrorClassification::MESSAGE, null, 'User %s logged out from TYPO3 Backend', [$this->getBackendUser()->user['username']]);
+        /** @var BackendFormProtection $backendFormProtection */
+        $backendFormProtection = $this->formProtectionFactory->createFromRequest($request);
+        $backendFormProtection->removeSessionTokenFromRegistry();
+        $this->getBackendUser()->logoff();
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/MfaAjaxController.php b/Classes/Controller/MfaAjaxController.php
new file mode 100644
index 0000000..c109953
--- /dev/null
+++ b/Classes/Controller/MfaAjaxController.php
@@ -0,0 +1,216 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Core\Authentication\AbstractUserAuthentication;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderPropertyManager;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderRegistry;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageQueue;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Frontend\Authentication\FrontendUserAuthentication;
+
+/**
+ * Controller to manipulate MFA providers via AJAX in the backend
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+class MfaAjaxController
+{
+    private const array ALLOWED_ACTIONS = ['deactivate'];
+
+    protected MfaProviderRegistry $mfaProviderRegistry;
+
+    public function __construct(MfaProviderRegistry $mfaProviderRegistry)
+    {
+        $this->mfaProviderRegistry = $mfaProviderRegistry;
+    }
+
+    /**
+     * Main entry point, checking prerequisite and dispatching to the requested action
+     */
+    public function handleRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        $action = (string)($request->getQueryParams()['action'] ?? $request->getParsedBody()['action'] ?? '');
+
+        if (!in_array($action, self::ALLOWED_ACTIONS, true)) {
+            return new JsonResponse($this->getResponseData(false, $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:ajax.invalidRequest')));
+        }
+
+        $userId = (int)($request->getParsedBody()['userId'] ?? 0);
+        $tableName = (string)($request->getParsedBody()['tableName'] ?? '');
+
+        if (!$userId || !in_array($tableName, ['be_users', 'fe_users'], true)) {
+            return new JsonResponse($this->getResponseData(false, $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:ajax.invalidRequest')));
+        }
+
+        $user = $this->initializeUser($userId, $tableName);
+
+        if (!$this->isAllowedToPerformAction($action, $user)) {
+            return new JsonResponse($this->getResponseData(false, $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:ajax.insufficientPermissions')));
+        }
+
+        return new JsonResponse($this->{$action . 'Action'}($request, $user));
+    }
+
+    /**
+     * Deactivate MFA providers
+     * If the request contains a provider, it will be deactivated.
+     * Otherwise all active providers are deactivated.
+     */
+    protected function deactivateAction(ServerRequestInterface $request, AbstractUserAuthentication $user): array
+    {
+        $lang = $this->getLanguageService();
+        $userName = $user->getUserName() ?? '';
+        $providerToDeactivate = (string)($request->getParsedBody()['provider'] ?? '');
+
+        if ($providerToDeactivate === '') {
+            // In case no provider is given, try to deactivate all active providers
+            $providersToDeactivate = $this->mfaProviderRegistry->getActiveProviders($user);
+            if ($providersToDeactivate === []) {
+                return $this->getResponseData(
+                    false,
+                    $lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:ajax.deactivate.providersNotDeactivated'),
+                    $user
+                );
+            }
+            foreach ($providersToDeactivate as $provider) {
+                $propertyManager = MfaProviderPropertyManager::create($provider, $user);
+                if (!$provider->deactivate($request, $propertyManager)) {
+                    return $this->getResponseData(
+                        false,
+                        sprintf($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:ajax.deactivate.providerNotDeactivated'), $lang->sL($provider->getTitle())),
+                        $user
+                    );
+                }
+            }
+            return $this->getResponseData(
+                true,
+                sprintf($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:ajax.deactivate.providersDeactivated'), $userName),
+                $user
+            );
+        }
+
+        if (!$this->mfaProviderRegistry->hasProvider($providerToDeactivate)) {
+            return $this->getResponseData(
+                false,
+                sprintf($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:ajax.deactivate.providerNotFound'), $providerToDeactivate),
+                $user
+            );
+        }
+
+        $provider = $this->mfaProviderRegistry->getProvider($providerToDeactivate);
+        $propertyManager = MfaProviderPropertyManager::create($provider, $user);
+
+        if (!$provider->isActive($propertyManager) || !$provider->deactivate($request, $propertyManager)) {
+            return $this->getResponseData(
+                false,
+                sprintf($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:ajax.deactivate.providerNotDeactivated'), $lang->sL($provider->getTitle())),
+                $user
+            );
+        }
+
+        return $this->getResponseData(
+            true,
+            sprintf($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:ajax.deactivate.providerDeactivated'), $lang->sL($provider->getTitle()), $userName),
+            $user
+        );
+    }
+
+    /**
+     * Initialize a user based on the table name
+     */
+    protected function initializeUser(int $userId, string $tableName): AbstractUserAuthentication
+    {
+        $user = $tableName === 'be_users'
+            ? GeneralUtility::makeInstance(BackendUserAuthentication::class)
+            : GeneralUtility::makeInstance(FrontendUserAuthentication::class);
+
+        $user->enablecolumns = ['deleted' => true];
+        $user->setBeUserByUid($userId);
+
+        return $user;
+    }
+
+    /**
+     * Prepare response data for a JSON response
+     */
+    protected function getResponseData(bool $success, string $message, ?AbstractUserAuthentication $user = null): array
+    {
+        $flashMessageQueue = new FlashMessageQueue('backend');
+        $flashMessageQueue->enqueue(
+            new FlashMessage(
+                $message,
+                $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:ajax.' . ($success ? 'success' : 'error'))
+            )
+        );
+        $payload = [
+            'success' => $success,
+            'status' => $flashMessageQueue,
+        ];
+
+        if ($user !== null) {
+            $payload['remaining'] = count($this->mfaProviderRegistry->getActiveProviders($user));
+        }
+
+        return $payload;
+    }
+
+    /**
+     * Check if the current logged in user is allowed to perform
+     * the requested action on the selected user.
+     */
+    protected function isAllowedToPerformAction(string $action, AbstractUserAuthentication $user): bool
+    {
+        if ($action === 'deactivate') {
+            $currentBackendUser = $this->getBackendUser();
+            // Only admins are allowed to deactivate providers
+            if (!$currentBackendUser->isAdmin()) {
+                return false;
+            }
+            // Providers from system maintainers can only be deactivated by system maintainers.
+            // However, this check is only necessary if the target is a backend user.
+            if (($user instanceof BackendUserAuthentication)
+                && $user->isSystemMaintainer(true)
+                && !$this->getBackendUser()->isSystemMaintainer()
+            ) {
+                return false;
+            }
+            return true;
+        }
+
+        return false;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/MfaConfigurationController.php b/Classes/Controller/MfaConfigurationController.php
new file mode 100644
index 0000000..4ad79b4
--- /dev/null
+++ b/Classes/Controller/MfaConfigurationController.php
@@ -0,0 +1,384 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Message\UriInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ButtonBar;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\ModuleTemplate;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderManifestInterface;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderPropertyManager;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaViewType;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Controller to configure MFA providers in the backend
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+class MfaConfigurationController extends AbstractMfaController
+{
+    protected array $allowedActions = ['overview', 'setup', 'activate', 'deactivate', 'unlock', 'edit', 'save'];
+    private array $providerActionsWhenInactive = ['setup', 'activate'];
+    private array $providerActionsWhenActive = ['deactivate', 'unlock', 'edit', 'save'];
+    protected ModuleTemplate $view;
+
+    public function __construct(
+        protected readonly ComponentFactory $componentFactory,
+        protected readonly IconFactory $iconFactory,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly ModuleTemplateFactory $moduleTemplateFactory,
+        protected readonly FlashMessageService $flashMessageService,
+    ) {}
+
+    /**
+     * Main entry point, checking prerequisite, initializing and setting
+     * up the view and finally dispatching to the requested action.
+     */
+    public function handleRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->initializeMfaConfiguration();
+        $this->view = $this->moduleTemplateFactory->create($request);
+        $action = (string)($request->getQueryParams()['action'] ?? $request->getParsedBody()['action'] ?? 'overview');
+
+        if (!$this->isActionAllowed($action)) {
+            return new HtmlResponse('Action not allowed', 400);
+        }
+
+        $mfaProvider = null;
+        $identifier = (string)($request->getQueryParams()['identifier'] ?? $request->getParsedBody()['identifier'] ?? '');
+        // Check if given identifier is valid
+        if ($this->isValidIdentifier($identifier)) {
+            $mfaProvider = $this->mfaProviderRegistry->getProvider($identifier);
+        }
+        // All actions expect "overview" require a provider to deal with.
+        // If non is found at this point, initiate a redirect to the overview.
+        if ($mfaProvider === null && $action !== 'overview') {
+            $this->addFlashMessage($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:providerNotFound'), '', ContextualFeedbackSeverity::ERROR);
+            return new RedirectResponse($this->getActionUri('overview'));
+        }
+        // If a valid provider is given, check if the requested action can be performed on this provider
+        if ($mfaProvider !== null) {
+            $isProviderActive = $mfaProvider->isActive(
+                MfaProviderPropertyManager::create($mfaProvider, $this->getBackendUser())
+            );
+            // Some actions require the provider to be inactive
+            if ($isProviderActive && in_array($action, $this->providerActionsWhenInactive, true)) {
+                $this->addFlashMessage($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:providerActive'), '', ContextualFeedbackSeverity::ERROR);
+                return new RedirectResponse($this->getActionUri('overview'));
+            }
+            // Some actions require the provider to be active
+            if (!$isProviderActive && in_array($action, $this->providerActionsWhenActive, true)) {
+                $this->addFlashMessage($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:providerNotActive'), '', ContextualFeedbackSeverity::ERROR);
+                return new RedirectResponse($this->getActionUri('overview'));
+            }
+        }
+
+        switch ($action) {
+            case 'overview':
+                return $this->overviewAction($request);
+            case 'setup':
+            case 'edit':
+            case 'activate':
+            case 'deactivate':
+            case 'unlock':
+            case 'save':
+                return $this->{$action . 'Action'}($request, $mfaProvider);
+            default:
+                return new HtmlResponse('Action not allowed', 400);
+        }
+    }
+
+    /**
+     * Setup the overview with all available MFA providers
+     */
+    protected function overviewAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->addOverviewButtons($request);
+        $this->view->assignMultiple([
+            'providers' => $this->allowedProviders,
+            'defaultProvider' => $this->getDefaultProviderIdentifier(),
+            'recommendedProvider' => $this->getRecommendedProviderIdentifier(),
+            'setupRequired' => $this->mfaRequired && !$this->mfaProviderRegistry->hasActiveProviders($this->getBackendUser()),
+        ]);
+        return $this->view->renderResponse('Mfa/Overview');
+    }
+
+    /**
+     * Render form to setup a provider by using provider specific content
+     */
+    protected function setupAction(ServerRequestInterface $request, MfaProviderManifestInterface $mfaProvider): ResponseInterface
+    {
+        $this->addFormButtons();
+        $propertyManager = MfaProviderPropertyManager::create($mfaProvider, $this->getBackendUser());
+        $providerResponse = $mfaProvider->handleRequest($request, $propertyManager, MfaViewType::SETUP);
+        $this->view->assignMultiple([
+            'provider' => $mfaProvider,
+            'providerContent' => $providerResponse->getBody(),
+        ]);
+        return $this->view->renderResponse('Mfa/Setup');
+    }
+
+    /**
+     * Handle activate request, receiving from the setup view
+     * by forwarding the request to the appropriate provider.
+     * Furthermore, add the provider as default provider in case
+     * it is the recommended provider for this user, or no default
+     * provider is yet defined the newly activated provider is allowed
+     * to be a default provider and there are no other providers which
+     * would suite as default provider.
+     */
+    protected function activateAction(ServerRequestInterface $request, MfaProviderManifestInterface $mfaProvider): ResponseInterface
+    {
+        $backendUser = $this->getBackendUser();
+        $isRecommendedProvider = $this->getRecommendedProviderIdentifier() === $mfaProvider->getIdentifier();
+        $propertyManager = MfaProviderPropertyManager::create($mfaProvider, $backendUser);
+        $languageService = $this->getLanguageService();
+        // Check whether activation operation was successful and the provider is now active.
+        if (!$mfaProvider->activate($request, $propertyManager) || !$mfaProvider->isActive($propertyManager)) {
+            $this->addFlashMessage(sprintf($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:activate.failure'), $languageService->sL($mfaProvider->getTitle())), '', ContextualFeedbackSeverity::ERROR);
+            return new RedirectResponse($this->getActionUri('setup', ['identifier' => $mfaProvider->getIdentifier()]));
+        }
+        if ($isRecommendedProvider
+            || (
+                $this->getDefaultProviderIdentifier() === ''
+                && $mfaProvider->isDefaultProviderAllowed()
+                && !$this->hasSuitableDefaultProviders([$mfaProvider->getIdentifier()])
+            )
+        ) {
+            $this->setDefaultProvider($mfaProvider);
+        }
+        // If this is the first activated provider, the user has logged in without being required
+        // to pass the MFA challenge. Therefore, no session entry exists. To prevent the challenge
+        // from showing up after the activation we need to set the session data here.
+        if (!(bool)($backendUser->getSessionData('mfa') ?? false)) {
+            $backendUser->setSessionData('mfa', true);
+        }
+        $this->addFlashMessage(sprintf($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:activate.success'), $languageService->sL($mfaProvider->getTitle())), '', ContextualFeedbackSeverity::OK);
+        return new RedirectResponse($this->getActionUri('overview'));
+    }
+
+    /**
+     * Handle deactivate request by forwarding the request to the
+     * appropriate provider. Also remove the provider as default
+     * provider from user UC, if set.
+     */
+    protected function deactivateAction(ServerRequestInterface $request, MfaProviderManifestInterface $mfaProvider): ResponseInterface
+    {
+        $propertyManager = MfaProviderPropertyManager::create($mfaProvider, $this->getBackendUser());
+        $languageService = $this->getLanguageService();
+        if (!$mfaProvider->deactivate($request, $propertyManager)) {
+            $this->addFlashMessage(sprintf($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:deactivate.failure'), $languageService->sL($mfaProvider->getTitle())), '', ContextualFeedbackSeverity::ERROR);
+        } else {
+            if ($this->isDefaultProvider($mfaProvider)) {
+                $this->removeDefaultProvider();
+            }
+            $this->addFlashMessage(sprintf($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:deactivate.success'), $languageService->sL($mfaProvider->getTitle())), '', ContextualFeedbackSeverity::OK);
+        }
+        return new RedirectResponse($this->getActionUri('overview'));
+    }
+
+    /**
+     * Handle unlock request by forwarding the request to the appropriate provider
+     */
+    protected function unlockAction(ServerRequestInterface $request, MfaProviderManifestInterface $mfaProvider): ResponseInterface
+    {
+        $propertyManager = MfaProviderPropertyManager::create($mfaProvider, $this->getBackendUser());
+        $languageService = $this->getLanguageService();
+        if (!$mfaProvider->unlock($request, $propertyManager)) {
+            $this->addFlashMessage(sprintf($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:unlock.failure'), $languageService->sL($mfaProvider->getTitle())), '', ContextualFeedbackSeverity::ERROR);
+        } else {
+            $this->addFlashMessage(sprintf($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:unlock.success'), $languageService->sL($mfaProvider->getTitle())), '', ContextualFeedbackSeverity::OK);
+        }
+        return new RedirectResponse($this->getActionUri('overview'));
+    }
+
+    /**
+     * Render form to edit a provider by using provider specific content
+     */
+    protected function editAction(ServerRequestInterface $request, MfaProviderManifestInterface $mfaProvider): ResponseInterface
+    {
+        $propertyManager = MfaProviderPropertyManager::create($mfaProvider, $this->getBackendUser());
+        if ($mfaProvider->isLocked($propertyManager)) {
+            // Do not show edit view for locked providers
+            $this->addFlashMessage($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:providerIsLocked'), '', ContextualFeedbackSeverity::ERROR);
+            return new RedirectResponse($this->getActionUri('overview'));
+        }
+        $this->addFormButtons();
+        $providerResponse = $mfaProvider->handleRequest($request, $propertyManager, MfaViewType::EDIT);
+        $this->view->assignMultiple([
+            'provider' => $mfaProvider,
+            'providerContent' => $providerResponse->getBody(),
+            'isDefaultProvider' => $this->isDefaultProvider($mfaProvider),
+        ]);
+        return $this->view->renderResponse('Mfa/Edit');
+    }
+
+    /**
+     * Handle save request, receiving from the edit view by
+     * forwarding the request to the appropriate provider.
+     */
+    protected function saveAction(ServerRequestInterface $request, MfaProviderManifestInterface $mfaProvider): ResponseInterface
+    {
+        $propertyManager = MfaProviderPropertyManager::create($mfaProvider, $this->getBackendUser());
+        $languageService = $this->getLanguageService();
+        if (!$mfaProvider->update($request, $propertyManager)) {
+            $this->addFlashMessage(sprintf($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:save.failure'), $languageService->sL($mfaProvider->getTitle())), '', ContextualFeedbackSeverity::ERROR);
+        } else {
+            if ($request->getParsedBody()['defaultProvider'] ?? false) {
+                $this->setDefaultProvider($mfaProvider);
+            } elseif ($this->isDefaultProvider($mfaProvider)) {
+                $this->removeDefaultProvider();
+            }
+            $this->addFlashMessage(sprintf($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:save.success'), $languageService->sL($mfaProvider->getTitle())), '', ContextualFeedbackSeverity::OK);
+        }
+        if (!$mfaProvider->isActive($propertyManager)) {
+            return new RedirectResponse($this->getActionUri('overview'));
+        }
+        return new RedirectResponse($this->getActionUri('edit', ['identifier' => $mfaProvider->getIdentifier()]));
+    }
+
+    /**
+     * Build a uri for the current controller based on the
+     * given action, respecting additional parameters.
+     */
+    protected function getActionUri(string $action, array $additionalParameters = []): UriInterface
+    {
+        if (!$this->isActionAllowed($action)) {
+            $action = 'overview';
+        }
+        return $this->uriBuilder->buildUriFromRoute('mfa', array_merge(['action' => $action], $additionalParameters));
+    }
+
+    /**
+     * Check if there are more suitable default providers for the current user
+     */
+    protected function hasSuitableDefaultProviders(array $excludedProviders = []): bool
+    {
+        foreach ($this->allowedProviders as $identifier => $provider) {
+            if (!in_array($identifier, $excludedProviders, true)
+                && $provider->isDefaultProviderAllowed()
+                && $provider->isActive(MfaProviderPropertyManager::create($provider, $this->getBackendUser()))
+            ) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    /**
+     * Get the default provider
+     */
+    protected function getDefaultProviderIdentifier(): string
+    {
+        $defaultProviderIdentifier = (string)($this->getBackendUser()->uc['mfa']['defaultProvider'] ?? '');
+        // The default provider value is only valid, if the corresponding provider exist and is allowed
+        if ($this->isValidIdentifier($defaultProviderIdentifier)) {
+            $defaultProvider = $this->mfaProviderRegistry->getProvider($defaultProviderIdentifier);
+            $propertyManager = MfaProviderPropertyManager::create($defaultProvider, $this->getBackendUser());
+            // Also check if the provider is activated for the user
+            if ($defaultProvider->isActive($propertyManager)) {
+                return $defaultProviderIdentifier;
+            }
+        }
+
+        // If the stored provider is not valid, clean up the UC
+        $this->removeDefaultProvider();
+        return '';
+    }
+
+    /**
+     * Get the recommended provider
+     */
+    protected function getRecommendedProviderIdentifier(): string
+    {
+        $recommendedProvider = $this->getRecommendedProvider();
+        if ($recommendedProvider === null) {
+            return '';
+        }
+
+        $propertyManager = MfaProviderPropertyManager::create($recommendedProvider, $this->getBackendUser());
+        // If the defined recommended provider is valid, check if it is not yet activated
+        return !$recommendedProvider->isActive($propertyManager) ? $recommendedProvider->getIdentifier() : '';
+    }
+
+    protected function isDefaultProvider(MfaProviderManifestInterface $mfaProvider): bool
+    {
+        return $this->getDefaultProviderIdentifier() === $mfaProvider->getIdentifier();
+    }
+
+    protected function setDefaultProvider(MfaProviderManifestInterface $mfaProvider): void
+    {
+        $this->getBackendUser()->uc['mfa']['defaultProvider'] = $mfaProvider->getIdentifier();
+        $this->getBackendUser()->writeUC();
+    }
+
+    protected function removeDefaultProvider(): void
+    {
+        $this->getBackendUser()->uc['mfa']['defaultProvider'] = '';
+        $this->getBackendUser()->writeUC();
+    }
+
+    protected function addFlashMessage(string $message, string $title = '', ContextualFeedbackSeverity $severity = ContextualFeedbackSeverity::INFO): void
+    {
+        $flashMessage = new FlashMessage($message, $title, $severity, true);
+        $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+        $defaultFlashMessageQueue->enqueue($flashMessage);
+    }
+
+    protected function addOverviewButtons(ServerRequestInterface $request): void
+    {
+        if (($returnUrl = $this->getReturnUrl($request)) !== '') {
+            $this->view->addButtonToButtonBar($this->componentFactory->createBackButton($returnUrl));
+        }
+    }
+
+    protected function addFormButtons(): void
+    {
+        $closeButton = $this->componentFactory->createCloseButton((string)$this->uriBuilder->buildUriFromRoute('mfa', ['action' => 'overview']))
+            ->setClasses('t3js-editform-close');
+        $this->view->addButtonToButtonBar($closeButton);
+        $this->view->addButtonToButtonBar($this->componentFactory->createSaveButton('mfaConfigurationController')->setName('save'), ButtonBar::BUTTON_POSITION_LEFT, 2);
+    }
+
+    protected function getReturnUrl(ServerRequestInterface $request): string
+    {
+        $returnUrl = GeneralUtility::sanitizeLocalUrl(
+            $request->getQueryParams()['returnUrl'] ?? $request->getParsedBody()['returnUrl'] ?? '',
+            $request
+        );
+
+        if ($returnUrl === '') {
+            $returnUrl = (string)$this->uriBuilder->buildUriFromRoute('user_setup');
+        }
+
+        return $returnUrl;
+    }
+}
diff --git a/Classes/Controller/MfaController.php b/Classes/Controller/MfaController.php
new file mode 100644
index 0000000..0a261e1
--- /dev/null
+++ b/Classes/Controller/MfaController.php
@@ -0,0 +1,244 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Log\LoggerInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\ContextMenu\ItemProviders\ProviderInterface;
+use TYPO3\CMS\Backend\Routing\RouteRedirect;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\PageRendererBackendSetupTrait;
+use TYPO3\CMS\Backend\View\AuthenticationStyleInformation;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\Event\MfaVerificationFailedEvent;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderManifestInterface;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderPropertyManager;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaViewType;
+use TYPO3\CMS\Core\Configuration\ExtensionConfiguration;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\SysLog\Action\Login;
+use TYPO3\CMS\Core\SysLog\Error as SystemLogErrorClassification;
+use TYPO3\CMS\Core\SysLog\Type as SystemLogType;
+
+/**
+ * Controller to provide a multi-factor authentication endpoint.
+ * This is the backend login related view to authenticate against chosen MFA provider.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+class MfaController extends AbstractMfaController
+{
+    use PageRendererBackendSetupTrait;
+
+    public function __construct(
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly AuthenticationStyleInformation $authenticationStyleInformation,
+        protected readonly PageRenderer $pageRenderer,
+        protected readonly ExtensionConfiguration $extensionConfiguration,
+        protected readonly LoggerInterface $logger,
+        protected readonly BackendViewFactory $backendViewFactory,
+        protected readonly EventDispatcherInterface $eventDispatcher,
+    ) {}
+
+    /**
+     * Main entry point, checking prerequisite, initializing and setting
+     * up the view and finally dispatching to the requested action.
+     */
+    public function handleRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->initializeMfaConfiguration();
+        $action = (string)($request->getQueryParams()['action'] ?? $request->getParsedBody()['action'] ?? 'auth');
+
+        switch ($action) {
+            case 'auth':
+            case 'verify':
+                $mfaProvider = $this->getMfaProviderFromRequest($request);
+                // All actions except "cancel" require a provider to deal with.
+                // If non is found at this point, throw an exception since this should never happen.
+                if ($mfaProvider === null) {
+                    throw new \InvalidArgumentException('No active MFA provider was found!', 1611879242);
+                }
+                return $this->{$action . 'Action'}($request, $mfaProvider);
+            case 'cancel':
+                return $this->cancelAction($request);
+            default:
+                throw new \InvalidArgumentException('Action not allowed', 1611879244);
+        }
+    }
+
+    /**
+     * Set up the authentication view for the provider by using provider specific content.
+     */
+    protected function authAction(ServerRequestInterface $request, MfaProviderManifestInterface $mfaProvider): ResponseInterface
+    {
+        $this->setUpBasicPageRendererForBackend($this->pageRenderer, $this->extensionConfiguration, $request, $this->getLanguageService());
+        $this->pageRenderer->setTitle('TYPO3 CMS Login: ' . ($GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?? ''));
+        $this->pageRenderer->loadJavaScriptModule('bootstrap');
+        $view = $this->backendViewFactory->create($request);
+        $propertyManager = MfaProviderPropertyManager::create($mfaProvider, $this->getBackendUser());
+        $providerResponse = $mfaProvider->handleRequest($request, $propertyManager, MfaViewType::AUTH);
+        $view->assignMultiple([
+            'provider' => $mfaProvider,
+            'alternativeProviders' => $this->getAlternativeProviders($mfaProvider),
+            'isLocked' => $mfaProvider->isLocked($propertyManager),
+            'providerContent' => $providerResponse->getBody(),
+            'footerNote' => $this->authenticationStyleInformation->getFooterNote(),
+            'formUrl' => $this->uriBuilder->buildUriWithRedirect('auth_mfa', ['action' => 'verify'], RouteRedirect::createFromRequest($request)),
+            'redirectRoute' => $request->getQueryParams()['redirect'] ?? '',
+            'redirectParams' => $request->getQueryParams()['redirectParams'] ?? '',
+            'hasAuthError' => (bool)($request->getQueryParams()['failure'] ?? false),
+        ]);
+        $this->addCustomAuthenticationFormStyles($request);
+        $this->pageRenderer->setBodyContent('<body>' . $view->render('Mfa/Auth'));
+        return $this->pageRenderer->renderResponse($request);
+    }
+
+    /**
+     * Handle verification request, receiving from the auth view
+     * by forwarding the request to the appropriate provider.
+     */
+    protected function verifyAction(ServerRequestInterface $request, MfaProviderManifestInterface $mfaProvider): ResponseInterface
+    {
+        $backendUser = $this->getBackendUser();
+        $propertyManager = MfaProviderPropertyManager::create($mfaProvider, $backendUser);
+
+        // Check if the provider can process the request and is not temporarily blocked
+        if (!$mfaProvider->canProcess($request) || $mfaProvider->isLocked($propertyManager)) {
+            // If this fails, cancel the authentication
+            return $this->cancelAction($request);
+        }
+        // Call the provider to verify the request
+        if (!$mfaProvider->verify($request, $propertyManager)) {
+            $this->log(
+                'Multi-factor authentication failed for user \'###USERNAME###\' with provider \'' . $mfaProvider->getIdentifier() . '\'!',
+                [],
+                null,
+                Login::ATTEMPT,
+                SystemLogErrorClassification::SECURITY_NOTICE
+            );
+            $this->eventDispatcher->dispatch(
+                new MfaVerificationFailedEvent($request, $propertyManager, $mfaProvider)
+            );
+            // If failed, initiate a redirect back to the auth view
+            return new RedirectResponse($this->uriBuilder->buildUriWithRedirect(
+                'auth_mfa',
+                [
+                    'identifier' => $mfaProvider->getIdentifier(),
+                    'failure' => true,
+                ],
+                RouteRedirect::createFromRequest($request)
+            ));
+        }
+        $this->log('Multi-factor authentication successful for user ###USERNAME###');
+        // If verified, store this information in the session
+        // and initiate a redirect back to the login view.
+        $backendUser->setAndSaveSessionData('mfa', true);
+        $backendUser->handleUserLoggedIn($request);
+        return new RedirectResponse(
+            $this->uriBuilder->buildUriWithRedirect('login', [], RouteRedirect::createFromRequest($request))
+        );
+    }
+
+    /**
+     * Allow the user to cancel the multi-factor authentication by
+     * calling logoff on the user object, to destroy the session and
+     * other already gathered information and finally initiate a
+     * redirect back to the login.
+     */
+    protected function cancelAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->log('Multi-factor authentication canceled for user ###USERNAME###');
+        $this->getBackendUser()->logoff();
+        return new RedirectResponse($this->uriBuilder->buildUriWithRedirect('login', [], RouteRedirect::createFromRequest($request)));
+    }
+
+    /**
+     * Fetch alternative (activated and allowed) providers for the user to chose from
+     *
+     * @return ProviderInterface[]
+     */
+    protected function getAlternativeProviders(MfaProviderManifestInterface $mfaProvider): array
+    {
+        return array_filter($this->allowedProviders, function (MfaProviderManifestInterface $provider) use ($mfaProvider): bool {
+            return $provider !== $mfaProvider
+                && $provider->isActive(MfaProviderPropertyManager::create($provider, $this->getBackendUser()));
+        });
+    }
+
+    /**
+     * Log debug information for MFA events
+     */
+    protected function log(
+        string $message,
+        array $additionalData = [],
+        ?MfaProviderManifestInterface $mfaProvider = null,
+        int $action = Login::LOGIN,
+        int $error = SystemLogErrorClassification::MESSAGE
+    ): void {
+        $user = $this->getBackendUser();
+        $username = $user->getUserName();
+        $context = [
+            'user' => [
+                'uid' => $user->getUserId(),
+                'username' => $username,
+            ],
+        ];
+        if ($mfaProvider !== null) {
+            $context['provider'] = $mfaProvider->getIdentifier();
+            $context['isProviderLocked'] = $mfaProvider->isLocked(
+                MfaProviderPropertyManager::create($mfaProvider, $user)
+            );
+        }
+        $message = str_replace('###USERNAME###', $username, $message);
+        $data = array_replace_recursive($context, $additionalData);
+        $this->logger->debug($message, $data);
+        if ($user->writeStdLog) {
+            // Write to sys_log if enabled
+            $user->writelog(SystemLogType::LOGIN, $action, $error, null, $message, $data);
+        }
+    }
+
+    protected function getMfaProviderFromRequest(ServerRequestInterface $request): ?MfaProviderManifestInterface
+    {
+        $identifier = (string)($request->getQueryParams()['identifier'] ?? $request->getParsedBody()['identifier'] ?? '');
+        // Check if given identifier is valid
+        if ($this->isValidIdentifier($identifier)) {
+            $provider = $this->mfaProviderRegistry->getProvider($identifier);
+            // Only add provider if it was activated by the current user
+            if ($provider->isActive(MfaProviderPropertyManager::create($provider, $this->getBackendUser()))) {
+                return $provider;
+            }
+        }
+        return null;
+    }
+
+    protected function addCustomAuthenticationFormStyles(ServerRequestInterface $request): void
+    {
+        if (($backgroundImageStyles = $this->authenticationStyleInformation->getBackgroundImageStyles($request)) !== '') {
+            $this->pageRenderer->addCssInlineBlock('loginBackgroundImage', $backgroundImageStyles, null, false, true);
+        }
+        if (($highlightColorStyles = $this->authenticationStyleInformation->getHighlightColorStyles()) !== '') {
+            $this->pageRenderer->addCssInlineBlock('loginHighlightColor', $highlightColorStyles, null, false, true);
+        }
+    }
+}
diff --git a/Classes/Controller/MfaSetupController.php b/Classes/Controller/MfaSetupController.php
new file mode 100644
index 0000000..7c42b20
--- /dev/null
+++ b/Classes/Controller/MfaSetupController.php
@@ -0,0 +1,275 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Log\LoggerInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Routing\RouteRedirect;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\PageRendererBackendSetupTrait;
+use TYPO3\CMS\Backend\View\AuthenticationStyleInformation;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderManifestInterface;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderPropertyManager;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaViewType;
+use TYPO3\CMS\Core\Configuration\ExtensionConfiguration;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\View\ViewInterface;
+
+/**
+ * Controller to provide the standalone setup endpoint for multi-factor authentication.
+ * This is used when MFA is enforced and a backend user logs in the first time to then set up MFA.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+class MfaSetupController extends AbstractMfaController
+{
+    use PageRendererBackendSetupTrait;
+
+    protected const ACTION_METHOD_MAP = [
+        'setup' => 'GET',
+        'activate' => 'POST',
+        'cancel' => 'GET',
+    ];
+
+    public function __construct(
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly AuthenticationStyleInformation $authenticationStyleInformation,
+        protected readonly PageRenderer $pageRenderer,
+        protected readonly ExtensionConfiguration $extensionConfiguration,
+        protected readonly LoggerInterface $logger,
+        protected readonly BackendViewFactory $backendViewFactory,
+        protected readonly FlashMessageService $flashMessageService,
+    ) {}
+
+    public function handleRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->initializeMfaConfiguration();
+        $action = (string)($request->getQueryParams()['action'] ?? 'setup');
+
+        $backendUser = $this->getBackendUser();
+        if (($backendUser->getSessionData('mfa') ?? false)
+            || $backendUser->getOriginalUserIdWhenInSwitchUserMode() !== null
+            || !$backendUser->isMfaSetupRequired()
+            || $this->mfaProviderRegistry->hasActiveProviders($backendUser)
+        ) {
+            // Since the current user either did already pass MFA, is in "switch-user" mode,
+            // is not required to set up MFA or has already activated a provider, throw an
+            // exception to prevent the endpoint from being called unintentionally by custom code.
+            throw new \InvalidArgumentException('MFA setup is not necessary. Do not call this endpoint on your own.', 1632154036);
+        }
+
+        $actionMethod = self::ACTION_METHOD_MAP[$action] ?? null;
+        if ($actionMethod !== null && $request->getMethod() === $actionMethod) {
+            return $this->{$action . 'Action'}($request);
+        }
+        return new HtmlResponse('', 404);
+    }
+
+    /**
+     * Render form to setup a provider by using provider specific content. Fall
+     * back to provider selection view, in case no valid provider was yet selected.
+     */
+    protected function setupAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $identifier = (string)($request->getQueryParams()['identifier'] ?? '');
+        if ($identifier === '' || !$this->isValidIdentifier($identifier)) {
+            return $this->renderSelectionView($request);
+        }
+        $mfaProvider = $this->mfaProviderRegistry->getProvider($identifier);
+        $this->log('Required MFA setup initiated', $mfaProvider);
+        return $this->renderSetupView($request, $mfaProvider);
+    }
+
+    /**
+     * Handle activate request, receiving from the setup view
+     * by forwarding the request to the appropriate provider.
+     */
+    protected function activateAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $identifier = (string)($request->getParsedBody()['identifier'] ?? '');
+        if ($identifier === '' || !$this->isValidIdentifier($identifier)) {
+            // Return to selection view in case no valid identifier is given
+            return new RedirectResponse($this->uriBuilder->buildUriWithRedirect('setup_mfa', [], RouteRedirect::createFromRequest($request)));
+        }
+        $mfaProvider = $this->mfaProviderRegistry->getProvider($identifier);
+        $backendUser = $this->getBackendUser();
+        $propertyManager = MfaProviderPropertyManager::create($mfaProvider, $backendUser);
+        // Check whether activation operation was successful and the provider is now active.
+        if (!$mfaProvider->activate($request, $propertyManager) || !$mfaProvider->isActive($propertyManager)) {
+            $this->log('Required MFA setup failed', $mfaProvider);
+            return new RedirectResponse(
+                $this->uriBuilder->buildUriWithRedirect(
+                    'setup_mfa',
+                    [
+                        'identifier' => $mfaProvider->getIdentifier(),
+                        'hasErrors' => true,
+                    ],
+                    RouteRedirect::createFromRequest($request)
+                )
+            );
+        }
+        $this->log('Required MFA setup successful', $mfaProvider);
+        // Set the activated provider as the default provider, store the "mfa" key in the session data,
+        // add a flash message to the session and finally initiate a redirect to the login, on which
+        // possible redirect parameters are evaluated again.
+        $backendUser->uc['mfa']['defaultProvider'] = $mfaProvider->getIdentifier();
+        $backendUser->writeUC();
+        $backendUser->setAndSaveSessionData('mfa', true);
+        $this->addSuccessMessage($mfaProvider->getTitle());
+        return new RedirectResponse($this->uriBuilder->buildUriWithRedirect('login', [], RouteRedirect::createFromRequest($request)));
+    }
+
+    /**
+     * Allow the user to cancel the multi-factor authentication setup process
+     * by calling logoff on the user object, to destroy the session and other
+     * already gathered information and finally initiate a redirect back to the login.
+     */
+    protected function cancelAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->log('Required MFA setup canceled');
+        $this->getBackendUser()->logoff();
+        return new RedirectResponse($this->uriBuilder->buildUriWithRedirect('login', [], RouteRedirect::createFromRequest($request)));
+    }
+
+    /**
+     * Allow the user - required to set up MFA - to select between all available providers
+     */
+    protected function renderSelectionView(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->setUpBasicPageRendererForBackend($this->pageRenderer, $this->extensionConfiguration, $request, $this->getLanguageService());
+        $this->pageRenderer->setTitle('TYPO3 CMS Login: ' . ($GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?? ''));
+        $this->pageRenderer->loadJavaScriptModule('bootstrap');
+
+        $recommendedProvider = $this->getRecommendedProvider();
+        $providers = array_filter($this->allowedProviders, static function (MfaProviderManifestInterface $provider) use ($recommendedProvider): bool {
+            // Remove the recommended provider and providers, which can not be used as default, e.g. recovery codes
+            return $provider->isDefaultProviderAllowed()
+                && ($recommendedProvider === null || $provider->getIdentifier() !== $recommendedProvider->getIdentifier());
+        });
+        $view = $this->initializeView($request);
+        $view->assignMultiple([
+            'recommendedProvider' => $recommendedProvider,
+            'providers' => $providers,
+        ]);
+        $this->pageRenderer->setBodyContent('<body>' . $view->render('Mfa/Standalone/Selection'));
+        return $this->pageRenderer->renderResponse($request);
+    }
+
+    /**
+     * Render form to setup a provider by using provider specific content
+     */
+    protected function renderSetupView(
+        ServerRequestInterface $request,
+        MfaProviderManifestInterface $mfaProvider
+    ): ResponseInterface {
+        $this->setUpBasicPageRendererForBackend($this->pageRenderer, $this->extensionConfiguration, $request, $this->getLanguageService());
+        $this->pageRenderer->setTitle('TYPO3 CMS Login: ' . ($GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?? ''));
+        $this->pageRenderer->loadJavaScriptModule('bootstrap');
+
+        $propertyManager = MfaProviderPropertyManager::create($mfaProvider, $this->getBackendUser());
+        $providerResponse = $mfaProvider->handleRequest($request, $propertyManager, MfaViewType::SETUP);
+        $view = $this->initializeView($request);
+        $view->assignMultiple([
+            'provider' => $mfaProvider,
+            'providerContent' => $providerResponse->getBody(),
+            'hasErrors' => (bool)($request->getQueryParams()['hasErrors'] ?? false),
+        ]);
+        $this->pageRenderer->setBodyContent('<body>' . $view->render('Mfa/Standalone/Setup'));
+        return $this->pageRenderer->renderResponse($request);
+    }
+
+    /**
+     * Initialize the standalone view by setting the paths and assigning view variables
+     */
+    protected function initializeView(ServerRequestInterface $request): ViewInterface
+    {
+        $view = $this->backendViewFactory->create($request);
+        $view->assignMultiple([
+            'redirect' => $request->getQueryParams()['redirect'] ?? '',
+            'redirectParams' => $request->getQueryParams()['redirectParams'] ?? '',
+            'siteName' => $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'],
+            'footerNote' => $this->authenticationStyleInformation->getFooterNote(),
+        ]);
+        $this->addCustomAuthenticationFormStyles($request);
+        return $view;
+    }
+
+    protected function addCustomAuthenticationFormStyles(ServerRequestInterface $request): void
+    {
+        if (($backgroundImageStyles = $this->authenticationStyleInformation->getBackgroundImageStyles($request)) !== '') {
+            $this->pageRenderer->addCssInlineBlock('loginBackgroundImage', $backgroundImageStyles, null, false, true);
+        }
+        if (($highlightColorStyles = $this->authenticationStyleInformation->getHighlightColorStyles()) !== '') {
+            $this->pageRenderer->addCssInlineBlock('loginHighlightColor', $highlightColorStyles, null, false, true);
+        }
+    }
+
+    /**
+     * Extend base identifier check to further evaluate whether
+     * the provider is allowed to be a default provider.
+     */
+    protected function isValidIdentifier(string $identifier): bool
+    {
+        return parent::isValidIdentifier($identifier)
+            && $this->mfaProviderRegistry->getProvider($identifier)->isDefaultProviderAllowed();
+    }
+
+    /**
+     * Add a flash message to inform the user about the successful activation of MFA and
+     * store this in the session, so it will be shown in the backend after the redirect.
+     */
+    protected function addSuccessMessage(string $mfaProviderTitle): void
+    {
+        $lang = $this->getLanguageService();
+        $this->flashMessageService->getMessageQueueByIdentifier()->enqueue(
+            new FlashMessage(
+                sprintf($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:standalone.setup.success.message'), $lang->sL($mfaProviderTitle)),
+                $lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:standalone.setup.success.title'),
+                ContextualFeedbackSeverity::OK,
+                true
+            )
+        );
+    }
+
+    /**
+     * Log debug information for MFA setup events
+     */
+    protected function log(string $message, ?MfaProviderManifestInterface $mfaProvider = null): void
+    {
+        $user = $this->getBackendUser();
+        $context = [
+            'user' => [
+                'uid' => $user->getUserId(),
+                'username' => $user->getUserName(),
+            ],
+        ];
+        if ($mfaProvider !== null) {
+            $context['provider'] = $mfaProvider->getIdentifier();
+        }
+        $this->logger->debug($message, $context);
+    }
+}
diff --git a/Classes/Controller/NewRecordController.php b/Classes/Controller/NewRecordController.php
new file mode 100644
index 0000000..0da3269
--- /dev/null
+++ b/Classes/Controller/NewRecordController.php
@@ -0,0 +1,513 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Breadcrumb\BreadcrumbContext;
+use TYPO3\CMS\Backend\Controller\Event\ModifyNewRecordCreationLinksEvent;
+use TYPO3\CMS\Backend\Routing\PreviewUriBuilder;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ButtonBar;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\DataHandling\PageDoktypeRegistry;
+use TYPO3\CMS\Core\Domain\RecordFactory;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Package\PackageManager;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\SchemaLabelResolver;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\SystemResource\Publishing\SystemResourcePublisherInterface;
+use TYPO3\CMS\Core\SystemResource\SystemResourceFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\ExtensionManagementUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Renders the 'Create new record' view of the 'db_new' route, reachable from the records module,
+ * listing the record types a user may create on a given page.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+final readonly class NewRecordController
+{
+    public function __construct(
+        private ComponentFactory $componentFactory,
+        private ConnectionPool $connectionPool,
+        private IconFactory $iconFactory,
+        private PageDoktypeRegistry $pageDoktypeRegistry,
+        private PageRenderer $pageRenderer,
+        private PackageManager $packageManager,
+        private UriBuilder $uriBuilder,
+        private RecordFactory $recordFactory,
+        private ModuleTemplateFactory $moduleTemplateFactory,
+        private TcaSchemaFactory $tcaSchemaFactory,
+        private EventDispatcherInterface $eventDispatcher,
+        private SystemResourceFactory $resourceFactory,
+        private SystemResourcePublisherInterface $resourcePublisher,
+        private SchemaLabelResolver $schemaLabelResolver,
+    ) {}
+
+    /**
+     * Collects the record types creatable on the requested page and renders the selection view,
+     * redirecting straight to the edit form when only a single creation target is available.
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $view = $this->moduleTemplateFactory->create($request);
+        $pageinfo = [];
+        $pidInfo = [];
+        $newPagesInto = false;
+        $newContentInto = false;
+        $newPagesAfter = false;
+        $tRows = [];
+        $beUser = $this->getBackendUserAuthentication();
+        // Page-selection permission clause (reading)
+        $permsClause = $beUser->getPagePermsClause(Permission::PAGE_SHOW);
+        // This will hide records from display - it has nothing to do with user rights!!
+        $pidList = (string)($beUser->getTSConfig()['options.']['hideRecords.']['pages'] ?? '');
+        if (!empty($pidList)) {
+            $queryBuilder = $this->connectionPool->getQueryBuilderForTable('pages');
+            $permsClause .= ' AND ' . $queryBuilder->expr()->notIn(
+                'pages.uid',
+                GeneralUtility::intExplode(',', $pidList)
+            );
+        }
+        // Setting GPvars:
+        $parsedBody = $request->getParsedBody();
+        $queryParams = $request->getQueryParams();
+        // The page id to operate from
+        $pageUid = (int)($parsedBody['id'] ?? $queryParams['id'] ?? 0);
+        $returnUrl = GeneralUtility::sanitizeLocalUrl($parsedBody['returnUrl'] ?? $queryParams['returnUrl'] ?? '', $request);
+        // Setting up the context sensitive menu:
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/context-menu.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/new-content-element-wizard-button.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/page-wizard/new-page-wizard-button.js');
+        // If a positive id is supplied, ask for the page record with permission information contained:
+        if ($pageUid > 0) {
+            $pageinfo = BackendUtility::readPageAccess($pageUid, $permsClause) ?: [];
+        }
+        // If a page-record was returned, the user had read-access to the page.
+        if ($pageinfo['uid'] ?? false) {
+            // Get record of parent page
+            $pidInfo = BackendUtility::getRecord('pages', ($pageinfo['pid'] ?? 0)) ?? [];
+            // Checking the permissions for the user with regard to the parent page: Can he create new pages, new
+            // content record, new page after?
+            if ($beUser->doesUserHaveAccess($pageinfo, Permission::PAGE_NEW)) {
+                $newPagesInto = true;
+            }
+            if ($beUser->doesUserHaveAccess($pageinfo, Permission::CONTENT_EDIT)) {
+                $newContentInto = true;
+            }
+            if (($beUser->isAdmin() || !empty($pidInfo)) && $beUser->doesUserHaveAccess($pidInfo, Permission::PAGE_NEW)) {
+                $newPagesAfter = true;
+            }
+            $breadcrumbContext = new BreadcrumbContext(
+                $this->recordFactory->createResolvedRecordFromDatabaseRow('pages', $pageinfo),
+                []
+            );
+            $view->getDocHeaderComponent()->setBreadcrumbContext($breadcrumbContext);
+        } elseif ($beUser->isAdmin()) {
+            // Admins can do it all
+            $newPagesInto = true;
+            $newContentInto = true;
+            $newPagesAfter = false;
+        } else {
+            // People with no permission can do nothing
+            $newPagesInto = false;
+            $newContentInto = false;
+            $newPagesAfter = false;
+        }
+        $title = $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'];
+        if ($pageinfo['uid'] ?? false) {
+            $title = strip_tags(BackendUtility::getRecordTitle('pages', $pageinfo));
+        }
+        $view->setTitle($title);
+        // Acquiring TSconfig for this module/current page:
+        $web_list_modTSconfig = BackendUtility::getPagesTSconfig($pageinfo['uid'] ?? 0)['mod.']['web_list.'] ?? [];
+        $allowedNewTables = GeneralUtility::trimExplode(',', $web_list_modTSconfig['allowedNewTables'] ?? '', true);
+        $deniedNewTables = GeneralUtility::trimExplode(',', $web_list_modTSconfig['deniedNewTables'] ?? '', true);
+        // Acquiring TSconfig for this module/parent page
+        $web_list_modTSconfig_pid = BackendUtility::getPagesTSconfig($pageinfo['pid'] ?? 0)['mod.']['web_list.'] ?? [];
+        $allowedNewTables_pid = GeneralUtility::trimExplode(',', $web_list_modTSconfig_pid['allowedNewTables'] ?? '', true);
+        $deniedNewTables_pid = GeneralUtility::trimExplode(',', $web_list_modTSconfig_pid['deniedNewTables'] ?? '', true);
+        if (!$this->isRecordCreationAllowedForTable('pages', $allowedNewTables, $deniedNewTables)) {
+            $newPagesInto = false;
+        }
+        if (!$this->isRecordCreationAllowedForTable('pages', $allowedNewTables_pid, $deniedNewTables_pid)) {
+            $newPagesAfter = false;
+        }
+
+        // If there was a page - or if the user is admin (admins has access to the root) we proceed, otherwise just output the header
+        if (empty($pageinfo['uid']) && !$this->getBackendUserAuthentication()->isAdmin()) {
+            return $view->renderResponse('NewRecord/NewRecord');
+        }
+
+        $lang = $this->getLanguageService();
+        // Get TSconfig for current page
+        $pageTS = BackendUtility::getPagesTSconfig($pageUid);
+        // Finish initializing new pages options with TSconfig
+        // Each new page option may be hidden by TSconfig
+        $displayNewPagesIntoLink = $newPagesInto && !empty($pageTS['mod.']['wizards.']['newRecord.']['pages.']['show.']['pageInside']);
+        $displayNewPagesAfterLink = $newPagesAfter && !empty($pageTS['mod.']['wizards.']['newRecord.']['pages.']['show.']['pageAfter']);
+        $iconFile = [
+            'backendaccess' => $this->iconFactory->getIcon('status-user-group-backend', IconSize::SMALL),
+            'content' => $this->iconFactory->getIcon('content-panel', IconSize::SMALL)->render(),
+            'frontendaccess' => $this->iconFactory->getIcon('status-user-group-frontend', IconSize::SMALL),
+            'system' => $this->iconFactory->getIcon('apps-pagetree-root', IconSize::SMALL),
+        ];
+        $groupTitles = [
+            'backendaccess' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:recordgroup.backendaccess'),
+            'content' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:recordgroup.content'),
+            'frontendaccess' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:recordgroup.frontendaccess'),
+            'system' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:system_records'),
+        ];
+        $allowedTables = [];
+        foreach ($this->tcaSchemaFactory->all() as $table => $schema) {
+            $isTablesAllowed = match ($table) {
+                'pages' => $this->isRecordCreationAllowedForTable('pages', $allowedNewTables, $deniedNewTables),
+                'tt_content' => false, // Skip, as inserting content elements is part of the page module
+                default => $newContentInto && $this->isRecordCreationAllowedForTable($table, $allowedNewTables, $deniedNewTables) && $this->isTableAllowedOnPage($schema, $pageinfo, $pageUid)
+            };
+
+            if ($isTablesAllowed) {
+                $allowedTables[] = $table;
+            }
+        }
+        $groupedLinksOnTop = [];
+        foreach ($allowedTables as $table) {
+            $schema = $this->tcaSchemaFactory->get($table);
+            $ctrlTitle = $schema->getTitle();
+
+            if ($table === 'pages') {
+                // New pages INSIDE this pages
+                $newPageLinks = [];
+                if ($displayNewPagesIntoLink && $this->isTableAllowedOnPage($schema, $pageinfo, $pageUid)) {
+                    // Create link to new page inside
+                    $newPageLinks['inside'] = [
+                        'icon' => $this->iconFactory->getIconForRecord($table, [], IconSize::SMALL),
+                        'label' => $lang->sL($ctrlTitle) . ' (' . $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:db_new.php.inside') . ')',
+                        'wizardConfiguration' => ['positionData' => ['pageUid' => $pageUid, 'insertPosition' => 'inside']],
+                    ];
+                }
+                // New pages AFTER this pages
+                if ($displayNewPagesAfterLink && $this->isTableAllowedOnPage($schema, $pidInfo, $pageUid)) {
+                    $newPageLinks['after'] = [
+                        'icon' => $this->iconFactory->getIconForRecord($table, [], IconSize::SMALL),
+                        'label' => $lang->sL($ctrlTitle) . ' (' . $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:db_new.php.after') . ')',
+                        'wizardConfiguration' => ['positionData' => ['pageUid' => $pageUid, 'insertPosition' => 'after']],
+                    ];
+                }
+
+                if (!empty($newPageLinks)) {
+                    $groupedLinksOnTop['pages'] = [
+                        'title' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:createNewPage'),
+                        'icon' => $this->iconFactory->getIcon('actions-page-new', IconSize::SMALL),
+                        'items' => $newPageLinks,
+                    ];
+                }
+            } else {
+                $nameParts = explode('_', $table);
+                $groupName = $schema->getRawConfiguration()['groupName'] ?? '';
+                if (!isset($iconFile[$groupName]) || $nameParts[0] === 'tx' || $nameParts[0] === 'tt') {
+                    $groupName = $groupName ?: ($nameParts[1] ?? null);
+                    // Try to extract extension name
+                    if ($groupName) {
+                        $_EXTKEY = '';
+                        $titleIsTranslatableLabel = str_starts_with($ctrlTitle, 'LLL:EXT:');
+                        if ($titleIsTranslatableLabel) {
+                            // In case the title is a locallang reference, we can simply
+                            // extract the extension name from the given extension path.
+                            $_EXTKEY = substr($ctrlTitle, 8);
+                            $_EXTKEY = substr($_EXTKEY, 0, (int)strpos($_EXTKEY, '/'));
+                        } elseif (ExtensionManagementUtility::isLoaded($groupName)) {
+                            // In case $title is not a locallang reference, we check the groupName to
+                            // be a valid extension key. This most probably work since by convention the
+                            // first part after tx_ / tt_ is the extension key.
+                            $_EXTKEY = $groupName;
+                        }
+                        // Fetch the group title from the extension name
+                        if ($_EXTKEY !== '') {
+                            // Try to get the extension title
+                            $package = $this->packageManager->getPackage($_EXTKEY);
+                            $groupTitle = $lang->sL('LLL:EXT:' . $_EXTKEY . '/Resources/Private/Language/locallang_db.xlf:extension.title');
+                            // If no localisation available, read title from the Package MetaData
+                            if (!$groupTitle) {
+                                $groupTitle = $package->getPackageMetaData()->getTitle();
+                            }
+                            $extensionIcon = $package->getResources()->getPackageIcon();
+                            if ($extensionIcon !== null) {
+                                $iconResource = $this->resourceFactory->createPublicResource($extensionIcon);
+                                $iconFile[$groupName] = '<img src="' . htmlspecialchars((string)$this->resourcePublisher->generateUri($iconResource, $request)) . '" width="16" height="16" alt="' . $groupTitle . '" />';
+                            }
+                            if (!empty($groupTitle)) {
+                                $groupTitles[$groupName] = $groupTitle;
+                            } else {
+                                $groupTitles[$groupName] = ucwords($_EXTKEY);
+                            }
+                        }
+                    } else {
+                        // Fall back to "system" in case no $groupName could be found
+                        $groupName = 'system';
+                    }
+                }
+                $tRows[$groupName]['title'] = $tRows[$groupName]['title'] ?? $groupTitles[$groupName] ?? $nameParts[1] ?? $ctrlTitle;
+                $tRows[$groupName]['icon'] = $tRows[$groupName]['icon'] ?? $iconFile[$groupName] ?? $iconFile['system'] ?? '';
+                if ($schema->supportsSubSchema()
+                    && !$schema->getSubSchemaTypeInformation()->isPointerToForeignFieldInForeignSchema()
+                    && $this->hasRecordTypesForDirectCreation($schema)
+                ) {
+                    $tRows[$groupName]['items'][$table]['label'] = $lang->sL($ctrlTitle);
+                    $tRows[$groupName]['items'][$table]['icon'] = $this->iconFactory->getIconForRecord($table, [], IconSize::SMALL);
+                    $tRows[$groupName]['items'][$table]['types'] = $this->getRecordTypesForDirectCreation($request, $schema, $pageUid, $returnUrl);
+                } else {
+                    $tRows[$groupName]['items'][$table] = [
+                        'url' => $this->renderLink($request, $table, $pageUid, [], $returnUrl),
+                        'icon' => $this->iconFactory->getIconForRecord($table, [], IconSize::SMALL)->render(),
+                        'label' => $lang->sL($ctrlTitle),
+                    ];
+                }
+            }
+        }
+        // User sort
+        $newRecordSortList = isset($pageTS['mod.']['wizards.']['newRecord.']['order'])
+            ? GeneralUtility::trimExplode(',', $pageTS['mod.']['wizards.']['newRecord.']['order'], true)
+            : [];
+        uksort($tRows, static function (string $a, string $b) use ($newRecordSortList, $tRows): int {
+            if ($newRecordSortList !== []) {
+                if (in_array($a, $newRecordSortList) && in_array($b, $newRecordSortList)) {
+                    // Both are in the list, return relative to position in array
+                    $sub = array_search($a, $newRecordSortList) - array_search($b, $newRecordSortList);
+                    $ret = ($sub < 0 ? -1 : $sub == 0) ? 0 : 1;
+                } elseif (in_array($a, $newRecordSortList)) {
+                    // First element is in array, put to top
+                    $ret = -1;
+                } elseif (in_array($b, $newRecordSortList)) {
+                    // Second element is in array, put first to bottom
+                    $ret = 1;
+                } else {
+                    // No element is in array, return alphabetic order
+                    $ret = strnatcasecmp($tRows[$a]['title'] ?? '', $tRows[$b]['title'] ?? '');
+                }
+                return $ret;
+            }
+            // Return alphabetic order
+            return strnatcasecmp($tRows[$a]['title'] ?? '', $tRows[$b]['title'] ?? '');
+        });
+        $tRows = array_merge($groupedLinksOnTop, $tRows);
+
+        $tRows = $this->eventDispatcher->dispatch(
+            new ModifyNewRecordCreationLinksEvent($tRows, $pageTS, $pageUid, $request)
+        )->groupedCreationLinks;
+
+        $recordControls = $tRows;
+
+        if (count($recordControls) === 1) {
+            $items = current($recordControls)['items'] ?? [];
+            if (count($items) === 1) {
+                $item = current($items);
+                // Items for tables with sub-types carry a 'types' sub-array instead of a 'url'
+                // and must fall through to render the selection wizard.
+                if (isset($item['url'])) {
+                    return new RedirectResponse($item['url'], 301);
+                }
+            }
+        }
+
+        $view->assign('recordTypeGroups', $recordControls);
+
+        // Setting up the buttons and markers for docheader (done after permissions are checked)
+        // Back
+        if ($returnUrl) {
+            $view->addButtonToButtonBar($this->componentFactory->createBackButton($returnUrl), ButtonBar::BUTTON_POSITION_LEFT, 10);
+        }
+        if ($pageinfo['uid'] ?? false) {
+            // View
+            $previewUriBuilder = PreviewUriBuilder::create($pageinfo);
+            if ($previewUriBuilder->isPreviewable()) {
+                $view->addButtonToButtonBar(
+                    $this->componentFactory->createViewButton($previewUriBuilder
+                        ->withRootLine(BackendUtility::BEgetRootLine($pageinfo['uid']))
+                        ->buildDispatcherDataAttributes() ?? []),
+                    ButtonBar::BUTTON_POSITION_LEFT,
+                    30
+                );
+            }
+        }
+        return $view->renderResponse('NewRecord/NewRecord');
+    }
+
+    /**
+     * Links the string $code to a create-new form for a record in $table created on page $pid
+     *
+     * @param string $table Table name (in which to create new record)
+     * @param int $pid PID value for the "&edit['.$table.']['.$pid.']=new" command (positive/negative)
+     * @param array $additionalParams Additional params, such as "defVals" tp be added to the link
+     * @param string $returnUrl Return URL, falls back to the current request URI when empty
+     * @return string The link.
+     */
+    private function renderLink(ServerRequestInterface $request, string $table, int $pid, array $additionalParams, string $returnUrl): string
+    {
+        $params = [
+            'edit' => [
+                $table => [
+                    $pid => 'new',
+                ],
+            ],
+            'returnUrl' => $returnUrl ?: $request->getAttribute('normalizedParams')->getRequestUri(),
+        ];
+
+        if ($additionalParams) {
+            $params = array_replace_recursive($params, $additionalParams);
+        }
+
+        return (string)$this->uriBuilder->buildUriFromRoute('record_edit', $params);
+    }
+
+    /**
+     * Returns TRUE if the tablename $checkTable is allowed to be created on the page with record $pid_row
+     *
+     * @param TcaSchema $schema Table schema
+     * @param array $page Potential parent page
+     * @param int $pageUid Current page id
+     * @return bool Returns TRUE if the tablename $table is allowed to be created on the $page
+     */
+    private function isTableAllowedOnPage(TcaSchema $schema, array $page, int $pageUid): bool
+    {
+        $rootLevelCapability = $schema->getCapability(TcaSchemaCapability::RestrictionRootLevel);
+
+        $rootLevelConstraintMatches = ($rootLevelCapability->canExistOnRootLevel() && $pageUid === 0) || ($pageUid && $rootLevelCapability->canExistOnPages());
+        if (empty($page)) {
+            return $rootLevelConstraintMatches && $this->getBackendUserAuthentication()->isAdmin();
+        }
+        if (!$this->getBackendUserAuthentication()->workspaceCanCreateNewRecord($schema->getName())) {
+            return false;
+        }
+        // Checking doktype
+        $isAllowed = $this->pageDoktypeRegistry->isRecordTypeAllowedForDoktype($schema->getName(), $page['doktype']);
+        return $rootLevelConstraintMatches && $isAllowed;
+    }
+
+    /**
+     * Returns whether the record link should be shown for a table
+     *
+     * Returns TRUE if:
+     * - $allowedNewTables and $deniedNewTables are empty
+     * - the table is not found in $deniedNewTables and $allowedNewTables is not set or the $table tablename is found in
+     *   $allowedNewTables
+     *
+     * If $table tablename is found in $allowedNewTables and $deniedNewTables,
+     * $deniedNewTables has priority over $allowedNewTables.
+     *
+     * @param string $table Table name to test if in allowedTables
+     * @param array $allowedNewTables Array of new tables that are allowed.
+     * @param array $deniedNewTables Array of new tables that are not allowed.
+     * @return bool Returns TRUE if a link for creating new records should be displayed for $table
+     */
+    private function isRecordCreationAllowedForTable(string $table, array $allowedNewTables, array $deniedNewTables): bool
+    {
+        if (!$this->getBackendUserAuthentication()->check('tables_modify', $table)) {
+            return false;
+        }
+
+        $schema = $this->tcaSchemaFactory->get($table);
+
+        if ($schema->hasCapability(TcaSchemaCapability::AccessReadOnly)
+            || $schema->hasCapability(TcaSchemaCapability::HideInUi)
+            || ($schema->hasCapability(TcaSchemaCapability::AccessAdminOnly)  && !$this->getBackendUserAuthentication()->isAdmin())
+        ) {
+            return false;
+        }
+
+        // No deny/allow tables are set:
+        if (empty($allowedNewTables) && empty($deniedNewTables)) {
+            return true;
+        }
+
+        return !in_array($table, $deniedNewTables) && (empty($allowedNewTables) || in_array($table, $allowedNewTables));
+    }
+
+    private function hasRecordTypesForDirectCreation(TcaSchema $schema): bool
+    {
+        if (count($schema->getSubSchemata()) <= 1) {
+            return false;
+        }
+        foreach ($schema->getSubSchemata() as $subSchema) {
+            if ((bool)($subSchema->getRawConfiguration()['creationOptions']['enableDirectRecordTypeCreation'] ?? true) === false) {
+                continue;
+            }
+            return true;
+        }
+        return false;
+    }
+
+    private function getRecordTypesForDirectCreation(ServerRequestInterface $request, TcaSchema $schema, int $pageUid, string $returnUrl): array
+    {
+        $recordTypes = [];
+        $lang = $this->getLanguageService();
+        $recordTypeField = $schema->getSubSchemaTypeInformation()->getFieldName();
+        foreach ($schema->getSubSchemata() as $subSchema) {
+            $creationOptions = $subSchema->getRawConfiguration()['creationOptions'] ?? [];
+            if ((bool)($creationOptions['enableDirectRecordTypeCreation'] ?? true) === false) {
+                continue;
+            }
+            $recordTypeName = array_map(trim(...), explode('.', $subSchema->getName(), 2))[1] ?? '';
+            $recordTypes[$recordTypeName] = [
+                'url' => $this->renderLink($request, $schema->getName(), $pageUid, [
+                    'defVals' => [
+                        $schema->getName() => [
+                            $recordTypeField => $recordTypeName,
+                        ],
+                    ],
+                ], $returnUrl),
+                'icon' => $this->iconFactory->getIconForRecord($schema->getName(), [$recordTypeField => $recordTypeName], IconSize::SMALL),
+                'label' => $lang->sL($this->schemaLabelResolver->getLabelForFieldValue(
+                    $schema->getName(),
+                    $recordTypeField,
+                    $recordTypeName,
+                    [],
+                    BackendUtility::getPagesTSconfig($pageUid)['TCEFORM.'][$schema->getName() . '.'][$recordTypeField . '.'] ?? [],
+                )) ?: $lang->sL($subSchema->getTitle())
+                    ?: $recordTypeName,
+            ];
+        }
+        return $recordTypes;
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    private function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/OnlineMediaController.php b/Classes/Controller/OnlineMediaController.php
new file mode 100644
index 0000000..19c89a5
--- /dev/null
+++ b/Classes/Controller/OnlineMediaController.php
@@ -0,0 +1,179 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Resource\DefaultUploadFolderResolver;
+use TYPO3\CMS\Core\Resource\Exception\OnlineMediaAlreadyExistsException;
+use TYPO3\CMS\Core\Resource\File;
+use TYPO3\CMS\Core\Resource\OnlineMedia\Helpers\OnlineMediaHelperRegistry;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Class handles uploading online media
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class OnlineMediaController
+{
+    public function __construct(
+        protected ResourceFactory $resourceFactory,
+        protected DefaultUploadFolderResolver $uploadFolderResolver,
+        protected OnlineMediaHelperRegistry $onlineMediaHelperRegistry,
+        protected FlashMessageService $flashMessageService
+    ) {}
+
+    /**
+     * AJAX endpoint for storing the URL as a sys_file record
+     */
+    public function createAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $url = $request->getParsedBody()['url'];
+        $targetFolderIdentifier = $request->getParsedBody()['targetFolder'];
+        $allowedExtensions = GeneralUtility::trimExplode(',', $request->getParsedBody()['allowed'] ?: '');
+
+        if (!empty($url)) {
+            $data = [];
+            try {
+                $file = $this->addMediaFromUrl($url, $targetFolderIdentifier, $allowedExtensions);
+            } catch (OnlineMediaAlreadyExistsException $e) {
+                // Ignore this exception since the endpoint is called e.g. in inline context, where the
+                // folder is not relevant and the same asset can be attached to a record multiple times.
+                $file = $e->getOnlineMedia();
+            }
+            if ($file !== null) {
+                $data['file'] = $file->getUid();
+            } else {
+                $data['error'] = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:online_media.error.invalid_url');
+            }
+            return new JsonResponse($data);
+        }
+        return new JsonResponse();
+    }
+
+    /**
+     * Process add media request, and redirects to the previous page
+     *
+     * @throws \RuntimeException
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $files = $request->getParsedBody()['data'];
+        $redirect = $request->getParsedBody()['redirect'];
+        $newMedia = [];
+        if (isset($files['newMedia'])) {
+            $newMedia = (array)$files['newMedia'];
+        }
+
+        foreach ($newMedia as $media) {
+            if (!empty($media['url']) && !empty($media['target'])) {
+                $allowed = !empty($media['allowed']) ? GeneralUtility::trimExplode(',', $media['allowed']) : [];
+                try {
+                    $file = $this->addMediaFromUrl($media['url'], $media['target'], $allowed);
+                    if ($file !== null) {
+                        $flashMessage = new FlashMessage(
+                            $file->getName(),
+                            $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:online_media.new_media.added'),
+                            ContextualFeedbackSeverity::OK,
+                            true
+                        );
+                    } else {
+                        $flashMessage = new FlashMessage(
+                            $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:online_media.error.invalid_url'),
+                            $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:online_media.error.new_media.failed'),
+                            ContextualFeedbackSeverity::ERROR,
+                            true
+                        );
+                    }
+                } catch (OnlineMediaAlreadyExistsException $e) {
+                    $flashMessage = new FlashMessage(
+                        sprintf(
+                            $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:online_media.error.already_exists'),
+                            $e->getOnlineMedia()->getName()
+                        ),
+                        $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:online_media.error.new_media.failed'),
+                        ContextualFeedbackSeverity::WARNING,
+                        true
+                    );
+                }
+                $this->addFlashMessage($flashMessage);
+                if (empty($redirect) && $media['redirect']) {
+                    $redirect = $media['redirect'];
+                }
+            }
+        }
+
+        $redirect = GeneralUtility::sanitizeLocalUrl($redirect, $request);
+        if ($redirect) {
+            return new RedirectResponse($redirect, 303);
+        }
+
+        throw new \RuntimeException('No redirect after uploading a media found, probably a mis-use of the template not sending the proper Return URL.', 1511945040);
+    }
+
+    /**
+     * @param string $url
+     * @param string $targetFolderIdentifier
+     * @param string[] $allowedExtensions
+     * @return File|null
+     */
+    protected function addMediaFromUrl($url, $targetFolderIdentifier, array $allowedExtensions = [])
+    {
+        $targetFolder = null;
+        if ($targetFolderIdentifier) {
+            try {
+                $targetFolder = $this->resourceFactory->getFolderObjectFromCombinedIdentifier($targetFolderIdentifier);
+            } catch (\Exception $e) {
+                $targetFolder = null;
+            }
+        }
+        if ($targetFolder === null) {
+            $targetFolder = $this->uploadFolderResolver->resolve($this->getBackendUser());
+        }
+        return $this->onlineMediaHelperRegistry->transformUrlToFile($url, $targetFolder, $allowedExtensions);
+    }
+
+    /**
+     * Add flash message to message queue
+     */
+    protected function addFlashMessage(FlashMessage $flashMessage): void
+    {
+        $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+        $defaultFlashMessageQueue->enqueue($flashMessage);
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/Page/MovePageController.php b/Classes/Controller/Page/MovePageController.php
new file mode 100644
index 0000000..a9d86a5
--- /dev/null
+++ b/Classes/Controller/Page/MovePageController.php
@@ -0,0 +1,218 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Page;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\PageRendererBackendSetupTrait;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Configuration\ExtensionConfiguration;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\QueryHelper;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+use TYPO3\CMS\Core\Localization\LanguageServiceFactory;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * The "move page" wizard. Reachable via records module "Move page" on page records.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+final readonly class MovePageController
+{
+    use PageRendererBackendSetupTrait;
+
+    public function __construct(
+        private PageRenderer $pageRenderer,
+        private BackendViewFactory $backendViewFactory,
+        private UriBuilder $uriBuilder,
+        private LanguageServiceFactory $languageServiceFactory,
+        private ExtensionConfiguration $extensionConfiguration,
+        private ConnectionPool $connectionPool,
+    ) {}
+
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->setUpBasicPageRendererForBackend(
+            $this->pageRenderer,
+            $this->extensionConfiguration,
+            $request,
+            $this->languageServiceFactory->createFromUserPreferences($this->getBackendUser())
+        );
+        $view = $this->backendViewFactory->create($request);
+        $queryParams = $request->getQueryParams();
+        $contentOnly = $queryParams['contentOnly'] ?? false;
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/tree/page-browser.js');
+        $this->pageRenderer->getJavaScriptRenderer()->addJavaScriptModuleInstruction(
+            JavaScriptModuleInstruction::create('@typo3/backend/wizard/move-page.js', 'MovePage')->instance()
+        );
+        $this->pageRenderer->addInlineLanguageLabelFile('EXT:core/Resources/Private/Language/locallang_core.xlf');
+        $this->pageRenderer->addInlineLanguageLabelFile('EXT:core/Resources/Private/Language/locallang_misc.xlf');
+        $this->pageRenderer->addInlineLanguageLabelFile('EXT:backend/Resources/Private/Language/Wizards/move_page.xlf');
+
+        $targetPid = (int)($queryParams['expandPage'] ?? 0);
+        $pageIdToMove = (int)($queryParams['uid'] ?? 0);
+        $makeCopy = (bool)($queryParams['makeCopy'] ?? 0);
+
+        if ($targetPid) {
+            $view->assignMultiple($this->getContentVariables($pageIdToMove, $targetPid));
+        }
+        $view->assignMultiple([
+            'activePage' => $targetPid,
+            'contentOnly' => $contentOnly,
+            // Make-copy checkbox (clicking this will reload the page with the GET var makeCopy set differently):
+            'makeCopyChecked' => $makeCopy,
+            'makeCopyUrl' => $this->uriBuilder->buildUriFromRoute(
+                'move_page',
+                [
+                    'uid' => $pageIdToMove,
+                    'makeCopy' => !$makeCopy,
+                ]
+            ),
+        ]);
+
+        $content = $view->render('Page/MovePage');
+        if ($contentOnly) {
+            return new HtmlResponse($content);
+        }
+        $this->pageRenderer->setBodyContent('<body>' . $content);
+        return new HtmlResponse($this->pageRenderer->render($request));
+    }
+
+    private function getContentVariables(int $pageIdToMove, int $targetPid): array
+    {
+        $elementRow = BackendUtility::getRecordWSOL('pages', $pageIdToMove);
+        $targetRow = BackendUtility::getRecordWSOL('pages', $targetPid);
+        if (!$this->getBackendUser()->doesUserHaveAccess($targetRow, Permission::PAGE_EDIT)) {
+            return [];
+        }
+        return [
+            'targetHasSubpages' => $this->pageHasSubpages($targetPid),
+            'element' => [
+                'record' => $elementRow,
+                'recordTooltip' => BackendUtility::getRecordIconAltText($elementRow, 'pages', false),
+                'recordTitle' => BackendUtility::getRecordTitle('pages', $elementRow),
+                'recordPath' => BackendUtility::getRecordPath($pageIdToMove, $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW), 0),
+            ],
+            'target' => [
+                'record' => $targetRow,
+                'recordTooltip' => BackendUtility::getRecordIconAltText($targetRow, 'pages', false),
+                'recordTitle' => BackendUtility::getRecordTitle('pages', $targetRow),
+                'recordPath' => BackendUtility::getRecordPath($targetPid, $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW), 0),
+            ],
+            'positions' => [
+                'above' => $this->getTargetForAboveInsert($targetRow),
+                'inside' => $targetRow['uid'],
+                'below' => $targetRow['uid'] * -1,
+            ],
+            'hasEditPermissions' => $this->getBackendUser()->doesUserHaveAccess($elementRow, Permission::PAGE_EDIT),
+            'isDifferentPage' => $pageIdToMove !== $targetRow['uid'],
+        ];
+    }
+
+    private function getTargetForAboveInsert(array $targetRow): int
+    {
+        $targetPageId = (int)$targetRow['uid'];
+        $subpages = $this->getSubpagesForPageId($targetRow['pid']);
+        if (in_array($targetPageId, $subpages, true)) {
+            // Set pointer in array to $targetPid
+            while (current($subpages) !== $targetPageId) {
+                if (next($subpages) === false) {
+                    // We reached the end of the array and couldn't find the target pid (how?). Fall back to pid
+                    return (int)$targetRow['pid'];
+                }
+            }
+            $previousItem = prev($subpages);
+            if ($previousItem !== false) {
+                return $previousItem * -1;
+            }
+        }
+
+        return (int)$targetRow['pid'];
+    }
+
+    private function getSubpagesForPageId(int $pageId): array
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('pages');
+        $queryBuilder
+            ->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+
+        return $queryBuilder
+            ->select('uid')
+            ->from('pages')
+            ->where(
+                $queryBuilder->expr()->eq('pid', $queryBuilder->createNamedParameter($pageId)),
+                $queryBuilder->expr()->or(
+                    $queryBuilder->expr()->eq('language_tag', $queryBuilder->createNamedParameter(\Local\Multilanguage\Service\DefaultLanguageTagService::getTag())),
+                    $queryBuilder->expr()->eq('language_tag', $queryBuilder->createNamedParameter('')),
+                ),
+                QueryHelper::stripLogicalOperatorPrefix(
+                    $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW)
+                )
+            )
+            ->orderBy('sorting')
+            ->executeQuery()
+            ->fetchFirstColumn();
+    }
+
+    private function pageHasSubpages(int $pageId): bool
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('pages');
+        $queryBuilder
+            ->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+
+        $count = (int)$queryBuilder
+            ->count('uid')
+            ->from('pages')
+            ->where(
+                $queryBuilder->expr()->eq('pid', $queryBuilder->createNamedParameter($pageId)),
+                $queryBuilder->expr()->or(
+                    $queryBuilder->expr()->eq('language_tag', $queryBuilder->createNamedParameter(\Local\Multilanguage\Service\DefaultLanguageTagService::getTag())),
+                    $queryBuilder->expr()->eq('language_tag', $queryBuilder->createNamedParameter('')),
+                ),
+                QueryHelper::stripLogicalOperatorPrefix(
+                    $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW)
+                )
+            )
+            ->executeQuery()
+            ->fetchOne();
+
+        return $count > 0;
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/Page/NewMultiplePagesController.php b/Classes/Controller/Page/NewMultiplePagesController.php
new file mode 100644
index 0000000..11d1d90
--- /dev/null
+++ b/Classes/Controller/Page/NewMultiplePagesController.php
@@ -0,0 +1,292 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Page;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\OnTheFly;
+use TYPO3\CMS\Backend\Form\FormDataProvider\DatabaseEffectivePid;
+use TYPO3\CMS\Backend\Form\FormDataProvider\DatabaseParentPageRow;
+use TYPO3\CMS\Backend\Form\FormDataProvider\DatabaseRowInitializeNew;
+use TYPO3\CMS\Backend\Form\FormDataProvider\DatabaseUniqueUidNewRow;
+use TYPO3\CMS\Backend\Form\FormDataProvider\DatabaseUserPermissionCheck;
+use TYPO3\CMS\Backend\Form\FormDataProvider\InitializeProcessedTca;
+use TYPO3\CMS\Backend\Form\FormDataProvider\PageTsConfig;
+use TYPO3\CMS\Backend\Form\FormDataProvider\TcaSelectItems;
+use TYPO3\CMS\Backend\Form\FormDataProvider\UserTsConfig;
+use TYPO3\CMS\Backend\Routing\PreviewUriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * "Create multiple pages" controller
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class NewMultiplePagesController
+{
+    public function __construct(
+        protected ModuleTemplateFactory $moduleTemplateFactory,
+        protected TcaSchemaFactory $tcaSchemaFactory,
+        protected ComponentFactory $componentFactory,
+        protected FormDataCompiler $formDataCompiler,
+    ) {}
+
+    /**
+     * Main function Handling input variables and rendering main view.
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $view = $this->moduleTemplateFactory->create($request);
+        $backendUser = $this->getBackendUser();
+        $pageUid = (int)$request->getQueryParams()['id'];
+
+        // Show only if there is a valid page and if this page may be viewed by the user
+        $pageRecord = BackendUtility::readPageAccess($pageUid, $backendUser->getPagePermsClause(Permission::PAGE_SHOW));
+        if (!is_array($pageRecord)) {
+            // User has no permission on parent page, should not happen, just render an empty page
+            return $view->renderResponse('Dummy/Index');
+        }
+
+        // Doc header handling
+        $view->getDocHeaderComponent()->setPageBreadcrumb($pageRecord);
+        $view->addButtonToButtonBar(
+            $this->componentFactory->createViewButton(
+                PreviewUriBuilder::create($pageRecord)
+                    ->withRootLine(BackendUtility::BEgetRootLine($pageUid))
+                    ->buildDispatcherDataAttributes() ?? []
+            )
+        );
+
+        $calculatedPermissions = new Permission($backendUser->calcPerms($pageRecord));
+        $canCreateNew = $backendUser->isAdmin() || $calculatedPermissions->createPagePermissionIsGranted();
+
+        $view->assignMultiple([
+            'canCreateNew' => $canCreateNew,
+            'maxTitleLength' => $backendUser->uc['titleLen'] ?? 20,
+            'pageUid' => $pageUid,
+        ]);
+
+        if ($canCreateNew) {
+            $newPagesData = (array)($request->getParsedBody()['pages'] ?? []);
+            if (!empty($newPagesData)) {
+                $hasNewPagesData = true;
+                $afterExisting = isset($request->getParsedBody()['createInListEnd']);
+                $hidePages = isset($request->getParsedBody()['hidePages']);
+                $hidePagesInMenu = isset($request->getParsedBody()['hidePagesInMenus']);
+                $pagesCreated = $this->createPages($newPagesData, $pageUid, $afterExisting, $hidePages, $hidePagesInMenu);
+                $view->assign('pagesCreated', $pagesCreated);
+                $subPages = $this->getSubPagesOfPage($pageUid);
+                $visiblePages = [];
+                foreach ($subPages as $page) {
+                    $calculatedPermissions = new Permission($backendUser->calcPerms($page));
+                    if ($backendUser->isAdmin() || $calculatedPermissions->showPagePermissionIsGranted()) {
+                        $visiblePages[] = $page;
+                    }
+                }
+                $view->assign('visiblePages', $visiblePages);
+            } else {
+                $hasNewPagesData = false;
+                $types = $this->getTypeSelectData($pageUid, $request);
+                $filteredTypes = [];
+                $types = $this->filterTypesThatOnlyRequireTitle($types, $filteredTypes);
+                $view->assign('pageTypes', $types);
+                $view->assign('filteredTypes', $filteredTypes);
+                $view->assign('wizardConfiguration', ['positionData' => ['pageUid' => $pageUid, 'insertPosition' => 'inside']]);
+            }
+            $view->assign('hasNewPagesData', $hasNewPagesData);
+        }
+
+        return $view->renderResponse('Page/NewPages');
+    }
+
+    /**
+     * Persist new pages in DB
+     *
+     * @param array $newPagesData Data array with title and page type
+     * @param int $pageUid Uid of page new pages should be added in
+     * @param bool $afterExisting True if new pages should be created after existing pages
+     * @param bool $hidePages True if new pages should be set to hidden
+     * @param bool $hidePagesInMenu True if new pages should be set to hidden in menu
+     * @return bool TRUE if at least on pages has been added
+     */
+    protected function createPages(array $newPagesData, int $pageUid, bool $afterExisting, bool $hidePages, bool $hidePagesInMenu): bool
+    {
+        $pagesCreated = false;
+
+        // Set first pid to "-1 * uid of last existing sub page" if pages should be created at end
+        $firstPid = $pageUid;
+        if ($afterExisting) {
+            $subPages = $this->getSubPagesOfPage($pageUid);
+            $lastPage = end($subPages);
+            if (isset($lastPage['uid']) && MathUtility::canBeInterpretedAsInteger($lastPage['uid'])) {
+                $firstPid = -(int)$lastPage['uid'];
+            }
+        }
+
+        $dataMap = [];
+        $firstRecord = true;
+        $previousIdentifier = '';
+        foreach ($newPagesData as $identifier => $data) {
+            if (!trim($data['title'])) {
+                continue;
+            }
+            $dataMap['pages'][$identifier]['hidden'] = (int)$hidePages;
+            $dataMap['pages'][$identifier]['nav_hide'] = (int)$hidePagesInMenu;
+            $dataMap['pages'][$identifier]['title'] = $data['title'];
+            $dataMap['pages'][$identifier]['doktype'] = $data['doktype'];
+            if ($firstRecord) {
+                $firstRecord = false;
+                $dataMap['pages'][$identifier]['pid'] = $firstPid;
+            } else {
+                $dataMap['pages'][$identifier]['pid'] = '-' . $previousIdentifier;
+            }
+            $previousIdentifier = $identifier;
+        }
+
+        if (!empty($dataMap)) {
+            $pagesCreated = true;
+            $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
+            $dataHandler->start($dataMap, []);
+            $dataHandler->process_datamap();
+            BackendUtility::setUpdateSignal('updatePageTree');
+        }
+
+        return $pagesCreated;
+    }
+
+    protected function filterTypesThatOnlyRequireTitle(array $selectData, array &$filteredTypes): array
+    {
+        $pageSchema = $this->tcaSchemaFactory->get('pages');
+
+        foreach ($selectData as $group => $types) {
+            foreach ($types as $index => $type) {
+                $typeValue = (string)$type['value'];
+                $schema = $pageSchema->getSubSchema($typeValue);
+                foreach ($schema->getFields() as $field) {
+                    if ($field->isRequired() && $field->getName() !== 'title') {
+                        unset($selectData[$group][$index]);
+                        $filteredTypes[$typeValue] = $type['label'];
+                        continue 2;
+                    }
+                }
+            }
+        }
+
+        // Remove empty categories
+        $selectData = array_filter($selectData, static fn(array $types) => count($types) > 0);
+
+        return $selectData;
+    }
+
+    /**
+     * Page selector type data
+     */
+    protected function getTypeSelectData(int $pageUid, ServerRequestInterface $request): array
+    {
+        $formDataGroup = GeneralUtility::makeInstance(OnTheFly::class);
+        $formDataGroup->setProviderList([
+            InitializeProcessedTca::class,
+            DatabaseParentPageRow::class,
+            DatabaseUserPermissionCheck::class,
+            DatabaseEffectivePid::class,
+            UserTsConfig::class,
+            PageTsConfig::class,
+            DatabaseRowInitializeNew::class,
+            DatabaseUniqueUidNewRow::class,
+            TcaSelectItems::class,
+        ]);
+        $selectItems = $this->formDataCompiler->compile(
+            [
+                'command' => 'new',
+                'request' => $request,
+                'tableName' => 'pages',
+                'vanillaUid' => $pageUid,
+            ],
+            $formDataGroup
+        )['processedTca']['columns']['doktype']['config']['items'] ?? [];
+
+        $groupedData = [];
+        $groupLabel = '';
+
+        foreach ($selectItems as $selectItem) {
+            // If it is a group, save the group label for the children underneath.
+            if ($selectItem['value'] === '--div--') {
+                // Dividers defined inside the items array are not translated
+                // by the GroupAndSortService.
+                $groupLabel = $this->getLanguageService()->sL($selectItem['label']);
+            } else {
+                $groupedData[$groupLabel][] = $selectItem;
+            }
+        }
+
+        return $groupedData;
+    }
+
+    /**
+     * Get a list of sub pages with some all fields from given page.
+     * Fetch all data fields for full page icon display
+     *
+     * @param int $pageUid Get sub pages from this pages
+     */
+    protected function getSubPagesOfPage(int $pageUid): array
+    {
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable('pages');
+        $queryBuilder->getRestrictions()->removeAll()->add(GeneralUtility::makeInstance(DeletedRestriction::class));
+        return $queryBuilder->select('*')
+            ->from('pages')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'pid',
+                    $queryBuilder->createNamedParameter($pageUid, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->eq(
+                    $this->tcaSchemaFactory->get('pages')->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName(),
+                    $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                )
+            )
+            ->orderBy('sorting')
+            ->executeQuery()
+            ->fetchAllAssociative();
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/Page/SortSubPagesController.php b/Classes/Controller/Page/SortSubPagesController.php
new file mode 100644
index 0000000..a175433
--- /dev/null
+++ b/Classes/Controller/Page/SortSubPagesController.php
@@ -0,0 +1,208 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Page;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Routing\PreviewUriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * "Sort sub pages" controller - reachable from context menu "more" on page records
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class SortSubPagesController
+{
+    public function __construct(
+        protected IconFactory $iconFactory,
+        protected ComponentFactory $componentFactory,
+        protected ModuleTemplateFactory $moduleTemplateFactory,
+        protected ConnectionPool $connectionPool,
+    ) {}
+
+    /**
+     * Main function Handling input variables and rendering main view.
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $view = $this->moduleTemplateFactory->create($request);
+        $backendUser = $this->getBackendUser();
+        $parentPageUid = (int)($request->getQueryParams()['id'] ?? 0);
+
+        // Show only if there is a valid page and if this page may be viewed by the user
+        $pageInformation = BackendUtility::readPageAccess($parentPageUid, $backendUser->getPagePermsClause(Permission::PAGE_SHOW));
+        if (!is_array($pageInformation)) {
+            // User has no permission on parent page, should not happen, just render an empty page
+            return $view->renderResponse('Dummy/Index');
+        }
+
+        // Doc header handling
+        $view->getDocHeaderComponent()->setPageBreadcrumb($pageInformation);
+        $view->addButtonToButtonBar(
+            $this->componentFactory->createViewButton(
+                PreviewUriBuilder::create($pageInformation)
+                    ->withRootLine(BackendUtility::BEgetRootLine($parentPageUid))
+                    ->buildDispatcherDataAttributes() ?? []
+            )
+        );
+
+        $isInWorkspace = $backendUser->workspace !== 0;
+        $view->assignMultiple([
+            'isInWorkspace' => $isInWorkspace,
+            'maxTitleLength' => $backendUser->uc['titleLen'] ?? 20,
+            'parentPageUid' => $parentPageUid,
+            'dateFormat' => $GLOBALS['TYPO3_CONF_VARS']['SYS']['ddmmyy'],
+            'timeFormat' => $GLOBALS['TYPO3_CONF_VARS']['SYS']['hhmm'],
+        ]);
+
+        if (!$isInWorkspace) {
+            // Apply new sorting if given
+            $newSortBy = $request->getQueryParams()['newSortBy'] ?? null;
+            if ($newSortBy && in_array($newSortBy, ['title', 'subtitle', 'nav_title', 'crdate', 'tstamp'], true)) {
+                $this->sortSubPagesByField($parentPageUid, (string)$newSortBy);
+            } elseif ($newSortBy && $newSortBy === 'reverseCurrentSorting') {
+                $this->reverseSortingOfPages($parentPageUid);
+            }
+
+            // Get sub pages, loop through them and add page/user specific permission details
+            $pageRecords = $this->getSubPagesOfPage($parentPageUid);
+            $hasInvisiblePage = false;
+            $subPages = [];
+            foreach ($pageRecords as $page) {
+                $pageWithPermissions = [];
+                $pageWithPermissions['record'] = $page;
+                $calculatedPermissions = new Permission($backendUser->calcPerms($page));
+                $pageWithPermissions['canEdit'] = $backendUser->isAdmin() || $calculatedPermissions->editPagePermissionIsGranted();
+                $canSeePage = $backendUser->isAdmin() || $calculatedPermissions->showPagePermissionIsGranted();
+                if ($canSeePage) {
+                    $subPages[] = $pageWithPermissions;
+                } else {
+                    $hasInvisiblePage = true;
+                }
+            }
+            $view->assign('subPages', $subPages);
+            $view->assign('hasInvisiblePage', $hasInvisiblePage);
+        }
+
+        return $view->renderResponse('Page/SortSubPages');
+    }
+
+    /**
+     * Sort sub pages of given uid by field name alphabetically
+     *
+     * @param int $parentPageUid Parent page uid
+     * @param string $newSortBy Field name to sort by
+     * @throws \RuntimeException If $newSortBy does not validate
+     */
+    protected function sortSubPagesByField(int $parentPageUid, string $newSortBy)
+    {
+        if (!in_array($newSortBy, ['title', 'subtitle', 'nav_title', 'crdate', 'tstamp'], true)) {
+            throw new \RuntimeException(
+                'New sort by must be one of "title", "subtitle", "nav_title", "crdate" or tstamp',
+                1498924810
+            );
+        }
+        $subPages = $this->getSubPagesOfPage($parentPageUid, $newSortBy);
+        if (!empty($subPages)) {
+            $subPages = array_reverse($subPages);
+            $this->persistNewSubPageOrder($parentPageUid, $subPages);
+        }
+    }
+
+    /**
+     * Reverse current sorting of sub pages
+     *
+     * @param int $parentPageUid Parent page uid
+     */
+    protected function reverseSortingOfPages(int $parentPageUid)
+    {
+        $subPages = $this->getSubPagesOfPage($parentPageUid);
+        if (!empty($subPages)) {
+            $this->persistNewSubPageOrder($parentPageUid, $subPages);
+        }
+    }
+
+    /**
+     * Store new sub page order
+     *
+     * @param int $parentPageUid Parent page uid
+     * @param array $subPages List of sub pages in new order
+     */
+    protected function persistNewSubPageOrder(int $parentPageUid, array $subPages)
+    {
+        $commandArray = [];
+        foreach ($subPages as $subPage) {
+            $commandArray['pages'][$subPage['uid']]['move'] = $parentPageUid;
+        }
+        $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
+        $dataHandler->start([], $commandArray);
+        $dataHandler->process_cmdmap();
+        BackendUtility::setUpdateSignal('updatePageTree');
+    }
+
+    /**
+     * Get a list of sub pages with some all fields from given page.
+     * Fetch all data fields for full page icon display
+     *
+     * @param int $parentPageUid Get sub pages from this pages
+     * @param string $orderBy Order pages by this field
+     */
+    protected function getSubPagesOfPage(int $parentPageUid, string $orderBy = 'sorting'): array
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('pages');
+        $queryBuilder->getRestrictions()->removeAll()->add(GeneralUtility::makeInstance(DeletedRestriction::class));
+        return $queryBuilder->select('*')
+            ->from('pages')
+            ->where(
+                $queryBuilder->expr()->or(
+                    $queryBuilder->expr()->eq('language_tag', $queryBuilder->createNamedParameter(\Local\Multilanguage\Service\DefaultLanguageTagService::getTag())),
+                    $queryBuilder->expr()->eq('language_tag', $queryBuilder->createNamedParameter('')),
+                ),
+                $queryBuilder->expr()->eq(
+                    'pid',
+                    $queryBuilder->createNamedParameter($parentPageUid, Connection::PARAM_INT)
+                )
+            )
+            ->orderBy($orderBy)
+            ->executeQuery()
+            ->fetchAllAssociative();
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/Page/TreeController.php b/Classes/Controller/Page/TreeController.php
new file mode 100644
index 0000000..e4120d0
--- /dev/null
+++ b/Classes/Controller/Page/TreeController.php
@@ -0,0 +1,800 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Page;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Controller\Event\AfterPageTreeItemsPreparedEvent;
+use TYPO3\CMS\Backend\Dto\Tree\Label\Label;
+use TYPO3\CMS\Backend\Dto\Tree\PageTreeItem;
+use TYPO3\CMS\Backend\Dto\Tree\TreeItem;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\OnTheFly;
+use TYPO3\CMS\Backend\Form\FormDataProvider\DatabaseEffectivePid;
+use TYPO3\CMS\Backend\Form\FormDataProvider\DatabaseParentPageRow;
+use TYPO3\CMS\Backend\Form\FormDataProvider\DatabaseRowInitializeNew;
+use TYPO3\CMS\Backend\Form\FormDataProvider\DatabaseUniqueUidNewRow;
+use TYPO3\CMS\Backend\Form\FormDataProvider\InitializeProcessedTca;
+use TYPO3\CMS\Backend\Form\FormDataProvider\PageTsConfig;
+use TYPO3\CMS\Backend\Form\FormDataProvider\TcaSelectItems;
+use TYPO3\CMS\Backend\Form\FormDataProvider\UserTsConfig;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Tree\Repository\PageTreeRepository;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Authentication\JsConfirmation;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DocumentTypeExclusionRestriction;
+use TYPO3\CMS\Core\DataHandling\PageDoktypeRegistry;
+use TYPO3\CMS\Core\Exception\SiteNotFoundException;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Controller providing data to the page tree
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+class TreeController
+{
+    /**
+     * Option to use the nav_title field for outputting in the tree items, set via userTS.
+     */
+    protected bool $useNavTitle = false;
+
+    /**
+     * Option to prefix the page ID when outputting the tree items, set via userTS.
+     */
+    protected bool $addIdAsPrefix = false;
+
+    /**
+     * Option to prefix the domain name of sys_domains when outputting the tree items, set via userTS.
+     */
+    protected bool $addDomainName = false;
+
+    /**
+     * Option to add the rootline path above each mount point, set via userTS.
+     */
+    protected bool $showMountPathAboveMounts = false;
+
+    /**
+     * A list of pages not to be shown.
+     */
+    protected array $hiddenRecords = [];
+
+    /**
+     * An array of labels for a branch in the tree, set via userTS.
+     */
+    protected array $labels = [];
+
+    /**
+     * Number of tree levels which should be returned on the first page tree load
+     */
+    protected int $levelsToFetch = 2;
+
+    /**
+     * When set to true all nodes returend by API will be expanded
+     */
+    protected bool $expandAllNodes = false;
+
+    /**
+     * Used in the record link picker to limit the page tree only to a specific list
+     * of alternative entry points for selecting only from a list of pages
+     */
+    protected array $alternativeEntryPoints = [];
+
+    protected PageTreeRepository $pageTreeRepository;
+
+    protected bool $userHasAccessToModifyPagesAndToDefaultLanguage = false;
+
+    public function __construct(
+        protected readonly IconFactory $iconFactory,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly EventDispatcherInterface $eventDispatcher,
+        protected readonly SiteFinder $siteFinder,
+        protected readonly PageDoktypeRegistry $pageDoktypeRegistry,
+        protected readonly FormDataCompiler $formDataCompiler,
+    ) {}
+
+    protected function initializeConfiguration(ServerRequestInterface $request)
+    {
+        if ($request->getQueryParams()['readOnly'] ?? false) {
+            $this->getBackendUser()->initializeWebmountsForElementBrowser();
+        }
+        if ($request->getQueryParams()['alternativeEntryPoints'] ?? false) {
+            $this->alternativeEntryPoints = $request->getQueryParams()['alternativeEntryPoints'];
+            $this->alternativeEntryPoints = array_filter($this->alternativeEntryPoints, function (int $pageId): bool {
+                return $this->getBackendUser()->isInWebMount($pageId) !== null;
+            });
+            $this->alternativeEntryPoints = array_map(intval(...), $this->alternativeEntryPoints);
+            $this->alternativeEntryPoints = array_unique($this->alternativeEntryPoints);
+        }
+        $userTsConfig = $this->getBackendUser()->getTSConfig();
+        $this->hiddenRecords = GeneralUtility::intExplode(
+            ',',
+            (string)($userTsConfig['options.']['hideRecords.']['pages'] ?? ''),
+            true
+        );
+        $this->labels = $userTsConfig['options.']['pageTree.']['label.'] ?? [];
+        $this->addIdAsPrefix = (bool)($userTsConfig['options.']['pageTree.']['showPageIdWithTitle'] ?? false);
+        $this->addDomainName = (bool)($userTsConfig['options.']['pageTree.']['showDomainNameWithTitle'] ?? false);
+        $this->useNavTitle = (bool)($userTsConfig['options.']['pageTree.']['showNavTitle'] ?? false);
+        $this->showMountPathAboveMounts = (bool)($userTsConfig['options.']['pageTree.']['showPathAboveMounts'] ?? false);
+        $this->userHasAccessToModifyPagesAndToDefaultLanguage = $this->getBackendUser()->check('tables_modify', 'pages') && $this->getBackendUser()->checkLanguageAccess(0);
+    }
+
+    /**
+     * Returns page tree configuration in JSON
+     */
+    public function fetchConfigurationAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $backendUser = $this->getBackendUser();
+        $userTsConfig = $backendUser->getTSConfig();
+
+        // Check if translation search feature is generally available (TSconfig setting)
+        $translationSearchAvailable = (bool)($userTsConfig['options.']['pageTree.']['searchInTranslatedPages'] ?? true);
+
+        // Determine if translation search is enabled by the user preference - otherwise TSconfig setting applies
+        $translationSearchEnabled = $translationSearchAvailable
+            && (
+                !isset($backendUser->uc['pageTree_searchInTranslatedPages'])
+                || $backendUser->uc['pageTree_searchInTranslatedPages']
+            );
+
+        // Check if frontend URI search feature is generally available (TSconfig setting)
+        $frontendUriSearchAvailable = (bool)($userTsConfig['options.']['pageTree.']['searchByFrontendUri'] ?? true);
+
+        // Determine if frontend URI search is enabled by the user preference - otherwise TSconfig setting applies
+        $frontendUriSearchEnabled = $frontendUriSearchAvailable
+            && (
+                !isset($backendUser->uc['pageTree_searchByFrontendUri'])
+                || $backendUser->uc['pageTree_searchByFrontendUri']
+            );
+
+        // Build language list from site configuration
+        $languages = [];
+        $currentLanguageTag = $_COOKIE['pageTreeLang'] ?? '';
+        try {
+            $siteFinder = GeneralUtility::makeInstance(SiteFinder::class);
+            $sites = $siteFinder->getAllSites();
+            foreach ($sites as $site) {
+                foreach ($site->getAllLanguages() as $lang) {
+                    $tag = $lang->getLanguageTag();
+                    $languages[] = [
+                        'languageTag' => $tag,
+                        'title' => $lang->getTitle(),
+                        'flag' => $lang->getFlagIdentifier(),
+                    ];
+                }
+                break;
+            }
+        } catch (\Throwable) {}
+
+        $dataUrlParams = [];
+        if ($currentLanguageTag !== '') {
+            $dataUrlParams['language'] = $currentLanguageTag;
+        }
+
+        $configuration = [
+            'allowDragMove' => $this->isDragMoveAllowed(),
+            'doktypes' => $this->getDokTypes($request),
+            'displayDeleteConfirmation' => $backendUser->jsConfirmation(JsConfirmation::DELETE),
+            'temporaryMountPoint' => $this->getMountPointPath((int)($backendUser->uc['pageTree_temporaryMountPoint'] ?? 0)),
+            'showIcons' => true,
+            'dataUrl' => (string)$this->uriBuilder->buildUriFromRoute('ajax_page_tree_data', $dataUrlParams),
+            'rootlineUrl' => (string)$this->uriBuilder->buildUriFromRoute('ajax_page_tree_rootline'),
+            'filterUrl' => (string)$this->uriBuilder->buildUriFromRoute('ajax_page_tree_filter'),
+            'setTemporaryMountPointUrl' => (string)$this->uriBuilder->buildUriFromRoute('ajax_page_tree_set_temporary_mount_point'),
+            'searchInTranslatedPagesEnabled' => $translationSearchEnabled,
+            'searchInTranslatedPagesAvailable' => $translationSearchAvailable,
+            'searchByFrontendUriEnabled' => $frontendUriSearchEnabled,
+            'searchByFrontendUriAvailable' => $frontendUriSearchAvailable,
+            'languages' => $languages,
+            'currentLanguage' => $currentLanguageTag,
+        ];
+
+        return new JsonResponse($configuration);
+    }
+
+    public function fetchReadOnlyConfigurationAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $entryPoints = (string)($request->getQueryParams()['alternativeEntryPoints'] ?? '');
+        $entryPoints = GeneralUtility::intExplode(',', $entryPoints, true);
+        $additionalArguments = [
+            'readOnly' => 1,
+        ];
+        if (!empty($entryPoints)) {
+            $additionalArguments['alternativeEntryPoints'] = $entryPoints;
+        }
+        $configuration = [
+            'displayDeleteConfirmation' => $this->getBackendUser()->jsConfirmation(JsConfirmation::DELETE),
+            'temporaryMountPoint' => $this->getMountPointPath((int)($this->getBackendUser()->uc['pageTree_temporaryMountPoint'] ?? 0)),
+            'showIcons' => true,
+            'dataUrl' => (string)$this->uriBuilder->buildUriFromRoute('ajax_page_tree_data', $additionalArguments),
+            'filterUrl' => (string)$this->uriBuilder->buildUriFromRoute('ajax_page_tree_filter', $additionalArguments),
+            'setTemporaryMountPointUrl' => (string)$this->uriBuilder->buildUriFromRoute('ajax_page_tree_set_temporary_mount_point'),
+            'nonViewableDoktypes' => $this->pageDoktypeRegistry->getNonViewableDoktypes(),
+        ];
+        return new JsonResponse($configuration);
+    }
+
+    /**
+     * Returns the list of doktypes to display in page tree toolbar drag area,
+     * automatically determined based on the user's group permissions.
+     */
+    protected function getDokTypes(ServerRequestInterface $request): array
+    {
+        $formDataGroup = GeneralUtility::makeInstance(OnTheFly::class);
+        // Skip DatabaseUserPermissionCheck::class to return doktypes even if the user cannot create pages at root level
+        $formDataGroup->setProviderList([
+            InitializeProcessedTca::class,
+            DatabaseParentPageRow::class,
+            DatabaseEffectivePid::class,
+            UserTsConfig::class,
+            PageTsConfig::class,
+            DatabaseRowInitializeNew::class,
+            DatabaseUniqueUidNewRow::class,
+            TcaSelectItems::class,
+        ]);
+
+        try {
+            $doktypes = $this->formDataCompiler
+                ->compile(
+                    [
+                        'command' => 'new',
+                        'request' => $request,
+                        'tableName' => 'pages',
+                        'vanillaUid' => 0,
+                    ],
+                    $formDataGroup
+                )['processedTca']['columns']['doktype']['config']['items'] ?? [];
+        } catch (\Exception) {
+            return [];
+        }
+
+        return array_values(
+            array_map(
+                static fn(array $doktype) => [
+                    'nodeType' => $doktype['value'],
+                    'icon' => $doktype['icon'] ?? '',
+                    'title' => $doktype['label'] ?? '',
+                ],
+                array_filter(
+                    $doktypes,
+                    static fn(array $doktype) => ($doktype['value'] ?? '') !== '--div--' && ($doktype['value'] ?? '') !== ''
+                )
+            )
+        );
+    }
+
+    /**
+     * Returns JSON representing page tree
+     */
+    public function fetchDataAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->initializeConfiguration($request);
+
+        $languageParam = $request->getQueryParams()['language'] ?? '';
+        $languageTag = ($languageParam !== '' && $languageParam !== '0') ? $languageParam : null;
+
+        $items = [];
+        $parentIdentifier = $request->getQueryParams()['parent'] ?? null;
+        if ($parentIdentifier) {
+            $parentDepth = (int)($request->getQueryParams()['depth'] ?? 0);
+            // Fetching a part of a page tree
+            $entryPoints = $this->getAllEntryPointPageTrees((int)$parentIdentifier);
+            $mountPid = (int)($request->getQueryParams()['mount'] ?? 0);
+            $this->levelsToFetch = $parentDepth + $this->levelsToFetch;
+            foreach ($entryPoints as $page) {
+                $items[] = $this->pagesToFlatArray($page, $mountPid, $parentDepth);
+            }
+        } else {
+            $entryPoints = $this->getAllEntryPointPageTrees();
+            foreach ($entryPoints as $page) {
+                $items[] = $this->pagesToFlatArray($page, (int)$page['uid']);
+            }
+        }
+        $items = array_merge(...$items);
+
+        if ($languageTag !== null) {
+            $this->applyTranslationOverlay($items, $languageTag);
+        }
+
+        return new JsonResponse($this->getPostProcessedPageItems($request, $items));
+    }
+
+    private function applyTranslationOverlay(array &$items, string $languageTag): void
+    {
+        $pageIds = [];
+        foreach ($items as $item) {
+            $uid = (int)($item['identifier'] ?? 0);
+            if ($uid > 0) {
+                $pageIds[] = $uid;
+            }
+        }
+        if (empty($pageIds)) {
+            return;
+        }
+
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)
+            ->getQueryBuilderForTable('pages');
+        $translations = $queryBuilder
+            ->select('l10n_parent', 'title', 'nav_title', 'language_tag')
+            ->from('pages')
+            ->where(
+                $queryBuilder->expr()->in('l10n_parent', $pageIds),
+                $queryBuilder->expr()->eq('language_tag', $queryBuilder->createNamedParameter($languageTag))
+            )
+            ->executeQuery()
+            ->fetchAllAssociative();
+
+        $translationMap = [];
+        foreach ($translations as $trans) {
+            $translationMap[(int)$trans['l10n_parent']] = $trans;
+        }
+
+        foreach ($items as &$item) {
+            $page = $item['_page'] ?? [];
+            $uid = (int)($page['uid'] ?? (int)($item['identifier'] ?? 0));
+            $trans = $translationMap[$uid] ?? null;
+            if ($trans) {
+                $item['name'] = $trans['title'];
+                if (!empty($trans['nav_title'])) {
+                    $item['name'] = $trans['nav_title'];
+                    $item['nameSourceField'] = 'nav_title';
+                }
+                $item['_page']['title'] = $trans['title'];
+                $item['_page']['nav_title'] = $trans['nav_title'] ?? '';
+                $item['_page']['_translatedTitle'] = $trans['title'];
+            }
+        }
+    }
+
+    /**
+     * Returns JSON representing page rootline
+     */
+    public function fetchRootlineAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $identifier = (string)($request->getQueryParams()['identifier'] ?? '');
+        if (!MathUtility::canBeInterpretedAsInteger($identifier)) {
+            return new JsonResponse(null, 400);
+        }
+        $pageId = (int)$identifier;
+
+        if ($pageId === 0) {
+            return new JsonResponse(['rootline' => ['0']]);
+        }
+
+        $rootline = BackendUtility::BEgetRootLine((int)$identifier);
+        if ($rootline === []) {
+            return new JsonResponse(null, 404);
+        }
+
+        return new JsonResponse([
+            'rootline' => array_map(strval(...), array_column(array_reverse($rootline), 'uid')),
+        ]);
+    }
+
+    /**
+     * Returns JSON representing page tree filtered by keyword
+     */
+    public function filterDataAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $searchQuery = $request->getQueryParams()['q'] ?? '';
+        if (trim($searchQuery) === '') {
+            return new JsonResponse([]);
+        }
+
+        $this->initializeConfiguration($request);
+        $this->expandAllNodes = true;
+
+        $items = [];
+        $entryPoints = $this->getAllEntryPointPageTrees(0, $searchQuery);
+
+        foreach ($entryPoints as $page) {
+            if (!empty($page)) {
+                $items[] = $this->pagesToFlatArray($page, (int)$page['uid']);
+            }
+        }
+        $items = array_merge(...$items);
+
+        return new JsonResponse($this->getPostProcessedPageItems($request, $items));
+    }
+
+    /**
+     * Sets a temporary mount point
+     *
+     * @throws \RuntimeException
+     */
+    public function setTemporaryMountPointAction(ServerRequestInterface $request): ResponseInterface
+    {
+        if (empty($request->getParsedBody()['pid'])) {
+            throw new \RuntimeException(
+                'Required "pid" parameter is missing.',
+                1511792197
+            );
+        }
+        $pid = (int)$request->getParsedBody()['pid'];
+
+        $this->getBackendUser()->uc['pageTree_temporaryMountPoint'] = $pid;
+        $this->getBackendUser()->writeUC();
+        $response = [
+            'mountPointPath' => $this->getMountPointPath($pid),
+        ];
+        return new JsonResponse($response);
+    }
+
+    /**
+     * Converts nested tree structure produced by PageTreeRepository to a flat, one level array
+     * and also adds visual representation information to the data.
+     *
+     * The result is intended to be used as JSON result - dumping data directly to HTML might lead to XSS!
+     *
+     * @param array $page
+     * @param int $entryPoint
+     * @param int $depth
+     */
+    protected function pagesToFlatArray(array $page, int $entryPoint, int $depth = 0): array
+    {
+        $backendUser = $this->getBackendUser();
+        $pageId = (int)$page['uid'];
+        if (in_array($pageId, $this->hiddenRecords, true)) {
+            return [];
+        }
+
+        $stopPageTree = !empty($page['php_tree_stop']) && $depth > 0;
+        $identifier = $entryPoint . '_' . $pageId;
+
+        $suffix = '';
+        $prefix = '';
+        $nameSourceField = 'title';
+        $visibleText = $page['title'];
+        $tooltip = BackendUtility::titleAttribForPages($page, '', false, $this->useNavTitle);
+        if ($pageId !== 0) {
+            $icon = $this->iconFactory->getIconForRecord('pages', $page, IconSize::SMALL);
+        } else {
+            $icon = $this->iconFactory->getIcon('apps-pagetree-root', IconSize::SMALL);
+        }
+
+        if ($this->useNavTitle && trim($page['nav_title'] ?? '') !== '') {
+            $nameSourceField = 'nav_title';
+            $visibleText = $page['nav_title'];
+        }
+        if (trim($visibleText) === '') {
+            $visibleText = htmlspecialchars('[' . $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.no_title') . ']');
+        }
+
+        if ($this->addDomainName && ($page['is_siteroot'] ?? false)) {
+            $domain = $this->getDomainNameForPage($pageId);
+            $suffix = $domain !== '' ? ' [' . $domain . ']' : '';
+        }
+
+        $lockInfo = BackendUtility::isRecordLocked('pages', $pageId);
+        if (is_array($lockInfo)) {
+            $tooltip .= ' - ' . $lockInfo['msg'];
+        }
+        if ($this->addIdAsPrefix) {
+            $prefix = '[' . $pageId . '] ';
+        }
+
+        $labels = [];
+        if (!empty($this->labels[$pageId . '.']) && isset($this->labels[$pageId . '.']['label']) && trim($this->labels[$pageId . '.']['label']) !== '') {
+            $labels[] = new Label(
+                label: $this->getLanguageService()->sL($this->labels[$pageId . '.']['label']),
+                color: (string)($this->labels[$pageId . '.']['color'] ?? '#ff8700'),
+            );
+        }
+
+        $editable = false;
+        if ($pageId !== 0) {
+            $editable = $this->userHasAccessToModifyPagesAndToDefaultLanguage && $backendUser->doesUserHaveAccess($page, Permission::PAGE_EDIT);
+        }
+
+        $items = [];
+        $item = [
+            // identifier is not only used for pages, therefore it's a string
+            'identifier' => (string)$pageId,
+            'parentIdentifier' => (string)($page['pid'] ?? ''),
+            'recordType' => 'pages',
+            'name' => $visibleText,
+            'prefix' => !empty($prefix) ? htmlspecialchars($prefix) : '',
+            'suffix' => !empty($suffix) ? htmlspecialchars($suffix) : '',
+            'tooltip' => $tooltip,
+            'depth' => $depth,
+            'icon' => $icon->getIdentifier(),
+            'overlayIcon' => $icon->getOverlayIcon() ? $icon->getOverlayIcon()->getIdentifier() : '',
+            'editable' => $editable,
+            'deletable' => $backendUser->doesUserHaveAccess($page, Permission::PAGE_DELETE),
+            'labels' => $labels,
+
+            // _page is only for use in events so they do not need to fetch those
+            // records again. The property will be removed from the final payload.
+            '_page' => $page,
+            // _translationLanguageUids contains the language UIDs for translations that matched (only populated during search)
+            '_translationLanguageUids' => $this->pageTreeRepository->getTranslationMatches($pageId),
+            'doktype' => (int)($page['doktype'] ?? 0),
+            'nameSourceField' => $nameSourceField,
+            'mountPoint' => $entryPoint,
+            'workspaceId' => !empty($page['t3ver_oid']) ? $page['t3ver_oid'] : $pageId,
+        ];
+
+        if (!empty($page['_children']) || $this->pageTreeRepository->hasChildren($pageId)) {
+            $item['hasChildren'] = true;
+            if ($depth >= $this->levelsToFetch) {
+                $page = $this->pageTreeRepository->getTreeLevels($page, 1);
+            }
+        }
+        if (is_array($lockInfo)) {
+            $item['locked'] = true;
+        }
+        if ($stopPageTree) {
+            $item['stopPageTree'] = true;
+        }
+        if ($depth === 0) {
+            if ($this->showMountPathAboveMounts) {
+                $item['note'] = $this->getMountPointPath($pageId);
+            }
+        }
+
+        $items[] = $item;
+        if (!$stopPageTree && is_array($page['_children']) && !empty($page['_children']) && ($depth < $this->levelsToFetch || $this->expandAllNodes)) {
+            $items[key($items)]['loaded'] = true;
+            foreach ($page['_children'] as $child) {
+                $items = array_merge($items, $this->pagesToFlatArray($child, $entryPoint, $depth + 1));
+            }
+        }
+
+        return $items;
+    }
+
+    protected function initializePageTreeRepository(): PageTreeRepository
+    {
+        $backendUser = $this->getBackendUser();
+        $userTsConfig = $backendUser->getTSConfig();
+        $excludedDocumentTypes = GeneralUtility::intExplode(',', (string)($userTsConfig['options.']['pageTree.']['excludeDoktypes'] ?? ''), true);
+
+        $additionalQueryRestrictions = [];
+        if ($excludedDocumentTypes !== []) {
+            $additionalQueryRestrictions[] = GeneralUtility::makeInstance(DocumentTypeExclusionRestriction::class, $excludedDocumentTypes);
+        }
+
+        $pageTreeRepository = GeneralUtility::makeInstance(
+            PageTreeRepository::class,
+            $backendUser->workspace,
+            [],
+            $additionalQueryRestrictions
+        );
+        $pageTreeRepository->setAdditionalWhereClause($backendUser->getPagePermsClause(Permission::PAGE_SHOW));
+        return $pageTreeRepository;
+    }
+
+    /**
+     * Fetches all pages for all tree entry points the user is allowed to see
+     *
+     * @param string $query The search query can either be a string to be found in the title or the nav_title of a page or the uid of a page.
+     */
+    protected function getAllEntryPointPageTrees(int $startPid = 0, string $query = ''): array
+    {
+        $this->pageTreeRepository ??= $this->initializePageTreeRepository();
+        $backendUser = $this->getBackendUser();
+        if ($startPid === 0) {
+            $startPid = (int)($backendUser->uc['pageTree_temporaryMountPoint'] ?? 0);
+        }
+
+        $entryPointIds = null;
+        if ($startPid > 0) {
+            $entryPointIds = [$startPid];
+        } elseif (!empty($this->alternativeEntryPoints)) {
+            $entryPointIds = $this->alternativeEntryPoints;
+        }
+
+        $permClause = $backendUser->getPagePermsClause(Permission::PAGE_SHOW);
+        if ($query !== '') {
+            $this->levelsToFetch = 999;
+            $this->pageTreeRepository->fetchFilteredTree(
+                $query,
+                $this->getAllowedMountPoints(),
+                $permClause
+            );
+        }
+        $rootRecord = [
+            'uid' => 0,
+            'title' => $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?: 'TYPO3',
+        ];
+        $entryPointRecords = [];
+        $mountPoints = [];
+        if ($entryPointIds === null) {
+            //watch out for deleted pages returned as webmount
+            $mountPoints = $backendUser->getWebmounts();
+            $mountPoints = array_filter($mountPoints, fn(int $id): bool => !in_array($id, $this->hiddenRecords, true));
+
+            // Switch to multiple-entryPoint-mode if the rootPage is to be mounted.
+            // (other mounts would appear duplicated in the pid = 0 tree otherwise)
+            if (in_array(0, $mountPoints, true)) {
+                $entryPointIds = $mountPoints;
+            }
+        }
+
+        if ($entryPointIds === null) {
+            if ($query !== '') {
+                $rootRecord = $this->pageTreeRepository->getTree(0, null, $mountPoints);
+            } else {
+                $rootRecord = $this->pageTreeRepository->getTreeLevels($rootRecord, $this->levelsToFetch, $mountPoints);
+            }
+
+            $mountPointOrdering = array_flip($mountPoints);
+            if (isset($rootRecord['_children'])) {
+                usort($rootRecord['_children'], static function ($a, $b) use ($mountPointOrdering) {
+                    return ($mountPointOrdering[$a['uid']] ?? 0) <=> ($mountPointOrdering[$b['uid']] ?? 0);
+                });
+            }
+
+            $entryPointRecords[] = $rootRecord;
+        } else {
+            $entryPointIds = array_filter($entryPointIds, fn(int $id): bool => !in_array($id, $this->hiddenRecords, true));
+            foreach ($entryPointIds as $k => $entryPointId) {
+                if ($entryPointId === 0) {
+                    $entryPointRecord = $rootRecord;
+                } else {
+                    $entryPointRecord = BackendUtility::getRecordWSOL('pages', $entryPointId, '*', $permClause);
+
+                    if ($entryPointRecord !== null && !$backendUser->isInWebMount($entryPointId)) {
+                        $entryPointRecord = null;
+                    }
+                    if ($entryPointRecord === null) {
+                        continue;
+                    }
+                }
+
+                $entryPointRecord['uid'] = (int)$entryPointRecord['uid'];
+                if ($query === '') {
+                    $entryPointRecord = $this->pageTreeRepository->getTreeLevels($entryPointRecord, $this->levelsToFetch);
+                } else {
+                    $entryPointRecord = $this->pageTreeRepository->getTree($entryPointRecord['uid'], null, $entryPointIds);
+                }
+
+                if ($entryPointRecord !== []) {
+                    $entryPointRecords[$k] = $entryPointRecord;
+                }
+            }
+        }
+
+        return $entryPointRecords;
+    }
+
+    /**
+     * Returns the first configured domain name for a page
+     */
+    protected function getDomainNameForPage(int $pageId): string
+    {
+        try {
+            $site = $this->siteFinder->getSiteByRootPageId($pageId);
+            return (string)$site->getBase();
+        } catch (SiteNotFoundException) {
+            // No site found
+        }
+        return '';
+    }
+
+    /**
+     * Returns the mount point path for a temporary mount or the given id
+     */
+    protected function getMountPointPath(int $uid): string
+    {
+        if ($uid <= 0) {
+            return '';
+        }
+        $rootline = array_reverse(BackendUtility::BEgetRootLine($uid));
+        array_shift($rootline);
+        $path = [];
+        foreach ($rootline as $rootlineElement) {
+            $record = BackendUtility::getRecordWSOL('pages', $rootlineElement['uid'], 'title, nav_title', '', true, true);
+            $text = $record['title'];
+            if ($this->useNavTitle && trim($record['nav_title'] ?? '') !== '') {
+                $text = $record['nav_title'];
+            }
+            $path[] = htmlspecialchars($text);
+        }
+        return '/' . implode('/', $path);
+    }
+
+    /**
+     * Check if drag-move in the svg tree is allowed for the user
+     */
+    protected function isDragMoveAllowed(): bool
+    {
+        $backendUser = $this->getBackendUser();
+        return $backendUser->isAdmin()
+            || ($backendUser->check('tables_modify', 'pages') && $backendUser->checkLanguageAccess(0));
+    }
+
+    /**
+     * Get allowed mountpoints. Returns temporary mountpoint when temporary mountpoint is used.
+     *
+     * @return int[]
+     */
+    protected function getAllowedMountPoints(): array
+    {
+        $mountPoints = (int)($this->getBackendUser()->uc['pageTree_temporaryMountPoint'] ?? 0);
+        if (!$mountPoints) {
+            if (!empty($this->alternativeEntryPoints)) {
+                return $this->alternativeEntryPoints;
+            }
+            return $this->getBackendUser()->getWebmounts();
+        }
+        return [$mountPoints];
+    }
+
+    protected function getPostProcessedPageItems(ServerRequestInterface $request, array $items): array
+    {
+        return array_map(
+            static function (array $item): PageTreeItem {
+                return new PageTreeItem(
+                    // TreeItem
+                    new TreeItem(
+                        identifier: $item['identifier'],
+                        parentIdentifier: (string)($item['parentIdentifier'] ?? ''),
+                        recordType: (string)($item['recordType'] ?? ''),
+                        name: (string)($item['name'] ?? ''),
+                        note: (string)($item['note'] ?? ''),
+                        prefix: (string)($item['prefix'] ?? ''),
+                        suffix: (string)($item['suffix'] ?? ''),
+                        tooltip: (string)($item['tooltip'] ?? ''),
+                        depth: (int)($item['depth'] ?? 0),
+                        hasChildren: (bool)($item['hasChildren'] ?? false),
+                        loaded: (bool)($item['loaded'] ?? false),
+                        editable: (bool)($item['editable'] ?? false),
+                        deletable: (bool)($item['deletable'] ?? false),
+                        icon: (string)($item['icon'] ?? ''),
+                        overlayIcon: (string)($item['overlayIcon'] ?? ''),
+                        statusInformation: (array)($item['statusInformation'] ?? []),
+                        labels: (array)($item['labels'] ?? []),
+                    ),
+                    // PageTreeItem
+                    doktype: (int)($item['doktype'] ?? ''),
+                    nameSourceField: (string)($item['nameSourceField'] ?? ''),
+                    workspaceId: (int)($item['workspaceId'] ?? 0),
+                    locked: (bool)($item['locked'] ?? false),
+                    stopPageTree: (bool)($item['stopPageTree'] ?? false),
+                    mountPoint: (int)($item['mountPoint'] ?? 0),
+                );
+            },
+            $this->eventDispatcher->dispatch(
+                new AfterPageTreeItemsPreparedEvent($request, $items)
+            )->getItems()
+        );
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): ?LanguageService
+    {
+        return $GLOBALS['LANG'] ?? null;
+    }
+}
diff --git a/Classes/Controller/PageLayoutController.php b/Classes/Controller/PageLayoutController.php
new file mode 100644
index 0000000..1ef277e
--- /dev/null
+++ b/Classes/Controller/PageLayoutController.php
@@ -0,0 +1,756 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Clipboard\Clipboard;
+use TYPO3\CMS\Backend\Context\PageContext;
+use TYPO3\CMS\Backend\Controller\Event\ModifyPageLayoutContentEvent;
+use TYPO3\CMS\Backend\Module\ModuleData;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Routing\PreviewUriBuilder;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Service\PageLinkMessageProvider;
+use TYPO3\CMS\Backend\Template\Components\ButtonBar;
+use TYPO3\CMS\Backend\Template\Components\Buttons\ButtonInterface;
+use TYPO3\CMS\Backend\Template\Components\Buttons\LanguageSelectorBuilder;
+use TYPO3\CMS\Backend\Template\Components\Buttons\LanguageSelectorMode;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\ModuleTemplate;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Backend\View\Drawing\BackendLayoutRenderer;
+use TYPO3\CMS\Backend\View\Drawing\DrawingConfiguration;
+use TYPO3\CMS\Backend\View\PageLayoutContext;
+use TYPO3\CMS\Backend\View\PageViewMode;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Domain\Repository\PageRepository;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\SchemaLabelResolver;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * The Content > Layout module.
+ *
+ * @internal This class is not part of the TYPO3 API.
+ */
+#[AsController]
+class PageLayoutController
+{
+    protected PageContext $pageContext;
+    protected ?TcaSchema $schema = null;
+    protected ?ModuleData $moduleData = null;
+
+    public function __construct(
+        protected readonly ComponentFactory $componentFactory,
+        protected readonly IconFactory $iconFactory,
+        protected readonly PageRenderer $pageRenderer,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly PageRepository $pageRepository,
+        protected readonly ModuleTemplateFactory $moduleTemplateFactory,
+        protected readonly EventDispatcherInterface $eventDispatcher,
+        protected readonly ModuleProvider $moduleProvider,
+        protected readonly BackendLayoutRenderer $backendLayoutRenderer,
+        protected readonly BackendLayoutView $backendLayoutView,
+        protected readonly TcaSchemaFactory $tcaSchemaFactory,
+        protected readonly ConnectionPool $connectionPool,
+        protected readonly LanguageSelectorBuilder $languageSelectorBuilder,
+        protected readonly PageLinkMessageProvider $pageLinkMessageProvider,
+        private readonly SchemaLabelResolver $schemaLabelResolver,
+    ) {}
+
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $pageContext = $request->getAttribute('pageContext');
+        if (!$pageContext instanceof PageContext) {
+            throw new \RuntimeException('Required PageContext not available', 1731415237);
+        }
+        $this->pageContext = $pageContext;
+
+        $languageService = $this->getLanguageService();
+        $view = $this->moduleTemplateFactory->create($request);
+        if (!$this->pageContext->isAccessible() || $this->pageContext->pageId === 0) {
+            // In case page could not be resolved or we are on pid=0, show info to select a valid page in the tree
+            $view->setTitle($languageService->translate('title', 'backend.modules.layout'));
+            $view->assignMultiple([
+                'pageId' => $this->pageContext->pageId,
+                'siteName' => $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?? '',
+            ]);
+            $view->getDocHeaderComponent()->disableAutomaticReloadButton();
+            return $view->renderResponse('PageLayout/PageModuleNoAccess');
+        }
+
+        $this->moduleData = $request->getAttribute('moduleData');
+        $this->schema = $this->tcaSchemaFactory->get('pages');
+
+        $pageLayoutContext = $this->createPageLayoutContext($request);
+
+        $this->updateModuleData();
+        $this->createViewModeSelection($view);
+        $this->addButtonsToButtonBar($view, $request);
+        $this->initializeClipboard($request);
+        $event = $this->eventDispatcher->dispatch(new ModifyPageLayoutContentEvent($request, $view));
+
+        $mainLayoutHtml = $this->backendLayoutRenderer->drawContent($request, $pageLayoutContext);
+        $primaryLanguageId = $this->pageContext->getPrimaryLanguageId();
+        $pageLocalizationRecord = $this->pageContext->languageInformation->getTranslationRecord($primaryLanguageId);
+
+        $this->pageRenderer->addInlineLanguageLabelFile('EXT:backend/Resources/Private/Language/locallang_layout.xlf');
+
+        $view->setTitle($languageService->translate('title', 'backend.modules.layout'), $this->pageContext->getPageTitle());
+        $view->getDocHeaderComponent()->setPageBreadcrumb($this->pageContext->pageRecord);
+        $view->assignMultiple([
+            'pageId' => $this->pageContext->pageId,
+            'localizedPageId' => $pageLocalizationRecord['uid'] ?? 0,
+            'pageLayoutContext' => $pageLayoutContext,
+            'infoBoxes' => $this->generateMessagesForCurrentPage($request),
+            'isPageEditable' => $this->isPageEditable($primaryLanguageId),
+            'localizedPageTitle' => $this->pageContext->getPageTitle($primaryLanguageId),
+            'eventContentHtmlTop' => $event->getHeaderContent(),
+            'mainContentHtml' => $mainLayoutHtml,
+            'eventContentHtmlBottom' => $event->getFooterContent(),
+        ]);
+        return $view->renderResponse('PageLayout/PageModule');
+    }
+
+    protected function updateModuleData(): void
+    {
+        $backendUser = $this->getBackendUser();
+        if (PageViewMode::tryFrom((int)$this->moduleData->get('viewMode')) === null) {
+            // Invalid function, reset to default
+            $this->moduleData->set('viewMode', PageViewMode::LayoutView->value);
+        }
+        if ($backendUser->workspace !== 0) {
+            // In draft workspaces, always show all elements (including hidden)
+            $this->moduleData->set('showHidden', true);
+        }
+
+        // Store selected languages in module data for persistence
+        $this->moduleData->set('languages', $this->pageContext->selectedLanguageIds);
+
+        // Write module data
+        $backendUser->pushModuleData($this->moduleData->getModuleIdentifier(), $this->moduleData->toArray());
+    }
+
+    /**
+     * Creates the menu dropdown for switching between view modes.
+     *
+     * Available actions:
+     * - LayoutView: Single-language content editing (always available)
+     * - LanguageComparisonView: Multi-language comparison (only if translations exist)
+     *
+     * Smart Language Selection:
+     * When building URLs for mode switching, this method implements smart language selection:
+     * - Switching to layout mode with 1 translation selected → keep that translation
+     * - Switching to layout mode with 2+ translations selected → show default
+     */
+    protected function createViewModeSelection(ModuleTemplate $view): void
+    {
+        $languageService = $this->getLanguageService();
+        $modes = [
+            PageViewMode::LayoutView->value => $languageService->sL(PageViewMode::LayoutView->getLabel()),
+        ];
+
+        // Only show comparison mode if page has translations
+        if (!empty($this->pageContext->languageInformation->existingTranslations)) {
+            $modes[PageViewMode::LanguageComparisonView->value] = $languageService->sL(PageViewMode::LanguageComparisonView->getLabel());
+        }
+
+        // Apply TSconfig blinding
+        $moduleTsConfig = $this->pageContext->getModuleTsConfig('web_layout');
+        $blindActions = $moduleTsConfig['menu']['functions'] ?? [];
+        foreach ($blindActions as $key => $value) {
+            if (!$value && array_key_exists($key, $modes)) {
+                unset($modes[$key]);
+            }
+        }
+
+        // Only create menu if there are multiple actions to choose from
+        if (count($modes) <= 1) {
+            if (count($modes) === 1) {
+                $this->moduleData->set('viewMode', array_key_first($modes));
+            }
+            return;
+        }
+
+        $selectedMode = (int)$this->moduleData->get('viewMode');
+        if (!array_key_exists($selectedMode, $modes)) {
+            // Current function is not in available modes - reset to first available mode
+            $this->moduleData->set('viewMode', array_key_first($modes));
+            $selectedMode = (int)array_key_first($modes);
+        }
+
+        $actionMenu = $this->componentFactory->createMenu();
+        $actionMenu->setIdentifier('actionMenu');
+        $actionMenu->setLabel(
+            $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:pagelayout.moduleMenu.dropdown.label')
+        );
+
+        foreach ($modes as $modeValue => $label) {
+            $urlParams = $this->buildViewModeSwitchParams($modeValue);
+            $menuItem = $this->componentFactory->createMenuItem()
+                ->setTitle($label)
+                ->setHref((string)$this->uriBuilder->buildUriFromRoute('web_layout', $urlParams));
+
+            if ($selectedMode === $modeValue) {
+                $menuItem->setActive(true);
+            }
+            $actionMenu->addMenuItem($menuItem);
+        }
+        $view->getDocHeaderComponent()->getMenuRegistry()->addMenu($actionMenu);
+    }
+
+    /**
+     * Build URL parameters for switching to a specific view mode.
+     *
+     * Implements smart language selection when switching modes:
+     *
+     * FROM comparison TO layout:
+     * - 1 translation selected → keep that translation (user focused on it)
+     * - 2+ translations selected → show default language
+     *
+     * FROM layout TO comparison:
+     * - Keep the current language selection to preserve context
+     *
+     * @return array{id: int, viewMode: int, languages?: int[]}
+     */
+    private function buildViewModeSwitchParams(int $targetModeValue): array
+    {
+        $params = ['id' => $this->pageContext->pageId, 'viewMode' => $targetModeValue];
+        $targetMode = PageViewMode::tryFrom($targetModeValue);
+
+        // Smart language selection when switching to layout mode FROM comparison mode
+        if ($targetMode === PageViewMode::LayoutView && $this->pageContext->hasMultipleLanguagesSelected()) {
+            $nonDefaultLanguages = array_filter($this->pageContext->selectedLanguageIds, static fn($id) => $id > 0);
+            $params['languages'] = [
+                count($nonDefaultLanguages) === 1
+                    ? reset($nonDefaultLanguages) // Single translation: keep it
+                    : 0, // Multiple: show default
+            ];
+        }
+
+        // When switching to comparison mode, preserve current language selection
+        // The comparison mode will auto-add default language if needed
+        if ($targetMode === PageViewMode::LanguageComparisonView) {
+            $params['languages'] = $this->pageContext->selectedLanguageIds;
+        }
+
+        return $params;
+    }
+
+    protected function createPageLayoutContext(
+        ServerRequestInterface $request
+    ): PageLayoutContext {
+        $backendLayout = $this->backendLayoutView->getBackendLayoutForPage($this->pageContext->pageId);
+        $viewMode = count($this->pageContext->languageInformation->availableLanguages) > 1
+            ? PageViewMode::tryFrom((int)$this->moduleData->get('viewMode')) ?? PageViewMode::LayoutView
+            : PageViewMode::LayoutView;
+        $configuration = DrawingConfiguration::create($backendLayout, $this->pageContext->pageTsConfig, $viewMode);
+        $configuration->setShowHidden((bool)$this->moduleData->get('showHidden'));
+
+        // Build language columns map from available languages
+        $languageColumns = [];
+        foreach ($this->pageContext->languageInformation->availableLanguages as $language) {
+            $languageColumns[$language->getLanguageId()] = $language->getTitle();
+        }
+        // @todo Check if this is still used at all.
+        $configuration->setLanguageColumns($languageColumns);
+
+        $configuration->setSelectedLanguageIds($this->pageContext->selectedLanguageIds);
+        return GeneralUtility::makeInstance(PageLayoutContext::class, $this->pageContext, $backendLayout, $configuration, $request);
+    }
+
+    /**
+     * Return an array of various messages for the current page record,
+     * such as if the page has a special doktype, that can be rendered as info boxes.
+     */
+    protected function generateMessagesForCurrentPage(ServerRequestInterface $request): array
+    {
+        $languageService = $this->getLanguageService();
+        $backendUser = $this->getBackendUser();
+
+        $infoBoxes = [];
+        $currentDocumentType = (int)($this->pageContext->pageRecord['doktype'] ?? 0);
+        if ($currentDocumentType === PageRepository::DOKTYPE_SYSFOLDER && $this->moduleProvider->accessGranted('records', $backendUser)) {
+            $infoBoxes[] = [
+                'title' => $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:goToRecordsModule'),
+                'message' => '<p>' . $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:goToListModuleMessage') . '</p>'
+                    . '<button type="button" class="btn btn-primary" data-dispatch-action="TYPO3.ModuleMenu.showModule" data-dispatch-args-list="records">'
+                        . $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:goToRecordsModule')
+                    . '</button>',
+                'state' => ContextualFeedbackSeverity::INFO,
+            ];
+        }
+        if ($currentDocumentType === PageRepository::DOKTYPE_SHORTCUT) {
+            $shortcutMode = (int)($this->pageContext->pageRecord['shortcut_mode'] ?? 0);
+            $targetPage = [];
+            $state = ContextualFeedbackSeverity::ERROR;
+            if ($shortcutMode || ($this->pageContext->pageRecord['shortcut'] ?? false)) {
+                switch ($shortcutMode) {
+                    case PageRepository::SHORTCUT_MODE_NONE:
+                        $targetPage = $this->getTargetPageIfVisible($this->pageRepository->getPage((int)($this->pageContext->pageRecord['shortcut'] ?? 0), true));
+                        $message = $targetPage === [] ? $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:pageIsMisconfiguredOrNotAccessibleInternalLinkMessage') : '';
+                        break;
+                    case PageRepository::SHORTCUT_MODE_FIRST_SUBPAGE:
+                        $menuOfPages = $this->pageRepository->getMenu((int)($this->pageContext->pageRecord['uid'] ?? 0), '*', 'sorting', 'AND hidden = 0', true, true);
+                        $targetPage = reset($menuOfPages) ?: [];
+                        $message = $targetPage === [] ? $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:pageIsMisconfiguredFirstSubpageMessage') : '';
+                        break;
+                    case PageRepository::SHORTCUT_MODE_PARENT_PAGE:
+                        $targetPage = $this->getTargetPageIfVisible($this->pageRepository->getPage((int)($this->pageContext->pageRecord['pid'] ?? 0), true));
+                        $message = $targetPage === [] ? $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:pageIsMisconfiguredParentPageMessage') : '';
+                        break;
+                    default:
+                        $message = htmlspecialchars($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:pageIsMisconfiguredInternalLinkMessage'));
+                        break;
+                }
+                $message = htmlspecialchars($message);
+                if ($targetPage !== []) {
+                    $linkToPid = $this->uriBuilder->buildUriFromRoute('web_layout', ['id' => $targetPage['uid']]);
+                    $path = BackendUtility::getRecordPath($targetPage['uid'], $backendUser->getPagePermsClause(Permission::PAGE_SHOW), 1000);
+                    $linkedPath = '<a href="' . htmlspecialchars((string)$linkToPid) . '">' . htmlspecialchars($path) . '</a>';
+                    $message .= sprintf(htmlspecialchars($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:pageIsInternalLinkMessage')), $linkedPath);
+                    $message .= ' (' . htmlspecialchars($languageService->sL($this->schemaLabelResolver->getLabelForFieldValue('pages', 'shortcut_mode', (string)$shortcutMode, $this->pageContext->pageRecord))) . ')';
+                    $state = ContextualFeedbackSeverity::INFO;
+                }
+            } else {
+                $message = htmlspecialchars($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:pageIsMisconfiguredInternalLinkMessage'));
+            }
+            $infoBoxes[] = [
+                'message' => $message,
+                'state' => $state,
+            ];
+        }
+        if ($currentDocumentType === PageRepository::DOKTYPE_LINK) {
+            $primaryLanguageId = $this->pageContext->getPrimaryLanguageId();
+            $pageRecord = ($primaryLanguageId > 0 && ($overlayRecord = $this->pageContext->languageInformation->existingTranslations[$primaryLanguageId] ?? []) !== [])
+                ? $overlayRecord
+                : $this->pageContext->pageRecord;
+            $infoBoxes[] = $this->pageLinkMessageProvider->generateMessagesForPageTypeLink($pageRecord, $request);
+        }
+        if ($this->pageContext->pageRecord['content_from_pid'] ?? false) {
+            // If content from different pid is displayed
+            $contentPage = BackendUtility::getRecord('pages', (int)$this->pageContext->pageRecord['content_from_pid']);
+            if ($contentPage === null) {
+                $infoBoxes[] = [
+                    'message' => sprintf($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:content_from_pid_invalid_title'), $this->pageContext->pageRecord['content_from_pid']),
+                    'state' => ContextualFeedbackSeverity::ERROR,
+                ];
+            } else {
+                $linkToPid = $this->uriBuilder->buildUriFromRoute('web_layout', ['id' => $this->pageContext->pageRecord['content_from_pid']]);
+                $title = BackendUtility::getRecordTitle('pages', $contentPage);
+                $title = BackendUtility::cropToTitleLength($title);
+                $link = '<a href="' . htmlspecialchars((string)$linkToPid) . '">' . htmlspecialchars($title) . ' (PID ' . (int)$this->pageContext->pageRecord['content_from_pid'] . ')</a>';
+                $infoBoxes[] = [
+                    'message' => sprintf($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:content_from_pid_title'), $link),
+                    'state' => ContextualFeedbackSeverity::INFO,
+                ];
+            }
+        } elseif ($this->pageContext->pageId > 0) {
+            $links = $this->getPageLinksWhereContentIsAlsoShownOn($this->pageContext->pageId);
+            if (!empty($links)) {
+                $infoBoxes[] = [
+                    'message' => sprintf($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:content_on_pid_title'), $links),
+                    'state' => ContextualFeedbackSeverity::INFO,
+                ];
+            }
+        }
+        return $infoBoxes;
+    }
+
+    /**
+     * Get all pages with links where the content of a page $pageId is also shown on.
+     */
+    protected function getPageLinksWhereContentIsAlsoShownOn(int $pageId): string
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('pages');
+        $queryBuilder->getRestrictions()->removeAll();
+        $queryBuilder->getRestrictions()->add(GeneralUtility::makeInstance(DeletedRestriction::class));
+        $queryBuilder->select('*')
+            ->from('pages')
+            ->where($queryBuilder->expr()->eq('content_from_pid', $queryBuilder->createNamedParameter($pageId, Connection::PARAM_INT)));
+        $links = [];
+        $rows = $queryBuilder->executeQuery()->fetchAllAssociative();
+        if (!empty($rows)) {
+            foreach ($rows as $row) {
+                $linkToPid = $this->uriBuilder->buildUriFromRoute('web_layout', ['id' =>  $row['uid']]);
+                $title = BackendUtility::getRecordTitle('pages', $row);
+                $title = BackendUtility::cropToTitleLength($title);
+                $link = '<a href="' . htmlspecialchars((string)$linkToPid) . '">' . htmlspecialchars($title) . ' (PID ' . (int)$row['uid'] . ')</a>';
+                $links[] = $link;
+            }
+        }
+        return implode(', ', $links);
+    }
+
+    protected function addButtonsToButtonBar(ModuleTemplate $view, ServerRequestInterface $request): void
+    {
+        $languageService = $this->getLanguageService();
+
+        // Close button (show only if returnUrl is set)
+        $returnUrl = GeneralUtility::sanitizeLocalUrl($request->getQueryParams()['returnUrl'] ?? '', $request);
+        if ($returnUrl) {
+            // use button group -1 so that close button is to the left of other buttons
+            $view->addButtonToButtonBar($this->componentFactory->createCloseButton($returnUrl), ButtonBar::BUTTON_POSITION_LEFT, -1);
+        }
+
+        // Language selector
+        $this->createLanguageSelector($view);
+
+        // View
+        if ($viewButton = $this->makeViewButton()) {
+            $view->addButtonToButtonBar($viewButton);
+        }
+
+        // Edit
+        if ($editButton = $this->makeEditButton($request)) {
+            $view->addButtonToButtonBar($editButton, ButtonBar::BUTTON_POSITION_LEFT, 3);
+        }
+
+        // Cache
+        $clearCacheButton = $this->componentFactory->createGenericButton()
+            ->setTag('button')
+            ->setLabel($languageService->sL('core.cache:page.label'))
+            ->setClasses('t3js-clear-page-cache')
+            ->setAttributes([
+                'type' => 'button',
+                'data-id' => (string)($this->pageContext->pageRecord['uid'] ?? 0),
+            ])
+            ->setIcon($this->iconFactory->getIcon('actions-system-cache-clear', IconSize::SMALL));
+        $view->addButtonToButtonBar($clearCacheButton, ButtonBar::BUTTON_POSITION_RIGHT, 1);
+
+        // View settings
+        if ($this->getBackendUser()->check('tables_select', 'tt_content')) {
+            $viewSettingsButton = $this->componentFactory->createDropDownButton()
+                ->setLabel($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.view'))
+                ->setIcon($this->iconFactory->getIcon('actions-cog'))
+                ->setShowLabelText(true);
+            $this->pageRenderer->loadJavaScriptModule('@typo3/backend/layout-module/toggle-hidden-element.js');
+            $toggleHidden = $this->componentFactory->createDropDownGeneric();
+            $toggleHidden->setTag('typo3-backend-page-layout-toggle-hidden');
+            $toggleHiddenAttributes = ['count' => (string)$this->getNumberOfHiddenElements()];
+            if ((bool)$this->moduleData->get('showHidden')) {
+                $toggleHiddenAttributes['active'] = 'active';
+            }
+            $toggleHidden->setAttributes($toggleHiddenAttributes);
+            $viewSettingsButton->addItem($toggleHidden);
+            $view->addButtonToButtonBar($viewSettingsButton, ButtonBar::BUTTON_POSITION_RIGHT, 0);
+        }
+
+        // Shortcut
+        $view->getDocHeaderComponent()->setShortcutContext(
+            'web_layout',
+            sprintf(
+                '%s: %s [%d]',
+                $this->getLanguageService()->translate('short_description', 'backend.modules.layout'),
+                $this->pageContext->getPageTitle(),
+                $this->pageContext->pageId
+            ),
+            [
+                'id' => $this->pageContext->pageId,
+                'showHidden' => (bool)$this->moduleData->get('showHidden'),
+                'viewMode' => (int)$this->moduleData->get('viewMode'),
+                'languages' => $this->pageContext->selectedLanguageIds,
+            ]
+        );
+    }
+
+    protected function initializeClipboard(ServerRequestInterface $request): void
+    {
+        $clipboard = GeneralUtility::makeInstance(Clipboard::class);
+        $clipboard->initializeClipboard($request);
+        $clipboard->lockToNormal();
+        $clipboard->cleanCurrent();
+        $clipboard->endClipboard();
+        $elFromTable = $clipboard->elFromTable('tt_content');
+        if (!empty($elFromTable) && $this->isContentEditable($this->pageContext->getPrimaryLanguageId())) {
+            $pasteItem = (int)substr((string)key($elFromTable), 11);
+            $pasteRecord = BackendUtility::getRecordWSOL('tt_content', $pasteItem);
+            $pasteTitle = BackendUtility::getRecordTitle('tt_content', $pasteRecord);
+            $this->pageRenderer->getJavaScriptRenderer()->addJavaScriptModuleInstruction(
+                JavaScriptModuleInstruction::create('@typo3/backend/layout-module/paste.js')
+                    ->instance([
+                        'itemOnClipboardUid' => $pasteItem,
+                        'itemOnClipboardTitle' => $pasteTitle,
+                        'copyMode' => $clipboard->clipData['normal']['mode'] ?? '',
+                    ])
+            );
+        }
+    }
+
+    /**
+     * View Button
+     */
+    protected function makeViewButton(): ?ButtonInterface
+    {
+        // Do not create a "View webpage" button if
+        // * Multiple languages are selected
+        // * record is a placeholder
+        // * not in "Columns" view,
+        if (
+            $this->pageContext->hasMultipleLanguagesSelected()
+            || VersionState::tryFrom($this->pageContext->pageRecord['t3ver_state'] ?? 0) === VersionState::DELETE_PLACEHOLDER
+            || PageViewMode::tryFrom((int)$this->moduleData->get('viewMode')) !== PageViewMode::LayoutView
+        ) {
+            return null;
+        }
+
+        $previewUriBuilder = PreviewUriBuilder::create($this->pageContext->pageRecord);
+        if (!$previewUriBuilder->isPreviewable()) {
+            return null;
+        }
+
+        return $this->componentFactory->createViewButton($previewUriBuilder
+            ->withRootLine($this->pageContext->rootLine)
+            ->withLanguage($this->pageContext->getPrimaryLanguageId())
+            ->buildDispatcherDataAttributes() ?? []);
+    }
+
+    /**
+     * Edit Button
+     */
+    protected function makeEditButton(ServerRequestInterface $request): ?ButtonInterface
+    {
+        $primaryLanguageId = $this->pageContext->getPrimaryLanguageId();
+        if (!$this->isPageEditable($primaryLanguageId)
+            || PageViewMode::tryFrom((int)$this->moduleData->get('viewMode')) !== PageViewMode::LayoutView
+        ) {
+            return null;
+        }
+
+        $pageUid = $this->pageContext->pageId;
+        if ($primaryLanguageId > 0 && ($overlayRecord = $this->pageContext->languageInformation->getTranslationRecord($primaryLanguageId)) !== null) {
+            $pageUid = $overlayRecord['uid'];
+        }
+
+        $editParams = [
+            'edit' => ['pages' => [$pageUid => 'edit']],
+            'module' => 'web_layout',
+            'returnUrl' => $request->getAttribute('normalizedParams')->getRequestUri(),
+        ];
+        return $this->componentFactory->createGenericButton()
+            ->setTag('typo3-backend-contextual-record-edit-trigger')
+            ->setAttributes([
+                'url' => (string)$this->uriBuilder->buildUriFromRoute('record_edit_contextual', $editParams),
+                'edit-url' => (string)$this->uriBuilder->buildUriFromRoute('record_edit', $editParams),
+            ])
+            ->setLabel($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:editPageProperties'))
+            ->setShowLabelText(true)
+            ->setIcon($this->iconFactory->getIcon('actions-page-open', IconSize::SMALL));
+    }
+
+    /**
+     * Creates the language selector dropdown in the module toolbar.
+     */
+    protected function createLanguageSelector(ModuleTemplate $view): void
+    {
+        if (count($this->pageContext->languageInformation->availableLanguages) <= 1) {
+            return;
+        }
+
+        $viewMode = PageViewMode::tryFrom((int)$this->moduleData->get('viewMode')) ?? PageViewMode::LayoutView;
+        $isComparisonMode = $viewMode === PageViewMode::LanguageComparisonView;
+        $mode = $isComparisonMode ? LanguageSelectorMode::MULTI_SELECT : LanguageSelectorMode::SINGLE_SELECT;
+
+        $languageSelector = $this->languageSelectorBuilder->build(
+            $this->pageContext,
+            $mode,
+            fn(array $languageIds): string => (string)$this->uriBuilder->buildUriFromRoute('web_layout', [
+                'id' => $this->pageContext->pageId,
+                'viewMode' => $viewMode->value,
+                'languages' => $languageIds,
+            ]),
+            $isComparisonMode && !empty($this->pageContext->languageInformation->existingTranslations)
+        );
+
+        $view->getDocHeaderComponent()->setLanguageSelector($languageSelector);
+    }
+
+    /**
+     * Returns the number of hidden elements (including those hidden by start/end times)
+     * on the current page (for the current site language)
+     */
+    protected function getNumberOfHiddenElements(): int
+    {
+        $isComparisonView = (PageViewMode::tryFrom((int)$this->moduleData->get('viewMode')) ?? PageViewMode::LayoutView) === PageViewMode::LanguageComparisonView;
+        $andWhere = [];
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('tt_content');
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+        $queryBuilder
+            ->count('uid')
+            ->from('tt_content')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'pid',
+                    $queryBuilder->createNamedParameter($this->pageContext->pageId, Connection::PARAM_INT)
+                )
+            );
+
+        $languageField = $this->schema->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName();
+
+        // Build list of language IDs to include: always include -1 (all languages) and all selected languages
+        $languageIds = [-1];
+        foreach ($this->pageContext->selectedLanguageIds as $languageId) {
+            $languageIds[] = $languageId;
+            // In comparison mode, also include default language (0) if not already selected
+            if ($isComparisonView && $languageId > 0 && !$this->pageContext->isDefaultLanguageSelected()) {
+                $languageIds[] = 0;
+            }
+        }
+        $languageIds = array_unique($languageIds);
+
+        $queryBuilder->andWhere(
+            $queryBuilder->expr()->in(
+                $languageField,
+                $queryBuilder->createNamedParameter($languageIds, Connection::PARAM_INT_ARRAY)
+            )
+        );
+
+        if ($this->schema->hasCapability(TcaSchemaCapability::RestrictionDisabledField)) {
+            $andWhere[] = $queryBuilder->expr()->neq(
+                $this->schema->getCapability(TcaSchemaCapability::RestrictionDisabledField)->getFieldName(),
+                $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+            );
+        }
+        if ($this->schema->hasCapability(TcaSchemaCapability::RestrictionStartTime)) {
+            $starttimeField = $this->schema->getCapability(TcaSchemaCapability::RestrictionStartTime)->getFieldName();
+            $andWhere[] = $queryBuilder->expr()->and(
+                $queryBuilder->expr()->neq(
+                    $starttimeField,
+                    $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->gt(
+                    $starttimeField,
+                    $queryBuilder->createNamedParameter($GLOBALS['SIM_ACCESS_TIME'], Connection::PARAM_INT)
+                )
+            );
+        }
+        if ($this->schema->hasCapability(TcaSchemaCapability::RestrictionEndTime)) {
+            $endtimeField = $this->schema->getCapability(TcaSchemaCapability::RestrictionEndTime)->getFieldName();
+            $andWhere[] = $queryBuilder->expr()->and(
+                $queryBuilder->expr()->neq(
+                    $endtimeField,
+                    $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->lte(
+                    $endtimeField,
+                    $queryBuilder->createNamedParameter($GLOBALS['SIM_ACCESS_TIME'], Connection::PARAM_INT)
+                )
+            );
+        }
+        if ($andWhere !== []) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->or(...$andWhere)
+            );
+        }
+        $count = $queryBuilder
+            ->executeQuery()
+            ->fetchOne();
+        return (int)$count;
+    }
+
+    /**
+     * Check if page can be edited by current user.
+     */
+    protected function isPageEditable(int $languageId): bool
+    {
+        if (empty($this->pageContext->pageRecord)) {
+            return false;
+        }
+        if ($this->schema->hasCapability(TcaSchemaCapability::AccessReadOnly)) {
+            return false;
+        }
+        $backendUser = $this->getBackendUser();
+        if ($backendUser->isAdmin()) {
+            return true;
+        }
+        if ($this->schema->hasCapability(TcaSchemaCapability::AccessAdminOnly)) {
+            return false;
+        }
+        $isEditLocked = false;
+        if ($this->schema->hasCapability(TcaSchemaCapability::EditLock)) {
+            $isEditLocked = $this->pageContext->pageRecord[$this->schema->getCapability(TcaSchemaCapability::EditLock)->getFieldName()] ?? false;
+        }
+        if ($isEditLocked) {
+            return false;
+        }
+        return $backendUser->doesUserHaveAccess($this->pageContext->pageRecord, Permission::PAGE_EDIT)
+            && $backendUser->checkLanguageAccess($languageId)
+            && $backendUser->check('tables_modify', 'pages');
+    }
+
+    /**
+     * Check if content can be edited by current user
+     */
+    protected function isContentEditable(int $languageId): bool
+    {
+        if ($this->getBackendUser()->isAdmin()) {
+            return true;
+        }
+        $isEditLocked = false;
+        if ($this->schema->hasCapability(TcaSchemaCapability::EditLock)) {
+            $isEditLocked = $this->pageContext->pageRecord[$this->schema->getCapability(TcaSchemaCapability::EditLock)->getFieldName()] ?? false;
+        }
+        if ($isEditLocked) {
+            return false;
+        }
+        return $this->getBackendUser()->doesUserHaveAccess($this->pageContext->pageRecord, Permission::CONTENT_EDIT)
+            && $this->getBackendUser()->check('tables_modify', 'tt_content')
+            && $this->getBackendUser()->checkLanguageAccess($languageId);
+    }
+
+    /**
+     * Returns the target page if visible
+     */
+    protected function getTargetPageIfVisible(array $targetPage): array
+    {
+        $fieldName = $this->schema->getCapability(TcaSchemaCapability::RestrictionDisabledField)->getFieldName();
+        return !($targetPage[$fieldName] ?? false) ? $targetPage : [];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/PageTsConfig/PageTsConfigActiveController.php b/Classes/Controller/PageTsConfig/PageTsConfigActiveController.php
new file mode 100644
index 0000000..b0a1bf7
--- /dev/null
+++ b/Classes/Controller/PageTsConfig/PageTsConfigActiveController.php
@@ -0,0 +1,257 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\PageTsConfig;
+
+use Psr\Container\ContainerInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Module\ModuleData;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Site\Entity\Site;
+use TYPO3\CMS\Core\TypoScript\AST\Traverser\AstTraverser;
+use TYPO3\CMS\Core\TypoScript\AST\Visitor\AstSortChildrenVisitor;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\IncludeNode\RootInclude;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\IncludeNode\SiteInclude;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\IncludeNode\TsConfigInclude;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\Traverser\ConditionVerdictAwareIncludeTreeTraverser;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\Traverser\IncludeTreeTraverser;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\TsConfigTreeBuilder;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\Visitor\IncludeTreeAstBuilderVisitor;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\Visitor\IncludeTreeCommentAwareAstBuilderVisitor;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\Visitor\IncludeTreeConditionAggregatorVisitor;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\Visitor\IncludeTreeConditionEnforcerVisitor;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\Visitor\IncludeTreeSetupConditionConstantSubstitutionVisitor;
+use TYPO3\CMS\Core\TypoScript\Tokenizer\LosslessTokenizer;
+
+/**
+ * Page TSconfig > Active page TSconfig
+ *
+ * @internal This class is a specific Backend controller implementation and is not part of the TYPO3's Core API.
+ */
+#[AsController]
+final readonly class PageTsConfigActiveController
+{
+    public function __construct(
+        private ContainerInterface $container,
+        private UriBuilder $uriBuilder,
+        private ModuleTemplateFactory $moduleTemplateFactory,
+        private TsConfigTreeBuilder $tsConfigTreeBuilder,
+    ) {}
+
+    public function handleRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        $backendUser = $this->getBackendUser();
+        $languageService = $this->getLanguageService();
+
+        $queryParams = $request->getQueryParams();
+        $parsedBody = $request->getParsedBody();
+
+        $currentModule = $request->getAttribute('module');
+        $currentModuleIdentifier = $currentModule->getIdentifier();
+        $moduleData = $request->getAttribute('moduleData');
+
+        $pageUid = (int)($parsedBody['id'] ?? $queryParams['id'] ?? 0);
+        $pageRecord = BackendUtility::readPageAccess($pageUid, '1=1') ?: [];
+        if (empty($pageRecord)) {
+            // Redirect to overview if page could not be determined.
+            // Edge case if page has been removed meanwhile.
+            BackendUtility::setUpdateSignal('updatePageTree');
+            return new RedirectResponse($this->uriBuilder->buildUriFromRoute('pagetsconfig_pages'));
+        }
+
+        // Force boolean toggles to bool and init further get/post vars
+        if ($moduleData->clean('displayConstantSubstitutions', [true, false])) {
+            $backendUser->pushModuleData($currentModuleIdentifier, $moduleData->toArray());
+        }
+        $displayConstantSubstitutions = $moduleData->get('displayConstantSubstitutions');
+        if ($moduleData->clean('displayComments', [true, false])) {
+            $backendUser->pushModuleData($currentModuleIdentifier, $moduleData->toArray());
+        }
+        $displayComments = $moduleData->get('displayComments');
+        if ($moduleData->clean('sortAlphabetically', [true, false])) {
+            $backendUser->pushModuleData($currentModuleIdentifier, $moduleData->toArray());
+        }
+        $sortAlphabetically = $moduleData->get('sortAlphabetically');
+
+        // Prepare site constants if any
+        $site = $request->getAttribute('site');
+        $siteSettingsAst = null;
+        $siteSettingsFlat = [];
+        if ($site instanceof Site && !$site->getSettings()->isEmpty()) {
+            $siteSettings = $site->getSettings()->getAllFlat();
+            $siteConstants = '';
+            foreach ($siteSettings as $nodeIdentifier => $value) {
+                $siteConstants .= $nodeIdentifier . ' = ' . $value . LF;
+            }
+            $siteSettingsNode = new SiteInclude();
+            $siteSettingsNode->setName('Site constants settings of site "' . $site->getIdentifier() . '"');
+            $siteSettingsNode->setLineStream((new LosslessTokenizer())->tokenize($siteConstants));
+            $siteSettingsTreeRoot = new RootInclude();
+            $siteSettingsTreeRoot->addChild($siteSettingsNode);
+            $astBuilderVisitor = $this->container->get(IncludeTreeAstBuilderVisitor::class);
+            $includeTreeTraverser = new IncludeTreeTraverser();
+            $includeTreeTraverser->traverse($siteSettingsTreeRoot, [$astBuilderVisitor]);
+            $siteSettingsAst = $astBuilderVisitor->getAst();
+            // Trigger unique identifier creation for entire tree
+            $siteSettingsAst->setIdentifier('pageTsConfig-siteSettingsAst');
+            $siteSettingsFlat = $siteSettingsAst->flatten();
+            if ($sortAlphabetically) {
+                // Traverse AST to sort if needed
+                $astTraverser = new AstTraverser();
+                $astTraverser->traverse($siteSettingsAst, [new AstSortChildrenVisitor()]);
+            }
+        }
+
+        // Base page TSconfig tree
+        $rootLine = BackendUtility::BEgetRootLine($pageUid, '', true);
+        ksort($rootLine);
+        $pagesTsConfigTree = $this->tsConfigTreeBuilder->getPagesTsConfigTree($rootLine, new LosslessTokenizer());
+
+        // Overload tree with user TSconfig if any
+        $userTsConfig = $backendUser->getUserTsConfig();
+        if ($userTsConfig === null) {
+            throw new \RuntimeException('User TSconfig not initialized', 1674609098);
+        }
+        $userTsConfigAst = $userTsConfig->getUserTsConfigTree();
+        $userTsConfigPageOverrides = '';
+        // @todo: Ugly, similar in PageTsConfigFactory.
+        $userTsConfigFlat = $userTsConfigAst->flatten();
+        foreach ($userTsConfigFlat as $userTsConfigIdentifier => $userTsConfigValue) {
+            if (str_starts_with($userTsConfigIdentifier, 'page.')) {
+                $userTsConfigPageOverrides .= substr($userTsConfigIdentifier, 5) . ' = ' . $userTsConfigValue . chr(10);
+            }
+        }
+        if (!empty($userTsConfigPageOverrides)) {
+            $includeNode = new TsConfigInclude();
+            $includeNode->setName('pageTsConfig-overrides-by-userTsConfig');
+            $includeNode->setLineStream((new LosslessTokenizer())->tokenize($userTsConfigPageOverrides));
+            $pagesTsConfigTree->addChild($includeNode);
+        }
+
+        // Set enabled conditions in page TSconfig include tree and let it handle constant substitutions in page TSconfig conditions.
+        $pageTsConfigConditions = $this->handleToggledPageTsConfigConditions($pagesTsConfigTree, $moduleData, $parsedBody, $siteSettingsFlat);
+        $conditionEnforcerVisitor = new IncludeTreeConditionEnforcerVisitor();
+        $conditionEnforcerVisitor->setEnabledConditions(array_column(array_filter($pageTsConfigConditions, static fn(array $condition): bool => (bool)$condition['active']), 'value'));
+        $treeTraverser = new IncludeTreeTraverser();
+        $treeTraverser->traverse($pagesTsConfigTree, [$conditionEnforcerVisitor]);
+
+        // Create AST with constants from site and conditions
+        $includeTreeTraverser = new ConditionVerdictAwareIncludeTreeTraverser();
+        $astBuilderVisitor = $this->container->get(IncludeTreeCommentAwareAstBuilderVisitor::class);
+        $astBuilderVisitor->setFlatConstants($siteSettingsFlat);
+        $includeTreeTraverser->traverse($pagesTsConfigTree, [$astBuilderVisitor]);
+        $pageTsConfigAst = $astBuilderVisitor->getAst();
+        // Trigger unique identifier creation for entire tree
+        $pageTsConfigAst->setIdentifier('pageTsConfig');
+        if ($sortAlphabetically) {
+            // Traverse AST to sort if needed
+            $astTraverser = new AstTraverser();
+            $astTraverser->traverse($pageTsConfigAst, [new AstSortChildrenVisitor()]);
+        }
+
+        $view = $this->moduleTemplateFactory->create($request);
+        $view->setTitle($languageService->sL($currentModule->getTitle()), $pageRecord['title'] ?? $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?? '');
+        $view->getDocHeaderComponent()->setPageBreadcrumb($pageRecord);
+        $shortcutTitle = sprintf(
+            '%s: %s [%d]',
+            $languageService->translate('title', 'backend.modules.pagetsconfig_active'),
+            BackendUtility::getRecordTitle('pages', $pageRecord),
+            $pageUid
+        );
+        $view->getDocHeaderComponent()->setShortcutContext(
+            $currentModuleIdentifier,
+            $shortcutTitle,
+            ['id' => $pageUid]
+        );
+        $view->makeDocHeaderModuleMenu(['id' => $pageUid]);
+        $view->assignMultiple([
+            'pageUid' => $pageUid,
+            'pageTitle' => $pageRecord['title'] ?? $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?? '',
+            'displayConstantSubstitutions' => $displayConstantSubstitutions,
+            'displayComments' => $displayComments,
+            'sortAlphabetically' => $sortAlphabetically,
+            'siteSettingsAst' => $siteSettingsAst,
+            'pageTsConfigAst' => $pageTsConfigAst,
+            'pageTsConfigConditions' => $pageTsConfigConditions,
+            'pageTsConfigConditionsActiveCount' => count(array_filter($pageTsConfigConditions, static fn(array $condition): bool => (bool)$condition['active'])),
+        ]);
+        return $view->renderResponse('PageTsConfig/Active');
+    }
+
+    /**
+     * Align module data active page TSconfig conditions with toggled conditions from POST,
+     * write updated active conditions to user's module data if needed and
+     * prepare a list of active conditions for view.
+     */
+    private function handleToggledPageTsConfigConditions(RootInclude $pageTsConfigTree, ModuleData $moduleData, ?array $parsedBody, array $flattenedConstants): array
+    {
+        $treeTraverser = new IncludeTreeTraverser();
+        $treeTraverserVisitors = [];
+        $setupConditionConstantSubstitutionVisitor = new IncludeTreeSetupConditionConstantSubstitutionVisitor();
+        $setupConditionConstantSubstitutionVisitor->setFlattenedConstants($flattenedConstants);
+        $treeTraverserVisitors[] = $setupConditionConstantSubstitutionVisitor;
+        $conditionAggregatorVisitor = new IncludeTreeConditionAggregatorVisitor();
+        $treeTraverserVisitors[] = $conditionAggregatorVisitor;
+        $treeTraverser->traverse($pageTsConfigTree, $treeTraverserVisitors);
+        $pageTsConfigConditions = $conditionAggregatorVisitor->getConditions();
+        $conditionsFromPost = $parsedBody['pageTsConfigConditions'] ?? [];
+        $conditionsFromModuleData = array_flip((array)$moduleData->get('pageTsConfigConditions'));
+        $conditions = [];
+        foreach ($pageTsConfigConditions as $condition) {
+            $conditionHash = hash('xxh3', $condition['value']);
+            $conditionActive = array_key_exists($conditionHash, $conditionsFromModuleData);
+            // Note we're not feeding the post values directly to module data, but filter
+            // them through available conditions to prevent polluting module data with
+            // manipulated post values.
+            if (($conditionsFromPost[$conditionHash] ?? null) === '0') {
+                unset($conditionsFromModuleData[$conditionHash]);
+                $conditionActive = false;
+            } elseif (($conditionsFromPost[$conditionHash] ?? null) === '1') {
+                $conditionsFromModuleData[$conditionHash] = true;
+                $conditionActive = true;
+            }
+            $conditions[] = [
+                'value' => $condition['value'],
+                'originalValue' => $condition['originalValue'],
+                'hash' => $conditionHash,
+                'active' => $conditionActive,
+            ];
+        }
+        if ($conditionsFromPost) {
+            $moduleData->set('pageTsConfigConditions', array_keys($conditionsFromModuleData));
+            $this->getBackendUser()->pushModuleData($moduleData->getModuleIdentifier(), $moduleData->toArray());
+        }
+        return $conditions;
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/PageTsConfig/PageTsConfigIncludesController.php b/Classes/Controller/PageTsConfig/PageTsConfigIncludesController.php
new file mode 100644
index 0000000..7ff16df
--- /dev/null
+++ b/Classes/Controller/PageTsConfig/PageTsConfigIncludesController.php
@@ -0,0 +1,300 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\PageTsConfig;
+
+use Psr\Http\Message\ResponseFactoryInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Message\StreamFactoryInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Site\Entity\Site;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\IncludeNode\RootInclude;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\IncludeNode\SiteInclude;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\IncludeNode\TsConfigInclude;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\Traverser\IncludeTreeTraverser;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\TsConfigTreeBuilder;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\Visitor\IncludeTreeNodeFinderVisitor;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\Visitor\IncludeTreeSourceAggregatorVisitor;
+use TYPO3\CMS\Core\TypoScript\IncludeTree\Visitor\IncludeTreeSyntaxScannerVisitor;
+use TYPO3\CMS\Core\TypoScript\Tokenizer\LosslessTokenizer;
+
+/**
+ * Page TSconfig > Included page TSconfig
+ *
+ * @internal This class is a specific Backend controller implementation and is not part of the TYPO3's Core API.
+ */
+#[AsController]
+final readonly class PageTsConfigIncludesController
+{
+    public function __construct(
+        private UriBuilder $uriBuilder,
+        private ModuleTemplateFactory $moduleTemplateFactory,
+        private TsConfigTreeBuilder $tsConfigTreeBuilder,
+        private ResponseFactoryInterface $responseFactory,
+        private StreamFactoryInterface $streamFactory,
+    ) {}
+
+    public function indexAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $backendUser = $this->getBackendUser();
+        $languageService = $this->getLanguageService();
+
+        $queryParams = $request->getQueryParams();
+
+        $currentModule = $request->getAttribute('module');
+        $currentModuleIdentifier = $currentModule->getIdentifier();
+
+        $pageUid = (int)($queryParams['id'] ?? 0);
+        $pageRecord = BackendUtility::readPageAccess($pageUid, '1=1') ?: [];
+        if (empty($pageRecord)) {
+            // Redirect to records overview if page could not be determined.
+            // Edge case if page has been removed meanwhile.
+            BackendUtility::setUpdateSignal('updatePageTree');
+            return new RedirectResponse($this->uriBuilder->buildUriFromRoute('pagetsconfig_pages'));
+        }
+
+        // Prepare site constants if any
+        $site = $request->getAttribute('site');
+        $siteSettingsTree = new RootInclude();
+        if ($site instanceof Site && !$site->getSettings()->isEmpty()) {
+            $siteSettings = $site->getSettings()->getAllFlat();
+            $siteConstants = '';
+            foreach ($siteSettings as $nodeIdentifier => $value) {
+                $siteConstants .= $nodeIdentifier . ' = ' . $value . LF;
+            }
+            $siteSettingsNode = new SiteInclude();
+            $siteSettingsNode->setName('Site constants settings of site "' . $site->getIdentifier() . '"');
+            $siteSettingsNode->setLineStream((new LosslessTokenizer())->tokenize($siteConstants));
+            $siteSettingsTree->addChild($siteSettingsNode);
+            $siteSettingsTree->setIdentifier('pageTsConfig-siteSettingsTree');
+        }
+
+        // Base page TSconfig tree
+        $rootLine = BackendUtility::BEgetRootLine($pageUid, '', true);
+        ksort($rootLine);
+        $pageTsConfigTree = $this->tsConfigTreeBuilder->getPagesTsConfigTree($rootLine, new LosslessTokenizer());
+
+        // Overload tree with user TSconfig if any
+        $userTsConfig = $backendUser->getUserTsConfig();
+        if ($userTsConfig === null) {
+            throw new \RuntimeException('User TSconfig not initialized', 1675535278);
+        }
+        $userTsConfigAst = $userTsConfig->getUserTsConfigTree();
+        $userTsConfigPageOverrides = '';
+        // @todo: Ugly, similar in PageTsConfigFactory.
+        $userTsConfigFlat = $userTsConfigAst->flatten();
+        foreach ($userTsConfigFlat as $userTsConfigIdentifier => $userTsConfigValue) {
+            if (str_starts_with($userTsConfigIdentifier, 'page.')) {
+                $userTsConfigPageOverrides .= substr($userTsConfigIdentifier, 5) . ' = ' . $userTsConfigValue . chr(10);
+            }
+        }
+        if (!empty($userTsConfigPageOverrides)) {
+            $includeNode = new TsConfigInclude();
+            $includeNode->setName('pageTsConfig-overrides-by-userTsConfig');
+            $includeNode->setLineStream((new LosslessTokenizer())->tokenize($userTsConfigPageOverrides));
+            $pageTsConfigTree->addChild($includeNode);
+        }
+        $pageTsConfigTree->setIdentifier('pageTsConfig-pageTsConfigTree');
+
+        $treeTraverser = new IncludeTreeTraverser();
+        $treeTraverserVisitors = [];
+        $syntaxScannerVisitor = new IncludeTreeSyntaxScannerVisitor();
+        $treeTraverserVisitors[] = $syntaxScannerVisitor;
+        $treeTraverser->traverse($pageTsConfigTree, $treeTraverserVisitors);
+
+        $view = $this->moduleTemplateFactory->create($request);
+        $view->setTitle($languageService->sL($currentModule->getTitle()), $pageRecord['title'] ?? $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?? '');
+        $view->getDocHeaderComponent()->setPageBreadcrumb($pageRecord);
+        $shortcutTitle = sprintf(
+            '%s: %s [%d]',
+            $languageService->translate('title', 'backend.modules.pagetsconfig_includes'),
+            BackendUtility::getRecordTitle('pages', $pageRecord),
+            $pageUid
+        );
+        $view->getDocHeaderComponent()->setShortcutContext(
+            $currentModuleIdentifier,
+            $shortcutTitle,
+            ['id' => $pageUid]
+        );
+        $view->makeDocHeaderModuleMenu(['id' => $pageUid]);
+        $view->assignMultiple([
+            'pageUid' => $pageUid,
+            'pageTitle' => $pageRecord['title'] ?? $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?? '',
+            'siteSettingsTree' => $siteSettingsTree,
+            'pageTsConfigTree' => $pageTsConfigTree,
+            'syntaxErrors' => $syntaxScannerVisitor->getErrors(),
+            'syntaxErrorCount' => count($syntaxScannerVisitor->getErrors()),
+        ]);
+        return $view->renderResponse('PageTsConfig/Includes');
+    }
+
+    public function sourceAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $backendUser = $this->getBackendUser();
+        $queryParams = $request->getQueryParams();
+        $pageUid = (int)($queryParams['id'] ?? 0);
+        $type = $queryParams['includeType'] ?? null;
+        $includeIdentifier = $queryParams['identifier'] ?? null;
+        if ($pageUid === 0 || $includeIdentifier === null || !in_array($type, ['constants', 'setup'], true)) {
+            return $this->responseFactory->createResponse(400);
+        }
+
+        if ($type === 'constants') {
+            // Prepare site constants if any
+            $site = $request->getAttribute('site');
+            $includeTree = new RootInclude();
+            if ($site instanceof Site && !$site->getSettings()->isEmpty()) {
+                $siteSettings = $site->getSettings()->getAllFlat();
+                $siteConstants = '';
+                foreach ($siteSettings as $nodeIdentifier => $value) {
+                    $siteConstants .= $nodeIdentifier . ' = ' . $value . LF;
+                }
+                $siteSettingsNode = new SiteInclude();
+                $siteSettingsNode->setName('Site constants settings of site "' . $site->getIdentifier() . '"');
+                $siteSettingsNode->setLineStream((new LosslessTokenizer())->tokenize($siteConstants));
+                $includeTree->addChild($siteSettingsNode);
+                $includeTree->setIdentifier('pageTsConfig-siteSettingsTree');
+            }
+        } else {
+            // Base page TSconfig tree
+            $rootLine = BackendUtility::BEgetRootLine($pageUid, '', true);
+            ksort($rootLine);
+            $includeTree = $this->tsConfigTreeBuilder->getPagesTsConfigTree($rootLine, new LosslessTokenizer());
+
+            // Overload tree with user TSconfig if any
+            $userTsConfig = $backendUser->getUserTsConfig();
+            if ($userTsConfig === null) {
+                throw new \RuntimeException('UserTsConfig not initialized', 1675535279);
+            }
+            $userTsConfigAst = $userTsConfig->getUserTsConfigTree();
+            $userTsConfigPageOverrides = '';
+            // @todo: Ugly, similar in PageTsConfigFactory.
+            $userTsConfigFlat = $userTsConfigAst->flatten();
+            foreach ($userTsConfigFlat as $userTsConfigIdentifier => $userTsConfigValue) {
+                if (str_starts_with($userTsConfigIdentifier, 'page.')) {
+                    $userTsConfigPageOverrides .= substr($userTsConfigIdentifier, 5) . ' = ' . $userTsConfigValue . chr(10);
+                }
+            }
+            if (!empty($userTsConfigPageOverrides)) {
+                $includeNode = new TsConfigInclude();
+                $includeNode->setName('pageTsConfig-overrides-by-userTsConfig');
+                $includeNode->setLineStream((new LosslessTokenizer())->tokenize($userTsConfigPageOverrides));
+                $includeTree->addChild($includeNode);
+            }
+            $includeTree->setIdentifier('pageTsConfig-pageTsConfigTree');
+        }
+
+        $nodeFinderVisitor = new IncludeTreeNodeFinderVisitor();
+        $nodeFinderVisitor->setNodeIdentifier($includeIdentifier);
+        $treeTraverser = new IncludeTreeTraverser();
+        $treeTraverser->traverse($includeTree, [$nodeFinderVisitor]);
+        $lineStream = $nodeFinderVisitor->getFoundNode()?->getLineStream();
+        if ($lineStream === null) {
+            return $this->responseFactory->createResponse(400);
+        }
+
+        return $this->responseFactory
+            ->createResponse()
+            ->withHeader('Content-Type', 'text/plain')
+            ->withBody($this->streamFactory->createStream((string)$lineStream));
+    }
+
+    public function sourceWithIncludesAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $backendUser = $this->getBackendUser();
+        $queryParams = $request->getQueryParams();
+        $pageUid = (int)($queryParams['id'] ?? 0);
+        $type = $queryParams['includeType'] ?? null;
+        $includeIdentifier = $queryParams['identifier'] ?? null;
+        if ($pageUid === 0 || $includeIdentifier === null || !in_array($type, ['constants', 'setup'], true)) {
+            return $this->responseFactory->createResponse(400);
+        }
+
+        if ($type === 'constants') {
+            // Prepare site constants if any
+            $site = $request->getAttribute('site');
+            $includeTree = new RootInclude();
+            if ($site instanceof Site && !$site->getSettings()->isEmpty()) {
+                $siteSettings = $site->getSettings()->getAllFlat();
+                $siteConstants = '';
+                foreach ($siteSettings as $nodeIdentifier => $value) {
+                    $siteConstants .= $nodeIdentifier . ' = ' . $value . LF;
+                }
+                $siteSettingsNode = new SiteInclude();
+                $siteSettingsNode->setName('Site constants settings of site "' . $site->getIdentifier() . '"');
+                $siteSettingsNode->setLineStream((new LosslessTokenizer())->tokenize($siteConstants));
+                $includeTree->addChild($siteSettingsNode);
+                $includeTree->setIdentifier('pageTsConfig-siteSettingsTree');
+            }
+        } else {
+            // Base page TSconfig tree
+            $rootLine = BackendUtility::BEgetRootLine($pageUid, '', true);
+            ksort($rootLine);
+            $includeTree = $this->tsConfigTreeBuilder->getPagesTsConfigTree($rootLine, new LosslessTokenizer());
+
+            // Overload tree with user TSconfig if any
+            $userTsConfig = $backendUser->getUserTsConfig();
+            if ($userTsConfig === null) {
+                throw new \RuntimeException('UserTsConfig not initialized', 1675535280);
+            }
+            $userTsConfigAst = $userTsConfig->getUserTsConfigTree();
+            $userTsConfigPageOverrides = '';
+            // @todo: Ugly, similar in PageTsConfigFactory.
+            $userTsConfigFlat = $userTsConfigAst->flatten();
+            foreach ($userTsConfigFlat as $userTsConfigIdentifier => $userTsConfigValue) {
+                if (str_starts_with($userTsConfigIdentifier, 'page.')) {
+                    $userTsConfigPageOverrides .= substr($userTsConfigIdentifier, 5) . ' = ' . $userTsConfigValue . chr(10);
+                }
+            }
+            if (!empty($userTsConfigPageOverrides)) {
+                $includeNode = new TsConfigInclude();
+                $includeNode->setName('pageTsConfig-overrides-by-userTsConfig');
+                $includeNode->setLineStream((new LosslessTokenizer())->tokenize($userTsConfigPageOverrides));
+                $includeTree->addChild($includeNode);
+            }
+            $includeTree->setIdentifier('pageTsConfig-pageTsConfigTree');
+        }
+
+        $sourceAggregatorVisitor = new IncludeTreeSourceAggregatorVisitor();
+        $sourceAggregatorVisitor->setStartNodeIdentifier($includeIdentifier);
+        $treeTraverser = new IncludeTreeTraverser();
+        $treeTraverser->traverse($includeTree, [$sourceAggregatorVisitor]);
+        $source =  $sourceAggregatorVisitor->getSource();
+
+        return $this->responseFactory
+            ->createResponse()
+            ->withHeader('Content-Type', 'text/plain')
+            ->withBody($this->streamFactory->createStream($source));
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/PageTsConfig/PageTsConfigRecordsOverviewController.php b/Classes/Controller/PageTsConfig/PageTsConfigRecordsOverviewController.php
new file mode 100644
index 0000000..bcb337a
--- /dev/null
+++ b/Classes/Controller/PageTsConfig/PageTsConfigRecordsOverviewController.php
@@ -0,0 +1,212 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\PageTsConfig;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Page TSconfig > Page TSconfig Configuration
+ *
+ * @internal This class is a specific Backend controller implementation and is not part of the TYPO3's Core API.
+ */
+#[AsController]
+final readonly class PageTsConfigRecordsOverviewController
+{
+    public function __construct(
+        private IconFactory $iconFactory,
+        private UriBuilder $uriBuilder,
+        private ModuleTemplateFactory $moduleTemplateFactory,
+    ) {}
+
+    public function handleRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        $backendUser = $this->getBackendUser();
+        $currentModule = $request->getAttribute('module');
+        $currentModuleIdentifier = $currentModule->getIdentifier();
+        $pageId = (int)($request->getQueryParams()['id'] ?? 0);
+        $pageRecord = BackendUtility::readPageAccess($pageId, $backendUser->getPagePermsClause(Permission::PAGE_SHOW)) ?: [];
+
+        $moduleData = $request->getAttribute('moduleData');
+        if ($moduleData->cleanUp([])) {
+            $backendUser->pushModuleData($currentModuleIdentifier, $moduleData->toArray());
+        }
+
+        $view = $this->moduleTemplateFactory->create($request);
+
+        $view->setTitle(
+            $this->getLanguageService()->sL($currentModule->getTitle()),
+            $pageId !== 0 && isset($pageRecord['title']) ? $pageRecord['title'] : ''
+        );
+
+        // The page will show only if there is a valid page and if this page may be viewed by the user.
+        if ($pageRecord !== []) {
+            $view->getDocHeaderComponent()->setPageBreadcrumb($pageRecord);
+        }
+
+        $accessContent = false;
+        if (($pageId && $pageRecord !== []) || ($backendUser->isAdmin() && !$pageId)) {
+            $accessContent = true;
+            if (!$pageId && $backendUser->isAdmin()) {
+                $pageRecord = ['title' => '[root-level]', 'uid' => 0, 'pid' => 0];
+            }
+            $view->assign('id', $pageId);
+            // Setting up the buttons and the module menu for the doc header
+            $view->getDocHeaderComponent()->setShortcutContext(
+                $currentModule->getIdentifier(),
+                $this->getLanguageService()->sL($currentModule->getTitle()),
+                ['id' => $pageId]
+            );
+        }
+        $view->assign('accessContent', $accessContent);
+        $pagesUsingTSConfig = $this->getOverviewOfPagesUsingTSConfig($currentModule);
+        if (count($pagesUsingTSConfig) > 0) {
+            $view->assign('overviewOfPagesUsingTSConfig', $pagesUsingTSConfig);
+        }
+
+        $view->makeDocHeaderModuleMenu(['id' => $pageId]);
+        return $view->renderResponse('PageTsConfig/RecordsOverview');
+    }
+
+    /**
+     * Renders table rows of all pages containing TSConfig together with its rootline
+     */
+    private function getOverviewOfPagesUsingTSConfig(ModuleInterface $currentModule): array
+    {
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable('pages');
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, 0));
+
+        $res = $queryBuilder
+            ->select('uid', 'TSconfig')
+            ->from('pages')
+            ->where(
+                $queryBuilder->expr()->neq(
+                    'TSconfig',
+                    $queryBuilder->createNamedParameter('')
+                ),
+                $queryBuilder->expr()->eq(
+                    'sys_language_uid',
+                    $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                )
+            )
+            ->executeQuery();
+
+        $pageArray = [];
+
+        while ($row = $res->fetchAssociative()) {
+            $this->setInPageArray($pageArray, BackendUtility::BEgetRootLine($row['uid'], 'AND 1=1'), $row);
+        }
+        return $this->getList($currentModule, $pageArray);
+    }
+
+    /**
+     * Builds a multidimensional array that reflects the page hierarchy.
+     */
+    private function setInPageArray(array &$hierarchicArray, array $rootlineArray, array $row): void
+    {
+        ksort($rootlineArray);
+        if (!($rootlineArray[0]['uid'] ?? false)) {
+            array_shift($rootlineArray);
+        }
+        $currentElement = current($rootlineArray);
+        $hierarchicArray[$currentElement['uid']] = htmlspecialchars($currentElement['title']);
+        array_shift($rootlineArray);
+        if (!empty($rootlineArray)) {
+            if (!is_array($hierarchicArray[$currentElement['uid'] . '.'] ?? null)) {
+                $hierarchicArray[$currentElement['uid'] . '.'] = [];
+            }
+            $this->setInPageArray($hierarchicArray[$currentElement['uid'] . '.'], $rootlineArray, $row);
+        } else {
+            $hierarchicArray[$currentElement['uid'] . '_'] = $this->extractLinesFromTSConfig($row);
+        }
+    }
+
+    /**
+     * Extract the lines of TSConfig from a given pages row.
+     */
+    private function extractLinesFromTSConfig(array $row): array
+    {
+        $out = [];
+        $out['uid'] = $row['uid'];
+        $lines = GeneralUtility::trimExplode("\r\n", $row['TSconfig']);
+        $out['writtenLines'] = count($lines);
+        return $out;
+    }
+
+    /**
+     * Recursive method to get the list of pages to show.
+     */
+    private function getList(ModuleInterface $currentModule, array $pageArray, array $lines = [], int $pageDepth = 0): array
+    {
+        if ($pageArray === []) {
+            return $lines;
+        }
+
+        foreach ($pageArray as $identifier => $title) {
+            if (!MathUtility::canBeInterpretedAsInteger($identifier)) {
+                continue;
+            }
+            $line = [];
+            $line['padding'] = ($pageDepth * 20);
+            $line['title'] = $identifier;
+            if (isset($pageArray[$identifier . '_'])) {
+                $line['link'] = $this->uriBuilder->buildUriFromRoute($currentModule->getIdentifier(), ['id' => $identifier]);
+                $line['icon'] = $this->iconFactory->getIconForRecord('pages', BackendUtility::getRecordWSOL('pages', $identifier), IconSize::SMALL)->render();
+                $line['pageTitle'] = GeneralUtility::fixed_lgd_cs($title, 30);
+                $line['lines'] = ($pageArray[$identifier . '_']['writtenLines'] === 0 ? '' : $pageArray[$identifier . '_']['writtenLines']);
+            } else {
+                $line['link'] = '';
+                $line['icon'] = $this->iconFactory->getIconForRecord('pages', BackendUtility::getRecordWSOL('pages', $identifier), IconSize::SMALL)->render();
+                $line['pageTitle'] = GeneralUtility::fixed_lgd_cs($title, 30);
+                $line['lines'] = '';
+            }
+            $lines[] = $line;
+            $lines = $this->getList($currentModule, $pageArray[$identifier . '.'] ?? [], $lines, $pageDepth + 1);
+        }
+        return $lines;
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/QrCodeController.php b/Classes/Controller/QrCodeController.php
new file mode 100644
index 0000000..7ddd382
--- /dev/null
+++ b/Classes/Controller/QrCodeController.php
@@ -0,0 +1,158 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use BaconQrCode\Renderer\Image\SvgImageBackEnd;
+use BaconQrCode\Renderer\ImageRenderer;
+use BaconQrCode\Renderer\RendererStyle\RendererStyle;
+use BaconQrCode\Writer;
+use Psr\Http\Message\ResponseFactoryInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Message\StreamFactoryInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Backend\QrCodeSize;
+use TYPO3\CMS\Core\Core\Environment;
+use TYPO3\CMS\Core\Imaging\GraphicalFunctions;
+use TYPO3\CMS\Core\Resource\MimeTypeDetector;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * @internal This is a concrete controller implementation and is not part of TYPO3 Core API.
+ */
+#[AsController]
+readonly class QrCodeController
+{
+    public function __construct(
+        protected ResponseFactoryInterface $responseFactory,
+        protected StreamFactoryInterface $streamFactory,
+        protected MimeTypeDetector $mimeTypeDetector,
+        protected GraphicalFunctions $graphicalFunctions,
+    ) {}
+
+    public function getQrCodeAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $content = $request->getQueryParams()['content'] ?? '';
+        if ($content === '') {
+            throw new \InvalidArgumentException('Content of the QR Code cannot be empty', 1762811499);
+        }
+
+        $size = QrCodeSize::tryFrom((string)($request->getQueryParams()['size'] ?? '')) ?? QrCodeSize::MEDIUM;
+        $svg = $this->getQrCodeSvg($content, $size);
+        $response = $this->responseFactory->createResponse();
+
+        return $response
+            ->withHeader('Content-Type', 'image/svg+xml')
+            ->withBody($this->streamFactory->createStream($svg));
+    }
+
+    public function downloadAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $body = $request->getParsedBody();
+        $content = (string)($body['content'] ?? '');
+        if ($content === '') {
+            throw new \InvalidArgumentException('Content of the QR Code cannot be empty', 1762811481);
+        }
+
+        $size = QrCodeSize::tryFrom((string)($body['size'] ?? '')) ?? QrCodeSize::SMALL;
+        $format = (string)($body['format'] ?? 'svg');
+        $svgContent = $this->getQrCodeSvg($content, $size);
+        $path = Environment::getVarPath() . '/transient/';
+        GeneralUtility::mkdir_deep($path);
+
+        $fileName = $path . 'qrcode-' . $size->getSize() . 'px-' . sha1($svgContent);
+        $svgFilePath = $fileName . '.svg';
+
+        if ($format === 'png') {
+            $pixelGraphicFilePath = $fileName . '.png';
+            $this->createSvg($svgFilePath, $svgContent);
+            $filePath = $this->convertTo($svgFilePath, $pixelGraphicFilePath, 'png', $size);
+        } elseif ($format === 'svg') {
+            $filePath = $this->createSvg($svgFilePath, $svgContent);
+        } else {
+            throw new \InvalidArgumentException('The suffix "' . $format . '" is not supported.', 1762718268);
+        }
+
+        return $this->sendFile($filePath, $format);
+    }
+
+    /**
+     * Send file to the browser to download
+     */
+    private function sendFile(string $filePath, string $format = 'svg'): ResponseInterface
+    {
+        $mimeType = $this->mimeTypeDetector->getMimeTypesForFileExtension($format);
+        $response = $this->responseFactory->createResponse();
+        $fileContent = file_get_contents($filePath);
+        $response->getBody()->write($fileContent);
+
+        return $response
+            ->withHeader('Content-Type', $mimeType[0] ?? 'image/svg+xml')
+            ->withHeader('Content-Disposition', 'attachment; filename="' . basename($filePath) . '"')
+            ->withHeader('Content-Length', (string)strlen($fileContent));
+    }
+
+    private function getQrCodeSvg(string $content, QrCodeSize $size = QrCodeSize::MEDIUM): string
+    {
+        $qrCodeRenderer = new ImageRenderer(new RendererStyle($size->getSize(), 2), new SvgImageBackEnd());
+
+        return (new Writer($qrCodeRenderer))->writeString($content);
+    }
+
+    private function createSvg(string $file, string $content): string
+    {
+        if (file_exists($file)) {
+            return $file;
+        }
+
+        if (!GeneralUtility::writeFile($file, $content, true)) {
+            throw new \RuntimeException('Unable to write file ' . $file, 1762718307);
+        }
+
+        return $file;
+    }
+
+    /**
+     * Create a pixel based image file from a given SVG file
+     */
+    private function convertTo(string $sourcePath, string $targetPath, string $format, QrCodeSize $size = QrCodeSize::SMALL): string
+    {
+        if (file_exists($targetPath)) {
+            return $targetPath;
+        }
+
+        $result = $this->graphicalFunctions->resize(
+            $sourcePath,
+            $format,
+            (string)$size->getSize(),
+            (string)$size->getSize(),
+            '',
+            [],
+            true
+        );
+
+        if ($result) {
+            $pngFile = $result->getRealPath();
+            if ($pngFile && is_file($pngFile) && rename($pngFile, $targetPath)) {
+                return $targetPath;
+            }
+        }
+
+        throw new \RuntimeException('Failed create ' . strtoupper($format) . ' ' . $targetPath . ' from SVG ' . $sourcePath . ' file.', 1762718351);
+    }
+}
diff --git a/Classes/Controller/RecordListController.php b/Classes/Controller/RecordListController.php
new file mode 100644
index 0000000..6fce3d4
--- /dev/null
+++ b/Classes/Controller/RecordListController.php
@@ -0,0 +1,780 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Clipboard\Clipboard;
+use TYPO3\CMS\Backend\Clipboard\Type\CountMode;
+use TYPO3\CMS\Backend\Context\PageContext;
+use TYPO3\CMS\Backend\Context\PageContextFactory;
+use TYPO3\CMS\Backend\Controller\Event\RenderAdditionalContentToRecordListEvent;
+use TYPO3\CMS\Backend\Module\ModuleData;
+use TYPO3\CMS\Backend\RecordList\DatabaseRecordList;
+use TYPO3\CMS\Backend\Routing\PreviewUriBuilder;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Security\SudoMode\Exception\VerificationRequiredException;
+use TYPO3\CMS\Backend\Template\Components\ButtonBar;
+use TYPO3\CMS\Backend\Template\Components\Buttons\LanguageSelectorBuilder;
+use TYPO3\CMS\Backend\Template\Components\Buttons\LanguageSelectorMode;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\ModuleTemplate;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\RecordSearchBoxComponent;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Error\Http\BadRequestException;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\ExtensionManagementUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * The Content > Records module: Rendering the listing of records on a page.
+ *
+ * @internal This class is a specific Backend controller implementation and is not part of the TYPO3's Core API.
+ */
+#[AsController]
+class RecordListController
+{
+    protected PageContext $pageContext;
+
+    protected string $table = '';
+    protected string $searchTerm = '';
+    protected string $returnUrl = '';
+    protected array $modTSconfig = [];
+    protected ?ModuleData $moduleData = null;
+    protected bool $allowClipboard = true;
+    protected bool $allowSearch = true;
+
+    public function __construct(
+        private readonly ComponentFactory $componentFactory,
+        protected readonly IconFactory $iconFactory,
+        protected readonly PageRenderer $pageRenderer,
+        protected readonly EventDispatcherInterface $eventDispatcher,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly ModuleTemplateFactory $moduleTemplateFactory,
+        protected readonly TcaSchemaFactory $tcaSchemaFactory,
+        protected readonly FlashMessageService $flashMessageService,
+        protected readonly PageContextFactory $pageContextFactory,
+        protected readonly LanguageSelectorBuilder $languageSelectorBuilder,
+    ) {}
+
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+
+        $pageContext = $request->getAttribute('pageContext');
+        if (!$pageContext instanceof PageContext) {
+            throw new \RuntimeException(
+                'PageContext not initialized by middleware.',
+                1731415238
+            );
+        }
+        $this->pageContext = $pageContext;
+        $this->moduleData = $request->getAttribute('moduleData');
+
+        $languageService = $this->getLanguageService();
+        $backendUser = $this->getBackendUserAuthentication();
+        $parsedBody = $request->getParsedBody();
+        $queryParams = $request->getQueryParams();
+
+        $this->pageRenderer->addInlineLanguageLabelFile('EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/element/dispatch-modal-button.js');
+
+        BackendUtility::lockRecords();
+        $pointer = max(0, (int)($parsedBody['pointer'] ?? $queryParams['pointer'] ?? 0));
+        $this->table = (string)($parsedBody['table'] ?? $queryParams['table'] ?? '');
+        $this->searchTerm = trim((string)($parsedBody['searchTerm'] ?? $queryParams['searchTerm'] ?? ''));
+        $this->returnUrl = GeneralUtility::sanitizeLocalUrl((string)($parsedBody['returnUrl'] ?? $queryParams['returnUrl'] ?? ''), $request);
+        $cmd = (string)($parsedBody['cmd'] ?? $queryParams['cmd'] ?? '');
+
+        // RecordList always requires default language (0) for proper record display
+        // Similar to PageLayoutController's comparison mode behavior
+        $languagesToDisplay = $this->pageContext->selectedLanguageIds;
+        if (!in_array(0, $languagesToDisplay, true)) {
+            $languagesToDisplay = array_merge([0], $languagesToDisplay);
+            // Create updated PageContext with modified languages and update request
+            $this->pageContext = $this->pageContextFactory->createWithLanguages(
+                $request,
+                $this->pageContext->pageId,
+                $languagesToDisplay,
+                $backendUser
+            );
+            $request = $request->withAttribute('pageContext', $this->pageContext);
+        }
+        $this->moduleData->set('languages', $languagesToDisplay);
+
+        $siteLanguages = $this->pageContext->site->getAvailableLanguages($backendUser, false, $this->pageContext->pageId);
+        $backendUser->pushModuleData($this->moduleData->getModuleIdentifier(), $this->moduleData->toArray());
+
+        // Loading module configuration, clean up settings, current page and page access
+        $this->modTSconfig = $this->pageContext->getModuleTsConfig('web_list');
+
+        // Check if Clipboard is allowed to be shown:
+        if (($this->modTSconfig['enableClipBoard'] ?? '') === 'activated') {
+            $this->moduleData->set('clipBoard', true);
+            $this->allowClipboard = false;
+        } elseif (($this->modTSconfig['enableClipBoard'] ?? '') === 'selectable') {
+            $this->allowClipboard = true;
+        } elseif (($this->modTSconfig['enableClipBoard'] ?? '') === 'deactivated') {
+            $this->moduleData->set('clipBoard', false);
+            $this->allowClipboard = false;
+        }
+
+        // Check if SearchBox is allowed to be shown:
+        $this->allowSearch = !($this->modTSconfig['disableSearchBox'] ?? false);
+
+        // Overwrite to show search on search request
+        if (!empty($this->searchTerm)) {
+            $this->allowSearch = true;
+            $this->moduleData->set('searchBox', true);
+        }
+
+        // Get search levels from request or fall back to default, set in TSconifg
+        $search_levels = (int)($parsedBody['search_levels'] ?? $queryParams['search_levels'] ?? $this->modTSconfig['searchLevel']['default'] ?? 0);
+
+        $dbList = GeneralUtility::makeInstance(DatabaseRecordList::class);
+        $dbList->setRequest($request);
+        $dbList->setModuleData($this->moduleData);
+        $dbList->calcPerms = $this->pageContext->pagePermissions;
+        $dbList->returnUrl = $this->returnUrl;
+        $dbList->showClipboardActions = true;
+        $dbList->disableSingleTableView = $this->modTSconfig['disableSingleTableView'] ?? false;
+        $dbList->listOnlyInSingleTableMode = $this->modTSconfig['listOnlyInSingleTableView'] ?? false;
+        $dbList->hideTables = $this->modTSconfig['hideTables'] ?? '';
+        $dbList->hideTranslations = (string)($this->modTSconfig['hideTranslations'] ?? '');
+        $dbList->tableTSconfigOverTCA = $this->modTSconfig['table'] ?? [];
+        $dbList->allowedNewTables = GeneralUtility::trimExplode(',', $this->modTSconfig['allowedNewTables'] ?? '', true);
+        $dbList->deniedNewTables = GeneralUtility::trimExplode(',', $this->modTSconfig['deniedNewTables'] ?? '', true);
+        $dbList->pageRow = $this->pageContext->pageRecord ?? [];
+        $dbList->modTSconfig = $this->modTSconfig;
+        $dbList->setLanguagesAllowedForUser($siteLanguages);
+        $clickTitleMode = trim($this->modTSconfig['clickTitleMode'] ?? '');
+        $dbList->clickTitleMode = $clickTitleMode === '' ? 'edit' : $clickTitleMode;
+        if (isset($this->modTSconfig['tableDisplayOrder'])) {
+            $dbList->setTableDisplayOrder($this->modTSconfig['tableDisplayOrder']);
+        }
+        $clipboard = $this->initializeClipboard($request, (bool)$this->moduleData->get('clipBoard'));
+        $dbList->clipObj = $clipboard;
+        $additionalRecordListEvent = $this->eventDispatcher->dispatch(new RenderAdditionalContentToRecordListEvent($request));
+
+        $view = $this->moduleTemplateFactory->create($request);
+
+        $tableListHtml = '';
+        if ($this->pageContext->isAccessible() || ($this->pageContext->pageId === 0 && $search_levels !== 0 && $this->searchTerm !== '')) {
+            // If there is access to the page or root page is used for searching, then perform actions and render table list.
+            if ($cmd === 'delete' && $request->getMethod() === 'POST') {
+                $this->deleteRecords($request, $clipboard);
+            }
+            $dbList->start($this->pageContext->pageId, $this->table, $pointer, $this->searchTerm, $search_levels);
+            $tableListHtml = $dbList->generateList();
+        }
+
+        if (!$this->pageContext->pageId) {
+            $title = $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'];
+        } else {
+            $title = $this->pageContext->getPageTitle();
+        }
+        $pageTranslationsHtml = '';
+        if ($this->pageContext->pageId && !$this->searchTerm && !$cmd && !$this->table && $this->showPageTranslations()) {
+            // Show page translation table if there are any and display is allowed.
+            $pageTranslationsHtml = $this->renderPageTranslations($dbList, $siteLanguages);
+        }
+        $searchBoxHtml = '';
+        if ($this->allowSearch && $this->moduleData->get('searchBox')) {
+            $searchBoxHtml = $this->renderSearchBox($request, $dbList, $this->searchTerm, $search_levels);
+        }
+        $clipboardHtml = '';
+        if ($this->moduleData->get('clipBoard') && ($tableListHtml || $clipboard->hasElements())) {
+            $clipboardHtml = '<hr class="spacer"><typo3-backend-clipboard-panel return-url="' . htmlspecialchars((string)$dbList->listURL()) . '"></typo3-backend-clipboard-panel>';
+        }
+
+        $view->setTitle($languageService->translate('title', 'backend.modules.list'), $title);
+        if (empty($tableListHtml)) {
+            $this->addNoRecordsFlashMessage($view, $this->table);
+        }
+        if ($this->pageContext->pageRecord) {
+            $view->getDocHeaderComponent()->setPageBreadcrumb($this->pageContext->pageRecord);
+        }
+        $this->getDocHeaderButtons($view, $clipboard, $request, $dbList);
+        $view->assignMultiple([
+            'pageId' => $this->pageContext->pageId,
+            'pageTitle' => $title,
+            'isPageEditable' => $this->isPageEditable(),
+            'additionalContentTop' => $additionalRecordListEvent->getAdditionalContentAbove(),
+            'pageTranslationsHtml' => $pageTranslationsHtml,
+            'searchBoxHtml' => $searchBoxHtml,
+            'tableListHtml' => $tableListHtml,
+            'clipboardHtml' => $clipboardHtml,
+            'additionalContentBottom' => $additionalRecordListEvent->getAdditionalContentBelow(),
+        ]);
+        return $view->renderResponse('RecordList');
+    }
+
+    public function toggleRecordVisibilityAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $table = $request->getParsedBody()['table'] ?? null;
+        $uid = $request->getParsedBody()['uid'] ?? null;
+        $action = $request->getParsedBody()['action'] ?? null;
+
+        try {
+            if (!isset($action, $table, $uid)) {
+                throw new BadRequestException('Any of the mandatory argument "table", "uid", "action" is missing', 1729161415);
+            }
+
+            if ($action !== 'show' && $action !== 'hide') {
+                throw new BadRequestException(sprintf('Passed "action" value must be either "show" or "hide", "%s" given', $action), 1729161479);
+            }
+
+            if (!$this->tcaSchemaFactory->has($table)) {
+                throw new BadRequestException(sprintf('Cannot execute action for non-existent table "%s"', $table), 1738593519);
+            }
+
+            $schema = $this->tcaSchemaFactory->get($table);
+            if (!$schema->hasCapability(TcaSchemaCapability::RestrictionDisabledField)) {
+                throw new \InvalidArgumentException(sprintf('TCA table "%s" does not support record visibility', $table), 1729166628);
+            }
+
+            if (!$this->getBackendUserAuthentication()->check('tables_modify', $table)) {
+                throw new BadRequestException(sprintf('User has no modify access to table "%s"', $table), 1739376254);
+            }
+
+            $record = BackendUtility::getRecord($table, $uid, 'uid,pid');
+            if ($record === null) {
+                throw new BadRequestException(sprintf('A record with uid %d was not found', $uid), 1739376253);
+            }
+
+            $pid = $table === 'pages' ? (int)$record['uid'] : (int)$record['pid'];
+            $rootLevelCapability = $schema->hasCapability(TcaSchemaCapability::RestrictionRootLevel) ? $schema->getCapability(TcaSchemaCapability::RestrictionRootLevel) : null;
+            if ($pid !== 0 || !$rootLevelCapability || !$rootLevelCapability->shallIgnoreRootLevelRestriction()) {
+                if (!BackendUtility::readPageAccess($pid, $this->getBackendUserAuthentication()->getPagePermsClause(Permission::PAGE_SHOW))) {
+                    throw new BadRequestException(sprintf('User has no access to record with uid %d', $uid), 1739376255);
+                }
+            }
+
+            $hiddenField = $schema->getCapability(TcaSchemaCapability::RestrictionDisabledField)->getFieldName();
+
+            $dataHandlerDataMap = [
+                $table => [
+                    $uid => [
+                        $hiddenField => $action === 'show' ? 0 : 1,
+                    ],
+                ],
+            ];
+
+            /** @var DataHandler $dataHandler */
+            $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
+            $dataHandler->start($dataHandlerDataMap, []);
+            $dataHandler->process_datamap();
+
+            // Prints errors (= write them to the message queue)
+            $dataHandler->printLogErrorMessages();
+
+            $response = [
+                'messages' => [],
+                'hasErrors' => false,
+            ];
+
+            // Basically the same as in \TYPO3\CMS\Backend\RecordList\DatabaseRecordList->getFieldsToSelect()
+            $selectFields = [];
+            $selectFields[] = 'uid';
+            $selectFields[] = 'pid';
+            $selectFields[] = $schema->getCapability(TcaSchemaCapability::RestrictionDisabledField)->getFieldName();
+
+            if ($table === 'pages') {
+                $selectFields[] = 'module';
+                $selectFields[] = 'extendToSubpages';
+                $selectFields[] = 'nav_hide';
+                $selectFields[] = 'doktype';
+                $selectFields[] = 'shortcut';
+                $selectFields[] = 'shortcut_mode';
+                $selectFields[] = 'mount_pid';
+                $selectFields[] = 'is_siteroot';
+            }
+
+            $row = BackendUtility::getRecord($table, $uid, $selectFields);
+            if ($row !== null) {
+                // Get new record icon
+                $recordIcon = $this->iconFactory->getIconForRecord($table, $row, IconSize::SMALL);
+
+                $response['icon'] = $recordIcon->render();
+                $response['isVisible'] = (int)$row[$hiddenField] === 0;
+            }
+
+            $messages = $this->flashMessageService->getMessageQueueByIdentifier()->getAllMessagesAndFlush();
+            foreach ($messages as $message) {
+                $response['messages'][] = [
+                    'title'    => $message->getTitle(),
+                    'message'  => $message->getMessage(),
+                    'severity' => $message->getSeverity(),
+                ];
+                if ($message->getSeverity() === ContextualFeedbackSeverity::ERROR) {
+                    $response['hasErrors'] = true;
+                }
+            }
+        } catch (VerificationRequiredException $e) {
+            // Handled by Middleware/SudoModeInterceptor
+            throw $e;
+        } catch (\Throwable $e) {
+            // @todo: having this explicit handling here sucks
+            $response = [
+                'messages' => [
+                    [
+                        'title' => 'An exception occurred',
+                        'message' => $e->getMessage(),
+                        'severity' => ContextualFeedbackSeverity::ERROR,
+                    ],
+                ],
+                'hasErrors' => true,
+            ];
+        }
+
+        return new JsonResponse($response, $response['hasErrors'] ? 400 : 200);
+    }
+
+    /**
+     * Process incoming data and configure the clipboard.
+     */
+    protected function initializeClipboard(ServerRequestInterface $request, bool $isClipboardShown): Clipboard
+    {
+        $clipboard = GeneralUtility::makeInstance(Clipboard::class);
+        $cmd = (string)($request->getParsedBody()['cmd'] ?? $request->getQueryParams()['cmd'] ?? '');
+        // Initialize - reads the clipboard content from the user session
+        $clipboard->initializeClipboard($request);
+        // Clipboard actions are handled:
+        $clipboardCommandArray = array_replace_recursive($request->getQueryParams()['CB'] ?? [], $request->getParsedBody()['CB'] ?? []);
+        if ($cmd === 'copyMarked' || $cmd === 'removeMarked') {
+            // Get CBC from request, and map the element values (true => copy, false => remove)
+            $CBC = array_map(static fn(): bool => ($cmd === 'copyMarked'), (array)($request->getParsedBody()['CBC'] ?? []));
+            $cmd_table = (string)($request->getParsedBody()['cmd_table'] ?? $request->getQueryParams()['cmd_table'] ?? '');
+            // Cleanup CBC
+            $clipboardCommandArray['el'] = $clipboard->cleanUpCBC($CBC, $cmd_table);
+        }
+        if (!$isClipboardShown) {
+            // If the clipboard is NOT shown, set the pad to 'normal'.
+            $clipboardCommandArray['setP'] = 'normal';
+        }
+        // Execute commands.
+        $clipboard->setCmd($clipboardCommandArray);
+        // Clean up pad
+        $clipboard->cleanCurrent();
+        // Save the clipboard content
+        $clipboard->endClipboard();
+        return $clipboard;
+    }
+
+    protected function deleteRecords(ServerRequestInterface $request, Clipboard $clipboard): void
+    {
+        // This is the 'delete' button in table header with multi record selection.
+        // The clipboard object is used to clean up the submitted entries to only the selected table.
+        $parsedBody = $request->getParsedBody();
+        $items = $clipboard->cleanUpCBC((array)($parsedBody['CBC'] ?? []), (string)($parsedBody['cmd_table'] ?? ''), true);
+        if (!empty($items)) {
+            // Create data handler command array
+            $dataHandlerCmd = [];
+            foreach ($items as $iK => $value) {
+                $iKParts = explode('|', (string)$iK);
+                $dataHandlerCmd[$iKParts[0]][$iKParts[1]]['delete'] = 1;
+            }
+            $tce = GeneralUtility::makeInstance(DataHandler::class);
+            $tce->start([], $dataHandlerCmd);
+            $tce->process_cmdmap();
+            if (isset($dataHandlerCmd['pages'])) {
+                BackendUtility::setUpdateSignal('updatePageTree');
+            }
+            $tce->printLogErrorMessages();
+        }
+    }
+
+    protected function renderSearchBox(ServerRequestInterface $request, DatabaseRecordList $dbList, string $searchWord, int $searchLevels): string
+    {
+        $searchBox = GeneralUtility::makeInstance(RecordSearchBoxComponent::class)
+            ->setAllowedSearchLevels((array)($this->modTSconfig['searchLevel']['items'] ?? []))
+            ->setSearchWord($searchWord)
+            ->setSearchLevel($searchLevels)
+            ->render($request, $dbList->listURL('', null, 'pointer,searchTerm'));
+        return $searchBox;
+    }
+
+    /**
+     * Create the panel of buttons for submitting the form or otherwise perform operations.
+     */
+    protected function getDocHeaderButtons(ModuleTemplate $view, Clipboard $clipboard, ServerRequestInterface $request, DatabaseRecordList $dbList): void
+    {
+        $queryParams = $request->getQueryParams();
+        $lang = $this->getLanguageService();
+
+        // Language selector (top right area)
+        $this->createLanguageSelector($view, $request);
+
+        if (!($this->modTSconfig['noCreateRecordsLink'] ?? false) && $this->editLockPermissions()) {
+            if ($this->table === '') {
+                // "General" new record button if: not in single table view, not disabled via TSconfig and page is not 'edit locked'
+                $newRecordButton = $this->componentFactory->createLinkButton()
+                    ->setHref((string)$this->uriBuilder->buildUriFromRoute('db_new', ['id' => $this->pageContext->pageId, 'returnUrl' => $dbList->listURL()]))
+                    ->setTitle($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:newRecordGeneral'))
+                    ->setShowLabelText(true)
+                    ->setIcon($this->iconFactory->getIcon('actions-plus', IconSize::SMALL));
+                $view->addButtonToButtonBar($newRecordButton, ButtonBar::BUTTON_POSITION_LEFT, 10);
+            } elseif (($createNewRecordButton = $dbList->createActionButtonNewRecord($this->table)) !== null) {
+                // In single table view, render the specific create new button
+                $view->addButtonToButtonBar($createNewRecordButton);
+            }
+        }
+
+        if ($this->pageContext->isAccessible() && $this->pageContext->pageId > 0) {
+            $uriBuilder = PreviewUriBuilder::create($this->pageContext->pageRecord);
+            if ($uriBuilder->isPreviewable()) {
+                $view->addButtonToButtonBar(
+                    $this->componentFactory->createViewButton(PreviewUriBuilder::create($this->pageContext->pageRecord)
+                        ->withRootLine($this->pageContext->rootLine)
+                        ->buildDispatcherDataAttributes() ?? []),
+                    ButtonBar::BUTTON_POSITION_LEFT,
+                    15
+                );
+
+                // QR Code button
+                $fallbackUri = $uriBuilder
+                    ->withRootLine($this->pageContext->rootLine)
+                    ->buildUri();
+                $previewUri = $this->componentFactory->getPreviewUrlForQrCode(
+                    $this->pageContext->pageId,
+                    $this->pageContext->getPrimaryLanguageId(),
+                    $fallbackUri
+                );
+                if ($previewUri !== null) {
+                    $view->addButtonToButtonBar(
+                        $this->componentFactory->createQrCodeButton($previewUri),
+                        ButtonBar::BUTTON_POSITION_LEFT,
+                        15
+                    );
+                }
+            }
+            // If edit permissions are set, see BackendUserAuthentication
+            if ($this->isPageEditable()) {
+                // Edit
+                $editLink = $this->uriBuilder->buildUriFromRoute('record_edit', [
+                    'edit' => [
+                        'pages' => [
+                            $this->pageContext->pageId => 'edit',
+                        ],
+                    ],
+                    'module' => 'records',
+                    'returnUrl' => $dbList->listURL(),
+                ]);
+                $editButton = $this->componentFactory->createLinkButton()
+                    ->setHref((string)$editLink)
+                    ->setTitle($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:editPage'))
+                    ->setShowLabelText(true)
+                    ->setIcon($this->iconFactory->getIcon('actions-page-open', IconSize::SMALL));
+                $view->addButtonToButtonBar($editButton, ButtonBar::BUTTON_POSITION_LEFT, 20);
+            }
+        }
+
+        // Paste
+        if (($this->pageContext->pagePermissions->createPagePermissionIsGranted() || $this->pageContext->pagePermissions->editContentPermissionIsGranted()) && $this->editLockPermissions()) {
+            $elFromTable = $clipboard->elFromTable();
+            if (!empty($elFromTable)) {
+                $confirmMessage = $clipboard->confirmMsgText('pages', $this->pageContext->pageRecord, 'into', CountMode::ALL);
+                $pasteButton = $this->componentFactory->createLinkButton()
+                    ->setHref($clipboard->pasteUrl('', $this->pageContext->pageId))
+                    ->setTitle($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:clip_paste'))
+                    ->setClasses('t3js-modal-trigger')
+                    ->setDataAttributes([
+                        'severity' => 'warning',
+                        'content' => $confirmMessage,
+                        'title' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:clip_paste'),
+                    ])
+                    ->setIcon($this->iconFactory->getIcon('actions-document-paste-into', IconSize::SMALL))
+                    ->setShowLabelText(true);
+                $view->addButtonToButtonBar($pasteButton, ButtonBar::BUTTON_POSITION_LEFT, 40);
+            }
+        }
+        // Cache
+        if ($this->pageContext->pageId) {
+            $clearCacheButton = $this->componentFactory->createGenericButton()
+                ->setTag('button')
+                ->setLabel($lang->sL('core.cache:page.label'))
+                ->setClasses('t3js-clear-page-cache')
+                ->setAttributes(['type' => 'button', 'data-id' => (string)$this->pageContext->pageId])
+                ->setIcon($this->iconFactory->getIcon('actions-system-cache-clear', IconSize::SMALL));
+            $view->addButtonToButtonBar($clearCacheButton, ButtonBar::BUTTON_POSITION_RIGHT);
+        }
+        if ($this->table
+            && !($this->modTSconfig['noExportRecordsLinks'] ?? false)
+            && $this->getBackendUserAuthentication()->isExportEnabled()
+        ) {
+            // Export
+            if (ExtensionManagementUtility::isLoaded('impexp')) {
+                $url = (string)$this->uriBuilder->buildUriFromRoute('tx_impexp_export', ['tx_impexp' => ['list' => [$this->table . ':' . $this->pageContext->pageId]]]);
+                $exportButton = $this->componentFactory->createLinkButton()
+                    ->setHref($url)
+                    ->setTitle($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:rm.export'))
+                    ->setIcon($this->iconFactory->getIcon('actions-document-export-t3d', IconSize::SMALL))
+                    ->setShowLabelText(true);
+                $view->addButtonToButtonBar($exportButton, ButtonBar::BUTTON_POSITION_LEFT, 50);
+            }
+        }
+        // ViewMode
+        $viewModeItems = [];
+        if ($this->allowSearch) {
+            $viewModeItems[] = $this->componentFactory->createDropDownToggle()
+                ->setActive((bool)$this->moduleData->get('searchBox'))
+                ->setHref($this->createModuleUri($request, ['searchBox' => $this->moduleData->get('searchBox') ? 0 : 1, 'searchTerm' => '']))
+                ->setLabel($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.view.showSearch'))
+                ->setIcon($this->iconFactory->getIcon('actions-search'));
+        }
+        if ($this->allowClipboard) {
+            $viewModeItems[] = $this->componentFactory->createDropDownToggle()
+                ->setActive((bool)$this->moduleData->get('clipBoard'))
+                ->setHref($this->createModuleUri($request, ['clipBoard' => $this->moduleData->get('clipBoard') ? 0 : 1]))
+                ->setLabel($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.view.showClipboard'))
+                ->setIcon($this->iconFactory->getIcon('actions-clipboard'));
+        }
+        if (!empty($viewModeItems)) {
+            $viewModeButton = $this->componentFactory->createDropDownButton()
+                ->setLabel($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.view'))
+                ->setIcon($this->iconFactory->getIcon('actions-cog'))
+                ->setShowLabelText(true);
+            foreach ($viewModeItems as $viewModeItem) {
+                $viewModeButton->addItem($viewModeItem);
+            }
+            $view->addButtonToButtonBar($viewModeButton, ButtonBar::BUTTON_POSITION_RIGHT, 0);
+        }
+
+        // Shortcut
+        $arguments = [
+            'id' => $this->pageContext->pageId,
+        ];
+        $potentialArguments = [
+            'pointer',
+            'table',
+            'searchTerm',
+            'search_levels',
+            'sortField',
+            'sortRev',
+        ];
+        foreach ($potentialArguments as $argument) {
+            if (!empty($queryParams[$argument])) {
+                $arguments[$argument] = $queryParams[$argument];
+            }
+        }
+        $view->getDocHeaderComponent()->setShortcutContext('records', $this->getShortcutTitle($arguments), $arguments);
+
+        // Back
+        if ($this->returnUrl) {
+            $view->addButtonToButtonBar($this->componentFactory->createBackButton($this->returnUrl));
+        }
+    }
+
+    protected function addNoRecordsFlashMessage(ModuleTemplate $view, string $table)
+    {
+        $languageService = $this->getLanguageService();
+        if ($table && $this->tcaSchemaFactory->has($table) && $this->tcaSchemaFactory->get($table)->getTitle() !== '') {
+            $message = sprintf(
+                $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:noRecordsOfTypeOnThisPage'),
+                $this->tcaSchemaFactory->get($table)->getTitle($languageService->sL(...))
+            );
+        } else {
+            $message = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:noRecordsOnThisPage');
+        }
+        $view->addFlashMessage($message, '', ContextualFeedbackSeverity::INFO);
+    }
+
+    /**
+     * Check whether the current backend user is an admin or the current page is locked by edit lock.
+     */
+    protected function editLockPermissions(): bool
+    {
+        return $this->getBackendUserAuthentication()->isAdmin()
+            || !($schema = $this->tcaSchemaFactory->get('pages'))->hasCapability(TcaSchemaCapability::EditLock)
+            || !($this->pageContext->pageRecord[$schema->getCapability(TcaSchemaCapability::EditLock)->getFieldName()] ?? false);
+    }
+
+    /**
+     * Returns the shortcut title for the current page.
+     */
+    protected function getShortcutTitle(array $arguments): string
+    {
+        $tableTitle = '';
+        $languageService = $this->getLanguageService();
+        if (isset($arguments['table'])) {
+            $tableName = $arguments['table'];
+            if ($this->tcaSchemaFactory->has($tableName)) {
+                $schema = $this->tcaSchemaFactory->get($tableName);
+                $tableTitle = $schema->getTitle($languageService->sL(...));
+            }
+            $tableTitle = ': ' . ($tableTitle ?: $tableName);
+        }
+        return trim(sprintf(
+            $languageService->translate('shortcut.title', 'backend.messages'),
+            $languageService->translate('title', 'backend.modules.list'),
+            $tableTitle,
+            $this->pageContext->getPageTitle(),
+            $this->pageContext->pageId
+        ));
+    }
+
+    protected function showPageTranslations(): bool
+    {
+        if (!$this->getBackendUserAuthentication()->check('tables_select', 'pages')) {
+            return false;
+        }
+        if (isset($this->modTSconfig['table']['pages']['hideTable'])) {
+            return !$this->modTSconfig['table']['pages']['hideTable'];
+        }
+        $schema = $this->tcaSchemaFactory->get('pages');
+        $hideTables = $this->modTSconfig['hideTables'] ?? '';
+        return !$schema->hasCapability(TcaSchemaCapability::HideInUi)
+            && $hideTables !== '*'
+            && !in_array('pages', GeneralUtility::trimExplode(',', $hideTables), true);
+    }
+
+    protected function renderPageTranslations(DatabaseRecordList $dbList, array $siteLanguages): string
+    {
+        $pageTranslationsDatabaseRecordList = clone $dbList;
+        $pageTranslationsDatabaseRecordList->id = $this->pageContext->pageId;
+        $pageTranslationsDatabaseRecordList->listOnlyInSingleTableMode = false;
+        $pageTranslationsDatabaseRecordList->disableSingleTableView = true;
+        $pageTranslationsDatabaseRecordList->deniedNewTables = ['pages'];
+        $pageTranslationsDatabaseRecordList->hideTranslations = '';
+        $pageTranslationsDatabaseRecordList->setLanguagesAllowedForUser($siteLanguages);
+        $pageTranslationsDatabaseRecordList->showOnlyTranslatedRecords(true);
+        return $pageTranslationsDatabaseRecordList->getTable('pages');
+    }
+
+    protected function createModuleUri(ServerRequestInterface $request, array $params = []): string
+    {
+        $params = array_replace_recursive([
+            'id' => $this->pageContext->pageId,
+            'table' => $this->table,
+            'searchTerm' => $this->searchTerm,
+        ], $params);
+
+        $params = array_filter($params, static function (mixed $value): bool {
+            return $value !== null && trim((string)$value) !== '';
+        });
+
+        return (string)$this->uriBuilder->buildUriFromRequest($request, $params);
+    }
+
+    /**
+     * Creates the language selector dropdown in the module toolbar.
+     */
+    protected function createLanguageSelector(ModuleTemplate $view, ServerRequestInterface $request): void
+    {
+        if (count($this->pageContext->languageInformation->availableLanguages) <= 1) {
+            return;
+        }
+
+        $languageSelector = $this->languageSelectorBuilder->build(
+            $this->pageContext,
+            LanguageSelectorMode::MULTI_SELECT,
+            fn(array $languageIds): string => $this->buildListUrl($request, ['languages' => $languageIds]),
+            !empty($this->pageContext->languageInformation->existingTranslations)
+        );
+
+        $view->getDocHeaderComponent()->setLanguageSelector($languageSelector);
+    }
+
+    /**
+     * Check if page can be edited by current user
+     */
+    protected function isPageEditable(): bool
+    {
+        $schema = $this->tcaSchemaFactory->get('pages');
+
+        if ($schema->hasCapability(TcaSchemaCapability::AccessReadOnly)) {
+            return false;
+        }
+        $backendUser = $this->getBackendUserAuthentication();
+        if ($backendUser->isAdmin()) {
+            return true;
+        }
+        if ($schema->hasCapability(TcaSchemaCapability::AccessAdminOnly)) {
+            return false;
+        }
+
+        return !empty($this->pageContext->pageRecord)
+            && $this->editLockPermissions()
+            && $this->pageContext->pagePermissions->editPagePermissionIsGranted()
+            && $backendUser->checkLanguageAccess(0)
+            && $backendUser->check('tables_modify', 'pages');
+    }
+
+    /**
+     * Build list URL preserving relevant parameters (search, table, sort).
+     * Does NOT preserve pagination (pointer) to allow resetting to first page.
+     *
+     * @param array $additionalParams Additional parameters to add/override (e.g., ['languages' => [0, 1]])
+     */
+    protected function buildListUrl(ServerRequestInterface $request, array $additionalParams = []): string
+    {
+        $queryParams = $request->getQueryParams();
+        $parsedBody = $request->getParsedBody();
+
+        $urlParams = [
+            'id' => $this->pageContext->pageId,
+        ];
+
+        if ($this->table !== '') {
+            $urlParams['table'] = $this->table;
+        }
+        if ($this->searchTerm !== '') {
+            $urlParams['searchTerm'] = $this->searchTerm;
+        }
+        $searchLevels = (int)($parsedBody['search_levels'] ?? $queryParams['search_levels'] ?? 0);
+        if ($searchLevels > 0) {
+            $urlParams['search_levels'] = $searchLevels;
+        }
+        $sortField = (string)($parsedBody['sortField'] ?? $queryParams['sortField'] ?? '');
+        if ($sortField !== '') {
+            $urlParams['sortField'] = $sortField;
+        }
+        $sortRev = $parsedBody['sortRev'] ?? $queryParams['sortRev'] ?? null;
+        if ($sortRev !== null) {
+            $urlParams['sortRev'] = $sortRev;
+        }
+
+        // Merge with additional parameters (which can override preserved ones)
+        $urlParams = array_merge($urlParams, $additionalParams);
+
+        return (string)$this->uriBuilder->buildUriFromRoute('records', $urlParams);
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/RecordListDownloadController.php b/Classes/Controller/RecordListDownloadController.php
new file mode 100644
index 0000000..8ac644a
--- /dev/null
+++ b/Classes/Controller/RecordListDownloadController.php
@@ -0,0 +1,412 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseFactoryInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Configuration\TranslationConfigurationProvider;
+use TYPO3\CMS\Backend\Exception\AccessDeniedException;
+use TYPO3\CMS\Backend\RecordList\DatabaseRecordList;
+use TYPO3\CMS\Backend\RecordList\DownloadRecordList;
+use TYPO3\CMS\Backend\RecordList\Event\BeforeRecordDownloadIsExecutedEvent;
+use TYPO3\CMS\Backend\RecordList\Event\BeforeRecordDownloadPresetsAreDisplayedEvent;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Context\Context;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\CsvUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Controller for handling download of records, typically executed from the records module.
+ *
+ * @internal This class is a specific Backend controller implementation and is not part of the TYPO3's Core API.
+ */
+#[AsController]
+class RecordListDownloadController
+{
+    private const array DOWNLOAD_FORMATS = [
+        'csv' => [
+            'options' => [
+                'delimiter' => [
+                    'comma' => ',',
+                    'semicolon' => ';',
+                    'pipe' => '|',
+                ],
+                'quote' => [
+                    'doublequote' => '"',
+                    'singlequote' => '\'',
+                    'space' => ' ',
+                ],
+            ],
+            'defaults' => [
+                'delimiter' => ',',
+                'quote' => '"',
+            ],
+        ],
+        'json' => [
+            'options' => [
+                'meta' => [
+                    'full' => 'full',
+                    'prefix' => 'prefix',
+                    'none' => 'none',
+                ],
+            ],
+            'defaults' => [
+                'meta' => 'prefix',
+            ],
+        ],
+    ];
+
+    protected int $id = 0;
+    protected string $table = '';
+    protected string $format = '';
+    protected string $filename = '';
+    protected array $modTSconfig = [];
+
+    public function __construct(
+        protected readonly ResponseFactoryInterface $responseFactory,
+        protected readonly BackendViewFactory $backendViewFactory,
+        protected readonly EventDispatcherInterface $eventDispatcher,
+        protected readonly TcaSchemaFactory $tcaSchemaFactory,
+    ) {}
+
+    /**
+     * Handle record download request by evaluating the provided arguments,
+     * checking access, initializing the record list, fetching records and
+     * finally calling the requested download format action (e.g. csv).
+     */
+    public function handleDownloadRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+
+        $this->table = (string)($parsedBody['table'] ?? '');
+        if ($this->table === '') {
+            throw new \RuntimeException('No table was given for downloading records', 1623941276);
+        }
+
+        $backendUser = $this->getBackendUserAuthentication();
+        if (!$backendUser->check('tables_select', $this->table)) {
+            throw new AccessDeniedException('Insufficient permissions for accessing this download', 1756895674);
+        }
+
+        // @todo we might want to throw an exception in case no schema exists for the table
+        $schema = $this->tcaSchemaFactory->has($this->table) ? $this->tcaSchemaFactory->get($this->table) : null;
+        $this->format = (string)($parsedBody['format'] ?? '');
+        if ($this->format === '' || !isset(self::DOWNLOAD_FORMATS[$this->format])) {
+            throw new \RuntimeException('No or an invalid download format given', 1624562166);
+        }
+
+        $this->filename = $this->generateFilename((string)($parsedBody['filename'] ?? ''));
+        $this->id = (int)($parsedBody['id'] ?? 0);
+
+        // Loading module configuration
+        $this->modTSconfig = BackendUtility::getPagesTSconfig($this->id)['mod.']['web_list.'] ?? [];
+
+        // Loading TCEFORM for the table
+        $tsConfig = BackendUtility::getPagesTSconfig($this->id)['TCEFORM.'][$this->table . '.'] ?? null;
+        $tsConfig = is_array($tsConfig) ? $tsConfig : null;
+
+        // Loading current page record and checking access
+        $perms_clause = $backendUser->getPagePermsClause(Permission::PAGE_SHOW);
+        $pageinfo = BackendUtility::readPageAccess($this->id, $perms_clause);
+        $searchString = (string)($parsedBody['searchString'] ?? '');
+        $searchLevels = (int)($parsedBody['searchLevels'] ?? $this->modTSconfig['searchLevel.']['default'] ?? 0);
+        if (!is_array($pageinfo) && !($this->id === 0 && $searchString !== '' && $searchLevels !== 0)) {
+            throw new AccessDeniedException('Insufficient permissions for accessing this download', 1623941361);
+        }
+        $rawValues = (bool)($parsedBody['rawValues'] ?? false);
+
+        // Initialize database record list
+        $recordList = GeneralUtility::makeInstance(DatabaseRecordList::class);
+        $recordList->setRequest($request);
+        $recordList->modTSconfig = $this->modTSconfig;
+        $recordList->setLanguagesAllowedForUser($this->getSiteLanguages($request));
+        $recordList->start($this->id, $this->table, 0, $searchString, $searchLevels);
+        $selectedPreset = (string)($parsedBody['preset'] ?? '');
+        if (($parsedBody['allColumns'] ?? false) || $selectedPreset !== '') {
+            // Overwrite setFields in case all allowed columns should be included,
+            // or a preset is selected (that is only allowed to pick from the maximum
+            // allowed set of columns).
+            $recordList->setFields[$this->table] = BackendUtility::getAllowedFieldsForTable($this->table);
+        }
+        $columnsToRender = $recordList->getColumnsToRender($this->table, false, $selectedPreset);
+
+        $hideTranslations = ($this->modTSconfig['hideTranslations'] ?? '') === '*'
+            || GeneralUtility::inList($this->modTSconfig['hideTranslations'] ?? '', $this->table);
+
+        // Initialize the downloader
+        $downloader = GeneralUtility::makeInstance(
+            DownloadRecordList::class,
+            $recordList,
+            GeneralUtility::makeInstance(TranslationConfigurationProvider::class),
+            $this->tcaSchemaFactory,
+        );
+
+        // Fetch and process the header row and the records
+        $headerRow = $downloader->getHeaderRow($columnsToRender);
+        if (!$rawValues) {
+            foreach ($headerRow as &$headerField) {
+                $label = $schema?->hasField($headerField) ? $schema->getField($headerField)->getLabel() : null;
+                if ($label !== null) {
+                    $headerField = rtrim(trim($this->getLanguageService()->translateLabel($tsConfig[$headerField . '.']['label.'] ?? [], $tsConfig[$headerField . '.']['label'] ?? $label)), ':');
+                } elseif ($specialLabel = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.' . $headerField)) {
+                    // Special label exists for this field (Probably a management field, e.g. sorting)
+                    $headerField = $specialLabel;
+                }
+            }
+            unset($headerField);
+        }
+        $records = $downloader->getRecords(
+            $this->table,
+            $columnsToRender,
+            $this->getBackendUserAuthentication(),
+            $hideTranslations,
+            $rawValues
+        );
+
+        $event = $this->eventDispatcher->dispatch(
+            new BeforeRecordDownloadIsExecutedEvent(
+                $headerRow,
+                $records,
+                $request,
+                $this->table,
+                $this->format,
+                $this->filename,
+                $this->id,
+                $this->modTSconfig,
+                $columnsToRender,
+                $hideTranslations,
+            )
+        );
+
+        $downloadAction = $this->format . 'DownloadAction';
+        return $this->{$downloadAction}($request, $event->getHeaderRow(), $event->getRecords());
+    }
+
+    /**
+     * Generate settings form for the download request
+     */
+    public function downloadSettingsAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $downloadArguments = $request->getQueryParams();
+
+        $this->table = (string)($downloadArguments['table'] ?? '');
+        if ($this->table === '') {
+            throw new \RuntimeException('No table was given for downloading records', 1624551586);
+        }
+
+        $this->id = (int)($downloadArguments['id'] ?? 0);
+        $this->modTSconfig = BackendUtility::getPagesTSconfig($this->id)['mod.']['web_list.'] ?? [];
+
+        $presets = $this->eventDispatcher->dispatch(
+            new BeforeRecordDownloadPresetsAreDisplayedEvent(
+                $this->table,
+                $this->modTSconfig['downloadPresets.'][$this->table . '.'] ?? [],
+                $request,
+                $this->id,
+            )
+        )->getPresets();
+
+        $view = $this->backendViewFactory->create($request);
+        $view->assignMultiple([
+            'table' => $this->table,
+            'downloadArguments' => $downloadArguments,
+            'formats' => array_keys(self::DOWNLOAD_FORMATS),
+            'formatOptions' => $this->getFormatOptionsWithResolvedDefaults(),
+            'presets' => $presets,
+        ]);
+
+        $response = $this->responseFactory->createResponse()
+            ->withHeader('Content-Type', 'text/html; charset=utf-8');
+
+        $response->getBody()->write($view->render('RecordDownloadSettings'));
+        return $response;
+    }
+
+    /**
+     * Generating an download in CSV format
+     */
+    protected function csvDownloadAction(
+        ServerRequestInterface $request,
+        array $headerRow,
+        array $records
+    ): ResponseInterface {
+        // Fetch csv related format options
+        $csvDelimiter = (string)$this->getFormatOption($request, 'delimiter');
+        $csvQuote = (string)$this->getFormatOption($request, 'quote');
+
+        // Create result
+        $result[] = CsvUtility::csvValues($headerRow, $csvDelimiter, $csvQuote);
+        foreach ($records as $record) {
+            $result[] = CsvUtility::csvValues($record, $csvDelimiter, $csvQuote);
+        }
+
+        return $this->generateDownloadResponse(implode(CRLF, $result));
+    }
+
+    /**
+     * Generating an download in JSON format
+     */
+    protected function jsonDownloadAction(
+        ServerRequestInterface $request,
+        array $headerRow,
+        array $records
+    ): ResponseInterface {
+        // Fetch and evaluate json related format option
+        switch ($this->getFormatOption($request, 'meta')) {
+            case 'prefix':
+                $result = [$this->table . ':' . $this->id => $records];
+                break;
+            case 'full':
+                $user = $this->getBackendUserAuthentication();
+                $parsedBody = $request->getParsedBody();
+                $result = [
+                    'meta' => [
+                        'table' => $this->table,
+                        'page' => $this->id,
+                        'timestamp' => GeneralUtility::makeInstance(Context::class)->getPropertyFromAspect('date', 'timestamp'),
+                        'user' => $user->getUserName() ?? '',
+                        'site' => $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?? '',
+                        'options' => [
+                            'columns' => array_values($headerRow),
+                            'values' => ($parsedBody['rawvalues'] ?? false) ? 'raw' : 'processed',
+                        ],
+                    ],
+                    'records' => $records,
+                ];
+                $searchString = (string)($parsedBody['searchString'] ?? '');
+                $searchLevels = (int)($parsedBody['searchLevels'] ?? 0);
+                if ($searchString !== '' || $searchLevels !== 0) {
+                    $result['meta']['search'] = [
+                        'searchTerm' => $searchString,
+                        'searchLevels' => $searchLevels,
+                    ];
+                }
+                break;
+            case 'none':
+            default:
+                $result = $records;
+                break;
+        }
+
+        return $this->generateDownloadResponse(json_encode($result) ?: '');
+    }
+
+    /**
+     * Get site languages, available for the current backend user
+     */
+    protected function getSiteLanguages(ServerRequestInterface $request): array
+    {
+        $site = $request->getAttribute('site');
+        return $site->getAvailableLanguages($this->getBackendUserAuthentication(), false, $this->id);
+    }
+
+    /**
+     * Return an evaluated and processed custom filename or a
+     * default, if non or an invalid custom filename was provided.
+     */
+    protected function generateFilename(string $filename): string
+    {
+        $defaultFilename = $this->table . '_' . date('dmy-Hi') . '.' . $this->format;
+
+        // Return default filename if given filename is empty or not valid
+        if ($filename === '' || !preg_match('/^[0-9a-z._\-]+$/i', $filename)) {
+            return $defaultFilename;
+        }
+
+        $extension = pathinfo($filename, PATHINFO_EXTENSION);
+        if ($extension === '') {
+            // Add original extension in case alternative filename did not contain any
+            $filename = rtrim($filename, '.') . '.' . $this->format;
+        }
+
+        // Check if given or resolved extension matches the original one
+        return pathinfo($filename, PATHINFO_EXTENSION) === $this->format ? $filename : $defaultFilename;
+    }
+
+    /**
+     * Return the format options with resolved default values from TSconfig
+     */
+    protected function getFormatOptionsWithResolvedDefaults(): array
+    {
+        $formatOptions = self::DOWNLOAD_FORMATS;
+
+        if ($this->modTSconfig === []) {
+            return $formatOptions;
+        }
+
+        if ($this->modTSconfig['csvDelimiter'] ?? false) {
+            $default = (string)$this->modTSconfig['csvDelimiter'];
+            if (!in_array($default, $formatOptions['csv']['options']['delimiter'], true)) {
+                // In case the user defined option is not yet available as format options, add it
+                $formatOptions['csv']['options']['delimiter']['custom'] = $default;
+            }
+            $formatOptions['csv']['defaults']['delimiter'] = $default;
+        }
+
+        if ($this->modTSconfig['csvQuote'] ?? false) {
+            $default = (string)$this->modTSconfig['csvQuote'];
+            if (!in_array($default, $formatOptions['csv']['options']['quote'], true)) {
+                // In case the user defined option is not yet available as format options, add it
+                $formatOptions['csv']['options']['quote']['custom'] = $default;
+            }
+            $formatOptions['csv']['defaults']['quote'] = $default;
+        }
+
+        return $formatOptions;
+    }
+
+    protected function getFormatOptions(ServerRequestInterface $request): array
+    {
+        return $request->getParsedBody()[$this->format] ?? [];
+    }
+
+    protected function getFormatOption(ServerRequestInterface $request, string $option, $default = null)
+    {
+        return $this->getFormatOptions($request)[$option]
+            ?? $this->getFormatOptionsWithResolvedDefaults()[$this->format]['defaults'][$option]
+            ?? $default;
+    }
+
+    protected function generateDownloadResponse(string $result): ResponseInterface
+    {
+        $response = $this->responseFactory->createResponse()
+            ->withHeader('Content-Type', 'application/octet-stream')
+            ->withHeader('Content-Disposition', 'attachment; filename=' . $this->filename);
+        $response->getBody()->write($result);
+
+        return $response;
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/ResetPasswordController.php b/Classes/Controller/ResetPasswordController.php
new file mode 100644
index 0000000..cfa6de6
--- /dev/null
+++ b/Classes/Controller/ResetPasswordController.php
@@ -0,0 +1,278 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Authentication\PasswordReset;
+use TYPO3\CMS\Backend\Routing\RouteRedirect;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\PageRendererBackendSetupTrait;
+use TYPO3\CMS\Backend\View\AuthenticationStyleInformation;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Configuration\ExtensionConfiguration;
+use TYPO3\CMS\Core\Configuration\Features;
+use TYPO3\CMS\Core\Context\Context;
+use TYPO3\CMS\Core\Http\PropagateResponseException;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Information\Typo3Information;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Localization\Locales;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\PasswordPolicy\PasswordPolicyAction;
+use TYPO3\CMS\Core\PasswordPolicy\PasswordPolicyValidator;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\View\ViewInterface;
+
+/**
+ * Controller responsible for rendering and processing backend user password reset requests.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+class ResetPasswordController
+{
+    use PageRendererBackendSetupTrait;
+
+    protected string $loginProvider = '';
+    protected ViewInterface $view;
+
+    public function __construct(
+        protected readonly Context $context,
+        protected readonly Locales $locales,
+        protected readonly Features $features,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly PageRenderer $pageRenderer,
+        protected readonly PasswordReset $passwordReset,
+        protected readonly Typo3Information $typo3Information,
+        protected readonly AuthenticationStyleInformation $authenticationStyleInformation,
+        protected readonly ExtensionConfiguration $extensionConfiguration,
+        protected readonly BackendViewFactory $backendViewFactory,
+    ) {}
+
+    /**
+     * Show a form to enter an email address to request a password reset email.
+     */
+    public function forgetPasswordFormAction(ServerRequestInterface $request): ResponseInterface
+    {
+        if (!$this->passwordReset->isEnabled()) {
+            return $this->redirectToLoginForm($request);
+        }
+        $this->initialize($request);
+        $this->initializeForgetPasswordView($request);
+        $this->pageRenderer->setBodyContent('<body>' . $this->view->render('Login/ForgetPasswordForm'));
+        return $this->pageRenderer->renderResponse($request);
+    }
+
+    /**
+     * Validate the email address.
+     *
+     * Restricted to POST method in Configuration/Backend/Routes.php
+     */
+    public function initiatePasswordResetAction(ServerRequestInterface $request): ResponseInterface
+    {
+        if (!$this->passwordReset->isEnabled()) {
+            return $this->redirectToLoginForm($request);
+        }
+        $this->initialize($request);
+        $this->initializeForgetPasswordView($request);
+        $emailAddress = $request->getParsedBody()['email'] ?? '';
+        if (!is_string($emailAddress)) {
+            $emailAddress = '';
+        }
+        $this->view->assign('email', $emailAddress);
+        if (!GeneralUtility::validEmail($emailAddress)) {
+            $this->view->assign('invalidEmail', true);
+        } else {
+            $this->passwordReset->initiateReset($request, $this->context, $emailAddress);
+            $this->view->assign('resetInitiated', true);
+        }
+        $this->pageRenderer->setBodyContent('<body>' . $this->view->render('Login/ForgetPasswordForm'));
+        // Prevent time based information disclosure by waiting a random time
+        // before sending a response. This prevents that the response time
+        // can be an indicator if the used email exists or not. Wait a random
+        // time between 200 milliseconds and 3 seconds.
+        usleep(random_int(200000, 3000000));
+        return $this->pageRenderer->renderResponse($request);
+    }
+
+    /**
+     * Validates the link and show a form to enter the new password.
+     */
+    public function passwordResetAction(ServerRequestInterface $request): ResponseInterface
+    {
+        if (!$this->passwordReset->isEnabled()) {
+            return $this->redirectToLoginForm($request);
+        }
+        $this->initialize($request);
+        $this->initializeResetPasswordView($request);
+        if (!$this->passwordReset->isValidResetTokenFromRequest($request)) {
+            $this->view->assign('invalidToken', true);
+        }
+        $this->pageRenderer->setBodyContent('<body>' . $this->view->render('Login/ResetPasswordForm'));
+        return $this->pageRenderer->renderResponse($request);
+    }
+
+    /**
+     * Updates the password in the database.
+     *
+     * Restricted to POST method in Configuration/Backend/Routes.php
+     */
+    public function passwordResetFinishAction(ServerRequestInterface $request): ResponseInterface
+    {
+        if (!$this->passwordReset->isEnabled()) {
+            return $this->redirectToLoginForm($request);
+        }
+        // Token is invalid
+        if (!$this->passwordReset->isValidResetTokenFromRequest($request)) {
+            return $this->passwordResetAction($request);
+        }
+        $this->initialize($request);
+        $this->initializeResetPasswordView($request);
+        if ($this->passwordReset->resetPassword($request, $this->context)) {
+            $this->view->assign('resetExecuted', true);
+        } else {
+            $this->view->assign('error', true);
+        }
+        $this->pageRenderer->setBodyContent('<body>' . $this->view->render('Login/ResetPasswordForm'));
+        return $this->pageRenderer->renderResponse($request);
+    }
+
+    private function redirectToLoginForm(ServerRequestInterface $request): ResponseInterface
+    {
+        return new RedirectResponse(
+            $this->uriBuilder->buildUriWithRedirect('login', [], RouteRedirect::createFromRequest($request)),
+            303
+        );
+    }
+
+    protected function initializeForgetPasswordView(ServerRequestInterface $request): void
+    {
+        $parameters = array_filter(['loginProvider' => $this->loginProvider]);
+        $this->view->assignMultiple([
+            'formUrl' => $this->uriBuilder->buildUriWithRedirect('password_forget_initiate_reset', $parameters, RouteRedirect::createFromRequest($request)),
+            'returnUrl' => $this->uriBuilder->buildUriWithRedirect('login', $parameters, RouteRedirect::createFromRequest($request)),
+        ]);
+    }
+
+    protected function initializeResetPasswordView(ServerRequestInterface $request): void
+    {
+        $token = $request->getQueryParams()['t'] ?? '';
+        $identity = $request->getQueryParams()['i'] ?? '';
+        $expirationDate = $request->getQueryParams()['e'] ?? '';
+        $parameters = array_filter(['loginProvider' => $this->loginProvider]);
+        $formUrl = $this->uriBuilder->buildUriWithRedirect(
+            'password_reset_finish',
+            array_filter(array_merge($parameters, [
+                't' => $token,
+                'i' => $identity,
+                'e' => $expirationDate,
+            ])),
+            RouteRedirect::createFromRequest($request)
+        );
+        $this->view->assignMultiple([
+            'token' => $token,
+            'identity' => $identity,
+            'expirationDate' => $expirationDate,
+            'formUrl' => $formUrl,
+            'restartUrl' => $this->uriBuilder->buildUriWithRedirect('password_forget', $parameters, RouteRedirect::createFromRequest($request)),
+            'passwordRequirements' => $this->getPasswordRequirements(),
+        ]);
+    }
+
+    protected function initialize(ServerRequestInterface $request): void
+    {
+        $languageService = $this->getLanguageService();
+
+        // Only allow to execute this if not logged in as a user right now
+        if ($this->context->getAspect('backend.user')->isLoggedIn()) {
+            throw new PropagateResponseException(
+                new RedirectResponse($this->uriBuilder->buildUriFromRoute('login'), 303),
+                1618342858
+            );
+        }
+
+        // Fetch login provider from the request
+        $this->loginProvider = $request->getQueryParams()['loginProvider'] ?? '';
+
+        // Try to get the preferred browser language
+        $httpAcceptLanguage = $request->getServerParams()['HTTP_ACCEPT_LANGUAGE'] ?? '';
+        $preferredBrowserLanguage = $this->locales->getPreferredClientLanguage($httpAcceptLanguage);
+
+        // If we found a $preferredBrowserLanguage, which is not the default language
+        // initialize $this->getLanguageService() again with $preferredBrowserLanguage.
+        // Additionally, set the language to the backend user object, so labels in fluid views are translated
+        if ($preferredBrowserLanguage !== 'default') {
+            $languageService->init($preferredBrowserLanguage);
+            $this->getBackendUserAuthentication()->user['lang'] = $preferredBrowserLanguage;
+        }
+
+        $this->setUpBasicPageRendererForBackend($this->pageRenderer, $this->extensionConfiguration, $request, $languageService);
+        $this->pageRenderer->setTitle('TYPO3 CMS Login: ' . ($GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?? ''));
+        $this->pageRenderer->loadJavaScriptModule('bootstrap');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/login.js');
+
+        $this->view = $this->backendViewFactory->create($request);
+        $this->view->assignMultiple([
+            'enablePasswordReset' => $this->passwordReset->isEnabled(),
+            'referrerCheckEnabled' => $this->features->isFeatureEnabled('security.backend.enforceReferrer'),
+            'loginUrl' => (string)$request->getUri(),
+        ]);
+
+        $this->provideCustomLoginStyling($request);
+    }
+
+    protected function provideCustomLoginStyling(ServerRequestInterface $request): void
+    {
+        if (($backgroundImageStyles = $this->authenticationStyleInformation->getBackgroundImageStyles($request)) !== '') {
+            $this->pageRenderer->addCssInlineBlock('loginBackgroundImage', $backgroundImageStyles, null, false, true);
+        }
+        if (($footerNote = $this->authenticationStyleInformation->getFooterNote()) !== '') {
+            $this->view->assign('loginFootnote', $footerNote);
+        }
+        if (($highlightColorStyles = $this->authenticationStyleInformation->getHighlightColorStyles()) !== '') {
+            $this->pageRenderer->addCssInlineBlock('loginHighlightColor', $highlightColorStyles, null, false, true);
+        }
+        $this->view->assignMultiple([
+            'copyright' => $this->typo3Information->getCopyrightNotice(),
+        ]);
+    }
+
+    protected function getPasswordRequirements(): array
+    {
+        $passwordPolicy = $GLOBALS['TYPO3_CONF_VARS']['BE']['passwordPolicy'] ?? 'default';
+        $passwordPolicyValidator = GeneralUtility::makeInstance(
+            PasswordPolicyValidator::class,
+            PasswordPolicyAction::UPDATE_USER_PASSWORD,
+            is_string($passwordPolicy) ? $passwordPolicy : ''
+        );
+        return $passwordPolicyValidator->getRequirements();
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/Resource/ResourceController.php b/Classes/Controller/Resource/ResourceController.php
new file mode 100644
index 0000000..ce2cd18
--- /dev/null
+++ b/Classes/Controller/Resource/ResourceController.php
@@ -0,0 +1,267 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Resource;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Backend\ThumbnailSize;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Http\Response;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageQueue;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Resource\Enum\DuplicationBehavior;
+use TYPO3\CMS\Core\Resource\Exception\InsufficientFileAccessPermissionsException;
+use TYPO3\CMS\Core\Resource\File;
+use TYPO3\CMS\Core\Resource\Folder;
+use TYPO3\CMS\Core\Resource\ProcessedFile;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Resource\ResourceInterface;
+use TYPO3\CMS\Core\SysLog\Action\File as SystemLogFileAction;
+use TYPO3\CMS\Core\SysLog\Error as SystemLogErrorClassification;
+use TYPO3\CMS\Core\SysLog\Type as SystemLogType;
+use TYPO3\CMS\Core\Utility\File\ExtendedFileUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Validation\ResultException;
+use TYPO3\CMS\Core\Validation\ResultRenderingTrait;
+
+/**
+ * @internal
+ */
+#[AsController]
+final readonly class ResourceController
+{
+    use ResultRenderingTrait;
+
+    public function __construct(
+        private ResourceFactory $resourceFactory,
+        private ExtendedFileUtility $fileProcessor,
+        private FlashMessageService $flashMessageService,
+    ) {}
+
+    public function gatherInformationAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $identifier = $request->getQueryParams()['identifier'] ?? null;
+        $resource = $this->resourceFactory->retrieveFileOrFolderObject($identifier);
+        if ($resource === null) {
+            return new JsonResponse(null, 404);
+        }
+        if (!$resource->checkActionPermission('read')) {
+            return new JsonResponse(null, 403);
+        }
+
+        return new JsonResponse($this->getResourceResponseData($resource));
+    }
+
+    public function requestThumbnailAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $identifier = $request->getQueryParams()['identifier'] ?? null;
+        $thumbnailSizeIdentifier = $request->getQueryParams()['size'] ?? 'default';
+        $keepAspectRatio = (bool)($request->getQueryParams()['keepAspectRatio'] ?? false);
+        $resource = null;
+
+        if ($identifier) {
+            $resource = $this->resourceFactory->retrieveFileOrFolderObject($identifier);
+        }
+        if ($resource === null || !($resource instanceof File && ($resource->isImage() || $resource->isMediaFile()))) {
+            return new Response(null, 404);
+        }
+        if (!$resource->checkActionPermission('read')) {
+            return new Response(null, 403);
+        }
+
+        $thumbnailSize = ThumbnailSize::tryFrom($thumbnailSizeIdentifier) ?? ThumbnailSize::DEFAULT;
+        [$width, $height] = $keepAspectRatio ? $thumbnailSize->getDimensions() : $thumbnailSize->getCroppedDimensions();
+        $thumbnail = $resource
+            ->process(ProcessedFile::CONTEXT_IMAGECROPSCALEMASK, ['width' => $width, 'height' => $height]);
+
+        return new RedirectResponse(
+            GeneralUtility::locationHeaderUrl($thumbnail->getPublicUrl() ?? '', $request)
+        );
+    }
+
+    public function renameResourceAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $identifier = $request->getParsedBody()['identifier'] ?? null;
+        $origin = null;
+
+        if ($identifier) {
+            $origin = $this->resourceFactory->retrieveFileOrFolderObject($identifier);
+        }
+
+        try {
+            if (!$origin instanceof File && !$origin instanceof Folder) {
+                throw new \InvalidArgumentException('Resource must be a file or a folder', 1676979120);
+            }
+            if ($origin->getStorage()->isFallbackStorage()) {
+                throw new InsufficientFileAccessPermissionsException('You are not allowed to access files outside your storages', 1676299579);
+            }
+            if (!$origin->checkActionPermission('rename')) {
+                throw new InsufficientFileAccessPermissionsException('You are not allowed to rename the resource', 1676979130);
+            }
+            $resourceName = $request->getParsedBody()['resourceName'] ?? null;
+            if (!$resourceName || trim((string)$resourceName) === '') {
+                throw new \InvalidArgumentException('The resource name cannot be empty', 1676978732);
+            }
+            $oldName = $origin->getName();
+            if ($oldName === $resourceName) {
+                $message = sprintf($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_resource.xlf:ajax.error.message.resourceNameNotDifferent'), $oldName);
+                return new JsonResponse($this->getResponseData(true, $message, $origin));
+            }
+
+            $resource = $origin->rename($resourceName);
+            if ($resource->getName() === $oldName) {
+                $message = sprintf($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_resource.xlf:ajax.error.message.resourceNotRenamed'), $oldName);
+                return new JsonResponse($this->getResponseData(false, $message, $origin));
+            }
+        } catch (ResultException $exception) {
+            // Possible Exception thrown within the `->rename(...)` chain via ResourceConsistencyService
+            return new JsonResponse($this->getResponseData(false, $this->renderResultException($exception, $this->getLanguageService())));
+        } catch (\Exception $exception) {
+            $message = match ($exception->getCode()) {
+                1676979120 => $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_resource.xlf:ajax.error.message.resourceNotFileOrFolder'),
+                1676299579 => $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_resource.xlf:ajax.error.message.resourceOutsideOfStorages'),
+                1676979130 => $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_resource.xlf:ajax.error.message.resourceNoPermissionRename'),
+                1676978732 => $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_resource.xlf:ajax.error.message.resourceNameCannotBeEmpty'),
+                default => $exception->getMessage(),
+            };
+            return new JsonResponse($this->getResponseData(false, $message));
+        }
+
+        return new JsonResponse($this->getResponseData(
+            true,
+            sprintf(
+                $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_resource.xlf:ajax.success.message.renamed'),
+                $oldName,
+                $resource->getName()
+            ),
+            $origin,
+            $resource,
+        ));
+    }
+
+    public function replaceResourceAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $uploadedFiles = $request->getUploadedFiles();
+        if ($uploadedFiles === []) {
+            return new JsonResponse($this->getResponseData(
+                false,
+                $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_resource.xlf:ajax.error.message.resourceNotAvailableToUpload'),
+            ));
+        }
+
+        $uid = $request->getParsedBody()['uid'];
+        $keepFilename = (bool)($request->getParsedBody()['keepFilename'] ?? false);
+        $origin = $this->resourceFactory->retrieveFileOrFolderObject($uid);
+        if ($origin === null) {
+            return new JsonResponse($this->getResponseData(
+                false,
+                $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_resource.xlf:ajax.error.message.resourceNotFound'),
+            ));
+        }
+
+        $this->fileProcessor->setActionPermissions();
+        $this->fileProcessor->setExistingFilesConflictMode(DuplicationBehavior::REPLACE);
+        $this->fileProcessor->start([
+            'replace' => [
+                1 => [
+                    'data' => 1,
+                    'uid' => $uid,
+                    'keepFilename' => $keepFilename,
+                ],
+            ],
+        ], $uploadedFiles);
+        $result = $this->fileProcessor->processData();
+        $flashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+        $messages = implode("\n", array_map(static fn(FlashMessage $message) => $message->getMessage(), $flashMessageQueue->getAllMessagesAndFlush()));
+
+        /** @var File|null $fileReplacement */
+        $fileReplacement = $result['replace'][0][0] ?? null;
+        if ($fileReplacement === null) {
+            return new JsonResponse($this->getResponseData(
+                false,
+                $messages,
+                $origin
+            ));
+        }
+
+        return new JsonResponse($this->getResponseData(
+            true,
+            $messages,
+            $origin,
+            $fileReplacement
+        ));
+    }
+
+    /**
+     * Prepare response data for a JSON response
+     */
+    private function getResponseData(bool $success, string $message, ?ResourceInterface $origin = null, ?ResourceInterface $resource = null): array
+    {
+        $flashMessageQueue = new FlashMessageQueue('backend');
+        $flashMessageQueue->enqueue(
+            new FlashMessage(
+                $message,
+                $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_resource.xlf:ajax.' . ($success ? 'success' : 'error'))
+            )
+        );
+        // Next to the flash message, also log the action to be consistent with the use in ExtendedFileUtiltiy
+        $this->getBackendUser()->writelog(SystemLogType::FILE, SystemLogFileAction::RENAME, $success ? SystemLogErrorClassification::MESSAGE : SystemLogErrorClassification::USER_ERROR, null, $message, []);
+        return [
+            'success' => $success,
+            'status' => $flashMessageQueue,
+            'origin' => $this->getResourceResponseData($origin),
+            'resource' => $this->getResourceResponseData($resource),
+        ];
+    }
+
+    /**
+     * Prepare resource data for a JSON response
+     */
+    private function getResourceResponseData(?ResourceInterface $resource): ?array
+    {
+        if (!$resource) {
+            return null;
+        }
+
+        return [
+            'type' => $resource instanceof File ? 'file' : 'folder',
+            'identifier' => $resource instanceof File || $resource instanceof Folder ? $resource->getCombinedIdentifier() : null,
+            'name' => $resource->getName(),
+            'hasPreview' => $resource instanceof File && ($resource->isImage() || $resource->isMediaFile()),
+            'uid' => $resource instanceof File ? $resource->getUid() : null,
+            'metaUid' => $resource instanceof File ? $resource->getMetaData()->offsetGet('uid') : null,
+            'createdAt' => $resource instanceof File ? $resource->getCreationTime() : null,
+            'size' => $resource instanceof File ? $resource->getSize() : null,
+        ];
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/Security/SudoModeController.php b/Classes/Controller/Security/SudoModeController.php
new file mode 100644
index 0000000..d36d5b2
--- /dev/null
+++ b/Classes/Controller/Security/SudoModeController.php
@@ -0,0 +1,250 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Security;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Message\UriInterface;
+use Psr\Log\LoggerInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Security\SudoMode\Access\AccessClaim;
+use TYPO3\CMS\Backend\Security\SudoMode\Access\AccessFactory;
+use TYPO3\CMS\Backend\Security\SudoMode\Access\AccessStorage;
+use TYPO3\CMS\Backend\Security\SudoMode\Event\SudoModeVerifyEvent;
+use TYPO3\CMS\Backend\Security\SudoMode\Exception\RequestGrantedException;
+use TYPO3\CMS\Backend\Security\SudoMode\PasswordVerification;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Context\Context;
+use TYPO3\CMS\Core\Crypto\HashAlgo;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Routing\BackendEntryPointResolver;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Handling visual sudo mode verification for configured routes/modules.
+ *
+ * @internal
+ */
+#[AsController]
+final readonly class SudoModeController
+{
+    private const string ROUTE_PATH_MODULE = '/sudo-mode/module';
+    private const string ROUTE_PATH_APPLY = '/sudo-mode/apply';
+    private const string ROUTE_PATH_ERROR = '/sudo-mode/error';
+    private const string ROUTE_PATH_VERIFY = '/ajax/sudo-mode/verify';
+
+    public function __construct(
+        private PageRenderer $pageRenderer,
+        private UriBuilder $uriBuilder,
+        private AccessFactory $factory,
+        private AccessStorage $storage,
+        private PasswordVerification $passwordVerification,
+        private ModuleTemplateFactory $moduleTemplateFactory,
+        private BackendEntryPointResolver $backendEntryPointResolver,
+        private EventDispatcherInterface $eventDispatcher,
+        private HashService $hashService,
+        private LoggerInterface $logger,
+    ) {}
+
+    public function buildModuleActionUriForClaim(AccessClaim $claim): UriInterface
+    {
+        return $this->uriBuilder->buildUriFromRoutePath(
+            self::ROUTE_PATH_MODULE,
+            $this->buildUriParametersForClaim($claim, 'module')
+        );
+    }
+
+    public function buildVerifyActionUriForClaim(AccessClaim $claim): UriInterface
+    {
+        return $this->uriBuilder->buildUriFromRoutePath(
+            self::ROUTE_PATH_VERIFY,
+            $this->buildUriParametersForClaim($claim, 'verify')
+        );
+    }
+
+    /**
+     * Renders the module backend markup, including the `<typo3-backend-security-sudo-mode>` element.
+     */
+    public function moduleAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->pageRenderer->getJavaScriptRenderer()->addGlobalAssignment([
+            'TYPO3' => [
+                'configuration' => [
+                    'username' => htmlspecialchars($this->getBackendUser()->user['username']),
+                ],
+            ],
+        ]);
+
+        $claim = $this->resolveClaimFromRequest($request, 'module');
+        if ($claim === null) {
+            return $this->redirectToErrorAction();
+        }
+
+        $view = $this->moduleTemplateFactory->create($request);
+        $view->assignMultiple([
+            'verifyActionUri' => $this->buildVerifyActionUriForClaim($claim),
+            'allowInstallToolPassword' => $this->getBackendUser()->isSystemMaintainer(),
+            'labels' => $this->getLanguageService()->getLabelsFromResource('EXT:backend/Resources/Private/Language/SudoMode.xlf'),
+        ]);
+        return $view->renderResponse('SudoMode/Module');
+    }
+
+    /**
+     * Called from JavaScript web-component, throwing an exception that is handled by `SudoModeInterceptor` middleware.
+     */
+    public function applyAction(ServerRequestInterface $request): ResponseInterface
+    {
+        // @todo security: action is not signed and can be by-passed easily
+        $claim = $this->resolveClaimFromRequest($request, 'apply');
+        if ($claim === null) {
+            return $this->redirectToErrorAction();
+        }
+
+        $this->storage->removeClaim($claim);
+        throw (new RequestGrantedException('Replay request', 1605873757))
+            ->withInstruction($claim->instruction);
+    }
+
+    /**
+     * Renders markup with error messages in case `AccessClaim` could not be resolved (e.g. when expired).
+     */
+    public function errorAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $view = $this->moduleTemplateFactory->create($request);
+        $view->assignMultiple([
+            'cancelUri' => $this->backendEntryPointResolver->getPathFromRequest($request),
+            'cancelTarget' => '_top',
+            'labels' => $this->getLanguageService()->getLabelsFromResource('EXT:backend/Resources/Private/Language/SudoMode.xlf'),
+        ]);
+        return $view->renderResponse('SudoMode/Error');
+    }
+
+    /**
+     * Verifies the provided password, called via AJAX from JavaScript web-component.
+     */
+    public function verifyAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $claim = $this->resolveClaimFromRequest($request, 'verify');
+        if ($claim === null) {
+            return new JsonResponse(['message' => 'bad-request'], 400);
+        }
+
+        $password = (string)($request->getParsedBody()['password'] ?? '');
+        $useInstallToolPassword = (bool)($request->getParsedBody()['useInstallToolPassword'] ?? false);
+        // Only system maintainers are allowed to use the installtool password for sudo mode operations
+        if (!$this->getBackendUser()->isSystemMaintainer()) {
+            $useInstallToolPassword = false;
+        }
+        $loggerContext = $this->buildLoggerContext($claim);
+
+        $redirect = [
+            'uri' => (string)$this->uriBuilder->buildUriFromRoutePath(
+                self::ROUTE_PATH_APPLY,
+                $this->buildUriParametersForClaim($claim, 'apply')
+            ),
+        ];
+        $event = $this->eventDispatcher->dispatch(new SudoModeVerifyEvent($claim, $password, $useInstallToolPassword));
+        if ($event->isVerified()) {
+            $this->logger->info('Passed by PSR-14 SudoModeVerifyEvent', $loggerContext);
+            $this->grantClaim($claim);
+            return new JsonResponse(['message' => 'accessGranted', 'redirect' => $redirect]);
+        }
+        if ($useInstallToolPassword && $this->passwordVerification->verifyInstallToolPassword($password)) {
+            $this->logger->info('Verified with install tool password', $loggerContext);
+            $this->grantClaim($claim);
+            return new JsonResponse(['message' => 'accessGranted', 'redirect' => $redirect]);
+        }
+        if (!$useInstallToolPassword && $this->passwordVerification->verifyBackendUserPassword($password, $this->getBackendUser())) {
+            $this->logger->info('Verified with user password', $loggerContext);
+            $this->grantClaim($claim);
+            return new JsonResponse(['message' => 'accessGranted', 'redirect' => $redirect]);
+        }
+        return new JsonResponse(['message' => 'invalidPassword'], 403);
+    }
+
+    private function redirectToErrorAction(): ResponseInterface
+    {
+        $uri = $this->uriBuilder->buildUriFromRoutePath(self::ROUTE_PATH_ERROR);
+        return new RedirectResponse($uri);
+    }
+
+    /**
+     * @param string $additionalPepper used to create a specific signature (e.g. on the action)
+     */
+    private function buildUriParametersForClaim(AccessClaim $claim, string $additionalPepper): array
+    {
+        $additionalPeppers = [self::class, $additionalPepper];
+        return [
+            'claim' => $claim->id,
+            'hash' => $this->hashService->hmac($claim->id, json_encode($additionalPeppers), HashAlgo::SHA3_256),
+        ];
+    }
+
+    /**
+     * @param string $additionalPepper used to create a specific signature (e.g. on the action)
+     */
+    private function resolveClaimFromRequest(ServerRequestInterface $request, string $additionalPepper): ?AccessClaim
+    {
+        $claimId = (string)($request->getQueryParams()['claim'] ?? '');
+        $claimHash = (string)($request->getQueryParams()['hash'] ?? '');
+        $additionalPeppers = [self::class, $additionalPepper];
+        $expectedHash = $this->hashService->hmac($claimId, json_encode($additionalPeppers), HashAlgo::SHA3_256);
+        if ($claimId === '' ||  $claimHash === '' || !hash_equals($expectedHash, $claimHash)) {
+            return null;
+        }
+        return $this->storage->findClaimById($claimId);
+    }
+
+    private function grantClaim(AccessClaim $claim): void
+    {
+        foreach ($claim->subjects as $subject) {
+            $grant = $this->factory->buildGrantForSubject($subject);
+            $this->storage->addGrant($grant);
+        }
+    }
+
+    /**
+     * @return array<string, int|string>
+     */
+    private function buildLoggerContext(AccessClaim $claim): array
+    {
+        $backendUserAspect = GeneralUtility::makeInstance(Context::class)
+            ->getAspect('backend.user');
+        return [
+            'claim' => $claim->id,
+            'user' => $backendUserAspect->get('id'),
+        ];
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/SetupModuleController.php b/Classes/Controller/SetupModuleController.php
new file mode 100644
index 0000000..cba6ec7
--- /dev/null
+++ b/Classes/Controller/SetupModuleController.php
@@ -0,0 +1,704 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Event\AddUserSettingsJavaScriptModulesEvent;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\UserSettingsDataGroup;
+use TYPO3\CMS\Backend\Form\FormResultFactory;
+use TYPO3\CMS\Backend\Form\FormResultHandler;
+use TYPO3\CMS\Backend\Form\NodeFactory;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ButtonBar;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\Enum\ModuleLayout;
+use TYPO3\CMS\Backend\Template\ModuleTemplate;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderRegistry;
+use TYPO3\CMS\Core\Authentication\UserSettingsSchema;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\FormProtection\FormProtectionFactory;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Information\Typo3Information;
+use TYPO3\CMS\Core\Localization\DateFormatter;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Localization\LanguageServiceFactory;
+use TYPO3\CMS\Core\Localization\Locales;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\PasswordPolicy\Event\EnrichPasswordValidationContextDataEvent;
+use TYPO3\CMS\Core\PasswordPolicy\PasswordPolicyAction;
+use TYPO3\CMS\Core\PasswordPolicy\PasswordPolicyValidator;
+use TYPO3\CMS\Core\PasswordPolicy\Validator\Dto\ContextData;
+use TYPO3\CMS\Core\Resource\Exception\FileDoesNotExistException;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Schema\TcaSchemaBuilder;
+use TYPO3\CMS\Core\SysLog\Action\Setting as SystemLogSettingAction;
+use TYPO3\CMS\Core\SysLog\Error as SystemLogErrorClassification;
+use TYPO3\CMS\Core\SysLog\Type as SystemLogType;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Script class for the User Settings module
+ *
+ * @internal This is a specific Backend Controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+class SetupModuleController
+{
+    protected const DISALLOWED_FIELD_NAMES = ['password', 'password2', 'email', 'realName', 'admin', 'avatar'];
+
+    protected const PASSWORD_NOT_UPDATED = 0;
+    protected const PASSWORD_UPDATED = 1;
+    protected const PASSWORD_NOT_THE_SAME = 2;
+    // @todo: Can this constant be removed?
+    protected const PASSWORD_OLD_WRONG = 3;
+    protected const PASSWORD_POLICY_FAILED = 4;
+
+    protected array $overrideConf = [];
+    protected bool $languageUpdate = false;
+    protected array $persistentUpdate = [];
+    protected bool $pagetreeNeedsRefresh = false;
+    protected bool $colorSchemeChanged = false;
+    protected bool $themeChanged = false;
+    protected bool $backendTitleFormatChanged = false;
+    protected bool $dateTimeFirstDayOfWeekChanged = false;
+
+    protected array $tsFieldConf = [];
+    protected int $passwordIsUpdated = self::PASSWORD_NOT_UPDATED;
+    protected bool $passwordIsSubmitted = false;
+    protected bool $setupIsUpdated = false;
+    protected bool $settingsAreResetToDefault = false;
+
+    protected PasswordPolicyValidator $passwordPolicyValidator;
+
+    public function __construct(
+        protected readonly Typo3Information $typo3Information,
+        protected readonly EventDispatcherInterface $eventDispatcher,
+        protected readonly MfaProviderRegistry $mfaProviderRegistry,
+        protected readonly IconFactory $iconFactory,
+        protected readonly PageRenderer $pageRenderer,
+        protected readonly ModuleTemplateFactory $moduleTemplateFactory,
+        protected readonly LanguageServiceFactory $languageServiceFactory,
+        protected readonly ModuleProvider $moduleProvider,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly FormProtectionFactory $formProtectionFactory,
+        protected readonly Locales $locales,
+        protected readonly ComponentFactory $componentFactory,
+        protected readonly DateFormatter $dateFormatter,
+        protected readonly FormDataCompiler $formDataCompiler,
+        protected readonly NodeFactory $nodeFactory,
+        protected readonly FormResultFactory $formResultFactory,
+        protected readonly FormResultHandler $formResultHandler,
+        protected readonly UserSettingsSchema $userSettingsSchema,
+        protected readonly TcaSchemaBuilder $tcaSchemaBuilder,
+        protected readonly ResourceFactory $resourceFactory,
+    ) {
+        $passwordPolicy = $GLOBALS['TYPO3_CONF_VARS']['BE']['passwordPolicy'] ?? 'default';
+
+        $action = PasswordPolicyAction::UPDATE_USER_PASSWORD;
+        if ($this->getBackendUser()->getOriginalUserIdWhenInSwitchUserMode()) {
+            $action = PasswordPolicyAction::UPDATE_USER_PASSWORD_SWITCH_USER_MODE;
+        }
+
+        $this->passwordPolicyValidator = GeneralUtility::makeInstance(
+            PasswordPolicyValidator::class,
+            $action,
+            is_string($passwordPolicy) ? $passwordPolicy : ''
+        );
+    }
+
+    /**
+     * Injects the request object, checks if data should be saved, and prepares a HTML page
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $view = $this->initialize($request);
+        $this->storeIncomingData($request);
+        if ($this->pagetreeNeedsRefresh || $this->settingsAreResetToDefault) {
+            BackendUtility::setUpdateSignal('updatePageTree');
+        }
+        if ($this->colorSchemeChanged || $this->settingsAreResetToDefault) {
+            BackendUtility::setUpdateSignal('updateColorScheme', $this->getBackendUser()->uc['colorScheme'] ?? 'auto');
+        }
+        if ($this->themeChanged || $this->settingsAreResetToDefault) {
+            BackendUtility::setUpdateSignal('updateTheme', $this->getBackendUser()->uc['theme'] ?? 'modern');
+        }
+        if ($this->backendTitleFormatChanged || $this->settingsAreResetToDefault) {
+            BackendUtility::setUpdateSignal('updateTitleFormat', $this->getBackendUser()->uc['backendTitleFormat'] ?? 'titleFirst');
+        }
+        if ($this->dateTimeFirstDayOfWeekChanged || $this->settingsAreResetToDefault) {
+            BackendUtility::setUpdateSignal('updateDateTimeFirstDayOfWeek', $this->getBackendUser()->uc['dateTimeFirstDayOfWeek'] ?? '');
+        }
+        if ($this->languageUpdate) {
+            $this->getLanguageService()->init($this->getBackendUser()->user['lang'] ?? 'en');
+            $locale = $this->getLanguageService()->getLocale();
+            if ($locale !== null) {
+                $parameters = [
+                    'language' => $locale->getLanguageCode(),
+                ];
+                BackendUtility::setUpdateSignal('updateBackendLanguage', $parameters);
+            }
+        }
+        if ($this->persistentUpdate !== []) {
+            foreach ($this->persistentUpdate as $params) {
+                BackendUtility::setUpdateSignal('updatePersistent', $params);
+            }
+        }
+
+        // Use FormEngine to render the user settings form
+        $formData = $this->compileFormData($request, $this->userSettingsSchema->getTca());
+        $formData['renderType'] = 'fullRecordContainer';
+        $formResultArray = $this->nodeFactory->create($formData)->render();
+        $formResult = $this->formResultFactory->create($formResultArray);
+        $this->formResultHandler->addAssets($formResult);
+
+        $formProtection = $this->formProtectionFactory->createFromRequest($request);
+        $this->addFlashMessages($view);
+        $view->addButtonToButtonBar($this->componentFactory->createSaveButton('SetupModuleController')->setName('data[save]'));
+        $this->registerResetButtonToButtonBar($view);
+        // Set shortcut context - reload button is added automatically
+        $view->getDocHeaderComponent()->setShortcutContext(
+            'user_setup',
+            $this->getLanguageService()->translate('short_description', 'backend.modules.user_settings')
+        );
+        $view->assignMultiple([
+            'typo3Info' => $this->typo3Information,
+            'isLanguageUpdate' => $this->languageUpdate,
+            'formEngineHtml' => $formResult->html,
+            'formToken' => $formProtection->generateToken('BE user setup', 'edit'),
+        ]);
+        return $view->renderResponse('Setup/Main');
+    }
+
+    /**
+     * Compile form data for FormEngine rendering.
+     */
+    protected function compileFormData(ServerRequestInterface $request, array $userSettingsTca): array
+    {
+        $backendUser = $this->getBackendUser();
+        $formDataCompilerInput = [
+            'request' => $request,
+            'tableName' => 'be_users_settings',
+            'vanillaUid' => (int)$backendUser->user['uid'],
+            'command' => 'edit',
+            'returnUrl' => '',
+            'tcaSchemata' => $this->tcaSchemaBuilder->buildFromStructure($userSettingsTca),
+            'fullTca' => $userSettingsTca,
+        ];
+        return $this->formDataCompiler->compile(
+            $formDataCompilerInput,
+            GeneralUtility::makeInstance(UserSettingsDataGroup::class)
+        );
+    }
+
+    /**
+     * Initializes the module for display of the settings form.
+     */
+    protected function initialize(ServerRequestInterface $request): ModuleTemplate
+    {
+        $languageService = $this->getLanguageService();
+        $backendUser = $this->getBackendUser();
+        $view = $this->moduleTemplateFactory->create($request);
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/modal.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/form-engine.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/setup-module.js');
+        $this->processAdditionalJavaScriptModules($request);
+        $this->pageRenderer->addInlineSetting('FormEngine', 'formName', 'editform');
+        $this->pageRenderer->addInlineLanguageLabelArray([
+            'FormEngine.remainingCharacters' => $languageService->translate('labels.remainingCharacters', 'core.core'),
+        ]);
+        $view->setTitle($languageService->translate('user_settings', 'backend.user_profile'));
+        $view->setLayout(ModuleLayout::NORMAL);
+        // Getting the 'override' values as set might be set in user TSconfig
+        $this->overrideConf = $backendUser->getTSConfig()['setup.']['override.'] ?? [];
+        // Getting the disabled fields might be set in user TSconfig (eg setup.fields.password.disabled=1)
+        $this->tsFieldConf = $backendUser->getTSConfig()['setup.']['fields.'] ?? [];
+        // if password is disabled, disable repeat of password too (password2)
+        if ($this->tsFieldConf['password.']['disabled'] ?? false) {
+            $this->tsFieldConf['password2.']['disabled'] = 1;
+        }
+        return $view;
+    }
+
+    protected function processAdditionalJavaScriptModules(ServerRequestInterface $request): void
+    {
+        $event = new AddUserSettingsJavaScriptModulesEvent($request);
+        $event = $this->eventDispatcher->dispatch($event);
+        foreach ($event->getJavaScriptModules() as $specifier) {
+            $this->pageRenderer->loadJavaScriptModule($specifier);
+        }
+    }
+
+    /**
+     * If settings are submitted via POST, store them
+     */
+    protected function storeIncomingData(ServerRequestInterface $request): void
+    {
+        $postData = $request->getParsedBody();
+        if (!is_array($postData) || empty($postData)) {
+            return;
+        }
+
+        $formProtection = $this->formProtectionFactory->createFromRequest($request);
+        // Separate submitted data into corresponding partitions
+        $backendUserId = (int)$this->getBackendUser()->user['uid'];
+        $beUsersSubmission = $this->extractPartitionData($postData['data']['be_users_settings'][$backendUserId] ?? [], 'be_users');
+        $userSettingsSubmission = $this->extractPartitionData($postData['data']['be_users_settings'][$backendUserId] ?? [], 'user_settings');
+        $columns = $this->userSettingsSchema->getColumns();
+        $backendUser = $this->getBackendUser();
+        $beUserId = (int)$backendUser->user['uid'];
+        $storeRec = [];
+        $doSaveData = false;
+        $fieldList = $this->getFieldsFromShowItem();
+
+        if ($beUsersSubmission !== []
+            && $userSettingsSubmission !== []
+            && $formProtection->validateToken((string)($postData['formToken'] ?? ''), 'BE user setup', 'edit')
+        ) {
+            // UC hashed before applying changes
+            $save_before = md5(serialize($backendUser->uc));
+            // PUT SETTINGS into the ->uc array:
+            // Reload left frame when switching BE language
+            if (isset($beUsersSubmission['lang']) && $beUsersSubmission['lang'] !== $backendUser->user['lang']) {
+                $this->languageUpdate = true;
+            }
+            // Reload pagetree if the title length is changed
+            if (isset($userSettingsSubmission['titleLen']) && $userSettingsSubmission['titleLen'] !== $backendUser->uc['titleLen']) {
+                $this->pagetreeNeedsRefresh = true;
+            }
+            if (isset($userSettingsSubmission['colorScheme']) && $userSettingsSubmission['colorScheme'] !== ($backendUser->uc['colorScheme'] ?? null)) {
+                $this->colorSchemeChanged = true;
+            }
+            if (isset($userSettingsSubmission['theme']) && $userSettingsSubmission['theme'] !== ($backendUser->uc['theme'] ?? null)) {
+                $this->themeChanged = true;
+            }
+            if (isset($userSettingsSubmission['backendTitleFormat']) && $userSettingsSubmission['backendTitleFormat'] !== ($backendUser->uc['backendTitleFormat'] ?? null)) {
+                $this->backendTitleFormatChanged = true;
+            }
+            if (isset($userSettingsSubmission['dateTimeFirstDayOfWeek']) && $userSettingsSubmission['dateTimeFirstDayOfWeek'] !== ($backendUser->uc['dateTimeFirstDayOfWeek'] ?? null)) {
+                $this->dateTimeFirstDayOfWeekChanged = true;
+                $this->persistentUpdate[] = [
+                    'fieldName' => 'dateTimeFirstDayOfWeek',
+                    'value' => $userSettingsSubmission['dateTimeFirstDayOfWeek'],
+                ];
+            }
+            // Options which should trigger direct JS persistent update, because
+            // their new state needs to be available in JS components right away.
+            foreach ($this->userSettingsSchema->getPersistentUpdateFieldNames() as $fieldName) {
+                $fieldValue = ((int)($userSettingsSubmission[$fieldName] ?? 0)) ? 1 : 0;
+                if ($fieldValue !== ($backendUser->uc[$fieldName] ?? null)) {
+                    $this->persistentUpdate[] = [
+                        'fieldName' => $fieldName,
+                        'value' => $fieldValue ? '1' : '0',
+                    ];
+                }
+            }
+
+            if ($postData['data']['setValuesToDefault'] ?? false) {
+                // If every value should be default
+                $backendUser->resetUC();
+                $this->settingsAreResetToDefault = true;
+            } elseif ($postData['data']['save'] ?? false) {
+                foreach ($columns as $field => $config) {
+                    if (!in_array($field, $fieldList, true)) {
+                        continue;
+                    }
+                    // Skip any disallowed field name, not matter if it's in be_users or user_settings partition
+                    if (in_array($field, self::DISALLOWED_FIELD_NAMES, true)) {
+                        continue;
+                    }
+                    $isBeUsersField = ($config['table'] ?? '') === 'be_users';
+                    $fieldType = $config['type'] ?? 'text';
+                    if ($isBeUsersField) {
+                        $submittedValue = $beUsersSubmission[$field] ?? null;
+                        if (!isset($config['access']) || ($this->checkAccess($config) && ($backendUser->user[$field] !== $submittedValue))) {
+                            if ($fieldType === 'check') {
+                                $fieldValue = (int)($submittedValue ?? 0);
+                            } else {
+                                $fieldValue = $submittedValue;
+                            }
+                            $storeRec['be_users'][$beUserId][$field] = $fieldValue;
+                            $backendUser->user[$field] = $fieldValue;
+                        }
+                    } else {
+                        if ($fieldType === 'check') {
+                            $backendUser->uc[$field] = (int)($userSettingsSubmission[$field] ?? 0);
+                        } else {
+                            $backendUser->uc[$field] = htmlspecialchars($userSettingsSubmission[$field] ?? '');
+                        }
+                    }
+                }
+                // Personal data for the users be_user-record (email, name, password...)
+                // If email and name is changed, set it in the users record:
+                $be_user_data = $beUsersSubmission;
+                // Temporarily hold `password2` for the hook to be able to adjust the password
+                $be_user_data['password2'] = $userSettingsSubmission['password2'] ?? '';
+                // Possibility to modify the transmitted values. Useful to do transformations, like RSA password decryption
+                foreach ($GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['ext/setup/mod/index.php']['modifyUserDataBeforeSave'] ?? [] as $function) {
+                    $params = ['be_user_data' => &$be_user_data];
+                    GeneralUtility::callUserFunction($function, $params, $this);
+                }
+                $this->passwordIsSubmitted = (string)($be_user_data['password'] ?? '') !== '';
+                $passwordIsConfirmed = $this->passwordIsSubmitted && $be_user_data['password'] === $be_user_data['password2'];
+                unset($be_user_data['password2']);
+
+                // Validate password against password policy
+                $contextData = new ContextData(
+                    loginMode: 'BE',
+                    currentPasswordHash: $this->getBackendUser()->user['password'],
+                    newUserFullName: $be_user_data['realName'] ?? $this->getBackendUser()->user['realName']
+                );
+                $contextData->setData('currentUsername', $this->getBackendUser()->user['username']);
+                $event = $this->eventDispatcher->dispatch(
+                    new EnrichPasswordValidationContextDataEvent(
+                        $contextData,
+                        $be_user_data,
+                        self::class
+                    )
+                );
+                $contextData = $event->getContextData();
+
+                $passwordValid = true;
+                if ($passwordIsConfirmed
+                    && !$this->passwordPolicyValidator->isValidPassword($be_user_data['password'], $contextData)
+                ) {
+                    $passwordValid = false;
+                    $this->passwordIsUpdated = self::PASSWORD_POLICY_FAILED;
+                }
+
+                // Update the real name:
+                if (isset($be_user_data['realName']) && $be_user_data['realName'] !== $backendUser->user['realName']) {
+                    $backendUser->user['realName'] = ($storeRec['be_users'][$beUserId]['realName'] = substr($be_user_data['realName'], 0, 80));
+                }
+                // Update the email address:
+                if (isset($be_user_data['email']) && $be_user_data['email'] !== $backendUser->user['email']) {
+                    $backendUser->user['email'] = ($storeRec['be_users'][$beUserId]['email'] = substr($be_user_data['email'], 0, 255));
+                }
+                // Update the password:
+                if ($this->passwordIsSubmitted) {
+                    if ($passwordIsConfirmed && $passwordValid) {
+                        $this->passwordIsUpdated = self::PASSWORD_UPDATED;
+                        $storeRec['be_users'][$beUserId]['password'] = $be_user_data['password'];
+                    } elseif ($passwordIsConfirmed) {
+                        $this->passwordIsUpdated = self::PASSWORD_POLICY_FAILED;
+                    } else {
+                        $this->passwordIsUpdated = self::PASSWORD_NOT_THE_SAME;
+                    }
+                }
+
+                $this->setAvatarFileUid($beUserId, $be_user_data['avatar'] ?? null, $storeRec);
+
+                $doSaveData = true;
+            }
+            // Explicitly unset disallowed field names
+            foreach (self::DISALLOWED_FIELD_NAMES as $disallowedFieldName) {
+                unset($backendUser->uc[$disallowedFieldName]);
+            }
+            // Inserts the overriding values.
+            $backendUser->overrideUC();
+            $save_after = md5(serialize($backendUser->uc));
+            // If something in the uc-array of the user has changed, we save the array...
+            if ($save_before != $save_after) {
+                $backendUser->writeUC();
+                $backendUser->writelog(SystemLogType::SETTING, SystemLogSettingAction::CHANGE, SystemLogErrorClassification::MESSAGE, null, 'Personal settings changed', []);
+                $this->setupIsUpdated = true;
+            }
+            // Persist data if something has changed:
+            if (!empty($storeRec) && $doSaveData) {
+                // Set user to admin to circumvent DataHandler restrictions.
+                // Not using isAdmin() to fetch the original value, just in case it has been boolean casted.
+                $savedUserAdminState = $backendUser->user['admin'];
+                $backendUser->user['admin'] = true;
+                // Make dedicated instance of TCE for storing the changes.
+                $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
+                $dataHandler->start($storeRec, [], $backendUser);
+                $dataHandler->process_datamap();
+                $dataHandler->printLogErrorMessages();
+                // reset the user record admin flag to previous value, just in case it gets used any further.
+                $backendUser->user['admin'] = $savedUserAdminState;
+                if ($this->passwordIsUpdated === self::PASSWORD_NOT_UPDATED || count($storeRec['be_users'][$beUserId]) > 1) {
+                    $this->setupIsUpdated = true;
+                }
+                BackendUtility::setUpdateSignal('updateTopbar');
+            }
+        }
+    }
+
+    /**
+     * Returns access check (currently only "admin" is supported)
+     *
+     * @param array $config Configuration of the field, access mode is defined in key 'access'
+     * @return bool Whether it is allowed to modify the given field
+     */
+    protected function checkAccess(array $config)
+    {
+        $access = $config['access'];
+        if (isset($GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['setup']['accessLevelCheck'][$access])) {
+            if (class_exists($access)) {
+                $accessObject = GeneralUtility::makeInstance($access);
+                if (method_exists($accessObject, 'accessLevelCheck')) {
+                    // Initialize vars. If method fails, $set will be set to FALSE
+                    return $accessObject->accessLevelCheck($config);
+                }
+            }
+        } elseif ($access === 'admin') {
+            return $this->getBackendUser()->isAdmin();
+        }
+
+        return false;
+    }
+
+    /**
+     * Returns array with fields defined in TCA user settings showitem.
+     * Remove fields which are disabled by user TSconfig
+     *
+     * @return list<string> Array with field names visible in form
+     */
+    protected function getFieldsFromShowItem(): array
+    {
+        // just keep field names, filter out control sequences
+        $tcaFieldNames = array_keys($this->userSettingsSchema->getColumns());
+        $allowedFields = GeneralUtility::trimExplode(',', $this->userSettingsSchema->getRawShowitem(), true);
+        $allowedFields = array_map($this->extractShowitemFieldName(...), $allowedFields);
+        $allowedFields = array_filter($allowedFields, static fn(string $field): bool => in_array($field, $tcaFieldNames, true));
+        $backendUser = $this->getBackendUser();
+        if ($backendUser->getOriginalUserIdWhenInSwitchUserMode() && $backendUser->isSystemMaintainer(true)) {
+            // DataHandler denies changing the password of system maintainer users in switch user mode.
+            // Do not show the password fields is this case.
+            $key = array_search('password', $allowedFields);
+            if ($key !== false) {
+                unset($allowedFields[$key]);
+            }
+            $key = array_search('password2', $allowedFields);
+            if ($key !== false) {
+                unset($allowedFields[$key]);
+            }
+        }
+
+        foreach ($this->tsFieldConf as $fieldName => $userTsFieldConfig) {
+            if (!empty($userTsFieldConfig['disabled'])) {
+                $fieldName = rtrim($fieldName, '.');
+                $key = array_search($fieldName, $allowedFields);
+                if ($key !== false) {
+                    unset($allowedFields[$key]);
+                }
+            }
+        }
+        return $allowedFields;
+    }
+
+    /**
+     * Extracts `field_name` from a showitem field `field_name;field_label`.
+     */
+    protected function extractShowitemFieldName(string $fieldName): string
+    {
+        $offset = strpos($fieldName, ';');
+        return $offset !== false ? substr($fieldName, 0, $offset) : $fieldName;
+    }
+
+    /**
+     * Get Avatar fileUid
+     */
+    protected function getAvatarFileUid(int $beUserId): int
+    {
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable('sys_file_reference');
+        $file = $queryBuilder
+            ->select('uid_local')
+            ->from('sys_file_reference')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'tablenames',
+                    $queryBuilder->createNamedParameter('be_users')
+                ),
+                $queryBuilder->expr()->eq(
+                    'fieldname',
+                    $queryBuilder->createNamedParameter('avatar')
+                ),
+                $queryBuilder->expr()->eq(
+                    'uid_foreign',
+                    $queryBuilder->createNamedParameter($beUserId, Connection::PARAM_INT)
+                )
+            )
+            ->executeQuery()
+            ->fetchOne();
+        return (int)$file;
+    }
+
+    /**
+     * Set avatar fileUid for backend user
+     *
+     * @param numeric-string|''|'delete'|null $fileUid either null, a file UID, an empty string, or `delete`
+     */
+    protected function setAvatarFileUid(int $beUserId, ?string $fileUid, array &$storeRec): void
+    {
+        // Update is only needed when new fileUid is set
+        if ((int)$fileUid === $this->getAvatarFileUid($beUserId)) {
+            return;
+        }
+
+        // If user is not allowed to modify avatar $fileUid is empty - so don't overwrite existing avatar
+        if (empty($fileUid)) {
+            return;
+        }
+
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable('sys_file_reference');
+        $queryBuilder->getRestrictions()->removeAll();
+        $queryBuilder
+            ->delete('sys_file_reference')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'tablenames',
+                    $queryBuilder->createNamedParameter('be_users')
+                ),
+                $queryBuilder->expr()->eq(
+                    'fieldname',
+                    $queryBuilder->createNamedParameter('avatar')
+                ),
+                $queryBuilder->expr()->eq(
+                    'uid_foreign',
+                    $queryBuilder->createNamedParameter($beUserId, Connection::PARAM_INT)
+                )
+            )
+            ->executeStatement();
+
+        // If Avatar is marked for delete => set it to empty string so it will be updated properly
+        if ($fileUid === 'delete') {
+            $fileUid = '';
+        }
+
+        // Create new reference
+        if ((int)$fileUid > 0) {
+            // Get file object
+            try {
+                $file = $this->resourceFactory->getFileObject((int)$fileUid);
+            } catch (FileDoesNotExistException $e) {
+                $file = false;
+            }
+
+            // Check if user is allowed to use the image (only when not in simulation mode)
+            if ($file && !$file->getStorage()->checkFileActionPermission('read', $file)) {
+                $file = false;
+            }
+
+            // Check if extension is allowed
+            if ($file && $file->isImage()) {
+                // Create new file reference
+                $storeRec['sys_file_reference']['NEW1234'] = [
+                    'uid_local' => (int)$fileUid,
+                    'uid_foreign' => (int)$beUserId,
+                    'tablenames' => 'be_users',
+                    'fieldname' => 'avatar',
+                    'pid' => 0,
+                ];
+                $storeRec['be_users'][(int)$beUserId]['avatar'] = 'NEW1234';
+            }
+        }
+    }
+
+    /**
+     * Register the reset configuration button to the button bar.
+     */
+    protected function registerResetButtonToButtonBar(ModuleTemplate $view): void
+    {
+        $languageService = $this->getLanguageService();
+        $resetButton = $this->componentFactory->createGenericButton()
+            ->setTag('button')
+            ->setLabel($languageService->translate('reset_configuration_button', 'backend.user_profile'))
+            ->setTitle($languageService->translate('reset_configuration', 'backend.user_profile'))
+            ->setIcon($this->iconFactory->getIcon('actions-undo', IconSize::SMALL))
+            ->setShowLabelText(true)
+            ->setClasses('t3js-modal-trigger')
+            ->setAttributes([
+                'type' => 'button',
+                'data-severity' => 'warning',
+                'data-title' => $languageService->translate('reset_configuration', 'backend.user_profile'),
+                'data-content' => $languageService->translate('set_to_standard_question', 'backend.user_profile'),
+                'data-event' => 'confirm',
+                'data-event-name' => 'setup:confirmation:response',
+                'data-event-payload' => 'resetConfiguration',
+            ]);
+        $view->addButtonToButtonBar($resetButton, ButtonBar::BUTTON_POSITION_RIGHT);
+    }
+
+    /**
+     * Add FlashMessages for various actions
+     */
+    protected function addFlashMessages(ModuleTemplate $view): void
+    {
+        $languageService = $this->getLanguageService();
+        if ($this->setupIsUpdated && !$this->settingsAreResetToDefault) {
+            $view->addFlashMessage($languageService->translate('setup_was_updated', 'backend.user_profile'), $languageService->translate('user_settings', 'backend.user_profile'));
+        }
+        if ($this->settingsAreResetToDefault) {
+            $view->addFlashMessage($languageService->translate('settings_are_reset', 'backend.user_profile'), $languageService->translate('reset_configuration', 'backend.user_profile'));
+        }
+        if ($this->passwordIsSubmitted) {
+            switch ($this->passwordIsUpdated) {
+                case self::PASSWORD_NOT_THE_SAME:
+                    $view->addFlashMessage($languageService->translate('new_password_failed', 'backend.user_profile'), $languageService->translate('new_password', 'backend.user_profile'), ContextualFeedbackSeverity::ERROR);
+                    break;
+                case self::PASSWORD_UPDATED:
+                    $view->addFlashMessage($languageService->translate('new_password_ok', 'backend.user_profile'), $languageService->translate('new_password', 'backend.user_profile'));
+                    break;
+                case self::PASSWORD_POLICY_FAILED:
+                    $view->addFlashMessage($languageService->translate('password_policy_failed', 'backend.user_profile'), $languageService->translate('new_password', 'backend.user_profile'), ContextualFeedbackSeverity::ERROR);
+                    break;
+            }
+        }
+    }
+
+    /**
+     * @param array<string, scalar> $data
+     * @return array<string, scalar>
+     */
+    protected function extractPartitionData(array $data, string $partition): array
+    {
+        $partitionData = [];
+        $prefix = $partition . '__';
+        $length = strlen($prefix);
+        foreach ($data as $key => $value) {
+            if (!str_starts_with($key, $prefix)) {
+                continue;
+            }
+            $normalizedKey = substr($key, $length);
+            $partitionData[$normalizedKey] = $value;
+        }
+        return $partitionData;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/SimpleDataHandlerController.php b/Classes/Controller/SimpleDataHandlerController.php
new file mode 100644
index 0000000..84d5e72
--- /dev/null
+++ b/Classes/Controller/SimpleDataHandlerController.php
@@ -0,0 +1,290 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Clipboard\Clipboard;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Script Class, creating object of \TYPO3\CMS\Core\DataHandling\DataHandler and
+ * sending the posted data to the object.
+ *
+ * Used by many smaller forms/links in TYPO3, including the QuickEdit module.
+ * Is not used by FormEngine though (main form rendering script) - that uses the same class (DataHandler) but makes its own initialization (to save the redirect request).
+ * For all other cases than FormEngine it is recommended to use this script for submitting your editing forms - but the best solution in any case would probably be to link your application to FormEngine, that will give you easy form-rendering as well.
+ */
+#[AsController]
+class SimpleDataHandlerController
+{
+    /**
+     * Array. Accepts options to be set in TCE object. Currently it supports "reverseOrder" (bool).
+     *
+     * @var array
+     */
+    protected $flags;
+
+    /**
+     * Data array on the form [tablename][uid][fieldname] = value
+     *
+     * @var array
+     */
+    protected $data;
+
+    /**
+     * Command array on the form [tablename][uid][command] = value.
+     * This array may get additional data set internally based on clipboard commands send in CB var!
+     *
+     * @var array
+     */
+    protected $cmd;
+
+    /**
+     * Array passed to ->setMirror.
+     *
+     * @var array
+     */
+    protected $mirror;
+
+    /**
+     * Cache command sent to ->clear_cacheCmd
+     *
+     * @var string
+     */
+    protected $cacheCmd;
+
+    /**
+     * Redirect URL. Script will redirect to this location after performing operations (unless errors has occurred)
+     *
+     * @var string
+     */
+    protected $redirect;
+
+    /**
+     * Clipboard command array. May trigger changes in "cmd"
+     *
+     * @var array
+     */
+    protected $CB;
+
+    /**
+     * TYPO3 Core Engine
+     *
+     * @var \TYPO3\CMS\Core\DataHandling\DataHandler
+     */
+    protected $tce;
+
+    public function __construct(
+        protected readonly FlashMessageService $flashMessageService,
+    ) {}
+
+    /**
+     * Injects the request object for the current request or subrequest
+     * As this controller goes only through the processRequest() method, it just redirects to the given URL afterwards.
+     *
+     * @param ServerRequestInterface $request the current request
+     * @return ResponseInterface the response with the content
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->init($request);
+
+        $this->initializeClipboard($request);
+        $this->processRequest();
+
+        // Write errors to flash message queue
+        $this->tce->printLogErrorMessages();
+        if ($this->redirect) {
+            return new RedirectResponse(GeneralUtility::locationHeaderUrl($this->redirect, $request), 303);
+        }
+        return new HtmlResponse('');
+    }
+
+    /**
+     * Processes all AJAX calls and returns a JSON formatted string
+     */
+    public function processAjaxRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->init($request);
+
+        // do the regular / main logic
+        $this->initializeClipboard($request);
+        $this->processRequest();
+
+        $content = [
+            'redirect' => $this->redirect,
+            'messages' => [],
+            'hasErrors' => false,
+        ];
+
+        // Prints errors (= write them to the message queue)
+        $this->tce->printLogErrorMessages();
+
+        $messages = $this->flashMessageService->getMessageQueueByIdentifier()->getAllMessagesAndFlush();
+        if (!empty($messages)) {
+            foreach ($messages as $message) {
+                $content['messages'][] = [
+                    'title'    => $message->getTitle(),
+                    'message'  => $message->getMessage(),
+                    'severity' => $message->getSeverity(),
+                ];
+                if ($message->getSeverity() === ContextualFeedbackSeverity::ERROR) {
+                    $content['hasErrors'] = true;
+                }
+            }
+        }
+        return new JsonResponse($content);
+    }
+
+    /**
+     * Initialization of the class
+     */
+    protected function init(ServerRequestInterface $request): void
+    {
+        $parsedBody = $request->getParsedBody();
+        $queryParams = $request->getQueryParams();
+
+        // GPvars:
+        $this->flags = (array)($parsedBody['flags'] ?? $queryParams['flags'] ?? []);
+        $this->data = (array)($parsedBody['data'] ?? $queryParams['data'] ?? []);
+        $this->cmd = (array)($parsedBody['cmd'] ?? $queryParams['cmd'] ?? []);
+        $this->mirror = (array)($parsedBody['mirror'] ?? $queryParams['mirror'] ?? []);
+        $this->cacheCmd = (string)($parsedBody['cacheCmd'] ?? $queryParams['cacheCmd'] ?? '');
+        $this->CB = (array)($parsedBody['CB'] ?? $queryParams['CB'] ?? []);
+        $this->redirect = GeneralUtility::sanitizeLocalUrl((string)($parsedBody['redirect'] ?? $queryParams['redirect'] ?? ''), $request);
+        // Creating DataHandler object
+        $this->tce = GeneralUtility::makeInstance(DataHandler::class);
+        // Reverse order.
+        if ($this->flags['reverseOrder'] ?? false) {
+            $this->tce->reverseOrder = true;
+        }
+    }
+
+    /**
+     * Clipboard pasting and deleting.
+     */
+    protected function initializeClipboard(ServerRequestInterface $request): void
+    {
+        if ($this->CB !== []) {
+            $clipObj = GeneralUtility::makeInstance(Clipboard::class);
+            $clipObj->initializeClipboard($request);
+            if ($this->CB['paste'] ?? false) {
+                $clipObj->setCurrentPad((string)($this->CB['pad'] ?? ''));
+                $this->setPasteCmd($clipObj);
+            }
+            if ($this->CB['delete'] ?? false) {
+                $clipObj->setCurrentPad((string)($this->CB['pad'] ?? ''));
+                $this->setDeleteCmd($clipObj);
+            }
+        }
+    }
+
+    /**
+     * Executing the posted actions ...
+     */
+    protected function processRequest(): void
+    {
+        // LOAD DataHandler with data and cmd arrays:
+        $this->tce->start($this->data, $this->cmd);
+        if ($this->mirror !== []) {
+            $this->tce->setMirror($this->mirror);
+        }
+        // Execute actions:
+        $this->tce->process_datamap();
+        $this->tce->process_cmdmap();
+        // Clearing cache:
+        if (!empty($this->cacheCmd)) {
+            $this->tce->clear_cacheCmd($this->cacheCmd);
+        }
+        // Update page tree?
+        if (isset($this->data['pages']) || isset($this->cmd['pages'])) {
+            BackendUtility::setUpdateSignal('updatePageTree');
+        }
+    }
+
+    /**
+     * Applies the proper paste configuration to $this->cmd
+     *
+     * The reference ($this->CB['paste']) has following format: [tablename]:[paste-uid].
+     * Tablename is the name of the table from which elements *on the current clipboard* is pasted with the 'pid' paste-uid.
+     * No tablename means that all items on the clipboard (non-files) are pasted. This requires paste-uid to be positive though.
+     * so 'tt_content:-3'	means 'paste tt_content elements on the clipboard to AFTER tt_content:3 record
+     * 'tt_content:30'	means 'paste tt_content elements on the clipboard into page with id 30
+     * ':30'	means 'paste ALL database elements on the clipboard into page with id 30
+     * ':-30'	not valid.
+     */
+    protected function setPasteCmd(Clipboard $clipboard): void
+    {
+        [$pasteTable, $pasteUid] = explode('|', (string)$this->CB['paste']);
+        $pasteUid = (int)$pasteUid;
+        // pUid must be set and if pTable is not set (that means paste ALL elements)
+        // the uid MUST be positive/zero (pointing to page id)
+        if (!$pasteTable && $pasteUid < 0) {
+            return;
+        }
+        $elements = $clipboard->elFromTable($pasteTable);
+        // So the order is preserved.
+        $elements = array_reverse($elements);
+        $mode = $clipboard->currentMode() === 'copy' ? 'copy' : 'move';
+        // Traverse elements and make CMD array
+        foreach ($elements as $key => $value) {
+            [$table, $uid] = explode('|', $key);
+            if (!is_array($this->cmd[$table] ?? null)) {
+                $this->cmd[$table] = [];
+            }
+            if (is_array($this->CB['update'] ?? false)) {
+                $this->cmd[$table][$uid][$mode] = [
+                    'action' => 'paste',
+                    'target' => $pasteUid,
+                    'update' => $this->CB['update'],
+                ];
+            } else {
+                $this->cmd[$table][$uid][$mode] = $pasteUid;
+            }
+            if ($mode === 'move') {
+                $clipboard->removeElement($key);
+            }
+        }
+        $clipboard->endClipboard();
+    }
+
+    /**
+     * Applies the proper delete configuration to $this->cmd
+     */
+    protected function setDeleteCmd(Clipboard $clipboard): void
+    {
+        foreach ($clipboard->elFromTable() as $key => $value) {
+            [$table, $uid] = explode('|', $key);
+            if (!is_array($this->cmd[$table])) {
+                $this->cmd[$table] = [];
+            }
+            $this->cmd[$table][$uid]['delete'] = 1;
+            $clipboard->removeElement($key);
+        }
+        $clipboard->endClipboard();
+    }
+}
diff --git a/Classes/Controller/SiteConfigurationController.php b/Classes/Controller/SiteConfigurationController.php
new file mode 100644
index 0000000..fa4fbd7
--- /dev/null
+++ b/Classes/Controller/SiteConfigurationController.php
@@ -0,0 +1,1087 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Configuration\SiteTcaConfiguration;
+use TYPO3\CMS\Backend\Dto\Settings\EditableSetting;
+use TYPO3\CMS\Backend\Exception\SiteValidationErrorException;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\SiteConfigurationDataGroup;
+use TYPO3\CMS\Backend\Form\FormResultFactory;
+use TYPO3\CMS\Backend\Form\FormResultHandler;
+use TYPO3\CMS\Backend\Form\NodeFactory;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ButtonBar;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\Enum\ModuleLayout;
+use TYPO3\CMS\Backend\Template\ModuleTemplate;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\SetupModuleViewMode;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Configuration\Exception\SiteConfigurationWriteException;
+use TYPO3\CMS\Core\Configuration\Processor\Placeholder\EnvPlaceholderProcessor;
+use TYPO3\CMS\Core\Configuration\SiteConfiguration;
+use TYPO3\CMS\Core\Configuration\SiteWriter;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Domain\Repository\PageRepository;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Schema\TcaSchemaBuilder;
+use TYPO3\CMS\Core\Settings\Category;
+use TYPO3\CMS\Core\Settings\SettingDefinition;
+use TYPO3\CMS\Core\Settings\SettingsTypeRegistry;
+use TYPO3\CMS\Core\Site\Entity\Site;
+use TYPO3\CMS\Core\Site\Set\CategoryRegistry;
+use TYPO3\CMS\Core\Site\Set\SetRegistry;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Site\SiteSettingsService;
+use TYPO3\CMS\Core\SysLog\Action\Site as SiteAction;
+use TYPO3\CMS\Core\SysLog\Error as SystemLogErrorClassification;
+use TYPO3\CMS\Core\SysLog\Type;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Setup module main controller implementing the two main views 'overview' with 'list'
+ * and 'tiles', a details view, the edit view and save action.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class SiteConfigurationController
+{
+    public function __construct(
+        protected ComponentFactory $componentFactory,
+        protected SiteFinder $siteFinder,
+        protected IconFactory $iconFactory,
+        protected UriBuilder $uriBuilder,
+        protected ModuleTemplateFactory $moduleTemplateFactory,
+        private FormDataCompiler $formDataCompiler,
+        private FormResultFactory $formResultFactory,
+        private FormResultHandler $formResultHandler,
+        private SiteConfiguration $siteConfiguration,
+        private SiteWriter $siteWriter,
+        private NodeFactory $nodeFactory,
+        private SetRegistry $setRegistry,
+        private CategoryRegistry $categoryRegistry,
+        private SettingsTypeRegistry $settingsTypeRegistry,
+        private SiteSettingsService $siteSettingsService,
+        private FlashMessageService $flashMessageService,
+        private ConnectionPool $connectionPool,
+        private TcaSchemaBuilder $tcaSchemaBuilder,
+        private EnvPlaceholderProcessor $envPlaceholderProcessor,
+        private SiteTcaConfiguration $siteTcaConfiguration,
+    ) {}
+
+    /**
+     * List pages that have 'is_siteroot' flag set - those that have the globe icon in page tree.
+     * Link to Add / Edit / Delete for each.
+     */
+    public function overviewAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $moduleData = $request->getAttribute('moduleData');
+        $viewMode = SetupModuleViewMode::tryFrom($moduleData->get('viewMode') ?? '') ?? SetupModuleViewMode::TILES;
+        $moduleData->set('viewMode', $viewMode->value);
+
+        // forcing uncached sites will re-initialize `SiteFinder`
+        // which is used later by FormEngine (implicit behavior)
+        $allSites = $this->siteFinder->getAllSites(false);
+        $pages = $this->getAllSitePages();
+        $unassignedSites = [];
+        $duplicatedRootPages = [];
+        foreach ($allSites as $identifier => $site) {
+            $rootPageId = $site->getRootPageId();
+            if (isset($pages[$rootPageId]['siteConfiguration'])) {
+                // rootPage is already used in a site configuration
+                $duplicatedRootPages[$rootPageId][] = $pages[$rootPageId]['siteConfiguration']->getIdentifier();
+                $duplicatedRootPages[$rootPageId][] = $site->getIdentifier();
+                $duplicatedRootPages[$rootPageId] = array_unique($duplicatedRootPages[$rootPageId]);
+            }
+            if (isset($pages[$rootPageId])) {
+                $pages[$rootPageId]['siteIdentifier'] = $identifier;
+                $pages[$rootPageId]['siteConfiguration'] = $site;
+            } else {
+                $unassignedSites[] = $site;
+            }
+        }
+
+        $rootPagesWithSiteConfiguration = [];
+        $rootPagesWithoutSiteConfiguration = [];
+        foreach ($pages as $page) {
+            if (!isset($page['siteConfiguration'])) {
+                $rootPagesWithoutSiteConfiguration[] = $page;
+            } else {
+                $rootPagesWithSiteConfiguration[] = $page;
+            }
+        }
+
+        $view = $this->moduleTemplateFactory->create($request);
+        $view->getDocHeaderComponent()->setShortcutContext(
+            'site_configuration',
+            $this->getLanguageService()->translate('short_description', 'backend.modules.site_configuration')
+        );
+        $this->addDocHeaderViewModeButton($view, $viewMode);
+        $view->setTitle($this->getLanguageService()->translate('title', 'backend.modules.site_configuration'));
+        $view->setLayout(ModuleLayout::NORMAL);
+        $view->assignMultiple([
+            'pages' => $pages,
+            'viewMode' => $viewMode,
+            'unassignedSites' => $unassignedSites,
+            'duplicatedRootPages' => $duplicatedRootPages,
+            'duplicatedEntryPoints' => $this->getDuplicatedEntryPoints($allSites, $pages),
+            'invalidSets' => $this->setRegistry->getInvalidSets(),
+            'rootPagesWithSiteConfiguration' => $rootPagesWithSiteConfiguration,
+            'rootPagesWithoutSiteConfiguration' => $rootPagesWithoutSiteConfiguration,
+        ]);
+
+        return $view->renderResponse('SiteConfiguration/Overview');
+    }
+
+    /**
+     * This lists all information about a site:
+     * - URLs
+     * - Languages + Translation Strategy
+     */
+    public function detailAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $siteIdentifier = $request->getQueryParams()['site'] ?? null;
+        if (empty($siteIdentifier)) {
+            throw new \RuntimeException('Site identifier to show details must be set', 1763919655);
+        }
+        $site = $this->siteFinder->getSiteByIdentifier($siteIdentifier);
+        $pageRecord = BackendUtility::getRecord('pages', $site->getRootPageId()) ?? [];
+
+        $settings = $this->siteSettingsService->getUncachedSettings($site);
+        $setSettings = $this->siteSettingsService->getSetSettings($site);
+
+        $categoryEnhancer = function (Category $category) use (&$categoryEnhancer, $settings, $setSettings): Category {
+            return new Category(...[
+                ...get_object_vars($category),
+                'label' => $this->getLanguageService()->sL($category->label),
+                'description' => $category->description !== null ? $this->getLanguageService()->sL($category->description) : $category->description,
+                'categories' => array_map($categoryEnhancer, $category->categories),
+                'settings' => array_map(
+                    fn(SettingDefinition $definition): EditableSetting => new EditableSetting(
+                        definition: $this->resolveSettingLabels($definition),
+                        value: $settings->get($definition->key),
+                        systemDefault: $setSettings->get($definition->key),
+                        typeImplementation: $this->settingsTypeRegistry->get($definition->type)->getJavaScriptModule(),
+                    ),
+                    $category->settings
+                ),
+            ]);
+        };
+
+        $categories = array_map($categoryEnhancer, $this->categoryRegistry->getCategories(...$site->getSets()));
+
+        $view = $this->moduleTemplateFactory->create($request);
+        $this->configureDetailViewDocHeader($view, $siteIdentifier, $request);
+        $view->getDocHeaderComponent()->setPageBreadcrumb($pageRecord);
+        $view->setTitle(
+            $this->getLanguageService()->translate('title', 'backend.modules.site_settings')
+        );
+        $view->setLayout(ModuleLayout::NORMAL);
+        $view->assignMultiple([
+            'site' => $site,
+            'page' => $pageRecord,
+            'categories' => $categories,
+            'localSettings' => $this->siteSettingsService->getLocalSettings($site),
+        ]);
+        // @todo: Find CSP information (if active etc)
+        return $view->renderResponse('SiteConfiguration/Detail');
+    }
+
+    /**
+     * Shows a form to create a new site configuration, or edit an existing one.
+     *
+     * @throws \RuntimeException
+     */
+    public function editAction(ServerRequestInterface $request): ResponseInterface
+    {
+        // forcing uncached sites will re-initialize `SiteFinder`
+        // which is used later by FormEngine (implicit behavior)
+        $allSites = $this->siteFinder->getAllSites(false);
+
+        $fullTca = array_merge($GLOBALS['TCA'], $this->siteTcaConfiguration->getTca());
+        $pageUid = (int)($request->getQueryParams()['pageUid'] ?? 0);
+        $siteIdentifier = $request->getQueryParams()['site'] ?? null;
+
+        if (empty($siteIdentifier) && empty($pageUid)) {
+            throw new \RuntimeException('Either site identifier to edit a config or page uid to add new config must be set', 1521561148);
+        }
+        $isNewConfig = empty($siteIdentifier);
+
+        $defaultValues = [];
+        if ($isNewConfig) {
+            $defaultValues['site']['rootPageId'] = $pageUid;
+            $pageRecord = BackendUtility::getRecord('pages', $pageUid) ?? [];
+        } else {
+            $site = $this->siteFinder->getSiteByIdentifier($siteIdentifier);
+            $pageRecord = BackendUtility::getRecord('pages', $site->getRootPageId()) ?? [];
+        }
+
+        if (!$isNewConfig && !isset($allSites[$siteIdentifier])) {
+            throw new \RuntimeException('Existing config for site ' . $siteIdentifier . ' not found', 1521561226);
+        }
+
+        $returnUrl = $this->resolveReturnUrl($request);
+
+        $formDataCompilerInput = [
+            'request' => $request,
+            'tableName' => 'site',
+            'vanillaUid' => $isNewConfig ? $pageUid : $allSites[$siteIdentifier]->getRootPageId(),
+            'command' => $isNewConfig ? 'new' : 'edit',
+            'returnUrl' => $returnUrl,
+            'customData' => [
+                'siteIdentifier' => $isNewConfig ? '' : $siteIdentifier,
+            ],
+            'defaultValues' => $defaultValues,
+            'tcaSchemata' => $this->tcaSchemaBuilder->buildFromStructure($fullTca),
+            'fullTca' => $fullTca,
+        ];
+        $formData = $this->formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(SiteConfigurationDataGroup::class));
+        $formData['renderType'] = 'formWrapContainer';
+        $formResult = $this->nodeFactory->create($formData)->render();
+        $languageService = $this->getLanguageService();
+        $documentTitle = $this->resolveDocumentTitle($languageService, $isNewConfig, $siteIdentifier);
+        $formResult['html'] = '<h1>' . htmlspecialchars($documentTitle) . '</h1>' . $formResult['html'];
+        $formResult = $this->formResultFactory->create($formResult);
+        $this->formResultHandler->addAssets($formResult);
+
+        $view = $this->moduleTemplateFactory->create($request);
+        $view->assignMultiple([
+            // Always add rootPageId as additional field to have a reference for new records
+            'rootPageId' => $isNewConfig ? $pageUid : $allSites[$siteIdentifier]->getRootPageId(),
+            'returnUrl' => $returnUrl,
+            'formEngineHtml' => $formResult->html,
+        ]);
+        $this->configureEditViewDocHeader($view, $siteIdentifier, $documentTitle);
+        $view->getDocHeaderComponent()->setPageBreadcrumb($pageRecord);
+        $view->setTitle($documentTitle);
+        $view->setLayout(ModuleLayout::NORMAL);
+        return $view->renderResponse('SiteConfiguration/Edit');
+    }
+
+    /**
+     * Save incoming data from editAction and redirect to overview or edit
+     *
+     * @throws \RuntimeException
+     */
+    public function saveAction(ServerRequestInterface $request): ResponseInterface
+    {
+        // loading uncached site configurations without settings.yaml
+        /** @var array<int, Site> $mappingRootPageToSite */
+        $mappingRootPageToSite = [];
+        $allSites = $this->siteConfiguration->resolveAllExistingSitesRaw();
+        foreach ($allSites as $site) {
+            $mappingRootPageToSite[$site->getRootPageId()] = $site;
+        }
+
+        $parsedBody = $request->getParsedBody();
+        $returnUrl = $this->resolveReturnUrl($request);
+
+        if (isset($parsedBody['closeDoc']) && (int)$parsedBody['closeDoc'] === 1) {
+            // Closing means no save, just redirect to overview
+            return new RedirectResponse($returnUrl);
+        }
+        $isSave = $parsedBody['_savedok'] ?? false;
+        $isSaveClose = $parsedBody['_saveandclosedok'] ?? false;
+        if (!$isSave && !$isSaveClose) {
+            throw new \RuntimeException('Either save or save and close', 1520370364);
+        }
+
+        if (!isset($parsedBody['data']['site']) || !is_array($parsedBody['data']['site'])) {
+            throw new \RuntimeException('No site data or site identifier given', 1521030950);
+        }
+
+        $data = $parsedBody['data'];
+        // This can be NEW123 for new records
+        $unprocessedPageId = key($data['site']);
+        $isRootPageIdPlaceholder = $this->envPlaceholderProcessor->canProcess((string)$unprocessedPageId);
+        $pageId = $isRootPageIdPlaceholder
+            ? (int)$this->envPlaceholderProcessor->process($unprocessedPageId)
+            : (int)$unprocessedPageId;
+
+        $sysSiteRow = current($data['site']);
+        $siteIdentifier = $sysSiteRow['identifier'] ?? '';
+
+        $isNewConfiguration = false;
+        $currentIdentifier = '';
+        if (isset($mappingRootPageToSite[$pageId])) {
+            $currentSite = $mappingRootPageToSite[$pageId];
+            $currentSiteConfiguration = $currentSite->getConfiguration();
+            $currentIdentifier = $currentSite->getIdentifier();
+        } else {
+            $currentSiteConfiguration = [];
+            $isNewConfiguration = true;
+            $pageId = (int)$parsedBody['rootPageId'];
+            if ($pageId <= 0) {
+                // Early validation of rootPageId - it must always be given and greater than 0
+                throw new \RuntimeException('No root page id found', 1521719709);
+            }
+        }
+
+        $siteTca = $this->siteTcaConfiguration->getTca();
+        // Validate site identifier and do not store or further process it
+        $siteIdentifier = $this->validateAndProcessIdentifier($isNewConfiguration, $siteIdentifier, $pageId, $allSites, $mappingRootPageToSite, $siteTca);
+        unset($sysSiteRow['identifier']);
+
+        try {
+            $newSysSiteData = [];
+            // Hard set rootPageId: This is TCA readOnly and not transmitted by FormEngine, but is also the "uid" of the site record
+            $newSysSiteData['rootPageId'] = $isRootPageIdPlaceholder ? $unprocessedPageId : $pageId;
+            foreach ($sysSiteRow as $fieldName => $fieldValue) {
+                $type = $siteTca['site']['columns'][$fieldName]['config']['type'];
+                $renderType = $siteTca['site']['columns'][$fieldName]['config']['renderType'] ?? '';
+                switch ($type) {
+                    case 'input':
+                    case 'number':
+                    case 'email':
+                    case 'link':
+                    case 'datetime':
+                    case 'color':
+                    case 'text':
+                        $fieldValue = $this->validateAndProcessValue('site', $fieldName, $fieldValue, $siteTca);
+                        $newSysSiteData[$fieldName] = $fieldValue;
+                        break;
+
+                    case 'inline':
+                        $newSysSiteData[$fieldName] = [];
+                        $childRowIds = GeneralUtility::trimExplode(',', $fieldValue, true);
+                        if (!isset($siteTca['site']['columns'][$fieldName]['config']['foreign_table'])) {
+                            throw new \RuntimeException('No foreign_table found for inline type', 1521555037);
+                        }
+                        $foreignTable = $siteTca['site']['columns'][$fieldName]['config']['foreign_table'];
+                        foreach ($childRowIds as $childRowId) {
+                            $childRowData = [];
+                            if (!isset($data[$foreignTable][$childRowId])) {
+                                if (!empty($currentSiteConfiguration[$fieldName][$childRowId])) {
+                                    // A collapsed inline record: Fetch data from existing config
+                                    $newSysSiteData[$fieldName][] = $currentSiteConfiguration[$fieldName][$childRowId];
+                                    continue;
+                                }
+                                throw new \RuntimeException('No data found for table ' . $foreignTable . ' with id ' . $childRowId, 1521555177);
+                            }
+                            $childRow = $data[$foreignTable][$childRowId];
+                            foreach ($childRow as $childFieldName => $childFieldValue) {
+                                if ($childFieldName === 'pid') {
+                                    // pid is added by inline by default, but not relevant for yml storage
+                                    continue;
+                                }
+                                $type = $siteTca[$foreignTable]['columns'][$childFieldName]['config']['type'];
+                                switch ($type) {
+                                    case 'input':
+                                    case 'number':
+                                    case 'email':
+                                    case 'link':
+                                    case 'datetime':
+                                    case 'color':
+                                    case 'select':
+                                    case 'text':
+                                        $childRowData[$childFieldName] = $childFieldValue;
+                                        break;
+                                    case 'check':
+                                        $childRowData[$childFieldName] = (bool)$childFieldValue;
+                                        break;
+                                    default:
+                                        throw new \RuntimeException('TCA type ' . $type . ' not implemented in site handling', 1521555340);
+                                }
+                            }
+                            $newSysSiteData[$fieldName][] = $childRowData;
+                        }
+                        break;
+
+                    case 'siteLanguage':
+                        if (!isset($siteTca['site_language'])) {
+                            throw new \RuntimeException('Required foreign table site_language does not exist', 1624286811);
+                        }
+                        if (!isset($siteTca['site_language']['columns']['languageId'])
+                            || ($siteTca['site_language']['columns']['languageId']['config']['type'] ?? '') !== 'select'
+                        ) {
+                            throw new \RuntimeException(
+                                'Required foreign field languageId does not exist or is not of type select',
+                                1624286812
+                            );
+                        }
+                        $newSysSiteData[$fieldName] = [];
+                        $lastLanguageId = $this->getLastLanguageId();
+                        foreach (GeneralUtility::trimExplode(',', $fieldValue, true) as $childRowId) {
+                            if (!isset($data['site_language'][$childRowId])) {
+                                if (!empty($currentSiteConfiguration[$fieldName][$childRowId])) {
+                                    $newSysSiteData[$fieldName][] = $currentSiteConfiguration[$fieldName][$childRowId];
+                                    continue;
+                                }
+                                throw new \RuntimeException('No data found for table site_language with id ' . $childRowId, 1624286813);
+                            }
+                            $childRowData = [];
+                            foreach ($data['site_language'][$childRowId] ?? [] as $childFieldName => $childFieldValue) {
+                                if ($childFieldName === 'pid') {
+                                    // pid is added by default, but not relevant for yml storage
+                                    continue;
+                                }
+                                if ($childFieldName === 'languageId'
+                                    && (int)$childFieldValue === PHP_INT_MAX
+                                    && str_starts_with($childRowId, 'NEW')
+                                ) {
+                                    // In case we deal with a new site language, whose "languageID" field is
+                                    // set to the PHP_INT_MAX placeholder, the next available language ID has
+                                    // to be used (auto-increment).
+                                    $childRowData[$childFieldName] = ++$lastLanguageId;
+                                    continue;
+                                }
+                                $type = $siteTca['site_language']['columns'][$childFieldName]['config']['type'];
+                                switch ($type) {
+                                    case 'input':
+                                    case 'number':
+                                    case 'email':
+                                    case 'link':
+                                    case 'datetime':
+                                    case 'color':
+                                    case 'select':
+                                    case 'text':
+                                        $childRowData[$childFieldName] = $childFieldValue;
+                                        break;
+                                    case 'check':
+                                        $childRowData[$childFieldName] = (bool)$childFieldValue;
+                                        break;
+                                    default:
+                                        throw new \RuntimeException('TCA type ' . $type . ' not implemented in site handling', 1624286814);
+                                }
+                            }
+                            $newSysSiteData[$fieldName][] = $childRowData;
+                        }
+                        break;
+
+                    case 'select':
+                        if ($renderType === 'selectMultipleSideBySide') {
+                            $fieldValues = is_array($fieldValue) ? $fieldValue : GeneralUtility::trimExplode(',', $fieldValue, true);
+                            $newSysSiteData[$fieldName] = $fieldValues;
+                        } else {
+                            if (MathUtility::canBeInterpretedAsInteger($fieldValue)) {
+                                $fieldValue = (int)$fieldValue;
+                            } elseif (is_array($fieldValue)) {
+                                $fieldValue = implode(',', $fieldValue);
+                            }
+                            $newSysSiteData[$fieldName] = $fieldValue;
+                        }
+
+                        break;
+
+                    case 'check':
+                        $newSysSiteData[$fieldName] = (bool)$fieldValue;
+                        break;
+
+                    default:
+                        throw new \RuntimeException('TCA type "' . $type . '" is not implemented in site handling', 1521032781);
+                }
+            }
+
+            $newSiteConfiguration = $this->validateFullStructure(
+                $this->getMergeSiteData($currentSiteConfiguration, $newSysSiteData),
+                $isNewConfiguration
+            );
+
+            // Persist the configuration
+            try {
+                if (!$isNewConfiguration && $currentIdentifier !== $siteIdentifier) {
+                    $this->siteWriter->rename($currentIdentifier, $siteIdentifier);
+                    $this->getBackendUser()->writelog(Type::SITE, SiteAction::RENAME, SystemLogErrorClassification::MESSAGE, null, 'Site configuration \'%s\' was renamed to \'%s\'.', [$currentIdentifier, $siteIdentifier], 'site');
+                }
+                $this->siteWriter->write($siteIdentifier, $newSiteConfiguration, true);
+                if ($isNewConfiguration) {
+                    $this->getBackendUser()->writelog(Type::SITE, SiteAction::CREATE, SystemLogErrorClassification::MESSAGE, null, 'Site configuration \'%s\' was created.', [$siteIdentifier], 'site');
+                } else {
+                    $this->getBackendUser()->writelog(Type::SITE, SiteAction::UPDATE, SystemLogErrorClassification::MESSAGE, null, 'Site configuration \'%s\' was updated.', [$siteIdentifier], 'site');
+                }
+            } catch (SiteConfigurationWriteException $e) {
+                $flashMessage = new FlashMessage($e->getMessage(), '', ContextualFeedbackSeverity::WARNING, true);
+                $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+                $defaultFlashMessageQueue->enqueue($flashMessage);
+            }
+        } catch (SiteValidationErrorException $e) {
+            // Do not store new config if a validation error is thrown, but redirect only to show a generated flash message
+        }
+
+        $saveRoute = $this->uriBuilder->buildUriFromRoute('site_configuration.edit', [
+            'site' => $siteIdentifier,
+            'returnUrl' => $returnUrl,
+        ]);
+        if ($isSaveClose) {
+            return new RedirectResponse($returnUrl);
+        }
+        return new RedirectResponse($saveRoute);
+    }
+
+    /**
+     * Validation and processing of site identifier
+     *
+     * @param bool $isNew If true, we're dealing with a new record
+     * @param string $identifier Given identifier to validate and process
+     * @param int $rootPageId Page uid this identifier is bound to
+     * @param array<non-empty-string, Site> $allSites All sites loaded without `settings.yaml`.
+     * @param array<int, Site> $mappingRootPageToSite Identifier site mapping as lookup. Not loaded `settings.yaml`.
+     * @param array $siteTca TCA for site
+     * @return mixed Verified / modified value
+     */
+    protected function validateAndProcessIdentifier(bool $isNew, string $identifier, int $rootPageId, array $allSites, array $mappingRootPageToSite, array $siteTca)
+    {
+        $languageService = $this->getLanguageService();
+        // Normal "eval" processing of field first
+        $identifier = $this->validateAndProcessValue('site', 'identifier', $identifier, $siteTca);
+        if ($isNew) {
+            // Verify no other site with this identifier exists. If so, find a new unique name as
+            // identifier and show a flash message the identifier has been adapted
+            if (($allSites[$identifier] ?? null) instanceof Site) {
+                // Force this identifier to be unique
+                $originalIdentifier = $identifier;
+                $identifier = StringUtility::getUniqueId($identifier . '-');
+                $message = sprintf(
+                    $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:validation.identifierRenamed.message'),
+                    $originalIdentifier,
+                    $identifier
+                );
+                $messageTitle = $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:validation.identifierRenamed.title');
+                $flashMessage = new FlashMessage($message, $messageTitle, ContextualFeedbackSeverity::WARNING, true);
+                $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+                $defaultFlashMessageQueue->enqueue($flashMessage);
+            }
+        } else {
+            // If this is an existing config, the site for this identifier must have the same rootPageId, otherwise
+            // a user tried to rename a site identifier to a different site that already exists. If so, we do not rename
+            // the site and show a flash message
+            $site = ($allSites[$identifier] ?? null);
+            if ($site instanceof Site
+                && $site->getRootPageId() !== $rootPageId
+                && ($mappingRootPageToSite[$rootPageId] ?? null) instanceof Site
+            ) {
+                // Find original value and keep this
+                $origSite = $mappingRootPageToSite[$rootPageId];
+                $originalIdentifier = $identifier;
+                $identifier = $origSite->getIdentifier();
+                $message = sprintf(
+                    $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:validation.identifierExists.message'),
+                    $originalIdentifier,
+                    $identifier
+                );
+                $messageTitle = $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:validation.identifierExists.title');
+                $flashMessage = new FlashMessage($message, $messageTitle, ContextualFeedbackSeverity::WARNING, true);
+                $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+                $defaultFlashMessageQueue->enqueue($flashMessage);
+            }
+        }
+        return $identifier;
+    }
+
+    /**
+     * Simple validation and processing method for incoming form field values.
+     *
+     * Note this does not support all TCA "eval" options but only what we really need.
+     *
+     * @param string $tableName Table name
+     * @param string $fieldName Field name
+     * @param mixed $fieldValue Incoming value from FormEngine
+     * @param array $siteTca TCA for site
+     * @return mixed Verified / modified value
+     * @throws SiteValidationErrorException
+     * @throws \RuntimeException
+     */
+    protected function validateAndProcessValue(string $tableName, string $fieldName, $fieldValue, array $siteTca)
+    {
+        $languageService = $this->getLanguageService();
+        $fieldConfig = $siteTca[$tableName]['columns'][$fieldName]['config'];
+        $handledEvals = [];
+
+        if (!$this->validateValueForRequired($fieldConfig, $fieldValue)) {
+            // Validation throws - these should be handled client side already,
+            // eg. 'required' being set and receiving empty, shouldn't happen server side
+            $message = sprintf(
+                $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:validation.required.message'),
+                $fieldName
+            );
+            $messageTitle = $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:validation.required.title');
+            $flashMessage = new FlashMessage($message, $messageTitle, ContextualFeedbackSeverity::WARNING, true);
+            $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+            $defaultFlashMessageQueue->enqueue($flashMessage);
+            throw new SiteValidationErrorException(
+                'Field ' . $fieldName . ' is set to required, but received empty.',
+                1521726421
+            );
+        }
+
+        if (!empty($fieldConfig['eval'])) {
+            $evalArray = GeneralUtility::trimExplode(',', $fieldConfig['eval'], true);
+            // Processing
+            if (in_array('alphanum_x', $evalArray, true)) {
+                $handledEvals[] = 'alphanum_x';
+                $fieldValue = preg_replace('/[^a-zA-Z0-9_-]/', '', $fieldValue);
+            }
+            if (in_array('lower', $evalArray, true)) {
+                $handledEvals[] = 'lower';
+                $fieldValue = mb_strtolower($fieldValue, 'utf-8');
+            }
+            if (in_array('trim', $evalArray, true)) {
+                $handledEvals[] = 'trim';
+                $fieldValue = trim($fieldValue);
+            }
+            if (in_array('int', $evalArray, true)) {
+                $handledEvals[] = 'int';
+                $fieldValue = (int)$fieldValue;
+            }
+            if (!empty(array_diff($evalArray, $handledEvals))) {
+                throw new \RuntimeException('At least one not implemented \'eval\' in list ' . $fieldConfig['eval'], 1522491734);
+            }
+        }
+        if (isset($fieldConfig['range']['lower'])) {
+            $fieldValue = (int)$fieldValue < (int)$fieldConfig['range']['lower'] ? (int)$fieldConfig['range']['lower'] : (int)$fieldValue;
+        }
+        if (isset($fieldConfig['range']['upper'])) {
+            $fieldValue = (int)$fieldValue > (int)$fieldConfig['range']['upper'] ? (int)$fieldConfig['range']['upper'] : (int)$fieldValue;
+        }
+        return $fieldValue;
+    }
+
+    /**
+     * Last sanitation method after all data has been gathered. Check integrity
+     * of full record, manipulate if possible, or throw exception if unfixable broken.
+     *
+     * @param array $newSysSiteData Incoming data
+     * @param bool $isNewConfiguration Flag whether site configuration is new
+     * @return array Updated data if needed
+     * @throws \RuntimeException
+     */
+    protected function validateFullStructure(array $newSysSiteData, bool $isNewConfiguration): array
+    {
+        $languageService = $this->getLanguageService();
+        // Verify there are not two error handlers with the same error code
+        if (isset($newSysSiteData['errorHandling']) && is_array($newSysSiteData['errorHandling'])) {
+            $uniqueCriteria = [];
+            $validChildren = [];
+            foreach ($newSysSiteData['errorHandling'] as $child) {
+                if (!isset($child['errorCode'])) {
+                    throw new \RuntimeException('No errorCode found', 1521788518);
+                }
+                if (!in_array((int)$child['errorCode'], $uniqueCriteria, true)) {
+                    $uniqueCriteria[] = (int)$child['errorCode'];
+                    $child['errorCode'] = (int)$child['errorCode'];
+                    $validChildren[] = $child;
+                } else {
+                    $message = sprintf(
+                        $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:validation.duplicateErrorCode.message'),
+                        $child['errorCode']
+                    );
+                    $messageTitle = $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:validation.duplicateErrorCode.title');
+                    $flashMessage = new FlashMessage($message, $messageTitle, ContextualFeedbackSeverity::WARNING, true);
+                    $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+                    $defaultFlashMessageQueue->enqueue($flashMessage);
+                }
+            }
+            $newSysSiteData['errorHandling'] = $validChildren;
+        }
+
+        // Verify there is at least one site_language element configured.
+        if (!isset($newSysSiteData['languages']) || !is_array($newSysSiteData['languages']) || count($newSysSiteData['languages']) < 1) {
+            throw new \RuntimeException(
+                'No default language definition found. The interface does not allow this. Aborting',
+                1521789306
+            );
+        }
+        $uniqueCriteria = [];
+        $validChildren = [];
+        foreach ($newSysSiteData['languages'] as $child) {
+            if (!isset($child['languageId'])) {
+                throw new \RuntimeException('languageId not found', 1521789455);
+            }
+            if (!in_array((int)$child['languageId'], $uniqueCriteria, true)) {
+                $uniqueCriteria[] = (int)$child['languageId'];
+                $child['languageId'] = (int)$child['languageId'];
+                $validChildren[] = $child;
+            } else {
+                $message = sprintf(
+                    $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:validation.duplicateLanguageId.message'),
+                    $child['languageId']
+                );
+                $messageTitle = $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:validation.duplicateLanguageId.title');
+                $flashMessage = new FlashMessage($message, $messageTitle, ContextualFeedbackSeverity::WARNING, true);
+                $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+                $defaultFlashMessageQueue->enqueue($flashMessage);
+            }
+        }
+        // On new site configurations, ensure that the only existing language has the languageId set to 0
+        // @todo: this shouldn't be done here, but rather properly handled in saveAction() where 'siteLanguage' is handled
+        if ($isNewConfiguration && count($validChildren) === 1) {
+            $validChildren[0]['languageId'] = 0;
+        }
+        $newSysSiteData['languages'] = $validChildren;
+
+        // cleanup configuration
+        foreach ($newSysSiteData as $identifier => $value) {
+            if (is_array($value) && empty($value)) {
+                unset($newSysSiteData[$identifier]);
+            }
+        }
+
+        return $newSysSiteData;
+    }
+
+    /**
+     * Delete an existing configuration
+     */
+    public function deleteAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $siteIdentifier = $request->getParsedBody()['site'] ?? '';
+        if (empty($siteIdentifier)) {
+            throw new \RuntimeException('Not site identifier given', 1521565182);
+        }
+        try {
+            // Verify site does exist, method throws if not
+            $this->siteWriter->delete($siteIdentifier);
+            $this->getBackendUser()->writelog(Type::SITE, SiteAction::DELETE, SystemLogErrorClassification::MESSAGE, null, 'Site configuration \'%s\' was deleted.', [$siteIdentifier], 'site');
+        } catch (SiteConfigurationWriteException $e) {
+            $flashMessage = new FlashMessage($e->getMessage(), '', ContextualFeedbackSeverity::WARNING, true);
+            $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+            $defaultFlashMessageQueue->enqueue($flashMessage);
+        }
+        $overviewRoute = $this->uriBuilder->buildUriFromRoute('site_configuration');
+        return new RedirectResponse($overviewRoute);
+    }
+
+    /**
+     * Create document header buttons of "detail" action
+     */
+    protected function configureDetailViewDocHeader(ModuleTemplate $view, ?string $siteIdentifier, ServerRequestInterface $request): void
+    {
+        // Back button
+        if ($returnUrl = $this->resolveReturnUrl($request)) {
+            $view->addButtonToButtonBar($this->componentFactory->createBackButton($returnUrl));
+        }
+
+        if ($siteIdentifier) {
+            // 'Edit site configuration' button
+            $editSiteConfigurationButton = $this->componentFactory->createLinkButton()
+                ->setTitle($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:edit.site_configuration'))
+                ->setIcon($this->iconFactory->getIcon('actions-open', IconSize::SMALL))
+                ->setShowLabelText(true)
+                ->setHref((string)$this->uriBuilder->buildUriFromRoute('site_configuration.edit', [
+                    'site' => $siteIdentifier,
+                    'returnUrl' => $this->uriBuilder->buildUriFromRoute('site_configuration.detail', [
+                        'site' => $siteIdentifier,
+                    ]),
+                ]));
+            $view->addButtonToButtonBar($editSiteConfigurationButton, ButtonBar::BUTTON_POSITION_LEFT, 3);
+
+            // 'Edit site settings' button
+            $editSiteSettingsButton = $this->componentFactory->createLinkButton()
+                ->setTitle($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:edit.editSiteSettings'))
+                ->setIcon($this->iconFactory->getIcon('actions-cog', IconSize::SMALL))
+                ->setShowLabelText(true)
+                ->setHref((string)$this->uriBuilder->buildUriFromRoute('site_configuration.editSettings', [
+                    'site' => $siteIdentifier,
+                    'returnUrl' => $this->uriBuilder->buildUriFromRoute('site_configuration.detail', [
+                        'site' => $siteIdentifier,
+                    ]),
+                ]));
+            $view->addButtonToButtonBar($editSiteSettingsButton, ButtonBar::BUTTON_POSITION_LEFT, 5);
+        }
+
+        // Set shortcut context - reload button is added automatically
+        $view->getDocHeaderComponent()->setShortcutContext(
+            'site_configuration.detail',
+            sprintf($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:labels.detail'), $siteIdentifier),
+            ['site' => $siteIdentifier]
+        );
+    }
+
+    /**
+     * Create document header buttons of "edit" action
+     */
+    protected function configureEditViewDocHeader(ModuleTemplate $view, ?string $siteIdentifier, string $documentTitle = ''): void
+    {
+        $lang = $this->getLanguageService();
+        $closeButton = $this->componentFactory->createCloseButton('#')
+            ->setClasses('t3js-editform-close');
+        $saveButton = $this->componentFactory->createSaveButton('siteConfigurationController');
+        $view->addButtonToButtonBar($closeButton);
+        $view->addButtonToButtonBar($saveButton, ButtonBar::BUTTON_POSITION_LEFT, 2);
+        if ($siteIdentifier) {
+            $editSiteSettingsButton = $this->componentFactory->createLinkButton()
+                ->setTitle($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:edit.editSiteSettings'))
+                ->setIcon($this->iconFactory->getIcon('actions-open', IconSize::SMALL))
+                ->setShowLabelText(true)
+                ->setHref((string)$this->uriBuilder->buildUriFromRoute('site_configuration.editSettings', [
+                    'site' => $siteIdentifier,
+                    'returnUrl' => $this->uriBuilder->buildUriFromRoute('site_configuration.edit', [
+                        'site' => $siteIdentifier,
+                    ]),
+                ]));
+            $view->addButtonToButtonBar($editSiteSettingsButton, ButtonBar::BUTTON_POSITION_LEFT, 3);
+        }
+        // Set shortcut context - reload button is added automatically
+        $view->getDocHeaderComponent()->setShortcutContext(
+            'site_configuration.edit',
+            $documentTitle,
+            ['site' => $siteIdentifier],
+        );
+    }
+
+    /**
+     * Resolves the document title used for the browser tab and shortcut.
+     */
+    protected function resolveDocumentTitle(LanguageService $languageService, bool $isNewConfig, ?string $siteIdentifier): string
+    {
+        $typeLabel = $languageService->sL('backend.siteconfiguration:edit.typeLabel');
+        if ($isNewConfig) {
+            return $languageService->sL('backend.siteconfiguration:edit.createNewSite');
+        }
+        return implode(' · ', array_filter([$siteIdentifier, $typeLabel]));
+    }
+
+    /**
+     * View mode
+     */
+    protected function addDocHeaderViewModeButton(ModuleTemplate $moduleTemplate, SetupModuleViewMode $viewMode): void
+    {
+        $languageService = $this->getLanguageService();
+        $viewModeButton = $this->componentFactory->createDropDownButton()
+            ->setLabel($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.view'))
+            ->setIcon($this->iconFactory->getIcon('actions-cog'))
+            ->setShowLabelText(true);
+
+        $viewModeButton->addItem(
+            $this->componentFactory->createDropDownRadio()
+            ->setActive(($viewMode === SetupModuleViewMode::TILES))
+            ->setHref(
+                (string)$this->uriBuilder->buildUriFromRoute(
+                    'site_configuration',
+                    [
+                        'viewMode' => SetupModuleViewMode::TILES->value,
+                    ]
+                )
+            )
+            ->setLabel($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.view.tiles'))
+            ->setIcon($this->iconFactory->getIcon('actions-viewmode-tiles', IconSize::SMALL))
+        );
+
+        $viewModeButton->addItem(
+            $this->componentFactory->createDropDownRadio()
+            ->setActive(($viewMode === SetupModuleViewMode::LIST))
+            ->setHref(
+                (string)$this->uriBuilder->buildUriFromRoute(
+                    'site_configuration',
+                    [
+                        'viewMode' => SetupModuleViewMode::LIST->value,
+                    ]
+                )
+            )
+            ->setLabel($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.view.list'))
+            ->setIcon($this->iconFactory->getIcon('actions-viewmode-list', IconSize::SMALL))
+        );
+
+        $moduleTemplate->addButtonToButtonBar($viewModeButton, ButtonBar::BUTTON_POSITION_RIGHT, 2);
+    }
+
+    /**
+     * Returns a list of pages that have 'is_siteroot' set
+     * or are on pid 0 and not in list of excluded doktypes
+     */
+    protected function getAllSitePages(): array
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('pages');
+        $queryBuilder->getRestrictions()->removeAll();
+        $queryBuilder->getRestrictions()->add(GeneralUtility::makeInstance(DeletedRestriction::class));
+        $queryBuilder->getRestrictions()->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, 0));
+        $statement = $queryBuilder
+            ->select('*')
+            ->from('pages')
+            ->where(
+                $queryBuilder->expr()->or(
+                    $queryBuilder->expr()->eq('language_tag', $queryBuilder->createNamedParameter(\Local\Multilanguage\Service\DefaultLanguageTagService::getTag())),
+                    $queryBuilder->expr()->eq('language_tag', $queryBuilder->createNamedParameter('')),
+                ),
+                $queryBuilder->expr()->or(
+                    $queryBuilder->expr()->and(
+                        $queryBuilder->expr()->eq('pid', 0),
+                        $queryBuilder->expr()->notIn('doktype', [
+                            PageRepository::DOKTYPE_SYSFOLDER,
+                            PageRepository::DOKTYPE_SPACER,
+                            PageRepository::DOKTYPE_LINK,
+                        ])
+                    ),
+                    $queryBuilder->expr()->eq('is_siteroot', 1)
+                )
+            )
+            ->orderBy('pid')
+            ->addOrderBy('sorting')
+            ->executeQuery();
+
+        $pages = [];
+        while ($row = $statement->fetchAssociative()) {
+            $row['rootline'] = BackendUtility::BEgetRootLine((int)$row['uid']);
+            array_pop($row['rootline']);
+            $row['rootline'] = array_reverse($row['rootline']);
+            $pages[(int)$row['uid']] = $row;
+        }
+        return $pages;
+    }
+
+    /**
+     * Get all entry duplicates which are used multiple times
+     *
+     * @param Site[] $allSites
+     */
+    protected function getDuplicatedEntryPoints(array $allSites, array $pages): array
+    {
+        $duplicatedEntryPoints = [];
+
+        foreach ($allSites as $site) {
+            if (!isset($pages[$site->getRootPageId()])) {
+                continue;
+            }
+            foreach ($site->getAllLanguages() as $language) {
+                $base = $language->getBase();
+                $entryPoint = rtrim((string)$language->getBase(), '/');
+                $scheme = $base->getScheme() ? $base->getScheme() . '://' : '//';
+                $entryPointWithoutScheme = str_replace($scheme, '', $entryPoint);
+                if (!isset($duplicatedEntryPoints[$entryPointWithoutScheme][$entryPoint])) {
+                    $duplicatedEntryPoints[$entryPointWithoutScheme][$entryPoint] = 1;
+                } else {
+                    $duplicatedEntryPoints[$entryPointWithoutScheme][$entryPoint]++;
+                }
+            }
+        }
+        return array_filter($duplicatedEntryPoints, static function (array $variants): bool {
+            return count($variants) > 1 || reset($variants) > 1;
+        }, ARRAY_FILTER_USE_BOTH);
+    }
+
+    /**
+     * Returns the last (highest) language id from all sites
+     */
+    protected function getLastLanguageId(): int
+    {
+        $lastLanguageId = 0;
+        foreach ($this->siteFinder->getAllSites() as $site) {
+            foreach ($site->getAllLanguages() as $language) {
+                if ($language->getLanguageId() > $lastLanguageId) {
+                    $lastLanguageId = $language->getLanguageId();
+                }
+            }
+        }
+        return $lastLanguageId;
+    }
+
+    /**
+     * Checks if required=TRUE is set.
+     * If set: checks if the value is not empty (or not "0").
+     * If not set or set to FALSE: Returns TRUE.
+     */
+    protected function validateValueForRequired(array $tcaFieldConfig, mixed $value): bool
+    {
+        if (!($tcaFieldConfig['required'] ?? false)) {
+            return true;
+        }
+
+        return !empty($value) || $value === '0';
+    }
+
+    /**
+     * Method keeps root config objects, which are not given via GUI. This way,
+     * extension authors are able to use their own objects on root level that are
+     * not configurable via GUI. However: We overwrite the full subset of any GUI
+     * object to make sure we have a clean state.
+     *
+     * Additionally, we also keep the baseVariants of languages, since they
+     * can't be modified via the GUI, but are part of the public API.
+     */
+    protected function getMergeSiteData(array $currentSiteConfiguration, array $newSysSiteData): array
+    {
+        $newSysSiteData = array_merge($currentSiteConfiguration, $newSysSiteData);
+
+        // @todo: this should go away, once base variants for languages are managable via the GUI.
+        $existingLanguageConfigurationsWithBaseVariants = [];
+        $existingLanguagesWithLegacyProperties = [];
+        foreach ($currentSiteConfiguration['languages'] ?? [] as $languageConfiguration) {
+            if (isset($languageConfiguration['baseVariants'])) {
+                $existingLanguageConfigurationsWithBaseVariants[$languageConfiguration['languageId']] = $languageConfiguration['baseVariants'];
+            }
+            if (isset($languageConfiguration['typo3Language'])) {
+                $existingLanguagesWithLegacyProperties[$languageConfiguration['languageId']]['typo3Language'] = $languageConfiguration['typo3Language'];
+            }
+            if (isset($languageConfiguration['iso-639-1'])) {
+                $existingLanguagesWithLegacyProperties[$languageConfiguration['languageId']]['iso-639-1'] = $languageConfiguration['iso-639-1'];
+            }
+            if (isset($languageConfiguration['direction'])) {
+                $existingLanguagesWithLegacyProperties[$languageConfiguration['languageId']]['direction'] = $languageConfiguration['direction'];
+            }
+        }
+        foreach ($newSysSiteData['languages'] ?? [] as $key => $languageConfiguration) {
+            $languageId = $languageConfiguration['languageId'];
+            if (isset($existingLanguageConfigurationsWithBaseVariants[$languageId])) {
+                $newSysSiteData['languages'][$key]['baseVariants'] = $existingLanguageConfigurationsWithBaseVariants[$languageId];
+            }
+            foreach ($existingLanguagesWithLegacyProperties[$languageId] ?? [] as $propertyName => $propertyValue) {
+                $newSysSiteData['languages'][$key][$propertyName] = $propertyValue;
+            }
+        }
+
+        return $newSysSiteData;
+    }
+
+    private function resolveSettingLabels(SettingDefinition $definition): SettingDefinition
+    {
+        $languageService = $this->getLanguageService();
+        return new SettingDefinition(...[
+            ...get_object_vars($definition),
+            'label' => $languageService->sL($definition->label),
+            'description' => $definition->description !== null ? $languageService->sL($definition->description) : null,
+            'enum' => array_map(
+                static fn(string|int|float|bool $label): string => $languageService->sL((string)$label),
+                $definition->enum
+            ),
+        ]);
+    }
+
+    protected function resolveReturnUrl(ServerRequestInterface $request): string
+    {
+        return GeneralUtility::sanitizeLocalUrl(
+            (string)($request->getParsedBody()['returnUrl'] ?? $request->getQueryParams()['returnUrl'] ?? ''),
+            $request
+        ) ?: (string)$this->uriBuilder->buildUriFromRoute('site_configuration');
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/SiteInlineAjaxController.php b/Classes/Controller/SiteInlineAjaxController.php
new file mode 100644
index 0000000..cfd6a9b
--- /dev/null
+++ b/Classes/Controller/SiteInlineAjaxController.php
@@ -0,0 +1,403 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Configuration\SiteTcaConfiguration;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\SiteConfigurationDataGroup;
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Backend\Form\NodeFactory;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Page\JavaScriptItems;
+use TYPO3\CMS\Core\Schema\TcaSchemaBuilder;
+use TYPO3\CMS\Core\Site\Entity\SiteLanguage;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Site\SiteLanguagePresets;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Site configuration FormEngine controller class. Receives inline "edit" and "new"
+ * commands to expand / create site configuration inline records.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class SiteInlineAjaxController extends AbstractFormEngineAjaxController
+{
+    public function __construct(
+        private FormDataCompiler $formDataCompiler,
+        private SiteLanguagePresets $siteLanguagePresets,
+        private HashService $hashService,
+        private NodeFactory $nodeFactory,
+        private InlineStackProcessor $inlineStackProcessor,
+        private TcaSchemaBuilder $tcaSchemaBuilder,
+        private SiteTcaConfiguration $siteTcaConfiguration,
+        private SiteFinder $siteFinder,
+    ) {}
+
+    /**
+     * Inline "create" new child of site configuration child records
+     *
+     * @throws \RuntimeException
+     */
+    public function newInlineChildAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $ajaxArguments = $request->getParsedBody()['ajax'] ?? $request->getQueryParams()['ajax'];
+        $parentConfig = $this->extractSignedParentConfigFromRequest((string)$ajaxArguments['context']);
+        $domObjectId = $ajaxArguments[0];
+        $inlineFirstPid = $this->getInlineFirstPidFromDomObjectId($domObjectId);
+        $childChildUid = null;
+        if (isset($ajaxArguments[1]) && MathUtility::canBeInterpretedAsInteger($ajaxArguments[1])) {
+            $childChildUid = (int)$ajaxArguments[1];
+        }
+        $siteTca = $this->siteTcaConfiguration->getTca();
+        $fullTca = array_merge($GLOBALS['TCA'], $siteTca);
+        $tcaSchemata = $this->tcaSchemaBuilder->buildFromStructure($fullTca);
+
+        // Parse the DOM identifier, add the levels to the structure stack
+        $inlineStructure = $this->inlineStackProcessor->getStructureFromString($domObjectId, $tcaSchemata);
+        $inlineStructure = $this->inlineStackProcessor->addAjaxConfigurationToStructure($inlineStructure, $parentConfig);
+        $inlineTopMostParent = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, 0);
+        // Parent, this table embeds the child table
+        $inlineParent = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, -1);
+        // Child, a record from this table should be rendered
+        $child = $this->inlineStackProcessor->getUnstableStructureFromStructure($inlineStructure);
+        if (MathUtility::canBeInterpretedAsInteger($child['uid'] ?? false)) {
+            // If uid comes in, it is the id of the record neighbor record "create after"
+            $childVanillaUid = -1 * abs((int)$child['uid']);
+        } else {
+            // Else inline first Pid is the storage pid of new inline records
+            $childVanillaUid = (int)$inlineFirstPid;
+        }
+        $childTableName = $parentConfig['foreign_table'];
+        $defaultDatabaseRow = [];
+
+        if ($childTableName === 'site_language') {
+            if ($childChildUid !== null) {
+                $language = $this->getLanguageById($childChildUid);
+                if ($language !== null) {
+                    $defaultDatabaseRow['languageId'] = $language->getLanguageId();
+                    $defaultDatabaseRow['locale'] = $language->getLocale()->posixFormatted();
+                    if ($language->getTitle() !== '') {
+                        $defaultDatabaseRow['title'] = $language->getTitle();
+                    }
+                    if ($language->getBase()->getPath() !== '/') {
+                        $defaultDatabaseRow['base'] = '/' . strtolower($language->getLocale()->getName()) . '/';
+                    }
+                    if ($language->getHreflang(true) !== '') {
+                        $defaultDatabaseRow['hreflang'] = $language->getHreflang();
+                    }
+                    if ($language->getNavigationTitle() !== '') {
+                        $defaultDatabaseRow['navigationTitle'] = $language->getNavigationTitle();
+                    }
+                    if (str_starts_with($language->getFlagIdentifier(), 'flags-')) {
+                        $flagIdentifier = str_replace('flags-', '', $language->getFlagIdentifier());
+                        $defaultDatabaseRow['flag'] = ($flagIdentifier === 'multiple') ? 'global' : $flagIdentifier;
+                    }
+                } elseif ($childChildUid !== 0) {
+                    // In case no language could be found for $childChildUid and
+                    // its value is not "0", which is a special case as the default
+                    // language is added automatically, throw a custom exception.
+                    throw new \RuntimeException('Referenced language not found', 1521783937);
+                }
+            } else {
+                // Set new childs' UID to PHP_INT_MAX, as this is the placeholder UID for
+                // new records, created with the "Create new" button. This is necessary
+                // as we use the "inline selector" mode which usually does not allow
+                // to create new records besides the ones, defined in the selector.
+                // The correct UID will then be calculated by the controller.
+                $childChildUid = PHP_INT_MAX;
+
+                if (!empty($ajaxArguments[2])) {
+                    $defaultDatabaseRow = $this->siteLanguagePresets->getPresetDetailsForLanguage($ajaxArguments[2]) ?? [];
+                }
+            }
+        }
+
+        $formDataCompilerInput = [
+            'request' => $request,
+            'command' => 'new',
+            'tableName' => $childTableName,
+            'vanillaUid' => $childVanillaUid,
+            'databaseRow' => $defaultDatabaseRow,
+            'isInlineChild' => true,
+            'inlineStructure' => $inlineStructure,
+            'inlineFirstPid' => $inlineFirstPid,
+            'inlineParentUid' => $inlineParent['uid'],
+            'inlineParentTableName' => $inlineParent['table'],
+            'inlineParentFieldName' => $inlineParent['field'],
+            'inlineParentConfig' => $parentConfig,
+            'inlineTopMostParentUid' => $inlineTopMostParent['uid'],
+            'inlineTopMostParentTableName' => $inlineTopMostParent['table'],
+            'inlineTopMostParentFieldName' => $inlineTopMostParent['field'],
+            'tcaSchemata' => $tcaSchemata,
+            'fullTca' => $fullTca,
+        ];
+        if ($childChildUid) {
+            $formDataCompilerInput['inlineChildChildUid'] = $childChildUid;
+        }
+        $childData = $this->formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(SiteConfigurationDataGroup::class));
+
+        if (($parentConfig['foreign_selector'] ?? false) && ($parentConfig['appearance']['useCombination'] ?? false)) {
+            throw new \RuntimeException('useCombination not implemented in sites module', 1522493094);
+        }
+
+        $childData['inlineParentUid'] = (int)$inlineParent['uid'];
+        $childData['renderType'] = 'inlineRecordContainer';
+        $childResult = $this->nodeFactory->create($childData)->render();
+
+        $jsonArray = [
+            'data' => '',
+            'stylesheetFiles' => [],
+            'scriptItems' => new JavaScriptItems(),
+            'compilerInput' => [
+                'uid' => $childData['databaseRow']['uid'],
+                'childChildUid' => $childChildUid,
+            ],
+        ];
+
+        $jsonArray = $this->mergeChildResultIntoJsonResult($jsonArray, $childResult);
+
+        return new JsonResponse($jsonArray);
+    }
+
+    /**
+     * Show the details of site configuration child records.
+     *
+     * @throws \RuntimeException
+     */
+    public function openInlineChildAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $ajaxArguments = $request->getParsedBody()['ajax'] ?? $request->getQueryParams()['ajax'];
+
+        $domObjectId = $ajaxArguments[0];
+        $inlineFirstPid = $this->getInlineFirstPidFromDomObjectId($domObjectId);
+        $parentConfig = $this->extractSignedParentConfigFromRequest((string)$ajaxArguments['context']);
+
+        $siteTca = $this->siteTcaConfiguration->getTca();
+        $fullTca = array_merge($GLOBALS['TCA'], $siteTca);
+
+        // Parse the DOM identifier, add the levels to the structure stack
+        $inlineStructure = $this->inlineStackProcessor->getStructureFromString($domObjectId, $this->tcaSchemaBuilder->buildFromStructure($fullTca));
+        $inlineStructure = $this->inlineStackProcessor->addAjaxConfigurationToStructure($inlineStructure, $parentConfig);
+        // Parent, this table embeds the child table
+        $inlineParent = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, -1);
+        $parentFieldName = $inlineParent['field'];
+
+        // Set flag in config so that only the fields are rendered
+        // @todo: Solve differently / rename / whatever
+        $parentConfig['renderFieldsOnly'] = true;
+
+        $parentData = [
+            'processedTca' => [
+                'columns' => [
+                    $parentFieldName => [
+                        'config' => $parentConfig,
+                    ],
+                ],
+            ],
+            'uid' => $inlineParent['uid'],
+            'tableName' => $inlineParent['table'],
+            'inlineFirstPid' => $inlineFirstPid,
+            // Hand over given original return url to compile stack. Needed if inline children compile links to
+            // another view (eg. edit metadata in a nested inline situation like news with inline content element image),
+            // so the back link is still the link from the original request. See issue #82525. This is additionally
+            // given down in TcaInline data provider to compiled children data.
+            'returnUrl' => $parentConfig['originalReturnUrl'],
+        ];
+
+        // Child, a record from this table should be rendered
+        $child = $this->inlineStackProcessor->getUnstableStructureFromStructure($inlineStructure);
+        $childData = $this->compileChild($request, $parentData, $parentFieldName, (int)$child['uid'], $inlineStructure, $siteTca);
+
+        $childData['inlineParentUid'] = (int)$inlineParent['uid'];
+        $childData['renderType'] = 'inlineRecordContainer';
+        $childResult = $this->nodeFactory->create($childData)->render();
+
+        $jsonArray = [
+            'data' => '',
+            'stylesheetFiles' => [],
+            'scriptItems' => new JavaScriptItems(),
+        ];
+
+        $jsonArray = $this->mergeChildResultIntoJsonResult($jsonArray, $childResult);
+
+        return new JsonResponse($jsonArray);
+    }
+
+    /**
+     * Compile a full child record
+     *
+     * @param array $parentData Result array of parent
+     * @param string $parentFieldName Name of parent field
+     * @param int $childUid Uid of child to compile
+     * @param array $inlineStructure Current inline structure
+     * @return array Full result array
+     * @throws \RuntimeException
+     *
+     * @todo: This clones methods compileChild from TcaInline Provider. Find a better abstraction
+     * @todo: to also encapsulate the more complex scenarios with combination child and friends.
+     */
+    protected function compileChild(ServerRequestInterface $request, array $parentData, string $parentFieldName, int $childUid, array $inlineStructure, array $siteTca): array
+    {
+        $parentConfig = $parentData['processedTca']['columns'][$parentFieldName]['config'];
+
+        $inlineTopMostParent = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, 0);
+
+        $childTableName = $inlineStructure['unstable']['table'] ?? null;
+        if (!$childTableName) {
+            throw new \RuntimeException('No unstable inline structure found', 1733754246);
+        }
+
+        $fullTca = array_merge($GLOBALS['TCA'], $siteTca);
+        $formDataCompilerInput = [
+            'request' => $request,
+            'command' => 'edit',
+            'tableName' => $childTableName,
+            'vanillaUid' => (int)$childUid,
+            'returnUrl' => $parentData['returnUrl'],
+            'isInlineChild' => true,
+            'inlineStructure' => $inlineStructure,
+            'inlineFirstPid' => $parentData['inlineFirstPid'],
+            'inlineParentConfig' => $parentConfig,
+            'isInlineAjaxOpeningContext' => true,
+            'tcaSchemata' => $this->tcaSchemaBuilder->buildFromStructure($fullTca),
+            'fullTca' => $fullTca,
+
+            // values of the current parent element
+            // it is always a string either an id or new...
+            'inlineParentUid' => $parentData['uid'],
+            'inlineParentTableName' => $parentData['tableName'],
+            'inlineParentFieldName' => $parentFieldName,
+
+            // values of the top most parent element set on first level and not overridden on following levels
+            'inlineTopMostParentUid' => $inlineTopMostParent['uid'],
+            'inlineTopMostParentTableName' => $inlineTopMostParent['table'],
+            'inlineTopMostParentFieldName' => $inlineTopMostParent['field'],
+        ];
+        if (($parentConfig['foreign_selector'] ?? false) && ($parentConfig['appearance']['useCombination'] ?? false)) {
+            throw new \RuntimeException('useCombination not implemented in sites module', 1522493095);
+        }
+        return $this->formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(SiteConfigurationDataGroup::class));
+    }
+
+    /**
+     * Merge stuff from child array into json array.
+     * This method is needed since ajax handling methods currently need to put scriptCalls before and after child code.
+     *
+     * @param array $jsonResult Given json result
+     * @param array $childResult Given child result
+     * @return array Merged json array
+     */
+    protected function mergeChildResultIntoJsonResult(array $jsonResult, array $childResult): array
+    {
+        /** @var JavaScriptItems $scriptItems */
+        $scriptItems = $jsonResult['scriptItems'];
+
+        $jsonResult['data'] .= $childResult['html'];
+        $jsonResult['stylesheetFiles'] = [];
+        foreach ($childResult['stylesheetFiles'] as $stylesheetFile) {
+            $jsonResult['stylesheetFiles'][] = $this->getRelativePathToStylesheetFile($stylesheetFile);
+        }
+        if (!empty($childResult['inlineData'])) {
+            $jsonResult['inlineData'] = $childResult['inlineData'];
+        }
+        if (!empty($childResult['additionalInlineLanguageLabelFiles'])) {
+            $labels = [];
+            foreach ($childResult['additionalInlineLanguageLabelFiles'] as $additionalInlineLanguageLabelFile) {
+                ArrayUtility::mergeRecursiveWithOverrule(
+                    $labels,
+                    $this->getLabelsFromLocalizationFile($additionalInlineLanguageLabelFile)
+                );
+            }
+            $scriptItems->addGlobalAssignment(['TYPO3' => ['lang' => $labels]]);
+        }
+        $this->addJavaScriptModulesToJavaScriptItems($childResult['javaScriptModules'] ?? [], $scriptItems);
+
+        return $jsonResult;
+    }
+
+    /**
+     * Inline ajax helper method.
+     *
+     * Validates the config that is transferred over the wire to provide the
+     * correct TCA config for the parent table
+     *
+     * @param string $contextString
+     * @throws \RuntimeException
+     */
+    protected function extractSignedParentConfigFromRequest(string $contextString): array
+    {
+        if ($contextString === '') {
+            throw new \RuntimeException('Empty context string given', 1522771624);
+        }
+        $context = json_decode($contextString, true);
+        if (empty($context['config'])) {
+            throw new \RuntimeException('Empty context config section given', 1522771632);
+        }
+        $config = json_decode($context['config'], true);
+        // encode JSON again to ensure same `json_encode()` settings as used when generating original hash
+        // (side-note: JSON encoded literals differ for target scenarios, e.g. HTML attr, JS string, ...)
+        $encodedConfig = (string)json_encode($config);
+        if (!hash_equals($this->hashService->hmac($encodedConfig, 'InlineContext'), (string)$context['hmac'])) {
+            throw new \RuntimeException('Hash does not validate', 1522771640);
+        }
+        return $config;
+    }
+
+    /**
+     * Get inlineFirstPid from a given objectId string
+     *
+     * @param string $domObjectId The id attribute of an element
+     * @return int|null Pid or null
+     */
+    protected function getInlineFirstPidFromDomObjectId(string $domObjectId): ?int
+    {
+        // Substitute FlexForm addition and make parsing a bit easier
+        $domObjectId = str_replace('---', ':', $domObjectId);
+        // The starting pattern of an object identifier (e.g. "data-<firstPidValue>-<anything>)
+        $pattern = '/^data-(.+?)-(.+)$/';
+        if (preg_match($pattern, $domObjectId, $match)) {
+            return (int)$match[1];
+        }
+        return null;
+    }
+
+    /**
+     * Find a site language by id. This will return the first occurrence of a
+     * language, even if the same language is used in other site configurations.
+     */
+    protected function getLanguageById(int $languageId): ?SiteLanguage
+    {
+        foreach ($this->siteFinder->getAllSites() as $site) {
+            foreach ($site->getAllLanguages() as $language) {
+                if ($languageId === $language->getLanguageId()) {
+                    return $language;
+                }
+            }
+        }
+
+        return null;
+    }
+}
diff --git a/Classes/Controller/SiteSettingsController.php b/Classes/Controller/SiteSettingsController.php
new file mode 100644
index 0000000..c5b7385
--- /dev/null
+++ b/Classes/Controller/SiteSettingsController.php
@@ -0,0 +1,380 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\Yaml\Yaml;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Dto\Settings\EditableSetting;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ButtonBar;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\Enum\ModuleLayout;
+use TYPO3\CMS\Backend\Template\ModuleTemplate;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\SetupSettingsViewMode;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\FormProtection\FormProtectionFactory;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Http\ResponseFactory;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Settings\Category;
+use TYPO3\CMS\Core\Settings\SettingDefinition;
+use TYPO3\CMS\Core\Settings\SettingsTypeRegistry;
+use TYPO3\CMS\Core\Site\Entity\Site;
+use TYPO3\CMS\Core\Site\Set\CategoryRegistry;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Site\SiteSettingsService;
+use TYPO3\CMS\Core\SysLog\Action\Setting as SettingAction;
+use TYPO3\CMS\Core\SysLog\Error as SystemLogErrorClassification;
+use TYPO3\CMS\Core\SysLog\Type;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * View, edit, save site settings. Part of Setup module.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class SiteSettingsController
+{
+    public function __construct(
+        protected ComponentFactory $componentFactory,
+        protected ModuleTemplateFactory $moduleTemplateFactory,
+        protected SiteFinder $siteFinder,
+        protected SiteSettingsService $siteSettingsService,
+        protected SettingsTypeRegistry $settingsTypeRegistry,
+        protected CategoryRegistry $categoryRegistry,
+        protected UriBuilder $uriBuilder,
+        protected PageRenderer $pageRenderer,
+        protected FlashMessageService $flashMessageService,
+        protected IconFactory $iconFactory,
+        protected ResponseFactory $responseFactory,
+        protected FormProtectionFactory $formProtectionFactory,
+    ) {}
+
+    public function editAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $moduleData = $request->getAttribute('moduleData');
+        $mode = SetupSettingsViewMode::tryFrom($moduleData->get('settingsMode') ?? '') ?? SetupSettingsViewMode::BASIC;
+        $moduleData->set('settingsMode', $mode->value);
+
+        $identifier = $request->getQueryParams()['site'] ?? null;
+        if ($identifier === null) {
+            throw new \RuntimeException('Site identifier to edit must be set', 1713394528);
+        }
+
+        $returnUrl = GeneralUtility::sanitizeLocalUrl(
+            (string)($request->getQueryParams()['returnUrl'] ?? ''),
+            $request
+        ) ?: null;
+        $overviewUrl = (string)$this->uriBuilder->buildUriFromRoute('site_configuration');
+
+        $site = $this->siteFinder->getSiteByIdentifier($identifier);
+        $view = $this->moduleTemplateFactory->create($request);
+
+        $settings = $this->siteSettingsService->getUncachedSettings($site);
+        $setSettings = $this->siteSettingsService->getSetSettings($site);
+
+        $categoryEnhancer = function (Category $category) use (&$categoryEnhancer, $settings, $setSettings): Category {
+            return new Category(...[
+                ...get_object_vars($category),
+                'label' => $this->getLanguageService()->sL($category->label),
+                'description' => $category->description !== null ? $this->getLanguageService()->sL($category->description) : $category->description,
+                'categories' => array_map($categoryEnhancer, $category->categories),
+                'settings' => array_map(
+                    fn(SettingDefinition $definition): EditableSetting => new EditableSetting(
+                        definition: $this->resolveSettingLabels($definition),
+                        value: $settings->get($definition->key),
+                        systemDefault: $setSettings->get($definition->key),
+                        typeImplementation: $this->settingsTypeRegistry->get($definition->type)->getJavaScriptModule(),
+                    ),
+                    $category->settings
+                ),
+            ]);
+        };
+
+        $categories = array_map(
+            $categoryEnhancer,
+            $this->categoryRegistry->getCategories(...$site->getSets())
+        );
+        $hasSettings = count($categories) > 0;
+
+        $this->addDocHeaderBreadcrumb($view, $site);
+        $this->addDocHeaderCloseAndSaveButtons($view, $returnUrl ?? $overviewUrl, $hasSettings);
+        $this->addDocHeaderViewModeButton($view, $site, $mode);
+        $this->addDocHeaderSiteConfigurationButton($view, $site);
+        if ($hasSettings) {
+            $this->addDocHeaderExportButton($view, $mode);
+        }
+        // Set shortcut context - reload button is added automatically
+        $view->getDocHeaderComponent()->setShortcutContext(
+            'site_configuration.editSettings',
+            sprintf($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_sitesettings.xlf:labels.edit'), $site->getIdentifier()),
+            ['site' => $site->getIdentifier()]
+        );
+
+        $view->setLayout(ModuleLayout::NORMAL);
+        $view->assign('site', $site);
+        $view->assign('siteTitle', $this->getSiteTitle($site));
+        $view->assign('rootPageId', $site->getRootPageId());
+
+        $view->assign('actionUrl', (string)$this->uriBuilder->buildUriFromRoute('site_configuration.saveSettings', array_filter([
+            'site' => $site->getIdentifier(),
+            'returnUrl' => $returnUrl,
+        ])));
+        $view->assign('returnUrl', $returnUrl);
+        $view->assign('dumpUrl', (string)$this->uriBuilder->buildUriFromRoute('site_configuration.dumpSettings', ['site' => $site->getIdentifier()]));
+        $view->assign('categories', $categories);
+        $view->assign('mode', $mode);
+
+        $formProtection = $this->formProtectionFactory->createFromRequest($request);
+        $view->assign('formToken', $formProtection->generateToken('site_configuration', 'saveSettings'));
+
+        return $view->renderResponse('SiteSettings/Edit');
+    }
+
+    private function resolveSettingLabels(SettingDefinition $definition): SettingDefinition
+    {
+        $languageService = $this->getLanguageService();
+        return new SettingDefinition(...[
+            ...get_object_vars($definition),
+            'label' => $languageService->sL($definition->label),
+            'description' => $definition->description !== null ? $languageService->sL($definition->description) : null,
+            'enum' => array_map(
+                static fn(string|int|float|bool $label): string => $languageService->sL((string)$label),
+                $definition->enum
+            ),
+        ]);
+    }
+
+    public function saveAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $identifier = $request->getQueryParams()['site'] ?? null;
+        if ($identifier === null) {
+            throw new \RuntimeException('Site identifier to edit must be set', 1713394529);
+        }
+
+        $site = $this->siteFinder->getSiteByIdentifier($identifier);
+
+        $parsedBody = $request->getParsedBody();
+        $formProtection = $this->formProtectionFactory->createFromRequest($request);
+        if (!$formProtection->validateToken((string)($parsedBody['formToken'] ?? ''), 'site_configuration', 'saveSettings')) {
+            return $this->responseFactory
+                ->createResponse(400, 'Invalid request token given')
+                ->withHeader('Location', (string)$this->uriBuilder->buildUriFromRoute('site_configuration.editSettings', [
+                    'site' => $site->getIdentifier(),
+                ]));
+        }
+
+        $returnUrl = GeneralUtility::sanitizeLocalUrl(
+            (string)($parsedBody['returnUrl'] ?? ''),
+            $request
+        ) ?: null;
+        $overviewUrl = $this->uriBuilder->buildUriFromRoute('site_configuration');
+        $CMD = $parsedBody['CMD'] ?? '';
+        $isSave = $CMD === 'save' || $CMD === 'saveclose';
+        $isSaveClose = $parsedBody['CMD'] === 'saveclose';
+        if (!$isSave) {
+            return new RedirectResponse($returnUrl ?? $overviewUrl);
+        }
+
+        $newSettings = $this->siteSettingsService->createSettingsFromFormData($site, $parsedBody['settings'] ?? []);
+        $settingsDiff = $this->siteSettingsService->computeSettingsDiff($site, $newSettings);
+        $this->siteSettingsService->writeSettings($site, $settingsDiff->asArray());
+
+        if ($settingsDiff->changes !== [] || $settingsDiff->deletions !== []) {
+            $this->getBackendUser()->writelog(
+                Type::SITE,
+                SettingAction::CHANGE,
+                SystemLogErrorClassification::MESSAGE,
+                null,
+                'Site settings changed for \'%s\': %s',
+                [$site->getIdentifier(), json_encode($settingsDiff)],
+                'site'
+            );
+
+            $languageService = $this->getLanguageService();
+            $message = $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_sitesettings.xlf:save.message.updated');
+            $flashMessage = new FlashMessage($message, '', ContextualFeedbackSeverity::OK, true);
+            $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+            $defaultFlashMessageQueue->enqueue($flashMessage);
+        }
+
+        if ($isSaveClose) {
+            return new RedirectResponse($returnUrl ?? $overviewUrl);
+        }
+        $editRoute = $this->uriBuilder->buildUriFromRoute('site_configuration.editSettings', array_filter([
+            'site' => $site->getIdentifier(),
+            'returnUrl' => $returnUrl,
+        ], static fn(?string $v): bool => $v !== null));
+        return new RedirectResponse($editRoute);
+    }
+
+    public function dumpAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $identifier = $request->getQueryParams()['site'] ?? null;
+        if ($identifier === null) {
+            throw new \RuntimeException('Site identifier to edit must be set', 1724772561);
+        }
+
+        $site = $this->siteFinder->getSiteByIdentifier($identifier);
+        $parsedBody = $request->getParsedBody();
+        $specificSetting = (string)($parsedBody['specificSetting'] ?? '');
+
+        $minify = $specificSetting !== '' ? false : true;
+
+        $newSettings = $this->siteSettingsService->createSettingsFromFormData($site, $parsedBody['settings'] ?? []);
+        $settingsDiff = $this->siteSettingsService->computeSettingsDiff($site, $newSettings, $minify);
+        $settings = $settingsDiff->asArray();
+        if ($specificSetting !== '' && isset($settings[$specificSetting])) {
+            $settings = [
+                $specificSetting => $settings[$specificSetting],
+            ];
+        }
+
+        $yamlContents = Yaml::dump($settings, 99, 2, Yaml::DUMP_EMPTY_ARRAY_AS_SEQUENCE | Yaml::DUMP_OBJECT_AS_MAP);
+
+        return new JsonResponse([
+            'yaml' => $yamlContents,
+        ]);
+    }
+
+    protected function addDocHeaderBreadcrumb(ModuleTemplate $moduleTemplate, Site $site): void
+    {
+        $record = BackendUtility::getRecord('pages', $site->getRootPageId());
+        $moduleTemplate->getDocHeaderComponent()->setPageBreadcrumb($record ?? []);
+    }
+
+    protected function addDocHeaderCloseAndSaveButtons(ModuleTemplate $moduleTemplate, string $closeUrl, bool $saveEnabled): void
+    {
+        $moduleTemplate->addButtonToButtonBar($this->componentFactory->createCloseButton($closeUrl));
+        $saveButton = $this->componentFactory->createSaveButton('sitesettings_form')
+            ->setName('CMD')
+            ->setValue('save')
+            ->setDisabled(!$saveEnabled);
+        $moduleTemplate->addButtonToButtonBar($saveButton, ButtonBar::BUTTON_POSITION_LEFT, 2);
+    }
+
+    protected function addDocHeaderViewModeButton(ModuleTemplate $moduleTemplate, Site $site, SetupSettingsViewMode $mode): void
+    {
+        $languageService = $this->getLanguageService();
+        $viewModeButton = $this->componentFactory->createDropDownButton()
+            ->setLabel($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.view'))
+            ->setShowLabelText(true);
+
+        $viewModeButton->addItem(
+            $this->componentFactory->createDropDownRadio()
+                ->setActive(($mode === SetupSettingsViewMode::BASIC))
+                ->setHref(
+                    (string)$this->uriBuilder->buildUriFromRoute(
+                        'site_configuration.editSettings',
+                        array_filter([
+                            'site' => $site->getIdentifier(),
+                            'settingsMode' => SetupSettingsViewMode::BASIC->value,
+                        ])
+                    )
+                )
+                ->setLabel($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_settingseditor.xlf:settingseditor.mode.basic'))
+                ->setIcon($this->iconFactory->getIcon('actions-window', IconSize::SMALL))
+        );
+
+        $viewModeButton->addItem(
+            $this->componentFactory->createDropDownRadio()
+                ->setActive(($mode === SetupSettingsViewMode::ADVANCED))
+                ->setHref(
+                    (string)$this->uriBuilder->buildUriFromRoute(
+                        'site_configuration.editSettings',
+                        array_filter([
+                            'site' => $site->getIdentifier(),
+                            'settingsMode' => SetupSettingsViewMode::ADVANCED->value,
+                        ])
+                    )
+                )
+                ->setLabel($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_settingseditor.xlf:settingseditor.mode.advanced'))
+                ->setIcon($this->iconFactory->getIcon('actions-window-cog', IconSize::SMALL))
+        );
+
+        $moduleTemplate->addButtonToButtonBar($viewModeButton, ButtonBar::BUTTON_POSITION_RIGHT, 2);
+    }
+
+    protected function addDocHeaderExportButton(ModuleTemplate $moduleTemplate, SetupSettingsViewMode $mode): void
+    {
+        if ($mode === SetupSettingsViewMode::ADVANCED) {
+            $languageService = $this->getLanguageService();
+            $exportButton = $this->componentFactory->createInputButton()
+                ->setTitle($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_sitesettings.xlf:edit.yamlExport'))
+                ->setIcon($this->iconFactory->getIcon('actions-database-export', IconSize::SMALL))
+                ->setShowLabelText(true)
+                ->setName('CMD')
+                ->setValue('export')
+                ->setForm('sitesettings_form');
+            $moduleTemplate->addButtonToButtonBar($exportButton, ButtonBar::BUTTON_POSITION_RIGHT);
+        }
+    }
+
+    protected function addDocHeaderSiteConfigurationButton(ModuleTemplate $moduleTemplate, Site $site): void
+    {
+        $languageService = $this->getLanguageService();
+        $exportButton = $this->componentFactory->createLinkButton()
+            ->setTitle($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_sitesettings.xlf:edit.editSiteConfiguration'))
+            ->setIcon($this->iconFactory->getIcon('actions-open', IconSize::SMALL))
+            ->setShowLabelText(true)
+            ->setHref((string)$this->uriBuilder->buildUriFromRoute('site_configuration.edit', [
+                'site' => $site->getIdentifier(),
+                'returnUrl' => $this->uriBuilder->buildUriFromRoute('site_configuration.editSettings', [
+                    'site' => $site->getIdentifier(),
+                ]),
+            ]));
+        $moduleTemplate->addButtonToButtonBar($exportButton, ButtonBar::BUTTON_POSITION_LEFT, 3);
+    }
+
+    protected function getSiteTitle(Site $site): string
+    {
+        $websiteTitle = $site->getConfiguration()['websiteTitle'] ?? '';
+        if ($websiteTitle !== '') {
+            return $websiteTitle;
+        }
+        $rootPage = BackendUtility::getRecord('pages', $site->getRootPageId());
+        $title = $rootPage['title'] ?? '';
+        if ($title !== '') {
+            return $title;
+        }
+
+        return '(unknown)';
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/StateTrackerController.php b/Classes/Controller/StateTrackerController.php
new file mode 100644
index 0000000..2d07486
--- /dev/null
+++ b/Classes/Controller/StateTrackerController.php
@@ -0,0 +1,33 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+
+/**
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+class StateTrackerController
+{
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        return new HtmlResponse('');
+    }
+}
diff --git a/Classes/Controller/SubmoduleOverviewController.php b/Classes/Controller/SubmoduleOverviewController.php
new file mode 100644
index 0000000..3ac6bb5
--- /dev/null
+++ b/Classes/Controller/SubmoduleOverviewController.php
@@ -0,0 +1,109 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Template\Enum\ModuleLayout;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+
+/**
+ * Controller for displaying a card-based overview of available submodules.
+ * This provides a user-friendly way to navigate between third-level modules.
+ *
+ * @internal This class is a specific Backend controller implementation and is not part of the TYPO3's Core API.
+ */
+#[AsController]
+final readonly class SubmoduleOverviewController
+{
+    public function __construct(
+        private ModuleTemplateFactory $moduleTemplateFactory,
+        private ModuleProvider $moduleProvider,
+    ) {}
+
+    /**
+     * Main action that displays the submodule overview cards
+     */
+    public function handleRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        $view = $this->moduleTemplateFactory->create($request);
+        $currentModule = $request->getAttribute('module');
+        if (!($currentModule instanceof ModuleInterface) || !$this->moduleProvider->accessGranted($currentModule->getIdentifier(), $this->getBackendUser())) {
+            return $view->renderResponse('SubmoduleOverview/Cards');
+        }
+
+        $id = (int)($request->getParsedBody()['id'] ?? $request->getQueryParams()['id'] ?? 0);
+        $pageinfo = BackendUtility::readPageAccess($id, $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW)) ?: [];
+        $view->setTitle(
+            $this->getLanguageService()->sL($currentModule->getTitle()),
+            $id !== 0 && isset($pageinfo['title']) ? $pageinfo['title'] : ''
+        );
+        if ($pageinfo !== []) {
+            $view->getDocHeaderComponent()->setPageBreadcrumb($pageinfo);
+        }
+        $view->makeDocHeaderModuleMenu(['id' => $id]);
+        $view->getDocHeaderComponent()->setShortcutContext(
+            $currentModule->getIdentifier(),
+            $this->getLanguageService()->sL($currentModule->getTitle())
+        );
+
+        $view->setTitle($this->getLanguageService()->sL($currentModule->getTitle()));
+        $view->setLayout(ModuleLayout::NORMAL);
+        $view->assign('currentModule', $currentModule);
+        $view->assignMultiple([
+            'additionalParameters' => array_filter(['id' => $id]),
+            'submodules' => $this->getAccessibleSubmodules($currentModule),
+            'moduleTitle' => $this->getLanguageService()->sL($currentModule->getTitle()),
+        ]);
+        return $view->renderResponse('SubmoduleOverview/Cards');
+    }
+
+    /**
+     * Get all submodules the current user has access to
+     *
+     * @return ModuleInterface[]
+     */
+    private function getAccessibleSubmodules(ModuleInterface $module): array
+    {
+        $accessibleSubmodules = [];
+        foreach ($module->getSubModules() as $submodule) {
+            // Check if the user has access to this submodule
+            if ($this->moduleProvider->accessGranted($submodule->getIdentifier(), $this->getBackendUser())) {
+                $accessibleSubmodules[] = $submodule;
+            }
+        }
+        return $accessibleSubmodules;
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/SwitchUserController.php b/Classes/Controller/SwitchUserController.php
new file mode 100644
index 0000000..da1c70c
--- /dev/null
+++ b/Classes/Controller/SwitchUserController.php
@@ -0,0 +1,179 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseFactoryInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Authentication\Event\SwitchUserEvent;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Session\Backend\SessionBackendInterface;
+use TYPO3\CMS\Core\Session\SessionManager;
+use TYPO3\CMS\Core\SysLog\Type;
+use TYPO3\CMS\Core\Utility\ExtensionManagementUtility;
+
+/**
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+class SwitchUserController
+{
+    protected const RECENT_USERS_LIMIT = 3;
+
+    protected EventDispatcherInterface $eventDispatcher;
+    protected UriBuilder $uriBuilder;
+    protected ResponseFactoryInterface $responseFactory;
+    protected SessionBackendInterface $sessionBackend;
+
+    public function __construct(
+        EventDispatcherInterface $eventDispatcher,
+        UriBuilder $uriBuilder,
+        ResponseFactoryInterface $responseFactory,
+        SessionManager $sessionManager
+    ) {
+        $this->eventDispatcher = $eventDispatcher;
+        $this->uriBuilder = $uriBuilder;
+        $this->responseFactory = $responseFactory;
+        $this->sessionBackend = $sessionManager->getSessionBackend('BE');
+    }
+
+    /**
+     * Handle switching current user to the requested target user
+     */
+    public function switchUserAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $currentUser = $this->getBackendUserAuthentication();
+        $targetUserId = (int)($request->getParsedBody()['targetUser'] ?? 0);
+
+        if (!$targetUserId
+            || !$currentUser->isAdmin()
+            || $targetUserId === $currentUser->getUserId()
+            || $currentUser->getOriginalUserIdWhenInSwitchUserMode() !== null
+        ) {
+            return $this->jsonResponse(['success' => false]);
+        }
+
+        $targetUser = BackendUtility::getRecord('be_users', $targetUserId, '*', BackendUtility::BEenableFields('be_users'));
+        if ($targetUser === null) {
+            return $this->jsonResponse(['success' => false]);
+        }
+
+        if (ExtensionManagementUtility::isLoaded('beuser')) {
+            // Set backend user listing module as starting module if installed
+            $currentUser->uc['startModuleOnFirstLogin'] = 'backend_user_management';
+        }
+        $currentUser->uc['recentSwitchedToUsers'] = $this->generateListOfMostRecentSwitchedUsers($targetUserId);
+        $currentUser->writeUC();
+
+        // Write user switch to log
+        $currentUser->writelog(Type::LOGIN, 2, 0, null, 'User %s switched to user %s (be_users:%s)', [
+            $currentUser->getUserName() ?? '',
+            $targetUser['username'] ?? '',
+            $targetUserId,
+        ]);
+
+        $sessionObject = $currentUser->getSession();
+        $sessionObject->set('backuserid', $currentUser->getUserId() ?? 0);
+        $sessionRecord = $sessionObject->toArray();
+        $sessionRecord['ses_userid'] = $targetUserId;
+        $this->sessionBackend->update($sessionObject->getIdentifier(), $sessionRecord);
+        // We must regenerate the internal session so the new ses_userid is present in the userObject
+        $currentUser->enforceNewSessionId();
+
+        $event = new SwitchUserEvent(
+            $currentUser->getSession()->getIdentifier(),
+            $targetUser,
+            (array)$currentUser->user
+        );
+        $this->eventDispatcher->dispatch($event);
+
+        return $this->jsonResponse([
+            'success' => true,
+            'url' => (string)$this->uriBuilder->buildUriFromRoute('main'),
+        ]);
+    }
+
+    /**
+     * Handle exiting the switch user mode
+     */
+    public function exitSwitchUserAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $currentUser = $this->getBackendUserAuthentication();
+
+        if ($currentUser->getOriginalUserIdWhenInSwitchUserMode() === null) {
+            return $this->jsonResponse(['success' => false]);
+        }
+
+        $sessionObject = $currentUser->getSession();
+        $originalUser = (int)$sessionObject->get('backuserid');
+        $sessionObject->set('backuserid', null);
+        $sessionRecord = $sessionObject->toArray();
+        $sessionRecord['ses_userid'] = $originalUser;
+        $this->sessionBackend->update($sessionObject->getIdentifier(), $sessionRecord);
+        // We must regenerate the internal session so the new ses_userid is present in the userObject
+        $currentUser->enforceNewSessionId();
+
+        return $this->jsonResponse([
+            'success' => true,
+            'url' => (string)$this->uriBuilder->buildUriFromRoute('main'),
+        ]);
+    }
+
+    /**
+     * Generates a list of users to whom where switched in the past. This is limited by RECENT_USERS_LIMIT.
+     *
+     * @return int[]
+     */
+    protected function generateListOfMostRecentSwitchedUsers(int $targetUserUid): array
+    {
+        $latestUserUids = [];
+        $backendUser = $this->getBackendUserAuthentication();
+
+        if (isset($backendUser->uc['recentSwitchedToUsers']) && is_array($backendUser->uc['recentSwitchedToUsers'])) {
+            $latestUserUids = $backendUser->uc['recentSwitchedToUsers'];
+        }
+
+        // Remove potentially existing user in that list
+        $index = array_search($targetUserUid, $latestUserUids, true);
+        if ($index !== false) {
+            unset($latestUserUids[$index]);
+        }
+        array_unshift($latestUserUids, $targetUserUid);
+
+        return array_slice($latestUserUids, 0, static::RECENT_USERS_LIMIT);
+    }
+
+    protected function jsonResponse(array $data): ResponseInterface
+    {
+        $response = $this->responseFactory
+            ->createResponse()
+            ->withAddedHeader('Content-Type', 'application/json; charset=utf-8');
+
+        $response->getBody()->write(json_encode($data));
+        return $response;
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/SystemInformationController.php b/Classes/Controller/SystemInformationController.php
new file mode 100644
index 0000000..159dba6
--- /dev/null
+++ b/Classes/Controller/SystemInformationController.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Backend\ToolbarItems\SystemInformationToolbarItem;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+
+/**
+ * Controller for system information processing. Used as ajax end point to update drop down
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class SystemInformationController
+{
+    public function __construct(
+        private SystemInformationToolbarItem $systemInformationToolbarItem,
+    ) {}
+
+    /**
+     * Renders the menu for AJAX calls
+     */
+    public function renderMenuAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->systemInformationToolbarItem->setRequest($request);
+        return new HtmlResponse($this->systemInformationToolbarItem->getDropDown());
+    }
+}
diff --git a/Classes/Controller/UserSettingsController.php b/Classes/Controller/UserSettingsController.php
new file mode 100644
index 0000000..fa66e9b
--- /dev/null
+++ b/Classes/Controller/UserSettingsController.php
@@ -0,0 +1,87 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Configuration\BackendUserConfiguration;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * A wrapper class to call BE_USER->uc
+ * used for AJAX and Storage/Persistent JS object
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+class UserSettingsController
+{
+    private const array ALLOWED_ACTIONS = [
+        'GET' => ['get', 'getAll'],
+        'POST' => ['set', 'addToList', 'removeFromList', 'unset', 'clear'],
+    ];
+
+    /**
+     * Processes all AJAX calls and returns a JSON for the data
+     */
+    public function processAjaxRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        // do the regular / main logic, depending on the action parameter
+        $action = $this->getValidActionFromRequest($request);
+
+        $key = $request->getParsedBody()['key'] ?? $request->getQueryParams()['key'] ?? '';
+        $value = $request->getParsedBody()['value'] ?? $request->getQueryParams()['value'] ?? '';
+        $backendUserConfiguration = GeneralUtility::makeInstance(BackendUserConfiguration::class);
+        switch ($action) {
+            case 'get':
+                $content = $backendUserConfiguration->get($key);
+                break;
+            case 'getAll':
+                $content = $backendUserConfiguration->getAll();
+                break;
+            case 'set':
+                $backendUserConfiguration->set($key, $value);
+                $content = $backendUserConfiguration->getAll();
+                break;
+            case 'addToList':
+                $backendUserConfiguration->addToList($key, $value);
+                $content = $backendUserConfiguration->getAll();
+                break;
+            case 'removeFromList':
+                $backendUserConfiguration->removeFromList($key, $value);
+                $content = $backendUserConfiguration->getAll();
+                break;
+            case 'unset':
+                $backendUserConfiguration->unsetOption($key);
+                $content = $backendUserConfiguration->getAll();
+                break;
+            case 'clear':
+                $backendUserConfiguration->clear();
+                $content = ['result' => true];
+                break;
+            default:
+                $content = ['result' => false];
+        }
+        return new JsonResponse($content);
+    }
+
+    protected function getValidActionFromRequest(ServerRequestInterface $request): string
+    {
+        $action = $request->getParsedBody()['action'] ?? $request->getQueryParams()['action'] ?? '';
+        return in_array($action, (self::ALLOWED_ACTIONS[$request->getMethod()] ?? []), true) ? $action : '';
+    }
+}
diff --git a/Classes/Controller/Wizard/AddController.php b/Classes/Controller/Wizard/AddController.php
new file mode 100644
index 0000000..7a669ae
--- /dev/null
+++ b/Classes/Controller/Wizard/AddController.php
@@ -0,0 +1,249 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Wizard;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\TcaDatabaseRecord;
+use TYPO3\CMS\Backend\Form\Utility\FormEngineUtility;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Script Class for adding new items to a group/select field. Performs proper redirection as needed.
+ * Script is typically called after new child record was added and then adds the new child to select value of parent.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+class AddController
+{
+    /**
+     * If set, the DataHandler class is loaded and used to add the returning ID to the parent record.
+     */
+    protected int $processDataFlag = 0;
+
+    /**
+     * Create new record -pid (pos/neg). If blank, return immediately
+     */
+    protected int $pid = 0;
+
+    /**
+     * The parent table we are working on.
+     */
+    protected string $table = '';
+
+    /**
+     * Loaded with the created id of a record FormEngine returns ...
+     */
+    protected int $id = 0;
+
+    /**
+     * Wizard parameters, coming from TCEforms linking to the wizard.
+     */
+    protected array $P = [];
+
+    /**
+     * Information coming back from the FormEngine script, telling what the table/id was of the newly created record.
+     */
+    protected string $returnEditConf = '';
+
+    public function __construct(
+        private readonly FormDataCompiler $formDataCompiler,
+        private readonly UriBuilder $uriBuilder,
+    ) {}
+
+    /**
+     * Injects the request object for the current request or subrequest
+     * As this controller goes only through the main() method, it is rather simple for now
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->init($request);
+
+        if ($this->returnEditConf) {
+            if ($this->processDataFlag) {
+                // Because OnTheFly can't handle MM relations with intermediate tables we use TcaDatabaseRecord here
+                // Otherwise already stored relations are overwritten with the new entry
+                $input = [
+                    'request' => $request,
+                    'tableName' => $this->P['table'],
+                    'vanillaUid' => (int)$this->P['uid'],
+                    'command' => 'edit',
+                ];
+                $result = $this->formDataCompiler->compile($input, GeneralUtility::makeInstance(TcaDatabaseRecord::class));
+                $currentParentRow = $result['databaseRow'];
+
+                // If that record was found (should absolutely be...), then init DataHandler and set, prepend or append
+                // the record
+                if (is_array($currentParentRow)) {
+                    $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
+                    $data = [];
+                    $recordId = $this->table . '_' . $this->id;
+                    // Setting the new field data:
+                    // If the field is a flexForm field, work with the XML structure instead:
+                    if ($this->P['flexFormPath']) {
+                        // Current value of flexForm path:
+                        $currentFlexFormData = $currentParentRow[$this->P['field']];
+                        $currentFlexFormValueByPath = ArrayUtility::getValueByPath($currentFlexFormData, $this->P['flexFormPath']);
+
+                        // Compile currentFlexFormData to functional string
+                        $currentFlexFormValues = [];
+                        foreach ($currentFlexFormValueByPath as $value) {
+                            if (is_array($value)) {
+                                // group fields are always resolved to array
+                                $currentFlexFormValues[] = $value['table'] . '_' . $value['uid'];
+                            } else {
+                                // but select fields may be uids only
+                                $currentFlexFormValues[] = $value;
+                            }
+                        }
+                        $currentFlexFormValue = implode(',', $currentFlexFormValues);
+
+                        $insertValue = '';
+                        switch ((string)$this->P['params']['setValue']) {
+                            case 'set':
+                                $insertValue = $recordId;
+                                break;
+                            case 'append':
+                                $insertValue = $currentFlexFormValue . ',' . $recordId;
+                                break;
+                            case 'prepend':
+                                $insertValue = $recordId . ',' . $currentFlexFormValue;
+                                break;
+                        }
+                        $insertValue = implode(',', GeneralUtility::trimExplode(',', $insertValue, true));
+                        $data[$this->P['table']][$this->P['uid']][$this->P['field']] = ArrayUtility::setValueByPath([], $this->P['flexFormPath'], $insertValue);
+                    } else {
+                        $currentValue = $currentParentRow[$this->P['field']];
+
+                        // Normalize CSV values
+                        if (!is_array($currentValue)) {
+                            $currentValue = GeneralUtility::trimExplode(',', $currentValue, true);
+                        }
+
+                        // Normalize all items to "<table>_<uid>" format
+                        $currentValue = array_map(function (array|int|string $item): string {
+                            // Handle per-item table for "group" elements
+                            if (is_array($item)) {
+                                $item = $item['table'] . '_' . $item['uid'];
+                            } else {
+                                $item = $this->table . '_' . $item;
+                            }
+
+                            return $item;
+                        }, $currentValue);
+
+                        switch ((string)$this->P['params']['setValue']) {
+                            case 'set':
+                                $currentValue = [$recordId];
+                                break;
+                            case 'append':
+                                $currentValue[] = $recordId;
+                                break;
+                            case 'prepend':
+                                array_unshift($currentValue, $recordId);
+                                break;
+                        }
+
+                        $data[$this->P['table']][$this->P['uid']][$this->P['field']] = implode(',', $currentValue);
+                    }
+                    // Submit the data:
+                    $dataHandler->start($data, []);
+                    $dataHandler->process_datamap();
+                }
+            }
+            // Return to the parent FormEngine record editing session:
+            return new RedirectResponse(GeneralUtility::sanitizeLocalUrl($this->P['returnUrl'], $request));
+        }
+
+        // Redirecting to FormEngine with instructions to create a new record
+        // AND when closing to return back with information about that records ID etc.
+        $normalizedParams = $request->getAttribute('normalizedParams');
+        $redirectUrl = (string)$this->uriBuilder->buildUriFromRoute('record_edit', [
+            'returnEditConf' => 1,
+            'edit[' . $this->P['params']['table'] . '][' . $this->pid . ']' => 'new',
+            // @todo add module context to wizard/add routes and set module context here
+            'returnUrl' => $normalizedParams->getRequestUri(),
+        ]);
+
+        return new RedirectResponse($redirectUrl);
+    }
+
+    /**
+     * Initialization of the class.
+     */
+    protected function init(ServerRequestInterface $request): void
+    {
+        $parsedBody = $request->getParsedBody();
+        $queryParams = $request->getQueryParams();
+        // Init GPvars:
+        $this->P = $parsedBody['P'] ?? $queryParams['P'] ?? [];
+        $this->returnEditConf = $parsedBody['returnEditConf'] ?? $queryParams['returnEditConf'] ?? '';
+        // Get this record
+        $record = BackendUtility::getRecord($this->P['table'], $this->P['uid']);
+        // Set table:
+        $this->table = $this->P['params']['table'];
+        // Get TSconfig for it.
+        $TSconfig = FormEngineUtility::getTCEFORM_TSconfig(
+            $this->P['table'],
+            is_array($record) ? $record : ['pid' => (int)$this->P['params']['pid']]
+        );
+        // Set [params][pid]
+        if (str_starts_with($this->P['params']['pid'], '###') && str_ends_with($this->P['params']['pid'], '###')) {
+            $keyword = substr($this->P['params']['pid'], 3, -3);
+            $this->pid = str_starts_with($keyword, 'PAGE_TSCONFIG_')
+                ? (int)$TSconfig[$this->P['field']][$keyword]
+                : (int)$TSconfig['_' . $keyword];
+        } else {
+            $this->pid = (int)$this->P['params']['pid'];
+        }
+
+        // If a new id has returned from a newly created record...
+        if ($this->returnEditConf) {
+            $editConfiguration = json_decode($this->returnEditConf, true);
+            if (is_array($editConfiguration[$this->table]) && MathUtility::canBeInterpretedAsInteger($this->P['uid'])) {
+                // Getting id and cmd from returning editConf array.
+                reset($editConfiguration[$this->table]);
+                $this->id = (int)key($editConfiguration[$this->table]);
+                $cmd = current($editConfiguration[$this->table]);
+                // ... and if everything seems OK we will register some classes for inclusion and instruct the object
+                // to perform processing later.
+                if ($this->P['params']['setValue']
+                    && $cmd === 'edit'
+                    && $this->id
+                    && $this->P['table']
+                    && $this->P['field'] && $this->P['uid']
+                ) {
+                    $liveRecord = BackendUtility::getLiveVersionOfRecord($this->table, $this->id, 'uid');
+                    if ($liveRecord) {
+                        $this->id = $liveRecord['uid'];
+                    }
+                    $this->processDataFlag = 1;
+                }
+            }
+        }
+    }
+}
diff --git a/Classes/Controller/Wizard/EditController.php b/Classes/Controller/Wizard/EditController.php
new file mode 100644
index 0000000..5bf7d1a
--- /dev/null
+++ b/Classes/Controller/Wizard/EditController.php
@@ -0,0 +1,179 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Wizard;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Configuration\FlexForm\FlexFormTools;
+use TYPO3\CMS\Core\Database\RelationHandler;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\PathUtility;
+
+/**
+ * Script Class for redirecting a backend user to the editing form when an "Edit wizard" link was clicked in FormEngine somewhere.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+class EditController
+{
+    protected const JAVASCRIPT_HELPER = 'EXT:backend/Resources/Public/JavaScript/helper.js';
+
+    /**
+     * Wizard parameters, coming from FormEngine linking to the wizard.
+     *
+     * Contains the following parts:
+     * - table
+     * - field
+     * - formName
+     * - hmac
+     * - fieldChangeFunc
+     * - fieldChangeFuncHash
+     * - currentValue
+     * - currentSelectedValues
+     *
+     * @var array
+     */
+    protected $P;
+
+    /**
+     * Boolean; if set, the window will be closed by JavaScript
+     *
+     * @var int
+     */
+    protected $doClose;
+
+    /**
+     * HTML markup to close the open window.
+     */
+    protected string $closeWindow;
+
+    public function __construct(
+        private readonly FlexFormTools $flexFormTools,
+        private readonly TcaSchemaFactory $tcaSchemaFactory,
+        private readonly UriBuilder $uriBuilder,
+    ) {}
+
+    /**
+     * Injects the request object for the current request or subrequest
+     * As this controller goes only through the main() method, it is rather simple for now
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $this->closeWindow = sprintf(
+            '<script %s></script>',
+            GeneralUtility::implodeAttributes([
+                'src' => (string)PathUtility::getSystemResourceUri(self::JAVASCRIPT_HELPER, $request),
+                'data-action' => 'window.close',
+            ], true)
+        );
+        $parsedBody = $request->getParsedBody();
+        $queryParams = $request->getQueryParams();
+
+        $this->P = $parsedBody['P'] ?? $queryParams['P'] ?? [];
+        // Used for the return URL to FormEngine so that we can close the window.
+        $this->doClose = $parsedBody['doClose'] ?? $queryParams['doClose'] ?? 0;
+
+        return $this->processRequest();
+    }
+
+    /**
+     * Process request function
+     * Makes a header-location redirect to an edit form IF POSSIBLE from the passed data - otherwise the window will
+     * just close.
+     */
+    protected function processRequest(): ResponseInterface
+    {
+        if ($this->doClose) {
+            return new HtmlResponse($this->closeWindow);
+        }
+        // Initialize:
+        $table = $this->P['table'];
+        $field = $this->P['field'];
+        $schema = $this->tcaSchemaFactory->get($table);
+
+        if (empty($this->P['flexFormDataStructureIdentifier'])) {
+            // If there is not flex data structure identifier, field config is found in globals
+            $config = $schema->getField($field)->getConfiguration();
+        } else {
+            // If there is a flex data structure identifier, parse that data structure and
+            // fetch config defined by given flex path
+            $dataStructure = $this->flexFormTools->parseDataStructureByIdentifier($this->P['flexFormDataStructureIdentifier'], $schema);
+            $config = ArrayUtility::getValueByPath($dataStructure, $this->P['flexFormDataStructurePath']);
+            if (!is_array($config)) {
+                throw new \RuntimeException(
+                    'Something went wrong finding flex path ' . $this->P['flexFormDataStructurePath']
+                    . ' in data structure identified by ' . $this->P['flexFormDataStructureIdentifier'],
+                    1537356346
+                );
+            }
+        }
+
+        $urlParameters = [
+            'returnUrl' => (string)$this->uriBuilder->buildUriFromRoute('wizard_edit', ['doClose' => 1]),
+        ];
+
+        // Detecting the various allowed field type setups and acting accordingly.
+        if ($config['type'] === 'select'
+            && !($config['MM'] ?? false)
+            && (int)($config['maxitems'] ?? 0) <= 1
+            && MathUtility::canBeInterpretedAsInteger($this->P['currentValue'])
+            && $this->P['currentValue']
+            && $config['foreign_table']
+        ) {
+            // SINGLE value
+            $urlParameters['edit[' . $config['foreign_table'] . '][' . $this->P['currentValue'] . ']'] = 'edit';
+            // Redirect to FormEngine
+            // Note: no 'module' context here, since we're opening in a popup
+            $url = $this->uriBuilder->buildUriFromRoute('record_edit', $urlParameters);
+            return new RedirectResponse($url);
+        }
+
+        if (!empty($config['type'])
+            && !empty($this->P['currentSelectedValues'])
+            && (
+                $config['type'] === 'select' && !empty($config['foreign_table'])
+                || $config['type'] === 'group' && !empty($config['allowed'])
+            )
+        ) {
+            // MULTIPLE VALUES:
+            // Init settings:
+            $allowedTables = $config['type'] === 'group' ? $config['allowed'] : $config['foreign_table'];
+            // Selecting selected values into an array:
+            $relationHandler = GeneralUtility::makeInstance(RelationHandler::class);
+            $relationHandler->start($this->P['currentSelectedValues'], $allowedTables);
+            $value = $relationHandler->getValueArray(true);
+            // Traverse that array and make parameters for FormEngine
+            foreach ($value as $rec) {
+                $recTableUidParts = GeneralUtility::revExplode('_', $rec, 2);
+                $urlParameters['edit[' . $recTableUidParts[0] . '][' . $recTableUidParts[1] . ']'] = 'edit';
+            }
+            // Redirect to FormEngine
+            $url = $this->uriBuilder->buildUriFromRoute('record_edit', $urlParameters);
+            return new RedirectResponse($url);
+        }
+        return new HtmlResponse($this->closeWindow);
+    }
+}
diff --git a/Classes/Controller/Wizard/ImageManipulationController.php b/Classes/Controller/Wizard/ImageManipulationController.php
new file mode 100644
index 0000000..c23efb0
--- /dev/null
+++ b/Classes/Controller/Wizard/ImageManipulationController.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Wizard;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+use TYPO3\CMS\Core\Resource\Exception\FileDoesNotExistException;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Wizard for rendering image manipulation view
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class ImageManipulationController
+{
+    public function __construct(
+        protected BackendViewFactory $backendViewFactory,
+        protected HashService $hashService,
+        protected ResourceFactory $resourceFactory,
+    ) {}
+
+    /**
+     * Returns the HTML for the wizard inside the modal
+     */
+    public function getWizardContent(ServerRequestInterface $request): ResponseInterface
+    {
+        if ($this->isSignatureValid($request)) {
+            $parsedBody = json_decode($request->getParsedBody()['arguments'], true);
+            $fileUid = $parsedBody['image'];
+            $image = null;
+            if (MathUtility::canBeInterpretedAsInteger($fileUid)) {
+                try {
+                    $image = $this->resourceFactory->getFileObject($fileUid);
+                } catch (FileDoesNotExistException $e) {
+                }
+            }
+            $view = $this->backendViewFactory->create($request);
+            $view->assignMultiple([
+                'image' => $image,
+                'cropVariants' => $parsedBody['cropVariants'],
+            ]);
+            return new HtmlResponse($view->render('Form/ImageManipulationWizard'));
+        }
+        return new HtmlResponse('', 403);
+    }
+
+    /**
+     * Check if hmac signature is correct
+     *
+     * @param ServerRequestInterface $request the request with the POST parameters
+     */
+    protected function isSignatureValid(ServerRequestInterface $request): bool
+    {
+        $token = $this->hashService->hmac($request->getParsedBody()['arguments'], 'ajax_wizard_image_manipulation');
+        return hash_equals($token, $request->getParsedBody()['signature']);
+    }
+}
diff --git a/Classes/Controller/Wizard/ListController.php b/Classes/Controller/Wizard/ListController.php
new file mode 100644
index 0000000..d45b960
--- /dev/null
+++ b/Classes/Controller/Wizard/ListController.php
@@ -0,0 +1,80 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Wizard;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Form\Utility\FormEngineUtility;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Script Class for redirecting the user to the Content > Records module if a wizard-link has been clicked in FormEngine.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+class ListController
+{
+    /**
+     * Injects the request object for the current request or sub request
+     */
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+        $queryParams = $request->getQueryParams();
+
+        // Wizard parameters, coming from FormEngine linking to this wizard.
+        $parameters = $parsedBody['P'] ?? $queryParams['P'] ?? null;
+        $id = $parsedBody['id'] ?? $queryParams['id'] ?? null;
+        $table = $parameters['table'] ?? '';
+        $origRow = BackendUtility::getRecord($table, $parameters['uid']);
+        $tsConfig = FormEngineUtility::getTCEFORM_TSconfig($table, $origRow ?? ['pid' => $parameters['pid'] ?? 0]);
+
+        if (str_starts_with($parameters['params']['pid'], '###') && substr($parameters['params']['pid'], -3) === '###') {
+            $keyword = substr($parameters['params']['pid'], 3, -3);
+            if (str_starts_with($keyword, 'PAGE_TSCONFIG_')) {
+                $pid = (int)$tsConfig[$parameters['field']][$keyword];
+            } else {
+                $pid = (int)$tsConfig['_' . $keyword];
+            }
+        } else {
+            $pid = (int)$parameters['params']['pid'];
+        }
+
+        if ((string)$id !== '') {
+            // If pid is blank
+            $redirectUrl = GeneralUtility::sanitizeLocalUrl($parameters['returnUrl'], $request);
+        } else {
+            // Otherwise, show the list
+            $uriBuilder = GeneralUtility::makeInstance(UriBuilder::class);
+            $normalizedParams = $request->getAttribute('normalizedParams');
+            $requestUri = $normalizedParams->getRequestUri();
+            $urlParameters = [];
+            $urlParameters['id'] = $pid;
+            $urlParameters['table'] = $parameters['params']['table'];
+            $urlParameters['returnUrl'] = !empty($parameters['returnUrl'])
+                ? GeneralUtility::sanitizeLocalUrl($parameters['returnUrl'], $request)
+                : $requestUri;
+            $redirectUrl = (string)$uriBuilder->buildUriFromRoute('records', $urlParameters);
+        }
+
+        return new RedirectResponse($redirectUrl);
+    }
+}
diff --git a/Classes/Controller/Wizard/LocalizationController.php b/Classes/Controller/Wizard/LocalizationController.php
new file mode 100644
index 0000000..e1f31e2
--- /dev/null
+++ b/Classes/Controller/Wizard/LocalizationController.php
@@ -0,0 +1,779 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Wizard;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Configuration\TranslationConfigurationProvider;
+use TYPO3\CMS\Backend\Controller\Event\AfterPageColumnsSelectedForLocalizationEvent;
+use TYPO3\CMS\Backend\Controller\Event\AfterRecordSummaryForLocalizationEvent;
+use TYPO3\CMS\Backend\Domain\Repository\Localization\LocalizationRepository;
+use TYPO3\CMS\Backend\Localization\LocalizationHandlerInterface;
+use TYPO3\CMS\Backend\Localization\LocalizationHandlerRegistry;
+use TYPO3\CMS\Backend\Localization\LocalizationInstructions;
+use TYPO3\CMS\Backend\Localization\LocalizationMode;
+use TYPO3\CMS\Backend\Localization\LocalizationResult;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Http\Response;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * LocalizationController handles the AJAX requests for the localization wizard.
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[Autoconfigure(public: true)]
+readonly class LocalizationController
+{
+    public function __construct(
+        protected IconFactory $iconFactory,
+        protected LocalizationRepository $localizationRepository,
+        protected EventDispatcherInterface $eventDispatcher,
+        protected LocalizationHandlerInterface $localizationHandler,
+        protected LocalizationHandlerRegistry $localizationHandlerRegistry,
+        protected TcaSchemaFactory $schemaFactory,
+        protected TranslationConfigurationProvider $translationConfigurationProvider,
+        protected BackendLayoutView $backendLayoutView,
+        protected ConnectionPool $connectionPool,
+    ) {}
+
+    /**
+     * Get record information for localization wizard
+     */
+    public function getRecord(ServerRequestInterface $request): ResponseInterface
+    {
+        $params = $request->getQueryParams();
+        if (!isset($params['recordType'], $params['recordUid'])) {
+            return new JsonResponse(null, 400);
+        }
+
+        $recordType = $params['recordType'];
+        $recordUid = (int)$params['recordUid'];
+
+        $record = BackendUtility::getRecord($recordType, $recordUid);
+        if (!$record) {
+            return new JsonResponse(null, 404);
+        }
+
+        $schema = $this->schemaFactory->get($recordType);
+        $recordTitle = BackendUtility::getRecordTitle($recordType, $record);
+        $recordInfo = [
+            'uid' => $record['uid'],
+            'title' => BackendUtility::cropToTitleLength($recordTitle),
+            'icon' => $this->iconFactory->getIconForRecord($recordType, $record, IconSize::SMALL)->getIdentifier(),
+            'type' => $recordType,
+            'typeName' => $schema->getTitle($this->getLanguageService()->sL(...)),
+        ];
+
+        return new JsonResponse($recordInfo);
+    }
+
+    /**
+     * Get available localization handlers
+     *
+     * Returns handlers filtered by the localization context
+     */
+    public function getHandlers(ServerRequestInterface $request): ResponseInterface
+    {
+        $params = $request->getQueryParams();
+
+        try {
+            $localizationInstructions = LocalizationInstructions::create($params);
+        } catch (\ValueError) {
+            return new JsonResponse(['error' => 'Invalid localization mode'], 400);
+        } catch (\InvalidArgumentException) {
+            // Validate required parameters
+            return new JsonResponse(null, 400);
+        }
+
+        // Get available handlers from registry
+        $handlers = $this->localizationHandlerRegistry->getAvailableHandlers($localizationInstructions);
+
+        // Prepare handlers for JSON response with translated labels
+        $result = [];
+        foreach ($handlers as $handler) {
+            $result[] = [
+                'identifier' => $handler->getIdentifier(),
+                'label' => $this->getLanguageService()->sL($handler->getLabel()),
+                'description' => $this->getLanguageService()->sL($handler->getDescription()),
+                'iconIdentifier' => $handler->getIconIdentifier(),
+            ];
+        }
+
+        return new JsonResponse($result);
+    }
+
+    /**
+     * Get available localization modes
+     */
+    public function getModes(ServerRequestInterface $request): ResponseInterface
+    {
+        $params = $request->getQueryParams();
+        if (!isset($params['recordType'], $params['recordUid'], $params['targetLanguage'])) {
+            return new JsonResponse(null, 400);
+        }
+
+        $recordType = $params['recordType'];
+        $recordUid = (int)$params['recordUid'];
+        $targetLanguage = (int)$params['targetLanguage'];
+
+        // For pages, use the recordUid directly as the page
+        // For other record types, find the parent page
+        if ($recordType === 'pages') {
+            $page = $recordUid;
+        } else {
+            // Get the record to find its parent page
+            $record = BackendUtility::getRecord($recordType, $recordUid);
+            if (!$record) {
+                return new JsonResponse(null, 404);
+            }
+            $page = (int)$record['pid'];
+        }
+
+        // Get page record for permission checks
+        $pageRecord = BackendUtility::readPageAccess($page, $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW));
+        if (!$pageRecord) {
+            return new JsonResponse(null, 403);
+        }
+
+        // Get available modes based on PageTSconfig
+        $pageTsConfig = BackendUtility::getPagesTSconfig($page);
+        $schema = $this->schemaFactory->get($recordType);
+        if (!$schema->hasCapability(TcaSchemaCapability::Language)) {
+            // Table is not language-aware
+            return new JsonResponse(null, 400);
+        }
+        $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+
+        $availableModes = array_filter(
+            LocalizationMode::cases(),
+            static function (LocalizationMode $mode) use ($pageTsConfig, $languageCapability): bool {
+                return match ($mode) {
+                    LocalizationMode::COPY => ($pageTsConfig['mod.']['web_layout.']['localization.']['enableCopy'] ?? true) && $languageCapability->hasTranslationSourceField(),
+                    LocalizationMode::TRANSLATE => (bool)($pageTsConfig['mod.']['web_layout.']['localization.']['enableTranslate'] ?? true),
+                };
+            }
+        );
+
+        // Check if there are existing translations in the target language
+        // If so, we need to ensure we don't mix localization modes
+        // This check is only relevant for pages and tt_content records
+        if ($recordType === 'pages' || $recordType === 'tt_content') {
+            $existingMode = $this->detectExistingLocalizationMode($page, $targetLanguage);
+            if ($existingMode !== null) {
+                // Filter to only allow the existing mode
+                $availableModes = array_filter(
+                    $availableModes,
+                    static fn(LocalizationMode $mode): bool => $mode === $existingMode
+                );
+            }
+        }
+
+        // Sort by priority (highest first)
+        usort($availableModes, static fn(LocalizationMode $a, LocalizationMode $b): int => $b->getPriority() <=> $a->getPriority());
+
+        $modes = array_map(
+            fn(LocalizationMode $mode): array => [
+                'key' => $mode->value,
+                'label' => $this->getLanguageService()->sL($mode->getLabel()),
+                'description' => $this->getLanguageService()->sL($mode->getDescription()),
+                'iconIdentifier' => $mode->getIconIdentifier(),
+            ],
+            $availableModes
+        );
+
+        return new JsonResponse($modes);
+    }
+
+    /**
+     * Get all target languages available for translation (excluding default language)
+     */
+    public function getTargets(ServerRequestInterface $request): ResponseInterface
+    {
+        $params = $request->getQueryParams();
+        if (!isset($params['recordType'], $params['recordUid'])) {
+            return new JsonResponse(null, 400);
+        }
+
+        $recordType = $params['recordType'];
+        $recordUid = (int)$params['recordUid'];
+
+        // For pages, use the recordUid directly as the page
+        // For other record types, find the parent page
+        if ($recordType === 'pages') {
+            $page = $recordUid;
+        } else {
+            // Get the record to find its parent page
+            $record = BackendUtility::getRecord($recordType, $recordUid);
+            if (!$record) {
+                return new JsonResponse(null, 404);
+            }
+            $page = (int)$record['pid'];
+        }
+
+        // Get page record for permission checks
+        $pageRecord = BackendUtility::readPageAccess($page, $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW));
+        if (!$pageRecord) {
+            return new JsonResponse(null, 403);
+        }
+
+        $systemLanguages = $this->translationConfigurationProvider->getSystemLanguages($page);
+        $availableLanguages = [];
+        foreach ($systemLanguages as $languageUid => $language) {
+            // Exclude "All languages" (-1) and default language (0) for target language selection
+            if ($languageUid !== -1 && $languageUid !== 0) {
+                $availableLanguages[] = $language;
+            }
+        }
+
+        return new JsonResponse($availableLanguages);
+    }
+
+    /**
+     * Get source languages that have content and can be used as translation base
+     */
+    public function getSources(ServerRequestInterface $request): ResponseInterface
+    {
+        $params = $request->getQueryParams();
+        if (!isset($params['recordType'], $params['recordUid'], $params['targetLanguage'])) {
+            return new JsonResponse(null, 400);
+        }
+
+        $recordType = (string)$params['recordType'];
+        $recordUid = (int)$params['recordUid'];
+        $targetLanguage = (int)$params['targetLanguage'];
+
+        // For pages, use the recordUid directly as the page
+        // For other record types, find the parent page
+        if ($recordType === 'pages') {
+            $page = $recordUid;
+        } else {
+            // Get the record to find its parent page
+            $record = BackendUtility::getRecord($recordType, $recordUid);
+            if (!$record) {
+                return new JsonResponse(null, 404);
+            }
+            $page = (int)$record['pid'];
+        }
+
+        // Get page record for permission checks
+        $pageRecord = BackendUtility::readPageAccess($page, $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW));
+        if (!$pageRecord) {
+            return new JsonResponse(null, 403);
+        }
+
+        $systemLanguages = $this->translationConfigurationProvider->getSystemLanguages($page);
+        $availableLanguages = [];
+
+        // Find all existing translations of the record
+        $record = BackendUtility::getRecord($recordType, $recordUid);
+        if ($record) {
+            $existingLanguageUids = [0]; // Always include default language
+
+            // Check each system language to see if a translation exists
+            foreach (array_keys($systemLanguages) as $languageUid) {
+                if ($languageUid > 0) { // Skip default language (0) and "All languages" (-1)
+                    $translation = $this->localizationRepository->getRecordTranslation($recordType, $record, (int)$languageUid);
+                    if ($translation !== null) {
+                        $existingLanguageUids[] = $languageUid;
+                    }
+                }
+            }
+
+            foreach ($existingLanguageUids as $languageUid) {
+                if ($languageUid !== $targetLanguage && isset($systemLanguages[$languageUid])) {
+                    $availableLanguages[] = $systemLanguages[$languageUid];
+                }
+            }
+
+            // For pages with existing translations in the target language, we need to restrict source languages
+            // to prevent mixed translation origins (e.g., some content from language A, some from language B)
+            if ($recordType === 'pages') {
+                $availableLanguages = $this->filterSourceLanguagesForPage($recordUid, $targetLanguage, $availableLanguages);
+            }
+        }
+
+        // Language "All" should not appear as a source of translations (see bug 92757) and keys should be sequential
+        $availableLanguages = array_values(
+            array_filter($availableLanguages, static function (array $languageRecord): bool {
+                return (int)$languageRecord['uid'] !== -1;
+            })
+        );
+
+        return new JsonResponse($availableLanguages);
+    }
+
+    /**
+     * Get page layout and records for localization
+     */
+    public function getContent(ServerRequestInterface $request): ResponseInterface
+    {
+        $params = $request->getQueryParams();
+        if (!isset($params['pageUid'], $params['targetLanguage'], $params['sourceLanguage'])) {
+            return new JsonResponse(null, 400);
+        }
+
+        $pageUid = (int)$params['pageUid'];
+        $targetLanguage = (int)$params['targetLanguage'];
+        $sourceLanguage = (int)$params['sourceLanguage'];
+
+        $records = [];
+        $result = $this->localizationRepository->getRecordsToCopyDatabaseResult(
+            $pageUid,
+            $targetLanguage,
+            $sourceLanguage,
+            $this->getBackendUser()->workspace
+        );
+
+        $flatRecords = [];
+        while ($row = $result->fetchAssociative()) {
+            BackendUtility::workspaceOL('tt_content', $row, $this->getBackendUser()->workspace, true);
+            if (!$row || VersionState::tryFrom($row['t3ver_state'] ?? 0) === VersionState::DELETE_PLACEHOLDER) {
+                continue;
+            }
+            $colPos = $row['colPos'];
+
+            if (!$this->backendLayoutView->isCTypeAllowedInColPosByPage($row['CType'], $colPos, $pageUid)) {
+                continue;
+            }
+
+            if (!isset($records[$colPos])) {
+                $records[$colPos] = [];
+            }
+            $recordTitle = BackendUtility::getRecordTitle('tt_content', $row);
+            $records[$colPos][] = [
+                'icon' => $this->iconFactory->getIconForRecord('tt_content', $row, IconSize::SMALL)->getIdentifier(),
+                'title' => BackendUtility::cropToTitleLength($recordTitle),
+                'uid' => $row['uid'],
+            ];
+            $flatRecords[] = $row;
+        }
+
+        $columns = $this->getPageColumns($pageUid, $flatRecords, $params);
+        $event = new AfterRecordSummaryForLocalizationEvent($records, $columns);
+        $this->eventDispatcher->dispatch($event);
+
+        // Get the backend layout structure for visual representation
+        $backendLayout = $this->backendLayoutView->getBackendLayoutForPage($pageUid);
+        $layoutStructure = $this->buildLayoutStructure($backendLayout, $event->getColumns(), $event->getRecords());
+
+        return new JsonResponse([
+            'layout' => $layoutStructure,
+        ]);
+    }
+
+    public function localize(ServerRequestInterface $request): ResponseInterface
+    {
+        $params = $request->getParsedBody();
+
+        if (!isset(
+            $params['recordType'],
+            $params['recordUid'],
+            $params['data']['sourceLanguage'],
+            $params['data']['targetLanguage'],
+            $params['data']['localizationMode']
+        )) {
+            return new JsonResponse(null, 400);
+        }
+
+        $recordType = $params['recordType'];
+        $recordUid = (int)$params['recordUid'];
+        $sourceLanguage = (int)$params['data']['sourceLanguage'];
+        $targetLanguage = (int)$params['data']['targetLanguage'];
+        $modeIdentifier = $params['data']['localizationMode'];
+        $handlerIdentifier = $params['data']['localizationHandler'] ?? 'manual';
+
+        // Prepare Additional Data
+        $additionalData = $params['data'];
+        unset($additionalData['sourceLanguage']);
+        unset($additionalData['targetLanguage']);
+        unset($additionalData['localizationMode']);
+        unset($additionalData['localizationHandler']);
+
+        // Validate that the mode exists
+        $mode = LocalizationMode::tryFrom($modeIdentifier);
+        if ($mode === null) {
+            $response = new Response('php://temp', 400, ['Content-Type' => 'application/json; charset=utf-8']);
+            $response->getBody()->write('Invalid localization mode "' . $modeIdentifier . '" called.');
+            return $response;
+        }
+
+        try {
+            $localizationInstructions = new LocalizationInstructions(
+                $recordType,
+                $recordUid,
+                $sourceLanguage,
+                $targetLanguage,
+                $mode,
+                $additionalData
+            );
+        } catch (\ValueError) {
+            return new JsonResponse(['error' => 'Invalid localization mode'], 400);
+        } catch (\InvalidArgumentException) {
+            // Validate required parameters
+            return new JsonResponse(null, 400);
+        }
+
+        // Process the localization using the handler
+        try {
+            // Get the handler from the registry or fall back to the default handler
+            if ($this->localizationHandlerRegistry->hasHandler($handlerIdentifier)) {
+                $handler = $this->localizationHandlerRegistry->getHandler($handlerIdentifier);
+            } else {
+                $handler = $this->localizationHandler;
+            }
+
+            // Use the handler to process the localization with the selected mode
+            $result = $handler->processLocalization($localizationInstructions);
+        } catch (\Exception $e) {
+            $result = LocalizationResult::error([$e->getMessage()]);
+        }
+        return new JsonResponse($result->jsonSerialize());
+    }
+
+    private function getPageColumns(int $page, array $flatRecords, array $params): array
+    {
+        $columns = [];
+        $backendLayout = $this->backendLayoutView->getBackendLayoutForPage($page);
+
+        foreach ($backendLayout->getUsedColumns() as $columnPos => $columnLabel) {
+            $columns[$columnPos] = $this->getLanguageService()->sL($columnLabel);
+        }
+
+        $event = new AfterPageColumnsSelectedForLocalizationEvent($columns, [], $backendLayout, $flatRecords, $params);
+        $this->eventDispatcher->dispatch($event);
+
+        return $event->getColumns();
+    }
+
+    private function buildLayoutStructure($backendLayout, array $columns, array $records): array
+    {
+        // Calculate total elements across all columns
+        $elementCount = 0;
+        foreach ($records as $colPos => $columnRecords) {
+            if (is_array($columnRecords)) {
+                $elementCount += count($columnRecords);
+            }
+        }
+
+        if (!$backendLayout) {
+            // Create a simple single-row layout when no backend layout is available
+            $layoutColumns = [];
+            foreach ($columns as $colPos => $columnLabel) {
+                $layoutColumns[] = [
+                    'position' => (int)$colPos,
+                    'label' => $columnLabel,
+                    'records' => $records[$colPos] ?? [],
+                    'colspan' => 1,
+                    'rowspan' => 1,
+                    'identifier' => null,
+                ];
+            }
+
+            return [
+                'type' => 'layout',
+                'title' => 'Default Layout',
+                'identifier' => 'default',
+                'colCount' => count($columns),
+                'rowCount' => 1,
+                'elementCount' => $elementCount,
+                'rows' => [
+                    [
+                        'columns' => $layoutColumns,
+                    ],
+                ],
+            ];
+        }
+
+        $structure = $backendLayout->getStructure();
+        $layoutRows = [];
+
+        if (!empty($structure['__config']['backend_layout.']['rows.'])) {
+            $rows = $structure['__config']['backend_layout.']['rows.'];
+            ksort($rows);
+
+            foreach ($rows as $row) {
+                $layoutColumns = [];
+
+                if (!empty($row['columns.'])) {
+                    foreach ($row['columns.'] as $column) {
+                        if (!isset($column['colPos'])) {
+                            continue;
+                        }
+
+                        $colPos = (int)$column['colPos'];
+                        $layoutColumns[] = [
+                            'position' => $colPos,
+                            'label' => $columns[$colPos] ?? $column['name'],
+                            'records' => $records[$colPos] ?? [],
+                            'colspan' => (int)($column['colspan'] ?? 1),
+                            'rowspan' => (int)($column['rowspan'] ?? 1),
+                            'identifier' => $column['identifier'] ?? null,
+                        ];
+                    }
+                }
+
+                $layoutRows[] = [
+                    'columns' => $layoutColumns,
+                ];
+            }
+        }
+
+        return [
+            'type' => 'layout',
+            'title' => $backendLayout->getTitle(),
+            'identifier' => $backendLayout->getIdentifier(),
+            'colCount' => $backendLayout->getColCount(),
+            'rowCount' => $backendLayout->getRowCount(),
+            'elementCount' => $elementCount,
+            'rows' => $layoutRows,
+        ];
+    }
+
+    /**
+     * Filter available source languages for page translations based on existing content
+     *
+     * For pages, when translations already exist in the target language with content assigned,
+     * we need to ensure that new content is only translated from the same source language(s)
+     * as the existing content to avoid creating mixed translations in terms of language origin.
+     *
+     * @param int $pageUid The page UID being translated
+     * @param int $targetLanguage The target language ID
+     * @param array $availableLanguages All available source languages (to be filtered)
+     * @return array Filtered available language configurations
+     */
+    private function filterSourceLanguagesForPage(int $pageUid, int $targetLanguage, array $availableLanguages): array
+    {
+        // Check if a page translation exists in the target language
+        $pageTranslation = $this->localizationRepository->getPageTranslations($pageUid, [$targetLanguage], $this->getBackendUser()->workspace);
+        if ($pageTranslation === []) {
+            return $availableLanguages;
+        }
+
+        // Get source languages used by existing content in the target language
+        // Note: Content elements are stored on the original page with sys_language_uid set to the target language
+        $usedSourceLanguages = $this->getUsedSourceLanguagesForPage($pageUid, $targetLanguage);
+
+        if (empty($usedSourceLanguages)) {
+            return $availableLanguages;
+        }
+
+        // Filter to only allow source languages already in use
+        return array_filter(
+            $availableLanguages,
+            static fn(array $language): bool => isset($usedSourceLanguages[(int)$language['uid']])
+        );
+    }
+
+    /**
+     * Get the source languages used by existing content on a page
+     *
+     * @param int $pageUid The page UID
+     * @param int $targetLanguage The target language ID
+     * @return array<int, true> Map of source language UIDs that are in use
+     */
+    private function getUsedSourceLanguagesForPage(int $pageUid, int $targetLanguage): array
+    {
+        $schema = $this->schemaFactory->get('tt_content');
+        $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+
+        if (!$languageCapability->hasTranslationSourceField()) {
+            return [];
+        }
+
+        $languageField = $languageCapability->getLanguageField()->getName();
+        $translationSourceField = $languageCapability->getTranslationSourceField()->getName();
+
+        // Get all l10n_source UIDs from translated content
+        $queryBuilder = $this->connectionPool
+            ->getQueryBuilderForTable('tt_content');
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+
+        $result = $queryBuilder
+            ->select($translationSourceField)
+            ->from('tt_content')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'pid',
+                    $queryBuilder->createNamedParameter($pageUid, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->eq(
+                    $languageField,
+                    $queryBuilder->createNamedParameter($targetLanguage, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->gt(
+                    $translationSourceField,
+                    $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                )
+            )
+            ->executeQuery();
+
+        // Collect unique source UIDs
+        $sourceUids = [];
+        while ($row = $result->fetchAssociative()) {
+            $sourceUid = (int)$row[$translationSourceField];
+            $sourceUids[$sourceUid] = $sourceUid;
+        }
+
+        if (empty($sourceUids)) {
+            return [];
+        }
+
+        // Get the language of all source records
+        $sourceQueryBuilder = $this->connectionPool
+            ->getQueryBuilderForTable('tt_content');
+        $sourceQueryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class));
+
+        $sourceResult = $sourceQueryBuilder
+            ->select($languageField)
+            ->from('tt_content')
+            ->where(
+                $sourceQueryBuilder->expr()->in(
+                    'uid',
+                    $sourceQueryBuilder->createNamedParameter($sourceUids, Connection::PARAM_INT_ARRAY)
+                )
+            )
+            ->groupBy($languageField)
+            ->executeQuery();
+
+        $usedSourceLanguages = [];
+        while ($row = $sourceResult->fetchAssociative()) {
+            $sourceLanguageUid = (int)$row[$languageField];
+            $usedSourceLanguages[$sourceLanguageUid] = true;
+        }
+
+        return $usedSourceLanguages;
+    }
+
+    /**
+     * Detect the localization mode used by existing translations on a page
+     *
+     * This method checks if there are existing content elements in the target language
+     * and determines whether they were created using COPY (free) or TRANSLATE (connected) mode.
+     * This prevents mixing different localization modes on the same page, which would lead to
+     * inconsistent translation workflows.
+     *
+     * Note: Pages themselves are always created in connected mode (using 'localize' command),
+     * so we check the content elements on the page to determine the actual localization mode.
+     *
+     * The distinction is made by checking the translation origin pointer field obtained from the
+     * schema's language capability:
+     * - TRANSLATE mode (connected): Records have translation origin pointer > 0 (linked to source language)
+     * - COPY mode (free): Records have translation origin pointer = 0 (independent copies)
+     *
+     * @param int $pageId The page ID to check
+     * @param int $targetLanguage The target language ID
+     * @return LocalizationMode|null The detected mode, or null if no translations exist
+     */
+    private function detectExistingLocalizationMode(int $pageId, int $targetLanguage): ?LocalizationMode
+    {
+        // Get the TCA schema to determine the correct field names
+        $schema = $this->schemaFactory->get('tt_content');
+
+        if (!$schema->hasCapability(TcaSchemaCapability::Language)) {
+            // Table is not language-aware
+            return null;
+        }
+
+        $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+        $transOrigPointerField = $languageCapability->getTranslationOriginPointerField()->getName();
+        $languageField = $languageCapability->getLanguageField()->getName();
+
+        // Check content elements on the page, as pages themselves are always connected
+        // but their content determines the actual localization mode being used
+        $queryBuilder = $this->connectionPool
+            ->getQueryBuilderForTable('tt_content');
+
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+
+        // Select only the translation pointer field to determine the mode
+        $result = $queryBuilder
+            ->select($transOrigPointerField)
+            ->from('tt_content')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'pid',
+                    $queryBuilder->createNamedParameter($pageId, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->eq(
+                    $languageField,
+                    $queryBuilder->createNamedParameter($targetLanguage, Connection::PARAM_INT)
+                )
+            )
+            ->executeQuery();
+
+        $hasRecords = false;
+        $hasConnected = false;
+
+        // Iterate through results to detect the mode
+        while ($row = $result->fetchAssociative()) {
+            $hasRecords = true;
+            $transOrigPointer = (int)($row[$transOrigPointerField] ?? 0);
+
+            // If we find any connected record (transOrigPointer > 0), return TRANSLATE immediately
+            // This prevents mixing modes even if there are also free mode records
+            if ($transOrigPointer > 0) {
+                $hasConnected = true;
+                break;
+            }
+        }
+
+        // No records found
+        if (!$hasRecords) {
+            return null;
+        }
+
+        // If any connected record exists, return TRANSLATE mode
+        // Otherwise, all records are free mode, return COPY
+        return $hasConnected ? LocalizationMode::TRANSLATE : LocalizationMode::COPY;
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Controller/Wizard/PageWizardController.php b/Classes/Controller/Wizard/PageWizardController.php
new file mode 100644
index 0000000..5b5edb0
--- /dev/null
+++ b/Classes/Controller/Wizard/PageWizardController.php
@@ -0,0 +1,164 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Wizard;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\OnTheFly;
+use TYPO3\CMS\Backend\Form\FormDataProvider\DatabaseEffectivePid;
+use TYPO3\CMS\Backend\Form\FormDataProvider\DatabaseParentPageRow;
+use TYPO3\CMS\Backend\Form\FormDataProvider\DatabaseRowInitializeNew;
+use TYPO3\CMS\Backend\Form\FormDataProvider\DatabaseUniqueUidNewRow;
+use TYPO3\CMS\Backend\Form\FormDataProvider\DatabaseUserPermissionCheck;
+use TYPO3\CMS\Backend\Form\FormDataProvider\InitializeProcessedTca;
+use TYPO3\CMS\Backend\Form\FormDataProvider\PageTsConfig;
+use TYPO3\CMS\Backend\Form\FormDataProvider\TcaSelectItems;
+use TYPO3\CMS\Backend\Form\FormDataProvider\UserTsConfig;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Controller providing AJAX endpoints for page wizard functionality.
+ * Handles fetching doktypes, page details, and processed field values
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+final readonly class PageWizardController
+{
+    public function __construct(
+        private IconFactory $iconFactory,
+        private FormDataCompiler $formDataCompiler
+    ) {}
+
+    public function getDoktypesAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $position = $request->getQueryParams()['data']['position'] ?? [];
+        $pageUid = (int)($position['pageUid'] ?? 0);
+        $insertPosition = $position['insertPosition'] ?? 'inside';
+
+        $parentPageUid = $insertPosition === 'inside'
+            ? $pageUid
+            : (BackendUtility::getRecord('pages', $pageUid, 'pid')['pid'] ?? null);
+
+        $backendUser = $this->getBackendUser();
+        $parentPage = BackendUtility::readPageAccess((int)$parentPageUid, $backendUser->getPagePermsClause(Permission::PAGE_NEW));
+        if (!$parentPage) {
+            return new JsonResponse(null, 403);
+        }
+
+        $formDataGroup = GeneralUtility::makeInstance(OnTheFly::class);
+        $formDataGroup->setProviderList([
+            InitializeProcessedTca::class,
+            DatabaseParentPageRow::class,
+            DatabaseUserPermissionCheck::class,
+            DatabaseEffectivePid::class,
+            UserTsConfig::class,
+            PageTsConfig::class,
+            DatabaseRowInitializeNew::class,
+            DatabaseUniqueUidNewRow::class,
+            TcaSelectItems::class,
+        ]);
+
+        $doktypes = $this->formDataCompiler
+            ->compile(
+                [
+                    'command' => 'new',
+                    'request' => $request,
+                    'tableName' => 'pages',
+                    'vanillaUid' => $parentPageUid,
+                ],
+                $formDataGroup
+            )['processedTca']['columns']['doktype']['config']['items'] ?? [];
+
+        $result = [];
+        foreach ($doktypes as $doktype) {
+            $result[] = [
+                'value' => $doktype['value'] ?? '',
+                'label' => $doktype['label'] ?? '',
+                'icon' => $doktype['icon'] ?? '',
+                'description' => $doktype['description'] ?? '',
+            ];
+        }
+
+        return new JsonResponse($result, 200);
+    }
+
+    public function getPageDetailAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $params = $request->getQueryParams();
+        $pageUid = $params['pageUid'] ?? null;
+
+        if ($pageUid === null) {
+            return new JsonResponse(['error' => 'Missing required query parameter: pageUid'], 400);
+        }
+
+        if ((int)$pageUid === 0) {
+            return new JsonResponse([
+                'uid' => 0,
+                'title' => $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?? 'TYPO3',
+                'icon' => 'apps-pagetree-root',
+            ]);
+        }
+
+        $page = BackendUtility::readPageAccess((int)$pageUid, $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW));
+
+        if (!$page) {
+            return new JsonResponse(null, 403);
+        }
+
+        $recordInfo = [
+            'uid' => $page['uid'],
+            'title' => $page['title'],
+            'icon' => $this->iconFactory->getIconForRecord('pages', $page, IconSize::SMALL)->getIdentifier(),
+        ];
+
+        return new JsonResponse($recordInfo);
+    }
+
+    public function getProcessedValueAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $params = $request->getQueryParams();
+        $fields = $params['fields'] ?? [];
+        $pageUid = (int)($params['pageUid'] ?? 0);
+
+        $page = BackendUtility::readPageAccess($pageUid, $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW));
+        if (!$page) {
+            return new JsonResponse(null, 403);
+        }
+
+        $result = [];
+        foreach ($fields as $fieldName => $value) {
+            $result[$fieldName] = BackendUtility::getProcessedValue('pages', $fieldName, $value, 0, false, false, 0, true, $pageUid);
+        }
+
+        return new JsonResponse($result);
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/Wizard/SuggestWizardController.php b/Classes/Controller/Wizard/SuggestWizardController.php
new file mode 100644
index 0000000..32ef820
--- /dev/null
+++ b/Classes/Controller/Wizard/SuggestWizardController.php
@@ -0,0 +1,327 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Wizard;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Form\Wizard\SuggestWizardDefaultReceiver;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Configuration\FlexForm\FlexFormTools;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\QueryHelper;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Schema\Capability\RootLevelCapability;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Security\RawValue;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Receives ajax request from FormEngine suggest wizard and creates suggest answer as json result
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class SuggestWizardController
+{
+    public function __construct(
+        private FlexFormTools $flexFormTools,
+        private TcaSchemaFactory $tcaSchemaFactory,
+        private ConnectionPool $connectionPool,
+    ) {}
+
+    /**
+     * Ajax handler for the "suggest" feature in FormEngine.
+     *
+     * @throws \RuntimeException for incomplete or invalid arguments
+     */
+    public function searchAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+
+        $search = $parsedBody['value'] ?? null;
+        $tableName = $parsedBody['tableName'] ?? null;
+        $fieldName = $parsedBody['fieldName'] ?? null;
+        $uid = $parsedBody['uid'] ?? null;
+        $pid = isset($parsedBody['pid']) ? (int)$parsedBody['pid'] : 0;
+        $dataStructureIdentifier = $parsedBody['dataStructureIdentifier'] ?? '';
+        $flexFormSheetName = $parsedBody['flexFormSheetName'] ?? null;
+        $flexFormFieldName = $parsedBody['flexFormFieldName'] ?? null;
+        $flexFormContainerName = $parsedBody['flexFormContainerName'] ?? null;
+        $flexFormContainerFieldName = $parsedBody['flexFormContainerFieldName'] ?? null;
+        $recordType = (string)($parsedBody['recordTypeValue'] ?? '') ?: null;
+        $schema = $this->tcaSchemaFactory->get($tableName);
+
+        // Determine TCA config of field
+        if (empty($dataStructureIdentifier)) {
+            // Normal columns field
+            $fieldInformation = $schema->getField($fieldName);
+            $fieldConfig = $fieldInformation->getConfiguration();
+            $fieldNameInPageTsConfig = $fieldName;
+
+            // With possible columnsOverrides
+            // @todo Validate if we can move this fallback recordType determination, should be do-able in v13?!
+            if ($recordType === null) {
+                $recordType = BackendUtility::getTCAtypeValue(
+                    $tableName,
+                    BackendUtility::getRecord($tableName, $uid) ?? [],
+                    true
+                );
+            }
+            if ($recordType !== null && $schema->hasSubSchema($recordType)) {
+                $fieldConfig = $schema->getSubSchema($recordType)->getField($fieldName)->getConfiguration();
+            }
+        } else {
+            // A flex-form field
+            $dataStructure = $this->flexFormTools->parseDataStructureByIdentifier($dataStructureIdentifier, $schema);
+            if (empty($flexFormContainerFieldName)) {
+                // @todo: See if a path in pageTsConfig like "TCEForm.tableName.theContainerFieldName =" is useful and works with other pageTs, too.
+                $fieldNameInPageTsConfig = $flexFormFieldName;
+                if (!isset($dataStructure['sheets'][$flexFormSheetName]['ROOT']
+                    ['el'][$flexFormFieldName]['config'])
+                ) {
+                    throw new \RuntimeException(
+                        'Specified path ' . $flexFormFieldName . ' not found in flex form data structure',
+                        1480609491
+                    );
+                }
+                $fieldConfig = $dataStructure['sheets'][$flexFormSheetName]['ROOT']
+                    ['el'][$flexFormFieldName]['config'];
+            } else {
+                $fieldNameInPageTsConfig = $flexFormContainerFieldName;
+                if (!isset($dataStructure['sheets'][$flexFormSheetName]['ROOT']
+                        ['el'][$flexFormFieldName]
+                        ['el'][$flexFormContainerName]
+                        ['el'][$flexFormContainerFieldName]['config'])
+                ) {
+                    throw new \RuntimeException(
+                        'Specified path ' . $flexFormContainerName . ' not found in flex form section container data structure',
+                        1480611208
+                    );
+                }
+                $fieldConfig = $dataStructure['sheets'][$flexFormSheetName]['ROOT']
+                    ['el'][$flexFormFieldName]
+                    ['el'][$flexFormContainerName]
+                    ['el'][$flexFormContainerFieldName]['config'];
+            }
+        }
+
+        $pageTsConfig = BackendUtility::getPagesTSconfig($pid);
+
+        $wizardConfig = $fieldConfig['suggestOptions'] ?? [];
+
+        $queryTables = $this->getTablesToQueryFromFieldConfiguration($fieldConfig);
+        $whereClause = $this->getWhereClause($fieldConfig);
+
+        $resultRows = [];
+
+        // fetch the records for each query table. A query table is a table from which records are allowed to
+        // be added to the TCEForm selector, originally fetched from the "allowed" config option in the TCA
+        foreach ($queryTables as $queryTable) {
+            // if the table does not exist, skip it
+            if (!$this->tcaSchemaFactory->has($queryTable)) {
+                continue;
+            }
+
+            $config = $this->getConfigurationForTable($queryTable, $wizardConfig, $pageTsConfig, $tableName, $fieldNameInPageTsConfig);
+
+            // process addWhere
+            if (!isset($config['addWhere']) && $whereClause) {
+                $config['addWhere'] = $whereClause;
+            }
+            if (isset($config['addWhere'])) {
+                $replacement = [
+                    '###THIS_UID###' => (int)$uid,
+                    '###CURRENT_PID###' => (int)$pid,
+                ];
+                if (isset($pageTsConfig['TCEFORM.'][$tableName . '.'][$fieldNameInPageTsConfig . '.'])) {
+                    $fieldTSconfig = $pageTsConfig['TCEFORM.'][$tableName . '.'][$fieldNameInPageTsConfig . '.'];
+                    if (isset($fieldTSconfig['PAGE_TSCONFIG_ID'])) {
+                        $replacement['###PAGE_TSCONFIG_ID###'] = (int)$fieldTSconfig['PAGE_TSCONFIG_ID'];
+                    }
+                    if (isset($fieldTSconfig['PAGE_TSCONFIG_IDLIST'])) {
+                        $replacement['###PAGE_TSCONFIG_IDLIST###'] = implode(',', GeneralUtility::intExplode(',', (string)$fieldTSconfig['PAGE_TSCONFIG_IDLIST']));
+                    }
+                    if (isset($fieldTSconfig['PAGE_TSCONFIG_STR'])) {
+                        $connection = $this->connectionPool->getConnectionForTable($fieldConfig['foreign_table']);
+                        // nasty hack, but it's currently not possible to just quote anything "inside" the value but not escaping
+                        // the whole field as it is not known where it is used in the WHERE clause
+                        $replacement['###PAGE_TSCONFIG_STR###'] = trim($connection->quote($fieldTSconfig['PAGE_TSCONFIG_STR']), '\'');
+                    }
+                }
+                $config['addWhere'] = QueryHelper::quoteDatabaseIdentifiers($this->connectionPool->getConnectionForTable($queryTable), strtr(' ' . $config['addWhere'], $replacement));
+            }
+
+            // instantiate the class that should fetch the records for this $queryTable
+            $receiverClassName = $config['receiverClass'] ?? '';
+            if (!class_exists($receiverClassName)) {
+                $receiverClassName = SuggestWizardDefaultReceiver::class;
+            }
+            $receiverObj = GeneralUtility::makeInstance($receiverClassName, $queryTable, $config);
+            $params = [
+                'value' => $search,
+                'uid' => $uid,
+            ];
+            $rows = $receiverObj->queryTable($params);
+            if (empty($rows)) {
+                continue;
+            }
+            $resultRows = $rows + $resultRows;
+            unset($rows);
+        }
+
+        // Limit the number of items in the result list
+        $maxItems = (int)($config['maxItemsInResultList'] ?? 10);
+        $maxItems = min(count($resultRows), $maxItems);
+
+        array_splice($resultRows, $maxItems);
+        return new JsonResponse(array_values($resultRows));
+    }
+
+    /**
+     * Checks if the current backend user is allowed to access the given table, based on the schema capabilities.
+     */
+    protected function currentBackendUserMayAccessTable(TcaSchema $schema): bool
+    {
+        if ($this->getBackendUser()->isAdmin()) {
+            return true;
+        }
+
+        // If the user is no admin, they may not access admin-only tables
+        if ($schema->hasCapability(TcaSchemaCapability::AccessAdminOnly)) {
+            return false;
+        }
+
+        /** @var RootLevelCapability $rootLevelCapability */
+        $rootLevelCapability = $schema->getCapability(TcaSchemaCapability::RestrictionRootLevel);
+
+        // allow access to root level pages if security restrictions should be bypassed
+        return $rootLevelCapability->canAccessRecordsOnRootLevel();
+    }
+
+    /**
+     * Returns the configuration for the suggest wizard for the given table. This does multiple overlays from the
+     * TSconfig.
+     *
+     * @param string $queryTable The table to query
+     * @param array $wizardConfig The configuration for the wizard as configured in the data structure
+     * @param array $TSconfig The TSconfig array of the current page
+     * @param string $table The table where the wizard is used
+     * @param string $field The field where the wizard is used
+     */
+    protected function getConfigurationForTable(string $queryTable, array $wizardConfig, array $TSconfig, string $table, string $field): array
+    {
+        $config = (array)($wizardConfig['default'] ?? []);
+
+        if (is_array($wizardConfig[$queryTable] ?? null)) {
+            ArrayUtility::mergeRecursiveWithOverrule($config, $wizardConfig[$queryTable]);
+        }
+
+        $globalSuggestTsConfig = $TSconfig['TCEFORM.']['suggest.'] ?? [];
+        $currentFieldSuggestTsConfig = $TSconfig['TCEFORM.'][$table . '.'][$field . '.']['suggest.'] ?? [];
+
+        // merge the configurations of different "levels" to get the working configuration for this table and
+        // field (i.e., go from the most general to the most special configuration)
+        if (is_array($globalSuggestTsConfig['default.'] ?? null)) {
+            ArrayUtility::mergeRecursiveWithOverrule($config, $this->substituteRawValues($globalSuggestTsConfig['default.']));
+        }
+
+        if (is_array($globalSuggestTsConfig[$queryTable . '.'] ?? null)) {
+            ArrayUtility::mergeRecursiveWithOverrule($config, $this->substituteRawValues($globalSuggestTsConfig[$queryTable . '.']));
+        }
+
+        // use $table instead of $queryTable here because we overlay a config
+        // for the input-field here, not for the queried table
+        if (is_array($currentFieldSuggestTsConfig['default.'] ?? null)) {
+            ArrayUtility::mergeRecursiveWithOverrule($config, $this->substituteRawValues($currentFieldSuggestTsConfig['default.']));
+        }
+
+        if (is_array($currentFieldSuggestTsConfig[$queryTable . '.'] ?? null)) {
+            ArrayUtility::mergeRecursiveWithOverrule($config, $this->substituteRawValues($currentFieldSuggestTsConfig[$queryTable . '.']));
+        }
+
+        return $config;
+    }
+
+    /**
+     * Checks the given field configuration for the tables that should be used for querying and returns them as an
+     * array.
+     */
+    protected function getTablesToQueryFromFieldConfiguration(array $fieldConfig): array
+    {
+        $queryTables = [];
+
+        if (isset($fieldConfig['allowed'])) {
+            if ($fieldConfig['allowed'] !== '*') {
+                // list of allowed tables
+                $queryTables = GeneralUtility::trimExplode(',', $fieldConfig['allowed']);
+            } else {
+                // all tables are allowed, if the user can access them
+                /** @var TcaSchema $schema */
+                foreach ($this->tcaSchemaFactory->all() as $tableName => $schema) {
+                    if ($schema->hasCapability(TcaSchemaCapability::HideInUi)) {
+                        continue;
+                    }
+                    if ($this->currentBackendUserMayAccessTable($schema)) {
+                        $queryTables[] = $tableName;
+                    }
+                }
+            }
+        } elseif (isset($fieldConfig['foreign_table'])) {
+            // use the foreign table
+            $queryTables = [$fieldConfig['foreign_table']];
+        }
+
+        return $queryTables;
+    }
+
+    /**
+     * Wraps user functions in the configuration array as a `RawValue` object,
+     * to be asserted later when actually calling `GeneralUtility::callUserFunction`.
+     */
+    protected function substituteRawValues(array $config): array
+    {
+        if (!empty($config['renderFunc'])) {
+            $config['renderFunc'] = new RawValue($config['renderFunc']);
+        }
+        return $config;
+    }
+
+    /**
+     * Returns the SQL WHERE clause to use for querying records. This is currently only relevant if a foreign_table
+     * is configured and should be used; it could e.g. be used to limit to a certain subset of records from the
+     * foreign table
+     */
+    protected function getWhereClause(array $fieldConfig): string
+    {
+        if (!isset($fieldConfig['foreign_table'], $fieldConfig['foreign_table_where'])) {
+            return '';
+        }
+
+        // strip ORDER BY clause
+        return trim(preg_replace('/ORDER[[:space:]]+BY.*/i', '', $fieldConfig['foreign_table_where']));
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Controller/Wizard/WizardController.php b/Classes/Controller/Wizard/WizardController.php
new file mode 100644
index 0000000..e01f68a
--- /dev/null
+++ b/Classes/Controller/Wizard/WizardController.php
@@ -0,0 +1,59 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Controller\Wizard;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Wizard\WizardProviderInterface;
+use TYPO3\CMS\Backend\Wizard\WizardProviderRegistry;
+use TYPO3\CMS\Core\Http\JsonResponse;
+
+/**
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+final readonly class WizardController
+{
+    public function __construct(
+        private WizardProviderRegistry $wizardProviderRegistry
+    ) {}
+
+    public function getConfigurationAction(ServerRequestInterface $request): ResponseInterface
+    {
+        return new JsonResponse(
+            $this->getProviderByRequest($request)
+                ->getConfiguration($request)
+                ->jsonSerialize()
+        );
+    }
+
+    public function submitDataAction(ServerRequestInterface $request): ResponseInterface
+    {
+        return new JsonResponse(
+            $this->getProviderByRequest($request)
+                ->handleSubmit($request)
+                ->jsonSerialize()
+        );
+    }
+
+    private function getProviderByRequest(ServerRequestInterface $request): WizardProviderInterface
+    {
+        return $this->wizardProviderRegistry->getProvider($request->getQueryParams()['mode'] ?? '');
+    }
+}
diff --git a/Classes/Date/DateConfiguration.php b/Classes/Date/DateConfiguration.php
new file mode 100644
index 0000000..6f186a5
--- /dev/null
+++ b/Classes/Date/DateConfiguration.php
@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Date;
+
+/**
+ * @internal
+ */
+final readonly class DateConfiguration implements \JsonSerializable
+{
+    public function __construct(
+        public string $timezone,
+        public DateFormats $formats,
+    ) {}
+
+    /**
+     * @return array<string, mixed>
+     */
+    public function jsonSerialize(): array
+    {
+        return [
+            'timezone' => $this->timezone,
+            'formats' => $this->formats,
+        ];
+    }
+}
diff --git a/Classes/Date/DateConfigurationFactory.php b/Classes/Date/DateConfigurationFactory.php
new file mode 100644
index 0000000..8e42f53
--- /dev/null
+++ b/Classes/Date/DateConfigurationFactory.php
@@ -0,0 +1,60 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Date;
+
+use TYPO3\CMS\Core\Localization\DateFormatter;
+
+/**
+ * @internal
+ */
+final class DateConfigurationFactory
+{
+    /**
+     * Build date format configuration for JavaScript or PHP components
+     *
+     * Returns a DateConfiguration value object that is JSON serializable
+     *
+     * @param 'php'|'javascript' $context
+     */
+    public function getConfiguration(string $context = 'php'): DateConfiguration
+    {
+        $formatter = new DateFormatter();
+
+        // Get PHP formats from TYPO3 configuration
+        $phpDateFormat = $GLOBALS['TYPO3_CONF_VARS']['SYS']['ddmmyy'] ?? 'Y-m-d';
+        $phpTimeFormat = $GLOBALS['TYPO3_CONF_VARS']['SYS']['hhmm'] ?? 'H:i';
+
+        // Convert formats based on context
+        if ($context === 'javascript') {
+            $dateFormat = $formatter->convertPhpFormatToLuxon($phpDateFormat);
+            $timeFormat = $formatter->convertPhpFormatToLuxon($phpTimeFormat);
+        } else {
+            $dateFormat = $phpDateFormat;
+            $timeFormat = $phpTimeFormat;
+        }
+
+        return new DateConfiguration(
+            timezone: date_default_timezone_get(),
+            formats: new DateFormats(
+                date: $dateFormat,
+                time: $timeFormat,
+                datetime: $dateFormat . ' ' . $timeFormat,
+            ),
+        );
+    }
+}
diff --git a/Classes/Date/DateFormats.php b/Classes/Date/DateFormats.php
new file mode 100644
index 0000000..544e6ec
--- /dev/null
+++ b/Classes/Date/DateFormats.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Date;
+
+/**
+ * @internal
+ */
+final readonly class DateFormats implements \JsonSerializable
+{
+    public function __construct(
+        public string $date,
+        public string $time,
+        public string $datetime,
+    ) {}
+
+    /**
+     * @return array<string, string>
+     */
+    public function jsonSerialize(): array
+    {
+        return [
+            'date' => $this->date,
+            'time' => $this->time,
+            'datetime' => $this->datetime,
+        ];
+    }
+}
diff --git a/Classes/DependencyInjection/AvatarProviderPass.php b/Classes/DependencyInjection/AvatarProviderPass.php
new file mode 100644
index 0000000..85c2ac4
--- /dev/null
+++ b/Classes/DependencyInjection/AvatarProviderPass.php
@@ -0,0 +1,65 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\DependencyInjection;
+
+use Symfony\Component\DependencyInjection\Compiler\CompilerPassInterface;
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Reference;
+use TYPO3\CMS\Backend\Backend\Avatar\Avatar;
+use TYPO3\CMS\Core\Service\DependencyOrderingService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Compiler pass to register tagged avatar providers
+ *
+ * @internal
+ */
+final readonly class AvatarProviderPass implements CompilerPassInterface
+{
+    public function __construct(private string $tagName) {}
+
+    public function process(ContainerBuilder $container): void
+    {
+        $avatarDefinition = $container->findDefinition(Avatar::class);
+        $orderedProviders = [];
+        $providers = [];
+
+        foreach ($container->findTaggedServiceIds($this->tagName) as $id => $tags) {
+            $definition = $container->findDefinition($id);
+
+            if (!$definition->isAutoconfigured() || $definition->isAbstract()) {
+                continue;
+            }
+
+            foreach ($tags as $attributes) {
+                $identifier = $attributes['identifier'];
+                $providers[$identifier] = [
+                    'before' => GeneralUtility::trimExplode(',', $attributes['before'] ?? '', true),
+                    'after' => GeneralUtility::trimExplode(',', $attributes['after'] ?? '', true),
+                    'serviceName' => $id,
+                ];
+            }
+        }
+
+        foreach ((new DependencyOrderingService())->orderByDependencies($providers) as ['serviceName' => $serviceName]) {
+            $orderedProviders[] = new Reference($serviceName);
+        }
+
+        $avatarDefinition->setArgument('$avatarProviders', $orderedProviders);
+    }
+}
diff --git a/Classes/DependencyInjection/ModuleAccessGatePass.php b/Classes/DependencyInjection/ModuleAccessGatePass.php
new file mode 100644
index 0000000..980b045
--- /dev/null
+++ b/Classes/DependencyInjection/ModuleAccessGatePass.php
@@ -0,0 +1,83 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\DependencyInjection;
+
+use Symfony\Component\DependencyInjection\Compiler\CompilerPassInterface;
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Reference;
+use TYPO3\CMS\Backend\Module\ModuleAccessGateInterface;
+use TYPO3\CMS\Backend\Module\ModuleAccessGateRegistry;
+use TYPO3\CMS\Core\Service\DependencyOrderingService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Compiler pass to register and order tagged module access gates.
+ *
+ * @internal
+ */
+final readonly class ModuleAccessGatePass implements CompilerPassInterface
+{
+    public function __construct(private string $tagName) {}
+
+    public function process(ContainerBuilder $container): void
+    {
+        $registryDefinition = $container->findDefinition(ModuleAccessGateRegistry::class);
+        $gates = [];
+
+        foreach ($container->findTaggedServiceIds($this->tagName) as $id => $tags) {
+            $definition = $container->findDefinition($id);
+
+            if (!$definition->isAutoconfigured() || $definition->isAbstract()) {
+                continue;
+            }
+
+            foreach ($tags as $attributes) {
+                $identifier = $attributes['identifier'] ?? null;
+                if (empty($identifier)) {
+                    throw new \RuntimeException(
+                        sprintf('Module access gate %s must have an identifier', $id),
+                        1774436662
+                    );
+                }
+
+                if (!is_subclass_of($container->getParameterBag()->resolveValue($definition->getClass()), ModuleAccessGateInterface::class)) {
+                    throw new \InvalidArgumentException(
+                        sprintf('Module access gate "%s" must implement ModuleAccessGateInterface', $identifier),
+                        1774436669
+                    );
+                }
+
+                $gates[$identifier] = [
+                    'before' => GeneralUtility::trimExplode(',', $attributes['before'] ?? '', true),
+                    'after' => GeneralUtility::trimExplode(',', $attributes['after'] ?? '', true),
+                    'serviceName' => $id,
+                ];
+            }
+        }
+
+        $orderedGates = (new DependencyOrderingService())->orderByDependencies($gates);
+
+        $registryDefinition->setArgument(
+            '$gates',
+            array_map(
+                static fn(array $config) => new Reference($config['serviceName']),
+                $orderedGates
+            )
+        );
+    }
+}
diff --git a/Classes/DependencyInjection/SidebarComponentsPass.php b/Classes/DependencyInjection/SidebarComponentsPass.php
new file mode 100644
index 0000000..8e59f9a
--- /dev/null
+++ b/Classes/DependencyInjection/SidebarComponentsPass.php
@@ -0,0 +1,86 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\DependencyInjection;
+
+use Symfony\Component\DependencyInjection\Compiler\CompilerPassInterface;
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Reference;
+use TYPO3\CMS\Backend\Sidebar\SidebarComponentInterface;
+use TYPO3\CMS\Backend\Sidebar\SidebarComponentsRegistry;
+use TYPO3\CMS\Core\Service\DependencyOrderingService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Compiler pass to register and order tagged sidebar components.
+ *
+ * Components are ordered by their before/after dependencies.
+ *
+ * @internal
+ */
+final readonly class SidebarComponentsPass implements CompilerPassInterface
+{
+    public function __construct(private string $tagName) {}
+
+    public function process(ContainerBuilder $container): void
+    {
+        $registryDefinition = $container->findDefinition(SidebarComponentsRegistry::class);
+
+        $components = [];
+
+        foreach ($container->findTaggedServiceIds($this->tagName) as $id => $tags) {
+            $definition = $container->findDefinition($id);
+
+            if (!$definition->isAutoconfigured() || $definition->isAbstract()) {
+                continue;
+            }
+
+            foreach ($tags as $attributes) {
+                $identifier = $attributes['identifier'] ?? null;
+                if (empty($identifier)) {
+                    throw new \RuntimeException(
+                        sprintf('Sidebar component %s must have an identifier', $id),
+                        1765923036
+                    );
+                }
+
+                if (!is_subclass_of($container->getParameterBag()->resolveValue($definition->getClass()), SidebarComponentInterface::class)) {
+                    throw new \InvalidArgumentException(
+                        sprintf('Sidebar component "%s" must implement SidebarComponentInterface', $identifier),
+                        1734373001
+                    );
+                }
+
+                $before = GeneralUtility::trimExplode(',', $attributes['before'] ?? '', true);
+                $after = GeneralUtility::trimExplode(',', $attributes['after'] ?? '', true);
+
+                $components[$identifier] = [
+                    'before' => $before,
+                    'after' => $after,
+                    'serviceName' => $id,
+                ];
+            }
+        }
+
+        // Order components by dependencies
+        $dependencyOrderingService = new DependencyOrderingService();
+        $orderedComponents = $dependencyOrderingService->orderByDependencies($components);
+
+        // Build ordered references array
+        $registryDefinition->setArgument('$sidebarComponents', array_map(static fn($config) => new Reference($config['serviceName']), $orderedComponents));
+    }
+}
diff --git a/Classes/Domain/Model/Element/ImmediateActionElement.php b/Classes/Domain/Model/Element/ImmediateActionElement.php
new file mode 100644
index 0000000..83303b0
--- /dev/null
+++ b/Classes/Domain/Model/Element/ImmediateActionElement.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Domain\Model\Element;
+
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Model for creating an immediate action element on a module
+ *
+ * @internal not part of TYPO3 Core API due to possible refactorings in this place.
+ */
+class ImmediateActionElement
+{
+    protected string $action;
+    protected ?array $args = null;
+
+    public static function forAction(string $action): self
+    {
+        return new self($action, null);
+    }
+
+    public static function moduleStateUpdate(string $module, $identifier, ?bool $select = null): self
+    {
+        return new self(
+            'TYPO3.Backend.Storage.ModuleStateStorage.update',
+            [$module, $identifier, $select]
+        );
+    }
+
+    public static function moduleStateUpdateWithCurrentMount(string $module, $identifier, ?bool $select = null): self
+    {
+        return new self(
+            'TYPO3.Backend.Storage.ModuleStateStorage.updateWithCurrentMount',
+            [$module, $identifier, $select]
+        );
+    }
+
+    public static function dispatchCustomEvent(string $name, ?array $details = null, bool $useTop = false): self
+    {
+        return new self(
+            'TYPO3.Backend.Event.EventDispatcher.dispatchCustomEvent',
+            [$name, $details, $useTop]
+        );
+    }
+
+    private function __construct(string $action, ?array $args)
+    {
+        $this->action = $action;
+        $this->args = $args;
+    }
+
+    public function __toString(): string
+    {
+        $attributes = ['action' => $this->action];
+        if ($this->args !== null) {
+            $attributes['args'] = GeneralUtility::jsonEncodeForHtmlAttribute($this->args);
+        }
+        return sprintf(
+            '<typo3-immediate-action %s></typo3-immediate-action>',
+            GeneralUtility::implodeAttributes($attributes, true)
+        );
+    }
+}
diff --git a/Classes/Domain/Model/Language/LanguageItem.php b/Classes/Domain/Model/Language/LanguageItem.php
new file mode 100644
index 0000000..31cff1d
--- /dev/null
+++ b/Classes/Domain/Model/Language/LanguageItem.php
@@ -0,0 +1,64 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Domain\Model\Language;
+
+use TYPO3\CMS\Core\Site\Entity\SiteLanguage;
+
+/**
+ * Represents a single language with its status and UI properties.
+ * Contains all information needed to render language menu items.
+ *
+ * @internal
+ */
+final readonly class LanguageItem
+{
+    public function __construct(
+        public SiteLanguage $siteLanguage,
+        public LanguageStatus $status,
+    ) {}
+
+    public function isExisting(): bool
+    {
+        return $this->status === LanguageStatus::Existing;
+    }
+
+    public function isCreatable(): bool
+    {
+        return $this->status === LanguageStatus::Creatable;
+    }
+
+    public function isAvailable(): bool
+    {
+        return $this->status !== LanguageStatus::Unavailable;
+    }
+
+    public function getTitle(): string
+    {
+        return $this->siteLanguage->getTitle();
+    }
+
+    public function getFlagIdentifier(): string
+    {
+        return $this->siteLanguage->getFlagIdentifier();
+    }
+
+    public function getLanguageId(): int
+    {
+        return $this->siteLanguage->getLanguageId();
+    }
+}
diff --git a/Classes/Domain/Model/Language/LanguageStatus.php b/Classes/Domain/Model/Language/LanguageStatus.php
new file mode 100644
index 0000000..6adee47
--- /dev/null
+++ b/Classes/Domain/Model/Language/LanguageStatus.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Domain\Model\Language;
+
+/**
+ * Status of a language for a specific page.
+ *
+ * @internal
+ */
+enum LanguageStatus
+{
+    /**
+     * Translation exists for this language
+     */
+    case Existing;
+
+    /**
+     * Translation can be created (language is available for the page and user has permission)
+     */
+    case Creatable;
+
+    /**
+     * Translation cannot be created (e.g. due to insufficient permissions)
+     */
+    case Unavailable;
+}
diff --git a/Classes/Domain/Model/Language/PageLanguageInformation.php b/Classes/Domain/Model/Language/PageLanguageInformation.php
new file mode 100644
index 0000000..b015a63
--- /dev/null
+++ b/Classes/Domain/Model/Language/PageLanguageInformation.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Domain\Model\Language;
+
+use TYPO3\CMS\Core\Site\Entity\SiteLanguage;
+
+/**
+ * Data Transfer Object representing language availability information for a specific page.
+ * Contains both existing translations and potential new translations.
+ *
+ * This provides a single source of truth for:
+ * - Which languages are configured and available
+ * - Which languages have translations on this page
+ * - Which languages can be created (permissions)
+ * - Translation records with workspace overlay applied
+ * - UI-ready language items for display
+ *
+ * @internal
+ */
+final readonly class PageLanguageInformation
+{
+    /**
+     * @param int $pageId Page ID this information belongs to
+     * @param SiteLanguage[] $availableLanguages All available languages
+     * @param array<int, LanguageStatus> $languageStatuses Status for each language (existing/creatable/unavailable)
+     * @param array<int, array> $existingTranslations Raw page translation records, keyed by language ID
+     * @param int[] $creatableLanguageIds IDs of languages that can be created
+     * @param bool $canUserCreateTranslations Whether user has permission to create translations
+     * @param LanguageItem[] $languageItems UI-ready language items
+     */
+    public function __construct(
+        public int $pageId,
+        public array $availableLanguages,
+        public array $languageStatuses,
+        public array $existingTranslations,
+        public array $creatableLanguageIds,
+        public bool $canUserCreateTranslations,
+        public array $languageItems,
+    ) {}
+
+    /**
+     * Check if a translation exists for a specific language.
+     */
+    public function hasTranslation(int $languageId): bool
+    {
+        return array_key_exists($languageId, $this->existingTranslations);
+    }
+
+    /**
+     * Check if a translation can be created for a specific language.
+     */
+    public function canCreateTranslation(int $languageId): bool
+    {
+        return in_array($languageId, $this->creatableLanguageIds, true);
+    }
+
+    /**
+     * Get the translation record for a specific language.
+     *
+     * @return array|null Translation record or null if not found
+     */
+    public function getTranslationRecord(int $languageId): ?array
+    {
+        return $this->existingTranslations[$languageId] ?? null;
+    }
+
+    /**
+     * Get the status of a specific language.
+     */
+    public function getLanguageStatus(int $languageId): LanguageStatus
+    {
+        return $this->languageStatuses[$languageId] ?? LanguageStatus::Unavailable;
+    }
+
+    /**
+     * Get all language IDs including default (0) and all translations.
+     *
+     * @return int[]
+     */
+    public function getAllExistingLanguageIds(): array
+    {
+        return array_merge([0], array_keys($this->existingTranslations));
+    }
+}
diff --git a/Classes/Domain/Repository/Localization/LocalizationRepository.php b/Classes/Domain/Repository/Localization/LocalizationRepository.php
new file mode 100644
index 0000000..bfb5755
--- /dev/null
+++ b/Classes/Domain/Repository/Localization/LocalizationRepository.php
@@ -0,0 +1,396 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Domain\Repository\Localization;
+
+use Doctrine\DBAL\Result;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Context\LanguageAspect;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Domain\RawRecord;
+use TYPO3\CMS\Core\Domain\RecordFactory;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * Repository for having low-level logic fetching "record translation" dealing with
+ * for the TYPO3 Backend!
+ *
+ * A few rules for this class:
+ * - It only returns translated records (having l10n_parent / l10n_source > 0)
+ * - It only deals with RawRecord (not other Records) as we are usually interested in the raw values
+ * - It has no dependency on $GLOBALS['BE_USER']
+ */
+#[Autoconfigure(public: true)]
+readonly class LocalizationRepository
+{
+    public function __construct(
+        protected TcaSchemaFactory $tcaSchemaFactory,
+        protected RecordFactory $recordFactory,
+    ) {}
+
+    /**
+     * Get records for copy process
+     */
+    public function getRecordsToCopyDatabaseResult(int $pageId, int $destLanguageId, int $languageId, int $workspaceId = 0): Result
+    {
+        $originalUids = [];
+
+        // Get original uid of existing elements triggered language
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable('tt_content');
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(new DeletedRestriction())
+            ->add(new WorkspaceRestriction($workspaceId));
+
+        $originalUidsStatement = $queryBuilder
+            ->select('l10n_source')
+            ->from('tt_content')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'sys_language_uid',
+                    $queryBuilder->createNamedParameter($destLanguageId, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->eq(
+                    'pid',
+                    $queryBuilder->createNamedParameter($pageId, Connection::PARAM_INT)
+                )
+            )
+            ->executeQuery();
+
+        while ($origUid = $originalUidsStatement->fetchOne()) {
+            $originalUids[] = (int)$origUid;
+        }
+
+        $queryBuilder
+            ->select('*')
+            ->from('tt_content')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'sys_language_uid',
+                    $queryBuilder->createNamedParameter($languageId, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->eq(
+                    'pid',
+                    $queryBuilder->createNamedParameter($pageId, Connection::PARAM_INT)
+                )
+            )
+            ->orderBy('sorting');
+
+        if ($originalUids !== []) {
+            $queryBuilder
+                ->andWhere(
+                    $queryBuilder->expr()->notIn(
+                        'uid',
+                        $queryBuilder->createNamedParameter($originalUids, Connection::PARAM_INT_ARRAY)
+                    )
+                );
+        }
+
+        return $queryBuilder->executeQuery();
+    }
+
+    /**
+     * Fetches the translated version of a record.
+     * It automatically applies workspace overlay and filters out DELETE_PLACEHOLDER records.
+     *
+     * @param string|TcaSchema $tableOrSchema The table name or TCA schema
+     * @param int|array|RecordInterface $recordOrUid The record UID, or the full record (array or RecordInterface).
+     *        When passing the full record, the pid is automatically used for filtering.
+     * @param int|LanguageAspect $language The target language ID or LanguageAspect
+     * @return RawRecord|null The translated record or null if not found
+     */
+    public function getRecordTranslation(
+        string|TcaSchema $tableOrSchema,
+        int|array|RecordInterface $recordOrUid,
+        int|LanguageAspect $language,
+        int $workspaceId = 0,
+        bool $includeDeletedRecords = false,
+    ): ?RawRecord {
+        // Resolve table name and schema
+        if ($tableOrSchema instanceof TcaSchema) {
+            $table = $tableOrSchema->getName();
+            $schema = $tableOrSchema;
+        } else {
+            $table = $tableOrSchema;
+            if (!$this->tcaSchemaFactory->has($table)) {
+                return null;
+            }
+            $schema = $this->tcaSchemaFactory->get($table);
+        }
+
+        if (!$schema->isLanguageAware()) {
+            return null;
+        }
+
+        // Resolve uid and optional pid from record
+        if ($recordOrUid instanceof RecordInterface) {
+            $uid = $recordOrUid->getUid();
+            $pid = $recordOrUid->getPid();
+        } elseif (is_array($recordOrUid)) {
+            $uid = (int)($recordOrUid['uid'] ?? 0);
+            $pid = isset($recordOrUid['pid']) ? (int)$recordOrUid['pid'] : null;
+        } else {
+            $uid = $recordOrUid;
+            $pid = null;
+        }
+
+        if ($uid === 0) {
+            return null;
+        }
+
+        // Resolve language ID
+        $languageId = $language instanceof LanguageAspect ? $language->getId() : $language;
+
+        $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable($table);
+        $queryBuilder->getRestrictions()->removeAll();
+
+        if (!$includeDeletedRecords) {
+            $queryBuilder->getRestrictions()->add(new DeletedRestriction());
+        }
+        $queryBuilder->getRestrictions()->add(new WorkspaceRestriction($workspaceId));
+
+        // Prefer translationSourceField (l10n_source) over transOrigPointerField (l10n_parent)
+        $parentPointerField = $languageCapability->hasTranslationSourceField()
+            ? $languageCapability->getTranslationSourceField()->getName()
+            : $languageCapability->getTranslationOriginPointerField()->getName();
+
+        $queryBuilder
+            ->select('*')
+            ->from($table)
+            ->where(
+                $queryBuilder->expr()->eq(
+                    $parentPointerField,
+                    $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->eq(
+                    $languageCapability->getLanguageField()->getName(),
+                    $queryBuilder->createNamedParameter($languageId, Connection::PARAM_INT)
+                )
+            )
+            ->setMaxResults(1);
+
+        // When a full record is provided, automatically filter by pid
+        if ($pid !== null) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->eq('pid', $queryBuilder->createNamedParameter($pid, Connection::PARAM_INT))
+            );
+        }
+
+        $row = $queryBuilder->executeQuery()->fetchAssociative();
+
+        if ($row === false) {
+            return null;
+        }
+
+        // Apply workspace overlay
+        BackendUtility::workspaceOL($table, $row, $workspaceId);
+        if (!is_array($row) || VersionState::tryFrom($row['t3ver_state'] ?? 0) === VersionState::DELETE_PLACEHOLDER) {
+            return null;
+        }
+
+        return $this->recordFactory->createRawRecord($table, $row);
+    }
+
+    /**
+     * Fetches all translations of a record.
+     * It automatically applies workspace overlay and filters out DELETE_PLACEHOLDER records.
+     *
+     * @param string|TcaSchema $tableOrSchema The table name or TCA schema
+     * @param int|array|RecordInterface $recordOrUid The record UID, or the full record (array or RecordInterface).
+     *        When passing the full record, the pid is automatically used for filtering.
+     * @param array<int> $limitToLanguageIds Optional list of language IDs to filter by
+     * @return RawRecord[] Array of translated records indexed by language ID
+     */
+    public function getRecordTranslations(
+        string|TcaSchema $tableOrSchema,
+        int|array|RecordInterface $recordOrUid,
+        array $limitToLanguageIds = [],
+        int $workspaceId = 0,
+        bool $includeDeletedRecords = false,
+    ): array {
+        // Resolve table name and schema
+        if ($tableOrSchema instanceof TcaSchema) {
+            $table = $tableOrSchema->getName();
+            $schema = $tableOrSchema;
+        } else {
+            $table = $tableOrSchema;
+            if (!$this->tcaSchemaFactory->has($table)) {
+                return [];
+            }
+            $schema = $this->tcaSchemaFactory->get($table);
+        }
+
+        if (!$schema->isLanguageAware()) {
+            return [];
+        }
+
+        // Resolve uid and optional pid from record
+        if ($recordOrUid instanceof RecordInterface) {
+            $uid = $recordOrUid->getUid();
+            $pid = $recordOrUid->getPid();
+        } elseif (is_array($recordOrUid)) {
+            $uid = (int)($recordOrUid['uid'] ?? 0);
+            $pid = isset($recordOrUid['pid']) ? (int)$recordOrUid['pid'] : null;
+        } else {
+            $uid = $recordOrUid;
+            $pid = null;
+        }
+
+        if ($uid === 0) {
+            return [];
+        }
+
+        $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+        $languageFieldName = $languageCapability->getLanguageField()->getName();
+
+        // Prefer translationSourceField (l10n_source) over transOrigPointerField (l10n_parent)
+        $parentPointerField = $languageCapability->hasTranslationSourceField()
+            ? $languageCapability->getTranslationSourceField()->getName()
+            : $languageCapability->getTranslationOriginPointerField()->getName();
+
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable($table);
+        $queryBuilder->getRestrictions()->removeAll();
+
+        if (!$includeDeletedRecords) {
+            $queryBuilder->getRestrictions()->add(new DeletedRestriction());
+        }
+        $queryBuilder->getRestrictions()->add(new WorkspaceRestriction($workspaceId));
+
+        $queryBuilder
+            ->select('*')
+            ->from($table)
+            ->where(
+                $queryBuilder->expr()->eq(
+                    $parentPointerField,
+                    $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->gt(
+                    $languageFieldName,
+                    $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                )
+            );
+
+        // When a full record is provided, automatically filter by pid
+        if ($pid !== null) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->eq('pid', $queryBuilder->createNamedParameter($pid, Connection::PARAM_INT))
+            );
+        }
+
+        if ($limitToLanguageIds !== []) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->in(
+                    $languageFieldName,
+                    $queryBuilder->createNamedParameter($limitToLanguageIds, Connection::PARAM_INT_ARRAY)
+                )
+            );
+        }
+
+        $result = $queryBuilder->executeQuery();
+
+        $records = [];
+        while ($row = $result->fetchAssociative()) {
+            BackendUtility::workspaceOL($table, $row, $workspaceId);
+            if (is_array($row) && VersionState::tryFrom($row['t3ver_state'] ?? 0) !== VersionState::DELETE_PLACEHOLDER) {
+                $records[(int)$row[$languageFieldName]] = $this->recordFactory->createRawRecord($table, $row);
+            }
+        }
+
+        return $records;
+    }
+
+    /**
+     * Fetches all existing page translations for a given page.
+     * It automatically applies workspace overlay and filters out DELETE_PLACEHOLDER records.
+     *
+     * @param int $pageUid The UID of the default language page
+     * @param array<int> $limitToLanguageIds Optional list of language IDs to filter by
+     * @return RawRecord[] Array of page translation records indexed by language ID
+     */
+    public function getPageTranslations(
+        int $pageUid,
+        array $limitToLanguageIds = [],
+        int $workspaceId = 0,
+        bool $includeDeletedRecords = false,
+    ): array {
+        if ($pageUid === 0) {
+            return [];
+        }
+
+        if (!$this->tcaSchemaFactory->has('pages')) {
+            return [];
+        }
+
+        $schema = $this->tcaSchemaFactory->get('pages');
+        if (!$schema->isLanguageAware()) {
+            return [];
+        }
+
+        $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+        $languageFieldName = $languageCapability->getLanguageField()->getName();
+
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable('pages');
+        $queryBuilder->getRestrictions()->removeAll();
+
+        if (!$includeDeletedRecords) {
+            $queryBuilder->getRestrictions()->add(new DeletedRestriction());
+        }
+        $queryBuilder->getRestrictions()->add(new WorkspaceRestriction($workspaceId));
+
+        $queryBuilder
+            ->select('*')
+            ->from('pages')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    $languageCapability->getTranslationOriginPointerField()->getName(),
+                    $queryBuilder->createNamedParameter($pageUid, Connection::PARAM_INT)
+                )
+            );
+
+        if ($limitToLanguageIds !== []) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->in(
+                    $languageFieldName,
+                    $queryBuilder->createNamedParameter($limitToLanguageIds, Connection::PARAM_INT_ARRAY)
+                )
+            );
+        }
+
+        $result = $queryBuilder->executeQuery();
+
+        $records = [];
+        while ($row = $result->fetchAssociative()) {
+            BackendUtility::workspaceOL('pages', $row, $workspaceId);
+            if (is_array($row) && VersionState::tryFrom($row['t3ver_state'] ?? 0) !== VersionState::DELETE_PLACEHOLDER) {
+                $records[(int)$row[$languageFieldName]] = $this->recordFactory->createRawRecord('pages', $row);
+            }
+        }
+
+        return $records;
+    }
+}
diff --git a/Classes/Dto/Breadcrumb/BreadcrumbNode.php b/Classes/Dto/Breadcrumb/BreadcrumbNode.php
new file mode 100644
index 0000000..5db2237
--- /dev/null
+++ b/Classes/Dto/Breadcrumb/BreadcrumbNode.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Dto\Breadcrumb;
+
+/**
+ * Represents a single breadcrumb node in the backend document header.
+ *
+ * Breadcrumb nodes are used to build hierarchical navigation trails that help users
+ * understand their current location within the TYPO3 backend and navigate back through
+ * parent items.
+ *
+ * @internal Subject to change until v15 LTS
+ */
+final readonly class BreadcrumbNode implements \JsonSerializable
+{
+    /**
+     * @param string $identifier Unique identifier for this node (e.g., record UID, page ID, storage identifier)
+     * @param string $label Display text shown to the user
+     * @param string|null $icon Icon identifier from the icon registry (e.g., 'actions-page-open', 'apps-pagetree-root')
+     * @param string|null $iconOverlay Overlay icon identifier for additional visual context (e.g., 'overlay-new', 'overlay-hidden')
+     * @param string|null $url Backend URL to navigate to when clicking the node. Null means node is not clickable (typically the current item)
+     * @param bool|null $forceShowIcon Forces icon display even in contexts where icons are normally hidden (e.g., module nodes)
+     */
+    public function __construct(
+        public string $identifier,
+        public string $label,
+        public ?string $icon = null,
+        public ?string $iconOverlay = null,
+        public ?string $url = null,
+        public ?bool $forceShowIcon = false,
+    ) {}
+
+    public function jsonSerialize(): array
+    {
+        return get_object_vars($this);
+    }
+}
diff --git a/Classes/Dto/FormElementData.php b/Classes/Dto/FormElementData.php
new file mode 100644
index 0000000..ecb1325
--- /dev/null
+++ b/Classes/Dto/FormElementData.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Dto;
+
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * All information that is need to edit a single record.
+ *
+ * This is mainly used as DTO within FormEngine / EditDocumentController.
+ *
+ * @internal not part of TYPO3 Core API
+ */
+final readonly class FormElementData
+{
+    public function __construct(
+        /**  Is loaded with the "title" of the currently "open document"
+         * used for the open document toolbar */
+        public string $title,
+        public string $table,
+        public int|string $uid,
+        public int $pid,
+        public array $record,
+        public int $viewId,
+        public string $command,
+        private int $userPermissionOnPage,
+    ) {}
+
+    /**
+     * Determine if delete button can be shown
+     */
+    public function hasDeleteAccess(): bool
+    {
+        $permission = new Permission($this->userPermissionOnPage);
+        return $permission->get($this->table ? Permission::PAGE_DELETE : Permission::CONTENT_EDIT);
+    }
+
+    /**
+     * True if a record has been saved
+     */
+    public function isSavedRecord(): bool
+    {
+        return $this->command !== 'new' && $this->table !== '' && MathUtility::canBeInterpretedAsInteger($this->uid);
+    }
+}
diff --git a/Classes/Dto/Settings/EditableSetting.php b/Classes/Dto/Settings/EditableSetting.php
new file mode 100644
index 0000000..9cde78b
--- /dev/null
+++ b/Classes/Dto/Settings/EditableSetting.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Dto\Settings;
+
+use TYPO3\CMS\Core\Settings\SettingDefinition;
+
+/**
+ * @internal
+ */
+final readonly class EditableSetting implements \JsonSerializable
+{
+    public function __construct(
+        public SettingDefinition $definition,
+        public string|int|float|bool|array|null $value,
+        public string|int|float|bool|array|null $systemDefault,
+        public string $typeImplementation,
+    ) {}
+
+    public function jsonSerialize(): array
+    {
+        return get_object_vars($this);
+    }
+
+    public function getRenderedValue(): string
+    {
+        if (is_array($this->value)) {
+            return implode(', ', $this->value);
+        }
+        if (is_scalar($this->value)) {
+            return (string)$this->value;
+        }
+        return '';
+    }
+}
diff --git a/Classes/Dto/Tree/FileTreeItem.php b/Classes/Dto/Tree/FileTreeItem.php
new file mode 100644
index 0000000..8429f7e
--- /dev/null
+++ b/Classes/Dto/Tree/FileTreeItem.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Dto\Tree;
+
+/**
+ * @internal
+ */
+final readonly class FileTreeItem implements \JsonSerializable
+{
+    public function __construct(
+        public TreeItem $item,
+        public string $pathIdentifier,
+        public int $storage,
+        public string $resourceType,
+    ) {}
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'type' => 'FileTreeItem',
+            ...$this->item->jsonSerialize(),
+            'pathIdentifier' => $this->pathIdentifier,
+            'storage' => $this->storage,
+            'resourceType' => $this->resourceType,
+        ];
+    }
+}
diff --git a/Classes/Dto/Tree/Label/Label.php b/Classes/Dto/Tree/Label/Label.php
new file mode 100644
index 0000000..d518765
--- /dev/null
+++ b/Classes/Dto/Tree/Label/Label.php
@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Dto\Tree\Label;
+
+final readonly class Label implements \JsonSerializable
+{
+    public function __construct(
+        public string $label,
+        public string $color = '#ff8700',
+        public int $priority = 0,
+        /** @internal Only to be used by TYPO3 core */
+        public bool $inheritByChildren = true,
+    ) {}
+
+    public function jsonSerialize(): array
+    {
+        return get_object_vars($this);
+    }
+}
diff --git a/Classes/Dto/Tree/PageTreeItem.php b/Classes/Dto/Tree/PageTreeItem.php
new file mode 100644
index 0000000..31efc5b
--- /dev/null
+++ b/Classes/Dto/Tree/PageTreeItem.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Dto\Tree;
+
+/**
+ * @internal
+ */
+final readonly class PageTreeItem implements \JsonSerializable
+{
+    public function __construct(
+        public TreeItem $item,
+        public int $doktype,
+        public string $nameSourceField,
+        public int $workspaceId,
+        public bool $locked,
+        public bool $stopPageTree,
+        public int $mountPoint,
+    ) {}
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'type' => 'PageTreeItem',
+            ...$this->item->jsonSerialize(),
+            'doktype' => $this->doktype,
+            'nameSourceField' => $this->nameSourceField,
+            'workspaceId' => $this->workspaceId,
+            'locked' => $this->locked,
+            'stopPageTree' => $this->stopPageTree,
+            'mountPoint' => $this->mountPoint,
+        ];
+    }
+}
diff --git a/Classes/Dto/Tree/SelectTreeItem.php b/Classes/Dto/Tree/SelectTreeItem.php
new file mode 100644
index 0000000..1ffd270
--- /dev/null
+++ b/Classes/Dto/Tree/SelectTreeItem.php
@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Dto\Tree;
+
+/**
+ * @internal
+ */
+final readonly class SelectTreeItem implements \JsonSerializable
+{
+    public function __construct(
+        public TreeItem $item,
+        public bool $checked,
+        public bool $selectable,
+    ) {}
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'type' => 'SelectTreeItem',
+            ...$this->item->jsonSerialize(),
+            'checked' => $this->checked,
+            'selectable' => $this->selectable,
+        ];
+    }
+}
diff --git a/Classes/Dto/Tree/Status/StatusInformation.php b/Classes/Dto/Tree/Status/StatusInformation.php
new file mode 100644
index 0000000..6b8eca6
--- /dev/null
+++ b/Classes/Dto/Tree/Status/StatusInformation.php
@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Dto\Tree\Status;
+
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+
+final readonly class StatusInformation implements \JsonSerializable
+{
+    public function __construct(
+        public string $label,
+        public ContextualFeedbackSeverity $severity = ContextualFeedbackSeverity::INFO,
+        public int $priority = 0,
+        public string $icon = '',
+        public string $overlayIcon = '',
+    ) {}
+
+    public function jsonSerialize(): array
+    {
+        return get_object_vars($this);
+    }
+}
diff --git a/Classes/Dto/Tree/TreeItem.php b/Classes/Dto/Tree/TreeItem.php
new file mode 100644
index 0000000..8b8c471
--- /dev/null
+++ b/Classes/Dto/Tree/TreeItem.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Dto\Tree;
+
+use TYPO3\CMS\Backend\Dto\Tree\Label\Label;
+use TYPO3\CMS\Backend\Dto\Tree\Status\StatusInformation;
+
+/**
+ * @internal
+ */
+final readonly class TreeItem implements \JsonSerializable
+{
+    /**
+     * @param StatusInformation[] $statusInformation
+     * @param Label[] $labels
+     **/
+    public function __construct(
+        public string $identifier,
+        public string $parentIdentifier,
+        public string $recordType,
+        public string $name,
+        public string $prefix,
+        public string $suffix,
+        public string $tooltip,
+        public int $depth,
+        public bool $hasChildren,
+        public bool $loaded,
+        public string $icon,
+        public string $overlayIcon,
+        public string $note = '',
+        public array $statusInformation = [],
+        public array $labels = [],
+        public bool $editable = false,
+        public bool $deletable = false,
+    ) {}
+
+    public function jsonSerialize(): array
+    {
+        return get_object_vars($this);
+    }
+}
diff --git a/Classes/ElementBrowser/AbstractElementBrowser.php b/Classes/ElementBrowser/AbstractElementBrowser.php
new file mode 100644
index 0000000..5082e2d
--- /dev/null
+++ b/Classes/ElementBrowser/AbstractElementBrowser.php
@@ -0,0 +1,144 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ElementBrowser;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\PageRendererBackendSetupTrait;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Configuration\ExtensionConfiguration;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\View\ViewInterface;
+
+/**
+ * Base class for element browsers
+ * This class should only be used internally. Extensions must implement the ElementBrowserInterface.
+ *
+ * @internal This class is a specific LinkBrowser implementation and is not part of the TYPO3's Core API.
+ */
+abstract class AbstractElementBrowser
+{
+    use PageRendererBackendSetupTrait;
+
+    /**
+     * The element browsers unique identifier
+     */
+    protected string $identifier = '';
+
+    /**
+     * Typed DTO containing all browser parameters.
+     */
+    protected ElementBrowserParameters $browserParameters;
+
+    protected ?ServerRequestInterface $request = null;
+    protected ViewInterface $view;
+
+    public function __construct(
+        protected readonly IconFactory $iconFactory,
+        protected readonly PageRenderer $pageRenderer,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly ExtensionConfiguration $extensionConfiguration,
+        protected readonly BackendViewFactory $backendViewFactory,
+        protected readonly TcaSchemaFactory $tcaSchemaFactory,
+        protected readonly ComponentFactory $componentFactory,
+    ) {}
+
+    /**
+     * Main initialization
+     */
+    protected function initialize(ServerRequestInterface $request)
+    {
+        $this->setUpBasicPageRendererForBackend($this->pageRenderer, $this->extensionConfiguration, $this->getRequest(), $this->getLanguageService());
+        $view = $this->backendViewFactory->create($request);
+        $this->view = $view;
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/element-browser.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/hotkeys.js');
+        $this->pageRenderer->addInlineLanguageLabelFile('EXT:core/Resources/Private/Language/locallang_misc.xlf');
+        $this->pageRenderer->addInlineLanguageLabelFile('EXT:core/Resources/Private/Language/locallang_core.xlf');
+        $this->initVariables($request);
+    }
+
+    /**
+     * Returns the identifier for the browser
+     */
+    public function getIdentifier(): string
+    {
+        return $this->identifier;
+    }
+
+    protected function initVariables(ServerRequestInterface $request)
+    {
+        $this->browserParameters = ElementBrowserParameters::fromRequest($request);
+    }
+
+    protected function getBodyTagParameters(): string
+    {
+        $bodyDataAttributes = array_merge(
+            $this->getBParamDataAttributes(),
+            $this->getBodyTagAttributes()
+        );
+        return GeneralUtility::implodeAttributes($bodyDataAttributes, true, true);
+    }
+
+    /**
+     * @return array<string, string> Array of body-tag attributes
+     */
+    protected function getBodyTagAttributes()
+    {
+        return [];
+    }
+
+    /**
+     * Returns data attributes for the body tag, used by the Javascript.
+     *
+     * @return array<string, string|null> Data attributes for Javascript
+     */
+    protected function getBParamDataAttributes()
+    {
+        return $this->browserParameters->toDataAttributes();
+    }
+
+    public function setRequest(ServerRequestInterface $request): void
+    {
+        $this->request = $request;
+        // initialize here, this is a dirty hack as long as the interface does not support setting a request object properly
+        // see ElementBrowserController.php for the process on how the program code flow is used
+        $this->initialize($request);
+    }
+
+    protected function getRequest(): ServerRequestInterface
+    {
+        return $this->request ?? $GLOBALS['TYPO3_REQUEST'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/ElementBrowser/DatabaseBrowser.php b/Classes/ElementBrowser/DatabaseBrowser.php
new file mode 100644
index 0000000..edd8252
--- /dev/null
+++ b/Classes/ElementBrowser/DatabaseBrowser.php
@@ -0,0 +1,248 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ElementBrowser;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Module\ModuleData;
+use TYPO3\CMS\Backend\RecordList\ElementBrowserRecordList;
+use TYPO3\CMS\Backend\Tree\View\LinkParameterProviderInterface;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\RecordSearchBoxComponent;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Showing a page tree and allows you to browse for records. This is the modal rendered
+ * for type=group to add db relations to a group field.
+ *
+ * @internal This class is a specific LinkBrowser implementation and is not part of the TYPO3's Core API.
+ */
+class DatabaseBrowser extends AbstractElementBrowser implements ElementBrowserInterface, LinkParameterProviderInterface
+{
+    protected string $identifier = 'db';
+
+    /**
+     * When you click a page title/expand icon to see the content of a certain page, this
+     * value will contain the ID of the expanded page.
+     * If the value is NOT set by GET parameter, then it will be restored from the module session data.
+     *
+     * @var int|null
+     */
+    protected $expandPage;
+    protected array $modTSconfig = [];
+
+    protected function initialize(ServerRequestInterface $request)
+    {
+        parent::initialize($request);
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/browse-database.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/tree/page-browser.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/column-selector-button.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/recordlist.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/record-search.js');
+    }
+
+    protected function initVariables(ServerRequestInterface $request)
+    {
+        parent::initVariables($request);
+        $this->expandPage = $request->getParsedBody()['expandPage'] ?? $request->getQueryParams()['expandPage'] ?? null;
+    }
+
+    /**
+     * Session data for this class can be set from outside with this method.
+     *
+     * @param mixed[] $data Session data array
+     * @return array<int, array|bool> Session data and boolean which indicates that data needs to be stored in session because it's changed
+     */
+    public function processSessionData($data)
+    {
+        if ($this->expandPage !== null) {
+            $data['expandPage'] = $this->expandPage;
+            $store = true;
+        } else {
+            $this->expandPage = (int)($data['expandPage'] ?? 0);
+            $store = false;
+        }
+        return [$data, $store];
+    }
+
+    /**
+     * @return string HTML content
+     */
+    public function render()
+    {
+        $this->getBackendUser()->initializeWebmountsForElementBrowser();
+        $this->modTSconfig = BackendUtility::getPagesTSconfig((int)$this->expandPage)['mod.']['web_list.'] ?? [];
+        $allowedTables = $this->browserParameters->allowedTypes;
+
+        $withTree = true;
+        if ($allowedTables !== '' && $allowedTables !== '*') {
+            $tablesArr = GeneralUtility::trimExplode(',', $allowedTables, true);
+            $onlyRootLevel = true;
+            foreach ($tablesArr as $currentTable) {
+                if ($this->tcaSchemaFactory->has($currentTable)) {
+                    $schema = $this->tcaSchemaFactory->get($currentTable);
+                    if ($schema->getCapability(TcaSchemaCapability::RestrictionRootLevel)->canExistOnPages()) {
+                        $onlyRootLevel = false;
+                        break;
+                    }
+                }
+            }
+            if ($onlyRootLevel) {
+                $withTree = false;
+                // page to work on is root
+                $this->expandPage = 0;
+            }
+        }
+
+        $contentOnly = (bool)($this->getRequest()->getQueryParams()['contentOnly'] ?? false);
+        $renderedRecordList = $this->renderTableRecords($allowedTables);
+
+        $this->pageRenderer->setTitle($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:recordSelector'));
+        $view = $this->view;
+        $view->assignMultiple([
+            'treeEnabled' => $withTree,
+            'treeActions' => $allowedTables === 'pages' ? ['select'] : [],
+            'activePage' => $this->expandPage,
+            'initialNavigationWidth' => $this->getBackendUser()->uc['selector']['navigation']['width'] ?? 250,
+            'content' => $renderedRecordList,
+            'contentOnly' => $contentOnly,
+        ]);
+        $content = $this->view->render('ElementBrowser/Page');
+        if ($contentOnly) {
+            return $content;
+        }
+        $this->pageRenderer->setBodyContent('<body ' . $this->getBodyTagParameters() . '>' . $content);
+        return $this->pageRenderer->render($this->getRequest());
+    }
+
+    /**
+     * This lists all content elements for the given list of tables
+     *
+     * @param string $tables Comma separated list of tables. Set to "*" if you want all tables.
+     * @return string HTML code
+     */
+    protected function renderTableRecords($tables)
+    {
+        $request = $this->getRequest();
+        $backendUser = $this->getBackendUser();
+        if ($this->expandPage === null || $this->expandPage < 0 || !$backendUser->isInWebMount($this->expandPage)) {
+            return '';
+        }
+        // Set array with table names to list:
+        if (trim($tables) === '*') {
+            $tablesArr = $this->tcaSchemaFactory->all()->getNames();
+        } else {
+            $tablesArr = GeneralUtility::trimExplode(',', $tables, true);
+        }
+
+        $out = '';
+        // Create the header, showing the current page for which the listing is.
+        // Includes link to the page itself, if pages are amount allowed tables.
+        $mainPageRecord = BackendUtility::getRecordWSOL('pages', $this->expandPage);
+        if (is_array($mainPageRecord)) {
+            $pText = htmlspecialchars(BackendUtility::cropToTitleLength($mainPageRecord['title']));
+
+            $out .= '<p>' . $this->iconFactory->getIconForRecord('pages', $mainPageRecord, IconSize::SMALL)->render() . '&nbsp;';
+            if (in_array('pages', $tablesArr, true)) {
+                $out .= '<span data-uid="' . htmlspecialchars((string)$mainPageRecord['uid']) . '" data-table="pages" data-title="' . htmlspecialchars($mainPageRecord['title']) . '">';
+                $out .= '<a href="#" data-close="0">'
+                    . $this->iconFactory->getIcon('actions-plus', IconSize::SMALL)->render()
+                    . '</a>'
+                    . '<a href="#" data-close="1">'
+                    . $pText
+                    . '</a>';
+                $out .= '</span>';
+            } else {
+                $out .= $pText;
+            }
+            $out .= '</p>';
+        }
+
+        $permsClause = $backendUser->getPagePermsClause(Permission::PAGE_SHOW);
+        $pageInfo = BackendUtility::readPageAccess($this->expandPage, $permsClause);
+        $existingModuleData = $backendUser->getModuleData('records');
+        $moduleData = new ModuleData('records', is_array($existingModuleData) ? $existingModuleData : []);
+
+        $dbList = GeneralUtility::makeInstance(ElementBrowserRecordList::class);
+        $dbList->setRequest($request);
+        $dbList->setModuleData($moduleData);
+        $dbList->setOverrideUrlParameters($this->getUrlParameters([]), $request);
+        $dbList->setIsEditable(false);
+        $dbList->calcPerms = new Permission($backendUser->calcPerms($pageInfo));
+        $dbList->noControlPanels = true;
+        $dbList->clickMenuEnabled = false;
+        $dbList->displayRecordDownload = false;
+        $dbList->tableList = implode(',', $tablesArr);
+
+        // Extract relating table and field from field reference (e.g., "data[pages][79][storage_pid]")
+        $fieldReferenceParts = $this->browserParameters->getFieldReferenceParts();
+        if ($fieldReferenceParts['tableName'] !== '' && $fieldReferenceParts['fieldName'] !== '') {
+            $dbList->setRelatingTableAndField($fieldReferenceParts['tableName'], $fieldReferenceParts['fieldName']);
+        }
+
+        $selectedTable = (string)($request->getParsedBody()['table'] ?? $request->getQueryParams()['table'] ?? '');
+        $searchWord = (string)($request->getParsedBody()['searchTerm'] ?? $request->getQueryParams()['searchTerm'] ?? '');
+        $searchLevels = (int)($request->getParsedBody()['search_levels'] ?? $request->getQueryParams()['search_levels'] ?? $this->modTSconfig['searchLevel.']['default'] ?? 0);
+        $pointer = (int)($request->getParsedBody()['pointer'] ?? $request->getQueryParams()['pointer'] ?? 0);
+
+        $dbList->start(
+            (int)$this->expandPage,
+            $selectedTable,
+            MathUtility::forceIntegerInRange($pointer, 0, 100000),
+            $searchWord,
+            $searchLevels
+        );
+
+        $tableList = $dbList->generateList();
+
+        $out .= $this->renderSearchBox($request, $dbList, $searchWord, $searchLevels);
+
+        // Add the HTML for the record list to output variable:
+        $out .= $tableList;
+
+        return $out;
+    }
+
+    protected function renderSearchBox(ServerRequestInterface $request, ElementBrowserRecordList $dblist, string $searchWord, int $searchLevels): string
+    {
+        return GeneralUtility::makeInstance(RecordSearchBoxComponent::class)
+            ->setAllowedSearchLevels((array)($this->modTSconfig['searchLevel.']['items.'] ?? []))
+            ->setSearchWord($searchWord)
+            ->setSearchLevel($searchLevels)
+            ->render($request, $dblist->listURL('', null, 'pointer,searchTerm'));
+    }
+
+    /**
+     * @param array $values Array of values to include into the parameters
+     * @return array<string,mixed> Array of parameters which have to be added to URLs
+     */
+    public function getUrlParameters(array $values): array
+    {
+        $pid = $values['pid'] ?? $this->expandPage;
+        return array_merge(
+            [
+                'mode' => 'db',
+                'expandPage' => $pid,
+            ],
+            $this->browserParameters->toQueryParameters()
+        );
+    }
+}
diff --git a/Classes/ElementBrowser/ElementBrowserInterface.php b/Classes/ElementBrowser/ElementBrowserInterface.php
new file mode 100644
index 0000000..b0035be
--- /dev/null
+++ b/Classes/ElementBrowser/ElementBrowserInterface.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ElementBrowser;
+
+/**
+ * Element browsers are modals rendered when records are attached to FormEngine elements.
+ * Core usages:
+ * * Managing TCA type=file relations
+ * * Managing FAL folder relations a TCA type=folder
+ * * Managing various target relations of a TCA type=group
+ */
+interface ElementBrowserInterface
+{
+    /**
+     * Returns the unique identifier of the element browser
+     */
+    public function getIdentifier(): string;
+
+    /**
+     * @return string HTML content
+     */
+    public function render();
+
+    /**
+     * Session data for this class can be set from outside with this method.
+     *
+     * @param mixed[] $data Session data array
+     * @return array[] Session data and boolean which indicates that data needs to be stored in session because it's changed
+     */
+    public function processSessionData($data);
+}
diff --git a/Classes/ElementBrowser/ElementBrowserParameters.php b/Classes/ElementBrowser/ElementBrowserParameters.php
new file mode 100644
index 0000000..41faa09
--- /dev/null
+++ b/Classes/ElementBrowser/ElementBrowserParameters.php
@@ -0,0 +1,220 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ElementBrowser;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Data Transfer Object for Element Browser parameters.
+ *
+ * Provides type-safe access to the parameters passed between FormEngine and
+ * the Element Browser.
+ *
+ * @internal This class is not part of the TYPO3 Core API.
+ */
+final readonly class ElementBrowserParameters implements \JsonSerializable
+{
+    /**
+     * @param string $fieldReference Form field name reference, e.g., "data[tt_content][123][image]"
+     * @param string $allowedTypes Allowed types: tables (comma-separated) for db mode, or file extensions for file mode
+     * @param string $disallowedFileExtensions Disallowed file extensions (comma-separated) for file mode
+     * @param string $irreObjectId IRRE uniqueness target, e.g., "data-4-pages-4-nav_icon-sys_file_reference"
+     */
+    public function __construct(
+        public string $fieldReference = '',
+        public string $allowedTypes = '',
+        public string $disallowedFileExtensions = '',
+        public string $irreObjectId = '',
+        public bool $useEvents = false,
+    ) {}
+
+    /**
+     * Creates an instance from the current HTTP request.
+     */
+    public static function fromRequest(ServerRequestInterface $request): self
+    {
+        $queryParams = $request->getQueryParams();
+        $parsedBody = $request->getParsedBody() ?? [];
+
+        return new self(
+            fieldReference: (string)($parsedBody['fieldReference'] ?? $queryParams['fieldReference'] ?? ''),
+            allowedTypes: (string)($parsedBody['allowedTypes'] ?? $queryParams['allowedTypes'] ?? ''),
+            disallowedFileExtensions: (string)($parsedBody['disallowedFileExtensions'] ?? $queryParams['disallowedFileExtensions'] ?? ''),
+            irreObjectId: (string)($parsedBody['irreObjectId'] ?? $queryParams['irreObjectId'] ?? ''),
+            useEvents: (bool)(int)($parsedBody['useEvents'] ?? $queryParams['useEvents'] ?? 0),
+        );
+    }
+
+    /**
+     * Returns the allowed file extensions as an array.
+     *
+     * @return string[] List of allowed file extensions
+     */
+    public function getAllowedFileExtensions(): array
+    {
+        if ($this->allowedTypes === '' || $this->allowedTypes === '*') {
+            return [];
+        }
+
+        // Skip if it looks like a table name (contains underscore typical for TYPO3 tables)
+        if (str_contains($this->allowedTypes, 'sys_file')) {
+            return [];
+        }
+
+        return GeneralUtility::trimExplode(',', $this->allowedTypes, true);
+    }
+
+    /**
+     * Returns the disallowed file extensions as an array.
+     *
+     * @return string[] List of disallowed file extensions
+     */
+    public function getDisallowedFileExtensions(): array
+    {
+        if ($this->disallowedFileExtensions === '') {
+            return [];
+        }
+
+        return GeneralUtility::trimExplode(',', $this->disallowedFileExtensions, true);
+    }
+
+    /**
+     * Parses the allowed file extensions from the allowedTypes field.
+     *
+     * @return array{allowed: string[], disallowed: string[]}
+     */
+    public function getFileExtensions(): array
+    {
+        return [
+            'allowed' => $this->getAllowedFileExtensions(),
+            'disallowed' => $this->getDisallowedFileExtensions(),
+        ];
+    }
+
+    /**
+     * Parses the allowed tables from the allowedTypes field.
+     *
+     * @return string[] List of allowed table names
+     */
+    public function getAllowedTables(): array
+    {
+        if ($this->allowedTypes === '' || $this->allowedTypes === '*') {
+            return [];
+        }
+
+        return GeneralUtility::trimExplode(',', $this->allowedTypes, true);
+    }
+
+    /**
+     * Returns the field reference parsed into table name and field name.
+     *
+     * Parses format like "data[tt_content][123][image]" to extract
+     * table name ("tt_content") and field name ("image").
+     *
+     * @return array{tableName: string, fieldName: string}
+     */
+    public function getFieldReferenceParts(): array
+    {
+        $result = [
+            'tableName' => '',
+            'fieldName' => '',
+        ];
+
+        if ($this->fieldReference === '') {
+            return $result;
+        }
+
+        // Parse "data[table][uid][field]" format
+        $parts = explode('[', $this->fieldReference);
+        if (count($parts) >= 4) {
+            // parts[1] = "table]", parts[3] = "field]"
+            $result['tableName'] = rtrim($parts[1], ']');
+            $result['fieldName'] = rtrim($parts[3], ']');
+        }
+
+        return $result;
+    }
+
+    /**
+     * Returns data attributes for use in HTML elements (body tag).
+     *
+     * @return array<string, string|null>
+     */
+    public function toDataAttributes(): array
+    {
+        return [
+            'data-field-reference' => $this->fieldReference,
+            'data-irre-object-id' => $this->irreObjectId ?: null,
+            'data-use-events' => $this->useEvents ? 'true' : null,
+        ];
+    }
+
+    /**
+     * Returns array representation of the parameters.
+     *
+     * @return array{
+     *   fieldReference: string,
+     *   allowedTypes: string,
+     *   disallowedFileExtensions: string,
+     *   irreObjectId: string,
+     *   useEvents: bool
+     * }
+     */
+    public function toArray(): array
+    {
+        return [
+            'fieldReference' => $this->fieldReference,
+            'allowedTypes' => $this->allowedTypes,
+            'disallowedFileExtensions' => $this->disallowedFileExtensions,
+            'irreObjectId' => $this->irreObjectId,
+            'useEvents' => $this->useEvents,
+        ];
+    }
+
+    /**
+     * Returns URL query parameters array (new format).
+     *
+     * @return array<string, string>
+     */
+    public function toQueryParameters(): array
+    {
+        $params = [];
+        if ($this->fieldReference !== '') {
+            $params['fieldReference'] = $this->fieldReference;
+        }
+        if ($this->allowedTypes !== '') {
+            $params['allowedTypes'] = $this->allowedTypes;
+        }
+        if ($this->disallowedFileExtensions !== '') {
+            $params['disallowedFileExtensions'] = $this->disallowedFileExtensions;
+        }
+        if ($this->irreObjectId !== '') {
+            $params['irreObjectId'] = $this->irreObjectId;
+        }
+        if ($this->useEvents) {
+            $params['useEvents'] = '1';
+        }
+        return $params;
+    }
+
+    public function jsonSerialize(): array
+    {
+        return $this->toArray();
+    }
+}
diff --git a/Classes/ElementBrowser/ElementBrowserRegistry.php b/Classes/ElementBrowser/ElementBrowserRegistry.php
new file mode 100644
index 0000000..482670b
--- /dev/null
+++ b/Classes/ElementBrowser/ElementBrowserRegistry.php
@@ -0,0 +1,79 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ElementBrowser;
+
+/**
+ * Registry for element browsers. The registry receives all services, tagged with "recordlist.elementbrowser".
+ * The tagging of element browsers is automatically done based on the implemented ElementBrowserInterface.
+ *
+ * @internal
+ */
+class ElementBrowserRegistry
+{
+    /**
+     * @var ElementBrowserInterface[]
+     */
+    private array $elementBrowsers = [];
+
+    public function __construct(iterable $elementBrowsers)
+    {
+        foreach ($elementBrowsers as $elementBrowser) {
+            if (!($elementBrowser instanceof ElementBrowserInterface)) {
+                continue;
+            }
+
+            $identifier = $elementBrowser->getIdentifier();
+            if ($identifier === '') {
+                throw new \InvalidArgumentException('Identifier for element browser ' . get_class($elementBrowser) . ' is empty.', 1647241084);
+            }
+            if (isset($this->elementBrowsers[$identifier])) {
+                throw new \InvalidArgumentException('Element browser with identifier ' . $identifier . ' is already registered.', 1647241085);
+            }
+            $this->elementBrowsers[$identifier] = $elementBrowser;
+        }
+    }
+
+    /**
+     * Whether a registered element browser exists for the identifier
+     */
+    public function hasElementBrowser(string $identifier): bool
+    {
+        return isset($this->elementBrowsers[$identifier]);
+    }
+
+    /**
+     * Get registered element browser by identifier
+     */
+    public function getElementBrowser(string $identifier): ElementBrowserInterface
+    {
+        if (!$this->hasElementBrowser($identifier)) {
+            throw new \UnexpectedValueException('Element browser with identifier ' . $identifier . ' is not registered.', 1647241086);
+        }
+        return $this->elementBrowsers[$identifier];
+    }
+
+    /**
+     * Get all registered element browsers
+     *
+     * @return ElementBrowserInterface[]
+     */
+    public function getElementBrowsers(): array
+    {
+        return $this->elementBrowsers;
+    }
+}
diff --git a/Classes/ElementBrowser/Event/IsFileSelectableEvent.php b/Classes/ElementBrowser/Event/IsFileSelectableEvent.php
new file mode 100644
index 0000000..e96d435
--- /dev/null
+++ b/Classes/ElementBrowser/Event/IsFileSelectableEvent.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ElementBrowser\Event;
+
+use TYPO3\CMS\Core\Resource\FileInterface;
+
+/**
+ * Listeners to this event are able to define whether a file can be selected in the file browser
+ */
+final class IsFileSelectableEvent
+{
+    private bool $isFileSelectable = true;
+
+    public function __construct(
+        private readonly FileInterface $file,
+    ) {}
+
+    public function getFile(): FileInterface
+    {
+        return $this->file;
+    }
+
+    public function isFileSelectable(): bool
+    {
+        return $this->isFileSelectable;
+    }
+
+    public function allowFileSelection(): void
+    {
+        $this->isFileSelectable = true;
+    }
+
+    public function denyFileSelection(): void
+    {
+        $this->isFileSelectable = false;
+    }
+}
diff --git a/Classes/Event/AddUserSettingsJavaScriptModulesEvent.php b/Classes/Event/AddUserSettingsJavaScriptModulesEvent.php
new file mode 100644
index 0000000..046c43e
--- /dev/null
+++ b/Classes/Event/AddUserSettingsJavaScriptModulesEvent.php
@@ -0,0 +1,60 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Event;
+
+use Psr\Http\Message\ServerRequestInterface;
+
+/**
+ * Collects additional JavaScript modules to be loaded in SetupModuleController (User Settings).
+ * Replacement for prior TYPO3\CMS\Setup\Event\AddJavaScriptModulesEvent.
+ */
+final class AddUserSettingsJavaScriptModulesEvent
+{
+    /**
+     * @var string[]
+     */
+    private array $javaScriptModules = [];
+
+    public function __construct(
+        private readonly ServerRequestInterface $request,
+    ) {}
+
+    public function getRequest(): ServerRequestInterface
+    {
+        return $this->request;
+    }
+
+    /**
+     * @param string $specifier Bare module identifier like @my/package/filename.js
+     */
+    public function addJavaScriptModule(string $specifier): void
+    {
+        if (in_array($specifier, $this->javaScriptModules, true)) {
+            return;
+        }
+        $this->javaScriptModules[] = $specifier;
+    }
+
+    /**
+     * @return string[]
+     */
+    public function getJavaScriptModules(): array
+    {
+        return $this->javaScriptModules;
+    }
+}
diff --git a/Classes/EventListener/AfterBackendPageRenderEventListener.php b/Classes/EventListener/AfterBackendPageRenderEventListener.php
new file mode 100644
index 0000000..0cd3cf6
--- /dev/null
+++ b/Classes/EventListener/AfterBackendPageRenderEventListener.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\EventListener;
+
+use TYPO3\CMS\Backend\Controller\Event\AfterBackendPageRenderEvent;
+use TYPO3\CMS\Backend\Search\LiveSearch\BackendModuleProvider;
+use TYPO3\CMS\Backend\Search\LiveSearch\DatabaseRecordProvider;
+use TYPO3\CMS\Backend\Search\LiveSearch\PageRecordProvider;
+use TYPO3\CMS\Core\Attribute\AsEventListener;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Page\PageRenderer;
+
+/**
+ * Adds custom renderers for the backend live search
+ */
+final readonly class AfterBackendPageRenderEventListener
+{
+    public function __construct(private PageRenderer $pageRenderer) {}
+
+    #[AsEventListener(event: AfterBackendPageRenderEvent::class)]
+    public function __invoke(): void
+    {
+        $javaScriptRenderer = $this->pageRenderer->getJavaScriptRenderer();
+        $javaScriptRenderer->addJavaScriptModuleInstruction(
+            JavaScriptModuleInstruction::create('@typo3/backend/live-search/result-types/default-result-type.js', 'registerType')
+                ->invoke(null, DatabaseRecordProvider::class)
+        );
+        $javaScriptRenderer->addJavaScriptModuleInstruction(
+            JavaScriptModuleInstruction::create('@typo3/backend/live-search/result-types/page-result-type.js', 'registerRenderer')
+                ->invoke(null, PageRecordProvider::class)
+        );
+        $javaScriptRenderer->addJavaScriptModuleInstruction(
+            JavaScriptModuleInstruction::create('@typo3/backend/live-search/result-types/backend-module-result-type.js', 'registerType')
+                ->invoke(null, BackendModuleProvider::class)
+        );
+    }
+}
diff --git a/Classes/EventListener/FailedLoginAttemptNotification.php b/Classes/EventListener/FailedLoginAttemptNotification.php
new file mode 100644
index 0000000..a3df440
--- /dev/null
+++ b/Classes/EventListener/FailedLoginAttemptNotification.php
@@ -0,0 +1,186 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\EventListener;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\Mailer\Exception\TransportExceptionInterface;
+use TYPO3\CMS\Core\Attribute\AsEventListener;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Authentication\Event\LoginAttemptFailedEvent;
+use TYPO3\CMS\Core\Authentication\Event\MfaVerificationFailedEvent;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+use TYPO3\CMS\Core\Log\LogDataTrait;
+use TYPO3\CMS\Core\Mail\MailerInterface;
+use TYPO3\CMS\Core\Mail\TemplatedEmailFactory;
+use TYPO3\CMS\Core\SysLog\Action\Login as SystemLogLoginAction;
+use TYPO3\CMS\Core\SysLog\Error as SystemLogErrorClassification;
+use TYPO3\CMS\Core\SysLog\Type as SystemLogType;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Sends out an email for failed logins in TYPO3 Backend when a certain threshold of failed logins
+ * during a certain timeframe has happened.
+ *
+ * Relevant settings:
+ * $GLOBALS['TYPO3_CONF_VARS']['BE']['warning_email_addr']
+ *
+ * @internal this class is not part of the TYPO3 Core API as this is a concrete event listener implementation
+ */
+final class FailedLoginAttemptNotification
+{
+    use LogDataTrait;
+
+    private string $notificationRecipientEmailAddress;
+
+    /**
+     * @param string|null $notificationRecipientEmailAddress The receiver of the notification
+     * @param int $warningPeriod Time span (in seconds) within the number of failed logins are collected. Number of sections back in time to check. This is a kind of limit for how many failures an hour.
+     * @param int $failedLoginAttemptsThreshold The maximum accepted number of warnings before an email to $notificationRecipientEmailAddress is sent
+     */
+    public function __construct(
+        private readonly TemplatedEmailFactory $templatedEmailFactory,
+        private readonly MailerInterface $mailer,
+        ?string $notificationRecipientEmailAddress = null,
+        private readonly int $warningPeriod = 3600,
+        private readonly int $failedLoginAttemptsThreshold = 3,
+    ) {
+        $this->notificationRecipientEmailAddress = $notificationRecipientEmailAddress ?? (string)$GLOBALS['TYPO3_CONF_VARS']['BE']['warning_email_addr'];
+    }
+
+    /**
+     * Sends a warning email if there has been a certain amount of failed logins during a period.
+     * If a login fails, this function is called. It will look up the sys_log to see if there
+     * have been more than $failedLoginAttemptsThreshold failed logins the last X seconds
+     * (default 3600, see $warningPeriod). If so, an email with a warning is sent. This also
+     * includes failed multi-factor authentication failures.
+     */
+    #[AsEventListener(identifier: 'typo3/cms-backend/failed-login-attempt-notification', event: LoginAttemptFailedEvent::class)]
+    #[AsEventListener(identifier: 'typo3/cms-backend/failed-mfa-verification-notification', event: MfaVerificationFailedEvent::class)]
+    public function __invoke(LoginAttemptFailedEvent|MfaVerificationFailedEvent $event): void
+    {
+        if (!$event->isBackendAttempt()) {
+            // This notification only works for backend users
+            return;
+        }
+        if (!GeneralUtility::validEmail($this->notificationRecipientEmailAddress)) {
+            return;
+        }
+
+        /** @var BackendUserAuthentication $user */
+        $user = $event->getUser();
+        $earliestTimeToCheckForFailures = $GLOBALS['EXEC_TIME'] - $this->warningPeriod;
+        $loginFailures = $this->getLoginFailures($earliestTimeToCheckForFailures);
+        // Check for more than a maximum number of login failures with the last period
+        if (count($loginFailures) > $this->failedLoginAttemptsThreshold) {
+            // OK, so there were more than the max allowed number of login failures - so we will send an email then.
+            $this->sendLoginAttemptEmail($loginFailures, $event->getRequest());
+            // Login failure attempt written to log, which will be picked up later-on again
+            $user->writelog(
+                SystemLogType::LOGIN,
+                SystemLogLoginAction::SEND_FAILURE_WARNING_EMAIL,
+                SystemLogErrorClassification::MESSAGE,
+                null,
+                'Failure warning (%s failures within %s seconds) sent by email to %s',
+                [count($loginFailures), $this->warningPeriod, $this->notificationRecipientEmailAddress]
+            );
+        }
+    }
+
+    /**
+     * Retrieves all failed logins within a given timeframe until now.
+     *
+     * @param int $earliestTimeToCheckForFailures A UNIX timestamp that acts as the "earliest" date to check within the logs
+     * @return array a list of sys_log entries since the earliest, or empty if no entries have been logged
+     */
+    private function getLoginFailures(int $earliestTimeToCheckForFailures): array
+    {
+        // Get last flag set in the log for sending an email
+        // If a notification was e.g. sent 20mins ago, only check the entries of the last 20 minutes
+        $queryBuilder = $this->createPreparedQueryBuilder($earliestTimeToCheckForFailures, SystemLogLoginAction::SEND_FAILURE_WARNING_EMAIL);
+        $statement = $queryBuilder
+            ->select('tstamp')
+            ->orderBy('tstamp', 'DESC')
+            ->setMaxResults(1)
+            ->executeQuery();
+        if ($lastTimeANotificationWasSent = $statement->fetchOne()) {
+            $earliestTimeToCheckForFailures = (int)$lastTimeANotificationWasSent;
+        }
+        $queryBuilder = $this->createPreparedQueryBuilder($earliestTimeToCheckForFailures, SystemLogLoginAction::ATTEMPT);
+        return $queryBuilder
+            ->select('*')
+            ->orderBy('tstamp')
+            ->executeQuery()
+            ->fetchAllAssociative();
+    }
+
+    /**
+     * Sends out an email if the number of attempts have exceeded a limit.
+     *
+     * @param array $previousFailures sys_log entries that have been logged since the last time a notification was sent
+     */
+    private function sendLoginAttemptEmail(array $previousFailures, ServerRequestInterface $request): void
+    {
+        $emailData = [];
+        foreach ($previousFailures as $row) {
+            $text = $this->formatLogDetails($row['details'] ?? '', $row['log_data'] ?? '');
+            if ((int)$row['type'] === SystemLogType::LOGIN) {
+                $text = str_replace('###IP###', $row['IP'], $text);
+            }
+            $emailData[] = [
+                'row' => $row,
+                'text' => $text,
+            ];
+        }
+        $email = $this->templatedEmailFactory->create($request)
+            ->to($this->notificationRecipientEmailAddress)
+            ->setTemplate('Security/LoginAttemptFailedWarning')
+            ->assign('lines', $emailData);
+
+        try {
+            $this->mailer->send($email);
+        } catch (TransportExceptionInterface $e) {
+            // Sending mail failed. Probably broken smtp setup.
+            // @todo Maybe log that sending mail failed.
+        }
+    }
+
+    private function createPreparedQueryBuilder(int $earliestLogDate, int $loginAction): QueryBuilder
+    {
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)
+            ->getQueryBuilderForTable('sys_log');
+        $queryBuilder
+            ->from('sys_log')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'type',
+                    $queryBuilder->createNamedParameter(SystemLogType::LOGIN, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->eq(
+                    'action',
+                    $queryBuilder->createNamedParameter($loginAction, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->gt(
+                    'tstamp',
+                    $queryBuilder->createNamedParameter($earliestLogDate, Connection::PARAM_INT)
+                )
+            );
+        return $queryBuilder;
+    }
+}
diff --git a/Classes/EventListener/FailedMfaAttemptNotification.php b/Classes/EventListener/FailedMfaAttemptNotification.php
new file mode 100644
index 0000000..5e2c153
--- /dev/null
+++ b/Classes/EventListener/FailedMfaAttemptNotification.php
@@ -0,0 +1,62 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\EventListener;
+
+use Symfony\Component\Mime\Address;
+use TYPO3\CMS\Core\Attribute\AsEventListener;
+use TYPO3\CMS\Core\Authentication\Event\MfaVerificationFailedEvent;
+use TYPO3\CMS\Core\Mail\MailerInterface;
+use TYPO3\CMS\Core\Mail\TemplatedEmailFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Sends out an email to the backend user for failed MFA attempts on TYPO3 backend login
+ *
+ * @internal this class is not part of the TYPO3 Core API as this is a concrete event listener implementation
+ */
+final readonly class FailedMfaAttemptNotification
+{
+    public function __construct(
+        private TemplatedEmailFactory $templatedEmailFactory,
+        private MailerInterface $mailer,
+    ) {}
+
+    /**
+     * Sends a notification email to the backend user on failed MFA verification.
+     */
+    #[AsEventListener(identifier: 'typo3/cms-backend/failed-mfa-attempt-notification')]
+    public function __invoke(MfaVerificationFailedEvent $event): void
+    {
+        if (!$event->isBackendAttempt()) {
+            // This notification only works for backend users
+            return;
+        }
+
+        $backendUser = $event->getUser();
+        $emailAddress = $backendUser->user['email'];
+        if (!GeneralUtility::validEmail($emailAddress)) {
+            return;
+        }
+
+        $emailObject = $this->templatedEmailFactory->create($event->getRequest())
+            ->to(new Address($emailAddress, $backendUser->user['realName']))
+            ->assign('provider', $event->getProvider())
+            ->setTemplate('Mfa/FailedMfaNotification');
+        $this->mailer->send($emailObject);
+    }
+}
diff --git a/Classes/EventListener/InitializeCodeEditorInEditFileForm.php b/Classes/EventListener/InitializeCodeEditorInEditFileForm.php
new file mode 100644
index 0000000..8d8f563
--- /dev/null
+++ b/Classes/EventListener/InitializeCodeEditorInEditFileForm.php
@@ -0,0 +1,54 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\EventListener;
+
+use TYPO3\CMS\Backend\CodeEditor\CodeEditor;
+use TYPO3\CMS\Backend\CodeEditor\Exception\InvalidModeException;
+use TYPO3\CMS\Backend\CodeEditor\Registry\ModeRegistry;
+use TYPO3\CMS\Core\Attribute\AsEventListener;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Filelist\Event\ModifyEditFileFormDataEvent;
+
+/**
+ * Listener which modifies the form data to initialize code editor with
+ * the resolved format option (based on the file extension).
+ */
+final readonly class InitializeCodeEditorInEditFileForm
+{
+    public function __construct(private ModeRegistry $modeRegistry) {}
+
+    #[AsEventListener('typo3-codeeditor/initialize-code-editor-in-edit-file-form')]
+    public function __invoke(ModifyEditFileFormDataEvent $event): void
+    {
+        // Compile and register code editor configuration
+        GeneralUtility::makeInstance(CodeEditor::class)->registerConfiguration();
+
+        $fileExtension = $event->getFile()->getExtension();
+
+        try {
+            $mode = $this->modeRegistry->getByFileExtension($fileExtension);
+        } catch (InvalidModeException $e) {
+            $mode = $this->modeRegistry->getDefaultMode();
+        }
+
+        $formData = $event->getFormData();
+        $formData['processedTca']['columns']['data']['config']['renderType'] = 'codeEditor';
+        $formData['processedTca']['columns']['data']['config']['format'] = $mode->getFormatCode();
+        $event->setFormData($formData);
+    }
+}
diff --git a/Classes/Exception.php b/Classes/Exception.php
new file mode 100644
index 0000000..c609c2f
--- /dev/null
+++ b/Classes/Exception.php
@@ -0,0 +1,23 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend;
+
+use TYPO3\CMS\Core\Exception as CoreException;
+
+/**
+ * Generic Backend exception
+ */
+class Exception extends CoreException {}
diff --git a/Classes/Exception/AccessDeniedException.php b/Classes/Exception/AccessDeniedException.php
new file mode 100644
index 0000000..2b8fbdb
--- /dev/null
+++ b/Classes/Exception/AccessDeniedException.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Exception;
+
+use TYPO3\CMS\Backend\Exception;
+
+/**
+ * This exception is thrown if a user is requesting something they should not do
+ */
+class AccessDeniedException extends Exception {}
diff --git a/Classes/Exception/BackendAccessDeniedException.php b/Classes/Exception/BackendAccessDeniedException.php
new file mode 100644
index 0000000..0f75ea9
--- /dev/null
+++ b/Classes/Exception/BackendAccessDeniedException.php
@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Exception;
+
+use TYPO3\CMS\Core\Error\Http\AbstractClientErrorException;
+
+class BackendAccessDeniedException extends AbstractClientErrorException {}
diff --git a/Classes/Exception/BackendLockedException.php b/Classes/Exception/BackendLockedException.php
new file mode 100644
index 0000000..fcbba1c
--- /dev/null
+++ b/Classes/Exception/BackendLockedException.php
@@ -0,0 +1,22 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Exception;
+
+use TYPO3\CMS\Core\Error\Http\AbstractClientErrorException;
+
+class BackendLockedException extends AbstractClientErrorException {}
diff --git a/Classes/Exception/ModuleAccessDeniedException.php b/Classes/Exception/ModuleAccessDeniedException.php
new file mode 100644
index 0000000..08af3e3
--- /dev/null
+++ b/Classes/Exception/ModuleAccessDeniedException.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Exception;
+
+use TYPO3\CMS\Backend\Exception;
+
+/**
+ * This exception is thrown if a user is requesting a module having no access
+ */
+class ModuleAccessDeniedException extends Exception {}
diff --git a/Classes/Exception/NoAccessibleModuleException.php b/Classes/Exception/NoAccessibleModuleException.php
new file mode 100644
index 0000000..81cc6f3
--- /dev/null
+++ b/Classes/Exception/NoAccessibleModuleException.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Exception;
+
+use TYPO3\CMS\Backend\Exception;
+
+/**
+ * This exception is thrown if a user does not have access to any module (e.g. after switching in a workspace)
+ */
+class NoAccessibleModuleException extends Exception {}
diff --git a/Classes/Exception/NonRoutableModuleException.php b/Classes/Exception/NonRoutableModuleException.php
new file mode 100644
index 0000000..09edf17
--- /dev/null
+++ b/Classes/Exception/NonRoutableModuleException.php
@@ -0,0 +1,24 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Exception;
+
+/**
+ * Exception thrown if a module without further submodules, which
+ * could work as fallback, does not define a default route.
+ */
+class NonRoutableModuleException extends \RuntimeException {}
diff --git a/Classes/Exception/PageAccessDeniedException.php b/Classes/Exception/PageAccessDeniedException.php
new file mode 100644
index 0000000..d862c76
--- /dev/null
+++ b/Classes/Exception/PageAccessDeniedException.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Exception;
+
+use TYPO3\CMS\Backend\Exception;
+
+/**
+ * Exception thrown when a user does not have access to a specific page
+ */
+class PageAccessDeniedException extends Exception {}
diff --git a/Classes/Exception/SiteValidationErrorException.php b/Classes/Exception/SiteValidationErrorException.php
new file mode 100644
index 0000000..73acaed
--- /dev/null
+++ b/Classes/Exception/SiteValidationErrorException.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Exception;
+
+use TYPO3\CMS\Backend\Exception;
+
+/**
+ * Exception thrown if site configuration for a page is not found
+ */
+class SiteValidationErrorException extends Exception {}
diff --git a/Classes/Form/AbstractNode.php b/Classes/Form/AbstractNode.php
new file mode 100644
index 0000000..934f2da
--- /dev/null
+++ b/Classes/Form/AbstractNode.php
@@ -0,0 +1,184 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form;
+
+use TYPO3\CMS\Core\Domain\DateTimeFormat;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Base class for container and single elements - their abstracts extend from here.
+ */
+abstract class AbstractNode implements NodeInterface
+{
+    /**
+     * Main data array to work on, given from parent to child elements
+     */
+    protected array $data = [];
+
+    /**
+     * A list of default field information added to the element / container.
+     *
+     * @var array
+     */
+    protected $defaultFieldInformation = [];
+
+    /**
+     * A list of default field controls added to the element / container.
+     * This property is often reset by single elements.
+     *
+     * @var array
+     */
+    protected $defaultFieldControl = [];
+
+    /**
+     * A list of default field wizards added to the element / container.
+     * This property is often reset by single elements.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [];
+
+    /**
+     * Retrieve the current data array from NodeFactory.
+     */
+    public function setData(array $data): void
+    {
+        $this->data = $data;
+    }
+
+    /**
+     * Handler for single nodes
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    abstract public function render(): array;
+
+    /**
+     * Initialize the array that is returned to parent after calling. This structure
+     * is identical for *all* nodes. Parent will merge the return of a child with its
+     * own stuff and in itself return an array of the same structure.
+     *
+     * @return array{
+     *     additionalInlineLanguageLabelFiles: list<string>,
+     *     stylesheetFiles: list<string>,
+     *     javaScriptModules: list<JavaScriptModuleInstruction>,
+     *     inlineData: array<string, mixed>,
+     *     html: string,
+     * }
+     */
+    protected function initializeResultArray(): array
+    {
+        return [
+            'additionalInlineLanguageLabelFiles' => [],
+            'stylesheetFiles' => [],
+            'javaScriptModules' => [],
+            'inlineData' => [],
+            'html' => '',
+        ];
+    }
+
+    /**
+     * Merge existing data with a child return array.
+     * The incoming $childReturn array should be initialized
+     * using initializeResultArray() beforehand.
+     *
+     * @param array $existing Currently merged array
+     * @param array $childReturn Array returned by child
+     * @param bool $mergeHtml If false, the ['html'] section of $childReturn will NOT be added to $existing
+     * @return array Result array
+     */
+    protected function mergeChildReturnIntoExistingResult(array $existing, array $childReturn, bool $mergeHtml = true): array
+    {
+        if ($mergeHtml && !empty($childReturn['html'])) {
+            $existing['html'] .= LF . $childReturn['html'];
+        }
+        foreach ($childReturn['stylesheetFiles'] ?? [] as $value) {
+            $existing['stylesheetFiles'][] = $value;
+        }
+        foreach ($childReturn['javaScriptModules'] ?? [] as $module) {
+            $existing['javaScriptModules'][] = $module;
+        }
+        foreach ($childReturn['additionalInlineLanguageLabelFiles'] ?? [] as $inlineLanguageLabelFile) {
+            $existing['additionalInlineLanguageLabelFiles'][] = $inlineLanguageLabelFile;
+        }
+        if (!empty($childReturn['inlineData'])) {
+            $existingInlineData = $existing['inlineData'];
+            $childInlineData = $childReturn['inlineData'];
+            ArrayUtility::mergeRecursiveWithOverrule($existingInlineData, $childInlineData);
+            $existing['inlineData'] = $existingInlineData;
+        }
+        return $existing;
+    }
+
+    /**
+     * Build JSON string for validations rules.
+     */
+    protected function getValidationDataAsJsonString(array $config): string
+    {
+        $validationRules = [];
+        if (!empty($config['eval'])) {
+            $evalList = GeneralUtility::trimExplode(',', $config['eval'], true);
+            foreach ($evalList as $evalType) {
+                $validationRules[] = [
+                    'type' => $evalType,
+                ];
+            }
+        }
+        if (!empty($config['range'])) {
+            $newValidationRule = [
+                'type' => 'range',
+            ];
+
+            $isDateTime = ($config['type'] ?? '') === 'datetime';
+            if (!empty($config['range']['lower'])) {
+                $lower = (int)$config['range']['lower'];
+                if ($isDateTime) {
+                    $lower = date(DateTimeFormat::ISO8601_LOCALTIME, $lower);
+                }
+                $newValidationRule['lower'] = $lower;
+            }
+            if (!empty($config['range']['upper'])) {
+                $upper = (int)$config['range']['upper'];
+                if ($isDateTime) {
+                    $upper = date(DateTimeFormat::ISO8601_LOCALTIME, $upper);
+                }
+                $newValidationRule['upper'] = $upper;
+            }
+            $validationRules[] = $newValidationRule;
+        }
+        if (!empty($config['maxitems']) || !empty($config['minitems'])) {
+            $minItems = isset($config['minitems']) ? (int)$config['minitems'] : 0;
+            $maxItems = isset($config['maxitems']) ? (int)$config['maxitems'] : 99999;
+            $type = $config['type'] ?: 'range';
+            $validationRules[] = [
+                'type' => $type,
+                'minItems' => $minItems,
+                'maxItems' => $maxItems,
+            ];
+        }
+        if (!empty($config['required'])) {
+            $validationRules[] = ['type' => 'required'];
+        }
+        if (!empty($config['min'])) {
+            $validationRules[] = ['type' => 'min'];
+        }
+        return json_encode($validationRules);
+    }
+}
diff --git a/Classes/Form/Behavior/OnFieldChangeInterface.php b/Classes/Form/Behavior/OnFieldChangeInterface.php
new file mode 100644
index 0000000..f5fd357
--- /dev/null
+++ b/Classes/Form/Behavior/OnFieldChangeInterface.php
@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Behavior;
+
+interface OnFieldChangeInterface
+{
+    /**
+     * @return array{name: string, data: array<string, mixed>}
+     */
+    public function toArray(): array;
+}
diff --git a/Classes/Form/Behavior/OnFieldChangeTrait.php b/Classes/Form/Behavior/OnFieldChangeTrait.php
new file mode 100644
index 0000000..090b206
--- /dev/null
+++ b/Classes/Form/Behavior/OnFieldChangeTrait.php
@@ -0,0 +1,73 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Behavior;
+
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+trait OnFieldChangeTrait
+{
+    /**
+     * @param OnFieldChangeInterface[] $items `fieldChangeFunc` items
+     * @return array<int, array>
+     */
+    protected function getOnFieldChangeItems(array $items): array
+    {
+        if ($items === []) {
+            return [];
+        }
+        return array_map(
+            static function (OnFieldChangeInterface $item): array {
+                return $item->toArray();
+            },
+            array_values($items)
+        );
+    }
+
+    /**
+     * @param string $event target client event, either `change` or `click`
+     * @param list<OnFieldChangeInterface> $items `fieldChangeFunc` items
+     * @return array<string, string> HTML attrs, not encoded - consumers MUST encode with `htmlspecialchars`
+     */
+    protected function getOnFieldChangeAttrs(string $event, array $items): array
+    {
+        if ($items === []) {
+            return [];
+        }
+        $onFieldChangeItems = $this->getOnFieldChangeItems($items);
+        return [
+            'data-formengine-field-change-event' => $event,
+            'data-formengine-field-change-items' => GeneralUtility::jsonEncodeForHtmlAttribute($onFieldChangeItems, false),
+        ];
+    }
+
+    /**
+     * Forwards URL query params for `LinkBrowserController`
+     * @param list<OnFieldChangeInterface> $items `fieldChangeFunc` items
+     * @return array{fieldChangeFunc: array<int, array>, fieldChangeFuncHash: string} relevant URL query params for `LinkBrowserController`
+     */
+    protected function forwardOnFieldChangeQueryParams(array $items): array
+    {
+        $func = $this->getOnFieldChangeItems($items);
+        $hashService = GeneralUtility::makeInstance(HashService::class);
+        return [
+            'fieldChangeFunc' => $func,
+            'fieldChangeFuncHash' => $hashService->hmac(serialize($func), 'backend-link-browser'),
+        ];
+    }
+}
diff --git a/Classes/Form/Behavior/ReloadOnFieldChange.php b/Classes/Form/Behavior/ReloadOnFieldChange.php
new file mode 100644
index 0000000..a2196a8
--- /dev/null
+++ b/Classes/Form/Behavior/ReloadOnFieldChange.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Behavior;
+
+/**
+ * Provides reload behavior in form view,
+ * in case a particular field has been changed.
+ */
+class ReloadOnFieldChange implements OnFieldChangeInterface
+{
+    protected bool $confirmation;
+
+    public function __construct(bool $confirmation)
+    {
+        $this->confirmation = $confirmation;
+    }
+
+    public function toArray(): array
+    {
+        return [
+            'name' => 'typo3-backend-form-reload',
+            'data' => [
+                'confirmation' => $this->confirmation,
+            ],
+        ];
+    }
+}
diff --git a/Classes/Form/Behavior/UpdateBitmaskOnFieldChange.php b/Classes/Form/Behavior/UpdateBitmaskOnFieldChange.php
new file mode 100644
index 0000000..cb420e1
--- /dev/null
+++ b/Classes/Form/Behavior/UpdateBitmaskOnFieldChange.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Behavior;
+
+/**
+ * Updates bitmask values for multi-checkboxes.
+ */
+class UpdateBitmaskOnFieldChange implements OnFieldChangeInterface
+{
+    protected int $position;
+    protected int $total;
+    protected bool $invert;
+    protected string $elementName;
+
+    public function __construct(int $position, int $total, bool $invert, string $elementName)
+    {
+        $this->position = $position;
+        $this->total = $total;
+        $this->invert = $invert;
+        $this->elementName = $elementName;
+    }
+
+    public function toArray(): array
+    {
+        return [
+            'name' => 'typo3-backend-form-update-bitmask',
+            'data' => [
+                'position' => $this->position,
+                'total' => $this->total,
+                'invert' => $this->invert,
+                'elementName' => $this->elementName,
+            ],
+        ];
+    }
+}
diff --git a/Classes/Form/Behavior/UpdateValueOnFieldChange.php b/Classes/Form/Behavior/UpdateValueOnFieldChange.php
new file mode 100644
index 0000000..dcb995c
--- /dev/null
+++ b/Classes/Form/Behavior/UpdateValueOnFieldChange.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Behavior;
+
+/**
+ * Updates `TBE_EDITOR` value (the default action),
+ * in case a particular field has been changed.
+ */
+class UpdateValueOnFieldChange implements OnFieldChangeInterface
+{
+    protected string $tableName;
+    protected string $identifier;
+    protected string $fieldName;
+    protected string $elementName;
+
+    public function __construct(string $tableName, string $identifier, string $fieldName, string $elementName)
+    {
+        $this->tableName = $tableName;
+        $this->identifier = $identifier;
+        $this->fieldName = $fieldName;
+        $this->elementName = $elementName;
+    }
+
+    public function withElementName(string $elementName): self
+    {
+        if ($this->elementName === $elementName) {
+            return $this;
+        }
+        $target = clone $this;
+        $target->elementName = $elementName;
+        return $target;
+    }
+
+    public function toArray(): array
+    {
+        return [
+            'name' => 'typo3-backend-form-update-value',
+            'data' => [
+                'tableName' => $this->tableName,
+                'identifier' => $this->identifier,
+                'fieldName' => $this->fieldName,
+                'elementName' => $this->elementName,
+            ],
+        ];
+    }
+}
diff --git a/Classes/Form/Container/AbstractContainer.php b/Classes/Form/Container/AbstractContainer.php
new file mode 100644
index 0000000..4aeee46
--- /dev/null
+++ b/Classes/Form/Container/AbstractContainer.php
@@ -0,0 +1,174 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Form\NodeFactory;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Abstract container has various methods used by the container classes
+ */
+abstract class AbstractContainer extends AbstractNode
+{
+    protected NodeFactory $nodeFactory;
+    protected BackendViewFactory $backendViewFactory;
+
+    /**
+     * Injection of NodeFactory, which is used in this abstract already.
+     * Using inject* method to not pollute __construct() for inheriting classes.
+     */
+    public function injectNodeFactory(NodeFactory $nodeFactory): void
+    {
+        $this->nodeFactory = $nodeFactory;
+    }
+
+    public function injectBackendViewFactory(BackendViewFactory $backendViewFactory)
+    {
+        $this->backendViewFactory = $backendViewFactory;
+    }
+
+    /**
+     * Merge field information configuration with default and render them.
+     *
+     * @return array Result array
+     */
+    protected function renderFieldInformation(): array
+    {
+        $options = $this->data;
+        $fieldInformation = $this->defaultFieldInformation;
+        $currentRenderType = $this->data['renderType'];
+        $fieldInformationFromTca = $options['processedTca']['ctrl']['container'][$currentRenderType]['fieldInformation'] ?? [];
+        ArrayUtility::mergeRecursiveWithOverrule($fieldInformation, $fieldInformationFromTca);
+        $options['renderType'] = 'fieldInformation';
+        $options['renderData']['fieldInformation'] = $fieldInformation;
+        return $this->nodeFactory->create($options)->render();
+    }
+
+    /**
+     * Merge field control configuration with default controls and render them.
+     *
+     * @return array Result array
+     */
+    protected function renderFieldControl(): array
+    {
+        $options = $this->data;
+        $fieldControl = $this->defaultFieldControl;
+        $currentRenderType = $this->data['renderType'];
+        $fieldControlFromTca = $options['processedTca']['ctrl']['container'][$currentRenderType]['fieldControl'] ?? [];
+        ArrayUtility::mergeRecursiveWithOverrule($fieldControl, $fieldControlFromTca);
+        $options['renderType'] = 'fieldControl';
+        $options['renderData']['fieldControl'] = $fieldControl;
+        return $this->nodeFactory->create($options)->render();
+    }
+
+    /**
+     * Merge field wizard configuration with default wizards and render them.
+     *
+     * @return array Result array
+     */
+    protected function renderFieldWizard(): array
+    {
+        $options = $this->data;
+        $fieldWizard = $this->defaultFieldWizard;
+        $currentRenderType = $this->data['renderType'];
+        $fieldWizardFromTca = $options['processedTca']['ctrl']['container'][$currentRenderType]['fieldWizard'] ?? [];
+        ArrayUtility::mergeRecursiveWithOverrule($fieldWizard, $fieldWizardFromTca);
+        $options['renderType'] = 'fieldWizard';
+        $options['renderData']['fieldWizard'] = $fieldWizard;
+        return $this->nodeFactory->create($options)->render();
+    }
+
+    /**
+     * A single field of TCA 'types' 'showitem' can have three semicolon separated configuration options:
+     *   fieldName: Name of the field to be found in TCA 'columns' section
+     *   fieldLabel: An alternative field label
+     *   paletteName: Name of a palette to be found in TCA 'palettes' section that is rendered after this field
+     *
+     * @param string $field Semicolon separated field configuration
+     * @throws \RuntimeException
+     */
+    protected function explodeSingleFieldShowItemConfiguration(string $field): array
+    {
+        $fieldArray = GeneralUtility::trimExplode(';', $field);
+        if (empty($fieldArray[0])) {
+            throw new \RuntimeException('Field must not be empty', 1426448465);
+        }
+        return [
+            'fieldName' => $fieldArray[0],
+            'fieldLabel' => !empty($fieldArray[1]) ? $fieldArray[1] : null,
+            'paletteName' => !empty($fieldArray[2]) ? $fieldArray[2] : null,
+        ];
+    }
+
+    /**
+     * Render tabs with label and content. Used by TabsContainer and FlexFormTabsContainer.
+     * Re-uses the template Tabs.fluid.html which is also used by ModuleTemplate.php.
+     *
+     * @param array $menuItems Tab elements, each element is an array with "label" and "content"
+     * @param string $domId DOM id attribute, will be appended with an iteration number per tab.
+     */
+    protected function renderTabMenu(array $menuItems, string $domId): string
+    {
+        $view = $this->backendViewFactory->create($this->data['request']);
+        $view->assignMultiple([
+            'id' => $domId,
+            'items' => $menuItems,
+            'defaultTabIndex' => 1,
+            'wrapContent' => false,
+            'storeLastActiveTab' => true,
+        ]);
+        return $view->render('Form/Tabs');
+    }
+
+    protected function wrapWithFieldsetAndLegend(string $fieldContent): string
+    {
+        $legend = htmlspecialchars($this->data['parameterArray']['fieldConf']['label']);
+        if ($this->getBackendUserAuthentication()->shallDisplayDebugInformation()) {
+            $fieldName = $this->data['flexFormContainerFieldName'] ?? $this->data['flexFormFieldName'] ?? $this->data['fieldName'];
+            $legend .= ' <code>[' . htmlspecialchars($fieldName) . ']</code>';
+        }
+        $description = $this->renderDescription();
+        return '<fieldset><legend class="form-label t3js-formengine-label">' . $legend . '</legend>' . $description . $fieldContent . '</fieldset>';
+    }
+
+    protected function renderDescription(): string
+    {
+        $description = (string)($this->data['parameterArray']['fieldConf']['description'] ?? '');
+        if ($description === '') {
+            return '';
+        }
+        $description = $this->getLanguageService()->sL($description);
+        if ($description === '') {
+            return '';
+        }
+        return '<div class="form-description">' . nl2br(htmlspecialchars($description)) . '</div>';
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/Container/FileReferenceContainer.php b/Classes/Form/Container/FileReferenceContainer.php
new file mode 100644
index 0000000..0e8336a
--- /dev/null
+++ b/Classes/Form/Container/FileReferenceContainer.php
@@ -0,0 +1,515 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use TYPO3\CMS\Backend\Form\Event\ModifyFileReferenceControlsEvent;
+use TYPO3\CMS\Backend\Form\Event\ModifyFileReferenceEnabledControlsEvent;
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Imaging\ImageManipulation\CropVariantCollection;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Resource\ProcessedFile;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Render a single file reference.
+ *
+ * This container is called by FilesControlContainer to render a single file (reference). The container is also
+ * called by FormEngine for an incoming ajax request to expand an existing file (reference) or to create a new one.
+ *
+ * This container creates the outer HTML of single file (references) - e.g. drag and drop and delete buttons.
+ * For rendering of the record itself processing is handed over to FullRecordContainer.
+ */
+class FileReferenceContainer extends AbstractContainer
+{
+    private const string FILE_REFERENCE_TABLE = 'sys_file_reference';
+    private const string FOREIGN_SELECTOR = 'uid_local';
+
+    /**
+     * File reference data used for JSON output
+     */
+    protected array $fileReferenceData = [];
+
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+        private readonly InlineStackProcessor $inlineStackProcessor,
+        private readonly EventDispatcherInterface $eventDispatcher,
+        private readonly ResourceFactory $resourceFactory,
+        private readonly ConnectionPool $connectionPool,
+        private readonly UriBuilder $uriBuilder,
+    ) {}
+
+    public function render(): array
+    {
+        // Send a mapping information to the browser via JSON:
+        // e.g. data[<curTable>][<curId>][<curField>] => data-<pid>-<parentTable>-<parentId>-<parentField>-<curTable>-<curId>-<curField>
+        $formPrefix = $this->inlineStackProcessor->getFormPrefixFromStructure($this->data['inlineStructure']);
+        $domObjectId = $this->inlineStackProcessor->getDomObjectIdPrefixFromStructure($this->data['inlineStructure'], $this->data['inlineFirstPid']);
+
+        $this->fileReferenceData = $this->data['inlineData'];
+        $this->fileReferenceData['map'][$formPrefix] = $domObjectId;
+
+        $resultArray = $this->initializeResultArray();
+        $resultArray['inlineData'] = $this->fileReferenceData;
+
+        $html = '';
+        $classes = [];
+        $combinationHtml = '';
+        $record = $this->data['databaseRow'];
+        $uid = $record['uid'] ?? 0;
+        $appendFormFieldNames = '[' . self::FILE_REFERENCE_TABLE . '][' . $uid . ']';
+        $objectId = $domObjectId . '-' . self::FILE_REFERENCE_TABLE . '-' . $uid;
+        $isNewRecord = $this->data['command'] === 'new';
+        $hiddenFieldName = (string)($this->data['processedTca']['ctrl']['enablecolumns']['disabled'] ?? '');
+        if (!$this->data['isInlineDefaultLanguageRecordInLocalizedParentContext']) {
+            if ($isNewRecord || $this->data['isInlineChildExpanded']) {
+                $fileReferenceData = $this->renderFileReference($this->data);
+                $html = $fileReferenceData['html'];
+                $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fileReferenceData, false);
+            } else {
+                // This class is the marker for the JS-function to check if the full content has already been loaded
+                $classes[] = 't3js-not-loaded';
+            }
+            if ($isNewRecord) {
+                // Add pid of file reference as hidden field
+                $html .= '<input type="hidden" name="data' . htmlspecialchars($appendFormFieldNames)
+                    . '[pid]" value="' . htmlspecialchars((string)$record['pid']) . '"/>';
+                // Tell DataHandler this file reference is expanded
+                $ucFieldName = 'uc[inlineView]'
+                    . '[' . $this->data['inlineTopMostParentTableName'] . ']'
+                    . '[' . $this->data['inlineTopMostParentUid'] . ']'
+                    . htmlspecialchars($appendFormFieldNames);
+                $html .= '<input type="hidden" name="' . htmlspecialchars($ucFieldName)
+                    . '" value="' . (int)$this->data['isInlineChildExpanded'] . '" />';
+            } else {
+                // Set additional field for processing for saving
+                $html .= '<input type="hidden" name="cmd' . htmlspecialchars($appendFormFieldNames)
+                    . '[delete]" value="1" disabled="disabled" />';
+                if ($hiddenFieldName !== ''
+                    && (!$this->data['isInlineChildExpanded']
+                        || !in_array($hiddenFieldName, $this->data['columnsToProcess'], true))
+                ) {
+                    $isHidden = (bool)($record[$hiddenFieldName] ?? false);
+                    $html .= '<input type="checkbox" class="d-none" data-formengine-input-name="data'
+                        . htmlspecialchars($appendFormFieldNames)
+                        . '[' . htmlspecialchars($hiddenFieldName) . ']" value="1"'
+                        . ($isHidden ? ' checked="checked"' : '') . ' />';
+                    $html .= '<input type="input" class="d-none" name="data' . htmlspecialchars($appendFormFieldNames)
+                        . '[' . htmlspecialchars($hiddenFieldName) . ']" value="' . (int)$isHidden . '" />';
+                }
+            }
+        }
+        if ($this->data['inlineParentConfig']['renderFieldsOnly'] ?? false) {
+            // Render "body" part only
+            $resultArray['html'] = $html . $combinationHtml;
+            return $resultArray;
+        }
+
+        // Render header row and content (if expanded)
+        if ($this->data['isInlineDefaultLanguageRecordInLocalizedParentContext']) {
+            $classes[] = 'panel-placeholder';
+        }
+        if ($record[$hiddenFieldName] ?? false) {
+            $classes[] = 'panel-hidden';
+        }
+        if ($isNewRecord) {
+            $classes[] = 'inlineIsNewRecord';
+        }
+
+        // The hashed object id needs a non-numeric prefix, the value is used as ID selector in JavaScript
+        $hashedObjectId = 'hash-' . md5($objectId);
+        $containerAttributes = [
+            'id' => $objectId . '_div',
+            'class' => 'form-irre-object panel panel-default ' . trim(implode(' ', $classes)),
+            'data-object-uid' => $record['uid'] ?? 0,
+            'data-object-id' => $objectId,
+            'data-object-id-hash' => $hashedObjectId,
+            'data-object-parent-group' => $domObjectId . '-' . self::FILE_REFERENCE_TABLE,
+            'data-field-name' => $appendFormFieldNames,
+            'data-topmost-parent-table' => $this->data['inlineTopMostParentTableName'],
+            'data-topmost-parent-uid' => $this->data['inlineTopMostParentUid'],
+            'data-placeholder-record' => $this->data['isInlineDefaultLanguageRecordInLocalizedParentContext'] ? '1' : '0',
+        ];
+
+        $isExpanded = $this->data['isInlineChildExpanded'] ?? false;
+        $ariaControls = htmlspecialchars($objectId . '_fields', ENT_QUOTES | ENT_HTML5);
+        $resultArray['html'] = '
+            <div ' . GeneralUtility::implodeAttributes($containerAttributes, true) . '>
+                <div class="panel-heading">
+                    <div class="panel-heading-row">
+                        ' . $this->renderFileHeader($isExpanded, $ariaControls) . '
+                    </div>
+                </div>
+                <div class="panel-collapse collapse' . ($isExpanded ? ' show' : '') . '" id="' . $ariaControls . '">' . $html . $combinationHtml . '</div>
+            </div>';
+
+        return $resultArray;
+    }
+
+    protected function renderFileReference(array $data): array
+    {
+        $data['tabAndInlineStack'][] = [
+            'inline',
+            $this->inlineStackProcessor->getDomObjectIdPrefixFromStructure($this->data['inlineStructure'], $data['inlineFirstPid'])
+            . '-'
+            . $data['tableName']
+            . '-'
+            . $data['databaseRow']['uid'],
+        ];
+
+        return $this->nodeFactory->create(array_replace_recursive($data, [
+            'inlineData' => $this->fileReferenceData,
+            'renderType' => 'fullRecordContainer',
+        ]))->render();
+    }
+
+    /**
+     * Renders the HTML header for the file, such as the title, toggle-function, drag'n'drop, etc.
+     * Later on the command-icons are inserted here, too.
+     */
+    protected function renderFileHeader(bool $isExpanded, string $ariaControls): string
+    {
+        $languageService = $this->getLanguageService();
+
+        $databaseRow = $this->data['databaseRow'];
+        $recordTitle = $this->getRecordTitle();
+
+        if (empty($recordTitle)) {
+            $recordTitle = '<em>[' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.no_title')) . ']</em>';
+        }
+
+        $objectId = htmlspecialchars($this->inlineStackProcessor->getDomObjectIdPrefixFromStructure($this->data['inlineStructure'], $this->data['inlineFirstPid'])
+            . '-' . self::FILE_REFERENCE_TABLE
+            . '-' . ($databaseRow['uid'] ?? 0));
+
+        $altText = BackendUtility::getRecordIconAltText($databaseRow, self::FILE_REFERENCE_TABLE, false);
+
+        // Renders the header image (thumbnail, icon, or missing file indicator)
+        $headerImage = '';
+        $headerBadge = '';
+        $isMissing = false;
+        if ($GLOBALS['TYPO3_CONF_VARS']['GFX']['thumbnails'] ?? false) {
+            $fileUid = $databaseRow[self::FOREIGN_SELECTOR][0]['uid'] ?? null;
+            if (!empty($fileUid)) {
+                try {
+                    $fileObject = $this->resourceFactory->getFileObject($fileUid);
+                    if ($fileObject->isMissing()) {
+                        $isMissing = true;
+                        $recordTitle = htmlspecialchars($fileObject->getName());
+                        $headerImage = '
+                            <div class="panel-icon" id="' . $objectId . '_iconcontainer">
+                                ' . $this->iconFactory->getIcon('default-not-found', IconSize::SMALL)->render() . '
+                            </div>';
+                        $headerBadge = '
+                            <div class="panel-badge">
+                                <span class="badge badge-danger">'
+                                    . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:warning.file_missing')) . '
+                                </span>
+                            </div>';
+                    } elseif ($fileObject->isImage() || $fileObject->isMediaFile()) {
+                        $imageSetup = $this->data['inlineParentConfig']['appearance']['headerThumbnail'] ?? [];
+                        $cropVariantCollection = CropVariantCollection::create($databaseRow['crop'] ?? '');
+                        if (!$cropVariantCollection->getCropArea()->isEmpty()) {
+                            $imageSetup['crop'] = $cropVariantCollection->getCropArea()->makeAbsoluteBasedOnFile($fileObject);
+                        }
+                        $processedImage = $fileObject->process(
+                            ProcessedFile::CONTEXT_IMAGECROPSCALEMASK,
+                            array_merge(['maxWidth' => 60, 'maxHeight' => 45], $imageSetup)
+                        );
+                        // Only use a thumbnail if the processing process was successful by checking if image width is set
+                        if ($processedImage->getProperty('width')) {
+                            $imageUrl = $processedImage->getPublicUrl() ?? '';
+                            $headerImage = '
+                                <div class="panel-thumbnail" id="' . $objectId . '_thumbnailcontainer">
+                                    <img src="' . htmlspecialchars($imageUrl) . '" '
+                                        . 'width="' . $processedImage->getProperty('width') . '" '
+                                        . 'height="' . $processedImage->getProperty('height') . '" '
+                                        . 'alt="" '
+                                        . 'title="' . htmlspecialchars($altText) . '" '
+                                        . 'loading="lazy">
+                                </div>';
+                        }
+                    }
+                } catch (\InvalidArgumentException $e) {
+                    $fileObject = null;
+                }
+            }
+        }
+
+        if ($headerImage === '' && !$isMissing) {
+            $headerImage = '
+                <div class="panel-icon" id="' . $objectId . '_iconcontainer">
+                    ' . $this->iconFactory
+                        ->getIconForRecord(self::FILE_REFERENCE_TABLE, $databaseRow, IconSize::SMALL)
+                        ->setTitle($altText)
+                        ->render() . '
+                </div>';
+        }
+
+        return '
+            <button class="panel-button' . ($isExpanded ? '' : ' collapsed') . '" type="button"
+                    data-bs-toggle="collapse" data-bs-target="#' . $ariaControls . '"
+                    aria-expanded="' . ($isExpanded ? 'true' : 'false') . '" aria-controls="' . $ariaControls . '">
+                <span class="caret"></span>
+                ' . $headerImage . '
+                <div class="panel-title"><span id="' . $objectId . '_label">' . $recordTitle . '</span></div>
+                ' . $headerBadge . '
+            </button>
+            <div class="panel-actions t3js-formengine-irre-control">
+                ' . $this->renderFileReferenceHeaderControl() . '
+            </div>';
+    }
+
+    /**
+     * Render the control-icons for a file reference (e.g. create new, sorting, delete, disable/enable).
+     */
+    protected function renderFileReferenceHeaderControl(): string
+    {
+        $controls = [];
+        $databaseRow = $this->data['databaseRow'];
+        $databaseRow += [
+            'uid' => 0,
+        ];
+        $parentConfig = $this->data['inlineParentConfig'];
+        $languageService = $this->getLanguageService();
+        $backendUser = $this->getBackendUserAuthentication();
+        $isNewItem = str_starts_with((string)$databaseRow['uid'], 'NEW');
+        $fileReferenceTableTca = $this->data['tcaSchemata']->get(self::FILE_REFERENCE_TABLE);
+        $calcPerms = new Permission(
+            $backendUser->calcPerms(BackendUtility::readPageAccess(
+                (int)($this->data['parentPageRow']['uid'] ?? 0),
+                $backendUser->getPagePermsClause(Permission::PAGE_SHOW)
+            ))
+        );
+        $event = $this->eventDispatcher->dispatch(
+            new ModifyFileReferenceEnabledControlsEvent($this->data, $databaseRow)
+        );
+        if ($this->data['isInlineDefaultLanguageRecordInLocalizedParentContext']) {
+            $controls['localize'] = $this->iconFactory
+                ->getIcon('actions-edit-localize-status-low', IconSize::SMALL)
+                ->setTitle($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:localize.isLocalizable'))
+                ->render();
+        }
+        if ($event->isControlEnabled('info')) {
+            if ($isNewItem) {
+                $controls['info'] = '
+                    <span class="btn btn-default disabled">
+                        ' . $this->iconFactory->getIcon('empty-empty', IconSize::SMALL)->render() . '
+                    </span>';
+            } else {
+                $controls['info'] = '
+                    <button type="button" class="btn btn-default" data-action="infowindow" data-info-table="' . htmlspecialchars('_FILE') . '" data-info-uid="' . (int)$databaseRow['uid_local'][0]['uid'] . '" title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:showInfo')) . '">
+                        ' . $this->iconFactory->getIcon('actions-document-info', IconSize::SMALL)->render() . '
+                    </button>';
+            }
+        }
+        // If the table is NOT a read-only table, then show these links:
+        if (!($parentConfig['readOnly'] ?? false)
+            && !($fileReferenceTableTca->getCapability(TcaSchemaCapability::AccessReadOnly)->getValue() ?? false)
+            && !($this->data['isInlineDefaultLanguageRecordInLocalizedParentContext'] ?? false)
+        ) {
+            if ($event->isControlEnabled('sort')) {
+                $icon = 'actions-move-up';
+                $class = '';
+                if ((int)$parentConfig['inline']['first'] === (int)$databaseRow['uid']) {
+                    $class = ' disabled';
+                    $icon = 'empty-empty';
+                }
+                $controls['sort.up'] = '
+                    <button type="button" class="btn btn-default' . $class . '" data-action="sort" data-direction="up" title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:moveUp')) . '">
+                        ' . $this->iconFactory->getIcon($icon, IconSize::SMALL)->render() . '
+                    </button>';
+
+                $icon = 'actions-move-down';
+                $class = '';
+                if ((int)$parentConfig['inline']['last'] === (int)$databaseRow['uid']) {
+                    $class = ' disabled';
+                    $icon = 'empty-empty';
+                }
+                $controls['sort.down'] = '
+                    <button type="button" class="btn btn-default' . $class . '" data-action="sort" data-direction="down" title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:moveDown')) . '">
+                        ' . $this->iconFactory->getIcon($icon, IconSize::SMALL)->render() . '
+                    </button>';
+            }
+            $sysFileMetadataTableTca = $this->data['tcaSchemata']->has('sys_file_metadata') ? $this->data['tcaSchemata']->get('sys_file_metadata') : null;
+            if (!$isNewItem
+                && ($languageField = ($sysFileMetadataTableTca?->getRawConfiguration()['languageField'] ?? false))
+                && $backendUser->check('tables_modify', 'sys_file_metadata')
+                && $event->isControlEnabled('edit')
+            ) {
+                $languageId = (int)(is_array($databaseRow[$languageField] ?? null)
+                    ? ($databaseRow[$languageField][0] ?? 0)
+                    : ($databaseRow[$languageField] ?? 0));
+                $queryBuilder = $this->connectionPool->getQueryBuilderForTable('sys_file_metadata');
+                $metadataRecord = $queryBuilder
+                    ->select('uid')
+                    ->from('sys_file_metadata')
+                    ->where(
+                        $queryBuilder->expr()->eq(
+                            'file',
+                            $queryBuilder->createNamedParameter((int)$databaseRow['uid_local'][0]['uid'], Connection::PARAM_INT)
+                        ),
+                        $queryBuilder->expr()->eq(
+                            $languageField,
+                            $queryBuilder->createNamedParameter($languageId, Connection::PARAM_INT)
+                        )
+                    )
+                    ->setMaxResults(1)
+                    ->executeQuery()
+                    ->fetchAssociative();
+                if (!empty($metadataRecord)) {
+                    $url = (string)$this->uriBuilder->buildUriFromRoute('record_edit', [
+                        'edit[sys_file_metadata][' . (int)$metadataRecord['uid'] . ']' => 'edit',
+                        'module' => (string)($this->data['request']->getQueryParams()['module'] ?? ''),
+                        'returnUrl' => $this->data['returnUrl'],
+                    ]);
+                    $controls['edit'] = '
+                        <a class="btn btn-default" href="' . htmlspecialchars($url) . '" title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.editMetadata')) . '">
+                            ' . $this->iconFactory->getIcon('actions-open', IconSize::SMALL)->render() . '
+                        </a>';
+                }
+            }
+            if ($event->isControlEnabled('delete') && $calcPerms->editContentPermissionIsGranted()) {
+                $recordInfo = $this->data['databaseRow']['uid_local'][0]['title'] ?? $this->data['recordTitle'] ?? '';
+                if ($this->getBackendUserAuthentication()->shallDisplayDebugInformation()) {
+                    $recordInfo .= ' [' . $this->data['tableName'] . ':' . $this->data['vanillaUid'] . ']';
+                }
+                $controls['delete'] = '
+                    <button type="button" class="btn btn-default t3js-editform-delete-inline-record" data-record-info="' . htmlspecialchars(trim($recordInfo)) . '" title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:delete')) . '">
+                        ' . $this->iconFactory->getIcon('actions-edit-delete', IconSize::SMALL)->render() . '
+                    </button>';
+            }
+            if (($hiddenField = ($fileReferenceTableTca->getCapability(TcaSchemaCapability::RestrictionDisabledField)->getFieldName())) !== ''
+                && ($fileReferenceTableTca->hasField($hiddenField))
+                && $event->isControlEnabled('hide')
+                && (
+                    !($fileReferenceTableTca->getField($hiddenField)->getConfiguration()['exclude'] ?? false)
+                    || $backendUser->check('non_exclude_fields', self::FILE_REFERENCE_TABLE . ':' . $hiddenField)
+                )
+            ) {
+                if ($databaseRow[$hiddenField] ?? false) {
+                    $controls['hide'] = '
+                        <button type="button" class="btn btn-default t3js-toggle-visibility-button" data-hidden-field="' . htmlspecialchars($hiddenField) . '" title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:unHide')) . '">
+                            ' . $this->iconFactory->getIcon('actions-edit-unhide', IconSize::SMALL)->render() . '
+                        </button>';
+                } else {
+                    $controls['hide'] = '
+                        <button type="button" class="btn btn-default t3js-toggle-visibility-button" data-hidden-field="' . htmlspecialchars($hiddenField) . '" title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:hide')) . '">
+                            ' . $this->iconFactory->getIcon('actions-edit-hide', IconSize::SMALL)->render() . '
+                        </button>';
+                }
+            }
+            if (($parentConfig['appearance']['useSortable'] ?? false) && $event->isControlEnabled('dragdrop')) {
+                $controls['dragdrop'] = '
+                    <span class="btn btn-default sortableHandle" data-id="' . (int)$databaseRow['uid'] . '" title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move')) . '">
+                        ' . $this->iconFactory->getIcon('actions-move-move', IconSize::SMALL)->render() . '
+                    </span>';
+            }
+        } elseif (($this->data['isInlineDefaultLanguageRecordInLocalizedParentContext'] ?? false)
+            && MathUtility::canBeInterpretedAsInteger($this->data['inlineParentUid'])
+            && $event->isControlEnabled('localize')
+        ) {
+            $controls['localize'] = '
+                <button type="button" class="btn btn-default t3js-synchronizelocalize-button" data-type="' . htmlspecialchars((string)$databaseRow['uid']) . '" title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:localize')) . '">
+                    ' . $this->iconFactory->getIcon('actions-document-localize', IconSize::SMALL)->render() . '
+                </button>';
+        }
+        if ($lockInfo = BackendUtility::isRecordLocked(self::FILE_REFERENCE_TABLE, $databaseRow['uid'])) {
+            $controls['locked'] = '
+				<button type="button" class="btn btn-default" title="' . htmlspecialchars($lockInfo['msg']) . '">
+					' . $this->iconFactory->getIcon('status-user-backend', IconSize::SMALL, 'overlay-edit')->render() . '
+				</button>';
+        }
+
+        // Get modified controls. This means their markup was modified, new controls were added or controls got removed.
+        $controls = $this->eventDispatcher->dispatch(
+            new ModifyFileReferenceControlsEvent($controls, $this->data, $databaseRow)
+        )->getControls();
+
+        $out = '';
+        if (($controls['edit'] ?? false) || ($controls['hide'] ?? false) || ($controls['delete'] ?? false)) {
+            $out .= '
+                <div class="btn-group btn-group-sm" role="group">
+                    ' . ($controls['edit'] ?? '') . ($controls['hide'] ?? '') . ($controls['delete'] ?? '') . '
+                </div>';
+            unset($controls['edit'], $controls['hide'], $controls['delete']);
+        }
+        if (($controls['info'] ?? false) || ($controls['new'] ?? false) || ($controls['sort.up'] ?? false) || ($controls['sort.down'] ?? false) || ($controls['dragdrop'] ?? false)) {
+            $out .= '
+                <div class="btn-group btn-group-sm" role="group">
+                    ' . ($controls['info'] ?? '') . ($controls['new'] ?? '') . ($controls['sort.up'] ?? '') . ($controls['sort.down'] ?? '') . ($controls['dragdrop'] ?? '') . '
+                </div>';
+            unset($controls['info'], $controls['new'], $controls['sort.up'], $controls['sort.down'], $controls['dragdrop']);
+        }
+        if ($controls['localize'] ?? false) {
+            $out .= '<div class="btn-group btn-group-sm" role="group">' . $controls['localize'] . '</div>';
+            unset($controls['localize']);
+        }
+        if ($controls !== [] && ($remainingControls = trim(implode('', $controls))) !== '') {
+            $out .= '<div class="btn-group btn-group-sm" role="group">' . $remainingControls . '</div>';
+        }
+        return $out;
+    }
+
+    protected function getRecordTitle(): string
+    {
+        $databaseRow = $this->data['databaseRow'];
+        $fileRecord = $databaseRow['uid_local'][0]['row'] ?? null;
+
+        if ($fileRecord === null) {
+            return $this->data['recordTitle'] ?: (string)$databaseRow['uid'];
+        }
+
+        $title = '<span>' . $this->getLabelFieldForRecord($databaseRow, $fileRecord, 'name') . '</span>';
+
+        // In debug mode, add the table name to the record title
+        if ($this->getBackendUserAuthentication()->shallDisplayDebugInformation()) {
+            $title .= ' <span class="panel-meta"><code>[' . self::FILE_REFERENCE_TABLE . ']</code></span>';
+        }
+
+        return $title;
+    }
+
+    protected function getLabelFieldForRecord(array $databaseRow, array $fileRecord, string $field): string
+    {
+        $value = '';
+
+        if (isset($databaseRow[$field])) {
+            $value = htmlspecialchars((string)$databaseRow[$field]);
+        } elseif (isset($fileRecord[$field])) {
+            $value = htmlspecialchars((string)$fileRecord[$field]);
+        }
+
+        return $value;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/Container/FilesControlContainer.php b/Classes/Form/Container/FilesControlContainer.php
new file mode 100644
index 0000000..d594d67
--- /dev/null
+++ b/Classes/Form/Container/FilesControlContainer.php
@@ -0,0 +1,448 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use TYPO3\CMS\Backend\Form\Event\CustomFileControlsEvent;
+use TYPO3\CMS\Backend\Form\Event\CustomFileSelectorsEvent;
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Resource\DefaultUploadFolderResolver;
+use TYPO3\CMS\Core\Resource\Filter\FileExtensionFilter;
+use TYPO3\CMS\Core\Resource\Folder;
+use TYPO3\CMS\Core\Resource\OnlineMedia\Helpers\OnlineMediaHelperRegistry;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Files entry container.
+ *
+ * This container is the entry step to rendering a file reference. It is created by SingleFieldContainer.
+ *
+ * The code creates the main structure for the single file reference, initializes the inlineData array,
+ * that is manipulated and also returned in its manipulated state. The "control" stuff of file
+ * references is rendered here, for example the "create new" button.
+ *
+ * For each existing file reference, a FileReferenceContainer is called for further processing.
+ */
+class FilesControlContainer extends AbstractContainer
+{
+    private const string FILE_REFERENCE_TABLE = 'sys_file_reference';
+
+    /**
+     * Inline data array used in JS, returned as JSON object to frontend
+     */
+    protected array $fileReferenceData = [];
+
+    /**
+     * @var array<int,JavaScriptModuleInstruction|string|array<string,string>>
+     */
+    protected array $javaScriptModules = [];
+
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+    ];
+
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+        private readonly InlineStackProcessor $inlineStackProcessor,
+        private readonly EventDispatcherInterface $eventDispatcher,
+        private readonly OnlineMediaHelperRegistry $onlineMediaHelperRegistry,
+        private readonly DefaultUploadFolderResolver $defaultUploadFolderResolver,
+        private readonly HashService $hashService,
+    ) {}
+
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $languageService = $this->getLanguageService();
+
+        $this->fileReferenceData = $this->data['inlineData'];
+
+        $inlineStructure = $this->data['inlineStructure'];
+
+        $table = $this->data['tableName'];
+        $row = $this->data['databaseRow'];
+        $field = $this->data['fieldName'];
+        $parameterArray = $this->data['parameterArray'];
+
+        $resultArray = $this->initializeResultArray();
+
+        $config = $parameterArray['fieldConf']['config'];
+        $isReadOnly = (bool)($config['readOnly'] ?? false);
+        $language = 0;
+        if ($this->data['tcaSchemata']->has($table) && $this->data['tcaSchemata']->get($table)->hasCapability(TcaSchemaCapability::Language)) {
+            $languageFieldName = $this->data['tcaSchemata']->get($table)->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName();
+            $language = isset($row[$languageFieldName][0]) ? (int)$row[$languageFieldName][0] : (int)$row[$languageFieldName];
+        }
+
+        // Add the current inline job to the structure stack
+        $newStructureItem = [
+            'table' => $table,
+            'uid' => $row['uid'],
+            'field' => $field,
+            'config' => $config,
+        ];
+
+        // Extract FlexForm parts (if any) from element name, e.g. array('vDEF', 'lDEF', 'FlexField', 'vDEF')
+        $itemName = (string)$parameterArray['itemFormElName'];
+        if ($itemName !== '') {
+            $flexFormParts = $this->extractFlexFormParts($itemName);
+            if ($flexFormParts !== null) {
+                $newStructureItem['flexform'] = $flexFormParts;
+                if ($flexFormParts !== []
+                    && isset($this->data['processedTca']['columns'][$field]['config']['dataStructureIdentifier'])
+                ) {
+                    // Transport the flexform DS identifier fields to the FormFilesAjaxController
+                    $config['dataStructureIdentifier'] = $this->data['processedTca']['columns'][$field]['config']['dataStructureIdentifier'];
+                }
+            }
+        }
+
+        $inlineStructure['stable'][] = $newStructureItem;
+
+        // Hand over original returnUrl to FormFilesAjaxController. Needed if opening for instance a
+        // nested element in a new view to then go back to the original returnUrl and not the url of
+        // the inline ajax controller
+        $config['originalReturnUrl'] = $this->data['returnUrl'];
+
+        // e.g. data[<table>][<uid>][<field>]
+        $formFieldName = $this->inlineStackProcessor->getFormPrefixFromStructure($inlineStructure);
+        // e.g. data-<pid>-<table1>-<uid1>-<field1>-<table2>-<uid2>-<field2>
+        $formFieldIdentifier = $this->inlineStackProcessor->getDomObjectIdPrefixFromStructure($inlineStructure, $this->data['inlineFirstPid']);
+
+        $inlineChildren = $parameterArray['fieldConf']['children'] ?? [];
+
+        $config['inline']['first'] = $config['inline']['last'] = false;
+        if (is_array($inlineChildren) && $inlineChildren !== []) {
+            $firstChild = array_first($inlineChildren);
+            if (isset($firstChild['databaseRow']['uid'])) {
+                $config['inline']['first'] = $firstChild['databaseRow']['uid'];
+            }
+            $lastChild = array_last($inlineChildren);
+            if (isset($lastChild['databaseRow']['uid'])) {
+                $config['inline']['last'] = $lastChild['databaseRow']['uid'];
+            }
+        }
+
+        $top = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, 0);
+
+        $this->fileReferenceData['config'][$formFieldIdentifier] = [
+            'table' => self::FILE_REFERENCE_TABLE,
+        ];
+        $configJson = (string)json_encode($config);
+        $this->fileReferenceData['config'][$formFieldIdentifier . '-' . self::FILE_REFERENCE_TABLE] = [
+            'min' => $config['minitems'] ?? null,
+            'max' => $config['maxitems'] ?? null,
+            'sortable' => $config['appearance']['useSortable'] ?? false,
+            'top' => [
+                'table' => $top['table'],
+                'uid' => $top['uid'],
+            ],
+            'context' => [
+                'config' => $configJson,
+                'hmac' => $this->hashService->hmac($configJson, 'FilesContext'),
+            ],
+        ];
+        $this->fileReferenceData['nested'][$formFieldIdentifier] = $this->data['tabAndInlineStack'];
+
+        $resultArray['inlineData'] = $this->fileReferenceData;
+
+        // @todo: It might be a good idea to have something like "isLocalizedRecord" or similar set by a data provider
+        $uidOfDefaultRecord = 0;
+        if ($this->data['tcaSchemata']->has($table) && $this->data['tcaSchemata']->get($table)->hasCapability(TcaSchemaCapability::Language)) {
+            $originPointerField = $this->data['tcaSchemata']->get($table)->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName();
+            $uidOfDefaultRecord = $row[$originPointerField] ?? 0;
+        }
+        $isLocalizedParent = $language > 0
+            && ($uidOfDefaultRecord[0] ?? $uidOfDefaultRecord) > 0
+            && MathUtility::canBeInterpretedAsInteger($row['uid']);
+        $numberOfFullLocalizedChildren = 0;
+        $numberOfNotYetLocalizedChildren = 0;
+        foreach ($inlineChildren as $child) {
+            if (!$child['isInlineDefaultLanguageRecordInLocalizedParentContext']) {
+                $numberOfFullLocalizedChildren++;
+            }
+            if ($isLocalizedParent && $child['isInlineDefaultLanguageRecordInLocalizedParentContext']) {
+                $numberOfNotYetLocalizedChildren++;
+            }
+        }
+
+        if ($isReadOnly || $numberOfFullLocalizedChildren >= ($config['maxitems'] ?? 0)) {
+            $config['inline']['showNewFileReferenceButton'] = false;
+            $config['inline']['showCreateNewRelationButton'] = false;
+            $config['inline']['showOnlineMediaAddButtonStyle'] = false;
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $sortableRecordUids = $fileReferencesHtml = [];
+        foreach ($inlineChildren as $options) {
+            $options['inlineParentUid'] = $row['uid'];
+            $options['inlineFirstPid'] = $this->data['inlineFirstPid'];
+            $options['inlineParentConfig'] = $config;
+            $options['inlineData'] = $this->fileReferenceData;
+            $options['inlineStructure'] = $inlineStructure;
+            $options['inlineExpandCollapseStateArray'] = $this->data['inlineExpandCollapseStateArray'];
+            $options['renderType'] = 'fileReferenceContainer';
+            $fileReference = $this->nodeFactory->create($options)->render();
+            $fileReferencesHtml[] = $fileReference['html'];
+            $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fileReference, false);
+            if (!$options['isInlineDefaultLanguageRecordInLocalizedParentContext'] && isset($options['databaseRow']['uid'])) {
+                // Don't add record to list of "valid" uids if it is only the default
+                // language record of a not yet localized child
+                $sortableRecordUids[] = $options['databaseRow']['uid'];
+            }
+        }
+
+        $view = $this->backendViewFactory->create($this->data['request']);
+        $view->assignMultiple([
+            'formFieldIdentifier' => $formFieldIdentifier,
+            'formFieldName' => $formFieldName,
+            'webComponentAttributes' => GeneralUtility::implodeAttributes([
+                'id' => $formFieldIdentifier,
+                'data-type' => 'file',
+                'data-object-group' => $formFieldIdentifier . '-' . self::FILE_REFERENCE_TABLE,
+                'data-form-field' => $formFieldName,
+                'data-expand-single' => (bool)($config['appearance']['expandSingle'] ?? false) ? 'true' : 'false',
+                'data-sortable' => (bool)($config['appearance']['useSortable'] ?? false) ? 'true' : 'false',
+                'data-min' => (int)($config['minitems'] ?? 0),
+                'data-max' => (int)($config['maxitems'] ?? 0),
+            ], true),
+            'fieldInformation' => $fieldInformationResult['html'],
+            'fieldWizard' => $fieldWizardResult['html'],
+            'fileReferences' => [
+                'id' => $formFieldIdentifier . '_records',
+                'title' => $languageService->sL(trim($parameterArray['fieldConf']['label'] ?? '')),
+                'records' => implode(LF, $fileReferencesHtml),
+            ],
+            'sortableRecordUids' => implode(',', $sortableRecordUids),
+            'validationRules' => $this->getValidationDataAsJsonString([
+                'type' => 'inline',
+                'minitems' => $config['minitems'] ?? null,
+                'maxitems' => $config['maxitems'] ?? null,
+            ]),
+        ]);
+
+        if (!$isReadOnly && ($config['appearance']['showFileSelectors'] ?? true) !== false) {
+            /** @var FileExtensionFilter $fileExtensionFilter */
+            $fileExtensionFilter = GeneralUtility::makeInstance(FileExtensionFilter::class);
+            $fileExtensionFilter->setAllowedFileExtensions($config['allowed'] ?? null);
+            $fileExtensionFilter->setDisallowedFileExtensions($config['disallowed'] ?? null);
+            $view->assign('fileSelectors', $this->getFileSelectors($inlineStructure, $config, $fileExtensionFilter));
+            $filteredFileExtensions = $fileExtensionFilter->getFilteredFileExtensions();
+            // Do not display "allowed file extensions" if all extensions are allowed (indicated by ['*'])
+            if (($filteredFileExtensions['allowedFileExtensions'] ?? null) === ['*']) {
+                $filteredFileExtensions = [];
+            }
+            $view->assignMultiple($filteredFileExtensions);
+            // Render the localization buttons if needed
+            if ($numberOfNotYetLocalizedChildren) {
+                $view->assignMultiple([
+                    'showAllLocalizationLink' => !empty($config['appearance']['showAllLocalizationLink']),
+                    'showSynchronizationLink' => !empty($config['appearance']['showSynchronizationLink']),
+                ]);
+            }
+        }
+
+        $event = $this->eventDispatcher->dispatch(
+            new CustomFileControlsEvent($resultArray, $table, $field, $row, $config, $formFieldIdentifier, $formFieldName)
+        );
+        $resultArray = $event->getResultArray();
+        $controls = $event->getControls();
+
+        if ($controls !== []) {
+            $view->assign('customControls', [
+                'id' => $formFieldIdentifier . '_customControls',
+                'controls' => implode("\n", $controls),
+            ]);
+        }
+
+        $resultArray['javaScriptModules'] = array_merge(
+            $resultArray['javaScriptModules'],
+            $this->javaScriptModules,
+            [JavaScriptModuleInstruction::create('@typo3/backend/form-engine/container/inline-control-container.js')]
+        );
+
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend($view->render('Form/FilesControlContainer'));
+        return $resultArray;
+    }
+
+    /**
+     * Generate buttons to select, reference and upload files.
+     */
+    protected function getFileSelectors(array $inlineStructure, array $inlineConfiguration, FileExtensionFilter $fileExtensionFilter): array
+    {
+        $languageService = $this->getLanguageService();
+        $backendUser = $this->getBackendUserAuthentication();
+
+        $currentStructureDomObjectIdPrefix = $this->inlineStackProcessor->getDomObjectIdPrefixFromStructure($inlineStructure, $this->data['inlineFirstPid']);
+        $objectPrefix = $currentStructureDomObjectIdPrefix . '-' . self::FILE_REFERENCE_TABLE;
+
+        $controls = [];
+        if ($inlineConfiguration['appearance']['elementBrowserEnabled'] ?? true) {
+            if ($inlineConfiguration['appearance']['createNewRelationLinkTitle'] ?? false) {
+                $buttonText = $inlineConfiguration['appearance']['createNewRelationLinkTitle'];
+            } else {
+                $buttonText = 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.createNewRelation';
+            }
+            $buttonText = $languageService->sL($buttonText);
+            $attributes = [
+                'type' => 'button',
+                'class' => 'btn btn-default t3js-element-browser',
+                'hidden' => !($inlineConfiguration['inline']['showCreateNewRelationButton'] ?? true) ? 'hidden' : null,
+                'title' => $buttonText,
+                'data-mode' => 'file',
+                'data-allowed-types' => implode(',', $fileExtensionFilter->getAllowedFileExtensions() ?? []),
+                'data-disallowed-types' => implode(',', $fileExtensionFilter->getDisallowedFileExtensions() ?? []),
+                'data-irre-object-id' => $objectPrefix,
+            ];
+            $controls[] = '
+                <button ' . GeneralUtility::implodeAttributes($attributes, true) . '>
+                    ' . $this->iconFactory->getIcon('actions-insert-record', IconSize::SMALL)->render() . '
+                    ' . htmlspecialchars($buttonText) . '
+                </button>';
+        }
+
+        $onlineMediaAllowed = [];
+        foreach ($this->onlineMediaHelperRegistry->getSupportedFileExtensions() as $supportedFileExtension) {
+            if ($fileExtensionFilter->isAllowed($supportedFileExtension)) {
+                $onlineMediaAllowed[] = $supportedFileExtension;
+            }
+        }
+
+        $showUpload = (bool)($inlineConfiguration['appearance']['fileUploadAllowed'] ?? true);
+        $showByUrl = ($inlineConfiguration['appearance']['fileByUrlAllowed'] ?? true) && $onlineMediaAllowed !== [];
+
+        if (($showUpload || $showByUrl) && $backendUser->getUserSettings()->isUploadFieldsInTopOfEBEnabled()) {
+            $folder = $this->defaultUploadFolderResolver->resolve(
+                $backendUser,
+                $this->data['tableName'] === 'pages' ? $this->data['vanillaUid'] : ($this->data['parentPageRow']['uid'] ?? 0),
+                $this->data['tableName'],
+                $this->data['fieldName']
+            );
+            if (
+                $folder instanceof Folder
+                && $folder->getStorage()->checkUserActionPermission('add', 'File')
+            ) {
+                if ($showUpload) {
+                    if ($inlineConfiguration['appearance']['uploadFilesLinkTitle'] ?? false) {
+                        $buttonText = $inlineConfiguration['appearance']['uploadFilesLinkTitle'];
+                    } else {
+                        $buttonText = 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:file_upload.select-and-submit';
+                    }
+                    $buttonText = $languageService->sL($buttonText);
+
+                    $attributes = [
+                        'type' => 'button',
+                        'class' => 'btn btn-default t3js-drag-uploader',
+                        'title' => $buttonText,
+                        'hidden' => !($inlineConfiguration['inline']['showCreateNewRelationButton'] ?? true) ? 'hidden' : null,
+                        'data-dropzone-target' => '#' . StringUtility::escapeCssSelector($currentStructureDomObjectIdPrefix),
+                        'data-insert-dropzone-before' => '1',
+                        'data-file-irre-object' => $objectPrefix,
+                        'data-file-allowed' => implode(',', $fileExtensionFilter->getAllowedFileExtensions() ?? []),
+                        'data-file-disallowed' => implode(',', $fileExtensionFilter->getDisallowedFileExtensions() ?? []),
+                        'data-target-folder' => $folder->getCombinedIdentifier(),
+                        'data-max-file-size' => (string)(GeneralUtility::getMaxUploadFileSize() * 1024),
+                    ];
+                    $controls[] = '
+                        <button ' . GeneralUtility::implodeAttributes($attributes, true) . '>
+                            ' . $this->iconFactory->getIcon('actions-upload', IconSize::SMALL)->render() . '
+                            ' . htmlspecialchars($buttonText) . '
+                        </button>';
+
+                    $this->javaScriptModules[] = JavaScriptModuleInstruction::create('@typo3/backend/drag-uploader.js');
+                }
+                if ($showByUrl) {
+                    if ($inlineConfiguration['appearance']['addMediaLinkTitle'] ?? false) {
+                        $buttonText = $inlineConfiguration['appearance']['addMediaLinkTitle'];
+                    } else {
+                        $buttonText = 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:online_media.new_media.button';
+                    }
+                    $buttonText = $languageService->sL($buttonText);
+                    $attributes = [
+                        'type' => 'button',
+                        'class' => 'btn btn-default t3js-online-media-add-btn',
+                        'title' => $buttonText,
+                        'hidden' => !($inlineConfiguration['inline']['showOnlineMediaAddButtonStyle'] ?? true) ? 'hidden' : null,
+                        'data-target-folder' => $folder->getCombinedIdentifier(),
+                        'data-file-irre-object' => $objectPrefix,
+                        'data-online-media-allowed' => implode(',', $onlineMediaAllowed),
+                        'data-btn-submit' => $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:online_media.new_media.placeholder'),
+                        'data-placeholder' => $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:online_media.new_media.placeholder'),
+                        'data-online-media-allowed-help-text' => $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.allowEmbedSources'),
+                    ];
+
+                    // @todo Should be implemented as web component
+                    $controls[] = '
+                        <button ' . GeneralUtility::implodeAttributes($attributes, true) . '>
+                            ' . $this->iconFactory->getIcon('actions-online-media-add', IconSize::SMALL)->render() . '
+                            ' . htmlspecialchars($buttonText) . '
+                        </button>';
+
+                    $this->javaScriptModules[] = JavaScriptModuleInstruction::create('@typo3/backend/online-media.js');
+                }
+            }
+        }
+
+        $event = $this->eventDispatcher->dispatch(
+            new CustomFileSelectorsEvent($controls, $this->javaScriptModules, $this->data['tableName'], $this->data['fieldName'], $this->data['databaseRow'], $inlineConfiguration, $fileExtensionFilter, $objectPrefix)
+        );
+        $this->javaScriptModules = $event->getJavaScriptModules();
+        return $event->getSelectors();
+    }
+
+    /**
+     * Extracts FlexForm parts of a form element name like
+     * data[table][uid][field][sDEF][lDEF][FlexForm][vDEF]
+     */
+    protected function extractFlexFormParts(string $formElementName): ?array
+    {
+        $flexFormParts = null;
+        $matches = [];
+        if (preg_match('#^data(?:\[[^]]+\]){3}(\[data\](?:\[[^]]+\]){4,})$#', $formElementName, $matches)) {
+            $flexFormParts = GeneralUtility::trimExplode(
+                '][',
+                trim($matches[1], '[]')
+            );
+        }
+        return $flexFormParts;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/Container/FlexFormContainerContainer.php b/Classes/Form/Container/FlexFormContainerContainer.php
new file mode 100644
index 0000000..ba26535
--- /dev/null
+++ b/Classes/Form/Container/FlexFormContainerContainer.php
@@ -0,0 +1,137 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Flex form container implementation
+ * This one is called by FlexFormSectionContainer and renders HTML for a single container.
+ * For processing of single elements FlexFormElementContainer is called
+ */
+class FlexFormContainerContainer extends AbstractContainer
+{
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+    ) {}
+
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $languageService = $this->getLanguageService();
+
+        $table = $this->data['tableName'];
+        $row = $this->data['databaseRow'];
+        $fieldName = $this->data['fieldName'];
+        $flexFormFormPrefix = $this->data['flexFormFormPrefix'];
+        $flexFormDataStructureArray = $this->data['flexFormDataStructureArray'];
+
+        $flexFormContainerIdentifier = $this->data['flexFormContainerIdentifier'];
+        $actionFieldName = 'data[' . $table . '][' . $row['uid'] . '][' . $fieldName . ']'
+            . $flexFormFormPrefix
+            . '[' . $flexFormContainerIdentifier . ']'
+            . '[_ACTION]';
+
+        $moveAndDeleteContent = [];
+        $userHasAccessToDefaultLanguage = $this->getBackendUserAuthentication()->checkLanguageAccess(0);
+        if ($userHasAccessToDefaultLanguage) {
+            $moveAndDeleteContent[] = ''
+                . '<button type="button" class="btn btn-default t3js-delete">'
+                . $this->iconFactory->getIcon('actions-edit-delete', IconSize::SMALL)->setTitle($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:delete'))->render()
+                . '</button>';
+            $moveAndDeleteContent[] = ''
+                . '<button type="button" class="btn btn-default t3js-sortable-handle sortableHandle">'
+                . $this->iconFactory->getIcon('actions-move-move', IconSize::SMALL)->setTitle($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:sortable.dragmove'))->render()
+                . '</button>';
+        }
+
+        $options = $this->data;
+        // Append container specific stuff to field prefix
+        $options['flexFormFormPrefix'] = $flexFormFormPrefix . '[' . $flexFormContainerIdentifier . '][' . $this->data['flexFormContainerName'] . '][el]';
+        $options['flexFormDataStructureArray'] = $flexFormDataStructureArray['el'];
+        $options['renderType'] = 'flexFormElementContainer';
+        $containerContentResult = $this->nodeFactory->create($options)->render();
+
+        $containerTitle = '';
+        if (!empty(trim($flexFormDataStructureArray['title']))) {
+            $containerTitle = $languageService->sL(trim($flexFormDataStructureArray['title']));
+        }
+
+        $resultArray = $this->initializeResultArray();
+
+        $parentSectionContainer = sprintf('flexform-section-container-%s-%s-%s-%s', $this->data['flexFormSheetName'], $this->data['fieldName'], md5($this->data['flexFormFieldName']), md5($this->data['elementBaseName']));
+        $flexFormDomContainerId = sprintf('%s-%s', $parentSectionContainer, $flexFormContainerIdentifier);
+        $containerAttributes = [
+            'class' => 'panel panel-default t3js-flex-section',
+            'data-parent' => $parentSectionContainer,
+            'data-flexform-container-id' => $flexFormContainerIdentifier,
+        ];
+
+        $panelHeaderAttributes = [
+            'class' => 'panel-heading',
+        ];
+
+        $toggleAttributes = [
+            'class' => 'panel-button collapsed',
+            'type' => 'button',
+            'data-bs-toggle' => 'collapse',
+            'data-bs-target' => '#' . $flexFormDomContainerId,
+            'aria-controls' => $flexFormDomContainerId,
+            'aria-expanded' => 'false',
+        ];
+
+        $html = [];
+        $html[] = '<div ' . GeneralUtility::implodeAttributes($containerAttributes, true) . '>';
+        $html[] =    '<div ' . GeneralUtility::implodeAttributes($panelHeaderAttributes, true) . '>';
+        $html[] =        '<div class="panel-heading-row">';
+        $html[] =            '<button ' . GeneralUtility::implodeAttributes($toggleAttributes, true) . '>';
+        $html[] =                '<span class="caret"></span>';
+        $html[] =                '<div class="panel-title">';
+        $html[] =                    '<output class="content-preview"></output>';
+        $html[] =                    '<span class="panel-meta">' . htmlspecialchars($containerTitle) . '</span>';
+        $html[] =                '</div>';
+        $html[] =            '</button>';
+        $html[] =            '<div class="panel-actions t3js-formengine-irre-control">';
+        $html[] =                '<div class="btn-group btn-group-sm">';
+        $html[] =                    implode(LF, $moveAndDeleteContent);
+        $html[] =                '</div>';
+        $html[] =            '</div>';
+        $html[] =        '</div>';
+        $html[] =    '</div>';
+        $html[] =    '<div id="' . htmlspecialchars($flexFormDomContainerId) . '" class="panel-collapse collapse t3js-flex-section-content">';
+        $html[] =       $containerContentResult['html'];
+        $html[] =    '</div>';
+        $html[] =    '<input class="t3js-flex-control-action" type="hidden" name="' . htmlspecialchars($actionFieldName) . '" value="" />';
+        $html[] = '</div>';
+
+        $resultArray['html'] = implode(LF, $html);
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $containerContentResult, false);
+
+        return $resultArray;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/Container/FlexFormElementContainer.php b/Classes/Form/Container/FlexFormElementContainer.php
new file mode 100644
index 0000000..daa9d56
--- /dev/null
+++ b/Classes/Form/Container/FlexFormElementContainer.php
@@ -0,0 +1,153 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use TYPO3\CMS\Backend\Form\Behavior\ReloadOnFieldChange;
+use TYPO3\CMS\Backend\Form\Behavior\UpdateValueOnFieldChange;
+use TYPO3\CMS\Core\Authentication\JsConfirmation;
+use TYPO3\CMS\Core\Localization\LanguageService;
+
+/**
+ * The container handles single elements.
+ *
+ * This one is called by FlexFormTabsContainer, FlexFormNoTabsContainer or FlexFormContainerContainer.
+ * For single fields, the code is similar to SingleFieldContainer, processing will end up in single
+ * element classes depending on specific renderType of an element. Additionally, it determines if a
+ * section is handled and hands over to FlexFormSectionContainer in this case.
+ */
+class FlexFormElementContainer extends AbstractContainer
+{
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $flexFormDataStructureArray = $this->data['flexFormDataStructureArray'];
+        $flexFormRowData = $this->data['flexFormRowData'];
+        $flexFormFormPrefix = $this->data['flexFormFormPrefix'];
+        $parameterArray = $this->data['parameterArray'];
+
+        $languageService = $this->getLanguageService();
+        $resultArray = $this->initializeResultArray();
+
+        foreach ($flexFormDataStructureArray as $flexFormFieldName => $flexFormFieldArray) {
+            if (
+                // No item array found at all
+                !is_array($flexFormFieldArray)
+                // Not a section or container and not a list of single items
+                || (!isset($flexFormFieldArray['type']) && !is_array($flexFormFieldArray['config']))
+            ) {
+                continue;
+            }
+
+            if (($flexFormFieldArray['type'] ?? null) === 'array') {
+                // Section
+                if (empty($flexFormFieldArray['section'])) {
+                    $resultArray['html'] = LF . 'Section expected at ' . $flexFormFieldName . ' but not found';
+                    continue;
+                }
+
+                $options = $this->data;
+                $options['flexFormDataStructureArray'] = $flexFormFieldArray;
+                $options['flexFormRowData'] = $flexFormRowData[$flexFormFieldName]['el'] ?? [];
+                $options['flexFormFieldName'] = $flexFormFieldName;
+                $options['renderType'] = 'flexFormSectionContainer';
+                $sectionContainerResult = $this->nodeFactory->create($options)->render();
+                $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $sectionContainerResult);
+            } else {
+                // Set up options for single element
+                $fakeParameterArray = [
+                    'fieldConf' => [
+                        'label' => $languageService->sL(trim($flexFormFieldArray['label'] ?? '')),
+                        'config' => $flexFormFieldArray['config'] ?? [],
+                        'children' => $flexFormFieldArray['children'] ?? [],
+                        // https://docs.typo3.org/m/typo3/reference-tca/main/en-us/Columns/Properties/OnChange.html
+                        'onChange' => $flexFormFieldArray['onChange'] ?? '',
+                    ],
+                    'fieldChangeFunc' => $parameterArray['fieldChangeFunc'],
+                    'label' => $parameterArray['label'] ?? '',
+                ];
+
+                if (isset($flexFormFieldArray['description']) && !empty($flexFormFieldArray['description'])) {
+                    $fakeParameterArray['fieldConf']['description'] = $flexFormFieldArray['description'];
+                }
+
+                if ($fakeParameterArray['fieldConf']['onChange'] === 'reload') {
+                    $confirmation = $this->getBackendUserAuthentication()->jsConfirmation(JsConfirmation::TYPE_CHANGE);
+                    $fakeParameterArray['fieldChangeFunc']['alert'] = new ReloadOnFieldChange($confirmation);
+                }
+
+                $originalFieldName = $parameterArray['itemFormElName'];
+                $fakeParameterArray['itemFormElName'] = $parameterArray['itemFormElName'] . $flexFormFormPrefix . '[' . $flexFormFieldName . '][vDEF]';
+                if ($fakeParameterArray['itemFormElName'] !== $originalFieldName) {
+                    // If calculated itemFormElName is different from originalFieldName
+                    // change the originalFieldName in TBE_EDITOR_fieldChanged. This is
+                    // especially relevant for wizards writing their content back to hidden fields
+                    $onFieldChange = $fakeParameterArray['fieldChangeFunc']['TBE_EDITOR_fieldChanged'] ?? null;
+                    if ($onFieldChange instanceof UpdateValueOnFieldChange) {
+                        $fakeParameterArray['fieldChangeFunc']['TBE_EDITOR_fieldChanged'] = $onFieldChange->withElementName($fakeParameterArray['itemFormElName']);
+                    }
+                }
+                if (array_key_exists('vDEF', $flexFormRowData[$flexFormFieldName] ?? [])) {
+                    $fakeParameterArray['itemFormElValue'] = $flexFormRowData[$flexFormFieldName]['vDEF'];
+                } else {
+                    $fakeParameterArray['itemFormElValue'] = $fakeParameterArray['fieldConf']['config']['default'] ?? '';
+                }
+
+                $options = $this->data;
+                // Set either flexFormFieldName or flexFormContainerFieldName, depending on if we are a "regular" field or a flex container section field
+                if (empty($options['flexFormFieldName'])) {
+                    $options['flexFormFieldName'] = $flexFormFieldName;
+                } else {
+                    $options['flexFormContainerFieldName'] = $flexFormFieldName;
+                }
+                $options['parameterArray'] = $fakeParameterArray;
+                $options['elementBaseName'] = $this->data['elementBaseName'] . $flexFormFormPrefix . '[' . $flexFormFieldName . '][vDEF]';
+
+                if (!empty($flexFormFieldArray['config']['renderType'])) {
+                    $options['renderType'] = $flexFormFieldArray['config']['renderType'];
+                } else {
+                    // Fallback to type if no renderType is given
+                    $options['renderType'] = $flexFormFieldArray['config']['type'];
+                }
+                $childResult = $this->nodeFactory->create($options)->render();
+
+                if (!empty($childResult['html'])) {
+                    $html = [];
+                    $html[] = '<div class="form-section" data-id="' . htmlspecialchars($flexFormFieldName) . '">';
+                    $html[] =     '<div class="form-group t3js-formengine-palette-field t3js-formengine-validation-marker">';
+                    $html[] =         '<div class="formengine-field-item t3js-formengine-field-item">';
+                    $html[] =             $childResult['html'];
+                    $html[] =         '</div>';
+                    $html[] =     '</div>';
+                    $html[] = '</div>';
+                    $resultArray['html'] .= implode(LF, $html);
+                    $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $childResult, false);
+                }
+            }
+        }
+
+        return $resultArray;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+}
diff --git a/Classes/Form/Container/FlexFormEntryContainer.php b/Classes/Form/Container/FlexFormEntryContainer.php
new file mode 100644
index 0000000..9f55204
--- /dev/null
+++ b/Classes/Form/Container/FlexFormEntryContainer.php
@@ -0,0 +1,52 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+/**
+ * Entry container to a flex form element. This container is created by
+ * SingleFieldContainer if a type='flex' field is rendered.
+ *
+ * It either forks a FlexFormTabsContainer or a FlexFormNoTabsContainer.
+ */
+class FlexFormEntryContainer extends AbstractContainer
+{
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $flexFormDataStructureIdentifier = $this->data['parameterArray']['fieldConf']['config']['dataStructureIdentifier'];
+        $flexFormDataStructureArray = $this->data['parameterArray']['fieldConf']['config']['ds'];
+
+        $options = $this->data;
+        $options['flexFormDataStructureIdentifier'] = $flexFormDataStructureIdentifier;
+        $options['flexFormDataStructureArray'] = $flexFormDataStructureArray;
+        $options['flexFormRowData'] = $this->data['parameterArray']['itemFormElValue'];
+        $options['renderType'] = 'flexFormNoTabsContainer';
+
+        // Enable tabs if there is more than one sheet
+        if (count($flexFormDataStructureArray['sheets']) > 1) {
+            $options['renderType'] = 'flexFormTabsContainer';
+        }
+
+        $resultArray = $this->nodeFactory->create($options)->render();
+        $resultArray['html'] = '<div class="panel">' . $resultArray['html'] . '</div>';
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend($resultArray['html']);
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Container/FlexFormNoTabsContainer.php b/Classes/Form/Container/FlexFormNoTabsContainer.php
new file mode 100644
index 0000000..b3087b3
--- /dev/null
+++ b/Classes/Form/Container/FlexFormNoTabsContainer.php
@@ -0,0 +1,68 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+/**
+ * Handle a flex form that has no tabs.
+ *
+ * This container is called by FlexFormEntryContainer if only a default sheet
+ * exists. It evaluates the display condition and hands over rendering of single
+ * fields to FlexFormElementContainer.
+ */
+class FlexFormNoTabsContainer extends AbstractContainer
+{
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $parameterArray = $this->data['parameterArray'];
+        $flexFormDataStructureArray = $this->data['flexFormDataStructureArray'];
+        $flexFormRowData = $this->data['flexFormRowData'];
+        $resultArray = $this->initializeResultArray();
+
+        // Determine this single sheet name, most often it ends up with sDEF, except if only one sheet was defined
+        $flexFormSheetNames = array_keys($flexFormDataStructureArray['sheets']);
+        $sheetName = array_pop($flexFormSheetNames);
+        $flexFormRowDataSubPart = $flexFormRowData['data'][$sheetName]['lDEF'] ?? [];
+
+        unset($flexFormDataStructureArray['meta']);
+
+        if (!is_array($flexFormDataStructureArray['sheets'][$sheetName]['ROOT']['el'])) {
+            $resultArray['html'] = 'Data Structure ERROR: No [\'ROOT\'][\'el\'] element found in flex form definition.';
+            return $resultArray;
+        }
+
+        $options = $this->data;
+        $options['flexFormDataStructureArray'] = $flexFormDataStructureArray['sheets'][$sheetName]['ROOT']['el'];
+        $options['flexFormRowData'] = $flexFormRowDataSubPart;
+        $options['flexFormSheetName'] = $sheetName;
+        $options['flexFormFormPrefix'] = '[data][' . $sheetName . '][lDEF]';
+        $options['parameterArray'] = $parameterArray;
+
+        $resultArray = $this->initializeResultArray();
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $resultArray['html'] = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $options['renderType'] = 'flexFormElementContainer';
+        $childResult = $this->nodeFactory->create($options)->render();
+        return $this->mergeChildReturnIntoExistingResult($resultArray, $childResult, true);
+    }
+}
diff --git a/Classes/Form/Container/FlexFormSectionContainer.php b/Classes/Form/Container/FlexFormSectionContainer.php
new file mode 100644
index 0000000..2b65493
--- /dev/null
+++ b/Classes/Form/Container/FlexFormSectionContainer.php
@@ -0,0 +1,158 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Handle flex form sections.
+ *
+ * This container is created by FlexFormElementContainer if a "single" element is in
+ * fact a section. For each existing section container it creates as FlexFormContainerContainer
+ * to render its inner fields.
+ * Additionally, a button for each possible container is rendered with information for the
+ * ajax controller that fetches one on click.
+ */
+class FlexFormSectionContainer extends AbstractContainer
+{
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+    ) {}
+
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $languageService = $this->getLanguageService();
+
+        $flexFormDataStructureArray = $this->data['flexFormDataStructureArray'];
+        $flexFormRowData = $this->data['flexFormRowData'];
+        $flexFormFieldName = $this->data['flexFormFieldName'];
+        $flexFormSheetName = $this->data['flexFormSheetName'];
+
+        $userHasAccessToDefaultLanguage = $this->getBackendUserAuthentication()->checkLanguageAccess(0);
+
+        $resultArray = $this->initializeResultArray();
+
+        // Render each existing container
+        foreach ($flexFormDataStructureArray['children'] as $flexFormContainerIdentifier => $containerDataStructure) {
+            $existingContainerData = $flexFormRowData[$flexFormContainerIdentifier];
+            $existingSectionContainerDataStructureType = key($existingContainerData);
+            $existingContainerData = $existingContainerData[$existingSectionContainerDataStructureType];
+            $options = $this->data;
+            $options['flexFormRowData'] = $existingContainerData['el'];
+            $options['flexFormDataStructureArray'] = $containerDataStructure;
+            $options['flexFormFormPrefix'] = $this->data['flexFormFormPrefix'] . '[' . $flexFormFieldName . '][el]';
+            $options['flexFormContainerName'] = $existingSectionContainerDataStructureType;
+            $options['flexFormContainerIdentifier'] = $flexFormContainerIdentifier;
+            $options['renderType'] = 'flexFormContainerContainer';
+            $flexFormContainerContainerResult = $this->nodeFactory->create($options)->render();
+            $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $flexFormContainerContainerResult);
+        }
+
+        $containerId = sprintf('flexform-section-container-%s-%s-%s-%s', $flexFormSheetName, $this->data['fieldName'], md5($flexFormFieldName), md5($this->data['elementBaseName']));
+        $sectionContainerId = sprintf('flexform-section-%s-%s-%s-%s', $flexFormSheetName, $this->data['fieldName'], md5($flexFormFieldName), md5($this->data['elementBaseName']));
+        $hashedSectionContainerId = 'section-' . md5($sectionContainerId);
+
+        // "New container" handling: Creates buttons for each possible container with all relevant information for the ajax call.
+        $containerTemplatesHtml = [];
+        foreach ($flexFormDataStructureArray['el'] as $flexFormContainerName => $flexFormFieldDefinition) {
+            $containerTitle = '';
+            if (!empty(trim($flexFormFieldDefinition['title']))) {
+                $containerTitle = $languageService->sL(trim($flexFormFieldDefinition['title']));
+            }
+            $containerTemplateHtml = [];
+            $containerTemplateHtml[] = '<a';
+            $containerTemplateHtml[] =     'href="#"';
+            $containerTemplateHtml[] =     'class="btn btn-default t3js-flex-container-add"';
+            $containerTemplateHtml[] =     'data-vanillauid="' . (int)$this->data['vanillaUid'] . '"';
+            // no int cast for databaseRow uid, this can be "NEW1234..."
+            $containerTemplateHtml[] =     'data-databaserowuid="' . htmlspecialchars($this->data['databaseRow']['uid']) . '"';
+            $containerTemplateHtml[] =     'data-command="' . htmlspecialchars($this->data['command']) . '"';
+            $containerTemplateHtml[] =     'data-tablename="' . htmlspecialchars($this->data['tableName']) . '"';
+            $containerTemplateHtml[] =     'data-fieldname="' . htmlspecialchars($this->data['fieldName']) . '"';
+            $containerTemplateHtml[] =     'data-recordtypevalue="' . $this->data['recordTypeValue'] . '"';
+            $containerTemplateHtml[] =     'data-flexformsheetname="' . htmlspecialchars($flexFormSheetName) . '"';
+            $containerTemplateHtml[] =     'data-flexformfieldname="' . htmlspecialchars($flexFormFieldName) . '"';
+            $containerTemplateHtml[] =     'data-flexformcontainername="' . htmlspecialchars($flexFormContainerName) . '"';
+            $containerTemplateHtml[] =     'data-target="#' . htmlspecialchars($hashedSectionContainerId) . '"';
+            $containerTemplateHtml[] = '>';
+            $containerTemplateHtml[] =    $this->iconFactory->getIcon('actions-document-new', IconSize::SMALL)->render();
+            $containerTemplateHtml[] =    htmlspecialchars(GeneralUtility::fixed_lgd_cs($containerTitle, 30));
+            $containerTemplateHtml[] = '</a>';
+            $containerTemplatesHtml[] = implode(LF, $containerTemplateHtml);
+        }
+        // Create new elements links
+        $createElementsHtml = [];
+        if ($userHasAccessToDefaultLanguage) {
+            $createElementsHtml[] = '<div class="t3-form-field-add-flexsection">';
+            $createElementsHtml[] =    '<div class="btn-group">';
+            $createElementsHtml[] =        implode('', $containerTemplatesHtml);
+            $createElementsHtml[] =    '</div>';
+            $createElementsHtml[] = '</div>';
+        }
+
+        $sectionTitle = '';
+        if (!empty(trim($flexFormDataStructureArray['title'] ?? ''))) {
+            $sectionTitle = $languageService->sL(trim($flexFormDataStructureArray['title']));
+        }
+
+        // Wrap child stuff
+        $toggleAll = htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.toggleall'));
+        $html = [];
+        $html[] = '<div class="form-section">';
+        $html[] =     '<div class="t3-form-field-container t3-form-flex" id="' . htmlspecialchars($containerId) . '" data-section="#' . htmlspecialchars($hashedSectionContainerId) . '">';
+        $html[] =       '<fieldset>';
+        $html[] =           '<legend class="form-label t3js-formengine-label">';
+        $html[] =                 htmlspecialchars($sectionTitle);
+        $html[] =           '</legend>';
+        $html[] =           '<div class="form-group">';
+        $html[] =               '<button class="btn btn-default t3-form-flexsection-toggle" type="button" title="' . $toggleAll . '">';
+        $html[] =                   $this->iconFactory->getIcon('actions-move-right', IconSize::SMALL)->render() . $toggleAll;
+        $html[] =               '</button>';
+        $html[] =           '</div>';
+        $html[] =           '<div';
+        $html[] =               'id="' . htmlspecialchars($hashedSectionContainerId) . '"';
+        $html[] =               'class="panel-group panel-hover t3-form-field-container-flexsection t3-flex-container"';
+        $html[] =               'data-t3-flex-allow-restructure="' . ($userHasAccessToDefaultLanguage ? '1' : '0') . '"';
+        $html[] =           '>';
+        $html[] =               $resultArray['html'];
+        $html[] =           '</div>';
+        $html[] =           implode(LF, $createElementsHtml);
+        $html[] =       '</fieldset>';
+        $html[] =     '</div>';
+        $html[] = '</div>';
+
+        $resultArray['html'] = implode(LF, $html);
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create(
+            '@typo3/backend/form-engine/container/flex-form-section-container.js'
+        )->instance($containerId);
+
+        return $resultArray;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/Container/FlexFormTabsContainer.php b/Classes/Form/Container/FlexFormTabsContainer.php
new file mode 100644
index 0000000..09ab1b0
--- /dev/null
+++ b/Classes/Form/Container/FlexFormTabsContainer.php
@@ -0,0 +1,96 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+
+/**
+ * Handle flex forms that have tabs (multiple "sheets").
+ *
+ * This container is called by FlexFormEntryContainer. It resolves each
+ * sheet and hands rendering of single sheet content over to FlexFormElementContainer.
+ */
+class FlexFormTabsContainer extends AbstractContainer
+{
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $languageService = $this->getLanguageService();
+
+        $parameterArray = $this->data['parameterArray'];
+        $flexFormDataStructureArray = $this->data['flexFormDataStructureArray'];
+        $flexFormRowData = $this->data['flexFormRowData'];
+
+        $resultArray = $this->initializeResultArray();
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/tab.js');
+
+        $domIdPrefix = 'DTM-' . md5($this->data['parameterArray']['itemFormElName']);
+        $tabCounter = 0;
+        $tabElements = [];
+        foreach ($flexFormDataStructureArray['sheets'] as $sheetName => $sheetDataStructure) {
+            $flexFormRowSheetDataSubPart = $flexFormRowData['data'][$sheetName]['lDEF'] ?? [];
+
+            if (!is_array($sheetDataStructure['ROOT']['el'])) {
+                $resultArray['html'] .= LF . 'No Data Structure ERROR: No [\'ROOT\'][\'el\'] found for sheet "' . $sheetName . '".';
+                continue;
+            }
+
+            $tabCounter++;
+
+            $options = $this->data;
+            $options['flexFormDataStructureArray'] = $sheetDataStructure['ROOT']['el'];
+            $options['flexFormRowData'] = $flexFormRowSheetDataSubPart;
+            $options['flexFormSheetName'] = $sheetName;
+            $options['flexFormFormPrefix'] = '[data][' . $sheetName . '][lDEF]';
+            $options['parameterArray'] = $parameterArray;
+            // Merge elements of this tab into a single list again and hand over to
+            // palette and single field container to render this group
+            $options['tabAndInlineStack'][] = [
+                'tab',
+                $domIdPrefix . '-' . $tabCounter,
+            ];
+            $options['renderType'] = 'flexFormElementContainer';
+            $childReturn = $this->nodeFactory->create($options)->render();
+
+            if ($childReturn['html'] !== '') {
+                $tabElements[] = [
+                    'label' => !empty(trim($sheetDataStructure['ROOT']['sheetTitle'] ?? '')) ? $languageService->sL(trim($sheetDataStructure['ROOT']['sheetTitle'])) : $sheetName,
+                    'content' => $childReturn['html'],
+                    'description' => trim($sheetDataStructure['ROOT']['sheetDescription'] ?? '') ? $languageService->sL(trim($sheetDataStructure['ROOT']['sheetDescription'])) : '',
+                    'linkTitle' => trim($sheetDataStructure['ROOT']['sheetShortDescr'] ?? '') ? $languageService->sL(trim($sheetDataStructure['ROOT']['sheetShortDescr'])) : '',
+                ];
+            }
+            $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $childReturn, false);
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $resultArray['html'] = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $resultArray['html'] .= $this->renderTabMenu($tabElements, $domIdPrefix);
+        return $resultArray;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/Container/FormWrapContainer.php b/Classes/Form/Container/FormWrapContainer.php
new file mode 100644
index 0000000..df02ae3
--- /dev/null
+++ b/Classes/Form/Container/FormWrapContainer.php
@@ -0,0 +1,71 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+/**
+ * Entry container called from controllers.
+ * It either calls a FullRecordContainer or ListOfFieldsContainer to render
+ * a full record or only some fields from a full record.
+ */
+class FormWrapContainer extends AbstractContainer
+{
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $options = $this->data;
+        if (empty($this->data['fieldListToRender'])) {
+            $options['renderType'] = 'fullRecordContainer';
+        } else {
+            $options['renderType'] = 'listOfFieldsContainer';
+        }
+        $result = $this->nodeFactory->create($options)->render();
+
+        $childHtml = $result['html'];
+
+        $view = $this->backendViewFactory->create($this->data['request']);
+
+        $descriptionColumn = !empty($this->data['processedTca']['ctrl']['descriptionColumn'])
+            ? $this->data['processedTca']['ctrl']['descriptionColumn'] : null;
+        if ($descriptionColumn !== null && isset($this->data['databaseRow'][$descriptionColumn])) {
+            $view->assign('recordDescription', $this->data['databaseRow'][$descriptionColumn]);
+        }
+        $readOnlyRecord = !empty($this->data['processedTca']['ctrl']['readOnly'])
+            ? (bool)$this->data['processedTca']['ctrl']['readOnly'] : null;
+        if ($readOnlyRecord === true) {
+            $view->assign('recordReadonly', true);
+        }
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $result = $this->mergeChildReturnIntoExistingResult($result, $fieldInformationResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $result = $this->mergeChildReturnIntoExistingResult($result, $fieldWizardResult, false);
+
+        $view->assignMultiple([
+            'fieldInformationHtml' => $fieldInformationHtml,
+            'fieldWizardHtml' => $fieldWizardHtml,
+            'childHtml' => $childHtml,
+            'isNewRecord' => $this->data['command'] === 'new',
+        ]);
+        $result['html'] = $view->render('Form/FormWrapContainer');
+        return $result;
+    }
+}
diff --git a/Classes/Form/Container/FullRecordContainer.php b/Classes/Form/Container/FullRecordContainer.php
new file mode 100644
index 0000000..4dbea4f
--- /dev/null
+++ b/Classes/Form/Container/FullRecordContainer.php
@@ -0,0 +1,89 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use TYPO3\CMS\Backend\Form\Exception\NoFieldsToRenderException;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * A container rendering a "full record". This is an entry container used as first
+ * step into the rendering tree..
+ *
+ * This container determines the to be rendered fields depending on the record type,
+ * initializes possible language base data, finds out if tabs should be rendered and
+ * then calls either TabsContainer or a NoTabsContainer for further processing.
+ */
+class FullRecordContainer extends AbstractContainer
+{
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $recordTypeValue = $this->data['recordTypeValue'];
+
+        // List of items to be rendered
+        $itemList = $this->data['processedTca']['types'][$recordTypeValue]['showitem'];
+
+        $fieldsArray = GeneralUtility::trimExplode(',', $itemList, true);
+
+        if ($fieldsArray === []) {
+            throw new NoFieldsToRenderException('No fields defined for record type "' . $recordTypeValue . '" of table "' . $this->data['tableName'] . '"', 1730106227);
+        }
+
+        // Streamline the fields array
+        // First, make sure there is always a --div-- definition for the first element
+        if (!str_starts_with($fieldsArray[0], '--div--')) {
+            array_unshift($fieldsArray, '--div--;core.form.tabs:general');
+        }
+        // If first tab has no label definition, add "general" label
+        $firstTabHasLabel = count(GeneralUtility::trimExplode(';', $fieldsArray[0])) > 1;
+        if (!$firstTabHasLabel) {
+            $fieldsArray[0] = '--div--;core.form.tabs:general';
+        }
+        // If there are at least two --div-- definitions, inner container will be a TabContainer, else a NoTabContainer
+        $tabCount = 0;
+        foreach ($fieldsArray as $field) {
+            if (str_starts_with($field, '--div--')) {
+                $tabCount++;
+            }
+        }
+        $hasTabs = true;
+        if ($tabCount < 2) {
+            // Remove first tab definition again if there is only one tab defined
+            array_shift($fieldsArray);
+            $hasTabs = false;
+        }
+
+        $data = $this->data;
+        $data['fieldsArray'] = $fieldsArray;
+        if ($hasTabs) {
+            $data['renderType'] = 'tabsContainer';
+        } else {
+            $data['renderType'] = 'noTabsContainer';
+        }
+
+        return $this->nodeFactory->create($data)->render();
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/Container/InlineControlContainer.php b/Classes/Form/Container/InlineControlContainer.php
new file mode 100644
index 0000000..46acafa
--- /dev/null
+++ b/Classes/Form/Container/InlineControlContainer.php
@@ -0,0 +1,553 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Inline element entry container.
+ *
+ * This container is the entry step to rendering an inline element. It is created by SingleFieldContainer.
+ *
+ * The code creates the main structure for the single inline elements, initializes
+ * the inlineData array, that is manipulated and also returned back in its manipulated state.
+ * The "control" stuff of inline elements is rendered here, for example the "create new" button.
+ *
+ * For each existing inline relation an InlineRecordContainer is called for further processing.
+ */
+class InlineControlContainer extends AbstractContainer
+{
+    /**
+     * Inline data array used in JS, returned as JSON object to frontend
+     *
+     * @var array
+     */
+    protected $inlineData = [];
+
+    /**
+     * @var array<int,JavaScriptModuleInstruction>
+     */
+    protected $javaScriptModules = [];
+
+    /**
+     * @var array Default wizards
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+    ];
+
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+        private readonly InlineStackProcessor $inlineStackProcessor,
+        private readonly HashService $hashService,
+    ) {}
+
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $languageService = $this->getLanguageService();
+
+        $this->inlineData = $this->data['inlineData'];
+
+        $inlineStructure = $this->data['inlineStructure'];
+
+        $table = $this->data['tableName'];
+        $row = $this->data['databaseRow'];
+        $field = $this->data['fieldName'];
+        $parameterArray = $this->data['parameterArray'];
+
+        $resultArray = $this->initializeResultArray();
+
+        $config = $parameterArray['fieldConf']['config'];
+        $foreign_table = $config['foreign_table'];
+        $isReadOnly = isset($config['readOnly']) && $config['readOnly'];
+        $language = 0;
+        if ($this->data['tcaSchemata']->has($table) && $this->data['tcaSchemata']->get($table)->hasCapability(TcaSchemaCapability::Language)) {
+            $languageFieldName = $this->data['tcaSchemata']->get($table)->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName();
+            $language = isset($row[$languageFieldName][0]) ? (int)$row[$languageFieldName][0] : (int)($row[$languageFieldName] ?? 0);
+        }
+
+        // Add the current inline job to the structure stack
+        $newStructureItem = [
+            'table' => $table,
+            'uid' => $row['uid'],
+            'field' => $field,
+            'config' => $config,
+        ];
+        // Extract FlexForm parts (if any) from element name, e.g. array('vDEF', 'lDEF', 'FlexField', 'vDEF')
+        if (!empty($parameterArray['itemFormElName'])) {
+            $flexFormParts = $this->extractFlexFormParts($parameterArray['itemFormElName']);
+            if ($flexFormParts !== null) {
+                $newStructureItem['flexform'] = $flexFormParts;
+            }
+        }
+        $inlineStructure['stable'][] = $newStructureItem;
+
+        // Transport the flexform DS identifier fields to the FormInlineAjaxController
+        if (!empty($newStructureItem['flexform'])
+            && isset($this->data['processedTca']['columns'][$field]['config']['dataStructureIdentifier'])
+        ) {
+            $config['dataStructureIdentifier'] = $this->data['processedTca']['columns'][$field]['config']['dataStructureIdentifier'];
+        }
+
+        // Hand over original returnUrl to FormInlineAjaxController. Needed if opening for instance a
+        // nested element in a new view to then go back to the original returnUrl and not the url of
+        // the inline ajax controller
+        $config['originalReturnUrl'] = $this->data['returnUrl'];
+
+        // e.g. data[<table>][<uid>][<field>]
+        $nameForm = $this->inlineStackProcessor->getFormPrefixFromStructure($inlineStructure);
+        // e.g. data-<pid>-<table1>-<uid1>-<field1>-<table2>-<uid2>-<field2>
+        $nameObject = $this->inlineStackProcessor->getDomObjectIdPrefixFromStructure($inlineStructure, $this->data['inlineFirstPid']);
+
+        $inlineChildren = $parameterArray['fieldConf']['children'] ?? [];
+
+        $config['inline']['first'] = $config['inline']['last'] = false;
+        if (is_array($inlineChildren) && $inlineChildren !== []) {
+            $firstChild = array_first($inlineChildren);
+            if (isset($firstChild['databaseRow']['uid'])) {
+                $config['inline']['first'] = $firstChild['databaseRow']['uid'];
+            }
+            $lastChild = array_last($inlineChildren);
+            if (isset($lastChild['databaseRow']['uid'])) {
+                $config['inline']['last'] = $lastChild['databaseRow']['uid'];
+            }
+        }
+
+        $top = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, 0);
+
+        $this->inlineData['config'][$nameObject] = [
+            'table' => $foreign_table,
+        ];
+        $configJson = (string)json_encode($config);
+        $this->inlineData['config'][$nameObject . '-' . $foreign_table] = [
+            'top' => [
+                'table' => $top['table'],
+                'uid' => $top['uid'],
+            ],
+            'context' => [
+                'config' => $configJson,
+                'hmac' => $this->hashService->hmac($configJson, 'InlineContext'),
+            ],
+        ];
+        $this->inlineData['nested'][$nameObject] = $this->data['tabAndInlineStack'];
+
+        $uniqueMax = 0;
+        $uniqueIds = [];
+
+        if ($config['foreign_unique'] ?? false) {
+            // Add inlineData['unique'] with JS unique configuration
+            // @todo: Improve validation and throw an exception if type is neither select nor group here
+            $type = ($config['selectorOrUniqueConfiguration']['config']['type'] ?? '') === 'select' ? 'select' : 'groupdb';
+            foreach ($inlineChildren as $child) {
+                // Determine used unique ids, skip not localized records
+                if (!$child['isInlineDefaultLanguageRecordInLocalizedParentContext']) {
+                    $value = $child['databaseRow'][$config['foreign_unique']];
+                    // We're assuming there is only one connected value here for both select and group
+                    if ($type === 'select') {
+                        // A select field is an array of uids. See TcaSelectItems data provider for details.
+                        // Pick first entry, ends up as eg. $value = 42.
+                        $value = $value['0'] ?? [];
+                    } else {
+                        // A group field is an array of arrays containing uid + table + title + row.
+                        // See TcaGroup data provider for details.
+                        // Pick the first one (always on 0), and use uid + table only. Exclude title + row
+                        // since the entire inlineData['unique'] array ends up in JavaScript in the end
+                        // and we don't need and want the title and the entire row data in the frontend.
+                        // Ends up as $value = [ 'uid' => '42', 'table' => 'tx_my_table' ]
+                        $value = [
+                            'uid' => $value[0]['uid'],
+                            'table' => $value[0]['table'],
+                        ];
+                    }
+                    // Note structure of $value is different in select vs. group: It's a uid for select, but an
+                    // array with uid + table for group.
+                    if (isset($child['databaseRow']['uid'])) {
+                        $uniqueIds[$child['databaseRow']['uid']] = $value;
+                    }
+                }
+            }
+            $possibleRecords = $config['selectorOrUniquePossibleRecords'] ?? [];
+            $possibleRecordsUidToTitle = [];
+            foreach ($possibleRecords as $possibleRecord) {
+                $possibleRecordsUidToTitle[$possibleRecord['value']] = $possibleRecord['label'];
+            }
+            $uniqueMax = ($config['appearance']['useCombination'] ?? false) || empty($possibleRecords) ? -1 : count($possibleRecords);
+            $this->inlineData['unique'][$nameObject . '-' . $foreign_table] = [
+                'max' => $uniqueMax,
+                'used' => $uniqueIds,
+                'type' => $type,
+                'table' => $foreign_table,
+                'elTable' => $config['selectorOrUniqueConfiguration']['foreignTable'] ?? '',
+                'field' => $config['foreign_unique'] ?? '',
+                'selector' => ($config['selectorOrUniqueConfiguration']['isSelector'] ?? false) ? $type : false,
+                'possible' => $possibleRecordsUidToTitle,
+            ];
+        }
+
+        $resultArray['inlineData'] = $this->inlineData;
+
+        // @todo: It might be a good idea to have something like "isLocalizedRecord" or similar set by a data provider
+        $uidOfDefaultRecord = 0;
+        if ($this->data['tcaSchemata']->has($table) && $this->data['tcaSchemata']->get($table)->hasCapability(TcaSchemaCapability::Language)) {
+            $originPointerField = $this->data['tcaSchemata']->get($table)->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName();
+            $uidOfDefaultRecord = $row[$originPointerField] ?? 0;
+        }
+        $isLocalizedParent = $language > 0
+            && ($uidOfDefaultRecord[0] ?? $uidOfDefaultRecord) > 0
+            && MathUtility::canBeInterpretedAsInteger($row['uid']);
+        $numberOfFullLocalizedChildren = 0;
+        $numberOfNotYetLocalizedChildren = 0;
+        foreach ($inlineChildren as $child) {
+            if (!$child['isInlineDefaultLanguageRecordInLocalizedParentContext']) {
+                $numberOfFullLocalizedChildren++;
+            }
+            if ($isLocalizedParent && $child['isInlineDefaultLanguageRecordInLocalizedParentContext']) {
+                $numberOfNotYetLocalizedChildren++;
+            }
+        }
+
+        // Render the localization buttons if needed
+        $localizationButtons = '';
+        if ($numberOfNotYetLocalizedChildren) {
+            // Add the "Localize all records" button before all child records:
+            if (!empty($config['appearance']['showAllLocalizationLink'])) {
+                $localizationButtons = ' ' . $this->getLevelInteractionButton('localize', $config);
+            }
+            // Add the "Synchronize with default language" button before all child records:
+            if (!empty($config['appearance']['showSynchronizationLink'])) {
+                $localizationButtons .= ' ' . $this->getLevelInteractionButton('synchronize', $config);
+            }
+        }
+
+        // Hide the "Create new record" button if there are more than maxitems or the field is read-only
+        if ($isReadOnly || $numberOfFullLocalizedChildren >= ($config['maxitems'] ?? 0) || ($uniqueMax > 0 && $numberOfFullLocalizedChildren >= $uniqueMax)) {
+            $config['inline']['hideNewButton'] = true;
+        }
+
+        // Render the "new record" level button:
+        $newRecordButton = '';
+        // For b/w compatibility, "showNewRecordLink" - in contrast to the other show* options - defaults to TRUE
+        if (!isset($config['appearance']['showNewRecordLink']) || $config['appearance']['showNewRecordLink']) {
+            $newRecordButton = $this->getLevelInteractionButton('newRecord', $config);
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $html = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        // Wrap all inline fields of a record with a custom element (container)
+        $formGroupAttributes = [
+            'id' => $nameObject,
+            'data-type' => 'record',
+            'data-object-group' => $nameObject . '-' . $foreign_table,
+            'data-form-field' => $nameForm,
+            'data-expand-single' => (bool)($config['appearance']['expandSingle'] ?? false) ? 'true' : 'false',
+            'data-sortable' => (bool)($config['appearance']['useSortable'] ?? false) ? 'true' : 'false',
+            'data-min' => (int)($config['minitems'] ?? 0),
+            'data-max' => (int)($config['maxitems'] ?? 0),
+        ];
+        $html .= '<typo3-formengine-container-inline ' . GeneralUtility::implodeAttributes($formGroupAttributes, true) . '>';
+
+        // Add the level buttons before all child records:
+        if (in_array($config['appearance']['levelLinksPosition'], ['both', 'top'], true)) {
+            $html .= '<div class="form-group t3js-formengine-validation-marker t3js-inline-controls">' . $newRecordButton . $localizationButtons . '</div>';
+        }
+
+        // If it's required to select from possible child records (reusable children), add a selector box
+        if (!$isReadOnly && ($config['foreign_selector'] ?? false) && ($config['appearance']['showPossibleRecordsSelector'] ?? true) !== false) {
+            if (($config['selectorOrUniqueConfiguration']['config']['type'] ?? false) === 'select') {
+                $selectorBox = $this->renderPossibleRecordsSelectorTypeSelect($inlineStructure, $config, $uniqueIds);
+            } else {
+                $selectorBox = $this->renderPossibleRecordsSelectorTypeGroupDB($inlineStructure, $config);
+            }
+            $html .= $selectorBox . $localizationButtons;
+        }
+
+        $title = $languageService->sL(trim($parameterArray['fieldConf']['label'] ?? ''));
+        $html .= '<div class="panel-group panel-hover" data-title="' . htmlspecialchars($title) . '" id="' . $nameObject . '_records">';
+
+        $sortableRecordUids = [];
+        foreach ($inlineChildren as $options) {
+            $options['inlineParentUid'] = $row['uid'];
+            $options['inlineFirstPid'] = $this->data['inlineFirstPid'];
+            // @todo: this can be removed if this container no longer sets additional info to $config
+            $options['inlineParentConfig'] = $config;
+            $options['inlineData'] = $this->inlineData;
+            $options['inlineStructure'] = $inlineStructure;
+            $options['inlineExpandCollapseStateArray'] = $this->data['inlineExpandCollapseStateArray'];
+            $options['renderType'] = 'inlineRecordContainer';
+            $childResult = $this->nodeFactory->create($options)->render();
+            $html .= $childResult['html'];
+            $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $childResult, false);
+            if (!$options['isInlineDefaultLanguageRecordInLocalizedParentContext'] && isset($options['databaseRow']['uid'])) {
+                // Don't add record to list of "valid" uids if it is only the default
+                // language record of a not yet localized child
+                $sortableRecordUids[] = $options['databaseRow']['uid'];
+            }
+        }
+
+        $html .= '</div>';
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+        $html .= $fieldWizardHtml;
+
+        // Add the level buttons after all child records:
+        if (in_array($config['appearance']['levelLinksPosition'], ['both', 'bottom'], true)) {
+            $html .= '<div class="form-group t3js-formengine-validation-marker t3js-inline-controls">' . $newRecordButton . $localizationButtons . '</div>';
+        }
+        if (is_array($config['customControls'] ?? false)) {
+            $html .= '<div id="' . $nameObject . '_customControls">';
+            foreach ($config['customControls'] as $customControlConfig) {
+                if (!isset($customControlConfig['userFunc'])) {
+                    throw new \RuntimeException('Support for customControl without a userFunc key in TCA type inline is not supported.', 1548052629);
+                }
+                $parameters = [
+                    'table' => $table,
+                    'field' => $field,
+                    'row' => $row,
+                    'nameObject' => $nameObject,
+                    'nameForm' => $nameForm,
+                    'config' => $config,
+                    'customControlConfig' => $customControlConfig,
+                    // Warning: By reference should be used with care here and exists mostly to allow additional $resultArray['javaScriptModules']
+                    'resultArray' => &$resultArray,
+                ];
+                $html .= GeneralUtility::callUserFunction($customControlConfig['userFunc'], $parameters, $this);
+            }
+            $html .= '</div>';
+        }
+        $resultArray['javaScriptModules'] = array_merge($resultArray['javaScriptModules'], $this->javaScriptModules);
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create(
+            '@typo3/backend/form-engine/container/inline-control-container.js'
+        );
+
+        // Publish the uids of the child records in the given order to the browser
+        $html .= '<input type="hidden" name="' . $nameForm . '" value="' . implode(',', $sortableRecordUids) . '" '
+            . ' data-formengine-validation-rules="'
+            . htmlspecialchars($this->getValidationDataAsJsonString([
+                'type' => 'inline',
+                'minitems' => $config['minitems'] ?? null,
+                'maxitems' => $config['maxitems'] ?? null,
+            ]))
+            . '"'
+            . ' class="inlineRecord" />';
+        // Close the wrap for all inline fields (container)
+        $html .= '</typo3-formengine-container-inline>';
+
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend($html);
+        return $resultArray;
+    }
+
+    /**
+     * Creates the HTML code of a general button to be used on a level of inline children.
+     * The possible keys for the parameter $type are 'newRecord', 'localize' and 'synchronize'.
+     *
+     * @param string $type The button type, values are 'newRecord', 'localize' and 'synchronize'.
+     * @param array $conf TCA configuration of the parent(!) field
+     * @return string The HTML code of the new button, wrapped in a div
+     */
+    protected function getLevelInteractionButton(string $type, array $conf = []): string
+    {
+        $languageService = $this->getLanguageService();
+        $attributes = [];
+        switch ($type) {
+            case 'newRecord':
+                $title = htmlspecialchars($languageService->sL('core.core:cm.createnew'));
+                $icon = 'actions-plus';
+                $attributes['class'] = 'btn btn-default t3js-create-new-button';
+                $attributes['data-type'] = 'newRecord';
+                if (!empty($conf['inline']['hideNewButton'])) {
+                    $attributes['hidden'] = 'hidden';
+                }
+                if (!empty($conf['appearance']['newRecordLinkAddTitle'])) {
+                    $title = htmlspecialchars(sprintf(
+                        $languageService->sL('core.core:cm.createnew.link'),
+                        $languageService->sL($this->data['tcaSchemata']->get($conf['foreign_table'])->getTitle()),
+                    ));
+                } elseif (isset($conf['appearance']['newRecordLinkTitle']) && $conf['appearance']['newRecordLinkTitle'] !== '') {
+                    $title = htmlspecialchars($languageService->sL($conf['appearance']['newRecordLinkTitle']));
+                }
+                break;
+            case 'localize':
+                $title = htmlspecialchars($languageService->sL('core.misc:localizeAllRecords'));
+                $icon = 'actions-document-localize';
+                $attributes['class'] = 'btn btn-default t3js-synchronizelocalize-button';
+                $attributes['data-type'] = 'localize';
+                break;
+            case 'synchronize':
+                $title = htmlspecialchars($languageService->sL('core.misc:synchronizeWithOriginalLanguage'));
+                $icon = 'actions-document-synchronize';
+                $attributes['class'] = 'btn btn-default t3js-synchronizelocalize-button';
+                $attributes['data-type'] = 'synchronize';
+                break;
+            default:
+                $title = '';
+                $icon = '';
+        }
+        // Create the button:
+        $icon = $icon ? $this->iconFactory->getIcon($icon, IconSize::SMALL)->render() : '';
+        $attributes['title'] = $title;
+        return '
+            <button type="button" ' . GeneralUtility::implodeAttributes($attributes, true, true) . '>
+                ' . $icon . ' ' . $title . '
+            </button>
+        ';
+    }
+
+    /**
+     * Generate a button that opens an element browser in a new window.
+     * For group/db there is no way to use a "selector" like a <select>|</select>-box.
+     *
+     * @param array $inlineConfiguration TCA inline configuration of the parent(!) field
+     * @return string A HTML button that opens an element browser in a new window
+     */
+    protected function renderPossibleRecordsSelectorTypeGroupDB(array $inlineStructure, array $inlineConfiguration): string
+    {
+        $languageService = $this->getLanguageService();
+        $groupFieldConfiguration = $inlineConfiguration['selectorOrUniqueConfiguration']['config'];
+        $objectPrefix = $this->inlineStackProcessor->getDomObjectIdPrefixFromStructure($inlineStructure, $this->data['inlineFirstPid']) . '-' . $inlineConfiguration['foreign_table'];
+        $elementBrowserEnabled = (bool)($inlineConfiguration['appearance']['elementBrowserEnabled'] ?? true);
+        // Remove any white-spaces from the allowed extension lists
+        $allowed = GeneralUtility::trimExplode(',', (string)($groupFieldConfiguration['allowed'] ?? ''), true);
+        $item = '';
+        if ($elementBrowserEnabled) {
+            if (!empty($inlineConfiguration['appearance']['createNewRelationLinkTitle'])) {
+                $createNewRelationText = htmlspecialchars($languageService->sL($inlineConfiguration['appearance']['createNewRelationLinkTitle']));
+            } else {
+                $createNewRelationText = htmlspecialchars($languageService->sL('core.core:cm.createNewRelation'));
+            }
+            $item .= '
+                <button type="button" class="btn btn-default t3js-element-browser" data-mode="db"
+                    data-allowed-types="' . htmlspecialchars(implode(',', $allowed)) . '"
+                    data-irre-object-id="' . htmlspecialchars($objectPrefix) . '"
+                    title="' . $createNewRelationText . '">
+                    ' . $this->iconFactory->getIcon('actions-insert-record', IconSize::SMALL)->render() . '
+                    ' . $createNewRelationText . '
+                </button>';
+        }
+        $item = '<div class="form-control-wrap t3js-inline-controls">' . $item . '</div>';
+        if (!empty($allowed)) {
+            $item .= '
+                <div class="form-text mt-2">
+                    ' . htmlspecialchars($languageService->sL('core.core:cm.allowedRelations')) . '
+                    <ul class="badge-list">
+                    ' . implode(' ', array_map(static fn(string $item): string => '<li><span class="badge badge-secondary">' . strtoupper($item) . '</span></li>', $allowed)) . '
+                    </ul>
+                </div>';
+        }
+        return '<div class="form-group t3js-formengine-validation-marker">' . $item . '</div>';
+    }
+
+    /**
+     * Get a selector as used for the select type, to select from all available
+     * records and to create a relation to the embedding record (e.g. like MM).
+     *
+     * @param array $config TCA inline configuration of the parent(!) field
+     * @param array $uniqueIds The uids that have already been used and should be unique
+     * @return string A HTML <select> box with all possible records
+     */
+    protected function renderPossibleRecordsSelectorTypeSelect(array $inlineStructure, array $config, array $uniqueIds)
+    {
+        $config += [
+            'autoSizeMax' => 0,
+            'foreign_table' => '',
+        ];
+        $possibleRecords = $config['selectorOrUniquePossibleRecords'];
+        $nameObject = $this->inlineStackProcessor->getDomObjectIdPrefixFromStructure($inlineStructure, $this->data['inlineFirstPid']);
+        // Create option tags:
+        $opt = [];
+        foreach ($possibleRecords as $possibleRecord) {
+            if (!in_array($possibleRecord['value'], $uniqueIds)) {
+                $opt[] = '<option value="' . htmlspecialchars($possibleRecord['value']) . '">' . htmlspecialchars($possibleRecord['label']) . '</option>';
+            }
+        }
+        // Put together the selector box:
+        $size = (int)($config['size'] ?? 0);
+        $autoSizeMax = (int)($config['autoSizeMax'] ?? 0);
+        if ($autoSizeMax > 0) {
+            $size = MathUtility::forceIntegerInRange($size, 1);
+            $size = MathUtility::forceIntegerInRange(count($possibleRecords) + 1, $size, $autoSizeMax);
+        }
+
+        $item = '
+            <select id="' . $nameObject . '-' . $config['foreign_table'] . '_selector" class="form-select t3js-create-new-selector"' . ($size ? ' size="' . $size . '"' : '') . '>
+                ' . implode('', $opt) . '
+            </select>';
+
+        if ($size <= 1) {
+            // Add a "Create new relation" button for adding new relations
+            // This is necessary, if the size of the selector is "1" or if
+            // there is only one record item in the select-box, that is selected by default
+            // The selector-box creates a new relation on using an onChange event (see some line above)
+            if (!empty($config['appearance']['createNewRelationLinkTitle'])) {
+                $createNewRelationText = htmlspecialchars($this->getLanguageService()->sL($config['appearance']['createNewRelationLinkTitle']));
+            } else {
+                $createNewRelationText = htmlspecialchars($this->getLanguageService()->sL('core.core:cm.createNewRelation'));
+            }
+            $item .= '
+                <button type="button" class="btn btn-default t3js-create-new-button" title="' . $createNewRelationText . '">
+                    ' . $this->iconFactory->getIcon('actions-plus', IconSize::SMALL)->render() . $createNewRelationText . '
+                </button>';
+        }
+
+        // Wrap the selector and add a spacer to the bottom
+        $item = '<div class="input-group form-group t3js-formengine-validation-marker t3js-inline-controls">' . $item . '</div>';
+        return $item;
+    }
+
+    /**
+     * Extracts FlexForm parts of a form element name like
+     * data[table][uid][field][sDEF][lDEF][FlexForm][vDEF]
+     * Helper method used in inline
+     *
+     * @param string $formElementName The form element name
+     * @return array|null
+     */
+    protected function extractFlexFormParts($formElementName)
+    {
+        $flexFormParts = null;
+        $matches = [];
+        if (preg_match('#^data(?:\[[^]]+\]){3}(\[data\](?:\[[^]]+\]){4,})$#', $formElementName, $matches)) {
+            $flexFormParts = GeneralUtility::trimExplode(
+                '][',
+                trim($matches[1], '[]')
+            );
+        }
+        return $flexFormParts;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/Container/InlineRecordContainer.php b/Classes/Form/Container/InlineRecordContainer.php
new file mode 100644
index 0000000..5691495
--- /dev/null
+++ b/Classes/Form/Container/InlineRecordContainer.php
@@ -0,0 +1,523 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use TYPO3\CMS\Backend\Form\Event\ModifyInlineElementControlsEvent;
+use TYPO3\CMS\Backend\Form\Event\ModifyInlineElementEnabledControlsEvent;
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Render a single inline record relation.
+ *
+ * This container is called by InlineControlContainer to render single existing records.
+ * Furthermore, it is called by FormEngine for an incoming ajax request to expand an existing record
+ * or to create a new one.
+ *
+ * This container creates the outer HTML of single inline records - eg. drag and drop and delete buttons.
+ * For rendering of the record itself processing is handed over to FullRecordContainer.
+ */
+class InlineRecordContainer extends AbstractContainer
+{
+    /**
+     * Inline data array used for JSON output
+     *
+     * @var array
+     */
+    protected $inlineData = [];
+
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+        private readonly InlineStackProcessor $inlineStackProcessor,
+        private readonly EventDispatcherInterface $eventDispatcher,
+    ) {}
+
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $data = $this->data;
+        $this->inlineData = $data['inlineData'];
+
+        $record = $data['databaseRow'];
+        $inlineConfig = $data['inlineParentConfig'];
+        $foreignTable = $inlineConfig['foreign_table'];
+
+        $resultArray = $this->initializeResultArray();
+
+        // Send a mapping information to the browser via JSON:
+        // e.g. data[<curTable>][<curId>][<curField>] => data-<pid>-<parentTable>-<parentId>-<parentField>-<curTable>-<curId>-<curField>
+        $formPrefix = $this->inlineStackProcessor->getFormPrefixFromStructure($data['inlineStructure']);
+        $domObjectId = $this->inlineStackProcessor->getDomObjectIdPrefixFromStructure($data['inlineStructure'], $data['inlineFirstPid']);
+        $this->inlineData['map'][$formPrefix] = $domObjectId;
+
+        $resultArray['inlineData'] = $this->inlineData;
+
+        // Get the current naming scheme for DOM name/id attributes:
+        $appendFormFieldNames = '[' . $foreignTable . '][' . ($record['uid'] ?? 0) . ']';
+        $objectId = $domObjectId . '-' . $foreignTable . '-' . ($record['uid'] ?? 0);
+        $classes = [];
+        $html = '';
+        $combinationHtml = '';
+        $isNewRecord = $data['command'] === 'new';
+        $hiddenField = '';
+        if (isset($data['processedTca']['ctrl']['enablecolumns']['disabled'])) {
+            $hiddenField = $data['processedTca']['ctrl']['enablecolumns']['disabled'];
+        }
+        if (!$data['isInlineDefaultLanguageRecordInLocalizedParentContext']) {
+            if ($isNewRecord || $data['isInlineChildExpanded']) {
+                // Render full content ONLY IF this is an AJAX request, a new record, or the record is not collapsed
+                if (isset($data['combinationChild'])) {
+                    $combinationChild = $this->renderCombinationChild($data, $appendFormFieldNames);
+                    $combinationHtml = $combinationChild['html'];
+                    $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $combinationChild, false);
+                }
+                $childArray = $this->renderChild($data);
+                $html = $childArray['html'];
+                $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $childArray, false);
+            } else {
+                // This class is the marker for the JS-function to check if the full content has already been loaded
+                $classes[] = 't3js-not-loaded';
+            }
+            if ($isNewRecord) {
+                // Add pid of record as hidden field
+                $html .= '<input type="hidden" name="data' . htmlspecialchars($appendFormFieldNames)
+                    . '[pid]" value="' . htmlspecialchars($record['pid']) . '"/>';
+                // Tell DataHandler this record is expanded
+                $ucFieldName = 'uc[inlineView]'
+                    . '[' . $data['inlineTopMostParentTableName'] . ']'
+                    . '[' . $data['inlineTopMostParentUid'] . ']'
+                    . $appendFormFieldNames;
+                $html .= '<input type="hidden" name="' . htmlspecialchars($ucFieldName)
+                    . '" value="' . (int)$data['isInlineChildExpanded'] . '" />';
+            } else {
+                // Set additional field for processing for saving
+                $html .= '<input type="hidden" name="cmd' . htmlspecialchars($appendFormFieldNames)
+                    . '[delete]" value="1" disabled="disabled" />';
+                if (!empty($hiddenField) && (!$data['isInlineChildExpanded'] || !in_array($hiddenField, $data['columnsToProcess'], true))) {
+                    $checked = !empty($record[$hiddenField]) ? ' checked="checked"' : '';
+                    $html .= '<input type="checkbox" class="d-none" data-formengine-input-name="data'
+                        . htmlspecialchars($appendFormFieldNames)
+                        . '[' . htmlspecialchars($hiddenField) . ']" value="1"' . $checked . ' />';
+                    $html .= '<input type="input" class="d-none" name="data' . htmlspecialchars($appendFormFieldNames)
+                        . '[' . htmlspecialchars($hiddenField) . ']" value="' . htmlspecialchars($record[$hiddenField]) . '" />';
+                }
+            }
+        }
+        if ($inlineConfig['renderFieldsOnly'] ?? false) {
+            // Render "body" part only
+            $html .= $combinationHtml;
+        } else {
+            // Render header row and content (if expanded)
+            if ($data['isInlineDefaultLanguageRecordInLocalizedParentContext']) {
+                $classes[] = 'panel-placeholder';
+            }
+            if (!empty($hiddenField) && isset($record[$hiddenField]) && (int)$record[$hiddenField]) {
+                $classes[] = 'panel-hidden';
+            }
+            if ($isNewRecord) {
+                $classes[] = 'inlineIsNewRecord';
+            }
+
+            $originalUniqueValue = '';
+            if (isset($record['uid'], $data['inlineData']['unique'][$domObjectId . '-' . $foreignTable]['used'][$record['uid']])) {
+                $uniqueValueValues = $data['inlineData']['unique'][$domObjectId . '-' . $foreignTable]['used'][$record['uid']];
+                // in case of site_language we don't have the full form engine options, so fallbacks need to be taken into account
+                $originalUniqueValue = ($uniqueValueValues['table'] ?? $foreignTable) . '_';
+                // @todo In what circumstance would $uniqueValueValues be an array that lacks a 'uid' key? Unclear, but
+                // it breaks the string concatenation. This is a hacky workaround for type safety only.
+                $uVV = ($uniqueValueValues['uid'] ?? $uniqueValueValues);
+                if (is_array($uVV)) {
+                    $uVV = implode(',', $uVV);
+                }
+                $originalUniqueValue .= $uVV;
+            }
+
+            // The hashed object id needs a non-numeric prefix, the value is used as ID selector in JavaScript
+            $hashedObjectId = 'hash-' . md5($objectId);
+            $containerAttributes = [
+                'id' => $objectId . '_div',
+                'class' => 'form-irre-object panel panel-default ' . trim(implode(' ', $classes)),
+                'data-object-uid' => $record['uid'] ?? 0,
+                'data-object-id' => $objectId,
+                'data-object-id-hash' => $hashedObjectId,
+                'data-object-parent-group' => $domObjectId . '-' . $foreignTable,
+                'data-field-name' => $appendFormFieldNames,
+                'data-topmost-parent-table' => $data['inlineTopMostParentTableName'],
+                'data-topmost-parent-uid' => $data['inlineTopMostParentUid'],
+                'data-table-unique-original-value' => $originalUniqueValue,
+                'data-placeholder-record' => $data['isInlineDefaultLanguageRecordInLocalizedParentContext'] ? '1' : '0',
+            ];
+
+            $isExpanded = $data['isInlineChildExpanded'] ?? false;
+            $ariaControls = htmlspecialchars($objectId . '_fields', ENT_QUOTES | ENT_HTML5);
+            $html = '
+                <div ' . GeneralUtility::implodeAttributes($containerAttributes, true) . '>
+                    <div class="panel-heading">
+                        <div class="panel-heading-row">
+                            ' . $this->renderForeignRecordHeader($data, $isExpanded, $ariaControls) . '
+                        </div>
+                    </div>
+                    <div class="panel-collapse collapse' . ($isExpanded ? ' show' : '') . '" id="' . $ariaControls . '">' . $html . $combinationHtml . '</div>
+                </div>';
+        }
+
+        $resultArray['html'] = $html;
+        return $resultArray;
+    }
+
+    /**
+     * Render inner child
+     *
+     * @return array Result array
+     */
+    protected function renderChild(array $data)
+    {
+        $domObjectId = $this->inlineStackProcessor->getDomObjectIdPrefixFromStructure($this->data['inlineStructure'], $data['inlineFirstPid']);
+        $data['tabAndInlineStack'][] = [
+            'inline',
+            $domObjectId . '-' . $data['tableName'] . '-' . $data['databaseRow']['uid'],
+        ];
+        // @todo: ugly construct ...
+        $data['inlineData'] = $this->inlineData;
+        $data['renderType'] = 'fullRecordContainer';
+        return $this->nodeFactory->create($data)->render();
+    }
+
+    /**
+     * Render child child
+     *
+     * Render a table with FormEngine, that occurs on an intermediate table but should be editable directly,
+     * so two tables are combined (the intermediate table with attributes and the sub-embedded table).
+     * -> This is a direct embedding over two levels!
+     *
+     * @param array $data
+     * @param string $appendFormFieldNames The [<table>][<uid>] of the parent record (the intermediate table)
+     * @return array Result array
+     */
+    protected function renderCombinationChild(array $data, $appendFormFieldNames)
+    {
+        $childData = $data['combinationChild'];
+        $parentConfig = $data['inlineParentConfig'];
+
+        // If field is set to readOnly, set all fields of the relation to readOnly as well
+        if (isset($parentConfig['readOnly']) && $parentConfig['readOnly']) {
+            foreach ($childData['processedTca']['columns'] as $columnName => $columnConfiguration) {
+                $childData['processedTca']['columns'][$columnName]['config']['readOnly'] = true;
+            }
+        }
+
+        $resultArray = $this->initializeResultArray();
+
+        // Display Warning FlashMessage if it is not suppressed
+        if (!isset($parentConfig['appearance']['suppressCombinationWarning']) || empty($parentConfig['appearance']['suppressCombinationWarning'])) {
+            $combinationWarningMessage = 'core.core:warning.inline_use_combination';
+            if (!empty($parentConfig['appearance']['overwriteCombinationWarningMessage'])) {
+                $combinationWarningMessage = $parentConfig['appearance']['overwriteCombinationWarningMessage'];
+            }
+            $message = $this->getLanguageService()->sL($combinationWarningMessage);
+            $markup = [];
+            // @TODO: This is not a FlashMessage! The markup must be changed and special CSS
+            // @TODO: should be created, in order to prevent confusion.
+            $markup[] = '<div class="alert alert-warning">';
+            $markup[] = '    <div class="alert-inner">';
+            $markup[] = '        <div class="alert-icon">';
+            $markup[] = '            <span class="icon-emphasized">';
+            $markup[] = '                ' . $this->iconFactory->getIcon('actions-exclamation', IconSize::SMALL)->render();
+            $markup[] = '            </span>';
+            $markup[] = '        </div>';
+            $markup[] = '        <div class="alert-content">';
+            $markup[] = '            <div class="alert-message">' . htmlspecialchars($message) . '</div>';
+            $markup[] = '        </div>';
+            $markup[] = '    </div>';
+            $markup[] = '</div>';
+            $resultArray['html'] = implode(LF, $markup);
+        }
+
+        $childArray = $this->renderChild($childData);
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $childArray);
+
+        // If this is a new record, add a pid value to store this record and the pointer value for the intermediate table
+        if ($childData['command'] === 'new') {
+            $comboFormFieldName = 'data[' . $childData['tableName'] . '][' . $childData['databaseRow']['uid'] . '][pid]';
+            $resultArray['html'] .= '<input type="hidden" name="' . htmlspecialchars($comboFormFieldName) . '" value="' . htmlspecialchars($childData['databaseRow']['pid']) . '" />';
+        }
+        // If the foreign_selector field is also responsible for uniqueness, tell the browser the uid of the "other" side of the relation
+        if ($childData['command'] === 'new' || $parentConfig['foreign_unique'] === $parentConfig['foreign_selector']) {
+            $parentFormFieldName = 'data' . $appendFormFieldNames . '[' . $parentConfig['foreign_selector'] . ']';
+            $resultArray['html'] .= '<input type="hidden" name="' . htmlspecialchars($parentFormFieldName) . '" value="' . htmlspecialchars($childData['databaseRow']['uid']) . '" />';
+        }
+
+        return $resultArray;
+    }
+
+    /**
+     * Renders the HTML header for a foreign record, such as the title, toggle-function, drag'n'drop, etc.
+     * Later on the command-icons are inserted here.
+     *
+     * @param array $data Current data
+     * @param bool $isExpanded Whether the record is currently expanded
+     * @param string $ariaControls The ID of the collapse target element
+     * @return string The HTML code of the header
+     */
+    protected function renderForeignRecordHeader(array $data, bool $isExpanded, string $ariaControls): string
+    {
+        $record = $data['databaseRow'];
+        $recordTitle = $data['recordTitle'];
+        $foreignTable = $data['inlineParentConfig']['foreign_table'];
+        $domObjectId = $this->inlineStackProcessor->getDomObjectIdPrefixFromStructure($this->data['inlineStructure'], $data['inlineFirstPid']);
+
+        if (!empty($recordTitle)) {
+            // The user function may return HTML, therefore we can't escape it
+            if (empty($data['processedTca']['ctrl']['formattedLabel_userFunc'])) {
+                $recordTitle = htmlspecialchars($recordTitle);
+            }
+        } else {
+            $recordTitle = '<em>[' . htmlspecialchars($this->getLanguageService()->sL('core.core:labels.no_title')) . ']</em>';
+        }
+
+        // In case the record title is not generated by a formattedLabel_userFunc, which already
+        // contains custom markup, and we are in debug mode, add the inline record table name.
+        if (empty($data['processedTca']['ctrl']['formattedLabel_userFunc'])
+            && $this->getBackendUserAuthentication()->shallDisplayDebugInformation()
+        ) {
+            $recordTitle .= ' <span class="panel-meta"><code>[' . htmlspecialchars($foreignTable) . ']</code></span>';
+        }
+
+        $objectId = htmlspecialchars($domObjectId . '-' . $foreignTable . '-' . ($record['uid'] ?? 0));
+        return '
+            <button class="panel-button' . ($isExpanded ? '' : ' collapsed') . '" type="button"
+                    data-bs-toggle="collapse" data-bs-target="#' . $ariaControls . '"
+                    aria-expanded="' . ($isExpanded ? 'true' : 'false') . '" aria-controls="' . $ariaControls . '">
+                <span class="caret"></span>
+                <div class="panel-icon" id="' . $objectId . '_iconcontainer">
+                    ' . $this->iconFactory->getIconForRecord($foreignTable, $record, IconSize::SMALL, $this->data['tcaSchemata']->get($foreignTable))->setTitle(BackendUtility::getRecordIconAltText($record, $foreignTable, false))->render() . '
+                </div>
+                <div class="panel-title"><span id="' . $objectId . '_label">' . $recordTitle . '</span></div>
+            </button>
+            <div class="panel-actions t3js-formengine-irre-control">
+                ' . $this->renderForeignRecordHeaderControl($data) . '
+            </div>';
+    }
+
+    /**
+     * Render the control-icons for a record header (create new, sorting, delete, disable/enable).
+     * Most of the parts are copy&paste from TYPO3\CMS\Backend\RecordList\DatabaseRecordList and
+     * modified for the JavaScript calls here
+     *
+     * @param array $data Current data
+     * @return string The HTML code with the control-icons
+     */
+    protected function renderForeignRecordHeaderControl(array $data)
+    {
+        $rec = $data['databaseRow'];
+        $rec += [
+            'uid' => 0,
+        ];
+        $inlineConfig = $data['inlineParentConfig'];
+        $foreignTable = $inlineConfig['foreign_table'];
+        $languageService = $this->getLanguageService();
+        $backendUser = $this->getBackendUserAuthentication();
+        // Initialize:
+        $cells = [
+            'hide' => '',
+            'delete' => '',
+            'info' => '',
+            'new' => '',
+            'sort.up' => '',
+            'sort.down' => '',
+            'dragdrop' => '',
+            'localize' => '',
+            'locked' => '',
+        ];
+        $isNewItem = str_starts_with($rec['uid'], 'NEW');
+        $isParentReadOnly = isset($inlineConfig['readOnly']) && $inlineConfig['readOnly'];
+        $isParentExisting = MathUtility::canBeInterpretedAsInteger($data['inlineParentUid']);
+        $tableSchema = $this->data['tcaSchemata']->get($foreignTable);
+        $isPagesTable = $foreignTable === 'pages';
+        $enableManualSorting = ($tableSchema->hasCapability(TcaSchemaCapability::SortByField))
+            || ($inlineConfig['MM'] ?? false)
+            || (!($data['isOnSymmetricSide'] ?? false) && ($inlineConfig['foreign_sortby'] ?? false))
+            || (($data['isOnSymmetricSide'] ?? false) && ($inlineConfig['symmetric_sortby'] ?? false));
+        $calcPerms = new Permission($backendUser->calcPerms(BackendUtility::readPageAccess((int)($data['parentPageRow']['uid'] ?? 0), $backendUser->getPagePermsClause(Permission::PAGE_SHOW))));
+        // If the listed table is 'pages' we have to request the permission settings for each page:
+        $localCalcPerms = new Permission(Permission::NOTHING);
+        if ($isPagesTable) {
+            $localCalcPerms = new Permission($backendUser->calcPerms(BackendUtility::getRecord('pages', $rec['uid'])));
+        }
+        // This expresses the edit permissions for this particular element:
+        $permsEdit = ($isPagesTable && $localCalcPerms->editPagePermissionIsGranted()) || (!$isPagesTable && $calcPerms->editContentPermissionIsGranted());
+        // The event contains all controls and their state (enabled / disabled), which might got modified by listeners
+        $event = $this->eventDispatcher->dispatch(new ModifyInlineElementEnabledControlsEvent($data, $rec));
+        if ($data['isInlineDefaultLanguageRecordInLocalizedParentContext']) {
+            $cells['localize'] = $this->iconFactory
+                ->getIcon('actions-edit-localize-status-low', IconSize::SMALL)
+                ->setTitle($languageService->sL('core.misc:localize.isLocalizable'))
+                ->render();
+        }
+        // "Info": (All records)
+        if ($event->isControlEnabled('info')) {
+            if ($isNewItem) {
+                $cells['info'] = '<span class="btn btn-default disabled">' . $this->iconFactory->getIcon('empty-empty', IconSize::SMALL)->render() . '</span>';
+            } else {
+                $cells['info'] = '
+                    <button type="button" class="btn btn-default" data-action="infowindow" data-info-table="' . htmlspecialchars($foreignTable) . '" data-info-uid="' . htmlspecialchars($rec['uid']) . '" title="' . htmlspecialchars($languageService->sL('core.mod_web_list:showInfo')) . '">
+                        ' . $this->iconFactory->getIcon('actions-document-info', IconSize::SMALL)->render() . '
+                    </button>';
+            }
+        }
+        // If the table is NOT a read-only table, then show these links:
+        if (!$isParentReadOnly && !($tableSchema->hasCapability(TcaSchemaCapability::AccessReadOnly)) && !($data['isInlineDefaultLanguageRecordInLocalizedParentContext'] ?? false)) {
+            // "New record after" link (ONLY if the records in the table are sorted by a "sortby"-row or if default values can depend on previous record):
+            if ($event->isControlEnabled('new') && ($enableManualSorting || (($tableSchema->getRawConfiguration()['useColumnsForDefaultValues'] ?? false)))) {
+                if ((!$isPagesTable && $calcPerms->editContentPermissionIsGranted()) || ($isPagesTable && $calcPerms->createPagePermissionIsGranted())) {
+                    $cells['new'] = '
+                        <button type="button" class="btn btn-default t3js-create-new-button" data-record-uid="' . htmlspecialchars($rec['uid']) . '" title="' . htmlspecialchars($languageService->sL('core.mod_web_list:new' . ($isPagesTable ? 'Page' : 'Record'))) . '"' . (!empty($inlineConfig['inline']['hideNewButton']) ? ' hidden' : '') . '>
+                            ' . $this->iconFactory->getIcon('actions-' . ($isPagesTable ? 'page-new' : 'add'), IconSize::SMALL)->render() . '
+                        </button>';
+                }
+            }
+            // "Up/Down" links
+            if ($event->isControlEnabled('sort') && $permsEdit && $enableManualSorting) {
+                // Up
+                $icon = 'actions-move-up';
+                $class = '';
+                if ($inlineConfig['inline']['first'] == $rec['uid']) {
+                    $class = ' disabled';
+                    $icon = 'empty-empty';
+                }
+                $cells['sort.up'] = '
+                    <button type="button" class="btn btn-default' . $class . '" data-action="sort" data-direction="up" title="' . htmlspecialchars($languageService->sL('core.mod_web_list:moveUp')) . '">
+                        ' . $this->iconFactory->getIcon($icon, IconSize::SMALL)->render() . '
+                    </button>';
+                // Down
+                $icon = 'actions-move-down';
+                $class = '';
+                if ($inlineConfig['inline']['last'] == $rec['uid']) {
+                    $class = ' disabled';
+                    $icon = 'empty-empty';
+                }
+
+                $cells['sort.down'] = '
+                    <button type="button" class="btn btn-default' . $class . '" data-action="sort" data-direction="down" title="' . htmlspecialchars($languageService->sL('core.mod_web_list:moveDown')) . '">
+                        ' . $this->iconFactory->getIcon($icon, IconSize::SMALL)->render() . '
+                    </button>';
+            }
+            // "Delete" link:
+            if ($event->isControlEnabled('delete')
+                && (
+                    ($isPagesTable && $localCalcPerms->deletePagePermissionIsGranted())
+                    || (!$isPagesTable && $calcPerms->editContentPermissionIsGranted())
+                )
+            ) {
+                $title = htmlspecialchars($languageService->sL('core.mod_web_list:delete'));
+                $icon = $this->iconFactory->getIcon('actions-edit-delete', IconSize::SMALL)->render();
+
+                $recordInfo = $data['databaseRow']['uid_local'][0]['title'] ?? $data['recordTitle'] ?? '';
+                if ($this->getBackendUserAuthentication()->shallDisplayDebugInformation()) {
+                    $recordInfo .= ' [' . $data['tableName'] . ':' . $data['vanillaUid'] . ']';
+                }
+
+                $cells['delete'] = '
+                    <button type="button" class="btn btn-default t3js-editform-delete-inline-record" data-record-info="' . htmlspecialchars(trim($recordInfo)) . '" title="' . $title . '">
+                        ' . $icon . '
+                    </button>';
+            }
+
+            // "Hide/Unhide" links:
+            $hiddenField = $tableSchema->hasCapability(TcaSchemaCapability::RestrictionDisabledField) ? $tableSchema->getCapability(TcaSchemaCapability::RestrictionDisabledField)->getFieldName() : '';
+            if ($event->isControlEnabled('hide')
+                && $permsEdit
+                && $hiddenField
+                && ($tableSchema->hasField($hiddenField) ?? false)
+                && (!($tableSchema->getField($hiddenField)->getConfiguration()['exclude'] ?? false) || $backendUser->check('non_exclude_fields', $foreignTable . ':' . $hiddenField))
+            ) {
+                if ($rec[$hiddenField]) {
+                    $title = htmlspecialchars($languageService->sL('core.mod_web_list:unHide' . ($isPagesTable ? 'Page' : '')));
+                    $cells['hide'] = '
+                        <button type="button" class="btn btn-default t3js-toggle-visibility-button" data-hidden-field="' . htmlspecialchars($hiddenField) . '" title="' . $title . '">
+                            ' . $this->iconFactory->getIcon('actions-edit-unhide', IconSize::SMALL)->render() . '
+                        </button>';
+                } else {
+                    $title = htmlspecialchars($languageService->sL('core.mod_web_list:hide' . ($isPagesTable ? 'Page' : '')));
+                    $cells['hide'] = '
+                        <button type="button" class="btn btn-default t3js-toggle-visibility-button" data-hidden-field="' . htmlspecialchars($hiddenField) . '" title="' . $title . '">
+                            ' . $this->iconFactory->getIcon('actions-edit-hide', IconSize::SMALL)->render() . '
+                        </button>';
+                }
+            }
+            // Drag&Drop Sorting: Sortable handle
+            if ($event->isControlEnabled('dragdrop') && $permsEdit && $enableManualSorting && ($inlineConfig['appearance']['useSortable'] ?? false)) {
+                $cells['dragdrop'] = '
+                    <span class="btn btn-default sortableHandle" data-id="' . htmlspecialchars($rec['uid']) . '" title="' . htmlspecialchars($languageService->sL('core.core:labels.move')) . '">
+                        ' . $this->iconFactory->getIcon('actions-move-move', IconSize::SMALL)->render() . '
+                    </span>';
+            }
+        } elseif (($data['isInlineDefaultLanguageRecordInLocalizedParentContext'] ?? false) && $isParentExisting) {
+            if ($event->isControlEnabled('localize') && $data['isInlineDefaultLanguageRecordInLocalizedParentContext']) {
+                $cells['localize'] = '
+                    <button type="button" class="btn btn-default t3js-synchronizelocalize-button" data-type="' . htmlspecialchars($rec['uid']) . '" title="' . htmlspecialchars($languageService->sL('core.misc:localize')) . '">
+                        ' . $this->iconFactory->getIcon('actions-document-localize', IconSize::SMALL)->render() . '
+                    </button>';
+            }
+        }
+        // If the record is edit-locked by another user, we will show a little warning sign:
+        if ($lockInfo = BackendUtility::isRecordLocked($foreignTable, $rec['uid'])) {
+            $cells['locked'] = '
+                <button type="button" class="btn btn-default" title="' . htmlspecialchars($lockInfo['msg']) . '">
+                    ' . $this->iconFactory->getIcon('status-user-backend', IconSize::SMALL, 'overlay-edit')->render() . '
+                </button>';
+        }
+
+        // Get modified controls. This means their markup was modified, new controls were added or controls got removed.
+        $cells = $this->eventDispatcher->dispatch(new ModifyInlineElementControlsEvent($cells, $data, $rec))->getControls();
+
+        $out = '';
+        if (!empty($cells['hide']) || !empty($cells['delete'])) {
+            $out .= '<div class="btn-group btn-group-sm" role="group">' . $cells['hide'] . $cells['delete'] . '</div>';
+            unset($cells['hide'], $cells['delete']);
+        }
+        if (!empty($cells['info']) || !empty($cells['new']) || !empty($cells['sort.up']) || !empty($cells['sort.down']) || !empty($cells['dragdrop'])) {
+            $out .= '<div class="btn-group btn-group-sm" role="group">' . $cells['info'] . $cells['new'] . $cells['sort.up'] . $cells['sort.down'] . $cells['dragdrop'] . '</div>';
+            unset($cells['info'], $cells['new'], $cells['sort.up'], $cells['sort.down'], $cells['dragdrop']);
+        }
+        if (!empty($cells['localize'])) {
+            $out .= '<div class="btn-group btn-group-sm" role="group">' . $cells['localize'] . '</div>';
+            unset($cells['localize']);
+        }
+        if (!empty($cells)) {
+            $cellContent = trim(implode('', $cells));
+            $out .= $cellContent !== '' ? ' <div class="btn-group btn-group-sm" role="group">' . $cellContent . '</div>' : '';
+        }
+        return $out;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/Container/ListOfFieldsContainer.php b/Classes/Form/Container/ListOfFieldsContainer.php
new file mode 100644
index 0000000..afa2165
--- /dev/null
+++ b/Classes/Form/Container/ListOfFieldsContainer.php
@@ -0,0 +1,100 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Render a given list of field of a TCA table.
+ *
+ * This is an entry container called from FormEngine to handle a
+ * list of specific fields. Access rights are checked here and globalOption array
+ * is prepared for further processing of single fields by PaletteAndSingleContainer.
+ *
+ * Using "hiddenFieldListToRender" it's also possible to render additional fields as
+ * hidden fields, which is e.g. used for the "generatorFields" of TCA type "slug".
+ */
+class ListOfFieldsContainer extends AbstractContainer
+{
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $options = $this->data;
+        $options['fieldsArray'] = $this->sanitizeFieldList($this->data['fieldListToRender']);
+
+        if ($this->data['hiddenFieldListToRender'] ?? false) {
+            $hiddenFieldList = array_diff(
+                $this->sanitizeFieldList($this->data['hiddenFieldListToRender']),
+                $options['fieldsArray']
+            );
+            if ($hiddenFieldList !== []) {
+                $hiddenFieldList = implode(',', $hiddenFieldList);
+                $hiddenPaletteName = 'hiddenFieldsPalette' . md5($hiddenFieldList);
+                $options['processedTca']['palettes'][$hiddenPaletteName] = [
+                    'isHiddenPalette' => true,
+                    'showitem' => $hiddenFieldList,
+                ];
+                $options['fieldsArray'][] = '--palette--;;' . $hiddenPaletteName;
+            }
+        }
+
+        $options['renderType'] = 'paletteAndSingleContainer';
+        return $this->nodeFactory->create($options)->render();
+    }
+
+    protected function sanitizeFieldList(string $fieldList): array
+    {
+        $fields = array_unique(GeneralUtility::trimExplode(',', $fieldList, true));
+        $fieldsByShowitem = $this->data['processedTca']['types'][$this->data['recordTypeValue']]['showitem'];
+        $fieldsByShowitem = GeneralUtility::trimExplode(',', $fieldsByShowitem, true);
+
+        $allowedFields = [];
+        foreach ($fields as $fieldName) {
+            foreach ($fieldsByShowitem as $fieldByShowitem) {
+                $fieldByShowitemArray = $this->explodeSingleFieldShowItemConfiguration($fieldByShowitem);
+                if ($fieldByShowitemArray['fieldName'] === $fieldName) {
+                    $allowedFields[] = implode(';', $fieldByShowitemArray);
+                    break;
+                }
+                if ($fieldByShowitemArray['fieldName'] === '--palette--'
+                    && isset($this->data['processedTca']['palettes'][$fieldByShowitemArray['paletteName']]['showitem'])
+                    && is_string($this->data['processedTca']['palettes'][$fieldByShowitemArray['paletteName']]['showitem'])
+                ) {
+                    $paletteName = $fieldByShowitemArray['paletteName'];
+                    $paletteFields = GeneralUtility::trimExplode(',', $this->data['processedTca']['palettes'][$paletteName]['showitem'], true);
+                    foreach ($paletteFields as $paletteField) {
+                        $paletteFieldArray = $this->explodeSingleFieldShowItemConfiguration($paletteField);
+                        if ($paletteFieldArray['fieldName'] === $fieldName) {
+                            $allowedFields[] = implode(';', $paletteFieldArray);
+                            break;
+                        }
+                    }
+                }
+            }
+        }
+        return $allowedFields;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/Container/NoTabsContainer.php b/Classes/Form/Container/NoTabsContainer.php
new file mode 100644
index 0000000..3d68e77
--- /dev/null
+++ b/Classes/Form/Container/NoTabsContainer.php
@@ -0,0 +1,36 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+/**
+ * Handle a record that has no tabs.
+ *
+ * This container is called by FullRecordContainer.
+ */
+class NoTabsContainer extends AbstractContainer
+{
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $options = $this->data;
+        $options['renderType'] = 'paletteAndSingleContainer';
+        return $this->nodeFactory->create($options)->render();
+    }
+}
diff --git a/Classes/Form/Container/PaletteAndSingleContainer.php b/Classes/Form/Container/PaletteAndSingleContainer.php
new file mode 100644
index 0000000..5726617
--- /dev/null
+++ b/Classes/Form/Container/PaletteAndSingleContainer.php
@@ -0,0 +1,295 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Handle palettes and single fields.
+ *
+ * This container is called by TabsContainer, NoTabsContainer and ListOfFieldsContainer.
+ *
+ * This container mostly operates on TCA showItem of a specific type - the value is
+ * coming in from upper containers as "fieldArray". It handles palettes with all its
+ * different options and prepares rendering of single fields for the SingleFieldContainer.
+ */
+class PaletteAndSingleContainer extends AbstractContainer
+{
+    /**
+     * Final result array accumulating results from children and final HTML
+     */
+    protected array $resultArray = [];
+
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $languageService = $this->getLanguageService();
+
+        /*
+         * The first code block creates a target structure array to later create the final
+         * HTML string. The single fields and sub containers are rendered here already and
+         * other parts of the return array from children except html are accumulated in
+         * $this->resultArray
+         *
+        $targetStructure = [
+            0 => [
+                'type' => 'palette',
+                'fieldName' => 'palette1',
+                'paletteLegend' => 'palette1',
+                'paletteDescription' => 'palette1Description',
+                'elements' => [
+                    0 => [
+                        'type' => 'single',
+                        'fieldName' => 'paletteName',
+                        'fieldHtml' => 'element1',
+                    ),
+                    1 => [
+                        'type' => 'linebreak',
+                    ),
+                    2 => [
+                        'type' => 'single',
+                        'fieldName' => 'paletteName',
+                        'fieldHtml' => 'element2',
+                    ],
+                ],
+            ],
+            1 => [
+                'type' => 'single',
+                'fieldName' => 'element3',
+                'fieldHtml' => 'element3',
+            ],
+            2 => [
+                'type' => 'palette',
+                'fieldName' => 'palette2',
+                'paletteLegend' => '', // Palette label is optional
+                'paletteDescription' => '', // Palette description is optional
+                'elements' => [
+                    0 => [
+                        'type' => 'single',
+                        'fieldName' => 'element4',
+                        'fieldHtml' => 'element4',
+                    ],
+                    1 => [
+                        'type' => 'linebreak',
+                    ],
+                    2 => [
+                        'type' => 'single',
+                        'fieldName' => 'element5',
+                        'fieldHtml' => 'element5',
+                    ],
+                ],
+            ],
+        );
+         */
+
+        // Create an intermediate structure of rendered sub elements and elements nested in palettes
+        $targetStructure = [];
+        $mainStructureCounter = -1;
+        $fieldsArray = $this->data['fieldsArray'];
+        $this->resultArray = $this->initializeResultArray();
+        foreach ($fieldsArray as $fieldString) {
+            $fieldConfiguration = $this->explodeSingleFieldShowItemConfiguration($fieldString);
+            $fieldName = $fieldConfiguration['fieldName'];
+            if ($fieldName === '--palette--') {
+                $paletteElementArray = $this->createPaletteContentArray($fieldConfiguration['paletteName'] ?? '');
+                if (!empty($paletteElementArray)) {
+                    $mainStructureCounter++;
+                    // If there is no label in ['types']['aType']['showitem'] for this palette: "--palette--;;aPalette",
+                    // then use ['palettes']['aPalette']['label'] if given.
+                    $paletteLegend = $fieldConfiguration['fieldLabel'];
+                    if ($paletteLegend === null && !empty($this->data['processedTca']['palettes'][$fieldConfiguration['paletteName']]['label'])) {
+                        $paletteLegend = $this->data['processedTca']['palettes'][$fieldConfiguration['paletteName']]['label'];
+                    }
+                    // Get description of palette.
+                    $paletteDescription = $this->data['processedTca']['palettes'][$fieldConfiguration['paletteName']]['description'] ?? '';
+                    $targetStructure[$mainStructureCounter] = [
+                        'type' => 'palette',
+                        'fieldName' => $fieldConfiguration['paletteName'],
+                        'paletteLegend' => $languageService->sL($paletteLegend),
+                        'paletteDescription' => $languageService->sL($paletteDescription),
+                        'elements' => $paletteElementArray,
+                    ];
+                }
+            } else {
+                if (!is_array($this->data['processedTca']['columns'][$fieldName] ?? null)) {
+                    continue;
+                }
+                $options = $this->data;
+                $options['fieldName'] = $fieldName;
+                $options['renderType'] = 'singleFieldContainer';
+                $childResultArray = $this->nodeFactory->create($options)->render();
+                if (!empty($childResultArray['html'])) {
+                    $mainStructureCounter++;
+                    $targetStructure[$mainStructureCounter] = [
+                        'type' => 'single',
+                        'fieldName' => $fieldConfiguration['fieldName'],
+                        'fieldHtml' => $childResultArray['html'],
+                    ];
+                }
+                $this->resultArray = $this->mergeChildReturnIntoExistingResult($this->resultArray, $childResultArray, false);
+            }
+        }
+
+        // Compile final content
+        $content = [];
+        foreach ($targetStructure as $element) {
+            if ($element['type'] === 'palette') {
+                $paletteName = $element['fieldName'];
+                $isHiddenPalette = !empty($this->data['processedTca']['palettes'][$paletteName]['isHiddenPalette']);
+                $html = [];
+                $html[] = '<fieldset class="form-section' . ($isHiddenPalette ? ' hide' : '') . '">';
+                if (!empty($element['paletteLegend'])) {
+                    $html[] = '<h3 class="form-section-headline">' . htmlspecialchars($element['paletteLegend']) . '</h3>';
+                }
+                if (!empty($element['paletteDescription'])) {
+                    $html[] = '<p class="form-section-description">' . nl2br(htmlspecialchars($element['paletteDescription'])) . '</p>';
+                }
+                $html[] = $this->renderInnerPaletteContent($element);
+                $html[] = '</fieldset>';
+                $content[] = implode(LF, $html);
+            } else {
+                $html = [];
+                $html[] = '<fieldset class="form-section">';
+                $html[] =     '<div class="form-group t3js-formengine-validation-marker t3js-formengine-palette-field">';
+                $html[] =         $element['fieldHtml'];
+                $html[] =     '</div>';
+                $html[] = '</fieldset>';
+                $content[] = implode(LF, $html);
+            }
+        }
+
+        $finalResultArray = $this->resultArray;
+        $finalResultArray['html'] = implode(LF, $content);
+        return $finalResultArray;
+    }
+
+    /**
+     * Render single fields of a given palette
+     *
+     * @param string $paletteName The palette to render
+     */
+    protected function createPaletteContentArray(string $paletteName): array
+    {
+        // palette needs a palette name reference, otherwise it does not make sense to try rendering of it
+        if (empty($paletteName) || empty($this->data['processedTca']['palettes'][$paletteName]['showitem'])) {
+            return [];
+        }
+        $resultStructure = [];
+        $foundRealElement = false; // Set to true if not only line breaks were rendered
+        $fieldsArray = GeneralUtility::trimExplode(',', $this->data['processedTca']['palettes'][$paletteName]['showitem'], true);
+        foreach ($fieldsArray as $fieldString) {
+            $fieldArray = $this->explodeSingleFieldShowItemConfiguration($fieldString);
+            $fieldName = $fieldArray['fieldName'];
+            if ($fieldName === '--linebreak--') {
+                $resultStructure[] = [
+                    'type' => 'linebreak',
+                ];
+            } else {
+                if (!is_array($this->data['processedTca']['columns'][$fieldName] ?? null)) {
+                    continue;
+                }
+                $options = $this->data;
+                $options['fieldName'] = $fieldName;
+                $options['renderType'] = 'singleFieldContainer';
+                $singleFieldContentArray = $this->nodeFactory->create($options)->render();
+                if (!empty($singleFieldContentArray['html'])) {
+                    $foundRealElement = true;
+                    $resultStructure[] = [
+                        'type' => 'single',
+                        'fieldName' => $fieldName,
+                        'fieldHtml' => $singleFieldContentArray['html'],
+                    ];
+                }
+                $this->resultArray = $this->mergeChildReturnIntoExistingResult($this->resultArray, $singleFieldContentArray, false);
+            }
+        }
+        if ($foundRealElement) {
+            return $resultStructure;
+        }
+        return [];
+    }
+
+    /**
+     * Renders inner content of single elements of a palette and wrap it as needed
+     *
+     * @param array $elementArray Array of elements
+     * @return string Wrapped content
+     */
+    protected function renderInnerPaletteContent(array $elementArray): string
+    {
+        $result = [];
+        $currentGroup = [];
+
+        foreach ($elementArray['elements'] as $element) {
+            if ($element['type'] === 'linebreak') {
+                // Render current group before linebreak
+                if (!empty($currentGroup)) {
+                    $result[] = $this->renderFieldGroup($currentGroup);
+                    $currentGroup = [];
+                }
+            } else {
+                $currentGroup[] = $element;
+            }
+        }
+
+        // Render remaining group
+        if (!empty($currentGroup)) {
+            $result[] = $this->renderFieldGroup($currentGroup);
+        }
+
+        return implode(LF, $result);
+    }
+
+    /**
+     * Renders a group of fields within a form-grid container
+     *
+     * @param array $fields Array of field elements
+     * @return string Rendered HTML
+     */
+    protected function renderFieldGroup(array $fields): string
+    {
+        $numberOfItems = count($fields);
+        $result = [];
+
+        if ($numberOfItems > 1) {
+            $result[] = '<div class="form-grid" style="--typo3-form-grid-columns: ' . $numberOfItems . '">';
+        }
+
+        foreach ($fields as $element) {
+            $result[] = '<div class="form-group t3js-formengine-validation-marker t3js-formengine-palette-field">';
+            $result[] =     $element['fieldHtml'];
+            $result[] = '</div>';
+        }
+
+        if ($numberOfItems > 1) {
+            $result[] = '</div>';
+        }
+
+        return implode(LF, $result);
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/Container/SingleFieldContainer.php b/Classes/Form/Container/SingleFieldContainer.php
new file mode 100644
index 0000000..c47a8a5
--- /dev/null
+++ b/Classes/Form/Container/SingleFieldContainer.php
@@ -0,0 +1,295 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use TYPO3\CMS\Backend\Form\Behavior\ReloadOnFieldChange;
+use TYPO3\CMS\Backend\Form\Behavior\UpdateValueOnFieldChange;
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Backend\Form\Utility\FormEngineUtility;
+use TYPO3\CMS\Core\Authentication\JsConfirmation;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Container around a "single field".
+ *
+ * This container is the last one in the chain before processing is handed over to single element classes.
+ * If a single field is of type flex or inline, it however creates FlexFormEntryContainer or InlineControlContainer.
+ *
+ * The container does various checks and processing for a given single fields.
+ */
+class SingleFieldContainer extends AbstractContainer
+{
+    public function __construct(
+        private readonly InlineStackProcessor $inlineStackProcessor
+    ) {}
+
+    public function render(): array
+    {
+        $backendUser = $this->getBackendUserAuthentication();
+        $resultArray = $this->initializeResultArray();
+
+        $table = $this->data['tableName'];
+        $row = $this->data['databaseRow'];
+        $fieldName = $this->data['fieldName'];
+
+        $parameterArray = [];
+        $parameterArray['fieldConf'] = $this->data['processedTca']['columns'][$fieldName];
+
+        $isOverlay = false;
+
+        // This field decides whether the current record is an overlay (as opposed to being a standalone record)
+        // Based on this decision we need to trigger field exclusion or special rendering (like readOnly)
+        if (isset($this->data['processedTca']['ctrl']['transOrigPointerField'])
+            && is_array($this->data['processedTca']['columns'][$this->data['processedTca']['ctrl']['transOrigPointerField']] ?? null)
+        ) {
+            $parentValue = $row[$this->data['processedTca']['ctrl']['transOrigPointerField']];
+            if (MathUtility::canBeInterpretedAsInteger($parentValue)) {
+                $isOverlay = (bool)$parentValue;
+            } elseif (is_array($parentValue)) {
+                // This case may apply if the value has been converted to an array by the select or group data provider
+                $isOverlay = !empty($parentValue) ? (bool)$parentValue[0] : false;
+            } else {
+                throw new \InvalidArgumentException(
+                    'The given value "' . $parentValue . '" for the original language field ' . $this->data['processedTca']['ctrl']['transOrigPointerField']
+                    . ' of table ' . $table . ' is invalid.',
+                    1470742770
+                );
+            }
+        }
+
+        // A couple of early returns in case the field should not be rendered
+        $fieldIsExcluded = $parameterArray['fieldConf']['exclude'] ?? false;
+        $fieldNotExcludable = $backendUser->check('non_exclude_fields', $table . ':' . $fieldName);
+        $fieldExcludedFromTranslatedRecords = empty($parameterArray['fieldConf']['l10n_display']) && ($parameterArray['fieldConf']['l10n_mode'] ?? '') === 'exclude';
+        // Return if BE-user has no access rights to this field, @todo: another user access rights check!
+        if (($fieldIsExcluded && !$fieldNotExcludable) || ($isOverlay && $fieldExcludedFromTranslatedRecords) || $this->inlineFieldShouldBeSkipped()) {
+            return $resultArray;
+        }
+
+        $tsConfig = $this->data['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.'] ?? [];
+        $parameterArray['fieldTSConfig'] = is_array($tsConfig) ? $tsConfig : [];
+
+        if ($parameterArray['fieldTSConfig']['disabled'] ?? false) {
+            return $resultArray;
+        }
+
+        // Override fieldConf by fieldTSconfig:
+        $parameterArray['fieldConf']['config'] = FormEngineUtility::overrideFieldConf($parameterArray['fieldConf']['config'], $parameterArray['fieldTSConfig']);
+        $parameterArray['itemFormElName'] = 'data[' . $table . '][' . $row['uid'] . '][' . $fieldName . ']';
+        $newElementBaseName = isset($this->data['elementBaseName']) ? $this->data['elementBaseName'] . '[' . $table . '][' . $row['uid'] . '][' . $fieldName . ']' : '';
+
+        // The value to show in the form field.
+        $parameterArray['itemFormElValue'] = $row[$fieldName];
+        // Set field to read-only if configured for translated records to show default language content as readonly
+        // Note: In such case, the database value of this field was already overridden by DatabaseRowDefaultAsReadonly.
+        if (($parameterArray['fieldConf']['l10n_display'] ?? false)
+            && GeneralUtility::inList($parameterArray['fieldConf']['l10n_display'], 'defaultAsReadonly')
+            && $isOverlay
+        ) {
+            $parameterArray['fieldConf']['config']['readOnly'] = true;
+        }
+
+        $processedTcaType = $this->data['processedTca']['ctrl']['type'] ?? '';
+        $typeField = !str_contains($processedTcaType, ':')
+            ? $processedTcaType
+            : substr($processedTcaType, 0, (int)strpos($processedTcaType, ':'));
+
+        // JavaScript code for event handlers:
+        $parameterArray['fieldChangeFunc'] = [];
+        $parameterArray['fieldChangeFunc']['TBE_EDITOR_fieldChanged'] = new UpdateValueOnFieldChange(
+            $table,
+            (string)$row['uid'],
+            $fieldName,
+            $parameterArray['itemFormElName']
+        );
+
+        $requestFormEngineUpdate
+            = (!empty($this->data['processedTca']['ctrl']['type']) && $fieldName === $typeField)
+            || (isset($parameterArray['fieldConf']['onChange']) && $parameterArray['fieldConf']['onChange'] === 'reload');
+        if ($requestFormEngineUpdate) {
+            $askForUpdate = $backendUser->jsConfirmation(JsConfirmation::TYPE_CHANGE);
+            $parameterArray['fieldChangeFunc']['record_type_changed'] = new ReloadOnFieldChange($askForUpdate);
+        }
+
+        // Based on the type of the item, call a render function on a child element
+        $options = $this->data;
+        $options['parameterArray'] = $parameterArray;
+        $options['elementBaseName'] = $newElementBaseName;
+        if (!empty($parameterArray['fieldConf']['config']['renderType'])) {
+            $options['renderType'] = $parameterArray['fieldConf']['config']['renderType'];
+        } else {
+            // Fallback to type if no renderType is given
+            $options['renderType'] = $parameterArray['fieldConf']['config']['type'];
+        }
+
+        return $this->nodeFactory->create($options)->render();
+    }
+
+    /**
+     * Rendering of inline fields should be skipped under certain circumstances
+     */
+    protected function inlineFieldShouldBeSkipped(): bool
+    {
+        $table = $this->data['tableName'];
+        $fieldName = $this->data['fieldName'];
+        $fieldConfig = $this->data['processedTca']['columns'][$fieldName]['config'];
+        $fieldConfig += [
+            'MM' => '',
+            'foreign_table' => '',
+            'foreign_selector' => '',
+            'foreign_field' => '',
+        ];
+        if (($this->data['inlineStructure']['stable'] ?? []) !== []) {
+            $searchArray = [
+                '%OR' => [
+                    'config' => [
+                        0 => [
+                            '%AND' => [
+                                'foreign_table' => $table,
+                                '%OR' => [
+                                    '%AND' => [
+                                        'appearance' => ['useCombination' => true],
+                                        'foreign_selector' => $fieldName,
+                                    ],
+                                    'MM' => $fieldConfig['MM'],
+                                ],
+                            ],
+                        ],
+                        1 => [
+                            '%AND' => [
+                                'foreign_table' => $fieldConfig['foreign_table'],
+                                'foreign_selector' => $fieldConfig['foreign_field'],
+                            ],
+                        ],
+                    ],
+                ],
+            ];
+            // If we have symmetric fields, check on which side we are and hide fields, that are set automatically:
+            if ($this->data['isOnSymmetricSide']) {
+                $searchArray['%OR']['config'][0]['%AND']['%OR']['symmetric_field'] = $fieldName;
+                $searchArray['%OR']['config'][0]['%AND']['%OR']['symmetric_sortby'] = $fieldName;
+            } else {
+                $searchArray['%OR']['config'][0]['%AND']['%OR']['foreign_field'] = $fieldName;
+                $searchArray['%OR']['config'][0]['%AND']['%OR']['foreign_sortby'] = $fieldName;
+            }
+            // Parent record from structure stack
+            $parent = $this->inlineStackProcessor->getStructureLevelFromStructure($this->data['inlineStructure'], -1) ?? [];
+            return $this->arrayCompareComplex($parent, $searchArray);
+        }
+        return false;
+    }
+
+    /**
+     * Handles complex comparison requests on an array.
+     * A request could look like the following:
+     *
+     * $searchArray = array(
+     *   '%AND' => array(
+     *     'key1' => 'value1',
+     *     'key2' => 'value2',
+     *     '%OR' => array(
+     *       'subarray' => array(
+     *         'subkey' => 'subvalue'
+     *       ),
+     *       'key3' => 'value3',
+     *       'key4' => 'value4'
+     *     )
+     *   )
+     * );
+     *
+     * It is possible to use the array keys '%AND.1', '%AND.2', etc. to prevent
+     * overwriting the sub-array. It could be necessary, if you use complex comparisons.
+     *
+     * The example above means, key1 *AND* key2 (and their values) have to match with
+     * the $subjectArray and additional one *OR* key3 or key4 have to meet the same
+     * condition.
+     * It is also possible to compare parts of a sub-array (e.g. "subarray"), so this
+     * function recurses down one level in that sub-array.
+     *
+     * @param array $subjectArray The array to search in
+     * @param array $searchArray The array with keys and values to search for
+     * @param string $type Use '%AND' or '%OR' for comparison
+     * @return bool The result of the comparison
+     */
+    protected function arrayCompareComplex(array $subjectArray, array $searchArray, string $type = ''): bool
+    {
+        $localMatches = 0;
+        $localEntries = 0;
+        if ($searchArray !== []) {
+            // If no type was passed, try to determine
+            if (!$type) {
+                reset($searchArray);
+                $type = (string)key($searchArray);
+                $searchArray = current($searchArray);
+            }
+            // We use '%AND' and '%OR' in uppercase
+            $type = strtoupper($type);
+            // Split regular elements from sub elements
+            foreach ($searchArray as $key => $value) {
+                $localEntries++;
+                // Process a sub-group of OR-conditions
+                if ($key === '%OR') {
+                    $localMatches += $this->arrayCompareComplex($subjectArray, $value, '%OR') ? 1 : 0;
+                } elseif ($key === '%AND') {
+                    $localMatches += $this->arrayCompareComplex($subjectArray, $value, '%AND') ? 1 : 0;
+                } elseif (is_array($value) && $this->isAssociativeArray($searchArray)) {
+                    $localMatches += $this->arrayCompareComplex($subjectArray[$key], $value, $type) ? 1 : 0;
+                } elseif (is_array($value)) {
+                    $localMatches += $this->arrayCompareComplex($subjectArray, $value, $type) ? 1 : 0;
+                } else {
+                    if (isset($subjectArray[$key]) && isset($value)) {
+                        // Boolean match:
+                        if (is_bool($value)) {
+                            $localMatches += !($subjectArray[$key] xor $value) ? 1 : 0;
+                        } elseif (is_numeric($subjectArray[$key]) && is_numeric($value)) {
+                            $localMatches += $subjectArray[$key] == $value ? 1 : 0;
+                        } else {
+                            $localMatches += $subjectArray[$key] === $value ? 1 : 0;
+                        }
+                    }
+                }
+                // If one or more matches are required ('OR'), return TRUE after the first successful match
+                if ($type === '%OR' && $localMatches > 0) {
+                    return true;
+                }
+                // If all matches are required ('AND') and we have no result after the first run, return FALSE
+                if ($type === '%AND' && $localMatches == 0) {
+                    return false;
+                }
+            }
+        }
+        // Return the result for '%AND' (if nothing was checked, TRUE is returned)
+        return $localEntries === $localMatches;
+    }
+
+    /**
+     * Checks whether an object is an associative array.
+     *
+     * @param mixed $object The object to be checked
+     * @return bool Returns TRUE, if the object is an associative array
+     */
+    protected function isAssociativeArray($object)
+    {
+        return is_array($object) && !empty($object) && array_keys($object) !== range(0, count($object) - 1);
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/Container/SiteLanguageContainer.php b/Classes/Form/Container/SiteLanguageContainer.php
new file mode 100644
index 0000000..3a83345
--- /dev/null
+++ b/Classes/Form/Container/SiteLanguageContainer.php
@@ -0,0 +1,190 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Site\SiteLanguagePresets;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Site languages entry container
+ *
+ * @internal This container is only used in the site configuration module and is not public API
+ */
+class SiteLanguageContainer extends AbstractContainer
+{
+    private const string FOREIGN_TABLE = 'site_language';
+    private const string FOREIGN_FIELD = 'languageId';
+
+    protected array $inlineData;
+
+    public function __construct(
+        private readonly InlineStackProcessor $inlineStackProcessor,
+        private readonly SiteLanguagePresets $siteLanguagePresets,
+        private readonly HashService $hashService,
+    ) {}
+
+    public function render(): array
+    {
+        $this->inlineData = $this->data['inlineData'];
+
+        $inlineStructure = $this->data['inlineStructure'];
+
+        $row = $this->data['databaseRow'];
+        $parameterArray = $this->data['parameterArray'];
+        $config = $parameterArray['fieldConf']['config'];
+        $resultArray = $this->initializeResultArray();
+
+        // Add the current inline job to the structure stack
+        $inlineStructure['stable'][] = [
+            'table' => $this->data['tableName'],
+            'uid' => $row['uid'],
+            'field' => $this->data['fieldName'],
+            'config' => $config,
+        ];
+
+        // Hand over original returnUrl to SiteInlineAjaxController. Needed if opening for instance a
+        // nested element in a new view to then go back to the original returnUrl and not the url of
+        // the site inline ajax controller.
+        $config['originalReturnUrl'] = $this->data['returnUrl'];
+
+        // e.g. data[site][1][languages]
+        $nameForm = $this->inlineStackProcessor->getFormPrefixFromStructure($inlineStructure);
+        // e.g. data-0-site-1-languages
+        $nameObject = $this->inlineStackProcessor->getDomObjectIdPrefixFromStructure($inlineStructure, $this->data['inlineFirstPid']);
+        // e.g. array('table' => 'site', 'uid' => '1', 'field' => 'languages', 'config' => array())
+        $top = $this->inlineStackProcessor->getStructureLevelFromStructure($inlineStructure, 0);
+
+        $this->inlineData['config'][$nameObject] = [
+            'table' => self::FOREIGN_TABLE,
+        ];
+
+        $configJson = (string)json_encode($config);
+        $this->inlineData['config'][$nameObject . '-' . self::FOREIGN_TABLE] = [
+            'min' => $config['minitems'],
+            'max' => $config['maxitems'],
+            'sortable' => false,
+            'top' => [
+                'table' => $top['table'],
+                'uid' => $top['uid'],
+            ],
+            'context' => [
+                'config' => $configJson,
+                'hmac' => $this->hashService->hmac($configJson, 'InlineContext'),
+            ],
+        ];
+        $this->inlineData['nested'][$nameObject] = $this->data['tabAndInlineStack'];
+
+        $uniqueIds = [];
+        foreach ($parameterArray['fieldConf']['children'] as $children) {
+            $value = (int)($children['databaseRow'][self::FOREIGN_FIELD]['0'] ?? 0);
+            if (isset($children['databaseRow']['uid'])) {
+                $uniqueIds[$children['databaseRow']['uid']] = $value;
+            }
+        }
+
+        $uniquePossibleRecords = $config['uniquePossibleRecords'] ?? [];
+        $possibleRecordsUidToTitle = [];
+        foreach ($uniquePossibleRecords as $possibleRecord) {
+            $possibleRecordsUidToTitle[$possibleRecord['value']] = $possibleRecord['label'];
+        }
+        $this->inlineData['unique'][$nameObject . '-' . self::FOREIGN_TABLE] = [
+            // Usually "max" would be the number of possible records. However, since
+            // we also allow new languages to be created, we just use the maxitems value.
+            'max' => $config['maxitems'],
+            // "used" must be a string array
+            'used' => array_map(strval(...), $uniqueIds),
+            'table' => self::FOREIGN_TABLE,
+            'elTable' => self::FOREIGN_TABLE,
+            'field' => self::FOREIGN_FIELD,
+            'possible' => $possibleRecordsUidToTitle,
+        ];
+
+        $resultArray['inlineData'] = $this->inlineData;
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+        $selectorOptions = $childRecordUids = $childHtml = [];
+
+        foreach ($config['uniquePossibleRecords'] ?? [] as $record) {
+            // Do not add the PHP_INT_MAX placeholder or already configured languages
+            if ($record['value'] !== PHP_INT_MAX && !in_array($record['value'], $uniqueIds, true)) {
+                $selectorOptions[] = ['value' => (string)$record['value'], 'label' => (string)$record['label']];
+            }
+        }
+
+        foreach ($this->data['parameterArray']['fieldConf']['children'] as $children) {
+            $children['inlineParentUid'] = $row['uid'];
+            $children['inlineFirstPid'] = $this->data['inlineFirstPid'];
+            $children['inlineParentConfig'] = $config;
+            $children['inlineData'] = $this->inlineData;
+            $children['inlineStructure'] = $inlineStructure;
+            $children['inlineExpandCollapseStateArray'] = $this->data['inlineExpandCollapseStateArray'];
+            $children['renderType'] = 'inlineRecordContainer';
+            $childResult = $this->nodeFactory->create($children)->render();
+            $childHtml[] = $childResult['html'];
+            $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $childResult, false);
+            if (isset($children['databaseRow']['uid'])) {
+                $childRecordUids[] = $children['databaseRow']['uid'];
+            }
+        }
+
+        $view = $this->backendViewFactory->create($this->data['request']);
+        $view->assignMultiple([
+            'nameObject' => $nameObject,
+            'nameForm' => $nameForm,
+            'webComponentAttributes' => GeneralUtility::implodeAttributes([
+                'id' => $nameObject,
+                'data-type' => 'language',
+                'data-object-group' => $nameObject . '-' . self::FOREIGN_TABLE,
+                'data-form-field' => $nameForm,
+                'data-expand-single' => (bool)($config['appearance']['expandSingle'] ?? false) ? 'true' : 'false',
+                'data-sortable' => 'false',
+                'data-min' => (int)($config['minitems'] ?? 0),
+                'data-max' => (int)($config['maxitems'] ?? 0),
+            ], true),
+            'fieldInformation' => $fieldInformationResult['html'],
+            'selectorConfiguration' => [
+                'identifier' => $nameObject . '-' . self::FOREIGN_TABLE . '_selector',
+                'options' =>  $selectorOptions,
+            ],
+            'inlineRecords' => [
+                'identifier' => $nameObject . '_records',
+                'title' => trim($parameterArray['fieldConf']['label'] ?? ''),
+                'records' => implode(PHP_EOL, $childHtml),
+            ],
+            'childRecordUids' => implode(',', $childRecordUids),
+            'validationRules' => $this->getValidationDataAsJsonString([
+                'type' => 'inline',
+                'minitems' => $config['minitems'] ?? null,
+                'maxitems' => $config['maxitems'] ?? null,
+            ]),
+            'presetOptions' => [
+                'identifier' => $nameObject . '_preset',
+                'options' => $this->siteLanguagePresets->getAllForSelector(),
+            ],
+        ]);
+
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend($view->render('Form/SiteLanguageContainer'));
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/form-engine/container/inline-control-container.js');
+
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Container/TabsContainer.php b/Classes/Form/Container/TabsContainer.php
new file mode 100644
index 0000000..f38f818
--- /dev/null
+++ b/Classes/Form/Container/TabsContainer.php
@@ -0,0 +1,106 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Container;
+
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+
+/**
+ * Render all tabs of a record that has tabs.
+ *
+ * This container is called from FullRecordContainer and resolves the --div-- structure,
+ * operates on given fieldArrays and calls a PaletteAndSingleContainer for each single tab.
+ */
+class TabsContainer extends AbstractContainer
+{
+    /**
+     * Entry method
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     * @throws \RuntimeException
+     */
+    public function render(): array
+    {
+        $languageService = $this->getLanguageService();
+
+        // All the fields to handle in a flat list
+        $fieldsArray = $this->data['fieldsArray'];
+
+        // Create a nested array from flat fieldArray list
+        $tabsArray = [];
+        // First element will be a --div--, so it is safe to start -1 here to trigger 0 as first array index
+        $currentTabIndex = -1;
+        foreach ($fieldsArray as $fieldString) {
+            $fieldArray = $this->explodeSingleFieldShowItemConfiguration($fieldString);
+            if ($fieldArray['fieldName'] === '--div--') {
+                $currentTabIndex++;
+                if (empty($fieldArray['fieldLabel'])) {
+                    throw new \RuntimeException(
+                        'A --div-- has no label (--div--;fieldLabel) in showitem of ' . implode(',', $fieldsArray),
+                        1426454001
+                    );
+                }
+                $tabsArray[$currentTabIndex] = [
+                    'label' => $languageService->sL($fieldArray['fieldLabel']),
+                    'elements' => [],
+                ];
+            } else {
+                $tabsArray[$currentTabIndex]['elements'][] = $fieldArray;
+            }
+        }
+
+        $resultArray = $this->initializeResultArray();
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/tab.js');
+
+        $domIdPrefix = 'DTM-' . md5($this->data['tableName'] . $this->data['databaseRow']['uid']);
+        $tabCounter = 0;
+        $tabElements = [];
+        foreach ($tabsArray as $tabWithLabelAndElements) {
+            $tabCounter++;
+            $elements = $tabWithLabelAndElements['elements'];
+
+            // Merge elements of this tab into a single list again and hand over to
+            // palette and single field container to render this group
+            $options = $this->data;
+            $options['tabAndInlineStack'][] = [
+                'tab',
+                $domIdPrefix . '-' . $tabCounter,
+            ];
+            $options['fieldsArray'] = [];
+            foreach ($elements as $element) {
+                $options['fieldsArray'][] = implode(';', $element);
+            }
+            $options['renderType'] = 'paletteAndSingleContainer';
+            $childArray = $this->nodeFactory->create($options)->render();
+
+            if ($childArray['html'] !== '') {
+                $tabElements[] = [
+                    'label' => $tabWithLabelAndElements['label'],
+                    'content' => $childArray['html'],
+                ];
+            }
+            $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $childArray, false);
+        }
+
+        $resultArray['html'] = $this->renderTabMenu($tabElements, $domIdPrefix);
+        return $resultArray;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/Element/AbstractFormElement.php b/Classes/Form/Element/AbstractFormElement.php
new file mode 100644
index 0000000..ba6ae6b
--- /dev/null
+++ b/Classes/Form/Element/AbstractFormElement.php
@@ -0,0 +1,451 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Form\Behavior\OnFieldChangeTrait;
+use TYPO3\CMS\Backend\Form\Behavior\UpdateBitmaskOnFieldChange;
+use TYPO3\CMS\Backend\Form\NodeFactory;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Domain\DateTimeFactory;
+use TYPO3\CMS\Core\Localization\DateFormatter;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Localization\Locale;
+use TYPO3\CMS\Core\Localization\Locales;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Base class for form elements of FormEngine. Contains several helper methods used by single elements.
+ */
+abstract class AbstractFormElement extends AbstractNode
+{
+    use OnFieldChangeTrait;
+
+    /**
+     * Default width value for a couple of elements like text
+     *
+     * @var int
+     */
+    protected $defaultInputWidth = 30;
+
+    /**
+     * Minimum width value for a couple of elements like text
+     *
+     * @var int
+     */
+    protected $minimumInputWidth = 10;
+
+    /**
+     * Maximum width value for a couple of elements like text
+     *
+     * @var int
+     */
+    protected $maxInputWidth = 50;
+
+    protected NodeFactory $nodeFactory;
+
+    /**
+     * Injection of NodeFactory, which is used in this abstract already.
+     * Using inject* method to not pollute __construct() for inheriting classes.
+     */
+    public function injectNodeFactory(NodeFactory $nodeFactory): void
+    {
+        $this->nodeFactory = $nodeFactory;
+    }
+
+    /**
+     * Merge field information configuration with default and render them.
+     *
+     * @return array Result array
+     */
+    protected function renderFieldInformation(): array
+    {
+        $options = $this->data;
+        $fieldInformation = $this->defaultFieldInformation;
+        $fieldInformationFromTca = $options['parameterArray']['fieldConf']['config']['fieldInformation'] ?? [];
+        ArrayUtility::mergeRecursiveWithOverrule($fieldInformation, $fieldInformationFromTca);
+        $options['renderType'] = 'fieldInformation';
+        $options['renderData']['fieldInformation'] = $fieldInformation;
+        return $this->nodeFactory->create($options)->render();
+    }
+
+    /**
+     * Merge field control configuration with default controls and render them.
+     *
+     * @return array Result array
+     */
+    protected function renderFieldControl(): array
+    {
+        $options = $this->data;
+        $fieldControl = $this->defaultFieldControl;
+        $fieldControlFromTca = $options['parameterArray']['fieldConf']['config']['fieldControl'] ?? [];
+        ArrayUtility::mergeRecursiveWithOverrule($fieldControl, $fieldControlFromTca);
+        $options['renderType'] = 'fieldControl';
+        $options['renderData']['fieldControl'] = $fieldControl;
+        return $this->nodeFactory->create($options)->render();
+    }
+
+    /**
+     * Merge field wizard configuration with default wizards and render them.
+     *
+     * @return array Result array
+     */
+    protected function renderFieldWizard(): array
+    {
+        $options = $this->data;
+        $fieldWizard = $this->defaultFieldWizard;
+        $fieldWizardFromTca = $options['parameterArray']['fieldConf']['config']['fieldWizard'] ?? [];
+        ArrayUtility::mergeRecursiveWithOverrule($fieldWizard, $fieldWizardFromTca);
+        $options['renderType'] = 'fieldWizard';
+        $options['renderData']['fieldWizard'] = $fieldWizard;
+        return $this->nodeFactory->create($options)->render();
+    }
+
+    /**
+     * Render a label element for the current field by given id.
+     */
+    protected function renderLabel(string $for): string
+    {
+        $label = htmlspecialchars($this->data['parameterArray']['fieldConf']['label'] ?? '');
+        if ($this->getBackendUser()->shallDisplayDebugInformation()) {
+            $fieldName = $this->data['flexFormContainerFieldName'] ?? $this->data['flexFormFieldName'] ?? $this->data['containerFieldName'] ?? $this->data['fieldName'];
+            $label .= ' <code>[' . htmlspecialchars($fieldName) . ']</code>';
+        }
+        $html = '<label for="' . htmlspecialchars($for) . '" class="form-label t3js-formengine-label">' . $label . '</label>';
+        $html .= $this->renderDescription();
+        return $html;
+    }
+
+    /**
+     * Elements that don't render a simple input field can't have a '<label for="..."'.
+     * A fieldset with a legend is used instead.
+     */
+    protected function wrapWithFieldsetAndLegend(string $innerHTML): string
+    {
+        $legend = htmlspecialchars($this->data['parameterArray']['fieldConf']['label'] ?? '');
+        if ($this->getBackendUser()->shallDisplayDebugInformation()) {
+            $fieldName = $this->data['flexFormContainerFieldName'] ?? $this->data['flexFormFieldName'] ?? $this->data['containerFieldName'] ?? $this->data['fieldName'];
+            $legend .= ' <code>[' . htmlspecialchars($fieldName) . ']</code>';
+        }
+        $html = [];
+        $html[] = '<fieldset>';
+        $html[] =     '<legend class="form-label t3js-formengine-label">' . $legend . '</legend>';
+        $html[] =     $this->renderDescription();
+        $html[] =     $innerHTML;
+        $html[] = '</fieldset>';
+        return implode(LF, $html);
+    }
+
+    protected function renderDescription(): string
+    {
+        $description = (string)($this->data['parameterArray']['fieldConf']['description'] ?? '');
+        if ($description === '') {
+            return '';
+        }
+        $description = $this->getLanguageService()->sL($description);
+        if ($description === '') {
+            return '';
+        }
+        return '<div class="form-description">' . nl2br(htmlspecialchars($description)) . '</div>';
+    }
+
+    /**
+     * Returns true if the "null value" checkbox should be rendered. This is used in some
+     * "text" based types like "text" and "input" for some renderType's.
+     *
+     * A field has eval=null set, but has no useOverridePlaceholder defined.
+     * Goal is to have a field that can distinct between NULL and empty string in the database.
+     * A checkbox and an additional hidden field will be created, both with the same name
+     * and prefixed with "control[active]". If the checkbox is set (value 1), the value from the casual
+     * input field will be written to the database. If the checkbox is not set, the hidden field
+     * transfers value=0 to DataHandler, the value of the input field will then be reset to NULL by the
+     * DataHandler at an early point in processing, so NULL will be written to DB as field value.
+     *
+     * All that only works if the field is not within flex form scope since flex forms
+     * can not store a "null" value or distinct it from "empty string".
+     */
+    protected function hasNullCheckboxButNoPlaceholder(): bool
+    {
+        $hasNullCheckboxNoPlaceholder = false;
+        $parameterArray = $this->data['parameterArray'];
+        $mode = $parameterArray['fieldConf']['config']['mode'] ?? '';
+        if (empty($this->data['flexFormDataStructureIdentifier'])
+            && ($parameterArray['fieldConf']['config']['nullable'] ?? false)
+            && ($mode !== 'useOrOverridePlaceholder')
+        ) {
+            $hasNullCheckboxNoPlaceholder = true;
+        }
+        return $hasNullCheckboxNoPlaceholder;
+    }
+
+    /**
+     * Returns true if the "null value" checkbox should be rendered and the placeholder
+     * handling is enabled. This is used in some "text" based types like "text" and
+     * "input" for some renderType's.
+     *
+     * A field has useOverridePlaceholder set and null in eval and is not within a flex form.
+     * Here, a value from a deeper DB structure can be "fetched up" as value, and can also be overridden by a
+     * local value. This is used in FAL, where eg. the "title" field can have the default value from sys_file_metadata,
+     * the title field of sys_file_reference is then set to NULL. Or the "override" checkbox is set, and a string
+     * or an empty string is then written to the field of sys_file_reference.
+     * The situation is similar to hasNullCheckboxButNoPlaceholder(), but additionally a "default" value should be shown.
+     * To achieve this, again a hidden control[hidden] field is added together with a checkbox with the same name
+     * to transfer the information whether the default value should be used or not: Checkbox checked transfers 1 as
+     * value in control[active], meaning the overridden value should be used.
+     * Additionally to the casual input field, a second field is added containing the "placeholder" value. This
+     * field has no name attribute and is not transferred at all. Those two are then hidden / shown depending
+     * on the state of the above checkbox in via JS.
+     */
+    protected function hasNullCheckboxWithPlaceholder(): bool
+    {
+        $hasNullCheckboxWithPlaceholder = false;
+        $parameterArray = $this->data['parameterArray'];
+        $mode = $parameterArray['fieldConf']['config']['mode'] ?? '';
+        if (empty($this->data['flexFormDataStructureIdentifier'])
+            && ($parameterArray['fieldConf']['config']['nullable'] ?? false)
+            && ($mode === 'useOrOverridePlaceholder')
+        ) {
+            $hasNullCheckboxWithPlaceholder = true;
+        }
+        return $hasNullCheckboxWithPlaceholder;
+    }
+
+    /**
+     * Format field content if 'format' is set to date, filesize, ..., user
+     *
+     * @param string $format Configuration for the display.
+     * @param ?string $itemValue The value to display
+     * @param array $formatOptions Format options
+     * @return string Formatted field value
+     */
+    protected function formatValue($format, $itemValue, $formatOptions = []): string
+    {
+        switch ($format) {
+            case 'date':
+                if ($itemValue) {
+                    $option = isset($formatOptions['option']) ? trim($formatOptions['option']) : '';
+                    if ($option) {
+                        if (isset($formatOptions['strftime']) && $formatOptions['strftime']) {
+                            $user = $this->getBackendUser();
+                            if ($user->user['lang'] ?? false) {
+                                $locale = GeneralUtility::makeInstance(Locales::class)->createLocale($user->user['lang']);
+                            } else {
+                                $locale = new Locale();
+                            }
+                            $value = (new DateFormatter())->strftime($option, (int)$itemValue, $locale);
+                        } else {
+                            $value = date($option, (int)$itemValue);
+                        }
+                    } else {
+                        $value = BackendUtility::date((int)$itemValue);
+                    }
+                    if (isset($formatOptions['appendAge']) && $formatOptions['appendAge']) {
+                        $now = DateTimeFactory::createFromTimestamp($GLOBALS['EXEC_TIME']);
+                        $then = DateTimeFactory::createFromTimestamp((int)$itemValue);
+                        $age = (new DateFormatter())->formatDateInterval(
+                            $now->diff($then),
+                            $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.minutesHoursDaysYears')
+                        );
+                        $value .= ' (' . $age . ')';
+                    }
+                } else {
+                    $value = '';
+                }
+                $itemValue = $value;
+                break;
+            case 'datetime':
+                // compatibility with "eval" (type "input")
+                if ($itemValue !== '' && $itemValue !== null) {
+                    $itemValue = BackendUtility::datetime((int)$itemValue);
+                }
+                break;
+            case 'time':
+                // compatibility with "eval" (type "input")
+                if ($itemValue !== '' && $itemValue !== null) {
+                    $itemValue = BackendUtility::time((int)$itemValue, false);
+                }
+                break;
+            case 'datetimesec':
+                // compatibility with "eval" (type "input")
+                if ($itemValue !== '' && $itemValue !== null) {
+                    $itemValue = BackendUtility::datetimesec((int)$itemValue);
+                }
+                break;
+            case 'timesec':
+                // compatibility with "eval" (type "input")
+                if ($itemValue !== '' && $itemValue !== null) {
+                    $itemValue = BackendUtility::time((int)$itemValue);
+                }
+                break;
+            case 'int':
+                $baseArr = ['dec' => 'd', 'hex' => 'x', 'HEX' => 'X', 'oct' => 'o', 'bin' => 'b'];
+                $base = isset($formatOptions['base']) ? trim($formatOptions['base']) : '';
+                $format = $baseArr[$base] ?? 'd';
+                $itemValue = sprintf('%' . $format, $itemValue);
+                break;
+            case 'float':
+                // default precision
+                $precision = 2;
+                if (isset($formatOptions['precision'])) {
+                    $precision = MathUtility::forceIntegerInRange($formatOptions['precision'], 1, 10, $precision);
+                }
+                $itemValue = sprintf('%.' . $precision . 'f', $itemValue);
+                break;
+            case 'number':
+                $format = isset($formatOptions['option']) ? '%' . trim($formatOptions['option']) : '';
+                $itemValue = sprintf($format, $itemValue);
+                break;
+            case 'md5':
+                $itemValue = md5($itemValue);
+                break;
+            case 'filesize':
+                // We need to cast to int here, otherwise empty values result in empty output,
+                // but we expect zero.
+                $value = GeneralUtility::formatSize((int)$itemValue);
+                if (!empty($formatOptions['appendByteSize'])) {
+                    $value .= ' (' . $itemValue . ')';
+                }
+                $itemValue = $value;
+                break;
+            case 'user':
+                $func = trim($formatOptions['userFunc']);
+                if ($func) {
+                    $params = [
+                        'value' => $itemValue,
+                        'args' => $formatOptions['userFunc'],
+                        'config' => [
+                            'type' => 'none',
+                            'format' => $format,
+                            'format.' => $formatOptions,
+                        ],
+                    ];
+                    $itemValue = GeneralUtility::callUserFunction($func, $params, $this);
+                }
+                break;
+            default:
+                // Do nothing e.g. when $format === ''
+        }
+        // Make sure we have a string in the end. $itemValue could be null, for instance.
+        return (string)$itemValue;
+    }
+
+    /**
+     * Returns the max width in pixels for an elements like input and text
+     *
+     * @param int $size The abstract size value (1-48)
+     * @return int Maximum width in pixels
+     */
+    protected function formMaxWidth($size = 48)
+    {
+        $compensationForLargeDocuments = 1.33;
+        $compensationForFormFields = 12;
+
+        $compensatedSize = round($size * $compensationForLargeDocuments);
+        return (int)ceil($compensatedSize * $compensationForFormFields);
+    }
+
+    /**
+     * Handle custom javascript `eval` implementations. $evalObject is a hook object
+     * for custom eval's. It is transferred to JS as a JavaScriptModuleInstruction if possible.
+     * This is used by a couple of renderType's like various type="input", should
+     * be used with care and is internal for now.
+     *
+     * @internal
+     */
+    protected function resolveJavaScriptEvaluation(array $resultArray, string $name, ?object $evalObject): array
+    {
+        if (!is_object($evalObject) || !method_exists($evalObject, 'returnFieldJS')) {
+            return $resultArray;
+        }
+
+        $javaScriptEvaluation = $evalObject->returnFieldJS();
+        if ($javaScriptEvaluation instanceof JavaScriptModuleInstruction) {
+            // just use the module name and export-name
+            $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create(
+                $javaScriptEvaluation->getName(),
+                $javaScriptEvaluation->getExportName()
+            )->invoke('registerCustomEvaluation', $name);
+        }
+
+        return $resultArray;
+    }
+
+    /***********************************************
+     * CheckboxElement related methods
+     ***********************************************/
+
+    /**
+     * Creates checkbox parameters
+     *
+     * @param string $itemName Form element name
+     * @param int $formElementValue The value of the checkbox (representing checkboxes with the bits)
+     * @param int $checkbox Checkbox # (0-9?)
+     * @param int $checkboxesCount Total number of checkboxes in the array.
+     * @param array $fieldChangeFuncs `fieldChangeFunc` items for client-side handling
+     * @param bool $invert Inverts the state of the checkbox (but not of the bit value)
+     * @return string either `onclick` attr or `data-formengine-field-change-*` attrs + possibly the checked-option set
+     * @internal
+     */
+    protected function checkBoxParams(
+        string $itemName,
+        int $formElementValue,
+        int $checkbox,
+        int $checkboxesCount,
+        array $fieldChangeFuncs = [],
+        bool $invert = false
+    ): string {
+        array_unshift($fieldChangeFuncs, new UpdateBitmaskOnFieldChange(
+            $checkbox,
+            $checkboxesCount,
+            $invert,
+            $itemName
+        ));
+        $checkboxPow = 2 ** $checkbox;
+        $checked = $formElementValue & $checkboxPow;
+        $attrs = $this->getOnFieldChangeAttrs('click', $fieldChangeFuncs);
+        if ($checked xor $invert) {
+            $attrs['checked'] = 'checked';
+        }
+        $attrs['data-invert-state-display'] = $invert ? 'true' : 'false';
+        return GeneralUtility::implodeAttributes($attrs, true);
+    }
+
+    /**
+     * Append the value of a form field to its label
+     */
+    protected function appendValueToLabelInDebugMode(string|int $label, string|int $value): string
+    {
+        if ($value !== '' && $this->getBackendUser()->shallDisplayDebugInformation()) {
+            return trim($label . ' [' . $value . ']');
+        }
+
+        return trim((string)$label);
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/Element/AvatarElement.php b/Classes/Form/Element/AvatarElement.php
new file mode 100644
index 0000000..be8a95c
--- /dev/null
+++ b/Classes/Form/Element/AvatarElement.php
@@ -0,0 +1,85 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Backend\Backend\Avatar\DefaultAvatarProvider;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Renders an avatar element for user settings.
+ */
+class AvatarElement extends AbstractFormElement
+{
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+        private readonly UriBuilder $uriBuilder
+    ) {}
+
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+        $fieldName = $this->data['fieldName'];
+        $irreObjectId = '-0-be_users-avatar-' . $fieldName;
+        $parameterArray = $this->data['parameterArray'];
+
+        $defaultAvatarProvider = GeneralUtility::makeInstance(DefaultAvatarProvider::class);
+        $avatarImage = $defaultAvatarProvider->getImage($this->data['databaseRow'], 32);
+
+        $html = '';
+        if ($avatarImage) {
+            $icon = '<span class="avatar avatar-size-medium mb-2"><span class="avatar-image">'
+                . '<img alt="" src="' . htmlspecialchars($avatarImage->getUrl()) . '"'
+                . ' width="' . (int)$avatarImage->getWidth() . '"'
+                . ' height="' . (int)$avatarImage->getHeight() . '"'
+                . ' alt="" />'
+                . '</span></span>';
+            $html .= '<span id="image_' . htmlspecialchars($fieldName) . '">' . $icon . ' </span>';
+        }
+
+        $html .= '<input id="field_' . htmlspecialchars($fieldName) . '" type="hidden" '
+            . 'name="' . htmlspecialchars($parameterArray['itemFormElName']) . '"'
+            . ' value="' . (int)($this->data['databaseRow']['avatar'] ?? 0) . '" data-setup-avatar-field="' . htmlspecialchars($fieldName) . '" />';
+
+        $html .= '<div class="form-group"><div class="form-group"><div class="form-control-wrap">';
+        $html .= '<button type="button" id="add_button_' . htmlspecialchars($fieldName)
+            . '" class="btn btn-default"'
+            . ' title="' . htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/user_profile.xlf:avatar.open_file_browser')) . '"'
+            . ' data-setup-avatar-url="' . htmlspecialchars((string)$this->uriBuilder->buildUriFromRoute('wizard_element_browser', ['mode' => 'file', 'allowedTypes' => $GLOBALS['TYPO3_CONF_VARS']['GFX']['imagefile_ext'] ?? '', 'irreObjectId' => $irreObjectId])) . '"'
+            . '>' . $this->iconFactory->getIcon('actions-insert-record', IconSize::SMALL)->render()
+            . htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/user_profile.xlf:avatar.open_file_browser'))
+            . '</button>';
+
+        if ($avatarImage) {
+            $html .= ' ';
+            $html .= '<button type="button" id="clear_button_' . htmlspecialchars($fieldName)
+                . '" class="btn btn-default"'
+                . ' title="' . htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/user_profile.xlf:avatar.clear')) . '" '
+                . '>' . $this->iconFactory->getIcon('actions-delete', IconSize::SMALL)->render()
+                . htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/user_profile.xlf:avatar.clear'))
+                . '</button>';
+        }
+        $html .= '</div></div></div>';
+
+        $resultArray['html'] = $html;
+
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/BackendLayoutWizardElement.php b/Classes/Form/Element/BackendLayoutWizardElement.php
new file mode 100644
index 0000000..189399e
--- /dev/null
+++ b/Classes/Form/Element/BackendLayoutWizardElement.php
@@ -0,0 +1,214 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\EventDispatcher\NoopEventDispatcher;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\TypoScript\AST\AstBuilder;
+use TYPO3\CMS\Core\TypoScript\TypoScriptStringFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Backend layout element. This is used when editing backend_layout records.
+ * It renders the layout wizard to manage rows and columns and shows the pseudo TypoScript result.
+ *
+ * Note this element does not support fancy TypoScript features like @import
+ * lines and special ":=" value manipulation functions. When backend_layouts want to use
+ * these, they shouldn't use table record based backend_layouts, but register backend layouts
+ * using the BackendLayout/DataProviderInterface to store them in files, which obsoletes
+ * table record based backend_layouts and with it this FormEngine element class.
+ *
+ * @internal This class is a TYPO3 Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+class BackendLayoutWizardElement extends AbstractFormElement
+{
+    protected array $rows = [];
+    protected int $colCount = 0;
+    protected int $rowCount = 0;
+
+    public function __construct(
+        private readonly TypoScriptStringFactory $typoScriptStringFactory,
+    ) {}
+
+    public function render(): array
+    {
+        $lang = $this->getLanguageService();
+        $resultArray = $this->initializeResultArray();
+        $this->initializeWizard();
+
+        $row = $this->data['databaseRow'];
+        $tca = $this->data['processedTca'];
+        $parameterArray = $this->data['parameterArray'];
+
+        // readOnly is not supported as columns config but might be set by SingleFieldContainer in case
+        // "l10n_display" is set to "defaultAsReadonly". To prevent misbehaviour for fields, which falsely
+        // set this, we also check for "defaultAsReadonly" being set and whether the record is an overlay.
+        $readOnly = ($parameterArray['fieldConf']['config']['readOnly'] ?? false)
+            && ($tca['ctrl']['transOrigPointerField'] ?? false)
+            && ($row[$tca['ctrl']['transOrigPointerField']][0] ?? $row[$tca['ctrl']['transOrigPointerField']] ?? false)
+            && GeneralUtility::inList($parameterArray['fieldConf']['l10n_display'] ?? '', 'defaultAsReadonly');
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        // Use CodeMirror if available
+        $codeMirrorConfig = [
+            'label' => $lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:buttons.pageTsConfig'),
+            'panel' => 'top',
+            'mode' => GeneralUtility::jsonEncodeForHtmlAttribute(JavaScriptModuleInstruction::create('@typo3/backend/code-editor/language/typoscript.js', 'typoscript')->invoke(), false),
+            'nolazyload' => 'true',
+            'readonly' => 'true',
+        ];
+
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/code-editor/element/code-mirror-element.js');
+
+        $json = (string)json_encode($this->rows, JSON_HEX_QUOT | JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS);
+        $codeMirrorConfig = (string)json_encode($codeMirrorConfig, JSON_HEX_QUOT | JSON_HEX_TAG | JSON_HEX_AMP | JSON_HEX_APOS);
+        $html = [];
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] =   $fieldInformationHtml;
+        $html[] =   '<div class="form-control-wrap">';
+        $html[] =       '<div class="form-wizards-wrap">';
+        $html[] =           '<div class="form-wizards-item-element">';
+        $html[] =               '<input';
+        $html[] =                   ' type="hidden"';
+        $html[] =                   ' name="' . htmlspecialchars($this->data['parameterArray']['itemFormElName']) . '"';
+        $html[] =                   ' value="' . htmlspecialchars($this->data['parameterArray']['itemFormElValue']) . '"';
+        $html[] =                   '/>';
+        $html[] =               '<typo3-backend-grid-editor';
+        $html[] =                   ' data="' . htmlspecialchars($json) . '"';
+        $html[] =                   ' rowCount="' . (int)$this->rowCount . '"';
+        $html[] =                   ' colCount="' . (int)$this->colCount . '"';
+        $html[] =                   ($readOnly ? 'readonly="true"' : '');
+        $html[] =                   ' fieldName="' . htmlspecialchars($this->data['parameterArray']['itemFormElName']) . '"';
+        $html[] =                   ' codeMirrorConfig="' . htmlspecialchars($codeMirrorConfig) . '"';
+        $html[] =               '></typo3-backend-grid-editor>';
+        if (!$readOnly && !empty($fieldWizardHtml)) {
+            $html[] =           '<div class="form-wizards-item-bottom">' . $fieldWizardHtml . '</div>';
+        }
+        $html[] =           '</div>';
+        $html[] =       '</div>';
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $html = implode(LF, $html);
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend($html);
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create(
+            '@typo3/backend/grid-editor.js',
+            'GridEditor'
+        )->instance();
+        $resultArray['additionalInlineLanguageLabelFiles'][] = 'EXT:core/Resources/Private/Language/locallang_wizards.xlf';
+        $resultArray['additionalInlineLanguageLabelFiles'][] = 'EXT:backend/Resources/Private/Language/locallang.xlf';
+        $resultArray['additionalInlineLanguageLabelFiles'][] = 'EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf';
+
+        return $resultArray;
+    }
+
+    protected function initializeWizard(): void
+    {
+        // Initialize default values
+        $rows = [[['colspan' => 1, 'rowspan' => 1, 'spanned' => 0, 'name' => '0x0']]];
+        $colCount = 1;
+        $rowCount = 1;
+
+        if (!empty($this->data['parameterArray']['itemFormElValue'])) {
+            // Parse the TypoScript a-like syntax in case we already have a config (e.g. database value or default from TCA)
+            $typoScriptTree = $this->typoScriptStringFactory->parseFromString($this->data['parameterArray']['itemFormElValue'], new AstBuilder(new NoopEventDispatcher()));
+            $typoScriptArray = $typoScriptTree->toArray();
+            if (is_array($typoScriptArray['backend_layout.'] ?? false)) {
+                // Only evaluate, in case the "backend_layout." array exists on root level
+                $data = $typoScriptArray['backend_layout.'];
+                $rows = [];
+                $colCount = $data['colCount'];
+                $rowCount = $data['rowCount'];
+                $dataRows = $data['rows.'];
+                $spannedMatrix = [];
+                for ($i = 1; $i <= $rowCount; $i++) {
+                    $cells = [];
+                    $row = array_shift($dataRows);
+                    $columns = $row['columns.'] ?? [];
+                    for ($j = 1; $j <= $colCount; $j++) {
+                        $cellData = [];
+                        if (!($spannedMatrix[$i][$j] ?? false)) {
+                            if (is_array($columns) && !empty($columns)) {
+                                $column = array_shift($columns);
+                                if (isset($column['colspan'])) {
+                                    $cellData['colspan'] = (int)$column['colspan'];
+                                    $columnColSpan = (int)$column['colspan'];
+                                    if (isset($column['rowspan'])) {
+                                        $columnRowSpan = (int)$column['rowspan'];
+                                        for ($spanRow = 0; $spanRow < $columnRowSpan; $spanRow++) {
+                                            for ($spanColumn = 0; $spanColumn < $columnColSpan; $spanColumn++) {
+                                                $spannedMatrix[$i + $spanRow][$j + $spanColumn] = 1;
+                                            }
+                                        }
+                                    } else {
+                                        for ($spanColumn = 0; $spanColumn < $columnColSpan; $spanColumn++) {
+                                            $spannedMatrix[$i][$j + $spanColumn] = 1;
+                                        }
+                                    }
+                                } else {
+                                    $cellData['colspan'] = 1;
+                                    if (isset($column['rowspan'])) {
+                                        $columnRowSpan = (int)$column['rowspan'];
+                                        for ($spanRow = 0; $spanRow < $columnRowSpan; $spanRow++) {
+                                            $spannedMatrix[$i + $spanRow][$j] = 1;
+                                        }
+                                    }
+                                }
+                                if (isset($column['rowspan'])) {
+                                    $cellData['rowspan'] = (int)$column['rowspan'];
+                                } else {
+                                    $cellData['rowspan'] = 1;
+                                }
+                                if (isset($column['name'])) {
+                                    $cellData['name'] = $column['name'];
+                                }
+                                if (isset($column['colPos'])) {
+                                    $cellData['column'] = (int)$column['colPos'];
+                                }
+                                if (isset($column['identifier'])) {
+                                    $cellData['identifier'] = $column['identifier'];
+                                }
+                                if (isset($column['slideMode'])) {
+                                    $cellData['slideMode'] = $column['slideMode'];
+                                }
+                            }
+                        } else {
+                            $cellData = ['colspan' => 1, 'rowspan' => 1, 'spanned' => 1];
+                        }
+                        $cells[] = $cellData;
+                    }
+                    $rows[] = $cells;
+                    if (is_array($spannedMatrix[$i] ?? false) && $spannedMatrix[$i] !== []) {
+                        ksort($spannedMatrix[$i]);
+                    }
+                }
+            }
+        }
+
+        $this->rows = $rows;
+        $this->colCount = (int)$colCount;
+        $this->rowCount = (int)$rowCount;
+    }
+}
diff --git a/Classes/Form/Element/CategoryElement.php b/Classes/Form/Element/CategoryElement.php
new file mode 100644
index 0000000..cf13c94
--- /dev/null
+++ b/Classes/Form/Element/CategoryElement.php
@@ -0,0 +1,157 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Render the category element (a category "select" tree).
+ */
+class CategoryElement extends AbstractFormElement
+{
+    private const int MIN_ITEMS_COUNT = 5;
+    private const int DEFAULT_ITEMS_COUNT = 15;
+    private const int ITEM_HEIGHT_BASE = 20;
+
+    /**
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+    ];
+
+    /**
+     * Render the category tree
+     */
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+        $fieldName = $this->data['fieldName'];
+        $tableName = $this->data['tableName'];
+        $parameterArray = $this->data['parameterArray'];
+        $formElementId = md5($parameterArray['itemFormElName']);
+
+        // Field configuration from TCA:
+        $config = $parameterArray['fieldConf']['config'];
+        $readOnly = (bool)($config['readOnly'] ?? false);
+        $expanded = (bool)($config['treeConfig']['appearance']['expandAll'] ?? false);
+        $showHeader = (bool)($config['treeConfig']['appearance']['showHeader'] ?? false);
+        $exclusiveKeys = $config['exclusiveKeys'] ?? '';
+        $height = ((int)($config['size'] ?? 0) > 0)
+            ? max(self::MIN_ITEMS_COUNT, (int)$config['size'])
+            : self::DEFAULT_ITEMS_COUNT;
+        $heightInPx = $height * self::ITEM_HEIGHT_BASE;
+        $treeWrapperId = 'tree_' . $formElementId;
+        $fieldId = 'tree_record_' . $formElementId;
+
+        $dataStructureIdentifier = '';
+        $flexFormSheetName = '';
+        $flexFormFieldName = '';
+        $flexFormContainerName = '';
+        $flexFormContainerIdentifier = '';
+        $flexFormContainerFieldName = '';
+        $flexFormSectionContainerIsNew = false;
+        if ($this->data['processedTca']['columns'][$fieldName]['config']['type'] === 'flex') {
+            $dataStructureIdentifier = $this->data['processedTca']['columns'][$fieldName]['config']['dataStructureIdentifier'];
+            if (isset($this->data['flexFormSheetName'])) {
+                $flexFormSheetName = $this->data['flexFormSheetName'];
+            }
+            if (isset($this->data['flexFormFieldName'])) {
+                $flexFormFieldName = $this->data['flexFormFieldName'];
+            }
+            if (isset($this->data['flexFormContainerName'])) {
+                $flexFormContainerName = $this->data['flexFormContainerName'];
+            }
+            if (isset($this->data['flexFormContainerFieldName'])) {
+                $flexFormContainerFieldName = $this->data['flexFormContainerFieldName'];
+            }
+            if (isset($this->data['flexFormContainerIdentifier'])) {
+                $flexFormContainerIdentifier = $this->data['flexFormContainerIdentifier'];
+            }
+            // Add a flag this is a tree in a new flex section container element. This is needed to initialize
+            // the databaseRow with this container again so the tree data provider is able to calculate tree items.
+            if (!empty($this->data['flexSectionContainerPreparation'])) {
+                $flexFormSectionContainerIsNew = true;
+            }
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        if (!$readOnly && !empty($fieldWizardHtml)) {
+            $fieldWizardHtml = '<div class="form-wizards-item-bottom">' . $fieldWizardHtml . '</div>';
+        }
+
+        $recordElementAttributes = [
+            'id' => $fieldId,
+            'type' => 'hidden',
+            'class' => 'treeRecord',
+            'name' => $parameterArray['itemFormElName'],
+            'value' => implode(',', $parameterArray['itemFormElValue']),
+            'data-uid' => (int)$this->data['vanillaUid'],
+            'data-command' => $this->data['command'],
+            'data-fieldname' => $fieldName,
+            'data-tablename' => $tableName,
+            'data-read-only' => $readOnly,
+            'data-tree-show-toolbar' => $showHeader,
+            'data-recordtypevalue' => $this->data['recordTypeValue'],
+            'data-relatedfieldname' => $parameterArray['itemFormElName'],
+            'data-flexformsheetname' => $flexFormSheetName,
+            'data-flexformfieldname' => $flexFormFieldName,
+            'data-tree-exclusive-keys' => $exclusiveKeys,
+            'data-flexformcontainername' => $flexFormContainerName,
+            'data-datastructureidentifier' => $dataStructureIdentifier,
+            'data-tree-expand-up-to-level' => $expanded ? '999' : '1',
+            'data-flexformcontainerfieldname' => $flexFormContainerFieldName,
+            'data-flexformcontaineridentifier' => $flexFormContainerIdentifier,
+            'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+            'data-flexformsectioncontainerisnew' => (string)$flexFormSectionContainerIsNew,
+            'data-overridevalues' => GeneralUtility::jsonEncodeForHtmlAttribute($this->data['overrideValues'], false),
+            'data-defaultvalues' => GeneralUtility::jsonEncodeForHtmlAttribute($this->data['defaultValues'], false),
+        ];
+
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend(
+            '<typo3-formengine-element-category ' . GeneralUtility::implodeAttributes(['class' => 'formengine-field-item t3js-formengine-field-item', 'recordFieldId' => $fieldId, 'treeWrapperId' => $treeWrapperId], true) . '>
+                ' . $fieldInformationHtml . '
+                <div class="form-control-wrap">
+                    <div class="form-wizards-wrap">
+                        <div class="form-wizards-item-element">
+                            <div class="typo3-tceforms-tree">
+                                <input ' . GeneralUtility::implodeAttributes(array_map(strval(...), $recordElementAttributes), true, true) . '/>
+                            </div>
+                            <div id="' . htmlspecialchars($treeWrapperId) . '" class="tree-element" style="height: ' . $heightInPx . 'px;"></div>
+                        </div>
+                        ' . $fieldWizardHtml . '
+                    </div>
+                </div>
+            </typo3-formengine-element-category>'
+        );
+
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/form-engine/element/category-element.js');
+
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/CheckboxElement.php b/Classes/Form/Element/CheckboxElement.php
new file mode 100644
index 0000000..2200804
--- /dev/null
+++ b/Classes/Form/Element/CheckboxElement.php
@@ -0,0 +1,185 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconRegistry;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Render elements of type="check".
+ */
+class CheckboxElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+        private readonly IconRegistry $iconRegistry,
+    ) {}
+
+    /**
+     * This will render a checkbox or an array of checkboxes
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+
+        $elementHtml = '';
+        $disabled = false;
+        if ($this->data['parameterArray']['fieldConf']['config']['readOnly'] ?? false) {
+            $disabled = true;
+        }
+        // Traversing the array of items
+        $items = $this->data['parameterArray']['fieldConf']['config']['items'] ?? [];
+
+        $numberOfItems = count($items);
+        if ($numberOfItems === 0) {
+            $items[] = ['label' => ''];
+            $numberOfItems = 1;
+        }
+        $formElementValue = (int)$this->data['parameterArray']['itemFormElValue'];
+        $cols = (int)($this->data['parameterArray']['fieldConf']['config']['cols'] ?? 0);
+        if ($cols > 1) {
+            $elementHtml .= '<div class="form-grid" style="--typo3-form-grid-columns: ' . $cols . ';">';
+            // $itemKey is important here, because items could have been removed via TSConfig
+            foreach ($items as $itemKey => $itemDefinition) {
+                $label = $itemDefinition['label'];
+                $elementHtml
+                    .= '<div class="form-group">'
+                    . $this->renderSingleCheckboxElement($label, $itemKey, $formElementValue, $numberOfItems, $this->data['parameterArray'], $disabled)
+                    . '</div>';
+            }
+            $elementHtml .= '</div>';
+        } else {
+            foreach ($items as $itemKey => $itemDefinition) {
+                $label = $itemDefinition['label'];
+                $elementHtml .= $this->renderSingleCheckboxElement($label, $itemKey, $formElementValue, $numberOfItems, $this->data['parameterArray'], $disabled);
+            }
+        }
+        if (!$disabled) {
+            $elementHtml .= '<input type="hidden" name="' . htmlspecialchars($this->data['parameterArray']['itemFormElName']) . '" value="' . htmlspecialchars((string)$formElementValue) . '" />';
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $html = [];
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] = $fieldInformationHtml;
+        $html[] =   '<div class="form-wizards-wrap">';
+        $html[] =       '<div class="form-wizards-item-element">';
+        $html[] =           $elementHtml;
+        $html[] =       '</div>';
+        if (!$disabled && !empty($fieldWizardHtml)) {
+            $html[] =   '<div class="form-wizards-item-bottom">';
+            $html[] =       $fieldWizardHtml;
+            $html[] =   '</div>';
+        }
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend(implode(LF, $html));
+        return $resultArray;
+    }
+
+    /**
+     * This functions builds the HTML output for the checkbox
+     *
+     * @param string $label Label of this item
+     * @param int $itemCounter Number of this element in the list of all elements
+     * @param int $formElementValue Value of this element
+     * @param int $numberOfItems Full number of items
+     * @param array $additionalInformation Information with additional configuration options.
+     * @param bool $disabled TRUE if form element is disabled
+     * @return string Single element HTML
+     */
+    protected function renderSingleCheckboxElement($label, $itemCounter, $formElementValue, $numberOfItems, $additionalInformation, $disabled): string
+    {
+        $config = $additionalInformation['fieldConf']['config'];
+        $inline = !empty($config['cols']) && $config['cols'] === 'inline';
+        $invert = isset($config['items'][$itemCounter]['invertStateDisplay']) && $config['items'][$itemCounter]['invertStateDisplay'] === true;
+        $checkboxParameters = $this->checkBoxParams(
+            $additionalInformation['itemFormElName'],
+            $formElementValue,
+            $itemCounter,
+            $numberOfItems,
+            $additionalInformation['fieldChangeFunc'] ?? [],
+            $invert
+        );
+        $checkboxId = htmlspecialchars(StringUtility::getUniqueId('formengine-check-') . '-' . $itemCounter);
+
+        $iconIdentifierChecked = !empty($config['items'][$itemCounter]['iconIdentifierChecked']) ? $config['items'][$itemCounter]['iconIdentifierChecked'] : 'actions-check';
+        if (!$this->iconRegistry->isRegistered($iconIdentifierChecked)) {
+            $iconIdentifierChecked = 'actions-check';
+        }
+        $iconIdentifierUnchecked = !empty($config['items'][$itemCounter]['iconIdentifierUnchecked']) ? $config['items'][$itemCounter]['iconIdentifierUnchecked'] : 'empty-empty';
+        if (!$this->iconRegistry->isRegistered($iconIdentifierUnchecked)) {
+            $iconIdentifierUnchecked = 'empty-empty';
+        }
+        $iconChecked = $this->iconFactory->getIcon($iconIdentifierChecked, IconSize::SMALL)->render('inline');
+        $iconUnchecked = $this->iconFactory->getIcon($iconIdentifierUnchecked, IconSize::SMALL)->render('inline');
+
+        return '
+            <div class="form-check form-check-type-icon-toggle' . ($inline ? ' form-check-inline' : '') . (!$disabled ? '' : ' disabled') . '">
+                <input type="checkbox"
+                    class="form-check-input"
+                    value="1"
+                    data-formengine-input-name="' . htmlspecialchars($additionalInformation['itemFormElName']) . '"
+                    ' . $checkboxParameters . '
+                    ' . ($disabled ? ' disabled="disabled"' : '') . '
+                    id="' . $checkboxId . '" />
+                <label class="form-check-label" for="' . $checkboxId . '">
+                    <span class="form-check-label-icon">
+                        <span class="form-check-label-icon-checked">' . $iconChecked . '</span>
+                        <span class="form-check-label-icon-unchecked">' . $iconUnchecked . '</span>
+                    </span>
+                    ' . $this->appendValueToLabelInDebugMode(($label ? htmlspecialchars($label) : ''), $formElementValue) . '
+                </label>
+            </div>';
+    }
+}
diff --git a/Classes/Form/Element/CheckboxLabeledToggleElement.php b/Classes/Form/Element/CheckboxLabeledToggleElement.php
new file mode 100644
index 0000000..5a802b7
--- /dev/null
+++ b/Classes/Form/Element/CheckboxLabeledToggleElement.php
@@ -0,0 +1,165 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Render elements of TCA type="check" with renderType="checkboxLabeledToggle".
+ */
+class CheckboxLabeledToggleElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    /**
+     * This will render a checkbox or an array of checkboxes
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+
+        $elementHtml = '';
+        $disabled = false;
+        if ($this->data['parameterArray']['fieldConf']['config']['readOnly'] ?? false) {
+            $disabled = true;
+        }
+        // Traversing the array of items
+        $items = $this->data['parameterArray']['fieldConf']['config']['items'];
+
+        $numberOfItems = count($items);
+        if ($numberOfItems === 0) {
+            $items[] = ['label' => ''];
+            $numberOfItems = 1;
+        }
+        $formElementValue = (int)$this->data['parameterArray']['itemFormElValue'];
+        $cols = (int)($this->data['parameterArray']['fieldConf']['config']['cols'] ?? 0);
+        if ($cols > 1) {
+            $elementHtml .= '<div class="form-grid" style="--typo3-form-grid-columns: ' . $cols . ';">';
+            // $itemKey is important here, because items could have been removed via TSConfig
+            foreach ($items as $itemKey => $itemDefinition) {
+                $label = $itemDefinition['label'];
+                $elementHtml
+                    .= '<div class="form-group">'
+                    . $this->renderSingleCheckboxElement($label, $itemKey, $formElementValue, $numberOfItems, $this->data['parameterArray'], $disabled)
+                    . '</div>';
+            }
+            $elementHtml .= '</div>';
+        } else {
+            $counter = 0;
+            foreach ($items as $itemDefinition) {
+                $label = $itemDefinition['label'];
+                $elementHtml .= $this->renderSingleCheckboxElement($label, $counter, $formElementValue, $numberOfItems, $this->data['parameterArray'], $disabled);
+                ++$counter;
+            }
+        }
+        if (!$disabled) {
+            $elementHtml .= '<input type="hidden" name="' . htmlspecialchars($this->data['parameterArray']['itemFormElName']) . '" value="' . htmlspecialchars((string)$formElementValue) . '" />';
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $html = [];
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] = $fieldInformationHtml;
+        $html[] =   '<div class="form-wizards-wrap">';
+        $html[] =       '<div class="form-wizards-item-element">';
+        $html[] =           $elementHtml;
+        $html[] =       '</div>';
+        if (!$disabled && !empty($fieldWizardHtml)) {
+            $html[] =   '<div class="form-wizards-item-bottom">';
+            $html[] =       $fieldWizardHtml;
+            $html[] =   '</div>';
+        }
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend(implode(LF, $html));
+        return $resultArray;
+    }
+
+    /**
+     * This functions builds the HTML output for the checkbox
+     *
+     * @param string $label Label of this item
+     * @param int $itemCounter Number of this element in the list of all elements
+     * @param int $formElementValue Value of this element
+     * @param int $numberOfItems Full number of items
+     * @param array $additionalInformation Information with additional configuration options.
+     * @param bool $disabled TRUE if form element is disabled
+     * @return string Single element HTML
+     */
+    protected function renderSingleCheckboxElement($label, $itemCounter, $formElementValue, $numberOfItems, $additionalInformation, $disabled): string
+    {
+        $config = $additionalInformation['fieldConf']['config'];
+        $inline = !empty($config['cols']) && $config['cols'] === 'inline';
+        $invert = isset($config['items'][$itemCounter]['invertStateDisplay']) && $config['items'][$itemCounter]['invertStateDisplay'] === true;
+        $checkboxParameters = $this->checkBoxParams(
+            $additionalInformation['itemFormElName'],
+            $formElementValue,
+            $itemCounter,
+            $numberOfItems,
+            $additionalInformation['fieldChangeFunc'] ?? [],
+            $invert
+        );
+        $checkboxId = htmlspecialchars(StringUtility::getUniqueId('formengine-check-labeled-') . '-' . $itemCounter);
+        return '
+            <div class="form-check form-check-type-labeled-toggle' . ($inline ? ' form-check-inline' : '') . (!$disabled ? '' : ' disabled') . '">
+                <input type="checkbox"
+                    class="form-check-input"
+                    value="1"
+                    data-form-check-label-checked="' . $config['items'][$itemCounter]['labelChecked'] . '"
+                    data-form-check-label-unchecked="' . $config['items'][$itemCounter]['labelUnchecked'] . '"
+                    data-formengine-input-name="' . htmlspecialchars($additionalInformation['itemFormElName']) . '"
+                    ' . $checkboxParameters . '
+                    ' . (!$disabled ? '' : ' disabled="disabled"') . '
+                    id="' . $checkboxId . '" />
+                <label class="form-check-label" for="' . $checkboxId . '">
+                    ' . $this->appendValueToLabelInDebugMode(($label ? htmlspecialchars($label) : ''), $formElementValue) . '
+                </label>
+            </div>';
+    }
+}
diff --git a/Classes/Form/Element/CheckboxToggleElement.php b/Classes/Form/Element/CheckboxToggleElement.php
new file mode 100644
index 0000000..803ee9b
--- /dev/null
+++ b/Classes/Form/Element/CheckboxToggleElement.php
@@ -0,0 +1,167 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Render elements of TCA type="check" with renderType="checkboxToggle".
+ */
+class CheckboxToggleElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    /**
+     * This will render a checkbox or an array of checkboxes
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+
+        $elementHtml = '';
+        $disabled = false;
+        if ($this->data['parameterArray']['fieldConf']['config']['readOnly'] ?? false) {
+            $disabled = true;
+        }
+        // Traversing the array of items
+        $items = $this->data['parameterArray']['fieldConf']['config']['items'] ?? [];
+
+        $numberOfItems = count($items);
+        if ($numberOfItems === 0) {
+            $items[] = ['label' => ''];
+            $numberOfItems = 1;
+        }
+        // The values in the array may be numeric strings, but we need real ints.
+        $formElementValue = (int)($this->data['parameterArray']['itemFormElValue'] ?? 0);
+        $cols = (int)($this->data['parameterArray']['fieldConf']['config']['cols'] ?? 0);
+        if ($cols > 1) {
+            $elementHtml .= '<div class="form-grid" style="--typo3-form-grid-columns: ' . $cols . ';">';
+            // $itemKey is important here, because items could have been removed via TSConfig
+            foreach ($items as $itemKey => $itemDefinition) {
+                $label = $itemDefinition['label'];
+                $elementHtml
+                    .= '<div class="form-group">'
+                        . $this->renderSingleCheckboxElement($label, $itemKey, $formElementValue, $numberOfItems, $this->data['parameterArray'], $disabled)
+                    . '</div>';
+            }
+            $elementHtml .= '</div>';
+        } else {
+            $counter = 0;
+            foreach ($items as $itemDefinition) {
+                $label = $itemDefinition['label'];
+                $elementHtml .= $this->renderSingleCheckboxElement($label, $counter, $formElementValue, $numberOfItems, $this->data['parameterArray'], $disabled);
+                ++$counter;
+            }
+        }
+        if (!$disabled) {
+            $elementHtml .= '<input type="hidden" name="' . htmlspecialchars($this->data['parameterArray']['itemFormElName']) . '" value="' . htmlspecialchars((string)$formElementValue) . '" />';
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $html = [];
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] = $fieldInformationHtml;
+        $html[] =   '<div class="form-wizards-wrap">';
+        $html[] =       '<div class="form-wizards-item-element">';
+        $html[] =           $elementHtml;
+        $html[] =       '</div>';
+        if (!$disabled && !empty($fieldWizardHtml)) {
+            $html[] =   '<div class="form-wizards-item-bottom">';
+            $html[] =       $fieldWizardHtml;
+            $html[] =   '</div>';
+        }
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend(implode(LF, $html));
+        return $resultArray;
+    }
+
+    /**
+     * This functions builds the HTML output for the checkbox
+     *
+     * @param string $label Label of this item
+     * @param int $itemCounter Number of this element in the list of all elements
+     * @param int $formElementValue Value of this element
+     * @param int $numberOfItems Full number of items
+     * @param array $additionalInformation Information with additional configuration options
+     * @param bool $disabled TRUE if form element is disabled
+     * @return string Single element HTML
+     */
+    protected function renderSingleCheckboxElement($label, $itemCounter, $formElementValue, $numberOfItems, $additionalInformation, $disabled): string
+    {
+        $languageService = $this->getLanguageService();
+        $parentLabel = $additionalInformation['fieldConf']['label'] ?? '';
+        $config = $additionalInformation['fieldConf']['config'];
+        $inline = ($config['cols'] ?? '') === 'inline';
+        $invert = isset($config['items'][0]['invertStateDisplay']) && $config['items'][0]['invertStateDisplay'] === true;
+        $checkboxParameters = $this->checkBoxParams(
+            $additionalInformation['itemFormElName'],
+            $formElementValue,
+            $itemCounter,
+            $numberOfItems,
+            $additionalInformation['fieldChangeFunc'] ?? [],
+            $invert
+        );
+        $checkboxId = htmlspecialchars(StringUtility::getUniqueId('formengine-check-toggle-') . '-' . $itemCounter);
+        return '
+            <div class="form-check form-switch' . ($inline ? ' form-check-inline' : '') . (!$disabled ? '' : ' disabled') . '">
+                <input type="checkbox"
+                    class="form-check-input"
+                    value="1"
+                    role="switch"
+                    data-formengine-input-name="' . htmlspecialchars($additionalInformation['itemFormElName']) . '"
+                    ' . $checkboxParameters . '
+                    ' . (!$disabled ? '' : ' disabled="disabled"') . '
+                    id="' . $checkboxId . '" />
+                <label class="form-check-label" for="' . $checkboxId . '">
+                    ' . $this->appendValueToLabelInDebugMode(($label ? htmlspecialchars($label) : ''), $formElementValue) . '<span class="visually-hidden">' . htmlspecialchars($parentLabel) . '</span>' . '
+                </label>
+            </div>';
+    }
+}
diff --git a/Classes/Form/Element/CodeEditorElement.php b/Classes/Form/Element/CodeEditorElement.php
new file mode 100644
index 0000000..4a89953
--- /dev/null
+++ b/Classes/Form/Element/CodeEditorElement.php
@@ -0,0 +1,238 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Backend\CodeEditor\CodeEditor;
+use TYPO3\CMS\Backend\CodeEditor\Exception\InvalidModeException;
+use TYPO3\CMS\Backend\CodeEditor\Mode;
+use TYPO3\CMS\Backend\CodeEditor\Registry\AddonRegistry;
+use TYPO3\CMS\Backend\CodeEditor\Registry\ModeRegistry;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * CodeEditor FormEngine widget
+ * @internal
+ */
+class CodeEditorElement extends AbstractFormElement
+{
+    protected array $resultArray = [];
+    protected string $mode = '';
+
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    /**
+     * Render code editor element
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     * @throws InvalidModeException
+     * @throws \InvalidArgumentException
+     * @throws \BadFunctionCallException
+     */
+    public function render(): array
+    {
+        $this->resultArray = $this->initializeResultArray();
+        $this->resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/code-editor/element/code-mirror-element.js');
+
+        // Compile and register code editor configuration
+        GeneralUtility::makeInstance(CodeEditor::class)->registerConfiguration();
+
+        $addonRegistry = GeneralUtility::makeInstance(AddonRegistry::class);
+        $registeredAddons = $addonRegistry->getAddons();
+        foreach ($registeredAddons as $addon) {
+            foreach ($addon->getCssFiles() as $cssFile) {
+                $this->resultArray['stylesheetFiles'][] = $cssFile;
+            }
+        }
+
+        $parameterArray = $this->data['parameterArray'];
+
+        $attributes = [
+            'wrap' => 'off',
+            'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($parameterArray['fieldConf']['config']),
+        ];
+        if (isset($parameterArray['fieldConf']['config']['rows']) && MathUtility::canBeInterpretedAsInteger($parameterArray['fieldConf']['config']['rows'])) {
+            $attributes['rows'] = $parameterArray['fieldConf']['config']['rows'];
+        }
+
+        $settings = [];
+        if ($parameterArray['fieldConf']['config']['readOnly'] ?? false) {
+            $settings['readonly'] = true;
+        }
+        if ($parameterArray['fieldConf']['config']['appearance']['lineWrapping'] ?? false) {
+            $settings['linewrapping'] = true;
+        }
+
+        $editorHtml = $this->getHTMLCodeForEditor(
+            $parameterArray['itemFormElName'],
+            'form-control font-monospace enable-tab',
+            $parameterArray['itemFormElValue'],
+            $attributes,
+            $settings,
+            [
+                'target' => 0,
+                'effectivePid' => $this->data['effectivePid'] ?? 0,
+            ]
+        );
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $this->resultArray = $this->mergeChildReturnIntoExistingResult($this->resultArray, $fieldInformationResult, false);
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $this->resultArray = $this->mergeChildReturnIntoExistingResult($this->resultArray, $fieldControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $this->resultArray = $this->mergeChildReturnIntoExistingResult($this->resultArray, $fieldWizardResult, false);
+
+        $html = [];
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] =   $fieldInformationHtml;
+        $html[] =   '<div class="form-control-wrap">';
+        $html[] =       '<div class="form-wizards-wrap">';
+        $html[] =           '<div class="form-wizards-item-element">';
+        $html[] =               $editorHtml;
+        $html[] =           '</div>';
+        if (!empty($fieldControlHtml)) {
+            $html[] =           '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $html[] =               '<div class="btn-group">';
+            $html[] =                   $fieldControlHtml;
+            $html[] =               '</div>';
+            $html[] =           '</div>';
+        }
+        if (!empty($fieldWizardHtml)) {
+            $html[] = '<div class="form-wizards-item-bottom">';
+            $html[] = $fieldWizardHtml;
+            $html[] = '</div>';
+        }
+        $html[] =       '</div>';
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $this->resultArray['html'] = $this->wrapWithFieldsetAndLegend(implode(LF, $html));
+
+        return $this->resultArray;
+    }
+
+    /**
+     * Generates HTML with code editor
+     *
+     * @param string $name Name attribute of HTML tag
+     * @param string $class Class attribute of HTML tag
+     * @param string $content Content of the editor
+     * @param array $attributes Any additional editor parameters
+     *
+     * @return string Generated HTML code for editor
+     * @throws \TYPO3\CMS\Backend\CodeEditor\Exception\InvalidModeException
+     */
+    protected function getHTMLCodeForEditor(
+        string $name,
+        string $class = '',
+        string $content = '',
+        array $attributes = [],
+        array $settings = [],
+        array $hiddenfields = []
+    ): string {
+        $code = [];
+        $mode = $this->getMode();
+        $addonRegistry = GeneralUtility::makeInstance(AddonRegistry::class);
+        $registeredAddons = $addonRegistry->getAddons();
+
+        $attributes['class'] = $class;
+        $attributes['id'] = 't3editor_' . md5($name);
+        $attributes['name'] = $name;
+
+        $settings = array_merge($addonRegistry->compileSettings($registeredAddons), $settings);
+
+        $addons = [];
+        $keymaps = [];
+        foreach ($registeredAddons as $addon) {
+            $module = $addon->getModule();
+            $keymap = $addon->getKeymap();
+            if ($module) {
+                $addons[] = $module;
+            }
+            if ($keymap) {
+                $keymaps[] = $keymap;
+            }
+        }
+        $codeMirrorConfig = array_merge($settings, [
+            'name' => $name,
+            'mode' => GeneralUtility::jsonEncodeForHtmlAttribute($mode->getModule(), false),
+            'addons' => GeneralUtility::jsonEncodeForHtmlAttribute($addons, false),
+            'keymaps' => GeneralUtility::jsonEncodeForHtmlAttribute($keymaps, false),
+        ]);
+
+        $code[] = '<typo3-t3editor-codemirror ' . GeneralUtility::implodeAttributes($codeMirrorConfig, true) . '>';
+        $code[] = GeneralUtility::renderTextarea($content, $attributes);
+
+        if (!empty($hiddenfields)) {
+            foreach ($hiddenfields as $attributeName => $value) {
+                $code[] = '<input type="hidden" name="' . htmlspecialchars((string)$attributeName) . '" value="' . htmlspecialchars((string)$value) . '" />';
+            }
+        }
+        $code[] = '</typo3-t3editor-codemirror>';
+
+        return implode(LF, $code);
+    }
+
+    /**
+     * @throws InvalidModeException
+     */
+    protected function getMode(): Mode
+    {
+        $config = $this->data['parameterArray']['fieldConf']['config'];
+
+        $registry = GeneralUtility::makeInstance(ModeRegistry::class);
+        if (!isset($config['format'])) {
+            return $registry->getDefaultMode();
+        }
+
+        $identifier = $config['format'];
+        if (str_contains($config['format'], '/')) {
+            $parts = explode('/', $config['format']);
+            $identifier = end($parts);
+        }
+
+        return $registry->getByFormatCode($identifier);
+    }
+}
diff --git a/Classes/Form/Element/ColorElement.php b/Classes/Form/Element/ColorElement.php
new file mode 100644
index 0000000..0578689
--- /dev/null
+++ b/Classes/Form/Element/ColorElement.php
@@ -0,0 +1,284 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Render an input field with a color picker
+ */
+class ColorElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    /**
+     * This will render a single-line input form field, possibly with various control/validation features
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $table = $this->data['tableName'];
+        $fieldName = $this->data['fieldName'];
+        $parameterArray = $this->data['parameterArray'];
+        $resultArray = $this->initializeResultArray();
+        $config = $parameterArray['fieldConf']['config'];
+        $tsConfig = $this->data['pageTsConfig'];
+
+        $itemValue = $parameterArray['itemFormElValue'];
+        $width = $this->formMaxWidth(
+            MathUtility::forceIntegerInRange($config['size'] ?? $this->defaultInputWidth, $this->minimumInputWidth, $this->maxInputWidth)
+        );
+        $fieldId = StringUtility::getUniqueId('formengine-input-');
+        $itemName = (string)$parameterArray['itemFormElName'];
+        $renderedLabel = $this->renderLabel($fieldId);
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        if ($config['readOnly'] ?? false) {
+            $html = [];
+            $html[] = $renderedLabel;
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+            $html[] =   $fieldInformationHtml;
+            $html[] =   '<div class="form-wizards-wrap">';
+            $html[] =       '<div class="form-wizards-item-element">';
+            $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+            $html[] =               '<typo3-backend-color-picker>';
+            $html[] =                   '<input class="form-control" id="' . htmlspecialchars($fieldId) . '" name="' . htmlspecialchars($itemName) . '" value="' . htmlspecialchars((string)$itemValue) . '" type="text" disabled>';
+            $html[] =               '</typo3-backend-color-picker>';
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+            $html[] =   '</div>';
+            $html[] = '</div>';
+            $resultArray['html'] = implode(LF, $html);
+            return $resultArray;
+        }
+
+        $languageService = $this->getLanguageService();
+
+        // Always add "trim".
+        $evalList = ['trim'];
+        if ($config['nullable'] ?? false) {
+            $evalList[] = 'null';
+        }
+        $opacityEnabled = (bool)($config['opacity'] ?? false);
+
+        $attributes = [
+            'value' => '',
+            'id' => $fieldId,
+            'class' => implode(' ', [
+                'form-control',
+            ]),
+            'maxlength' => $opacityEnabled ? 9 : 7, // #RRGGBBAA (/#[0-9a-fA-F]{3,6}([0-9]{2})?/)
+            'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+            'data-formengine-input-params' => (string)json_encode([
+                'field' => $itemName,
+                'evalList' => implode(',', $evalList),
+            ], JSON_THROW_ON_ERROR),
+            'data-formengine-input-name' => $itemName,
+        ];
+
+        if (!empty($config['placeholder'])) {
+            $attributes['placeholder'] = trim($config['placeholder']);
+        }
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $colorDefinitions = array_map(
+            fn(array $colorDefinition): array => [
+                'color' => $colorDefinition['value'],
+                'label' => $this->resolveColorLabel($colorDefinition['value'], $colorDefinition['label'] ?? null),
+            ],
+            array_filter(
+                $tsConfig['colorPalettes.']['colors.'] ?? [],
+                static fn(mixed $colorDefinition) => is_array($colorDefinition) && trim($colorDefinition['value'] ?? '') !== '',
+            ),
+        );
+
+        $configuredPalette
+            = $tsConfig['TCEFORM.'][$table . '.'][$fieldName . '.']['colorPalette']
+            ?? $tsConfig['TCEFORM.'][$table . '.']['colorPalette']
+            ?? $tsConfig['TCEFORM.']['colorPalette']
+            ?? null;
+        if ($configuredPalette !== null) {
+            $colorsInPalette = GeneralUtility::trimExplode(',', $tsConfig['colorPalettes.']['palettes.'][$configuredPalette] ?? '', true);
+            $colorDefinitions = array_map(
+                static fn(string $colorIdentifier): array => $colorDefinitions[$colorIdentifier . '.'],
+                array_filter(
+                    array_combine($colorsInPalette, $colorsInPalette),
+                    static fn(string $colorIdentifier) => isset($colorDefinitions[$colorIdentifier . '.'])
+                )
+            );
+        }
+        if (is_array($config['valuePicker']['items'] ?? false)) {
+            foreach ($config['valuePicker']['items'] as $item) {
+                $colorDefinitions[] = [
+                    'color' => $item['value'],
+                    'label' => $this->resolveColorLabel($item['value'], $item['label'] ?? null),
+                ];
+            }
+        }
+
+        $colorPickerAttribute = [
+            'swatches' => json_encode(array_values($colorDefinitions)),
+            'color' => htmlspecialchars((string)$itemValue),
+        ];
+        if ($opacityEnabled) {
+            $colorPickerAttribute['opacity'] = 'true';
+        }
+
+        $mainFieldHtml = [];
+        $mainFieldHtml[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+        $mainFieldHtml[] =  '<div class="form-wizards-wrap">';
+        $mainFieldHtml[] =      '<div class="form-wizards-item-element">';
+        $mainFieldHtml[] =          '<typo3-backend-color-picker ' . GeneralUtility::implodeAttributes($colorPickerAttribute, true) . '>';
+        $mainFieldHtml[] =              '<input type="text" ' . GeneralUtility::implodeAttributes($attributes, true) . ' />';
+        $mainFieldHtml[] =              '<input type="hidden" name="' . $itemName . '" value="' . htmlspecialchars((string)$itemValue) . '" />';
+        $mainFieldHtml[] =          '</typo3-backend-color-picker>';
+        $mainFieldHtml[] =      '</div>';
+        $mainFieldHtml[] =      '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+        $mainFieldHtml[] =          '<div class="btn-group">';
+        $mainFieldHtml[] =              $fieldControlHtml;
+        $mainFieldHtml[] =          '</div>';
+        $mainFieldHtml[] =      '</div>';
+        if (!empty($fieldWizardHtml)) {
+            $mainFieldHtml[] = '<div class="form-wizards-item-bottom">';
+            $mainFieldHtml[] = $fieldWizardHtml;
+            $mainFieldHtml[] = '</div>';
+        }
+        $mainFieldHtml[] =  '</div>';
+        $mainFieldHtml[] = '</div>';
+        $mainFieldHtml = implode(LF, $mainFieldHtml);
+
+        $nullControlNameEscaped = htmlspecialchars('control[active][' . $table . '][' . $this->data['databaseRow']['uid'] . '][' . $fieldName . ']');
+
+        $fullElement = $mainFieldHtml;
+        if ($this->hasNullCheckboxButNoPlaceholder()) {
+            $checked = $itemValue !== null ? ' checked="checked"' : '';
+            $fullElement = [];
+            $fullElement[] = '<div class="t3-form-field-disable"></div>';
+            $fullElement[] = '<div class="form-check t3-form-field-eval-null-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.nullCheckbox');
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = $mainFieldHtml;
+            $fullElement = implode(LF, $fullElement);
+        } elseif ($this->hasNullCheckboxWithPlaceholder()) {
+            $checked = $itemValue !== null ? ' checked="checked"' : '';
+            $placeholder = $shortenedPlaceholder = (string)($config['placeholder'] ?? '');
+            if ($placeholder !== '') {
+                $shortenedPlaceholder = GeneralUtility::fixed_lgd_cs($placeholder, 20);
+                if ($placeholder !== $shortenedPlaceholder) {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        '<span title="' . htmlspecialchars($placeholder) . '">' . htmlspecialchars($shortenedPlaceholder) . '</span>'
+                    );
+                } else {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        htmlspecialchars($placeholder)
+                    );
+                }
+            } else {
+                $overrideLabel = $languageService->sL(
+                    'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override_not_available'
+                );
+            }
+            $fullElement = [];
+            $fullElement[] = '<div class="form-check t3js-form-field-eval-null-placeholder-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $overrideLabel;
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-placeholder">';
+            $fullElement[] =    '<div class="form-control-wrap" style="max-width:' . $width . 'px">';
+            $fullElement[] =        '<input type="text" class="form-control" disabled="disabled" value="' . htmlspecialchars($shortenedPlaceholder) . '" />';
+            $fullElement[] =    '</div>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-formfield">';
+            $fullElement[] =    $mainFieldHtml;
+            $fullElement[] = '</div>';
+            $fullElement = implode(LF, $fullElement);
+        }
+
+        $attributes = [
+            'recordFieldId' => $fieldId,
+        ];
+
+        $resultArray['html'] = $renderedLabel . '
+            <typo3-formengine-element-color ' . GeneralUtility::implodeAttributes($attributes, true) . '>
+                <div class="formengine-field-item t3js-formengine-field-item">
+                    ' . $fieldInformationHtml . $fullElement . '
+                </div>
+            </typo3-formengine-element-color>';
+
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/form-engine/element/color-element.js');
+
+        return $resultArray;
+    }
+
+    protected function resolveColorLabel(string $color, ?string $label): string
+    {
+        if ($label === null || $label === '') {
+            return $color;
+        }
+        $translatedLabel = $this->getLanguageService()->sL($label);
+        if ($translatedLabel === '') {
+            return $color;
+        }
+        return sprintf('%s (%s)', $translatedLabel, $color);
+    }
+
+}
diff --git a/Classes/Form/Element/DatetimeElement.php b/Classes/Form/Element/DatetimeElement.php
new file mode 100644
index 0000000..1fa0a61
--- /dev/null
+++ b/Classes/Form/Element/DatetimeElement.php
@@ -0,0 +1,267 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Domain\DateTimeFormat;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Generation of form elements with TCA type "datetime"
+ */
+class DatetimeElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+    ) {}
+
+    /**
+     * This will render a single-line datetime form field, possibly with various control/validation features
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $table = $this->data['tableName'];
+        $fieldName = $this->data['fieldName'];
+        $parameterArray = $this->data['parameterArray'];
+        $resultArray = $this->initializeResultArray();
+        $config = $parameterArray['fieldConf']['config'];
+
+        $format = $config['format'] ?? 'datetime';
+        if (!in_array($format, ['datetime', 'date', 'time', 'timesec', 'datetimesec'], true)) {
+            throw new \UnexpectedValueException(
+                'Format "' . $format . '" for field "' . $fieldName . '" in table "' . $table . '" is '
+                . 'not valid. Must be either empty or set to one of: "date", "datetime", "time", "timesec", "datetimesec".',
+                1647947686
+            );
+        }
+
+        $datetime = $parameterArray['itemFormElValue'];
+        if ($datetime !== null && !$datetime instanceof \DateTimeInterface) {
+            throw new \UnexpectedValueException(
+                'The formEngine itemFormElValue parameter for field "' . $fieldName . '" in table "' . $table . '" is '
+                . 'not valid. It must be an instance of `\\DateTimeInterface` but is `' . gettype($datetime) . '`. '
+                . 'Make sure to have it processed by `FormDataProvider/DatabaseRowDateTimeFields`.',
+                1731132127
+            );
+        }
+
+        $width = $this->formMaxWidth(MathUtility::forceIntegerInRange(
+            $config['size'] ?? ($format === 'datetimesec' ? 14 : ($format === 'date' || $format === 'datetime' ? 13 : 10)),
+            $this->minimumInputWidth,
+            $this->maxInputWidth
+        ));
+        $fieldId = StringUtility::getUniqueId('formengine-input-');
+        $itemName = (string)$parameterArray['itemFormElName'];
+        $renderedLabel = $this->renderLabel($fieldId);
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        if ($config['readOnly'] ?? false) {
+            if ($datetime === null) {
+                $itemValue = '';
+            } elseif ($format === 'time') {
+                $itemValue = (string)((int)$datetime->format('H') * 3600 + (int)$datetime->format('i') * 60);
+            } elseif ($format === 'timesec') {
+                $itemValue = (string)((int)$datetime->format('H') * 3600 + (int)$datetime->format('i') * 60 + (int)$datetime->format('s'));
+            } else {
+                $itemValue = (string)$datetime->getTimestamp();
+            }
+            // Format the unix-timestamp to the defined format (date/year etc)
+            $formattedDate = $this->formatValue($format, $itemValue);
+            $html = [];
+            $html[] = $renderedLabel;
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+            $html[] =   $fieldInformationHtml;
+            $html[] =   '<div class="form-wizards-wrap">';
+            $html[] =       '<div class="form-wizards-item-element">';
+            $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+            $html[] =               '<input class="form-control" id="' . htmlspecialchars($fieldId) . '" name="' . htmlspecialchars($itemName) . '" value="' . htmlspecialchars($formattedDate) . '" type="text" disabled>';
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+            $html[] =   '</div>';
+            $html[] = '</div>';
+            $resultArray['html'] = implode(LF, $html);
+            return $resultArray;
+        }
+
+        $languageService = $this->getLanguageService();
+
+        // Always add the format to the eval list.
+        $evalList = [$format];
+        $isNullable = $config['nullable'] ?? false;
+        if ($isNullable) {
+            $evalList[] = 'null';
+        }
+
+        $attributes = [
+            'value' => '',
+            'id' => $fieldId,
+            'class' => implode(' ', [
+                'form-control',
+                'form-control-clearable',
+            ]),
+            'data-input-type' => 'datetimepicker',
+            'data-date-type' => $format,
+            'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+            'data-formengine-input-params' => (string)json_encode([
+                'field' => $itemName,
+                'evalList' => implode(',', $evalList),
+            ], JSON_THROW_ON_ERROR),
+            'data-formengine-input-name' => $itemName,
+        ];
+
+        if (!empty($config['placeholder'])) {
+            $attributes['placeholder'] = trim($config['placeholder']);
+        }
+
+        if ($format === 'datetime' || $format === 'date' || $format === 'datetimesec') {
+            if (isset($config['range']['lower'])) {
+                $lower = (int)$config['range']['lower'];
+                $attributes['data-date-min-date'] = date(DateTimeFormat::ISO8601_LOCALTIME, $lower);
+            }
+            if (isset($config['range']['upper'])) {
+                $upper = (int)$config['range']['upper'];
+                $attributes['data-date-max-date'] = date(DateTimeFormat::ISO8601_LOCALTIME, $upper);
+            }
+        }
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $buttonAriaLabelEscaped = htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.datepicker.label'));
+
+        $dateISO8601 = $datetime?->format(DateTimeFormat::ISO8601_LOCALTIME) ?? '';
+
+        $expansionHtml = [];
+        $expansionHtml[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+        $expansionHtml[] =  '<div class="form-wizards-wrap">';
+        $expansionHtml[] =      '<div class="form-wizards-item-element">';
+        $expansionHtml[] =          '<div class="input-group">';
+        $expansionHtml[] =              '<input type="text" ' . GeneralUtility::implodeAttributes($attributes, true) . ' />';
+        $expansionHtml[] =              '<input type="hidden" name="' . $itemName . '" value="' . htmlspecialchars($dateISO8601) . '" />';
+        $expansionHtml[] =              '<button class="btn btn-default" aria-label="' . $buttonAriaLabelEscaped . '" type="button" data-global-event="click" data-action-focus="#' . $attributes['id'] . '">';
+        $expansionHtml[] =                  $this->iconFactory->getIcon('actions-edit-pick-date', IconSize::SMALL)->render();
+        $expansionHtml[] =              '</button>';
+        $expansionHtml[] =          '</div>';
+        $expansionHtml[] =      '</div>';
+        if (!empty($fieldControlHtml)) {
+            $expansionHtml[] =      '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $expansionHtml[] =          '<div class="btn-group">';
+            $expansionHtml[] =              $fieldControlHtml;
+            $expansionHtml[] =          '</div>';
+            $expansionHtml[] =      '</div>';
+        }
+        if (!empty($fieldWizardHtml)) {
+            $expansionHtml[] = '<div class="form-wizards-item-bottom">';
+            $expansionHtml[] = $fieldWizardHtml;
+            $expansionHtml[] = '</div>';
+        }
+        $expansionHtml[] =  '</div>';
+        $expansionHtml[] = '</div>';
+        $expansionHtml = implode(LF, $expansionHtml);
+
+        $nullControlNameEscaped = htmlspecialchars('control[active][' . $table . '][' . $this->data['databaseRow']['uid'] . '][' . $fieldName . ']');
+
+        $fullElement = $expansionHtml;
+        if ($this->hasNullCheckboxWithPlaceholder()) {
+            $checked = $datetime !== null ? ' checked="checked"' : '';
+            $placeholder = $shortenedPlaceholder = (string)($config['placeholder'] ?? '');
+            if ($placeholder !== '') {
+                $shortenedPlaceholder = GeneralUtility::fixed_lgd_cs($placeholder, 20);
+                if ($placeholder !== $shortenedPlaceholder) {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        '<span title="' . htmlspecialchars($placeholder) . '">' . htmlspecialchars($shortenedPlaceholder) . '</span>'
+                    );
+                } else {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        htmlspecialchars($placeholder)
+                    );
+                }
+            } else {
+                $overrideLabel = $languageService->sL(
+                    'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override_not_available'
+                );
+            }
+            $fullElement = [];
+            $fullElement[] = '<div class="form-check t3js-form-field-eval-null-placeholder-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $overrideLabel;
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-placeholder">';
+            $fullElement[] =    '<div class="form-control-wrap" style="max-width:' . $width . 'px">';
+            $fullElement[] =        '<input type="text" class="form-control" disabled="disabled" value="' . htmlspecialchars($shortenedPlaceholder) . '" />';
+            $fullElement[] =    '</div>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-formfield">';
+            $fullElement[] =    $expansionHtml;
+            $fullElement[] = '</div>';
+            $fullElement = implode(LF, $fullElement);
+        }
+
+        $resultArray['html'] = $renderedLabel . '
+            <typo3-formengine-element-datetime class="formengine-field-item t3js-formengine-field-item" recordFieldId="' . htmlspecialchars($fieldId) . '">
+                ' . $fieldInformationHtml . '
+                ' . $fullElement . '
+            </typo3-formengine-element-datetime>';
+
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/form-engine/element/datetime-element.js');
+
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/EmailElement.php b/Classes/Form/Element/EmailElement.php
new file mode 100644
index 0000000..4f57b13
--- /dev/null
+++ b/Classes/Form/Element/EmailElement.php
@@ -0,0 +1,238 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Render elements of type email
+ */
+class EmailElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    /**
+     * This will render a single-line email form field, possibly with various control/validation features
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $table = $this->data['tableName'];
+        $fieldName = $this->data['fieldName'];
+        $parameterArray = $this->data['parameterArray'];
+        $resultArray = $this->initializeResultArray();
+        $config = $parameterArray['fieldConf']['config'];
+
+        $itemValue = $parameterArray['itemFormElValue'];
+        $width = $this->formMaxWidth(
+            MathUtility::forceIntegerInRange($config['size'] ?? $this->defaultInputWidth, $this->minimumInputWidth, $this->maxInputWidth)
+        );
+        $fieldId = StringUtility::getUniqueId('formengine-input-');
+        $itemName = (string)$parameterArray['itemFormElName'];
+        $renderedLabel = $this->renderLabel($fieldId);
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        if ($config['readOnly'] ?? false) {
+            $html = [];
+            $html[] = $renderedLabel;
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+            $html[] =   $fieldInformationHtml;
+            $html[] =   '<div class="form-wizards-wrap">';
+            $html[] =       '<div class="form-wizards-item-element">';
+            $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+            $html[] =               '<input class="form-control" id="' . htmlspecialchars($fieldId) . '" name="' . htmlspecialchars($itemName) . '" value="' . htmlspecialchars((string)$itemValue) . '" type="text" disabled>';
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+            $html[] =   '</div>';
+            $html[] = '</div>';
+            $resultArray['html'] = implode(LF, $html);
+            return $resultArray;
+        }
+
+        $languageService = $this->getLanguageService();
+
+        // Get filtered eval list, while always adding "trim"
+        $evalList = array_merge(array_filter(
+            GeneralUtility::trimExplode(',', $config['eval'] ?? '', true),
+            static fn(string $value): bool => in_array($value, ['unique', 'uniqueInPid'], true)
+        ), ['trim']);
+
+        if ($config['nullable'] ?? false) {
+            $evalList[] = 'null';
+        }
+
+        $attributes = [
+            'value' => '',
+            'id' => $fieldId,
+            'maxlength' => '254',
+            'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+            'data-formengine-input-params' => (string)json_encode([
+                'field' => $itemName,
+                'evalList' => implode(',', $evalList),
+            ], JSON_THROW_ON_ERROR),
+            'data-formengine-input-name' => $itemName,
+        ];
+
+        if (!empty($config['placeholder'])) {
+            $attributes['placeholder'] = trim($config['placeholder']);
+        }
+        if (isset($config['autocomplete'])) {
+            $attributes['autocomplete'] = empty($config['autocomplete']) ? 'new-' . $fieldName : 'on';
+        }
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $mainFieldHtml = [];
+        $mainFieldHtml[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+        $mainFieldHtml[] =  '<div class="form-wizards-wrap">';
+        $mainFieldHtml[] =      '<div class="form-wizards-item-element">';
+
+        if (is_array($config['valuePicker']['items'] ?? false)) {
+            $attributes['class'] = 'form-control';
+            $mainFieldHtml[] = '<typo3-backend-combobox>';
+            $mainFieldHtml[] = '<input type="email" ' . GeneralUtility::implodeAttributes($attributes, true) . ' />';
+            foreach ($config['valuePicker']['items'] as $item) {
+                $mainFieldHtml[] = '<typo3-backend-combobox-choice value="' . htmlspecialchars($item['value']) . '">' . htmlspecialchars($languageService->sL($item['label'])) . '</typo3-backend-combobox-choice>';
+            }
+            $mainFieldHtml[] = '</typo3-backend-combobox>';
+            $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/element/combobox-element.js');
+        } else {
+            $attributes['class'] = implode(' ', [
+                'form-control',
+                'form-control-clearable',
+                't3js-clearable',
+            ]);
+            $mainFieldHtml[] = '<input type="email" ' . GeneralUtility::implodeAttributes($attributes, true) . ' />';
+        }
+
+        $mainFieldHtml[] =          '<input type="hidden" name="' . $itemName . '" value="' . htmlspecialchars((string)$itemValue) . '" />';
+        $mainFieldHtml[] =      '</div>';
+        if (!empty($fieldControlHtml)) {
+            $mainFieldHtml[] =      '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $mainFieldHtml[] =          '<div class="btn-group">';
+            $mainFieldHtml[] =              $fieldControlHtml;
+            $mainFieldHtml[] =          '</div>';
+            $mainFieldHtml[] =      '</div>';
+        }
+        if (!empty($fieldWizardHtml)) {
+            $mainFieldHtml[] = '<div class="form-wizards-item-bottom">';
+            $mainFieldHtml[] = $fieldWizardHtml;
+            $mainFieldHtml[] = '</div>';
+        }
+        $mainFieldHtml[] =  '</div>';
+        $mainFieldHtml[] = '</div>';
+        $mainFieldHtml = implode(LF, $mainFieldHtml);
+
+        $nullControlNameEscaped = htmlspecialchars('control[active][' . $table . '][' . $this->data['databaseRow']['uid'] . '][' . $fieldName . ']');
+
+        $fullElement = $mainFieldHtml;
+        if ($this->hasNullCheckboxButNoPlaceholder()) {
+            $checked = $itemValue !== null ? ' checked="checked"' : '';
+            $fullElement = [];
+            $fullElement[] = '<div class="t3-form-field-disable"></div>';
+            $fullElement[] = '<div class="form-check t3-form-field-eval-null-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.nullCheckbox');
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = $mainFieldHtml;
+            $fullElement = implode(LF, $fullElement);
+        } elseif ($this->hasNullCheckboxWithPlaceholder()) {
+            $checked = $itemValue !== null ? ' checked="checked"' : '';
+            $placeholder = $shortenedPlaceholder = trim((string)($config['placeholder'] ?? ''));
+            if ($placeholder !== '') {
+                $shortenedPlaceholder = GeneralUtility::fixed_lgd_cs($placeholder, 20);
+                if ($placeholder !== $shortenedPlaceholder) {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        '<span title="' . htmlspecialchars($placeholder) . '">' . htmlspecialchars($shortenedPlaceholder) . '</span>'
+                    );
+                } else {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        htmlspecialchars($placeholder)
+                    );
+                }
+            } else {
+                $overrideLabel = $languageService->sL(
+                    'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override_not_available'
+                );
+            }
+            $fullElement = [];
+            $fullElement[] = '<div class="form-check t3js-form-field-eval-null-placeholder-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $overrideLabel;
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-placeholder">';
+            $fullElement[] =    '<div class="form-control-wrap" style="max-width:' . $width . 'px">';
+            $fullElement[] =        '<input type="text" class="form-control" disabled="disabled" value="' . htmlspecialchars($shortenedPlaceholder) . '" />';
+            $fullElement[] =    '</div>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-formfield">';
+            $fullElement[] =    $mainFieldHtml;
+            $fullElement[] = '</div>';
+            $fullElement = implode(LF, $fullElement);
+        }
+
+        $resultArray['html'] = $renderedLabel . '
+            <div class="formengine-field-item t3js-formengine-field-item">
+                ' . $fieldInformationHtml . $fullElement . '
+            </div>';
+
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/FileInfoElement.php b/Classes/Form/Element/FileInfoElement.php
new file mode 100644
index 0000000..a245907
--- /dev/null
+++ b/Classes/Form/Element/FileInfoElement.php
@@ -0,0 +1,97 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Resource\File;
+use TYPO3\CMS\Core\Resource\ProcessedFile;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * This renderType is used with type=user in FAL for table sys_file and
+ * sys_file_metadata, for field fileinfo and renders an informational
+ * element with image preview, filename, size and similar.
+ */
+class FileInfoElement extends AbstractFormElement
+{
+    public function __construct(
+        private readonly ResourceFactory $resourceFactory,
+    ) {}
+
+    /**
+     * Handler for single nodes
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+
+        $fileUid = 0;
+        if ($this->data['tableName'] === 'sys_file') {
+            $fileUid = (int)$this->data['databaseRow']['uid'];
+        } elseif ($this->data['tableName'] === 'sys_file_metadata') {
+            $fileUid = (int)($this->data['databaseRow']['file'][0] ?? 0);
+        }
+
+        $fileObject = null;
+        if ($fileUid > 0) {
+            $fileObject = $this->resourceFactory->getFileObject($fileUid);
+        }
+        $resultArray['html'] = $this->renderFileInformationContent($fileObject);
+        return $resultArray;
+    }
+
+    /**
+     * Renders a HTML Block with file information
+     */
+    protected function renderFileInformationContent(?File $file = null): string
+    {
+        $lang = $this->getLanguageService();
+
+        if ($file !== null) {
+            $content = '';
+            if ($file->isMissing()) {
+                $content .= '<span class="badge badge-danger badge-space-end">'
+                    . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:warning.file_missing'))
+                    . '</span>';
+            }
+            if ($file->isImage() || $file->isMediaFile()) {
+                $processedFile = $file->process(ProcessedFile::CONTEXT_IMAGECROPSCALEMASK, ['width' => '150m', 'height' => '150m']);
+                $previewImage = $processedFile->getPublicUrl();
+                if ($previewImage) {
+                    $content .= '<img src="' . htmlspecialchars($previewImage) . '" '
+                        . 'width="' . $processedFile->getProperty('width') . '" '
+                        . 'height="' . $processedFile->getProperty('height') . '" '
+                        . 'alt="" class="t3-tceforms-sysfile-imagepreview" />';
+                }
+            }
+            $content .= '<strong>' . htmlspecialchars($file->getName()) . '</strong>';
+            $content .= ' (' . htmlspecialchars(GeneralUtility::formatSize((int)$file->getSize())) . 'bytes)<br />';
+            $content .= BackendUtility::getProcessedValue('sys_file', 'type', (string)$file->getType()) . ' (' . $file->getMimeType() . ')<br />';
+            $content .= htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:fileMetaDataLocation')) . ': ';
+            $content .= '<a href="' . htmlspecialchars($file->getPublicUrl() ?? '') . '" target="_blank" title="' . $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.view') . '">' . htmlspecialchars($file->getStorage()->getName()) . ' - ' . htmlspecialchars($file->getIdentifier()) . '</a><br />';
+            $content .= '<br />';
+        } else {
+            $content = '<h2>' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:fileMetaErrorInvalidRecord')) . '</h2>';
+        }
+
+        return $content;
+    }
+}
diff --git a/Classes/Form/Element/FolderElement.php b/Classes/Form/Element/FolderElement.php
new file mode 100644
index 0000000..ef304b9
--- /dev/null
+++ b/Classes/Form/Element/FolderElement.php
@@ -0,0 +1,265 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Generation of elements of the type "folder"
+ */
+class FolderElement extends AbstractFormElement
+{
+    /**
+     * Default field controls for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldControl = [
+        'elementBrowser' => [
+            'renderType' => 'elementBrowser',
+        ],
+    ];
+
+    /**
+     * Default field wizards for this element
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+            'after' => [ 'recordsOverview' ],
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [ 'localizationStateSelector' ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [ 'otherLanguageContent' ],
+        ],
+    ];
+
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+    ) {}
+
+    /**
+     * This will render a selector box into which folder relations can be
+     * inserted.
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     * @throws \RuntimeException
+     */
+    public function render(): array
+    {
+        $languageService = $this->getLanguageService();
+        $resultArray = $this->initializeResultArray();
+
+        $row = $this->data['databaseRow'];
+        $parameterArray = $this->data['parameterArray'];
+        $config = $parameterArray['fieldConf']['config'];
+        $elementName = $parameterArray['itemFormElName'];
+
+        $selectedItems = $parameterArray['itemFormElValue'];
+        $maxItems = $config['maxitems'];
+
+        $size = (int)($config['size'] ?? 5);
+        $autoSizeMax = (int)($config['autoSizeMax'] ?? 0);
+        if ($autoSizeMax > 0) {
+            $size = MathUtility::forceIntegerInRange($size, 1);
+            $size = MathUtility::forceIntegerInRange(count($selectedItems) + 1, $size, $autoSizeMax);
+        }
+        $fieldId = StringUtility::getUniqueId('tceforms-multiselect-');
+
+        $listOfSelectedValues = [];
+        $selectorOptionsHtml = [];
+        foreach ($selectedItems as $selectedItem) {
+            $folder = $selectedItem['folder'];
+            $listOfSelectedValues[] = $folder;
+            $selectorOptionsHtml[]
+                = '<option value="' . htmlspecialchars($folder) . '" title="' . htmlspecialchars($folder) . '">'
+                    . htmlspecialchars($folder)
+                . '</option>';
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        if (isset($config['readOnly']) && $config['readOnly']) {
+            // Return early if element is read only
+            $html = [];
+            $html[] = $this->renderLabel($fieldId);
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+            $html[] =   $fieldInformationHtml;
+            $html[] =   '<div class="form-wizards-wrap">';
+            $html[] =       '<div class="form-wizards-item-element">';
+            $html[] =           '<select';
+            $html[] =               ' size="' . $size . '"';
+            $html[] =               ' disabled="disabled"';
+            $html[] =               ' id="' . $fieldId . '"';
+            $html[] =               ' class="form-select"';
+            $html[] =               ($maxItems !== 1 && $size !== 1) ? ' multiple="multiple"' : '';
+            $html[] =           '>';
+            $html[] =               implode(LF, $selectorOptionsHtml);
+            $html[] =           '</select>';
+            $html[] =       '</div>';
+            $html[] =   '</div>';
+            $html[] = '</div>';
+            $resultArray['html'] = implode(LF, $html);
+            return $resultArray;
+        }
+
+        $itemCanBeSelectedMoreThanOnce = !empty($config['multiple']);
+
+        $showMoveIcons = true;
+        if (isset($config['hideMoveIcons']) && $config['hideMoveIcons']) {
+            $showMoveIcons = false;
+        }
+        $showDeleteControl = true;
+        if (isset($config['hideDeleteIcon']) && $config['hideDeleteIcon']) {
+            $showDeleteControl = false;
+        }
+
+        $selectorAttributes = [
+            'id' => $fieldId,
+            'data-formengine-input-name' => htmlspecialchars($elementName),
+            'data-maxitems' => (string)$maxItems,
+            'size' => (string)$size,
+        ];
+        $selectorAttributes['class'] = 'form-select';
+        if ($maxItems !== 1 && $size !== 1) {
+            $selectorAttributes['multiple'] = 'multiple';
+        }
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $html = [];
+        $html[] = $this->renderLabel($fieldId);
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] =   $fieldInformationHtml;
+        $html[] =   '<div class="form-wizards-wrap">';
+        $html[] =       '<div class="form-wizards-item-element">';
+        $html[] =           '<input type="hidden" data-formengine-input-name="' . htmlspecialchars($elementName) . '" value="' . $itemCanBeSelectedMoreThanOnce . '" />';
+        $html[] =           '<select ' . GeneralUtility::implodeAttributes($selectorAttributes, true) . '>';
+        $html[] =               implode(LF, $selectorOptionsHtml);
+        $html[] =           '</select>';
+        $html[] =       '</div>';
+        if (($maxItems > 1 && $size > 1 && $showMoveIcons) || $showDeleteControl) {
+            $html[] =       '<div class="form-wizards-item-aside form-wizards-item-aside--move">';
+            $html[] =           '<div class="btn-group-vertical">';
+            if ($maxItems > 1 && $size >= 2 && $showMoveIcons) {
+                $html[] =           '<button type="button"';
+                $html[] =               ' class="btn btn-default t3js-btn-option t3js-btn-moveoption-top"';
+                $html[] =               ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+                $html[] =               ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_to_top')) . '"';
+                $html[] =           '>';
+                $html[] =               $this->iconFactory->getIcon('actions-move-to-top', IconSize::SMALL)->render();
+                $html[] =               '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_to_top')) . '</span>';
+                $html[] =           '</button>';
+            }
+            if ($maxItems > 1 && $size > 1 && $showMoveIcons) {
+                $html[] =           '<button type="button"';
+                $html[] =               ' class="btn btn-default t3js-btn-option t3js-btn-moveoption-up"';
+                $html[] =               ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+                $html[] =               ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_up')) . '"';
+                $html[] =           '>';
+                $html[] =               $this->iconFactory->getIcon('actions-move-up', IconSize::SMALL)->render();
+                $html[] =               '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_up')) . '</span>';
+                $html[] =           '</button>';
+                $html[] =           '<button type="button"';
+                $html[] =               ' class="btn btn-default t3js-btn-option t3js-btn-moveoption-down"';
+                $html[] =               ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+                $html[] =               ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_down')) . '"';
+                $html[] =           '>';
+                $html[] =               $this->iconFactory->getIcon('actions-move-down', IconSize::SMALL)->render();
+                $html[] =               '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_down')) . '</span>';
+                $html[] =           '</button>';
+            }
+            if ($maxItems > 1 && $size >= 2 && $showMoveIcons) {
+                $html[] =           '<button type="button"';
+                $html[] =               ' class="btn btn-default t3js-btn-option t3js-btn-moveoption-bottom"';
+                $html[] =               ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+                $html[] =               ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_to_bottom')) . '"';
+                $html[] =           '>';
+                $html[] =               $this->iconFactory->getIcon('actions-move-to-bottom', IconSize::SMALL)->render();
+                $html[] =               '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_to_bottom')) . '</span>';
+                $html[] =           '</button>';
+            }
+            if ($showDeleteControl) {
+                $html[] =           '<button type="button"';
+                $html[] =               ' class="btn btn-default t3js-btn-option t3js-btn-removeoption t3js-revert-unique"';
+                $html[] =               ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+                $html[] =               ' data-uid="' . htmlspecialchars((string)$row['uid']) . '"';
+                $html[] =               ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.remove_selected')) . '"';
+                $html[] =           '>';
+                $html[] =               $this->iconFactory->getIcon('actions-selection-delete', IconSize::SMALL)->render();
+                $html[] =               '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.remove_selected')) . '</span>';
+                $html[] =           '</button>';
+            }
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+        }
+        if ($fieldControlHtml !== '') {
+            $html[] =       '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $html[] =           '<div class="btn-group-vertical">';
+            $html[] =               $fieldControlHtml;
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+        }
+        if (!empty($fieldWizardHtml)) {
+            $html[] = '<div class="form-wizards-item-bottom">';
+            $html[] = $fieldWizardHtml;
+            $html[] = '</div>';
+        }
+        $html[] =   '</div>';
+
+        $hiddenElementAttrs = array_merge(
+            [
+                'type' => 'hidden',
+                'name' => $elementName,
+                'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+                'value' => implode(',', $listOfSelectedValues),
+            ],
+            $this->getOnFieldChangeAttrs('change', $parameterArray['fieldChangeFunc'] ?? [])
+        );
+        $html[] =   '<input ' . GeneralUtility::implodeAttributes($hiddenElementAttrs, true) . '>';
+        $html[] = '</div>';
+
+        $resultArray['html']
+            = '<typo3-formengine-element-folder class="formengine-field-item" recordFieldId="' . htmlspecialchars($fieldId) . '">
+                ' . implode(LF, $html) . '
+            </typo3-formengine-element-folder>';
+
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/form-engine/element/folder-element.js');
+
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/GroupElement.php b/Classes/Form/Element/GroupElement.php
new file mode 100644
index 0000000..ec25109
--- /dev/null
+++ b/Classes/Form/Element/GroupElement.php
@@ -0,0 +1,370 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Generation of elements of the type "group"
+ */
+class GroupElement extends AbstractFormElement
+{
+    /**
+     * Default field controls for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldControl = [
+        'elementBrowser' => [
+            'renderType' => 'elementBrowser',
+        ],
+        'insertClipboard' => [
+            'renderType' => 'insertClipboard',
+            'after' => [ 'elementBrowser' ],
+        ],
+        'editPopup' => [
+            'renderType' => 'editPopup',
+            'disabled' => true,
+            'after' => [ 'insertClipboard' ],
+        ],
+        'addRecord' => [
+            'renderType' => 'addRecord',
+            'disabled' => true,
+            'after' => [ 'editPopup' ],
+        ],
+        'listModule' => [
+            'renderType' => 'listModule',
+            'disabled' => true,
+            'after' => [ 'addRecord' ],
+        ],
+    ];
+
+    /**
+     * Default field wizards for this element
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'tableList' => [
+            'renderType' => 'tableList',
+        ],
+        'recordsOverview' => [
+            'renderType' => 'recordsOverview',
+            'after' => [ 'tableList' ],
+        ],
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+            'after' => [ 'recordsOverview' ],
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [ 'localizationStateSelector' ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [ 'otherLanguageContent' ],
+        ],
+        'shortcutValidation' => [
+            'renderType' => 'shortcutValidation',
+            'after' => [ 'defaultLanguageDifferences' ],
+        ],
+    ];
+
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+    ) {}
+
+    /**
+     * This will render a selector box into which elements from the database
+     * can be inserted. Relations.
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     * @throws \RuntimeException
+     */
+    public function render(): array
+    {
+        $languageService = $this->getLanguageService();
+        $backendUser = $this->getBackendUserAuthentication();
+        $resultArray = $this->initializeResultArray();
+
+        $table = $this->data['tableName'];
+        $fieldName = $this->data['fieldName'];
+        $row = $this->data['databaseRow'];
+        $parameterArray = $this->data['parameterArray'];
+        $config = $parameterArray['fieldConf']['config'];
+        $elementName = $parameterArray['itemFormElName'];
+        $recordTypeValue = $this->data['recordTypeValue'] ?? null;
+
+        $selectedItems = $parameterArray['itemFormElValue'];
+        $maxItems = $config['maxitems'];
+
+        $size = (int)($config['size'] ?? 5);
+        $autoSizeMax = (int)($config['autoSizeMax'] ?? 0);
+        if ($autoSizeMax > 0) {
+            $size = MathUtility::forceIntegerInRange($size, 1);
+            $size = MathUtility::forceIntegerInRange(count($selectedItems) + 1, $size, $autoSizeMax);
+        }
+        $fieldId = StringUtility::getUniqueId('tceforms-multiselect-');
+
+        $listOfSelectedValues = [];
+        $selectorOptionsHtml = [];
+        foreach ($selectedItems as $selectedItem) {
+            $tableWithUid = $selectedItem['table'] . '_' . $selectedItem['uid'];
+            $listOfSelectedValues[] = $tableWithUid;
+            $title = $selectedItem['title'];
+            if (empty($title)) {
+                $title = '[' . $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.no_title') . ']';
+            }
+            $shortenedTitle = BackendUtility::cropToTitleLength($title);
+            $selectorOptionsHtml[]
+                = '<option value="' . htmlspecialchars($tableWithUid) . '" title="' . htmlspecialchars($title) . '">'
+                    . htmlspecialchars($this->appendValueToLabelInDebugMode($shortenedTitle, $tableWithUid))
+                . '</option>';
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        if (isset($config['readOnly']) && $config['readOnly']) {
+            // Return early if element is read only
+            $html = [];
+            $html[] = $this->renderLabel($fieldId);
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+            $html[] =   $fieldInformationHtml;
+            $html[] =   '<div class="form-wizards-wrap">';
+            $html[] =       '<div class="form-wizards-item-element">';
+            $html[] =           '<select';
+            $html[] =               ' size="' . $size . '"';
+            $html[] =               ' disabled="disabled"';
+            $html[] =               ' id="' . $fieldId . '"';
+            $html[] =               ' class="form-select"';
+            $html[] =               ($maxItems !== 1 && $size !== 1) ? ' multiple="multiple"' : '';
+            $html[] =           '>';
+            $html[] =               implode(LF, $selectorOptionsHtml);
+            $html[] =           '</select>';
+            $html[] =       '</div>';
+            $html[] =   '</div>';
+            $html[] = '</div>';
+            $resultArray['html'] = implode(LF, $html);
+            return $resultArray;
+        }
+
+        // Need some information if in flex form scope for the suggest element
+        $dataStructureIdentifier = '';
+        $flexFormSheetName = '';
+        $flexFormFieldName = '';
+        $flexFormContainerName = '';
+        $flexFormContainerFieldName = '';
+        if ($this->data['processedTca']['columns'][$fieldName]['config']['type'] === 'flex') {
+            $flexFormConfig = $this->data['processedTca']['columns'][$fieldName];
+            $dataStructureIdentifier = $flexFormConfig['config']['dataStructureIdentifier'];
+            if (!isset($flexFormConfig['config']['dataStructureIdentifier'])) {
+                throw new \RuntimeException(
+                    'A data structure identifier must be set in [\'config\'] part of a flex form.'
+                    . ' This is usually added by TcaFlexPrepare data processor',
+                    1485206970
+                );
+            }
+            if (isset($this->data['flexFormSheetName'])) {
+                $flexFormSheetName = $this->data['flexFormSheetName'];
+            }
+            if (isset($this->data['flexFormFieldName'])) {
+                $flexFormFieldName = $this->data['flexFormFieldName'];
+            }
+            if (isset($this->data['flexFormContainerName'])) {
+                $flexFormContainerName = $this->data['flexFormContainerName'];
+            }
+            if (isset($this->data['flexFormContainerFieldName'])) {
+                $flexFormContainerFieldName = $this->data['flexFormContainerFieldName'];
+            }
+        }
+        // Get minimum characters for suggest from TCA and override by TsConfig
+        $suggestMinimumCharacters = 0;
+        if (isset($config['suggestOptions']['default']['minimumCharacters'])) {
+            $suggestMinimumCharacters = (int)$config['suggestOptions']['default']['minimumCharacters'];
+        }
+        if (isset($parameterArray['fieldTSConfig']['suggest.']['default.']['minimumCharacters'])) {
+            $suggestMinimumCharacters = (int)$parameterArray['fieldTSConfig']['suggest.']['default.']['minimumCharacters'];
+        }
+        $suggestMinimumCharacters = $suggestMinimumCharacters > 0 ? $suggestMinimumCharacters : 2;
+
+        $itemCanBeSelectedMoreThanOnce = !empty($config['multiple']);
+
+        $showMoveIcons = true;
+        if (isset($config['hideMoveIcons']) && $config['hideMoveIcons']) {
+            $showMoveIcons = false;
+        }
+        $showDeleteControl = true;
+        if (isset($config['hideDeleteIcon']) && $config['hideDeleteIcon']) {
+            $showDeleteControl = false;
+        }
+
+        $selectorAttributes = [
+            'id' => $fieldId,
+            'data-formengine-input-name' => htmlspecialchars($elementName),
+            'data-maxitems' => (string)$maxItems,
+            'size' => (string)$size,
+        ];
+        $selectorAttributes['class'] = 'form-select';
+        if ($maxItems !== 1 && $size !== 1) {
+            $selectorAttributes['multiple'] = 'multiple';
+        }
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $html = [];
+        $html[] = $this->renderLabel($fieldId);
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] =   $fieldInformationHtml;
+        $html[] =   '<div class="form-wizards-wrap">';
+        if (!isset($config['hideSuggest']) || (bool)$config['hideSuggest'] !== true) {
+            $html[] =   '<div class="form-wizards-item-top">';
+            $html[] =       '<div class="autocomplete t3-form-suggest-container">';
+            $html[] =           '<input type="search" autocomplete="off" class="t3-form-suggest form-control"';
+            $html[] =               ' placeholder="' . $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:search.find_record') . '"';
+            $html[] =               ' data-fieldname="' . htmlspecialchars($fieldName) . '"';
+            $html[] =               ' data-tablename="' . htmlspecialchars($table) . '"';
+            $html[] =               ' data-field="' . htmlspecialchars($elementName) . '"';
+            $html[] =               ' data-uid="' . htmlspecialchars($this->data['databaseRow']['uid']) . '"';
+            $html[] =               ' data-pid="' . htmlspecialchars($this->data['parentPageRow']['uid'] ?? 0) . '"';
+            $html[] =               ' data-fieldtype="' . htmlspecialchars($config['type']) . '"';
+            $html[] =               ' data-minchars="' . htmlspecialchars((string)$suggestMinimumCharacters) . '"';
+            $html[] =               ' data-datastructureidentifier="' . htmlspecialchars($dataStructureIdentifier) . '"';
+            $html[] =               ' data-flexformsheetname="' . htmlspecialchars($flexFormSheetName) . '"';
+            $html[] =               ' data-flexformfieldname="' . htmlspecialchars($flexFormFieldName) . '"';
+            $html[] =               ' data-flexformcontainername="' . htmlspecialchars($flexFormContainerName) . '"';
+            $html[] =               ' data-flexformcontainerfieldname="' . htmlspecialchars($flexFormContainerFieldName) . '"';
+            if ($recordTypeValue !== null && $recordTypeValue !== '') {
+                $html[] =               ' data-recordtypevalue="' . htmlspecialchars($recordTypeValue) . '"';
+            }
+            $html[] =           '/>';
+            $html[] =       '</div>';
+            $html[] =   '</div>';
+        }
+        $html[] =       '<div class="form-wizards-item-element">';
+        $html[] =           '<input type="hidden" data-formengine-input-name="' . htmlspecialchars($elementName) . '" value="' . $itemCanBeSelectedMoreThanOnce . '" />';
+        $html[] =           '<select ' . GeneralUtility::implodeAttributes($selectorAttributes, true) . '>';
+        $html[] =               implode(LF, $selectorOptionsHtml);
+        $html[] =           '</select>';
+        $html[] =       '</div>';
+        if (($maxItems > 1 && $size > 1 && $showMoveIcons) || $showDeleteControl) {
+            $html[] =       '<div class="form-wizards-item-aside form-wizards-item-aside--move">';
+            $html[] =           '<div class="btn-group-vertical">';
+            if ($maxItems > 1 && $size >= 2 && $showMoveIcons) {
+                $html[] =           '<button type="button"';
+                $html[] =               ' class="btn btn-default t3js-btn-option t3js-btn-moveoption-top"';
+                $html[] =               ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+                $html[] =               ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_to_top')) . '"';
+                $html[] =           '>';
+                $html[] =               $this->iconFactory->getIcon('actions-move-to-top', IconSize::SMALL)->render();
+                $html[] =               '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_to_top')) . '</span>';
+                $html[] =           '</button>';
+            }
+            if ($maxItems > 1 && $size > 1 && $showMoveIcons) {
+                $html[] =           '<button type="button"';
+                $html[] =               ' class="btn btn-default t3js-btn-option t3js-btn-moveoption-up"';
+                $html[] =               ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+                $html[] =               ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_up')) . '"';
+                $html[] =           '>';
+                $html[] =               $this->iconFactory->getIcon('actions-move-up', IconSize::SMALL)->render();
+                $html[] =               '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_up')) . '</span>';
+                $html[] =           '</button>';
+                $html[] =           '<button type="button"';
+                $html[] =               ' class="btn btn-default t3js-btn-option t3js-btn-moveoption-down"';
+                $html[] =               ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+                $html[] =               ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_down')) . '"';
+                $html[] =           '>';
+                $html[] =               $this->iconFactory->getIcon('actions-move-down', IconSize::SMALL)->render();
+                $html[] =               '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_down')) . '</span>';
+                $html[] =           '</button>';
+            }
+            if ($maxItems > 1 && $size >= 2 && $showMoveIcons) {
+                $html[] =           '<button type="button"';
+                $html[] =               ' class="btn btn-default t3js-btn-option t3js-btn-moveoption-bottom"';
+                $html[] =               ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+                $html[] =               ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_to_bottom')) . '"';
+                $html[] =           '>';
+                $html[] =               $this->iconFactory->getIcon('actions-move-to-bottom', IconSize::SMALL)->render();
+                $html[] =               '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_to_bottom')) . '</span>';
+                $html[] =           '</button>';
+            }
+            if ($showDeleteControl) {
+                $html[] =           '<button type="button"';
+                $html[] =               ' class="btn btn-default t3js-btn-option t3js-btn-removeoption t3js-revert-unique"';
+                $html[] =               ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+                $html[] =               ' data-uid="' . htmlspecialchars($row['uid']) . '"';
+                $html[] =               ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.remove_selected')) . '"';
+                $html[] =           '>';
+                $html[] =               $this->iconFactory->getIcon('actions-selection-delete', IconSize::SMALL)->render();
+                $html[] =               '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.remove_selected')) . '</span>';
+                $html[] =           '</button>';
+            }
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+        }
+        if ($fieldControlHtml !== '') {
+            $html[] =       '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $html[] =           '<div class="btn-group-vertical">';
+            $html[] =               $fieldControlHtml;
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+        }
+        if (!empty($fieldWizardHtml)) {
+            $html[] = '<div class="form-wizards-item-bottom">';
+            $html[] = $fieldWizardHtml;
+            $html[] = '</div>';
+        }
+        $html[] =   '</div>';
+
+        $hiddenElementAttrs = array_merge(
+            [
+                'type' => 'hidden',
+                'name' => $elementName,
+                'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+                'value' => implode(',', $listOfSelectedValues),
+            ],
+            $this->getOnFieldChangeAttrs('change', $parameterArray['fieldChangeFunc'] ?? [])
+        );
+        $html[] =   '<input ' . GeneralUtility::implodeAttributes($hiddenElementAttrs, true) . '>';
+        $html[] = '</div>';
+
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create(
+            '@typo3/backend/form-engine/element/group-element.js'
+        )->instance($fieldId);
+
+        $resultArray['html'] = implode(LF, $html);
+        return $resultArray;
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/Element/ImageManipulationElement.php b/Classes/Form/Element/ImageManipulationElement.php
new file mode 100644
index 0000000..be38bcb
--- /dev/null
+++ b/Classes/Form/Element/ImageManipulationElement.php
@@ -0,0 +1,334 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use TYPO3\CMS\Backend\Form\Event\ModifyImageManipulationPreviewUrlEvent;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\Imaging\ImageManipulation\Area;
+use TYPO3\CMS\Core\Imaging\ImageManipulation\CropVariantCollection;
+use TYPO3\CMS\Core\Imaging\ImageManipulation\InvalidConfigurationException;
+use TYPO3\CMS\Core\Imaging\ImageManipulation\Ratio;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Resource\Exception\FileDoesNotExistException;
+use TYPO3\CMS\Core\Resource\File;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Generation of image manipulation FormEngine element.
+ * This is typically used in FAL relations to cut images.
+ */
+class ImageManipulationElement extends AbstractFormElement
+{
+    private string $wizardRouteName = 'ajax_wizard_image_manipulation';
+
+    /**
+     * Default element configuration
+     *
+     * @var array
+     */
+    protected static $defaultConfig = [
+        'file_field' => 'uid_local',
+        'allowedExtensions' => null, // default: $GLOBALS['TYPO3_CONF_VARS']['GFX']['imagefile_ext']
+        'cropVariants' => [
+            'default' => [
+                'title' => 'LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.crop_variant.default',
+                'allowedAspectRatios' => [
+                    '16:9' => [
+                        'title' => 'LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.ratio.16_9',
+                        'value' => 16 / 9,
+                    ],
+                    '3:2' => [
+                        'title' => 'LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.ratio.3_2',
+                        'value' => 3 / 2,
+                    ],
+                    '4:3' => [
+                        'title' => 'LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.ratio.4_3',
+                        'value' => 4 / 3,
+                    ],
+                    '1:1' => [
+                        'title' => 'LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.ratio.1_1',
+                        'value' => 1.0,
+                    ],
+                    'NaN' => [
+                        'title' => 'LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.ratio.free',
+                        'value' => 0.0,
+                    ],
+                ],
+                'excludeFromSync' => false,
+                'selectedRatio' => 'NaN',
+                'cropArea' => [
+                    'x' => 0.0,
+                    'y' => 0.0,
+                    'width' => 1.0,
+                    'height' => 1.0,
+                ],
+            ],
+        ],
+    ];
+
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageThumbnails' => [
+            'renderType' => 'otherLanguageThumbnails',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageThumbnails',
+            ],
+        ],
+    ];
+
+    public function __construct(
+        private readonly BackendViewFactory $backendViewFactory,
+        private readonly UriBuilder $uriBuilder,
+        private readonly EventDispatcherInterface $eventDispatcher,
+        private readonly ResourceFactory $resourceFactory,
+        private readonly HashService $hashService,
+    ) {}
+
+    /**
+     * This will render an imageManipulation field
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     * @throws InvalidConfigurationException
+     */
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+        $parameterArray = $this->data['parameterArray'];
+        $config = $this->populateConfiguration($parameterArray['fieldConf']['config']);
+
+        $file = $this->getFile($this->data['databaseRow'], $config['file_field']);
+        if (!$file) {
+            // Early return in case we do not find a file
+            return $resultArray;
+        }
+
+        $config = $this->processConfiguration($config, $parameterArray['itemFormElValue'], $file);
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $arguments = [
+            'fieldInformation' => $fieldInformationHtml,
+            'fieldControl' => $fieldControlHtml,
+            'fieldWizard' => $fieldWizardHtml,
+            'isAllowedFileExtension' => in_array(strtolower($file->getExtension()), GeneralUtility::trimExplode(',', strtolower($config['allowedExtensions'])), true),
+            'image' => $file,
+            'formEngine' => [
+                'field' => [
+                    'value' => $parameterArray['itemFormElValue'],
+                    'name' => $parameterArray['itemFormElName'],
+                ],
+                'validation' => '[]',
+            ],
+            'config' => $config,
+            'wizardUri' => $this->getWizardUri(),
+            'wizardPayload' => json_encode($this->getWizardPayload($config['cropVariants'], $file)),
+            'previewUrl' => $this->eventDispatcher->dispatch(
+                new ModifyImageManipulationPreviewUrlEvent($this->data['databaseRow'], $config, $file)
+            )->getPreviewUrl(),
+        ];
+
+        if ($arguments['isAllowedFileExtension']) {
+            $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create(
+                '@typo3/backend/image-manipulation.js'
+            )->invoke('initializeTrigger');
+            $arguments['formEngine']['field']['id'] = StringUtility::getUniqueId('formengine-image-manipulation-');
+            if ($config['required'] ?? false) {
+                $arguments['formEngine']['validation'] = $this->getValidationDataAsJsonString(['required' => true]);
+            }
+        }
+        $view = $this->backendViewFactory->create($this->data['request']);
+        $view->assignMultiple($arguments);
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend($view->render('Form/ImageManipulationElement'));
+
+        return $resultArray;
+    }
+
+    /**
+     * Get file object
+     *
+     * @param string $fieldName
+     * @return File|null
+     */
+    protected function getFile(array $row, $fieldName)
+    {
+        $file = null;
+        $fileUid = !empty($row[$fieldName]) ? $row[$fieldName] : null;
+        if (is_array($fileUid) && isset($fileUid[0]['uid'])) {
+            $fileUid = $fileUid[0]['uid'];
+        }
+        if (MathUtility::canBeInterpretedAsInteger($fileUid)) {
+            try {
+                $file = $this->resourceFactory->getFileObject($fileUid);
+            } catch (FileDoesNotExistException|\InvalidArgumentException) {
+            }
+        }
+        return $file;
+    }
+
+    /**
+     * @return array
+     * @throws InvalidConfigurationException
+     */
+    protected function populateConfiguration(array $baseConfiguration)
+    {
+        $defaultConfig = self::$defaultConfig;
+
+        // If ratios are set do not add default options
+        if (isset($baseConfiguration['cropVariants'])) {
+            unset($defaultConfig['cropVariants']);
+        }
+
+        $config = array_replace_recursive($defaultConfig, $baseConfiguration);
+
+        if (!is_array($config['cropVariants'])) {
+            throw new InvalidConfigurationException('Crop variants configuration must be an array', 1485377267);
+        }
+
+        $cropVariants = [];
+        foreach ($config['cropVariants'] as $id => $cropVariant) {
+            // Filter allowed aspect ratios
+            $cropVariant['allowedAspectRatios'] = array_filter($cropVariant['allowedAspectRatios'] ?? [], static function (array $aspectRatio): bool {
+                return !(bool)($aspectRatio['disabled'] ?? false);
+            });
+
+            // Aspect ratios may not contain a "." character, see Ratio::__construct()
+            // To match them again properly, same replacement is required here.
+            $preparedAllowedAspectRatios = [];
+            foreach ($cropVariant['allowedAspectRatios'] as $aspectRatio => $aspectRatioDefinition) {
+                $preparedAllowedAspectRatios[Ratio::prepareAspectRatioId($aspectRatio)] = $aspectRatioDefinition;
+            }
+            $cropVariant['allowedAspectRatios'] = $preparedAllowedAspectRatios;
+
+            // Ignore disabled crop variants
+            if (!empty($cropVariant['disabled'])) {
+                continue;
+            }
+
+            if (empty($cropVariant['allowedAspectRatios'])) {
+                throw new InvalidConfigurationException('Crop variants configuration ' . $id . ' contains no allowed aspect ratios', 1620147893);
+            }
+
+            // Enforce a crop area (default is full image)
+            if (empty($cropVariant['cropArea'])) {
+                $cropVariant['cropArea'] = Area::createEmpty()->asArray();
+            }
+
+            $cropVariants[$id] = $cropVariant;
+        }
+
+        $config['cropVariants'] = $cropVariants;
+
+        // By default we allow all image extensions that can be handled by the GFX functionality
+        $config['allowedExtensions'] ??= $GLOBALS['TYPO3_CONF_VARS']['GFX']['imagefile_ext'];
+        return $config;
+    }
+
+    /**
+     * @return array
+     * @throws InvalidConfigurationException
+     */
+    protected function processConfiguration(array $config, string &$elementValue, File $file)
+    {
+        $cropVariantsAreEqual = $this->checkIfCropVariantsAreEqual($config['cropVariants']);
+        $cropVariantCollection = CropVariantCollection::create($elementValue, $config['cropVariants']);
+        if (empty($config['readOnly']) && !empty($file->getProperty('width'))) {
+            $cropVariantCollection = $cropVariantCollection->applyRatioRestrictionToSelectedCropArea($file);
+            $elementValue = (string)$cropVariantCollection;
+        }
+        $config['cropVariants'] = $cropVariantCollection->asArray();
+        $config['allowedExtensions'] = implode(', ', GeneralUtility::trimExplode(',', $config['allowedExtensions'], true));
+        $config['syncAvailable'] = $cropVariantsAreEqual;
+        return $config;
+    }
+
+    protected function getWizardUri(): string
+    {
+        return (string)$this->uriBuilder->buildUriFromRoute($this->wizardRouteName);
+    }
+
+    protected function getWizardPayload(array $cropVariants, File $image): array
+    {
+        $uriArguments = [];
+        $arguments = [
+            'cropVariants' => $cropVariants,
+            'image' => $image->getUid(),
+        ];
+        $uriArguments['arguments'] = json_encode($arguments);
+        $uriArguments['signature'] = $this->hashService->hmac((string)$uriArguments['arguments'], $this->wizardRouteName);
+
+        return $uriArguments;
+    }
+
+    protected function checkIfCropVariantsAreEqual(array $cropVariants): bool
+    {
+        $validVariants = array_filter(
+            $cropVariants,
+            static fn($variant) => ! ($variant['excludeFromSync'] ?? false)
+        );
+
+        if (count($validVariants) <= 1) {
+            return true;
+        }
+
+        $processedVariants = array_map(static function (array $variant) {
+            // Remove the title for comparison, because it must be different and does not disturb the feature
+            unset($variant['title']);
+            $variant = ArrayUtility::sortByKeyRecursive($variant);
+
+            return ArrayUtility::flatten($variant);
+        }, $validVariants);
+
+        $first = array_shift($processedVariants);
+
+        return array_reduce(
+            $processedVariants,
+            static fn(bool $allEqualSoFar, array $currentVariant) => $allEqualSoFar && ($currentVariant === $first),
+            true
+        );
+    }
+}
diff --git a/Classes/Form/Element/InputHiddenElement.php b/Classes/Form/Element/InputHiddenElement.php
new file mode 100644
index 0000000..2ff6966
--- /dev/null
+++ b/Classes/Form/Element/InputHiddenElement.php
@@ -0,0 +1,34 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+/**
+ * Generation of TCEform elements of the type "input type=hidden"
+ */
+class InputHiddenElement extends AbstractFormElement
+{
+    /**
+     * This will render an input type="hidden" form field
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $parameterArray = $this->data['parameterArray'];
+        $resultArray = $this->initializeResultArray();
+        $resultArray['html'] .= '<input type="hidden" name="' . $parameterArray['itemFormElName'] . '" value="' . htmlspecialchars($parameterArray['itemFormElValue']) . '" />';
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/InputSlugElement.php b/Classes/Form/Element/InputSlugElement.php
new file mode 100644
index 0000000..e67261f
--- /dev/null
+++ b/Classes/Form/Element/InputSlugElement.php
@@ -0,0 +1,264 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Backend\Controller\FormSlugAjaxController;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * General type=input element for TCA Type=Slug with some additional value.
+ */
+class InputSlugElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+        private readonly HashService $hashService,
+    ) {}
+
+    /**
+     * This will render a single-line input form field, possibly with various control/validation features
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $table = $this->data['tableName'];
+        $row = $this->data['databaseRow'];
+        $parameterArray = $this->data['parameterArray'];
+        $resultArray = $this->initializeResultArray();
+
+        $languageId = 0;
+        if ($this->data['tcaSchemata']->has($table) && $this->data['tcaSchemata']->get($table)->hasCapability(TcaSchemaCapability::Language)) {
+            $languageField = $this->data['tcaSchemata']->get($table)->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName();
+            $languageId = (int)((is_array($row[$languageField] ?? null) ? ($row[$languageField][0] ?? 0) : $row[$languageField]) ?? 0);
+        }
+
+        $itemValue = $parameterArray['itemFormElValue'];
+        $config = $parameterArray['fieldConf']['config'];
+        $evalList = GeneralUtility::trimExplode(',', $config['eval'] ?? '', true);
+        $size = MathUtility::forceIntegerInRange($config['size'] ?? $this->defaultInputWidth, $this->minimumInputWidth, $this->maxInputWidth);
+        $width = $this->formMaxWidth($size);
+        $baseUrl = $this->data['customData'][$this->data['fieldName']]['slugPrefix'] ?? '';
+        $fieldId = StringUtility::getUniqueId('formengine-input-');
+        $renderedLabel = $this->renderLabel($fieldId);
+
+        // Convert UTF-8 characters back (that is important, see Slug class when sanitizing)
+        $itemValue = rawurldecode($itemValue);
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        // readOnly is not supported as columns config but might be set by SingleFieldContainer in case
+        // "l10n_display" is set to "defaultAsReadonly". To prevent misbehaviour for fields, which falsely
+        // set this, we also check for "defaultAsReadonly" being set and whether the record is an overlay.
+        if (($config['readOnly'] ?? false)
+            && ($this->data['processedTca']['ctrl']['transOrigPointerField'] ?? false)
+            && ($row[$this->data['processedTca']['ctrl']['transOrigPointerField']][0] ?? $row[$this->data['processedTca']['ctrl']['transOrigPointerField']] ?? false)
+            && GeneralUtility::inList($parameterArray['fieldConf']['l10n_display'] ?? '', 'defaultAsReadonly')
+        ) {
+            $disabledFieldAttributes = [
+                'class' => 'form-control',
+                'data-formengine-input-name' => $parameterArray['itemFormElName'],
+                'type' => 'text',
+                'value' => $itemValue,
+                'title' => $itemValue,
+                'id' => $fieldId,
+            ];
+            $html = [];
+            $html[] = $renderedLabel;
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+            $html[] =     $fieldInformationHtml;
+            $html[] =     '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+            $html[] =         '<div class="form-wizards-wrap">';
+            $html[] =             '<div class="form-wizards-item-element">';
+            $html[] =                 '<div class="input-group">';
+            $html[] =                     ($baseUrl ? '<span class="input-group-text">' . htmlspecialchars($baseUrl) . '</span>' : '');
+            $html[] =                     '<input ' . GeneralUtility::implodeAttributes($disabledFieldAttributes, true) . ' disabled>';
+            $html[] =                 '</div>';
+            $html[] =             '</div>';
+            $html[] =         '</div>';
+            $html[] =     '</div>';
+            $html[] = '</div>';
+            $resultArray['html'] = implode(LF, $html);
+            return $resultArray;
+        }
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+        $toggleButtonTitle = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:buttons.toggleSlugExplanation');
+        $recreateButtonTitle = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:buttons.recreateSlugExplanation');
+
+        $successMessage = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:slugCreation.success.' . ($table === 'pages' ? 'page' : 'record'));
+        $errorMessage = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:slugCreation.error');
+
+        $thisSlugId = 't3js-form-field-slug-id' . StringUtility::getUniqueId();
+        $mainFieldHtml = [];
+        $mainFieldHtml[] = $renderedLabel;
+        $mainFieldHtml[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $mainFieldHtml[] =  $fieldInformationHtml;
+        $mainFieldHtml[] =  '<div class="form-control-wrap" style="max-width: ' . $width . 'px" id="' . htmlspecialchars($thisSlugId) . '">';
+        $mainFieldHtml[] =      '<div class="form-wizards-wrap">';
+        $mainFieldHtml[] =          '<div class="form-wizards-item-element">';
+        $mainFieldHtml[] =              '<div class="input-group">';
+        $mainFieldHtml[] =                  ($baseUrl ? '<span class="input-group-text">' . htmlspecialchars($baseUrl) . '</span>' : '');
+        // We deal with 3 fields here: a readonly field for current / default values, an input
+        // field to manipulate the value, and the final hidden field used to send the value
+        $mainFieldHtml[] =                  '<input';
+        $mainFieldHtml[] =                      ' class="form-control t3js-form-field-slug-readonly"';
+        $mainFieldHtml[] =                      ' title="' . htmlspecialchars($itemValue) . '"';
+        $mainFieldHtml[] =                      ' value="' . htmlspecialchars($itemValue) . '"';
+        $mainFieldHtml[] =                      ' readonly';
+        $mainFieldHtml[] =                  ' />';
+        $mainFieldHtml[] =                  '<input type="text"';
+        $mainFieldHtml[] =                      ' id="' . htmlspecialchars($fieldId) . '"';
+        $mainFieldHtml[] =                      ' class="form-control t3js-form-field-slug-input hidden"';
+        $mainFieldHtml[] =                      ' placeholder="' . htmlspecialchars($row['slug'] ?? '/') . '"';
+        $mainFieldHtml[] =                      ' data-formengine-validation-rules="' . htmlspecialchars($this->getValidationDataAsJsonString($config)) . '"';
+        $mainFieldHtml[] =                      ' data-formengine-input-params="' . htmlspecialchars((string)json_encode(['field' => $parameterArray['itemFormElName'], 'evalList' => implode(',', $evalList)])) . '"';
+        $mainFieldHtml[] =                      ' data-formengine-input-name="' . htmlspecialchars($parameterArray['itemFormElName']) . '"';
+        $mainFieldHtml[] =                  ' />';
+        $mainFieldHtml[] =                  '<input type="hidden"';
+        $mainFieldHtml[] =                      ' class="t3js-form-field-slug-hidden"';
+        $mainFieldHtml[] =                      ' name="' . htmlspecialchars($parameterArray['itemFormElName']) . '"';
+        $mainFieldHtml[] =                      ' value="' . htmlspecialchars($itemValue) . '"';
+        $mainFieldHtml[] =                  ' />';
+        $mainFieldHtml[] =                  '<button class="btn btn-default t3js-form-field-slug-toggle" type="button" title="' . htmlspecialchars($toggleButtonTitle) . '">';
+        $mainFieldHtml[] =                      $this->iconFactory->getIcon('actions-version-workspaces-preview-link', IconSize::SMALL)->render();
+        $mainFieldHtml[] =                  '</button>';
+        $mainFieldHtml[] =                  '<button class="btn btn-default t3js-form-field-slug-recreate" type="button" title="' . htmlspecialchars($recreateButtonTitle) . '">';
+        $mainFieldHtml[] =                      $this->iconFactory->getIcon('actions-refresh', IconSize::SMALL)->render();
+        $mainFieldHtml[] =                  '</button>';
+        $mainFieldHtml[] =              '</div>';
+        $mainFieldHtml[] =          '</div>';
+        if (!empty($fieldControlHtml)) {
+            $mainFieldHtml[] =      '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $mainFieldHtml[] =          '<div class="btn-group">';
+            $mainFieldHtml[] =              $fieldControlHtml;
+            $mainFieldHtml[] =          '</div>';
+            $mainFieldHtml[] =      '</div>';
+        }
+        $mainFieldHtml[] =          '<div class="form-wizards-item-bottom">';
+        $mainFieldHtml[] =              '<div class="t3js-form-proposal-accepted callout callout-success hidden mt-3 mb-0">';
+        $mainFieldHtml[] =                  '<div class="callout-content">';
+        $mainFieldHtml[] =                      '<div class="callout-body">';
+        $mainFieldHtml[] =                          sprintf(htmlspecialchars($successMessage), '<samp class="text-nowrap">' . htmlspecialchars($baseUrl) . '<span class="fw-bold">/abc/</span></samp>');
+        $mainFieldHtml[] =                      '</div>';
+        $mainFieldHtml[] =                  '</div>';
+        $mainFieldHtml[] =              '</div>';
+        $mainFieldHtml[] =              '<div class="t3js-form-proposal-different callout callout-warning hidden mt-3 mb-0">';
+        $mainFieldHtml[] =                  '<div class="callout-content">';
+        $mainFieldHtml[] =                      '<div class="callout-body">';
+        $mainFieldHtml[] =                          sprintf(htmlspecialchars($errorMessage), '<samp class="text-nowrap">' . htmlspecialchars($baseUrl) . '<span class="fw-bold">/abc/</span></samp>');
+        $mainFieldHtml[] =                      '</div>';
+        $mainFieldHtml[] =                  '</div>';
+        $mainFieldHtml[] =              '</div>';
+        $mainFieldHtml[] =              $fieldWizardHtml;
+        $mainFieldHtml[] =          '</div>';
+        $mainFieldHtml[] =      '</div>';
+        $mainFieldHtml[] =  '</div>';
+        $mainFieldHtml[] = '</div>';
+
+        $resultArray['html'] = implode(LF, $mainFieldHtml);
+
+        [$commonElementPrefix] = GeneralUtility::revExplode('[', $parameterArray['itemFormElName'], 2);
+        $validInputNamesToListenTo = [];
+        $includeUidInValues = false;
+        foreach ($config['generatorOptions']['fields'] ?? [] as $fieldNameParts) {
+            if (is_string($fieldNameParts)) {
+                $fieldNameParts = GeneralUtility::trimExplode(',', $fieldNameParts);
+            }
+            foreach ($fieldNameParts as $listenerFieldName) {
+                if ($listenerFieldName === 'uid') {
+                    $includeUidInValues = true;
+                    continue;
+                }
+                $validInputNamesToListenTo[$listenerFieldName] = $commonElementPrefix . '[' . htmlspecialchars($listenerFieldName) . ']';
+            }
+        }
+        $parentPageId = $this->data['parentPageRow']['uid'] ?? 0;
+        $signature = $this->hashService->hmac(
+            implode(
+                '',
+                [
+                    $table,
+                    $this->data['effectivePid'],
+                    $row['uid'],
+                    $languageId,
+                    $this->data['fieldName'],
+                    $this->data['command'],
+                    $parentPageId,
+                ]
+            ),
+            FormSlugAjaxController::class
+        );
+        $optionsForModule = [
+            'pageId' => $this->data['effectivePid'],
+            'recordId' => $row['uid'],
+            'tableName' => $table,
+            'fieldName' => $this->data['fieldName'],
+            'config' => $config,
+            'listenerFieldNames' => $validInputNamesToListenTo,
+            'language' => $languageId,
+            'originalValue' => $itemValue,
+            'signature' => $signature,
+            'command' => $this->data['command'],
+            'parentPageId' => $parentPageId,
+            'includeUidInValues' => $includeUidInValues,
+        ];
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create(
+            '@typo3/backend/form-engine/element/slug-element.js'
+        )->instance('#' . $thisSlugId, $optionsForModule);
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/InputTextElement.php b/Classes/Form/Element/InputTextElement.php
new file mode 100644
index 0000000..7a91ecb
--- /dev/null
+++ b/Classes/Form/Element/InputTextElement.php
@@ -0,0 +1,276 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * General type=input element
+ *
+ * The InputTextElement renders a html input field with the type "text" attribute.
+ */
+class InputTextElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    /**
+     * This will render a single-line input form field, possibly with various control/validation features
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $table = $this->data['tableName'];
+        $fieldName = $this->data['fieldName'];
+        $parameterArray = $this->data['parameterArray'];
+        $resultArray = $this->initializeResultArray();
+        $config = $parameterArray['fieldConf']['config'];
+
+        $itemValue = $parameterArray['itemFormElValue'];
+        $width = $this->formMaxWidth(
+            MathUtility::forceIntegerInRange($config['size'] ?? $this->defaultInputWidth, $this->minimumInputWidth, $this->maxInputWidth)
+        );
+        $fieldId = StringUtility::getUniqueId('formengine-input-');
+        $itemName = (string)$parameterArray['itemFormElName'];
+        $renderedLabel = $this->renderLabel($fieldId);
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        if ($config['readOnly'] ?? false) {
+            $html = [];
+            $html[] = $renderedLabel;
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+            $html[] =   $fieldInformationHtml;
+            $html[] =   '<div class="form-wizards-wrap">';
+            $html[] =       '<div class="form-wizards-item-element">';
+            $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+            $html[] =               '<input class="form-control" id="' . htmlspecialchars($fieldId) . '" name="' . htmlspecialchars($itemName) . '" value="' . htmlspecialchars((string)$itemValue) . '" type="text" disabled>';
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+            $html[] =   '</div>';
+            $html[] = '</div>';
+            $resultArray['html'] = implode(LF, $html);
+            return $resultArray;
+        }
+
+        $languageService = $this->getLanguageService();
+
+        // @todo: The whole eval handling is a mess and needs refactoring
+        $evalList = GeneralUtility::trimExplode(',', $config['eval'] ?? '', true);
+        foreach ($evalList as $func) {
+            // @todo: This is ugly: The code should find out on it's own whether an eval definition is a
+            // @todo: keyword like "date", or a class reference. The global registration could be dropped then
+            // Pair hook to the one in \TYPO3\CMS\Core\DataHandling\DataHandler::checkValue_input_Eval()
+            if (isset($GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['tce']['formevals'][$func])) {
+                if (class_exists($func)) {
+                    $evalObj = GeneralUtility::makeInstance($func);
+                    if (method_exists($evalObj, 'deevaluateFieldValue')) {
+                        $_params = [
+                            'value' => $itemValue,
+                        ];
+                        $itemValue = $evalObj->deevaluateFieldValue($_params);
+                    }
+                    $resultArray = $this->resolveJavaScriptEvaluation($resultArray, $func, $evalObj);
+                }
+            }
+        }
+
+        if ($config['nullable'] ?? false) {
+            $evalList[] = 'null';
+        }
+
+        $formEngineInputParams = [
+            'field' => $itemName,
+        ];
+        // The `is_in` constraint requires two parameters to work: the "eval" setting and a configuration of the
+        // actually allowed characters
+        if (in_array('is_in', $evalList, true)) {
+            if (($config['is_in'] ?? '') !== '') {
+                $formEngineInputParams['is_in'] = $config['is_in'];
+            } else {
+                $evalList = array_diff($evalList, ['is_in']);
+            }
+        } else {
+            unset($config['is_in']);
+        }
+        if ($evalList !== []) {
+            $formEngineInputParams['evalList'] = implode(',', $evalList);
+        }
+
+        $attributes = [
+            'value' => '',
+            'id' => $fieldId,
+            'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+            'data-formengine-input-params' => (string)json_encode($formEngineInputParams, JSON_THROW_ON_ERROR),
+            'data-formengine-input-name' => $itemName,
+        ];
+
+        $maxLength = (int)($config['max'] ?? 0);
+        if ($maxLength > 0) {
+            $attributes['maxlength'] = (string)$maxLength;
+        }
+        $minLength = (int)($config['min'] ?? 0);
+        if ($minLength > 0 && ($maxLength === 0 || $minLength <= $maxLength)) {
+            $attributes['minlength'] = (string)$minLength;
+        }
+        if (!empty($config['placeholder'])) {
+            $attributes['placeholder'] = trim($config['placeholder']);
+        }
+        if (isset($config['autocomplete'])) {
+            $attributes['autocomplete'] = empty($config['autocomplete']) ? 'new-' . $fieldName : 'on';
+        }
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $mainFieldHtml = [];
+        $mainFieldHtml[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+        $mainFieldHtml[] =  '<div class="form-wizards-wrap">';
+        $mainFieldHtml[] =      '<div class="form-wizards-item-element">';
+
+        if (is_array($config['valuePicker']['items'] ?? false)) {
+            $attributes['class'] = 'form-control';
+            $mainFieldHtml[] = '<typo3-backend-combobox>';
+            $mainFieldHtml[] = '<input type="text" ' . GeneralUtility::implodeAttributes($attributes, true) . ' />';
+            foreach ($config['valuePicker']['items'] as $item) {
+                $mainFieldHtml[] = '<typo3-backend-combobox-choice value="' . htmlspecialchars($item['value']) . '">' . htmlspecialchars($languageService->sL($item['label'])) . '</typo3-backend-combobox-choice>';
+            }
+            $mainFieldHtml[] = '</typo3-backend-combobox>';
+            $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/element/combobox-element.js');
+        } else {
+            $attributes['class'] = implode(' ', [
+                'form-control',
+                'form-control-clearable',
+                't3js-clearable',
+            ]);
+            $mainFieldHtml[] = '<input type="text" ' . GeneralUtility::implodeAttributes($attributes, true) . ' />';
+        }
+
+        $mainFieldHtml[] =          '<input type="hidden" name="' . $itemName . '" value="' . htmlspecialchars((string)$itemValue) . '" />';
+        $mainFieldHtml[] =      '</div>';
+        if (!empty($fieldControlHtml)) {
+            $mainFieldHtml[] =      '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $mainFieldHtml[] =          '<div class="btn-group">';
+            $mainFieldHtml[] =              $fieldControlHtml;
+            $mainFieldHtml[] =          '</div>';
+            $mainFieldHtml[] =      '</div>';
+        }
+        if (!empty($fieldWizardHtml)) {
+            $mainFieldHtml[] = '<div class="form-wizards-item-bottom">';
+            $mainFieldHtml[] = $fieldWizardHtml;
+            $mainFieldHtml[] = '</div>';
+        }
+        $mainFieldHtml[] =  '</div>';
+        $mainFieldHtml[] = '</div>';
+        $mainFieldHtml = implode(LF, $mainFieldHtml);
+
+        $nullControlNameEscaped = htmlspecialchars('control[active][' . $table . '][' . $this->data['databaseRow']['uid'] . '][' . $fieldName . ']');
+
+        $fullElement = $mainFieldHtml;
+        if ($this->hasNullCheckboxButNoPlaceholder()) {
+            $checked = $itemValue !== null ? ' checked="checked"' : '';
+            $fullElement = [];
+            $fullElement[] = '<div class="t3-form-field-disable"></div>';
+            $fullElement[] = '<div class="form-check t3-form-field-eval-null-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.nullCheckbox');
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = $mainFieldHtml;
+            $fullElement = implode(LF, $fullElement);
+        } elseif ($this->hasNullCheckboxWithPlaceholder()) {
+            $checked = $itemValue !== null ? ' checked="checked"' : '';
+            $placeholder = $shortenedPlaceholder = trim((string)($config['placeholder'] ?? ''));
+            if ($placeholder !== '') {
+                $shortenedPlaceholder = GeneralUtility::fixed_lgd_cs($placeholder, 20);
+                if ($placeholder !== $shortenedPlaceholder) {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        '<span title="' . htmlspecialchars($placeholder) . '">' . htmlspecialchars($shortenedPlaceholder) . '</span>'
+                    );
+                } else {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        htmlspecialchars($placeholder)
+                    );
+                }
+            } else {
+                $overrideLabel = $languageService->sL(
+                    'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override_not_available'
+                );
+            }
+            $fullElement = [];
+            $fullElement[] = '<div class="form-check t3js-form-field-eval-null-placeholder-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $overrideLabel;
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-placeholder">';
+            $fullElement[] =    '<div class="form-control-wrap" style="max-width:' . $width . 'px">';
+            $fullElement[] =        '<input type="text" class="form-control" disabled="disabled" value="' . htmlspecialchars($shortenedPlaceholder) . '" />';
+            $fullElement[] =    '</div>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-formfield">';
+            $fullElement[] =    $mainFieldHtml;
+            $fullElement[] = '</div>';
+            $fullElement = implode(LF, $fullElement);
+        }
+
+        $resultArray['html'] = $renderedLabel . '
+            <div class="formengine-field-item t3js-formengine-field-item">
+                ' . $fieldInformationHtml . $fullElement . '
+            </div>';
+
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/JsonElement.php b/Classes/Form/Element/JsonElement.php
new file mode 100644
index 0000000..e623e6e
--- /dev/null
+++ b/Classes/Form/Element/JsonElement.php
@@ -0,0 +1,234 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Backend\CodeEditor\CodeEditor;
+use TYPO3\CMS\Backend\CodeEditor\Registry\AddonRegistry;
+use TYPO3\CMS\Backend\CodeEditor\Registry\ModeRegistry;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Handles type=json elements.
+ *
+ * Renders either a code editor or a standard textarea.
+ */
+class JsonElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+
+        $parameterArray = $this->data['parameterArray'];
+        $config = $parameterArray['fieldConf']['config'];
+        $readOnly = (bool)($config['readOnly'] ?? false);
+        $placeholder = trim((string)($config['placeholder'] ?? ''));
+        $enableCodeEditor = $config['enableCodeEditor'] ?? true;
+
+        $itemValue = '';
+        if (!empty($parameterArray['itemFormElValue'])) {
+            try {
+                $itemValue = (string)json_encode($parameterArray['itemFormElValue'], JSON_UNESCAPED_SLASHES | JSON_PRETTY_PRINT | JSON_THROW_ON_ERROR);
+            } catch (\JsonException) {
+            }
+        }
+
+        $width = null;
+        if ($config['cols'] ?? false) {
+            $width = $this->formMaxWidth(MathUtility::forceIntegerInRange($config['cols'], $this->minimumInputWidth, $this->maxInputWidth));
+        }
+
+        $rows = MathUtility::forceIntegerInRange(($config['rows'] ?? 5) ?: 5, 1, 20);
+        $originalRows = $rows;
+        if (($itemFormElementValueLength = strlen($itemValue)) > 80) {
+            $calculatedRows = MathUtility::forceIntegerInRange(
+                (int)round($itemFormElementValueLength / 40),
+                count(explode(LF, $itemValue)),
+                20
+            );
+            if ($originalRows < $calculatedRows) {
+                $rows = $calculatedRows;
+            }
+        }
+        $fieldId = StringUtility::getUniqueId('formengine-json-');
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        if ($readOnly && !$enableCodeEditor) {
+            $html = [];
+            $html[] = $this->renderLabel($fieldId);
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+            $html[] =   $fieldInformationHtml;
+            $html[] =   '<div class="form-wizards-wrap">';
+            $html[] =       '<div class="form-wizards-item-element">';
+            $html[] =           '<div class="form-control-wrap"' . ($width ? ' style="max-width: ' . $width . 'px">' : '>');
+            $html[] =               '<textarea class="form-control font-monospace" id="' . htmlspecialchars($fieldId) . '" rows="' . $rows . '" disabled>';
+            $html[] =                   htmlspecialchars($itemValue);
+            $html[] =               '</textarea>';
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+            $html[] =   '</div>';
+            $html[] = '</div>';
+            $resultArray['html'] = implode(LF, $html);
+            return $resultArray;
+        }
+
+        $itemName = (string)$parameterArray['itemFormElName'];
+        $attributes = [
+            'id' => $fieldId,
+            'name' => $itemName,
+            'wrap' => 'off',
+            'rows' => (string)$rows,
+            'class' => 'form-control font-monospace',
+            'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+        ];
+
+        if ($readOnly) {
+            $attributes['disabled'] = '';
+        }
+
+        if ($placeholder !== '') {
+            $attributes['placeholder'] = $placeholder;
+        }
+
+        // Use CodeMirror if available
+        if ($enableCodeEditor) {
+            // Compile and register code editor configuration
+            GeneralUtility::makeInstance(CodeEditor::class)->registerConfiguration();
+
+            $modeRegistry = GeneralUtility::makeInstance(ModeRegistry::class);
+            $mode = $modeRegistry->isRegistered('json')
+                ? $modeRegistry->getByFormatCode('json')
+                : $modeRegistry->getDefaultMode();
+
+            $addons = $keymaps = [];
+            foreach (GeneralUtility::makeInstance(AddonRegistry::class)->getAddons() as $addon) {
+                foreach ($addon->getCssFiles() as $cssFile) {
+                    $resultArray['stylesheetFiles'][] = $cssFile;
+                }
+                if (($module = $addon->getModule())) {
+                    $addons[] = $module;
+                }
+                if (($keymap = $addon->getKeymap())) {
+                    $keymaps[] = $keymap;
+                }
+            }
+
+            $codeMirrorConfig = [
+                'mode' => GeneralUtility::jsonEncodeForHtmlAttribute($mode->getModule(), false),
+            ];
+
+            if ($readOnly) {
+                $codeMirrorConfig['readonly'] = '';
+            }
+            if ($placeholder !== '') {
+                $codeMirrorConfig['placeholder'] = $placeholder;
+            }
+            if ($addons !== []) {
+                $codeMirrorConfig['addons'] = GeneralUtility::jsonEncodeForHtmlAttribute($addons, false);
+            }
+            if ($keymaps !== []) {
+                $codeMirrorConfig['keymaps'] = GeneralUtility::jsonEncodeForHtmlAttribute($keymaps, false);
+            }
+
+            $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/code-editor/element/code-mirror-element.js');
+            $editorHtml = '
+                <typo3-t3editor-codemirror ' . GeneralUtility::implodeAttributes($codeMirrorConfig, true, true) . '>
+                    <textarea ' . GeneralUtility::implodeAttributes($attributes, true, true) . '>' . htmlspecialchars($itemValue) . '</textarea>
+                    <input type="hidden" name="target" value="0" />
+                    <input type="hidden" name="effectivePid" value="' . htmlspecialchars((string)($this->data['effectivePid'] ?? '0')) . '" />
+                </typo3-t3editor-codemirror>';
+        } else {
+            $attributes['class'] = implode(' ', array_merge(explode(' ', $attributes['class']), ['formengine-textarea', 't3js-enable-tab']));
+            $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/form-engine/element/json-element.js');
+            $editorHtml = '
+                <typo3-formengine-element-json recordFieldId="' . htmlspecialchars($fieldId) . '">
+                    <textarea ' . GeneralUtility::implodeAttributes($attributes, true, true) . '>' . htmlspecialchars($itemValue) . '</textarea>
+                </typo3-formengine-element-json>';
+        }
+
+        $additionalHtml = [];
+        if (!$readOnly) {
+            $fieldControlResult = $this->renderFieldControl();
+            $fieldControlHtml = $fieldControlResult['html'];
+            $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+            if (!empty($fieldControlHtml)) {
+                $additionalHtml[] = '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+                $additionalHtml[] =     '<div class="btn-group">';
+                $additionalHtml[] =         $fieldControlHtml;
+                $additionalHtml[] =     '</div>';
+                $additionalHtml[] = '</div>';
+            }
+
+            $fieldWizardResult = $this->renderFieldWizard();
+            $fieldWizardHtml = $fieldWizardResult['html'];
+            $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+            if (!empty($fieldWizardHtml)) {
+                $additionalHtml[] = '<div class="form-wizards-item-bottom">';
+                $additionalHtml[] =     $fieldWizardHtml;
+                $additionalHtml[] = '</div>';
+            }
+        }
+
+        $html = [];
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] =   $fieldInformationHtml;
+        $html[] =   '<div class="form-control-wrap"' . ($width ? ' style="max-width: ' . $width . 'px">' : '>');
+        $html[] =       '<div class="form-wizards-wrap">';
+        $html[] =           '<div class="form-wizards-item-element">';
+        $html[] =               $editorHtml;
+        $html[] =           '</div>';
+        $html[] =           implode(LF, $additionalHtml);
+        $html[] =       '</div>';
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend(implode(LF, $html));
+
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/LinkElement.php b/Classes/Form/Element/LinkElement.php
new file mode 100644
index 0000000..fb484e1
--- /dev/null
+++ b/Classes/Form/Element/LinkElement.php
@@ -0,0 +1,521 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use TYPO3\CMS\Backend\Form\Event\ModifyLinkExplanationEvent;
+use TYPO3\CMS\Backend\LinkHandler\RecordLinkHandler;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\LinkHandling\Exception\UnknownLinkHandlerException;
+use TYPO3\CMS\Core\LinkHandling\LinkService;
+use TYPO3\CMS\Core\LinkHandling\TypoLinkCodecService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Resource\Exception\FileDoesNotExistException;
+use TYPO3\CMS\Core\Resource\Exception\FolderDoesNotExistException;
+use TYPO3\CMS\Core\Resource\Exception\InvalidPathException;
+use TYPO3\CMS\Core\Resource\File;
+use TYPO3\CMS\Core\Resource\Folder;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Link element.
+ *
+ * Shows current link and the link popup.
+ */
+class LinkElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+        private readonly EventDispatcherInterface $eventDispatcher,
+        private readonly TypoLinkCodecService $typoLinkCodecService,
+        private readonly LinkService $linkService,
+    ) {}
+
+    /**
+     * This will render a single-line link form field, possibly with various control/validation features
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $table = $this->data['tableName'];
+        $fieldName = $this->data['fieldName'];
+        $parameterArray = $this->data['parameterArray'];
+        $resultArray = $this->initializeResultArray();
+        $config = $parameterArray['fieldConf']['config'];
+
+        if (is_array($config['allowedTypes'] ?? false) && $config['allowedTypes'] === []) {
+            throw new \RuntimeException(
+                'Field "' . $fieldName . '" in table "' . $table . '" of type "link" defines an empty list of allowed link types.',
+                1646922484
+            );
+        }
+
+        $itemValue = $parameterArray['itemFormElValue'];
+        $width = $this->formMaxWidth(
+            MathUtility::forceIntegerInRange($config['size'] ?? $this->defaultInputWidth, $this->minimumInputWidth, $this->maxInputWidth)
+        );
+        $fieldId = StringUtility::getUniqueId('formengine-input-');
+        $itemName = (string)$parameterArray['itemFormElName'];
+        $renderedLabel = $this->renderLabel($fieldId);
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        if ($config['readOnly'] ?? false) {
+            $html = [];
+            $html[] = $renderedLabel;
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+            $html[] =   $fieldInformationHtml;
+            $html[] =   '<div class="form-wizards-wrap">';
+            $html[] =       '<div class="form-wizards-item-element">';
+            $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+            $html[] =               '<input class="form-control" id="' . htmlspecialchars($fieldId) . '" name="' . htmlspecialchars($itemName) . '" value="' . htmlspecialchars((string)$itemValue) . '" type="text" disabled>';
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+            $html[] =   '</div>';
+            $html[] = '</div>';
+            $resultArray['html'] = implode(LF, $html);
+            return $resultArray;
+        }
+
+        $languageService = $this->getLanguageService();
+
+        // Always adding "trim".
+        $evalList = ['trim'];
+        if ($config['nullable'] ?? false) {
+            $evalList[] = 'null';
+        }
+
+        $attributes = [
+            'value' => '',
+            'id' => $fieldId,
+            'class' => implode(' ', [
+                'form-control',
+                'form-control-clearable',
+                't3js-clearable',
+                't3js-form-field-link-input',
+            ]),
+            'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+            'data-formengine-input-params' => (string)json_encode([
+                'field' => $itemName,
+                'evalList' => implode(',', $evalList),
+            ], JSON_THROW_ON_ERROR),
+            'data-formengine-input-name' => $itemName,
+        ];
+
+        if (!empty($config['placeholder'])) {
+            $attributes['placeholder'] = trim($config['placeholder']);
+        }
+        if (isset($config['autocomplete'])) {
+            $attributes['autocomplete'] = empty($config['autocomplete']) ? 'new-' . $fieldName : 'on';
+        }
+
+        $valuePickerHtml = [];
+        if (is_array($config['valuePicker']['items'] ?? false)) {
+            $valuePickerConfiguration = [
+                'linked-field' => '[data-formengine-input-name="' . $itemName . '"]',
+                'class' => 'form-control-clearable-wrapper',
+            ];
+            $valuePickerAttributes = array_merge(
+                [
+                    'class' => 'form-select form-control-adapt',
+                ],
+                $this->getOnFieldChangeAttrs('change', $parameterArray['fieldChangeFunc'] ?? [])
+            );
+
+            $valuePickerHtml[] = '<typo3-formengine-valuepicker ' . GeneralUtility::implodeAttributes($valuePickerConfiguration, true) . '>';
+            $valuePickerHtml[] = '<select ' . GeneralUtility::implodeAttributes($valuePickerAttributes, true) . '>';
+            $valuePickerHtml[] = '<option></option>';
+            foreach ($config['valuePicker']['items'] as $item) {
+                $valuePickerHtml[] = '<option value="' . htmlspecialchars($item['value']) . '">' . htmlspecialchars($languageService->sL($item['label'])) . '</option>';
+            }
+            $valuePickerHtml[] = '</select>';
+            $valuePickerHtml[] = '</typo3-formengine-valuepicker>';
+
+            $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/form-engine/field-wizard/value-picker.js');
+        }
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        // Manually initialize the "linkPopup" FieldControl configuration, based on the link type specific settings
+        $this->initializeLinkPopup($config);
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $linkExplanation = $this->getLinkExplanation((string)$itemValue);
+        $hasExplanation = ($linkExplanation['text'] ?? '') !== '';
+        if ($hasExplanation) {
+            $attributes['hidden'] = 'hidden';
+        }
+        $explanation = htmlspecialchars($linkExplanation['text'] ?? '');
+        $toggleButtonTitle = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:buttons.toggleLinkExplanation');
+
+        $expansionHtml = [];
+        $expansionHtml[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+        $expansionHtml[] =  '<div class="form-wizards-wrap">';
+        $expansionHtml[] =      '<div class="form-wizards-item-element">';
+        $expansionHtml[] =          '<div class="input-group t3js-form-field-link">';
+        $expansionHtml[] =              '<span class="t3js-form-field-link-icon input-group-text">' . ($linkExplanation['icon'] ?? '') . '</span>';
+        $expansionHtml[] =              '<input class="form-control form-control-explanation t3js-form-field-link-explanation" title="' . $explanation . '" value="' . $explanation . '"' . ' readonly' . ($hasExplanation ? '' : ' hidden') . '>';
+        $expansionHtml[] =              '<input type="text" ' . GeneralUtility::implodeAttributes($attributes, true) . ' />';
+        $expansionHtml[] =              '<input type="hidden" name="' . $itemName . '" value="' . htmlspecialchars((string)$itemValue) . '" />';
+        $expansionHtml[] =              '<button class="btn btn-default t3js-form-field-link-explanation-toggle" type="button" title="' . htmlspecialchars($toggleButtonTitle) . '"' . ($hasExplanation ? '' : ' disabled') . '>';
+        $expansionHtml[] =                  $this->iconFactory->getIcon('actions-version-workspaces-preview-link', IconSize::SMALL)->render();
+        $expansionHtml[] =              '</button>';
+        $expansionHtml[] =          '</div>';
+        $expansionHtml[] =      '</div>';
+        if (!empty($valuePickerHtml) || !empty($fieldControlHtml)) {
+            $expansionHtml[] =      '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $expansionHtml[] =          '<div class="input-group">';
+            $expansionHtml[] =              implode(LF, $valuePickerHtml);
+            $expansionHtml[] =              $fieldControlHtml;
+            $expansionHtml[] =          '</div>';
+            $expansionHtml[] =      '</div>';
+        }
+        if (!empty($fieldWizardHtml) || !empty($linkExplanation['additionalAttributes'])) {
+            $expansionHtml[] =      '<div class="form-wizards-item-bottom">';
+            $expansionHtml[] =          $linkExplanation['additionalAttributes'] ?? '';
+            $expansionHtml[] =          $fieldWizardHtml;
+            $expansionHtml[] =      '</div>';
+        }
+        $expansionHtml[] =  '</div>';
+        $expansionHtml[] = '</div>';
+        $expansionHtml = implode(LF, $expansionHtml);
+
+        $nullControlNameEscaped = htmlspecialchars('control[active][' . $table . '][' . $this->data['databaseRow']['uid'] . '][' . $fieldName . ']');
+
+        $fullElement = $expansionHtml;
+        if ($this->hasNullCheckboxButNoPlaceholder()) {
+            $checked = $itemValue !== null ? ' checked="checked"' : '';
+            $fullElement = [];
+            $fullElement[] = '<div class="t3-form-field-disable"></div>';
+            $fullElement[] = '<div class="form-check t3-form-field-eval-null-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.nullCheckbox');
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = $expansionHtml;
+            $fullElement = implode(LF, $fullElement);
+        } elseif ($this->hasNullCheckboxWithPlaceholder()) {
+            $checked = $itemValue !== null ? ' checked="checked"' : '';
+            $placeholder = $shortenedPlaceholder = (string)($config['placeholder'] ?? '');
+            if ($placeholder !== '') {
+                $shortenedPlaceholder = GeneralUtility::fixed_lgd_cs($placeholder, 20);
+                if ($placeholder !== $shortenedPlaceholder) {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        '<span title="' . htmlspecialchars($placeholder) . '">' . htmlspecialchars($shortenedPlaceholder) . '</span>'
+                    );
+                } else {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        htmlspecialchars($placeholder)
+                    );
+                }
+            } else {
+                $overrideLabel = $languageService->sL(
+                    'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override_not_available'
+                );
+            }
+            $fullElement = [];
+            $fullElement[] = '<div class="form-check t3js-form-field-eval-null-placeholder-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $overrideLabel;
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-placeholder">';
+            $fullElement[] =    '<div class="form-control-wrap" style="max-width:' . $width . 'px">';
+            $fullElement[] =        '<input type="text" class="form-control" disabled="disabled" value="' . htmlspecialchars($shortenedPlaceholder) . '" />';
+            $fullElement[] =    '</div>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-formfield">';
+            $fullElement[] =    $expansionHtml;
+            $fullElement[] = '</div>';
+            $fullElement = implode(LF, $fullElement);
+        }
+
+        $resultArray['html'] = $renderedLabel . '
+            <typo3-formengine-element-link class="formengine-field-item t3js-formengine-field-item" recordFieldId="' . htmlspecialchars($fieldId) . '">
+                ' . $fieldInformationHtml . '
+                ' . $fullElement . '
+            </typo3-formengine-element-link>';
+
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/form-engine/element/link-element.js');
+
+        return $resultArray;
+    }
+
+    protected function getLinkExplanation(string $itemValue): array
+    {
+        if ($itemValue === '') {
+            return [];
+        }
+
+        $data = ['text' => '', 'icon' => ''];
+        $linkParts = $this->typoLinkCodecService->decode($itemValue);
+
+        try {
+            $linkData = $this->linkService->resolve($linkParts['url']);
+        } catch (FileDoesNotExistException|FolderDoesNotExistException|UnknownLinkHandlerException|InvalidPathException $e) {
+            return $data;
+        }
+
+        // Resolving the TypoLink parts (class, title, params)
+        $additionalAttributes = [];
+        foreach ($linkParts as $key => $value) {
+            if ($key === 'url') {
+                continue;
+            }
+            if ($value) {
+                $label = match ((string)$key) {
+                    'class' => $this->getLanguageService()->sL('backend.browse_links:class'),
+                    'title' => $this->getLanguageService()->sL('backend.browse_links:title'),
+                    'additionalParams' => $this->getLanguageService()->sL('backend.browse_links:params'),
+                    'rel' => $this->getLanguageService()->sL('backend.browse_links:linkRelationship'),
+                    default => (string)$key
+                };
+                $additionalAttributes[] = '<span><strong>' . htmlspecialchars($label) . ': </strong> ' . htmlspecialchars($value) . '</span>';
+            }
+        }
+
+        $backendUser = $this->getBackendUser();
+        // Resolve the actual link
+        switch ($linkData['type']) {
+            case LinkService::TYPE_PAGE:
+                $pagePermissionClause = $backendUser->getPagePermsClause(Permission::PAGE_SHOW);
+                $pageRecord = BackendUtility::readPageAccess($linkData['pageuid'] ?? null, $pagePermissionClause);
+                // Is this a real page
+                if ($pageRecord['uid'] ?? 0) {
+                    $fragmentTitle = '';
+                    if (isset($linkData['fragment'])) {
+                        if (MathUtility::canBeInterpretedAsInteger($linkData['fragment'])) {
+                            $contentElement = BackendUtility::getRecord('tt_content', (int)$linkData['fragment'], '*', 'pid=' . $pageRecord['uid']);
+                            if ($contentElement) {
+                                $fragmentTitle = BackendUtility::getRecordTitle('tt_content', $contentElement, false, false);
+                            }
+                        }
+                        $fragmentTitle = ' #' . ($fragmentTitle ?: $linkData['fragment']);
+                    }
+                    $data = [
+                        'text' => $pageRecord['_thePathFull'] . '[' . $pageRecord['uid'] . ']' . $fragmentTitle,
+                        'icon' => $this->iconFactory->getIconForRecord('pages', $pageRecord, IconSize::SMALL)->render(),
+                    ];
+                }
+                break;
+            case LinkService::TYPE_EMAIL:
+                $data = [
+                    'text' => $linkData['email'] ?? '',
+                    'icon' => $this->iconFactory->getIcon('content-elements-mailform', IconSize::SMALL)->render(),
+                ];
+                break;
+            case LinkService::TYPE_URL:
+                $data = [
+                    'text' => $linkData['url'] ?? '',
+                    'icon' => $this->iconFactory->getIcon('apps-pagetree-page-shortcut-external', IconSize::SMALL)->render(),
+
+                ];
+                break;
+            case LinkService::TYPE_FILE:
+                $file = $linkData['file'] ?? null;
+                if ($file instanceof File && $file->checkActionPermission('read') && !$file->getStorage()->isFallbackStorage()) {
+                    $data = [
+                        'text' => $file->getPublicUrl(),
+                        'icon' => $this->iconFactory->getIconForFileExtension($file->getExtension(), IconSize::SMALL)->render(),
+                    ];
+                }
+                break;
+            case LinkService::TYPE_FOLDER:
+                $folder = $linkData['folder'] ?? null;
+                if ($folder instanceof Folder && $folder->checkActionPermission('read') && !$folder->getStorage()->isFallbackStorage()) {
+                    $data = [
+                        'text' => $folder->getPublicUrl(),
+                        'icon' => $this->iconFactory->getIcon('apps-filetree-folder-default', IconSize::SMALL)->render(),
+                    ];
+                }
+                break;
+            case LinkService::TYPE_RECORD:
+                $table = $this->data['pageTsConfig']['TCEMAIN.']['linkHandler.'][$linkData['identifier'] . '.']['configuration.']['table'] ?? '';
+                $record = BackendUtility::getRecord($table, $linkData['uid']);
+                $pagePermissionClause = $backendUser->getPagePermsClause(Permission::PAGE_SHOW);
+                $hasPageAccess = BackendUtility::readPageAccess($record['pid'] ?? null, $pagePermissionClause) !== false;
+                if ($record && $hasPageAccess && $backendUser->check('tables_select', $table)) {
+                    $recordTitle = BackendUtility::getRecordTitle($table, $record);
+                    $tableTitle = $this->getLanguageService()->sL($this->data['tcaSchemata']->get($table)->getTitle());
+                    $data = [
+                        'text' => sprintf('%s [%s:%d]', $recordTitle, $tableTitle, $linkData['uid']),
+                        'icon' => $this->iconFactory->getIconForRecord($table, $record, IconSize::SMALL)->render(),
+                    ];
+                } else {
+                    $data = [
+                        'text' => sprintf('%s', $linkData['uid']),
+                        'icon' => $this->iconFactory->getIcon('tcarecords-' . $table . '-default', IconSize::SMALL, 'overlay-missing')->render(),
+                    ];
+                }
+                break;
+            case LinkService::TYPE_TELEPHONE:
+                $telephone = $linkData['telephone'];
+                if ($telephone) {
+                    $data = [
+                        'text' => $telephone,
+                        'icon' => $this->iconFactory->getIcon('actions-device-mobile', IconSize::SMALL)->render(),
+                    ];
+                }
+                break;
+            case LinkService::TYPE_UNKNOWN:
+                $data = [
+                    'text' => $linkData['file'] ?? $linkData['url'] ?? '',
+                    'icon' => $this->iconFactory->getIcon('actions-link', IconSize::SMALL)->render(),
+                ];
+                break;
+            default:
+                $data = [
+                    'text' => 'not implemented type ' . $linkData['type'],
+                    'icon' => '',
+                ];
+        }
+
+        $data['additionalAttributes'] = $additionalAttributes !== []
+            ? '
+                <div class="callout callout-info mt-3 mb-0">
+                    <div class="callout-content">
+                        <div class="callout-body">
+                            ' . implode(' - ', $additionalAttributes) . '
+                        </div>
+                    </div>
+                </div>
+            '
+            : ''; // Ensure "additionalAttributes" is always set (bw compatibility for the event)
+
+        return $this->eventDispatcher->dispatch(
+            new ModifyLinkExplanationEvent($data, $linkData, $linkParts, $this->data)
+        )->getLinkExplanation();
+    }
+
+    /**
+     * Initializes the LinkPopup FieldControl by processing the
+     * field specific configuration and by creating the necessary
+     * options array for the FieldControl.
+     */
+    protected function initializeLinkPopup(array $fieldConfig): void
+    {
+        if (!($fieldConfig['appearance']['enableBrowser'] ?? true)) {
+            return;
+        }
+
+        $options = [];
+
+        if (is_array($fieldConfig['allowedTypes'] ?? null)
+            && ($fieldConfig['allowedTypes'][0] ?? '') !== '*'
+        ) {
+            $options['allowedTypes'] = $this->resolveAllowedTypes($fieldConfig['allowedTypes']);
+        }
+        if (is_array($fieldConfig['appearance']['allowedOptions'] ?? null)
+            && ($fieldConfig['appearance']['allowedOptions'][0] ?? '') !== '*'
+        ) {
+            $options['allowedOptions'] = $fieldConfig['appearance']['allowedOptions'];
+        }
+        if (is_array($fieldConfig['appearance']['allowedFileExtensions'] ?? null)
+            && ($fieldConfig['appearance']['allowedFileExtensions'][0] ?? '') !== '*'
+        ) {
+            $options['allowedFileExtensions'] = $fieldConfig['appearance']['allowedFileExtensions'];
+        }
+        if ($fieldConfig['appearance']['browserTitle'] ?? false) {
+            $options['title'] = $fieldConfig['appearance']['browserTitle'];
+        }
+
+        // Add the LinkPopup configuration to the field configuration
+        $this->data['parameterArray']['fieldConf']['config']['fieldControl']['linkPopup'] = [
+            'renderType' => 'linkPopup',
+            'options' => $options,
+        ];
+    }
+
+    /**
+     * This method applies further processing to a given allow list
+     */
+    protected function resolveAllowedTypes(array $allowedTypes): array
+    {
+        // First, remove duplicate entries
+        $allowedTypes = array_unique($allowedTypes);
+
+        // Replace "record" with available record link handlers
+        if (in_array('record', $allowedTypes, true)) {
+            unset($allowedTypes[(int)array_search('record', $allowedTypes, true)]);
+            $allowedTypes = array_merge($allowedTypes, $this->getRecordLinkHandlers());
+        }
+
+        // Return the resolves types, while removing duplicate entries
+        return array_unique($allowedTypes);
+    }
+
+    /**
+     * Returns the identifiers of link handlers, using the RecordLinkHandler class
+     */
+    protected function getRecordLinkHandlers(): array
+    {
+        return $this->getLinkHandlerIdentifiers(
+            array_filter(
+                (array)($this->data['pageTsConfig']['TCEMAIN.']['linkHandler.'] ?? []),
+                static fn(array $handler): bool => ($handler['handler'] ?? '') === RecordLinkHandler::class
+            )
+        );
+    }
+
+    protected function getLinkHandlerIdentifiers(array $linkHandlers): array
+    {
+        return array_map(static fn(string $handler): string => trim($handler, '.'), array_keys($linkHandlers));
+    }
+}
diff --git a/Classes/Form/Element/MfaInfoElement.php b/Classes/Form/Element/MfaInfoElement.php
new file mode 100644
index 0000000..a00c8e9
--- /dev/null
+++ b/Classes/Form/Element/MfaInfoElement.php
@@ -0,0 +1,221 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderManifestInterface;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderPropertyManager;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderRegistry;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+use TYPO3\CMS\Frontend\Authentication\FrontendUserAuthentication;
+
+/**
+ * Renders an element, displaying MFA related information and providing
+ * interactions like deactivation of active providers and MFA in general.
+ *
+ * @internal
+ */
+class MfaInfoElement extends AbstractFormElement
+{
+    private const array ALLOWED_TABLES = ['be_users', 'fe_users', 'be_users_settings'];
+
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+        private readonly MfaProviderRegistry $mfaProviderRegistry,
+        private readonly UriBuilder $uriBuilder,
+    ) {}
+
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+
+        $currentBackendUser = $this->getBackendUser();
+        $tableName = $this->data['tableName'];
+
+        // This renderType only works for user tables: be_users, fe_users
+        if (!in_array($tableName, self::ALLOWED_TABLES, true)) {
+            return $resultArray;
+        }
+
+        // Initialize a user based on the current table name
+        $targetUser = ($tableName === 'be_users' || $tableName === 'be_users_settings')
+            ? GeneralUtility::makeInstance(BackendUserAuthentication::class)
+            : GeneralUtility::makeInstance(FrontendUserAuthentication::class);
+
+        $userId = (int)($this->data['databaseRow'][$targetUser->userid_column] ?? 0);
+        $targetUser->enablecolumns = ['deleted' => true];
+        $targetUser->setBeUserByUid($userId);
+
+        $isDeactivationAllowed = true;
+        // Providers from system maintainers can only be deactivated by system maintainers.
+        // However, this check is only necessary if the target is a backend user.
+        if (($targetUser instanceof BackendUserAuthentication)
+            && $targetUser->isSystemMaintainer(true)
+            && !$currentBackendUser->isSystemMaintainer()
+        ) {
+            $isDeactivationAllowed = false;
+        }
+
+        // Fetch providers from the mfa field
+        $mfaProviders = json_decode($this->data['parameterArray']['itemFormElValue'] ?? '', true) ?? [];
+        $hasFormValue = $mfaProviders !== [];
+
+        // Initialize variables
+        $html = $childHtml = $activeProviders = $lockedProviders = $mfaSetupInfo = [];
+        $lang = $this->getLanguageService();
+        $enabledLabel = htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.mfa.enabled'));
+        $disabledLabel = htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.mfa.disabled'));
+        $status = '<span class="badge badge-danger badge-space-end t3js-mfa-status-label" data-alternative-label="' . $enabledLabel . '">' . $disabledLabel . '</span>';
+
+        // Unset invalid providers
+        foreach ($mfaProviders as $identifier => $providerSettings) {
+            if (!$this->mfaProviderRegistry->hasProvider($identifier)) {
+                unset($mfaProviders[$identifier]);
+            }
+        }
+
+        if ($mfaProviders !== []) {
+            // Check if remaining providers are active and/or locked for the user
+            foreach ($mfaProviders as $identifier => $providerSettings) {
+                $provider = $this->mfaProviderRegistry->getProvider($identifier);
+                $propertyManager = MfaProviderPropertyManager::create($provider, $targetUser);
+                if (!$provider->isActive($propertyManager)) {
+                    continue;
+                }
+                $activeProviders[$identifier] = $provider;
+                if ($provider->isLocked($propertyManager)) {
+                    $lockedProviders[] = $identifier;
+                }
+            }
+
+            if ($activeProviders !== []) {
+                // Change status label to MFA being enabled
+                $status = '<span class="badge badge-success badge-space-end t3js-mfa-status-label mb-2"' . ' data-alternative-label="' . $disabledLabel . '">' . $enabledLabel . '</span>';
+                $childHtml = $this->buildProviderListHtml($activeProviders, $lockedProviders, $isDeactivationAllowed);
+            }
+        } elseif (!$hasFormValue) {
+            // Fallback: read MFA state directly from the user when no form value was provided
+            $activeProviders = $this->mfaProviderRegistry->getActiveProviders($targetUser);
+            $lockedProviders = array_keys($this->mfaProviderRegistry->getLockedProviders($targetUser));
+
+            if ($activeProviders !== []) {
+                $status = '<span class="badge badge-success badge-space-end t3js-mfa-status-label mb-2"' . ' data-alternative-label="' . $disabledLabel . '">' . $enabledLabel . '</span>';
+                $childHtml = $this->buildProviderListHtml($activeProviders, $lockedProviders, false);
+            }
+
+            $mfaSetupInfo[] = '<div class="form-description">' . nl2br(htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/user_profile.xlf:mfa_providers.description'))) . '</div>';
+            if (!$this->mfaProviderRegistry->hasProviders()) {
+                $mfaSetupInfo[] = '<span class="badge badge-danger">' . htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/user_profile.xlf:mfa_providers.not_available')) . '</span>';
+            } else {
+                $mfaSetupInfo[] = '<div class="form-group"><div class="form-control-wrap t3js-file-controls">';
+                $mfaSetupInfo[] = '<a href="' . htmlspecialchars((string)$this->uriBuilder->buildUriFromRoute('mfa')) . '" class="btn btn-default">';
+                $mfaSetupInfo[] =  htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/user_profile.xlf:mfa_providers.' . ($activeProviders !== [] ? 'manage_link_title' : 'setup_link_title')));
+                $mfaSetupInfo[] = '</a>';
+                $mfaSetupInfo[] = '</div></div>';
+            }
+        }
+
+        $fieldId = 't3js-form-field-mfa-id' . StringUtility::getUniqueId('-');
+
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item" id="' . htmlspecialchars($fieldId) . '">';
+        $html[] =     implode(PHP_EOL, $mfaSetupInfo);
+        $html[] =   '<div class="form-control-wrap" style="max-width: ' . $this->formMaxWidth($this->defaultInputWidth) . 'px">';
+        $html[] =       '<div class="form-wizards-wrap">';
+        $html[] =           '<div class="form-wizards-item-element">';
+        $html[] =               implode(PHP_EOL, $childHtml);
+        if ($isDeactivationAllowed) {
+            $html[] = '<div class="form-wizards-item-bottom">';
+            $html[] =     '<button type="button"';
+            $html[] =         ' class="t3js-deactivate-mfa-button btn btn-danger mt-2 ' . ($activeProviders === [] ? 'disabled" disabled="disabled' : '') . '"';
+            $html[] =         ' data-confirmation-title="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:buttons.deactivateMfa')) . '"';
+            $html[] =         ' data-confirmation-content="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:buttons.deactivateMfa.confirmation.text')) . '"';
+            $html[] =         ' data-confirmation-cancel-text="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.cancel')) . '"';
+            $html[] =         ' data-confirmation-deactivate-text="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.deactivate')) . '"';
+            $html[] =     '>';
+            $html[] =     $this->iconFactory->getIcon('actions-toggle-off', IconSize::SMALL)->render('inline');
+            $html[] =     htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:buttons.deactivateMfa'));
+            $html[] =     '</button>';
+            $html[] = '</div>';
+        }
+        $html[] =           '</div>';
+        $html[] =       '</div>';
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        // JavaScript is not needed in case deactivation is not allowed or no active providers exist
+        if ($isDeactivationAllowed && $activeProviders !== []) {
+            $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create(
+                '@typo3/backend/form-engine/element/mfa-info-element.js'
+            )->instance('#' . $fieldId, ['userId' => $userId, 'tableName' => $tableName]);
+        }
+
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend($status . implode(PHP_EOL, $html));
+        return $resultArray;
+    }
+
+    /**
+     * Build the HTML list of active MFA providers with their status badges
+     * and optional deactivation buttons.
+     *
+     * @param MfaProviderManifestInterface[] $activeProviders
+     * @param string[] $lockedProviders
+     * @return string[]
+     */
+    private function buildProviderListHtml(
+        array $activeProviders,
+        array $lockedProviders,
+        bool $isDeactivationAllowed,
+    ): array {
+        $childHtml = [];
+        $lang = $this->getLanguageService();
+
+        $childHtml[] = '<ul class="list-group t3js-mfa-active-providers-list">';
+        foreach ($activeProviders as $identifier => $activeProvider) {
+            $childHtml[] = '<li class="list-group-item" id="provider-' . htmlspecialchars((string)$identifier) . '">';
+            $childHtml[] =  $this->iconFactory->getIcon($activeProvider->getIconIdentifier(), IconSize::SMALL);
+            $childHtml[] =  htmlspecialchars($lang->sL($activeProvider->getTitle()));
+            if (in_array($identifier, $lockedProviders, true)) {
+                $childHtml[] = '<span class="badge badge-danger">' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.locked')) . '</span>';
+            } else {
+                $childHtml[] = '<span class="badge badge-success">' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.active')) . '</span>';
+            }
+            if ($isDeactivationAllowed) {
+                $childHtml[] = '<button type="button"';
+                $childHtml[] =  ' class="btn btn-default btn-sm float-end t3js-deactivate-provider-button"';
+                $childHtml[] =  ' data-confirmation-title="' . htmlspecialchars(sprintf($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:buttons.deactivateMfaProvider'), $lang->sL($activeProvider->getTitle()))) . '"';
+                $childHtml[] =  ' data-confirmation-content="' . htmlspecialchars(sprintf($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:buttons.deactivateMfaProvider.confirmation.text'), $lang->sL($activeProvider->getTitle()))) . '"';
+                $childHtml[] =  ' data-confirmation-cancel-text="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.cancel')) . '"';
+                $childHtml[] =  ' data-confirmation-deactivate-text="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.deactivate')) . '"';
+                $childHtml[] =  ' data-provider="' . htmlspecialchars((string)$identifier) . '"';
+                $childHtml[] =  ' title="' . htmlspecialchars(sprintf($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:buttons.deactivateMfaProvider'), $lang->sL($activeProvider->getTitle()))) . '"';
+                $childHtml[] =  '>';
+                $childHtml[] =      $this->iconFactory->getIcon('actions-delete', IconSize::SMALL)->render('inline');
+                $childHtml[] = '</button>';
+            }
+            $childHtml[] = '</li>';
+        }
+        $childHtml[] = '</ul>';
+
+        return $childHtml;
+    }
+}
diff --git a/Classes/Form/Element/NoneElement.php b/Classes/Form/Element/NoneElement.php
new file mode 100644
index 0000000..d50c4ea
--- /dev/null
+++ b/Classes/Form/Element/NoneElement.php
@@ -0,0 +1,75 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * None element is a "disabled" input element with formatted values if needed.
+ */
+class NoneElement extends AbstractFormElement
+{
+    /**
+     * @var int
+     */
+    protected $minimumInputWidth = 5;
+
+    /**
+     * This will render a non-editable display of the content of the field.
+     *
+     * @return array The HTML code for the TCEform field
+     */
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+
+        $parameterArray = $this->data['parameterArray'];
+        $config = $parameterArray['fieldConf']['config'];
+        $itemValue = $parameterArray['itemFormElValue'];
+
+        if ($config['format'] ?? false) {
+            $formatOptions = $config['format.'] ?? [];
+            $itemValue = $this->formatValue($config['format'], $itemValue, $formatOptions);
+        }
+
+        $size = $config['size'] ?? $this->defaultInputWidth;
+        $size = MathUtility::forceIntegerInRange($size, $this->minimumInputWidth, $this->maxInputWidth);
+        $width = $this->formMaxWidth($size);
+        $fieldId = StringUtility::getUniqueId('formengine-textarea-');
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $html = [];
+        $html[] = $this->renderLabel($fieldId);
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] =   $fieldInformationHtml;
+        $html[] =   '<div class="form-wizards-wrap">';
+        $html[] =       '<div class="form-wizards-item-element">';
+        $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+        $html[] =               '<input class="form-control" id="' . htmlspecialchars($fieldId) . '" value="' . htmlspecialchars($itemValue) . '" type="text" disabled>';
+        $html[] =           '</div>';
+        $html[] =       '</div>';
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $resultArray['html'] = implode(LF, $html);
+
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/NumberElement.php b/Classes/Form/Element/NumberElement.php
new file mode 100644
index 0000000..aa13d2a
--- /dev/null
+++ b/Classes/Form/Element/NumberElement.php
@@ -0,0 +1,291 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * type=number element.
+ *
+ * The NumberElement renders a html field with the type "number" attribute.
+ */
+class NumberElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    /**
+     * This will render a single-line input form field, possibly with various control/validation features
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $table = $this->data['tableName'];
+        $fieldName = $this->data['fieldName'];
+        $parameterArray = $this->data['parameterArray'];
+        $resultArray = $this->initializeResultArray();
+        $config = $parameterArray['fieldConf']['config'];
+
+        $format = $config['format'] ?? 'integer';
+        if ($format !== 'integer' && $format !== 'decimal') {
+            throw new \UnexpectedValueException(
+                'Format "' . $format . '" for field "' . $fieldName . '" in table "' . $table . '" is '
+                . 'not valid. Must be either empty or set to one of: "integer", "decimal".',
+                1649124682
+            );
+        }
+
+        // @todo This should be configurable (e.g. [config][precision])
+        $precision = 2;
+
+        $itemValue = $parameterArray['itemFormElValue'];
+        $width = $this->formMaxWidth(
+            MathUtility::forceIntegerInRange($config['size'] ?? $this->defaultInputWidth, $this->minimumInputWidth, $this->maxInputWidth)
+        );
+        $fieldId = StringUtility::getUniqueId('formengine-input-');
+        $itemName = (string)$parameterArray['itemFormElName'];
+        $renderedLabel = $this->renderLabel($fieldId);
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        if ($config['readOnly'] ?? false) {
+            $html = [];
+            $html[] = $renderedLabel;
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+            $html[] =   $fieldInformationHtml;
+            $html[] =   '<div class="form-wizards-wrap">';
+            $html[] =       '<div class="form-wizards-item-element">';
+            $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+            $html[] =               '<input class="form-control" id="' . htmlspecialchars($fieldId) . '" name="' . htmlspecialchars($itemName) . '" value="' . htmlspecialchars((string)$itemValue) . '" type="text" disabled>';
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+            $html[] =   '</div>';
+            $html[] = '</div>';
+            $resultArray['html'] = implode(LF, $html);
+            return $resultArray;
+        }
+
+        $languageService = $this->getLanguageService();
+
+        // Always add the format.
+        $evalList = [$format];
+        if ($config['nullable'] ?? false) {
+            $evalList[] = 'null';
+        }
+
+        $attributes = [
+            'value' => '',
+            'id' => $fieldId,
+            'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+            'data-formengine-input-params' => (string)json_encode([
+                'field' => $itemName,
+                'evalList' => implode(',', $evalList),
+            ], JSON_THROW_ON_ERROR),
+            'data-formengine-input-name' => $itemName,
+        ];
+
+        if (!empty($config['placeholder'])) {
+            $attributes['placeholder'] = trim($config['placeholder']);
+        }
+        if (isset($config['autocomplete'])) {
+            $attributes['autocomplete'] = empty($config['autocomplete']) ? 'new-' . $fieldName : 'on';
+        }
+
+        $valueSliderHtml = [];
+        if (is_array($config['slider'] ?? false)) {
+            if ($format === 'decimal') {
+                $itemValue = (float)$itemValue;
+            } else {
+                $itemValue = (int)$itemValue;
+            }
+            $valueSliderConfiguration = [
+                'precision' => (string)$precision,
+                'format' =>  $format,
+                'linked-field' => '[data-formengine-input-name="' . $itemName . '"]',
+            ];
+            $rangeAttributes = [
+                'type' => 'range',
+                'class' => 'form-range-input',
+                'min' => (string)(float)($config['range']['lower'] ?? 0),
+                'max' => (string)(float)($config['range']['upper'] ?? 10000),
+                'step' => (string)($config['slider']['step'] ?? 1),
+                'style' => 'width: ' . (int)($config['slider']['width'] ?? 400) . 'px',
+                'title' => (string)$itemValue,
+                'value' => (string)$itemValue,
+            ];
+
+            $valueSliderHtml[] = '<typo3-formengine-valueslider ' . GeneralUtility::implodeAttributes($valueSliderConfiguration, true) . '>';
+            $valueSliderHtml[] = '<div class="form-range">';
+            $valueSliderHtml[] = '<input ' . GeneralUtility::implodeAttributes($rangeAttributes, true) . '>';
+            $valueSliderHtml[] = '</div>';
+            $valueSliderHtml[] = '</typo3-formengine-valueslider>';
+
+            $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/form-engine/field-wizard/value-slider.js');
+        }
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        if (isset($config['range']['lower'])) {
+            $attributes['min'] = (string)(float)$config['range']['lower'];
+        }
+        if (isset($config['range']['upper'])) {
+            $attributes['max'] = (string)(float)$config['range']['upper'];
+        }
+
+        if ($format === 'decimal') {
+            $attributes['step'] = '0.' . str_repeat('0', $precision - 1) . '1';
+        }
+
+        $mainFieldHtml = [];
+        $mainFieldHtml[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+        $mainFieldHtml[] =  '<div class="form-wizards-wrap">';
+        $mainFieldHtml[] =      '<div class="form-wizards-item-element">';
+
+        if (is_array($config['valuePicker']['items'] ?? false)) {
+            $attributes['class'] = 'form-control';
+            $mainFieldHtml[] = '<typo3-backend-combobox>';
+            $mainFieldHtml[] = '<input type="number" ' . GeneralUtility::implodeAttributes($attributes, true) . ' />';
+            foreach ($config['valuePicker']['items'] as $item) {
+                $mainFieldHtml[] = '<typo3-backend-combobox-choice value="' . htmlspecialchars((string)$item['value']) . '">' . htmlspecialchars($languageService->sL($item['label'])) . '</typo3-backend-combobox-choice>';
+            }
+            $mainFieldHtml[] = '</typo3-backend-combobox>';
+            $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/element/combobox-element.js');
+        } else {
+            $attributes['class'] = implode(' ', [
+                'form-control',
+                'form-control-clearable',
+                't3js-clearable',
+            ]);
+            $mainFieldHtml[] = '<input type="number" ' . GeneralUtility::implodeAttributes($attributes, true) . ' />';
+        }
+
+        $mainFieldHtml[] =          '<input type="hidden" name="' . $itemName . '" value="' . htmlspecialchars((string)$itemValue) . '" />';
+        $mainFieldHtml[] =      '</div>';
+        if (!empty($valueSliderHtml) || !empty($fieldControlHtml)) {
+            $mainFieldHtml[] =      '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $mainFieldHtml[] = implode(LF, $valueSliderHtml);
+            if (!empty($fieldControlHtml)) {
+                $mainFieldHtml[] = '<div class="btn-group">' . $fieldControlHtml . '</div>';
+            }
+            $mainFieldHtml[] =      '</div>';
+        }
+        if (!empty($fieldWizardHtml)) {
+            $mainFieldHtml[] = '<div class="form-wizards-item-bottom">';
+            $mainFieldHtml[] = $fieldWizardHtml;
+            $mainFieldHtml[] = '</div>';
+        }
+        $mainFieldHtml[] =  '</div>';
+        $mainFieldHtml[] = '</div>';
+        $mainFieldHtml = implode(LF, $mainFieldHtml);
+
+        $nullControlNameEscaped = htmlspecialchars('control[active][' . $table . '][' . $this->data['databaseRow']['uid'] . '][' . $fieldName . ']');
+
+        $fullElement = $mainFieldHtml;
+        if ($this->hasNullCheckboxButNoPlaceholder()) {
+            $checked = $itemValue !== null ? ' checked="checked"' : '';
+            $fullElement = [];
+            $fullElement[] = '<div class="t3-form-field-disable"></div>';
+            $fullElement[] = '<div class="form-check t3-form-field-eval-null-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.nullCheckbox');
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = $mainFieldHtml;
+            $fullElement = implode(LF, $fullElement);
+        } elseif ($this->hasNullCheckboxWithPlaceholder()) {
+            $checked = $itemValue !== null ? ' checked="checked"' : '';
+            $placeholder = $shortenedPlaceholder = trim((string)($config['placeholder'] ?? ''));
+            if ($placeholder !== '') {
+                $shortenedPlaceholder = GeneralUtility::fixed_lgd_cs($placeholder, 20);
+                if ($placeholder !== $shortenedPlaceholder) {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        '<span title="' . htmlspecialchars($placeholder) . '">' . htmlspecialchars($shortenedPlaceholder) . '</span>'
+                    );
+                } else {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        htmlspecialchars($placeholder)
+                    );
+                }
+            } else {
+                $overrideLabel = $languageService->sL(
+                    'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override_not_available'
+                );
+            }
+            $fullElement = [];
+            $fullElement[] = '<div class="form-check t3js-form-field-eval-null-placeholder-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $overrideLabel;
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-placeholder">';
+            $fullElement[] =    '<div class="form-control-wrap" style="max-width:' . $width . 'px">';
+            $fullElement[] =        '<input type="text" class="form-control" disabled="disabled" value="' . htmlspecialchars($shortenedPlaceholder) . '" />';
+            $fullElement[] =    '</div>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-formfield">';
+            $fullElement[] =    $mainFieldHtml;
+            $fullElement[] = '</div>';
+            $fullElement = implode(LF, $fullElement);
+        }
+
+        $resultArray['html'] = $renderedLabel . '
+            <div class="formengine-field-item t3js-formengine-field-item">
+                ' . $fieldInformationHtml . $fullElement . '
+            </div>';
+
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/PassThroughElement.php b/Classes/Form/Element/PassThroughElement.php
new file mode 100644
index 0000000..eb09c77
--- /dev/null
+++ b/Classes/Form/Element/PassThroughElement.php
@@ -0,0 +1,33 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+/**
+ * PassThroughElement is the dummy element for type="passthrough".
+ * It does not render anything.
+ */
+class PassThroughElement extends AbstractFormElement
+{
+    /**
+     * Return the empty initialized result array
+     */
+    public function render(): array
+    {
+        return $this->initializeResultArray();
+    }
+}
diff --git a/Classes/Form/Element/PasswordElement.php b/Classes/Form/Element/PasswordElement.php
new file mode 100644
index 0000000..1bad93f
--- /dev/null
+++ b/Classes/Form/Element/PasswordElement.php
@@ -0,0 +1,274 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\PasswordPolicy\PasswordPolicyAction;
+use TYPO3\CMS\Core\PasswordPolicy\PasswordPolicyValidator;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * General type=password element.
+ */
+class PasswordElement extends AbstractFormElement
+{
+    /**
+     * This will render a single-line password form field, possibly with various control/validation features
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $table = $this->data['tableName'];
+        $fieldName = $this->data['fieldName'];
+        $parameterArray = $this->data['parameterArray'];
+        $resultArray = $this->initializeResultArray();
+        $config = $parameterArray['fieldConf']['config'];
+        $passwordPolicyValidator = null;
+
+        $itemValue = $parameterArray['itemFormElValue'];
+        $width = $this->formMaxWidth(
+            MathUtility::forceIntegerInRange($config['size'] ?? $this->defaultInputWidth, $this->minimumInputWidth, $this->maxInputWidth)
+        );
+        $fieldId = StringUtility::getUniqueId('formengine-input-');
+        $itemName = (string)$parameterArray['itemFormElName'];
+        $renderedLabel = $this->renderLabel($fieldId);
+
+        $passwordPolicy = $config['passwordPolicy'] ?? null;
+        if ($passwordPolicy) {
+            // We always use PasswordPolicyAction::NEW_USER_PASSWORD here, since the password is not set by the user,
+            // but either by an admin or an editor
+            $passwordPolicyValidator = GeneralUtility::makeInstance(
+                PasswordPolicyValidator::class,
+                PasswordPolicyAction::NEW_USER_PASSWORD,
+                is_string($passwordPolicy) ? $passwordPolicy : ''
+            );
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        if ($config['readOnly'] ?? false) {
+            $html = [];
+            $html[] = $renderedLabel;
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+            $html[] =   $fieldInformationHtml;
+            $html[] =   '<div class="form-wizards-wrap">';
+            $html[] =       '<div class="form-wizards-item-element">';
+            $html[] =           '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+            $html[] =               '<input class="form-control" id="' . htmlspecialchars($fieldId) . '" name="' . htmlspecialchars($itemName) . '" value="' . htmlspecialchars($this->getObfuscatedSecretValue($itemValue)) . '" type="text" disabled>';
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+            $html[] =   '</div>';
+            $html[] = '</div>';
+            $resultArray['html'] = implode(LF, $html);
+            return $resultArray;
+        }
+
+        $languageService = $this->getLanguageService();
+
+        // Always add "trim" and "password" (required for JS validation)
+        $evalList = ['trim', 'password'];
+        if ($config['nullable'] ?? false) {
+            $evalList[] = 'null';
+        }
+
+        $attributes = [
+            'value' => '',
+            'id' => $fieldId,
+            'spellcheck' => 'false',
+            'class' => implode(' ', [
+                'form-control',
+                'form-control-clearable',
+                't3js-clearable',
+            ]),
+            'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+            'data-formengine-input-params' => (string)json_encode([
+                'field' => $itemName,
+                'evalList' => implode(',', $evalList),
+            ], JSON_THROW_ON_ERROR),
+            'data-formengine-input-name' => $itemName,
+        ];
+
+        if (!empty($config['placeholder'])) {
+            $attributes['placeholder'] = trim($config['placeholder']);
+        }
+
+        $attributes['autocomplete'] = ($config['autocomplete'] ?? false) ? 'current-password' : 'new-password';
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $mainFieldHtml = [];
+        $mainFieldHtml[] = '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+        $mainFieldHtml[] =  '<div class="form-wizards-wrap">';
+        $mainFieldHtml[] =      '<div class="form-wizards-item-element">';
+        $mainFieldHtml[] =          '<input type="password" ' . GeneralUtility::implodeAttributes($attributes, true) . ' />';
+        $mainFieldHtml[] =          '<input type="hidden" disabled data-enable-on-modification="true" name="' . $itemName . '" value="' . htmlspecialchars($this->getObfuscatedSecretValue($itemValue)) . '" />';
+        $mainFieldHtml[] =      '</div>';
+        if (!empty($fieldControlHtml)) {
+            $mainFieldHtml[] =      '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $mainFieldHtml[] =          '<div class="btn-group">';
+            $mainFieldHtml[] =              $fieldControlHtml;
+            $mainFieldHtml[] =          '</div>';
+            $mainFieldHtml[] =      '</div>';
+        }
+        if (!empty($fieldWizardHtml)) {
+            $mainFieldHtml[] = '<div class="form-wizards-item-bottom">';
+            $mainFieldHtml[] = $fieldWizardHtml;
+            $mainFieldHtml[] = '</div>';
+        }
+        $mainFieldHtml[] =  '</div>';
+        $mainFieldHtml[] = '</div>';
+        $mainFieldHtml = implode(LF, $mainFieldHtml);
+
+        $nullControlNameEscaped = htmlspecialchars('control[active][' . $table . '][' . $this->data['databaseRow']['uid'] . '][' . $fieldName . ']');
+
+        $fullElement = $mainFieldHtml;
+        if ($this->hasNullCheckboxButNoPlaceholder()) {
+            $checked = $itemValue !== null ? ' checked="checked"' : '';
+            $fullElement = [];
+            $fullElement[] = '<div class="t3-form-field-disable"></div>';
+            $fullElement[] = '<div class="form-check t3-form-field-eval-null-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.nullCheckbox');
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = $mainFieldHtml;
+            $fullElement = implode(LF, $fullElement);
+        } elseif ($this->hasNullCheckboxWithPlaceholder()) {
+            $checked = $itemValue !== null ? ' checked="checked"' : '';
+            $placeholder = $shortenedPlaceholder = trim($config['placeholder'] ?? '');
+            if ($placeholder !== '') {
+                $shortenedPlaceholder = GeneralUtility::fixed_lgd_cs($placeholder, 20);
+                if ($placeholder !== $shortenedPlaceholder) {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        '<span title="' . htmlspecialchars($placeholder) . '">' . htmlspecialchars($shortenedPlaceholder) . '</span>'
+                    );
+                } else {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        htmlspecialchars($placeholder)
+                    );
+                }
+            } else {
+                $overrideLabel = $languageService->sL(
+                    'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override_not_available'
+                );
+            }
+            $fullElement = [];
+            $fullElement[] = '<div class="form-check t3js-form-field-eval-null-placeholder-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $overrideLabel;
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-placeholder">';
+            $fullElement[] =    '<div class="form-control-wrap" style="max-width:' . $width . 'px">';
+            $fullElement[] =        '<input type="text" class="form-control" disabled="disabled" value="' . htmlspecialchars($shortenedPlaceholder) . '" />';
+            $fullElement[] =    '</div>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-formfield">';
+            $fullElement[] =    $mainFieldHtml;
+            $fullElement[] = '</div>';
+            $fullElement = implode(LF, $fullElement);
+        }
+
+        $passwordPolicyInfo = '';
+        if ($passwordPolicy) {
+            $passwordPolicyInfo = $this->renderPasswordPolicyRequirements($passwordPolicyValidator, $fieldId);
+        }
+
+        $passwordElementAttributes['class'] = 'formengine-field-item t3js-formengine-field-item';
+        $passwordElementAttributes['recordFieldId'] = $fieldId;
+        $passwordElementAttributes['passwordPolicy'] = $passwordPolicy;
+
+        $resultArray['html'] = $renderedLabel . '
+            <typo3-formengine-element-password ' . GeneralUtility::implodeAttributes($passwordElementAttributes, true) . '>
+                ' . $fieldInformationHtml . '
+                ' . $fullElement . '
+                ' . $passwordPolicyInfo . '
+            </typo3-formengine-element-password>';
+
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create(
+            '@typo3/backend/form-engine/element/password-element.js'
+        );
+
+        return $resultArray;
+    }
+
+    private function renderPasswordPolicyRequirements(
+        PasswordPolicyValidator $passwordPolicyValidator,
+        string $fieldId
+    ): string {
+        if (empty($passwordPolicyValidator->getRequirements())) {
+            return '';
+        }
+
+        $passwordPolicyElement = [];
+        $requirements = [];
+
+        foreach ($passwordPolicyValidator->getRequirements() as $id => $requirement) {
+            $requirements[] = '<li data-id="' . htmlspecialchars($fieldId . '-' . $id) . '">' . $requirement . '</li>';
+        }
+
+        $calloutTitle = $this->getLanguageService()->sL(
+            'LLL:EXT:core/Resources/Private/Language/locallang_password_policy.xlf:passwordRequirements.description'
+        );
+
+        $passwordPolicyElement[] = '<div id="password-policy-info-' . htmlspecialchars($fieldId) . '" class="mt-2 callout callout-secondary hidden">';
+        $passwordPolicyElement[] = '  <div class="callout-content">';
+        $passwordPolicyElement[] = '    <div class="callout-title">' . htmlspecialchars($calloutTitle) . '</div>';
+        $passwordPolicyElement[] = '    <div class="callout-body">';
+        $passwordPolicyElement[] = '      <ul>';
+        $passwordPolicyElement[] =          implode(LF, $requirements);
+        $passwordPolicyElement[] = '      </ul>';
+        $passwordPolicyElement[] = '    </div>';
+        $passwordPolicyElement[] = '  </div>';
+        $passwordPolicyElement[] = '</div>';
+
+        return implode(LF, $passwordPolicyElement);
+    }
+
+    /**
+     * Obfuscated a (hashed) password secret with a static string.
+     *
+     * @todo
+     * + server-side password obfuscation value is `*********` (9 chars)
+     * + client-side password obfuscation value is `********` (8 chars)
+     */
+    protected function getObfuscatedSecretValue(?string $value): string
+    {
+        if ($value === null || $value === '') {
+            return '';
+        }
+        return '*********';
+    }
+}
diff --git a/Classes/Form/Element/RadioElement.php b/Classes/Form/Element/RadioElement.php
new file mode 100644
index 0000000..5117bad
--- /dev/null
+++ b/Classes/Form/Element/RadioElement.php
@@ -0,0 +1,112 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Render elements of type="radio".
+ */
+class RadioElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    /**
+     * This will render a series of radio buttons.
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+
+        $disabled = '';
+        if ($this->data['parameterArray']['fieldConf']['config']['readOnly'] ?? false) {
+            $disabled = ' disabled';
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $html = [];
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] = $fieldInformationHtml;
+        $html[] =   '<div class="form-wizards-wrap">';
+        $html[] =       '<div class="form-wizards-item-element">';
+        foreach ($this->data['parameterArray']['fieldConf']['config']['items'] as $itemNumber => $itemLabelAndValue) {
+            $label = $itemLabelAndValue['label'];
+            $value = $itemLabelAndValue['value'];
+            $radioId = htmlspecialchars(StringUtility::getUniqueId('formengine-radio-') . '-' . $itemNumber);
+            $radioElementAttrs = array_merge(
+                [
+                    'type' => 'radio',
+                    'id' => $radioId,
+                    'value' => $value,
+                    'class' => 'form-check-input',
+                    'name' => $this->data['parameterArray']['itemFormElName'],
+                ],
+                $this->getOnFieldChangeAttrs('click', $this->data['parameterArray']['fieldChangeFunc'] ?? [])
+            );
+            if ((string)$value === (string)$this->data['parameterArray']['itemFormElValue']) {
+                $radioElementAttrs['checked'] = 'checked';
+            }
+            $html[] = '<div class="form-check' . $disabled . '">';
+            $html[] =     '<input ' . GeneralUtility::implodeAttributes($radioElementAttrs, true, true) . $disabled . '>';
+            $html[] =     '<label class="form-check-label" for="' . $radioId . '">';
+            $html[] =         htmlspecialchars($this->appendValueToLabelInDebugMode($label, $value));
+            $html[] =     '</label>';
+            $html[] = '</div>';
+        }
+        $html[] =       '</div>';
+        if (!$disabled && !empty($fieldWizardHtml)) {
+            $html[] =   '<div class="form-wizards-item-bottom">';
+            $html[] =       $fieldWizardHtml;
+            $html[] =   '</div>';
+        }
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend(implode(LF, $html));
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/SelectCheckBoxElement.php b/Classes/Form/Element/SelectCheckBoxElement.php
new file mode 100644
index 0000000..2798b25
--- /dev/null
+++ b/Classes/Form/Element/SelectCheckBoxElement.php
@@ -0,0 +1,343 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Backend\Form\Utility\FormEngineUtility;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Creates a widget with check box elements.
+ *
+ * This is rendered for config type=select, renderType=selectCheckBox
+ */
+class SelectCheckBoxElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+    ) {}
+
+    /**
+     * Render check boxes
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+
+        // Field configuration from TCA:
+        $parameterArray = $this->data['parameterArray'];
+        $config = $parameterArray['fieldConf']['config'];
+        $readOnly = (bool)($config['readOnly'] ?? false);
+
+        $selectItems = $config['items'] ?? [];
+        if (empty($selectItems)) {
+            // Early return in case the field does not contain any items
+            return $resultArray;
+        }
+
+        // Get item value as array and make unique, which is fine because there can be no duplicates anyway.
+        $itemArray = array_flip($parameterArray['itemFormElValue']);
+
+        // Initialize variables and traverse the items
+        $groups = [];
+        $currentGroup = 0;
+        $counter = 0;
+        $elementId = StringUtility::getUniqueId('formengine-select-checkbox-');
+        foreach ($selectItems as $item) {
+            // Non-selectable element:
+            if ($item['value'] === '--div--') {
+                $selIcon = '';
+                if (isset($item['icon']) && $item['icon'] !== 'empty-empty') {
+                    $selIcon = FormEngineUtility::getIconHtml($item['icon']);
+                }
+                $currentGroup++;
+                $groups[$currentGroup]['header'] = [
+                    'icon' => $selIcon,
+                    'title' => $item['label'],
+                ];
+            } else {
+                // Check if some help text is available
+                // Help text is expected to be an associative array
+                // with two key, "title" and "description"
+                // For the sake of backwards compatibility, we test if the help text
+                // is a string and use it as a description (this could happen if items
+                // are modified with an itemsProcFunc)
+                $help = '';
+                if (!empty($item['description'])) {
+                    if (is_array($item['description'])) {
+                        $helpArray = $item['description'];
+                    } else {
+                        $helpArray['description'] = $item['description'];
+                    }
+                    $help = $this->wrapInHelp($helpArray);
+                }
+
+                // Check if current item is selected. If found, unset the key in the $itemArray.
+                $checked = isset($itemArray[$item['value']]);
+                if ($checked) {
+                    unset($itemArray[$item['value']]);
+                }
+
+                // Build item array
+                $groups[$currentGroup]['items'][] = [
+                    'id' => $elementId . '-item-' . $counter,
+                    'name' => $parameterArray['itemFormElName'] . '[' . $counter . ']',
+                    'value' => $item['value'],
+                    'checked' => $checked,
+                    'icon' => FormEngineUtility::getIconHtml(!empty($item['icon']) ? $item['icon'] : 'empty-empty'),
+                    'title' => $item['label'],
+                    'help' => $help,
+                ];
+                $counter++;
+            }
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item" data-formengine-validation-rules="' . htmlspecialchars($this->getValidationDataAsJsonString($config)) . '">';
+        $html[] = $fieldInformationHtml;
+        $html[] =   '<div class="form-wizards-wrap">';
+        $html[] =       '<div class="form-wizards-item-element">';
+
+        if (!$readOnly) {
+            // Add an empty hidden field which will send a blank value if all items are unselected.
+            $html[] = '<input type="hidden" class="select-checkbox" name="' . htmlspecialchars($parameterArray['itemFormElName']) . '" value="">';
+        }
+
+        // Building the checkboxes
+        foreach ($groups as $groupKey => $group) {
+            $groupId = htmlspecialchars($elementId . '-group-' . $groupKey);
+            $groupCollapsibleId = $groupId . '-collapse';
+
+            $hasGroupHeader = is_array($group['header'] ?? false);
+
+            $html[] = '<div id="' . $groupId . '" class="panel panel-default" data-multi-record-selection-identifier="' . $groupId . '">';
+            if ($hasGroupHeader) {
+                $expanded = ($config['appearance']['expandAll'] ?? false);
+                $html[] = '<div class="panel-heading" role="tab">';
+                $html[] =   '<div class="panel-heading-row">';
+                $html[] =     '<button type="button" class="panel-button' . (!$expanded ? ' collapsed' : '') . '" aria-expanded="' . ($expanded ? 'true' : 'false') . '"';
+                $html[] =       ' aria-controls="' . $groupCollapsibleId . '" data-bs-target="#' . $groupCollapsibleId . '" data-bs-toggle="collapse">';
+                $html[] =       '<div class="panel-icon">';
+                $html[] =         $group['header']['icon'];
+                $html[] =       '</div>';
+                $html[] =       '<div class="panel-title">';
+                $html[] =         htmlspecialchars($group['header']['title']);
+                $html[] =       '</div>';
+                $html[] =       '<span class="caret"></span>';
+                $html[] =     '</button>';
+                $html[] =   '</div>';
+                $html[] = '</div>';
+            }
+            if (is_array($group['items'] ?? null)) {
+                $tableRows = [];
+
+                // Render rows
+                foreach ($group['items'] as $item) {
+                    $inputElementAttrs = [
+                        'type' => 'checkbox',
+                        'class' => 'form-check-input t3js-multi-record-selection-check',
+                        'id' => $item['id'],
+                        'name' => $item['name'],
+                        'value' => $item['value'],
+                    ];
+
+                    if ($item['checked']) {
+                        $inputElementAttrs['checked'] = 'checked';
+                    }
+
+                    if ($readOnly) {
+                        // Disable item if the element is readonly
+                        $inputElementAttrs['disabled'] = 'disabled';
+                    } else {
+                        // Add fieldChange attributes if element is not readOnly
+                        $inputElementAttrs = array_merge(
+                            $inputElementAttrs,
+                            $this->getOnFieldChangeAttrs('click', $parameterArray['fieldChangeFunc'] ?? [])
+                        );
+                    }
+
+                    $tableRows[] = '<tr data-multi-record-selection-element="true">';
+                    $tableRows[] =    '<td class="col-checkbox">';
+                    $tableRows[] =        '<span class="form-check form-check-type-toggle">';
+                    $tableRows[] =            '<input ' . GeneralUtility::implodeAttributes($inputElementAttrs, true, true) . '>';
+                    $tableRows[] =        '</span>';
+                    $tableRows[] =    '</td>';
+                    $tableRows[] =    '<td class="col-title">';
+                    $tableRows[] =        '<label class="label-block nowrap-disabled" for="' . $item['id'] . '">';
+                    $tableRows[] =            '<span class="inline-icon">' . $item['icon'] . '</span>';
+                    $tableRows[] =            htmlspecialchars($this->appendValueToLabelInDebugMode($item['title'], $item['value']), ENT_COMPAT, 'UTF-8', false);
+                    $tableRows[] =        '</label>';
+                    $tableRows[] =    '</td>';
+                    $tableRows[] =    '<td class="text-end">' . $item['help'] . '</td>';
+                    $tableRows[] = '</tr>';
+                }
+
+                if ($hasGroupHeader) {
+                    $expandAll = ($config['appearance']['expandAll'] ?? false) ? 'show' : '';
+                    $html[] = '<div id="' . $groupCollapsibleId . '" class="panel-collapse collapse ' . $expandAll . '" role="tabpanel">';
+                }
+
+                $html[] =    '<div class="table-fit">';
+                $html[] =        '<table class="table table-hover">';
+                if (!$readOnly) {
+                    // Add table header with actions, in case the element is not readOnly
+                    $html[] =            '<thead>';
+                    $html[] =                '<tr>';
+                    $html[] =                    '<th class="col-checkbox">' . $this->getRecordSelectionCheckActions() . '</th>';
+                    $html[] =                    '<th class="col-title" colspan="2">' . htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.th.name')) . '</th>';
+                    $html[] =                '</tr>';
+                    $html[] =            '</thead>';
+
+                    // Add JavaScript module. This is only needed, in case the element
+                    // is not readOnly, since otherwise no checkbox changes take place.
+                    $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/multi-record-selection.js');
+                }
+                $html[] =            '<tbody>' . implode(LF, $tableRows) . '</tbody>';
+                $html[] =        '</table>';
+                $html[] =    '</div>';
+                if ($hasGroupHeader) {
+                    $html[] = '</div>';
+                }
+            }
+            $html[] = '</div>';
+        }
+
+        $html[] =       '</div>';
+        if (!$readOnly && !empty($fieldWizardHtml)) {
+            $html[] =   '<div class="form-wizards-item-bottom">';
+            $html[] =       $fieldWizardHtml;
+            $html[] =   '</div>';
+        }
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend(implode(LF, $html));
+        return $resultArray;
+    }
+
+    /**
+     * A function that creates an icon with a help text. If a user clicks on
+     * the icon, the help text will show up as tooltip
+     *
+     * @param array $overloadHelpText Array with text to overload help text
+     * @return string the HTML code ready to render
+     */
+    protected function wrapInHelp(array $overloadHelpText = []): string
+    {
+        // If there's a help text or some overload information, proceed with preparing an output
+        if (empty($overloadHelpText)) {
+            return '';
+        }
+        $text = $this->iconFactory->getIcon('actions-system-help-open', IconSize::SMALL)->render();
+        $abbrClassAdd = ' help-teaser-icon';
+        $text = '<abbr class="help-teaser' . $abbrClassAdd . '">' . $text . '</abbr>';
+        $wrappedText = '<span class="help-link" data-bs-content="<p></p>"';
+        // The overload array may provide a title and a description
+        // If either one is defined, add them to the "data" attributes
+        if (isset($overloadHelpText['title'])) {
+            $wrappedText .= ' data-title="' . htmlspecialchars($overloadHelpText['title']) . '"';
+        }
+        if (isset($overloadHelpText['description'])) {
+            $wrappedText .= ' data-description="' . htmlspecialchars($overloadHelpText['description']) . '"';
+        }
+        $wrappedText .= '>' . $text . '</span>';
+        return $wrappedText;
+    }
+
+    protected function getRecordSelectionCheckActions(): string
+    {
+        $lang = $this->getLanguageService();
+        return '
+            <div class="dropdown">
+                <button type="button" class="dropdown-toggle dropdown-toggle-link t3js-multi-record-selection-check-actions-toggle" data-bs-toggle="dropdown" data-bs-boundary="window" aria-expanded="false" aria-label="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.openSelectionOptions')) . '">
+                    ' . $this->iconFactory->getIcon('actions-selection', IconSize::SMALL)->render() . '
+                </button>
+                <ul class="dropdown-menu t3js-multi-record-selection-check-actions">
+                    <li>
+                        <button type="button" class="dropdown-item" disabled data-multi-record-selection-check-action="check-all" title="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.checkAll')) . '">
+                            <span class="dropdown-item-columns">
+                                <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true">
+                                    ' . $this->iconFactory->getIcon('actions-selection-elements-all', IconSize::SMALL)->render() . '
+                                </span>
+                                <span class="dropdown-item-column dropdown-item-column-title">
+                                    ' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.checkAll')) . '
+                                </span>
+                            </span>
+                        </button>
+                    </li>
+                    <li>
+                        <button type="button" class="dropdown-item" disabled data-multi-record-selection-check-action="check-none" title="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.uncheckAll')) . '">
+                            <span class="dropdown-item-columns">
+                                <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true">
+                                    ' . $this->iconFactory->getIcon('actions-selection-elements-none', IconSize::SMALL)->render() . '
+                                </span>
+                                <span class="dropdown-item-column dropdown-item-column-title">
+                                    ' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.uncheckAll')) . '
+                                </span>
+                            </span>
+                        </button>
+                    </li>
+                    <li>
+                        <button type="button" class="dropdown-item" data-multi-record-selection-check-action="toggle" title="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.toggleSelection')) . '">
+                            <span class="dropdown-item-columns">
+                                <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true">
+                                    ' . $this->iconFactory->getIcon('actions-selection-elements-invert', IconSize::SMALL)->render() . '
+                                </span>
+                                <span class="dropdown-item-column dropdown-item-column-title">
+                                    ' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.toggleSelection')) . '
+                                </span>
+                            </span>
+                        </button>
+                    </li>
+                </ul>
+            </div>';
+    }
+}
diff --git a/Classes/Form/Element/SelectCountryElement.php b/Classes/Form/Element/SelectCountryElement.php
new file mode 100644
index 0000000..837ca47
--- /dev/null
+++ b/Classes/Form/Element/SelectCountryElement.php
@@ -0,0 +1,220 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Backend\Form\Utility\FormEngineUtility;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Creates a widget where only one item can be selected.
+ * This is either a select drop-down if no size config is given or set to 1, or a select box.
+ *
+ * This is rendered for type=country
+ */
+final class SelectCountryElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'selectIcons' => [
+            'renderType' => 'selectIcons',
+            'disabled' => true,
+        ],
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+            'after' => [
+                'selectIcons',
+            ],
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [ 'localizationStateSelector' ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [ 'otherLanguageContent' ],
+        ],
+    ];
+
+    /**
+     * Render single element
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+
+        $parameterArray = $this->data['parameterArray'];
+        $config = $parameterArray['fieldConf']['config'];
+
+        $selectItems = $parameterArray['fieldConf']['config']['items'] ?? [];
+        $classList = ['form-select', 'form-control-adapt'];
+
+        // Initialization:
+        $selectId = StringUtility::getUniqueId('tceforms-select-');
+        $selectedIcon = '';
+        $size = (int)($config['size'] ?? 0);
+
+        // Style set on <select/>
+        $options = '';
+        $disabled = false;
+        if (!empty($config['readOnly'])) {
+            $disabled = true;
+        }
+
+        // Prepare groups
+        $selectItemCounter = 0;
+        $selectItemGroupCount = 0;
+        $selectItemGroups = [];
+        $selectedValue = '';
+        $hasIcons = false;
+
+        // In case e.g. "l10n_display" is set to "defaultAsReadonly" only one value (as string) could be handed in
+        if (!empty($parameterArray['itemFormElValue'])) {
+            $selectedValue = (string)$parameterArray['itemFormElValue'];
+        }
+
+        foreach ($selectItems as $item) {
+            $selected = $selectedValue === (string)$item['value'];
+
+            if ($item['value'] === '--div--') {
+                // IS OPTGROUP
+                if ($selectItemCounter !== 0) {
+                    $selectItemGroupCount++;
+                }
+                $selectItemGroups[$selectItemGroupCount]['header'] = [
+                    'title' => $item['label'],
+                ];
+            } else {
+                $icon = !empty($item['icon']) ? FormEngineUtility::getIconHtml($item['icon'], $item['label'], $item['label']) : '';
+                if ($selected) {
+                    $selectedIcon = $icon;
+                }
+
+                $selectItemGroups[$selectItemGroupCount]['items'][] = [
+                    'title' => $this->appendValueToLabelInDebugMode($item['label'], $item['value']),
+                    'value' => $item['value'],
+                    'icon' => $icon,
+                    'selected' => $selected,
+                ];
+                $selectItemCounter++;
+            }
+        }
+
+        // Fallback icon
+        // @todo: assign a special icon for non matching values?
+        if (!$selectedIcon && !empty($selectItemGroups[0]['items'][0]['icon'])) {
+            $selectedIcon = $selectItemGroups[0]['items'][0]['icon'];
+        }
+
+        // Process groups
+        foreach ($selectItemGroups as $selectItemGroup) {
+            // suppress groups without items
+            if (empty($selectItemGroup['items'])) {
+                continue;
+            }
+
+            $optionGroup = is_array($selectItemGroup['header'] ?? null);
+            $options .= ($optionGroup ? '<optgroup label="' . htmlspecialchars($selectItemGroup['header']['title'], ENT_COMPAT, 'UTF-8', false) . '">' : '');
+
+            foreach ($selectItemGroup['items'] as $item) {
+                $options .= '<option value="' . htmlspecialchars($item['value']) . '" data-icon="'
+                    . htmlspecialchars($item['icon']) . '"'
+                    . ($item['selected'] ? ' selected="selected"' : '') . '>' . htmlspecialchars($item['title'], ENT_COMPAT, 'UTF-8', false) . '</option>';
+            }
+            $hasIcons = !empty($item['icon']);
+
+            $options .= ($optionGroup ? '</optgroup>' : '');
+        }
+
+        $selectAttributes = [
+            'id' => $selectId,
+            'name' => (string)($parameterArray['itemFormElName'] ?? ''),
+            'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+            'class' => implode(' ', $classList),
+        ];
+        if ($size) {
+            $selectAttributes['size'] = (string)$size;
+        }
+        if ($disabled) {
+            $selectAttributes['disabled'] = 'disabled';
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $html = [];
+        $html[] = $this->renderLabel($selectId);
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] = $fieldInformationHtml;
+        $html[] =   '<div class="form-control-wrap">';
+        $html[] =       '<div class="form-wizards-wrap">';
+        $html[] =           '<div class="form-wizards-element">';
+        if ($hasIcons) {
+            $html[] =           '<div class="input-group">';
+            $html[] =               '<span class="input-group-text input-group-icon">';
+            $html[] =                   $selectedIcon;
+            $html[] =               '</span>';
+        }
+        $html[] =                   '<select ' . GeneralUtility::implodeAttributes($selectAttributes, true) . '>';
+        $html[] =                       $options;
+        $html[] =                   '</select>';
+        if ($hasIcons) {
+            $html[] =           '</div>';
+        }
+        $html[] =           '</div>';
+        if (!$disabled && !empty($fieldControlHtml)) {
+            $html[] =      '<div class="form-wizards-items-aside form-wizards-items-aside--field-control">';
+            $html[] =          '<div class="btn-group">';
+            $html[] =              $fieldControlHtml;
+            $html[] =          '</div>';
+            $html[] =      '</div>';
+        }
+        if (!$disabled && !empty($fieldWizardHtml)) {
+            $html[] =       '<div class="form-wizards-items-bottom">';
+            $html[] =           $fieldWizardHtml;
+            $html[] =       '</div>';
+        }
+        $html[] =       '</div>';
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $onFieldChangeItems = $this->getOnFieldChangeItems($parameterArray['fieldChangeFunc'] ?? []);
+        $resultArray['javaScriptModules']['selectSingleElement'] = JavaScriptModuleInstruction::create(
+            '@typo3/backend/form-engine/element/select-country-element.js'
+        )->invoke('initializeOnReady', '#' . $selectId, ['onChange' => $onFieldChangeItems]);
+
+        $resultArray['html'] = implode(LF, $html);
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/SelectMultipleSideBySideElement.php b/Classes/Form/Element/SelectMultipleSideBySideElement.php
new file mode 100644
index 0000000..04124d2
--- /dev/null
+++ b/Classes/Form/Element/SelectMultipleSideBySideElement.php
@@ -0,0 +1,482 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Render a widget with two boxes side by side.
+ *
+ * This is rendered for config type=select, renderType=selectMultipleSideBySide set
+ */
+class SelectMultipleSideBySideElement extends AbstractFormElement
+{
+    /**
+     * Default field controls for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldControl = [
+        'editPopup' => [
+            'renderType' => 'editPopup',
+            'disabled' => true,
+        ],
+        'addRecord' => [
+            'renderType' => 'addRecord',
+            'disabled' => true,
+        ],
+        'listModule' => [
+            'renderType' => 'listModule',
+            'disabled' => true,
+            'after' => [ 'addRecord' ],
+        ],
+    ];
+
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+    ) {}
+
+    /**
+     * Merge field control configuration with default controls and render them.
+     *
+     * @return array Result array
+     */
+    protected function renderFieldControl(): array
+    {
+        $alternativeResult = [
+            'additionalInlineLanguageLabelFiles' => [],
+            'stylesheetFiles' => [],
+            'javaScriptModules' => [],
+            'inlineData' => [],
+            'html' => '',
+        ];
+        $options = $this->data;
+        $fieldControl = $this->defaultFieldControl;
+        $fieldControlFromTca = $options['parameterArray']['fieldConf']['config']['fieldControl'] ?? [];
+        ArrayUtility::mergeRecursiveWithOverrule($fieldControl, $fieldControlFromTca);
+        $options['renderType'] = 'fieldControl';
+        if (isset($fieldControl['editPopup'])) {
+            $editPopupControl = $fieldControl['editPopup'];
+            unset($fieldControl['editPopup']);
+            $alternativeOptions = $options;
+            $alternativeOptions['renderData']['fieldControl'] = ['editPopup' => $editPopupControl];
+            $alternativeResult = $this->nodeFactory->create($alternativeOptions)->render();
+        }
+        $options['renderData']['fieldControl'] = $fieldControl;
+        return [$this->nodeFactory->create($options)->render(), $alternativeResult];
+    }
+
+    /**
+     * Render side by side element.
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $parameterArray = $this->data['parameterArray'];
+        $config = $parameterArray['fieldConf']['config'];
+
+        if ($config['readOnly'] ?? false) {
+            // Early return for the relatively simple read only case
+            return $this->renderReadOnly();
+        }
+
+        $filterTextfield = [];
+        $languageService = $this->getLanguageService();
+        $resultArray = $this->initializeResultArray();
+        $elementName = $parameterArray['itemFormElName'];
+
+        $possibleItems = $config['items'];
+        $selectedItems = $parameterArray['itemFormElValue'] ?: [];
+        $maxItems = $config['maxitems'];
+
+        $size = (int)($config['size'] ?? 2);
+        $autoSizeMax = (int)($config['autoSizeMax'] ?? 0);
+        if ($autoSizeMax > 0) {
+            $size = MathUtility::forceIntegerInRange($size, 1);
+            $size = MathUtility::forceIntegerInRange(count($selectedItems) + 1, $size, $autoSizeMax);
+        }
+
+        $itemCanBeSelectedMoreThanOnce = !empty($config['multiple']);
+
+        $listOfSelectedValues = [];
+        $selectedItemsHtml = [];
+        foreach ($selectedItems as $itemValue) {
+            foreach ($possibleItems as $possibleItem) {
+                if ($possibleItem['value'] == $itemValue) {
+                    $title = $possibleItem['label'];
+                    $listOfSelectedValues[] = $itemValue;
+                    $selectedItemsHtml[] = '<option value="' . htmlspecialchars((string)$itemValue) . '" title="' . htmlspecialchars((string)$title) . '">' . htmlspecialchars($this->appendValueToLabelInDebugMode($title, $itemValue)) . '</option>';
+                    break;
+                }
+            }
+        }
+
+        $selectableItemCounter = 0;
+        $selectableItemGroupCounter = 0;
+        $selectableItemGroups = [];
+        $selectableItemsHtml = [];
+
+        // Initialize groups
+        foreach ($possibleItems as $possibleItem) {
+            $disableAttributes = [];
+            if (!$itemCanBeSelectedMoreThanOnce && in_array((string)$possibleItem['value'], $selectedItems, true)) {
+                $disableAttributes = [
+                    'disabled' => 'disabled',
+                    'class' => 'hidden',
+                ];
+            }
+            if ($possibleItem['value'] === '--div--') {
+                if ($selectableItemCounter !== 0) {
+                    $selectableItemGroupCounter++;
+                }
+                $selectableItemGroups[$selectableItemGroupCounter]['header']['title'] = $possibleItem['label'];
+            } else {
+                $selectableItemGroups[$selectableItemGroupCounter]['items'][] = [
+                    'label' => $this->appendValueToLabelInDebugMode($possibleItem['label'], $possibleItem['value']),
+                    'attributes' => array_merge(['title' => $possibleItem['label'], 'value' => $possibleItem['value']], $disableAttributes),
+                ];
+                // In case the item is not disabled, enable the group (if any)
+                if ($disableAttributes === [] && isset($selectableItemGroups[$selectableItemGroupCounter]['header'])) {
+                    $selectableItemGroups[$selectableItemGroupCounter]['header']['disabled'] = false;
+                }
+                $selectableItemCounter++;
+            }
+        }
+
+        // Process groups
+        foreach ($selectableItemGroups as $selectableItemGroup) {
+            if (!is_array($selectableItemGroup['items'] ?? false)) {
+                continue;
+            }
+
+            $optionGroup = isset($selectableItemGroup['header']);
+            if ($optionGroup) {
+                $selectableItemsHtml[] = '<optgroup label="' . htmlspecialchars($selectableItemGroup['header']['title']) . '"' . (($selectableItemGroup['header']['disabled'] ?? true) ? 'class="hidden" disabled="disabled"' : '') . '>';
+            }
+
+            foreach ($selectableItemGroup['items'] as $item) {
+                $selectableItemsHtml[] = '
+                    <option ' . GeneralUtility::implodeAttributes($item['attributes'], true, true) . '>
+                        ' . htmlspecialchars($item['label']) . '
+                    </option>';
+            }
+
+            if ($optionGroup) {
+                $selectableItemsHtml[] = '</optgroup>';
+            }
+        }
+
+        // Html stuff for filter and select filter on top of right side of multi select boxes
+        $filterTextfieldId = StringUtility::getUniqueId('tceforms-multiselect-filter-');
+        $filterTextfield[] = '<input type="search" id="' . $filterTextfieldId . '" autocomplete="off" class="t3js-formengine-multiselect-filter-textfield form-control" value="">';
+
+        $filterDropDownOptions = [];
+        if (isset($config['multiSelectFilterItems']) && is_array($config['multiSelectFilterItems']) && count($config['multiSelectFilterItems']) > 1) {
+            foreach ($config['multiSelectFilterItems'] as $optionElement) {
+                $value = $languageService->sL($optionElement[0]);
+                $label = $value;
+                if (isset($optionElement[1]) && trim($optionElement[1]) !== '') {
+                    $label = $languageService->sL($optionElement[1]);
+                }
+                $filterDropDownOptions[] = '<option value="' . htmlspecialchars($value) . '">' . htmlspecialchars($label) . '</option>';
+            }
+        }
+        $filterHtml = [];
+        $filterHtml[] = '<div class="form-wizards-item-filter">';
+        if (!empty($filterDropDownOptions)) {
+            $filterHtml[] = '<div class="t3js-formengine-multiselect-filter-container form-multigroup-wrap">';
+            $filterHtml[] =     '<div class="form-multigroup-item">';
+            $filterHtml[] =         '<select class="form-select t3js-formengine-multiselect-filter-dropdown">';
+            $filterHtml[] =             implode(LF, $filterDropDownOptions);
+            $filterHtml[] =         '</select>';
+            $filterHtml[] =     '</div>';
+            $filterHtml[] =     '<div class="form-multigroup-item">';
+            $filterHtml[] =         implode(LF, $filterTextfield);
+            $filterHtml[] =     '</div>';
+            $filterHtml[] = '</div>';
+        } else {
+            $filterHtml[] = implode(LF, $filterTextfield);
+        }
+        $filterHtml[] = '</div>';
+
+        $multipleAttribute = '';
+        if ($maxItems !== 1 && $size !== 1) {
+            $multipleAttribute = ' multiple="multiple"';
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        [$fieldControlResult, $alternativeControlResult] = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+        $alternativeFieldControlHtml = $alternativeControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $alternativeControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $selectedOptionsFieldId = StringUtility::getUniqueId('tceforms-multiselect-');
+        $availableOptionsFieldId = StringUtility::getUniqueId('tceforms-multiselect-');
+
+        $html = [];
+        $html[] = $this->renderLabel($selectedOptionsFieldId);
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] =   $fieldInformationHtml;
+        $html[] =   '<div class="form-wizards-wrap">';
+        $html[] =       '<div class="form-wizards-item-element">';
+        $html[] =           '<input type="hidden" data-formengine-input-name="' . htmlspecialchars($elementName) . '" value="' . (int)$itemCanBeSelectedMoreThanOnce . '" />';
+        $html[] =           '<div class="form-multigroup-wrap t3js-formengine-field-group">';
+        $html[] =               '<div class="form-multigroup-item">';
+        $html[] =                   '<label>';
+        $html[] =                       htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.selected'));
+        $html[] =                   '</label>';
+        $html[] =                   '<div class="form-wizards-wrap">';
+        $html[] =                       '<div class="form-wizards-item-element">';
+        $html[] =                           '<select';
+        $html[] =                               ' id="' . $selectedOptionsFieldId . '"';
+        $html[] =                               ' size="' . $size . '"';
+        $html[] =                               ' class="form-select"';
+        $html[] =                               $multipleAttribute;
+        $html[] =                               ' data-formengine-input-name="' . htmlspecialchars($elementName) . '"';
+        $html[] =                           '>';
+        $html[] =                               implode(LF, $selectedItemsHtml);
+        $html[] =                           '</select>';
+        $html[] =                       '</div>';
+        $html[] =                       '<div class="form-wizards-item-aside form-wizards-item-aside--move">';
+        $html[] =                           '<div class="btn-group-vertical">';
+        if ($maxItems > 1 && $size >= 2) {
+            $html[] =                           '<button type="button"';
+            $html[] =                               ' class="btn btn-default t3js-btn-option t3js-btn-moveoption-top"';
+            $html[] =                               ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+            $html[] =                               ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_to_top')) . '"';
+            $html[] =                           '>';
+            $html[] =                               $this->iconFactory->getIcon('actions-move-to-top', IconSize::SMALL)->render();
+            $html[] =                               '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_to_top')) . '</span>';
+            $html[] =                           '</button>';
+        }
+        if ($maxItems > 1) {
+            $html[] =                           '<button type="button"';
+            $html[] =                               ' class="btn btn-default t3js-btn-option t3js-btn-moveoption-up"';
+            $html[] =                               ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+            $html[] =                               ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_up')) . '"';
+            $html[] =                           '>';
+            $html[] =                               $this->iconFactory->getIcon('actions-move-up', IconSize::SMALL)->render();
+            $html[] =                               '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_up')) . '</span>';
+            $html[] =                           '</button>';
+            $html[] =                           '<button type="button"';
+            $html[] =                               ' class="btn btn-default t3js-btn-option t3js-btn-moveoption-down"';
+            $html[] =                               ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+            $html[] =                               ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_down')) . '"';
+            $html[] =                           '>';
+            $html[] =                               $this->iconFactory->getIcon('actions-move-down', IconSize::SMALL)->render();
+            $html[] =                               '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_down')) . '</span>';
+            $html[] =                           '</button>';
+        }
+        if ($maxItems > 1 && $size >= 2) {
+            $html[] =                           '<button type="button"';
+            $html[] =                               ' class="btn btn-default t3js-btn-option t3js-btn-moveoption-bottom"';
+            $html[] =                               ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+            $html[] =                               ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_to_bottom')) . '"';
+            $html[] =                           '>';
+            $html[] =                               $this->iconFactory->getIcon('actions-move-to-bottom', IconSize::SMALL)->render();
+            $html[] =                               '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.move_to_bottom')) . '</span>';
+            $html[] =                           '</button>';
+        }
+        $html[] =                                $alternativeFieldControlHtml;
+        $html[] =                               '<button type="button"';
+        $html[] =                                   ' class="btn btn-default t3js-btn-option t3js-btn-removeoption"';
+        $html[] =                                   ' data-fieldname="' . htmlspecialchars($elementName) . '"';
+        $html[] =                                   ' title="' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.remove_selected')) . '"';
+        $html[] =                               '>';
+        $html[] =                                   $this->iconFactory->getIcon('actions-selection-delete', IconSize::SMALL)->render();
+        $html[] =                                   '<span class="visually-hidden">' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.remove_selected')) . '</span>';
+        $html[] =                           '</button>';
+        $html[] =                           '</div>';
+        $html[] =                       '</div>';
+        $html[] =                   '</div>';
+        $html[] =               '</div>';
+        $html[] =               '<div class="form-multigroup-item">';
+        $html[] =                   '<label for="' . $filterTextfieldId . '">';
+        $html[] =                       htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.items'));
+        $html[] =                   '</label>';
+        $html[] =                   '<div class="form-wizards-wrap">';
+        $html[] =                       implode(LF, $filterHtml);
+        $html[] =                       '<div class="form-wizards-item-element">';
+        $selectElementAttrs = array_merge(
+            [
+                'size' => $size,
+                'id' => $availableOptionsFieldId,
+                'class' => 'form-select t3js-formengine-select-itemstoselect',
+                'data-relatedfieldname' => $elementName,
+                'data-exclusivevalues' =>  $config['exclusiveKeys'] ?? '',
+                'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+            ],
+            $this->getOnFieldChangeAttrs('change', $parameterArray['fieldChangeFunc'] ?? [])
+        );
+        $html[] =                           '<select ' . GeneralUtility::implodeAttributes($selectElementAttrs, true) . '>';
+        $html[] =                               implode(LF, $selectableItemsHtml);
+        $html[] =                           '</select>';
+        $html[] =                       '</div>';
+        if (!empty($fieldControlHtml)) {
+            $html[] =                       '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $html[] =                           '<div class="btn-group-vertical">';
+            $html[] =                               $fieldControlHtml;
+            $html[] =                           '</div>';
+            $html[] =                       '</div>';
+        }
+        $html[] =                   '</div>';
+        $html[] =               '</div>';
+        $html[] =           '</div>';
+        $html[] =           '<input type="hidden" name="' . htmlspecialchars($elementName) . '" value="' . htmlspecialchars(implode(',', $listOfSelectedValues)) . '" />';
+        $html[] =       '</div>';
+        if (!empty($fieldWizardHtml)) {
+            $html[] = '<div class="form-wizards-item-bottom">';
+            $html[] = $fieldWizardHtml;
+            $html[] = '</div>';
+        }
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create(
+            '@typo3/backend/form-engine/element/select-multiple-side-by-side-element.js'
+        )->instance($selectedOptionsFieldId, $availableOptionsFieldId);
+
+        $resultArray['html'] = implode(LF, $html);
+        return $resultArray;
+    }
+
+    /**
+     * Create HTML of a read only multi select. Right side is not
+     * rendered, but just the left side with the selected items.
+     *
+     * @return array
+     */
+    protected function renderReadOnly()
+    {
+        $languageService = $this->getLanguageService();
+        $resultArray = $this->initializeResultArray();
+
+        $parameterArray = $this->data['parameterArray'];
+        $config = $parameterArray['fieldConf']['config'];
+        $fieldName = $parameterArray['itemFormElName'];
+
+        $possibleItems = $config['items'];
+        $selectedItems = $parameterArray['itemFormElValue'] ?: [];
+        if (!is_array($selectedItems)) {
+            $selectedItems = GeneralUtility::trimExplode(',', $selectedItems, true);
+        }
+        $size = (int)($config['size'] ?? 2);
+        $autoSizeMax = (int)($config['autoSizeMax'] ?? 0);
+        if ($autoSizeMax > 0) {
+            $size = MathUtility::forceIntegerInRange($size, 1);
+            $size = MathUtility::forceIntegerInRange(count($selectedItems) + 1, $size, $autoSizeMax);
+        }
+
+        $multiple = '';
+        if ($size !== 1) {
+            $multiple = ' multiple="multiple"';
+        }
+
+        $listOfSelectedValues = [];
+        $optionsHtml = [];
+        foreach ($selectedItems as $itemValue) {
+            foreach ($possibleItems as $possibleItem) {
+                if ($possibleItem['value'] == $itemValue) {
+                    $title = $possibleItem['label'];
+                    $listOfSelectedValues[] = $itemValue;
+                    $optionsHtml[] = '<option value="' . htmlspecialchars($itemValue) . '" title="' . htmlspecialchars($title) . '">' . htmlspecialchars($title) . '</option>';
+                    break;
+                }
+            }
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $selectId = StringUtility::getUniqueId('tceforms-multiselect-');
+
+        $html = [];
+        $html[] = $this->renderLabel($selectId);
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] =   $fieldInformationHtml;
+        $html[] =   '<div class="form-wizards-wrap">';
+        $html[] =       '<div class="form-wizards-item-element">';
+        $html[] =           '<label>';
+        $html[] =               htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.selected'));
+        $html[] =           '</label>';
+        $html[] =           '<div class="form-wizards-wrap">';
+        $html[] =               '<div class="form-wizards-item-element">';
+        $html[] =                   '<select';
+        $html[] =                       ' id="' . $selectId . '"';
+        $html[] =                       ' size="' . $size . '"';
+        $html[] =                       ' class="form-select"';
+        $html[] =                       $multiple;
+        $html[] =                       ' data-formengine-input-name="' . htmlspecialchars($fieldName) . '"';
+        $html[] =                       ' disabled="disabled">';
+        $html[] =                   '/>';
+        $html[] =                       implode(LF, $optionsHtml);
+        $html[] =                   '</select>';
+        $html[] =               '</div>';
+        $html[] =           '</div>';
+        $html[] =           '<input type="hidden" name="' . htmlspecialchars($fieldName) . '" value="' . htmlspecialchars(implode(',', $listOfSelectedValues)) . '" />';
+        $html[] =       '</div>';
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $resultArray['html'] = implode(LF, $html);
+        return $resultArray;
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/Element/SelectSingleBoxElement.php b/Classes/Form/Element/SelectSingleBoxElement.php
new file mode 100644
index 0000000..2b44408
--- /dev/null
+++ b/Classes/Form/Element/SelectSingleBoxElement.php
@@ -0,0 +1,210 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Create a widget with a select box where multiple items can be selected
+ *
+ * This is rendered for config type=select, renderType=selectSingleBox
+ */
+class SelectSingleBoxElement extends AbstractFormElement
+{
+    /**
+     * Default field controls for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldControl = [
+        'resetSelection' => [
+            'renderType' => 'resetSelection',
+        ],
+    ];
+
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    /**
+     * This will render a selector box element, or possibly a special construction with two selector boxes.
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $languageService = $this->getLanguageService();
+        $resultArray = $this->initializeResultArray();
+
+        $parameterArray = $this->data['parameterArray'];
+        // Field configuration from TCA:
+        $config = $parameterArray['fieldConf']['config'];
+        $selectItems = $parameterArray['fieldConf']['config']['items'];
+        $disabled = !empty($config['readOnly']);
+
+        // Get item value as array and make unique, which is fine because there can be no duplicates anyway.
+        $itemArray = array_flip($parameterArray['itemFormElValue']);
+        $width = $this->formMaxWidth($this->defaultInputWidth);
+
+        $optionElements = [];
+        foreach ($selectItems as $item) {
+            $value = $item['value'];
+            $attributes = [];
+            // Selected or not by default
+            if (isset($itemArray[$value])) {
+                $attributes['selected'] = 'selected';
+                unset($itemArray[$value]);
+            }
+            // Non-selectable element
+            if ((string)$value === '--div--') {
+                $attributes['disabled'] = 'disabled';
+                $attributes['class'] = 'formcontrol-select-divider';
+            }
+            $optionElements[] = $this->renderOptionElement($value, $item['label'], $attributes);
+        }
+
+        $selectItems = $parameterArray['fieldConf']['config']['items'];
+        $size = (int)($config['size'] ?? 0);
+        $autoSizeMax = (int)($config['autoSizeMax'] ?? 0);
+        if ($autoSizeMax > 0) {
+            $size = MathUtility::forceIntegerInRange($size, 1);
+            $size = MathUtility::forceIntegerInRange(count($selectItems) + 1, $size, $autoSizeMax);
+        }
+        $selectId = StringUtility::getUniqueId($size === 1 ? 'tceforms-select' : 'tceforms-multiselect');
+        $selectElement = $this->renderSelectElement($optionElements, $parameterArray, $config, $selectId, $size);
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $html = [];
+        $html[] = $this->renderLabel($selectId);
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] = $fieldInformationHtml;
+        $html[] =   '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+        $html[] =       '<div class="form-wizards-wrap">';
+        $html[] =           '<div class="form-wizards-item-element">';
+        if (!$disabled) {
+            // Add an empty hidden field which will send a blank value if all items are unselected.
+            $html[] =           '<input type="hidden" name="' . htmlspecialchars($parameterArray['itemFormElName']) . '" value="">';
+        }
+        $html[] =               $selectElement;
+        $html[] =           '</div>';
+        if (!$disabled) {
+            if (!empty($fieldControlHtml)) {
+                $html[] =       '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+                $html[] =           $fieldControlHtml;
+                $html[] =       '</div>';
+            }
+            $html[] = '</div>';
+            $html[] =   '<div class="form-text">';
+            $html[] =       '<em>' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.holdDownCTRL')) . '</em>';
+            $html[] =   '</div>';
+            if (!empty($fieldWizardHtml)) {
+                $html[] = '<div class="form-wizards-item-bottom">';
+                $html[] = $fieldWizardHtml;
+                $html[] = '</div>';
+            }
+        } else {
+            $html[] = '</div>';
+        }
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $resultArray['html'] = implode(LF, $html);
+        return $resultArray;
+    }
+
+    /**
+     * Renders a <select> element
+     */
+    protected function renderSelectElement(array $optionElements, array $parameterArray, array $config, string $selectId, int $size): string
+    {
+        $attributes = array_merge(
+            [
+                'name' => $parameterArray['itemFormElName'] . '[]',
+                'multiple' => 'multiple',
+                'id' => $selectId,
+                'class' => 'form-select ',
+                'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+            ],
+            $this->getOnFieldChangeAttrs('change', $parameterArray['fieldChangeFunc'] ?? [])
+        );
+        if ($size) {
+            $attributes['size'] = (string)$size;
+        }
+        if ($config['readOnly'] ?? false) {
+            $attributes['disabled'] = 'disabled';
+        }
+
+        $html = [];
+        $html[] = '<select ' . GeneralUtility::implodeAttributes($attributes, true) . '>';
+        $html[] =   implode(LF, $optionElements);
+        $html[] = '</select>';
+
+        return implode(LF, $html);
+    }
+
+    /**
+     * Renders a single <option> element
+     *
+     * @param string $value The option value
+     * @param string $label The option label
+     * @param array $attributes Map of attribute names and values
+     * @return string
+     */
+    protected function renderOptionElement($value, $label, array $attributes = [])
+    {
+        $attributes['value'] = $value;
+        $html = [
+            '<option ' . GeneralUtility::implodeAttributes($attributes, true, true) . '>',
+            htmlspecialchars($this->appendValueToLabelInDebugMode($label, $value), ENT_COMPAT, 'UTF-8', false),
+            '</option>',
+
+        ];
+
+        return implode('', $html);
+    }
+}
diff --git a/Classes/Form/Element/SelectSingleElement.php b/Classes/Form/Element/SelectSingleElement.php
new file mode 100644
index 0000000..42afb88
--- /dev/null
+++ b/Classes/Form/Element/SelectSingleElement.php
@@ -0,0 +1,261 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Backend\Form\Utility\FormEngineUtility;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Creates a widget where only one item can be selected.
+ * This is either a select drop-down if no size config is given or set to 1, or a select box.
+ *
+ * This is rendered for type=select, renderType=selectSingle
+ */
+class SelectSingleElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'selectIcons' => [
+            'renderType' => 'selectIcons',
+            'disabled' => true,
+        ],
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+            'after' => [
+                'selectIcons',
+            ],
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [ 'localizationStateSelector' ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [ 'otherLanguageContent' ],
+        ],
+    ];
+
+    public function __construct(
+        private readonly InlineStackProcessor $inlineStackProcessor,
+    ) {}
+
+    /**
+     * Render single element
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+
+        $table = $this->data['tableName'];
+        $field = $this->data['fieldName'];
+        $parameterArray = $this->data['parameterArray'];
+        $config = $parameterArray['fieldConf']['config'];
+
+        $selectItems = $parameterArray['fieldConf']['config']['items'];
+        $classList = ['form-select', 'form-control-adapt'];
+
+        // Check against inline uniqueness
+        $uniqueIds = [];
+        if (($this->data['isInlineChild'] ?? false) && ($this->data['inlineParentUid'] ?? false)) {
+            // If config[foreign_unique] is set for the parent inline field, all
+            // already used unique ids must be excluded from the select items.
+            $inlineObjectName = $this->inlineStackProcessor->getDomObjectIdPrefixFromStructure($this->data['inlineStructure'], $this->data['inlineFirstPid']);
+            if (($this->data['inlineParentConfig']['foreign_table'] ?? false) === $table
+                && ($this->data['inlineParentConfig']['foreign_unique'] ?? false) === $field
+            ) {
+                $classList[] = 't3js-inline-unique';
+                $uniqueIds = $this->data['inlineData']['unique'][$inlineObjectName . '-' . $table]['used'] ?? [];
+            }
+            // hide uid of parent record for symmetric relations
+            if (($this->data['inlineParentConfig']['foreign_table'] ?? false) === $table
+                && (
+                    ($this->data['inlineParentConfig']['foreign_field'] ?? false) === $field
+                    || ($this->data['inlineParentConfig']['symmetric_field'] ?? false) === $field
+                )
+            ) {
+                $uniqueIds[] = $this->data['inlineParentUid'];
+            }
+            $uniqueIds = array_map(intval(...), $uniqueIds);
+        }
+
+        // Initialization:
+        $selectId = StringUtility::getUniqueId('tceforms-select-');
+        $selectedItem = null;
+        $size = (int)($config['size'] ?? 0);
+
+        // Style set on <select/>
+        $options = '';
+        $disabled = false;
+        if (!empty($config['readOnly'])) {
+            $disabled = true;
+        }
+
+        // Prepare groups
+        $selectItemCounter = 0;
+        $selectItemGroupCount = 0;
+        $selectItemGroups = [];
+        $selectedValue = '';
+        $hasIcons = false;
+
+        // In case e.g. "l10n_display" is set to "defaultAsReadonly" only one value (as string) could be handed in
+        if (!empty($parameterArray['itemFormElValue'])) {
+            if (is_array($parameterArray['itemFormElValue'])) {
+                $selectedValue = (string)$parameterArray['itemFormElValue'][0];
+            } else {
+                $selectedValue = (string)$parameterArray['itemFormElValue'];
+            }
+        }
+
+        foreach ($selectItems as $item) {
+            $selected = $selectedValue === (string)$item['value'];
+
+            if ($item['value'] === '--div--') {
+                // IS OPTGROUP
+                if ($selectItemCounter !== 0) {
+                    $selectItemGroupCount++;
+                }
+                $selectItemGroups[$selectItemGroupCount]['header'] = [
+                    'title' => $item['label'],
+                ];
+            } elseif ($selected || !in_array((int)$item['value'], $uniqueIds, true)) {
+                $icon = !empty($item['icon']) ? FormEngineUtility::getIconHtml($item['icon'], $item['label'], $item['label']) : '';
+                $enhancedItem = [
+                    'title' => $this->appendValueToLabelInDebugMode($item['label'], $item['value']),
+                    'value' => $item['value'],
+                    'icon' => $icon,
+                    'selected' => $selected,
+                ];
+                if ($selected) {
+                    $selectedItem = $enhancedItem;
+                }
+                $selectItemGroups[$selectItemGroupCount]['items'][] = $enhancedItem;
+                $selectItemCounter++;
+            }
+        }
+
+        // Process groups
+        foreach ($selectItemGroups as $selectItemGroup) {
+            // suppress groups without items
+            if (empty($selectItemGroup['items'])) {
+                continue;
+            }
+
+            $optionGroup = is_array($selectItemGroup['header'] ?? null);
+            $options .= ($optionGroup ? '<optgroup label="' . htmlspecialchars($selectItemGroup['header']['title'], ENT_COMPAT, 'UTF-8', false) . '">' : '');
+
+            foreach ($selectItemGroup['items'] as $item) {
+                $options .= '<option value="' . htmlspecialchars($item['value']) . '" data-icon="'
+                    . htmlspecialchars($item['icon']) . '"'
+                    . ($item['selected'] ? ' selected="selected"' : '') . '>' . htmlspecialchars($item['title'], ENT_COMPAT, 'UTF-8', false) . '</option>';
+
+                // At least one select item with icon found.
+                if (!empty($item['icon'])) {
+                    $hasIcons = true;
+                }
+            }
+            $options .= ($optionGroup ? '</optgroup>' : '');
+        }
+
+        // No item selected. Use first item of first group as selected item, which is display
+        // in the form to render icon of that item icon as selected icon when item has one.
+        if ($hasIcons
+            && $selectedItem === null
+            && isset($selectItemGroups[0]['items'][0])
+        ) {
+            $selectedItem = $selectItemGroups[0]['items'][0];
+        }
+
+        $selectAttributes = [
+            'id' => $selectId,
+            'name' => (string)($parameterArray['itemFormElName'] ?? ''),
+            'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+            'class' => implode(' ', $classList),
+        ];
+        if ($size) {
+            $selectAttributes['size'] = (string)$size;
+        }
+        if ($disabled) {
+            $selectAttributes['disabled'] = 'disabled';
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $html = [];
+        $html[] = $this->renderLabel($selectId);
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] = $fieldInformationHtml;
+        $html[] =   '<div class="form-control-wrap">';
+        $html[] =       '<div class="form-wizards-wrap">';
+        $html[] =           '<div class="form-wizards-item-element">';
+        if ($hasIcons) {
+            $html[] =           '<div class="input-group">';
+            $html[] =               '<span class="input-group-text input-group-icon">';
+            if ($selectedItem !== null) {
+                $html[] =              $selectedItem['icon'];
+            }
+            $html[] =               '</span>';
+        }
+        $html[] =                   '<select ' . GeneralUtility::implodeAttributes($selectAttributes, true) . '>';
+        $html[] =                       $options;
+        $html[] =                   '</select>';
+        if ($hasIcons) {
+            $html[] =           '</div>';
+        }
+        $html[] =           '</div>';
+        if (!$disabled && !empty($fieldControlHtml)) {
+            $html[] =      '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $html[] =          '<div class="btn-group">';
+            $html[] =              $fieldControlHtml;
+            $html[] =          '</div>';
+            $html[] =      '</div>';
+        }
+        if (!$disabled && !empty($fieldWizardHtml)) {
+            $html[] =       '<div class="form-wizards-item-bottom">';
+            $html[] =           $fieldWizardHtml;
+            $html[] =       '</div>';
+        }
+        $html[] =       '</div>';
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $onFieldChangeItems = $this->getOnFieldChangeItems($parameterArray['fieldChangeFunc'] ?? []);
+        $resultArray['javaScriptModules']['selectSingleElement'] = JavaScriptModuleInstruction::create(
+            '@typo3/backend/form-engine/element/select-single-element.js'
+        )->invoke('initializeOnReady', '#' . $selectId, ['onChange' => $onFieldChangeItems]);
+
+        $resultArray['html'] = implode(LF, $html);
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/SelectTreeElement.php b/Classes/Form/Element/SelectTreeElement.php
new file mode 100644
index 0000000..be7dc06
--- /dev/null
+++ b/Classes/Form/Element/SelectTreeElement.php
@@ -0,0 +1,201 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Backend\Form\Behavior\OnFieldChangeInterface;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Render data as a tree.
+ *
+ * Typically rendered for config type=select, renderType=selectTree
+ */
+class SelectTreeElement extends AbstractFormElement
+{
+    /**
+     * @var array Default wizards
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+    ];
+
+    /**
+     * Default number of tree nodes to show (determines tree height)
+     * when no ['config']['size'] is set
+     *
+     * @var int
+     */
+    protected $itemsToShow = 15;
+
+    /**
+     * Number of items to show at last
+     * e.g. when you have only 2 items in a tree
+     *
+     * @var int
+     */
+    protected $minItemsToShow = 5;
+
+    /**
+     * Pixel height of a single tree node
+     *
+     * @var int
+     */
+    protected $itemHeight = 20;
+
+    /**
+     * Render tree widget
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     * @see AbstractNode::initializeResultArray()
+     */
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+        $parameterArray = $this->data['parameterArray'];
+        $formElementId = md5($parameterArray['itemFormElName']);
+
+        // Field configuration from TCA:
+        $config = $parameterArray['fieldConf']['config'];
+        $readOnly = !empty($config['readOnly']);
+        $exclusiveKeys = !empty($config['exclusiveKeys']) ? $config['exclusiveKeys'] : '';
+        $exclusiveKeys = $exclusiveKeys . ',';
+        $appearance = !empty($config['treeConfig']['appearance']) ? $config['treeConfig']['appearance'] : [];
+        $expanded = !empty($appearance['expandAll']);
+        $showHeader = !empty($appearance['showHeader']);
+        if (isset($config['size']) && (int)$config['size'] > 0) {
+            $height = max($this->minItemsToShow, (int)$config['size']);
+        } else {
+            $height = $this->itemsToShow;
+        }
+        $heightInPx = $height * $this->itemHeight;
+        $treeWrapperId = 'tree_' . $formElementId;
+        $fieldId = 'tree_record_' . $formElementId;
+
+        $fieldName = $this->data['fieldName'];
+
+        $dataStructureIdentifier = '';
+        $flexFormSheetName = '';
+        $flexFormFieldName = '';
+        $flexFormContainerName = '';
+        $flexFormContainerIdentifier = '';
+        $flexFormContainerFieldName = '';
+        $flexFormSectionContainerIsNew = false;
+        if ($this->data['processedTca']['columns'][$fieldName]['config']['type'] === 'flex') {
+            $dataStructureIdentifier = $this->data['processedTca']['columns'][$fieldName]['config']['dataStructureIdentifier'];
+            if (isset($this->data['flexFormSheetName'])) {
+                $flexFormSheetName = $this->data['flexFormSheetName'];
+            }
+            if (isset($this->data['flexFormFieldName'])) {
+                $flexFormFieldName = $this->data['flexFormFieldName'];
+            }
+            if (isset($this->data['flexFormContainerName'])) {
+                $flexFormContainerName = $this->data['flexFormContainerName'];
+            }
+            if (isset($this->data['flexFormContainerFieldName'])) {
+                $flexFormContainerFieldName = $this->data['flexFormContainerFieldName'];
+            }
+            if (isset($this->data['flexFormContainerIdentifier'])) {
+                $flexFormContainerIdentifier = $this->data['flexFormContainerIdentifier'];
+            }
+            // Add a flag this is a tree in a new flex section container element. This is needed to initialize
+            // the databaseRow with this container again so the tree data provider is able to calculate tree items.
+            if (!empty($this->data['flexSectionContainerPreparation'])) {
+                $flexFormSectionContainerIsNew = true;
+            }
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $html = [];
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] = $fieldInformationHtml;
+        $html[] =   '<div class="form-control-wrap">';
+        $html[] =       '<div class="form-wizards-wrap">';
+        $html[] =           '<div class="form-wizards-item-element">';
+        $html[] =               '<div class="typo3-tceforms-tree">';
+        $html[] =                   '<input class="treeRecord" type="hidden" id="' . htmlspecialchars($fieldId) . '"';
+        $html[] =                       ' data-formengine-validation-rules="' . htmlspecialchars($this->getValidationDataAsJsonString($config)) . '"';
+        $html[] =                       ' data-relatedfieldname="' . htmlspecialchars($parameterArray['itemFormElName']) . '"';
+        $html[] =                       ' data-tablename="' . htmlspecialchars($this->data['tableName']) . '"';
+        $html[] =                       ' data-fieldname="' . htmlspecialchars($this->data['fieldName']) . '"';
+        $html[] =                       ' data-uid="' . (int)$this->data['vanillaUid'] . '"';
+        $html[] =                       ' data-recordtypevalue="' . htmlspecialchars($this->data['recordTypeValue']) . '"';
+        $html[] =                       ' data-datastructureidentifier="' . htmlspecialchars($dataStructureIdentifier) . '"';
+        $html[] =                       ' data-flexformsheetname="' . htmlspecialchars($flexFormSheetName) . '"';
+        $html[] =                       ' data-flexformfieldname="' . htmlspecialchars($flexFormFieldName) . '"';
+        $html[] =                       ' data-flexformcontainername="' . htmlspecialchars($flexFormContainerName) . '"';
+        $html[] =                       ' data-flexformcontaineridentifier="' . htmlspecialchars($flexFormContainerIdentifier) . '"';
+        $html[] =                       ' data-flexformcontainerfieldname="' . htmlspecialchars($flexFormContainerFieldName) . '"';
+        $html[] =                       ' data-flexformsectioncontainerisnew="' . htmlspecialchars((string)$flexFormSectionContainerIsNew) . '"';
+        $html[] =                       ' data-command="' . htmlspecialchars($this->data['command']) . '"';
+        $html[] =                       ' data-read-only="' . ($readOnly ? '1' : '0') . '"';
+        $html[] =                       ' data-tree-exclusive-keys="' . htmlspecialchars($exclusiveKeys) . '"';
+        $html[] =                       ' data-tree-expand-up-to-level="' . ($expanded ? '999' : '1') . '"';
+        $html[] =                       ' data-tree-show-toolbar="' . $showHeader . '"';
+        $html[] =                       ' name="' . htmlspecialchars($parameterArray['itemFormElName']) . '"';
+        $html[] =                       ' id="treeinput' . $formElementId . '"';
+        $html[] =                       ' value="' . htmlspecialchars(implode(',', $parameterArray['itemFormElValue'])) . '"';
+        $html[] =                       ' data-overridevalues="' . GeneralUtility::jsonEncodeForHtmlAttribute($this->data['overrideValues']) . '"';
+        $html[] =                       ' data-defaultvalues="' . GeneralUtility::jsonEncodeForHtmlAttribute($this->data['defaultValues']) . '"';
+        $html[] =                   '/>';
+        $html[] =               '</div>';
+        $html[] =               '<div id="' . $treeWrapperId . '" class="tree-element" style="height: ' . $heightInPx . 'px;"></div>';
+        $html[] =           '</div>';
+        if (!$readOnly && !empty($fieldWizardHtml)) {
+            $html[] =       '<div class="form-wizards-item-bottom">';
+            $html[] =           $fieldWizardHtml;
+            $html[] =       '</div>';
+        }
+        $html[] =       '</div>';
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend(implode(LF, $html));
+
+        $onFieldChangeItems = $this->getOnFieldChangeItems($this->getFieldChangeFuncs());
+        $resultArray['javaScriptModules']['selectTreeElement'] = JavaScriptModuleInstruction::create(
+            '@typo3/backend/form-engine/element/select-tree-element.js',
+            'SelectTreeElement'
+        )->instance($treeWrapperId, $fieldId, null, $onFieldChangeItems);
+
+        return $resultArray;
+    }
+
+    /**
+     * @return list<OnFieldChangeInterface>
+     */
+    protected function getFieldChangeFuncs(): array
+    {
+        $items = [];
+        $parameterArray = $this->data['parameterArray'];
+        if (!empty($parameterArray['fieldChangeFunc']['TBE_EDITOR_fieldChanged'])) {
+            $items[] = $parameterArray['fieldChangeFunc']['TBE_EDITOR_fieldChanged'];
+        }
+        if (!empty($parameterArray['fieldChangeFunc']['alert'])) {
+            $items[] = $parameterArray['fieldChangeFunc']['alert'];
+        }
+        return $items;
+    }
+}
diff --git a/Classes/Form/Element/TablePermissionElement.php b/Classes/Form/Element/TablePermissionElement.php
new file mode 100644
index 0000000..17fb548
--- /dev/null
+++ b/Classes/Form/Element/TablePermissionElement.php
@@ -0,0 +1,258 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Backend\Form\Utility\FormEngineUtility;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Renders table permission options for each available table.
+ *
+ * @internal Only used in be_groups for the "combined read & write" table permission list.
+ */
+final class TablePermissionElement extends AbstractFormElement
+{
+    private const array Permissions = [
+        'none' => 'none',
+        'select' => 'select',
+        'modify' => 'modify',
+    ];
+
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+    ) {}
+
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+
+        $parameterArray = $this->data['parameterArray'];
+        $config = $parameterArray['fieldConf']['config'];
+        $elementFieldName = $parameterArray['itemFormElName'];
+        $currentValue = ['modify' => [], 'select' => []];
+        if (is_array($parameterArray['itemFormElValue']['modify'] ?? false)
+            && is_array($parameterArray['itemFormElValue']['select'] ?? false)
+        ) {
+            $currentValue = $parameterArray['itemFormElValue'];
+        }
+        $readOnly = (bool)($config['readOnly'] ?? false);
+
+        $availableTables = $config['items'] ?? [];
+        if (empty($availableTables)) {
+            // Early return in case the field does not contain any items
+            return $resultArray;
+        }
+
+        $tablesConfiguration = [];
+        $lang = $this->getLanguageService();
+        $itemArrayModify = array_flip($currentValue['modify']);
+        $itemArraySelect = array_flip($currentValue['select']);
+        $elementId = StringUtility::getUniqueId('formengine-table-permission-');
+
+        foreach ($availableTables as $table) {
+            $permissions = [];
+            foreach (self::Permissions as $permission) {
+                $permissions[$permission] = [
+                    'label' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_tca.xlf:be_groups.tables_modify.permissions.' . $permission),
+                    'attributes' => [
+                        'type' => 'radio',
+                        'class' => 'form-check-input t3js-table-permissions-item t3js-multi-record-selection-check',
+                        'value' => $permission,
+                        'name' => $elementId . '[' . $table['value'] . ']',
+                        'id' => $elementId . '[' . $table['value'] . '][' . $permission . ']',
+                        'data-table' => $table['value'],
+                    ],
+                ];
+            }
+
+            if (isset($itemArrayModify[$table['value']])) {
+                $permissions[self::Permissions['modify']]['attributes']['checked'] = 'checked';
+            } elseif (isset($itemArraySelect[$table['value']])) {
+                $permissions[self::Permissions['select']]['attributes']['checked'] = 'checked';
+            } else {
+                $permissions[self::Permissions['none']]['attributes']['checked'] = 'checked';
+            }
+
+            if ($readOnly) {
+                foreach (self::Permissions as $permission) {
+                    $permissions[$permission]['attributes']['disabled'] = 'disabled';
+                }
+            }
+
+            $tablesConfiguration[] = [
+                'permissions' => $permissions,
+                'label' => [
+                    'id' => $elementId . '-' . $table['value'] . '-label',
+                    'icon' => $this->getIconForTable(!empty($table['icon']) ? $table['icon'] : 'empty-empty'),
+                    'title' => $lang->sL($table['label']),
+                    'value' => $table['value'],
+                ],
+            ];
+        }
+
+        $modifyStateFieldName = htmlspecialchars($elementFieldName);
+        $selectStateFieldName = htmlspecialchars(str_replace($this->data['fieldName'], $config['selectFieldName'], $elementFieldName));
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $html[] = '<typo3-formengine-element-tablepermission modifyStateFieldName="' . $modifyStateFieldName . '" selectStateFieldName="' . $selectStateFieldName . '">';
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item" data-formengine-validation-rules="' . htmlspecialchars($this->getValidationDataAsJsonString($config)) . '">';
+        $html[] = $fieldInformationHtml;
+
+        if (!$readOnly) {
+            $html[] = '<input type="hidden" name="' . $modifyStateFieldName . '" value="' . implode(',', $currentValue['modify']) . '">';
+            $html[] = '<input type="hidden" name="' . $selectStateFieldName . '" value="' . implode(',', $currentValue['select']) . '">';
+        }
+
+        $tableRows = [];
+        foreach ($tablesConfiguration as $tableConfiguration) {
+            $tableRows[] = '<tr role="radiogroup" aria-labelledby="' . $tableConfiguration['label']['id'] . '">';
+            foreach ($tableConfiguration['permissions'] as $key => $permission) {
+                $tableRows[] =    '<td class="col-radiogroup">';
+                $tableRows[] =      '<div class="form-check form-check-inline" data-multi-record-selection-identifier="' . $elementId . '-' . $key . '" data-multi-record-selection-element="true">';
+                $tableRows[] =          '<input ' . GeneralUtility::implodeAttributes($permission['attributes'], true, true) . '>';
+                $tableRows[] =          '<label class="form-check-label" for="' . $permission['attributes']['id'] . '">' . htmlspecialchars($permission['label']) . '</label>';
+                $tableRows[] =      '</div>';
+                $tableRows[] =    '</td>';
+            }
+            $tableRows[] =    '<td class="col-title col-border-left">';
+            $tableRows[] =        '<label class="label-block nowrap-disabled" id="' . $tableConfiguration['label']['id'] . '">';
+            $tableRows[] =            '<span>' . $tableConfiguration['label']['icon'] . '</span>';
+            $tableRows[] =            htmlspecialchars($this->appendValueToLabelInDebugMode($tableConfiguration['label']['title'], $tableConfiguration['label']['value']));
+            $tableRows[] =        '</label>';
+            $tableRows[] =    '</td>';
+            $tableRows[] = '</tr>';
+        }
+
+        $html[] = '<div id="' . $elementId . '">';
+        $html[] = '<div class="table-fit">';
+        $html[] =       '<table class="table table-hover">';
+        $html[] =           '<thead>';
+        $html[] =               '<tr>';
+        foreach (self::Permissions as $permission) {
+            $html[] =    '<th data-multi-record-selection-identifier="' . $elementId . '-' . $permission . '">';
+            $html[] =        $this->getRecordSelectionCheckActions($permission === self::Permissions['none'] ? ['all'] : ['all', 'none', 'toggle'], $readOnly);
+            $html[] =    '</th>';
+        }
+        $html[] =                    '<th class="col-title col-border-left">' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.th.name')) . '</th>';
+        $html[] =                '</tr>';
+        $html[] =            '</thead>';
+
+        $html[] =        '<tbody>' . implode(LF, $tableRows) . '</tbody>';
+        $html[] =        '</table>';
+        $html[] =    '</div>';
+        $html[] = '</div>';
+        $html[] = '</div>';
+
+        if (!$readOnly) {
+            $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/form-engine/element/table-permission-element.js');
+            $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/multi-record-selection.js');
+        }
+
+        $html[] = '</typo3-formengine-element-tablepermission>';
+
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend(implode(LF, $html));
+        return $resultArray;
+    }
+
+    protected function wrapWithFieldsetAndLegend(string $innerHTML): string
+    {
+        $legend = htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_tca.xlf:be_groups.tables_modify'));
+        if ($this->getBackendUser()->shallDisplayDebugInformation()) {
+            $legend .= ' <code>[' . ($this->data['parameterArray']['fieldConf']['config']['selectFieldName'] ?? '') . ', ' . $this->data['fieldName'] . ']</code>';
+        }
+        $html = [];
+        $html[] = '<fieldset>';
+        $html[] =     '<legend class="form-label t3js-formengine-label">' . $legend . '</legend>';
+        $html[] =     $innerHTML;
+        $html[] = '</fieldset>';
+        return implode(LF, $html);
+    }
+
+    private function getIconForTable(string $icon): string
+    {
+        return FormEngineUtility::getIconHtml($icon);
+    }
+
+    private function getRecordSelectionCheckActions(array $optionsToShow, bool $readOnly): string
+    {
+        $checkboxOptions = [
+            'all' => '
+                <li>
+                    <button type="button" class="dropdown-item" disabled data-multi-record-selection-check-action="check-all" title="' . $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.checkAll') . '">
+                        <span class="dropdown-item-columns">
+                            <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true">
+                                ' . $this->iconFactory->getIcon('actions-selection-elements-all', IconSize::SMALL)->render() . '
+                            </span>
+                            <span class="dropdown-item-column dropdown-item-column-title">
+                                ' . $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.checkAll') . '
+                            </span>
+                        </span>
+                    </button>
+                </li>',
+            'none' => '
+                <li>
+                    <button type="button" class="dropdown-item" disabled data-multi-record-selection-check-action="check-none" title="' . $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.uncheckAll') . '">
+                        <span class="dropdown-item-columns">
+                            <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true">
+                                ' . $this->iconFactory->getIcon('actions-selection-elements-none', IconSize::SMALL)->render() . '
+                            </span>
+                            <span class="dropdown-item-column dropdown-item-column-title">
+                                ' . $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.uncheckAll') . '
+                            </span>
+                        </span>
+                    </button>
+                </li>',
+            'toggle' => '
+                <li>
+                    <button type="button" class="dropdown-item" data-multi-record-selection-check-action="toggle" title="' . $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.toggleSelection') . '">
+                        <span class="dropdown-item-columns">
+                            <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true">
+                                ' . $this->iconFactory->getIcon('actions-selection-elements-invert', IconSize::SMALL)->render() . '
+                            </span>
+                            <span class="dropdown-item-column dropdown-item-column-title">
+                                ' . $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.toggleSelection') . '
+                            </span>
+                        </span>
+                    </button>
+                </li>',
+        ];
+
+        $checkboxOptions = array_filter($checkboxOptions, static fn($checkboxOption) => in_array($checkboxOption, $optionsToShow, true), ARRAY_FILTER_USE_KEY);
+        if ($checkboxOptions === []) {
+            return '';
+        }
+
+        return '
+            <div class="dropdown">
+                <button type="button" class="dropdown-toggle dropdown-toggle-link t3js-multi-record-selection-check-actions-toggle" data-bs-toggle="dropdown" data-bs-boundary="window" aria-expanded="false" ' . ($readOnly ? ' disabled="disabled"' : '') . '>
+                    <core:icon identifier="actions-selection" size="small" />
+                    ' . $this->iconFactory->getIcon('actions-selection', IconSize::SMALL)->render() . '
+                </button>
+                <ul class="dropdown-menu t3js-multi-record-selection-check-actions">
+                    ' . implode(LF, $checkboxOptions) . '
+                </ul>
+            </div>';
+    }
+}
diff --git a/Classes/Form/Element/TextElement.php b/Classes/Form/Element/TextElement.php
new file mode 100644
index 0000000..0689155
--- /dev/null
+++ b/Classes/Form/Element/TextElement.php
@@ -0,0 +1,310 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * General type=text element
+ *
+ * The InputTextElement renders a html textarea field.
+ */
+class TextElement extends AbstractFormElement
+{
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    /**
+     * The number of chars expected per row when the height of a text area field is
+     * automatically calculated based on the number of characters found in the field content.
+     *
+     * @var int
+     */
+    protected $charactersPerRow = 40;
+
+    /**
+     * This will render a <textarea>
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $table = $this->data['tableName'];
+        $fieldName = $this->data['fieldName'];
+        $parameterArray = $this->data['parameterArray'];
+        $resultArray = $this->initializeResultArray();
+
+        $itemValue = $parameterArray['itemFormElValue'];
+        $config = $parameterArray['fieldConf']['config'];
+        $width = null;
+        if ($config['cols'] ?? false) {
+            $width = $this->formMaxWidth(MathUtility::forceIntegerInRange($config['cols'], $this->minimumInputWidth, $this->maxInputWidth));
+        }
+        $fieldId = StringUtility::getUniqueId('formengine-textarea-');
+        $itemName = (string)$parameterArray['itemFormElName'];
+        $renderedLabel = $this->renderLabel($fieldId);
+
+        // Setting number of rows
+        $rows = MathUtility::forceIntegerInRange(($config['rows'] ?? 5) ?: 5, 1, 20);
+        $originalRows = $rows;
+        $itemFormElementValueLength = strlen((string)$itemValue);
+        if ($itemFormElementValueLength > ($this->charactersPerRow * 2)) {
+            $rows = MathUtility::forceIntegerInRange(
+                (int)round($itemFormElementValueLength / $this->charactersPerRow),
+                count(explode(LF, (string)$itemValue)),
+                20
+            );
+            if ($rows < $originalRows) {
+                $rows = $originalRows;
+            }
+        }
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        if ($config['readOnly'] ?? false) {
+            $html = [];
+            $html[] = $renderedLabel;
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+            $html[] =   $fieldInformationHtml;
+            $html[] =   '<div class="form-wizards-wrap">';
+            $html[] =       '<div class="form-wizards-item-element">';
+            $html[] =           '<div class="form-control-wrap"' . ($width ? ' style="max-width: ' . $width . 'px">' : '>');
+            $html[] =               GeneralUtility::renderTextarea((string)$itemValue, ['class' => 'form-control', 'id' => $fieldId, 'name' => $itemName, 'rows' => $rows, 'disabled' => 'disabled']);
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+            $html[] =   '</div>';
+            $html[] = '</div>';
+            $resultArray['html'] = implode(LF, $html);
+            return $resultArray;
+        }
+
+        $languageService = $this->getLanguageService();
+
+        // @todo: The whole eval handling is a mess and needs refactoring - Especially for this element,
+        //        since the resolved $evalList is currently not used at all, because FormEngineValidation
+        //        does not support eval for <textarea> elements.
+        $evalList = GeneralUtility::trimExplode(',', $config['eval'] ?? '', true);
+        foreach ($evalList as $func) {
+            // @todo: This is ugly: The code should find out on it's own whether an eval definition is a
+            // @todo: keyword like "date", or a class reference. The global registration could be dropped then
+            // Pair hook to the one in \TYPO3\CMS\Core\DataHandling\DataHandler::checkValue_input_Eval()
+            // There is a similar hook for "evaluateFieldValue" in DataHandler and InputTextElement
+            if (isset($GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['tce']['formevals'][$func])) {
+                if (class_exists($func)) {
+                    $evalObj = GeneralUtility::makeInstance($func);
+                    if (method_exists($evalObj, 'deevaluateFieldValue')) {
+                        $_params = [
+                            'value' => $itemValue,
+                        ];
+                        $itemValue = $evalObj->deevaluateFieldValue($_params);
+                    }
+                }
+            }
+        }
+
+        $attributes = array_merge(
+            [
+                'id' => $fieldId,
+                'name' => $itemName,
+                'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+                'data-formengine-input-name' => $itemName,
+                'rows' => (string)$rows,
+                'wrap' => (string)(($config['wrap'] ?? 'virtual') ?: 'virtual'),
+            ],
+            $this->getOnFieldChangeAttrs('change', $parameterArray['fieldChangeFunc'] ?? [])
+        );
+        $classes = [
+            'form-control',
+            't3js-formengine-textarea',
+            'formengine-textarea',
+        ];
+        if ($config['fixedFont'] ?? false) {
+            $classes[] = 'font-monospace';
+        }
+        if ($config['enableTabulator'] ?? false) {
+            $classes[] = 't3js-enable-tab';
+        }
+        $attributes['class'] = implode(' ', $classes);
+
+        $maxLength = (int)($config['max'] ?? 0);
+        if ($maxLength > 0) {
+            $attributes['maxlength'] = (string)$maxLength;
+        }
+        $minlength = (int)($config['min'] ?? 0);
+        if ($minlength > 0 && ($maxLength === 0 || $minlength <= $maxLength)) {
+            $attributes['minlength'] = (string)$minlength;
+        }
+        if (!empty($config['placeholder'])) {
+            $attributes['placeholder'] = trim($config['placeholder']);
+        }
+
+        $valuePickerHtml = [];
+        if (is_array($config['valuePicker']['items'] ?? false)) {
+            $valuePickerConfiguration = [
+                'linked-field' => '[data-formengine-input-name="' . $itemName . '"]',
+            ];
+            $valuePickerAttributes = array_merge(
+                [
+                    'class' => 'form-select form-control-adapt',
+                ],
+                $this->getOnFieldChangeAttrs('change', $parameterArray['fieldChangeFunc'] ?? [])
+            );
+
+            $valuePickerHtml[] = '<typo3-formengine-valuepicker ' . GeneralUtility::implodeAttributes($valuePickerConfiguration, true) . '>';
+            $valuePickerHtml[] = '<select ' . GeneralUtility::implodeAttributes($valuePickerAttributes, true) . '>';
+            $valuePickerHtml[] = '<option></option>';
+            foreach ($config['valuePicker']['items'] as $item) {
+                $valuePickerHtml[] = '<option value="' . htmlspecialchars($item['value']) . '">' . htmlspecialchars($languageService->sL($item['label'])) . '</option>';
+            }
+            $valuePickerHtml[] = '</select>';
+            $valuePickerHtml[] = '</typo3-formengine-valuepicker>';
+
+            $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/form-engine/field-wizard/value-picker.js');
+        }
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $mainFieldHtml = [];
+        $mainFieldHtml[] = '<div class="form-control-wrap"' . ($width ? ' style="max-width: ' . $width . 'px">' : '>');
+        $mainFieldHtml[] =  '<div class="form-wizards-wrap">';
+        $mainFieldHtml[] =      '<div class="form-wizards-item-element">';
+        $mainFieldHtml[] =          GeneralUtility::renderTextarea((string)$itemValue, $attributes);
+        $mainFieldHtml[] =      '</div>';
+        if (!empty($valuePickerHtml) || !empty($fieldControlHtml)) {
+            $mainFieldHtml[] =      '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $mainFieldHtml[] =          '<div class="btn-group">';
+            $mainFieldHtml[] =              implode(LF, $valuePickerHtml);
+            $mainFieldHtml[] =              $fieldControlHtml;
+            $mainFieldHtml[] =          '</div>';
+            $mainFieldHtml[] =      '</div>';
+        }
+        if (!empty($fieldWizardHtml)) {
+            $mainFieldHtml[] = '<div class="form-wizards-item-bottom">';
+            $mainFieldHtml[] = $fieldWizardHtml;
+            $mainFieldHtml[] = '</div>';
+        }
+        $mainFieldHtml[] =  '</div>';
+        $mainFieldHtml[] = '</div>';
+        $mainFieldHtml = implode(LF, $mainFieldHtml);
+
+        $nullControlNameEscaped = htmlspecialchars('control[active][' . $table . '][' . $this->data['databaseRow']['uid'] . '][' . $fieldName . ']');
+
+        $fullElement = $mainFieldHtml;
+        if ($this->hasNullCheckboxButNoPlaceholder()) {
+            $checked = $itemValue !== null ? ' checked="checked"' : '';
+            $fullElement = [];
+            $fullElement[] = '<div class="t3-form-field-disable"></div>';
+            $fullElement[] = '<div class="form-check t3-form-field-eval-null-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.nullCheckbox');
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = $mainFieldHtml;
+            $fullElement = implode(LF, $fullElement);
+        } elseif ($this->hasNullCheckboxWithPlaceholder()) {
+            $checked = $itemValue !== null ? ' checked="checked"' : '';
+            $placeholder = $shortenedPlaceholder = (string)($config['placeholder'] ?? '');
+            if ($placeholder !== '') {
+                $shortenedPlaceholder = GeneralUtility::fixed_lgd_cs($placeholder, 20);
+                if ($placeholder !== $shortenedPlaceholder) {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        '<span title="' . htmlspecialchars($placeholder) . '">' . htmlspecialchars($shortenedPlaceholder) . '</span>'
+                    );
+                } else {
+                    $overrideLabel = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override'),
+                        htmlspecialchars($placeholder)
+                    );
+                }
+            } else {
+                $overrideLabel = $languageService->sL(
+                    'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.placeholder.override_not_available'
+                );
+            }
+            $textareaAttributes = [
+                'class' => 'form-control formengine-textarea' . (isset($config['fixedFont']) ? ' font-monospace' : ''),
+                'disabled' => 'disabled',
+                'rows' => $attributes['rows'],
+                'wrap' => $attributes['wrap'],
+                ...(isset($attributes['style']) ? ['style' => $attributes['style']] : []),
+                ...(isset($attributes['maxlength']) ? ['maxlength' => $attributes['maxlength']] : []),
+            ];
+            $fullElement = [];
+            $fullElement[] = '<div class="form-check t3js-form-field-eval-null-placeholder-checkbox">';
+            $fullElement[] =     '<input type="hidden" name="' . $nullControlNameEscaped . '" value="0" />';
+            $fullElement[] =     '<input type="checkbox" class="form-check-input" name="' . $nullControlNameEscaped . '" id="' . $nullControlNameEscaped . '" value="1"' . $checked . ' />';
+            $fullElement[] =     '<label class="form-check-label" for="' . $nullControlNameEscaped . '">';
+            $fullElement[] =         $overrideLabel;
+            $fullElement[] =     '</label>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-placeholder">';
+            $fullElement[] =    '<div class="form-control-wrap"' . ($width ? ' style="max-width: ' . $width . 'px">' : '>');
+            $fullElement[] =        GeneralUtility::renderTextarea($shortenedPlaceholder, $textareaAttributes);
+            $fullElement[] =    '</div>';
+            $fullElement[] = '</div>';
+            $fullElement[] = '<div class="t3js-formengine-placeholder-formfield">';
+            $fullElement[] =    $mainFieldHtml;
+            $fullElement[] = '</div>';
+            $fullElement = implode(LF, $fullElement);
+        }
+
+        $resultArray['html'] = $renderedLabel . '
+             <typo3-formengine-element-text class="formengine-field-item t3js-formengine-field-item" recordFieldId="' . htmlspecialchars($fieldId) . '">
+                ' . $fieldInformationHtml . '
+                ' . $fullElement . '
+            </typo3-formengine-element-text>';
+
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/form-engine/element/text-element.js');
+
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/TextTableElement.php b/Classes/Form/Element/TextTableElement.php
new file mode 100644
index 0000000..0c4492a
--- /dev/null
+++ b/Classes/Form/Element/TextTableElement.php
@@ -0,0 +1,236 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Render the table editor
+ * @internal This class is a TYPO3 Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+class TextTableElement extends AbstractFormElement
+{
+    /**
+     * Number of new rows to add in bottom of wizard
+     */
+    protected int $numNewRows = 1;
+
+    /**
+     * Default field wizards enabled for this element.
+     *
+     * @var array
+     */
+    protected $defaultFieldWizard = [
+        'localizationStateSelector' => [
+            'renderType' => 'localizationStateSelector',
+        ],
+        'otherLanguageContent' => [
+            'renderType' => 'otherLanguageContent',
+            'after' => [
+                'localizationStateSelector',
+            ],
+        ],
+        'defaultLanguageDifferences' => [
+            'renderType' => 'defaultLanguageDifferences',
+            'after' => [
+                'otherLanguageContent',
+            ],
+        ],
+    ];
+
+    /**
+     * The number of chars expected per row when the height of a text area field is
+     * automatically calculated based on the number of characters found in the field content.
+     *
+     * @var int
+     */
+    protected $charactersPerRow = 40;
+
+    /**
+     * This will render a <textarea> with table wizard
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $parameterArray = $this->data['parameterArray'];
+        $resultArray = $this->initializeResultArray();
+
+        $itemValue = $parameterArray['itemFormElValue'];
+        $config = $parameterArray['fieldConf']['config'];
+        $evalList = GeneralUtility::trimExplode(',', $config['eval'] ?? '', true);
+
+        // Setting number of rows
+        $rows = $config['rows'] ?? 0;
+        $rows = MathUtility::forceIntegerInRange($rows ?: 5, 1, 20);
+        $originalRows = $rows;
+        $itemFormElementValueLength = strlen($itemValue);
+        if ($itemFormElementValueLength > $this->charactersPerRow * 2) {
+            $rows = MathUtility::forceIntegerInRange(
+                (int)round($itemFormElementValueLength / $this->charactersPerRow),
+                count(explode(LF, $itemValue)),
+                20
+            );
+            if ($rows < $originalRows) {
+                $rows = $originalRows;
+            }
+        }
+        $fieldId = StringUtility::getUniqueId('formengine-textarea-');
+        $itemName = (string)$parameterArray['itemFormElName'];
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        if ($config['readOnly'] ?? false) {
+            $html = [];
+            $html[] = $this->renderLabel($fieldId);
+            $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+            $html[] =   $fieldInformationHtml;
+            $html[] =   '<div class="form-wizards-wrap">';
+            $html[] =       '<div class="form-wizards-item-element">';
+            $html[] =           '<div class="form-control-wrap" style="overflow: auto;">';
+            $html[] =               GeneralUtility::renderTextarea($itemValue, [ 'class' => 'form-control', 'id' => $fieldId, 'name' => $itemName, 'rows' => $rows, 'disabled' => 'disabled']);
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+            $html[] =   '</div>';
+            $html[] = '</div>';
+            $resultArray['html'] = implode(LF, $html);
+            return $resultArray;
+        }
+
+        // @todo: The whole eval handling is a mess and needs refactoring
+        foreach ($evalList as $func) {
+            // @todo: This is ugly: The code should find out on it's own whether an eval definition is a
+            // @todo: keyword like "date", or a class reference. The global registration could be dropped then
+            // Pair hook to the one in \TYPO3\CMS\Core\DataHandling\DataHandler::checkValue_input_Eval()
+            // There is a similar hook for "evaluateFieldValue" in DataHandler and InputTextElement
+            if (isset($GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['tce']['formevals'][$func])) {
+                if (class_exists($func)) {
+                    $evalObj = GeneralUtility::makeInstance($func);
+                    if (method_exists($evalObj, 'deevaluateFieldValue')) {
+                        $_params = [
+                            'value' => $itemValue,
+                        ];
+                        $itemValue = $evalObj->deevaluateFieldValue($_params);
+                    }
+                }
+            }
+        }
+
+        $attributes = array_merge(
+            [
+                'id' => $fieldId,
+                'name' => htmlspecialchars($itemName),
+                'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+                'data-formengine-input-name' => htmlspecialchars($itemName),
+                'rows' => (string)$rows,
+                'wrap' => (string)(($config['wrap'] ?? 'virtual') ?: 'virtual'),
+            ],
+            $this->getOnFieldChangeAttrs('change', $parameterArray['fieldChangeFunc'] ?? [])
+        );
+        $classes = [
+            'form-control',
+            't3js-formengine-textarea',
+            'formengine-textarea',
+        ];
+        if ($config['fixedFont'] ?? false) {
+            $classes[] = 'font-monospace';
+        }
+        if ($config['enableTabulator'] ?? false) {
+            $classes[] = 't3js-enable-tab';
+        }
+        $attributes['class'] = implode(' ', $classes);
+
+        if (isset($config['max']) && (int)$config['max'] > 0) {
+            $attributes['maxlength'] = (string)(int)$config['max'];
+        }
+        if (!empty($config['placeholder'])) {
+            $attributes['placeholder'] = htmlspecialchars(trim($config['placeholder']));
+        }
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $fieldWizardResult = $this->renderFieldWizard();
+        $fieldWizardHtml = $fieldWizardResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldWizardResult, false);
+
+        $html = [];
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] =   $fieldInformationHtml;
+        $html[] =   '<div class="form-control-wrap" style="overflow: auto">';
+        $html[] =       '<div class="form-wizards-wrap">';
+        $html[] =           '<div hidden>';
+        $html[] =               GeneralUtility::renderTextarea($itemValue, $attributes);
+        $html[] =           '</div>';
+        $html[] =           $this->getTableWizard($attributes['id']);
+        if (!empty($fieldControlHtml)) {
+            $html[] =           '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $html[] =               '<div class="btn-group">';
+            $html[] =                   $fieldControlHtml;
+            $html[] =               '</div>';
+            $html[] =           '</div>';
+        }
+        if (!empty($fieldWizardHtml)) {
+            $html[] = '<div class="form-wizards-item-bottom">';
+            $html[] = $fieldWizardHtml;
+            $html[] = '</div>';
+        }
+        $html[] =       '</div>';
+        $html[] =   '</div>';
+        $html[] = '</div>';
+
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create(
+            '@typo3/backend/form-engine/element/text-table-element.js'
+        )->instance($fieldId);
+
+        $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/form-engine/element/table-wizard-element.js');
+        $resultArray['additionalInlineLanguageLabelFiles'][] = 'EXT:core/Resources/Private/Language/locallang_wizards.xlf';
+
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend(implode(LF, $html));
+        return $resultArray;
+    }
+
+    /**
+     * Creates the HTML for the Table Wizard:
+     *
+     * @return string HTML for the table wizard
+     */
+    protected function getTableWizard(string $dataId): string
+    {
+        $row = $this->data['databaseRow'];
+        $delimiter = (is_array($row['table_delimiter'] ?? '') && ($row['table_delimiter'][0] ?? false)) ? chr((int)$row['table_delimiter'][0]) : '|';
+        $enclosure = (is_array($row['table_enclosure'] ?? '') && ($row['table_enclosure'][0] ?? false)) ? chr((int)$row['table_enclosure'][0]) : '';
+
+        return sprintf(
+            '<typo3-formengine-table-wizard %s></typo3-formengine-table-wizard>',
+            GeneralUtility::implodeAttributes([
+                'type' => 'input',
+                'append-rows' => (string)$this->numNewRows,
+                'selector' => '#' . $dataId,
+                'delimiter' => $delimiter,
+                'enclosure' => $enclosure,
+            ], true)
+        );
+    }
+}
diff --git a/Classes/Form/Element/UnknownElement.php b/Classes/Form/Element/UnknownElement.php
new file mode 100644
index 0000000..7429127
--- /dev/null
+++ b/Classes/Form/Element/UnknownElement.php
@@ -0,0 +1,38 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+/**
+ * Generation of TCEform elements of where the type is unknown
+ */
+class UnknownElement extends AbstractFormElement
+{
+    /**
+     * Handler for unknown types.
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+        $type = $this->data['parameterArray']['fieldConf']['config']['type'];
+        $renderType = $this->data['renderType'];
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend(
+            '<div class="alert alert-warning">Unknown type: <code>' . $type . '</code>' . ($renderType ? ', render type: <code>' . $renderType . '</code>' : '') . '</div>'
+        );
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/UserElement.php b/Classes/Form/Element/UserElement.php
new file mode 100644
index 0000000..0751494
--- /dev/null
+++ b/Classes/Form/Element/UserElement.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+/**
+ * Generation of elements of the type "user". This is a dummy implementation.
+ *
+ * type="user" elements should be combined with a custom renderType to create custom output.
+ * This implementation registered for type="user" kicks in if no renderType is given and is just
+ * a fallback implementation to hint developers that the TCA registration is incomplete.
+ */
+class UserElement extends AbstractFormElement
+{
+    /**
+     * User defined field type
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        // Render some dummy output to explain this element should usually not be called at all.
+        $resultArray = $this->initializeResultArray();
+        $fieldName = $this->data['flexFormFieldName'] ?? $this->data['fieldName'];
+        $html = [];
+        $html[] = '<div class="alert alert-warning">';
+        $html[] = 'This is dummy output: Field <code>' . htmlspecialchars($fieldName) . '</code>';
+        $html[] = 'of table <code>' . htmlspecialchars($this->data['tableName']) . '</code>';
+        $html[] = ' is registered as type="user" element without a specific renderType.';
+        $html[] = ' Please look up details in TCA reference documentation for type="user".';
+        $html[] = '</div>';
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend(implode(LF, $html));
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/UserSysFileStorageIsPublicElement.php b/Classes/Form/Element/UserSysFileStorageIsPublicElement.php
new file mode 100644
index 0000000..ed976d3
--- /dev/null
+++ b/Classes/Form/Element/UserSysFileStorageIsPublicElement.php
@@ -0,0 +1,122 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Resource\Exception\InvalidPathException;
+use TYPO3\CMS\Core\Resource\StorageRepository;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Special type="user" element used in sys_file_storage is_public field
+ *
+ * @internal
+ */
+class UserSysFileStorageIsPublicElement extends AbstractFormElement
+{
+    public function __construct(
+        private readonly FlashMessageService $flashMessageService,
+        private readonly StorageRepository $storageRepository,
+    ) {}
+
+    /**
+     * There are some edge cases where "is_public" can never be marked as true in the BE,
+     * for instance, for storage located outside the document root or
+     * for storages driven by special driver such as Flickr, ...
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        $row = $this->data['databaseRow'];
+        $parameterArray = $this->data['parameterArray'];
+        $isPublic = (bool)$this->data['tcaSchemata']->get('sys_file_storage')->getField('is_public')->getDefaultValue();
+
+        if ($this->data['command'] === 'edit') {
+            // Make sure the storage object can be retrieved which is not the case when new storage.
+            $lang = $this->getLanguageService();
+            $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+            try {
+                $storage = $this->storageRepository->findByUid((int)$row['uid']);
+                $storageRecord = $storage->getStorageRecord();
+                $isPublic = $storage->isPublic() && $storageRecord['is_public'];
+
+                // Display a warning to the BE User in case settings is not inline with storage capability.
+                if ($storageRecord['is_public'] && !$storage->isPublic()) {
+                    $message = new FlashMessage(
+                        $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:warning.message.storage_is_no_public'),
+                        $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:warning.header.storage_is_no_public'),
+                        ContextualFeedbackSeverity::WARNING
+                    );
+                    $defaultFlashMessageQueue->enqueue($message);
+                }
+            } catch (InvalidPathException $e) {
+                $message = new FlashMessage(
+                    $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:filestorage.invalidpathexception.message'),
+                    $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:filestorage.invalidpathexception.title'),
+                    ContextualFeedbackSeverity::ERROR
+                );
+                $defaultFlashMessageQueue->enqueue($message);
+            }
+        }
+
+        $isPublicAsString = $isPublic ? '1' : '0';
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->initializeResultArray();
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        $checkboxParameters = $this->checkBoxParams(
+            $parameterArray['itemFormElName'],
+            $isPublic ? 1 : 0,
+            0,
+            1,
+            $parameterArray['fieldChangeFunc'] ?? []
+        );
+        $checkboxId = htmlspecialchars(StringUtility::getUniqueId('formengine-fal-is-public-'));
+        $html = [];
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] = $fieldInformationHtml;
+        $html[] =   '<div class="form-wizards-wrap">';
+        $html[] =       '<div class="form-wizards-item-element">';
+        $html[] =           '<div class="form-check form-switch">';
+        $html[] =               '<input type="checkbox"';
+        $html[] =                   ' class="form-check-input"';
+        $html[] =                   ' value="1"';
+        $html[] =                   ' data-formengine-input-name="' . htmlspecialchars($parameterArray['itemFormElName']) . '"';
+        $html[] =                   ' id="' . $checkboxId . '"';
+        $html[] =                   $checkboxParameters;
+        $html[] =                   $isPublic ? ' checked="checked"' : '';
+        $html[] =               '/>';
+        $html[] =               '<label class="form-check-label" for="' . $checkboxId . '">';
+        $html[] =                   $this->appendValueToLabelInDebugMode('', $isPublicAsString);
+        $html[] =               '</label>';
+        $html[] =               '<input type="hidden"';
+        $html[] =                   ' name="' . htmlspecialchars($parameterArray['itemFormElName']) . '"';
+        $html[] =                   ' value="' . $isPublicAsString . '"';
+        $html[] =               ' />';
+        $html[] =           '</div>';
+        $html[] =       '</div>';
+        $html[] =   '</div>';
+        $html[] = '</div>';
+        $resultArray['html'] = $this->wrapWithFieldsetAndLegend(implode(LF, $html));
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Element/UuidElement.php b/Classes/Form/Element/UuidElement.php
new file mode 100644
index 0000000..6323f4e
--- /dev/null
+++ b/Classes/Form/Element/UuidElement.php
@@ -0,0 +1,129 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Element;
+
+use Symfony\Component\Uid\Uuid;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Render a readonly input field, which is filled with a UUID
+ */
+class UuidElement extends AbstractFormElement
+{
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+    ) {}
+
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+        $parameterArray = $this->data['parameterArray'];
+        $itemValue = htmlspecialchars((string)$parameterArray['itemFormElValue'], ENT_QUOTES);
+        $config = $parameterArray['fieldConf']['config'];
+        $itemName = $parameterArray['itemFormElName'];
+        $fieldId = StringUtility::getUniqueId('formengine-uuid-');
+
+        if (!isset($config['required'])) {
+            $config['required'] = true;
+        }
+
+        if ($config['required'] && !Uuid::isValid($itemValue)) {
+            // Note: This can only happen in case the TcaUuid data provider is not executed or a custom
+            // data provider has changed the value afterwards. Since this can only happen in user code,
+            // we throw an exception to inform the administrator about this misconfiguration.
+            throw new \RuntimeException(
+                'Field "' . $this->data['fieldName'] . '" in table "' . $this->data['tableName'] . '" of type "uuid" defines the field to be required but does not contain a valid uuid. Make sure to properly generate a valid uuid value.',
+                1678895476
+            );
+        }
+
+        $width = $this->formMaxWidth(
+            MathUtility::forceIntegerInRange($config['size'] ?? $this->defaultInputWidth, $this->minimumInputWidth, $this->maxInputWidth)
+        );
+
+        $attributes = [
+            'id' => $fieldId,
+            'name' => $itemName,
+            'type' => 'text',
+            'readonly' => 'readonly',
+            'class' => 'form-control disabled',
+            'data-formengine-input-name' => $itemName,
+            'data-formengine-validation-rules' => $this->getValidationDataAsJsonString($config),
+        ];
+
+        $uuidElement = '
+            <input value="' . $itemValue . '"
+                ' . GeneralUtility::implodeAttributes($attributes, true) . '
+            />';
+
+        $fieldInformationResult = $this->renderFieldInformation();
+        $fieldInformationHtml = $fieldInformationResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldInformationResult, false);
+
+        if (($config['enableCopyToClipboard'] ?? true) !== false) {
+            $uuidElement = '
+                <div class="input-group">
+                    ' . $uuidElement . '
+                    <typo3-copy-to-clipboard
+                        class="btn btn-default"
+                        title="' . htmlspecialchars(sprintf($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_copytoclipboard.xlf:copyToClipboard.title'), 'UUID')) . '"
+                        text="' . $itemValue . '"
+                    >
+                        ' . $this->iconFactory->getIcon('actions-clipboard', IconSize::SMALL) . '
+                    </typo3-copy-to-clipboard>
+                </div>';
+
+            $resultArray['javaScriptModules'][] = JavaScriptModuleInstruction::create('@typo3/backend/copy-to-clipboard.js');
+        }
+
+        $fieldControlResult = $this->renderFieldControl();
+        $fieldControlHtml = $fieldControlResult['html'];
+        $resultArray = $this->mergeChildReturnIntoExistingResult($resultArray, $fieldControlResult, false);
+
+        $html = [];
+        $html[] = $this->renderLabel($fieldId);
+        $html[] = '<div class="formengine-field-item t3js-formengine-field-item">';
+        $html[] =     $fieldInformationHtml;
+        $html[] =     '<div class="form-control-wrap" style="max-width: ' . $width . 'px">';
+        $html[] =         '<div class="form-wizards-wrap">';
+        $html[] =             '<div class="form-wizards-item-element">';
+        $html[] =                 $uuidElement;
+        $html[] =             '</div>';
+
+        if (!empty($fieldControlHtml)) {
+            $html[] =      '<div class="form-wizards-item-aside form-wizards-item-aside--field-control">';
+            $html[] =          '<div class="btn-group">';
+            $html[] =              $fieldControlHtml;
+            $html[] =          '</div>';
+            $html[] =      '</div>';
+        }
+
+        $html[] =         '</div>';
+        $html[] =     '</div>';
+        $html[] = '</div>';
+
+        $resultArray['html'] = implode(LF, $html);
+
+        return $resultArray;
+    }
+}
diff --git a/Classes/Form/Event/CustomFileControlsEvent.php b/Classes/Form/Event/CustomFileControlsEvent.php
new file mode 100644
index 0000000..7fe43e6
--- /dev/null
+++ b/Classes/Form/Event/CustomFileControlsEvent.php
@@ -0,0 +1,108 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Event;
+
+/**
+ * Listeners to this Event will be able to add custom controls to a TCA type="file" field in FormEngine
+ */
+final class CustomFileControlsEvent
+{
+    private array $controls = [];
+
+    public function __construct(
+        private array $resultArray,
+        private readonly string $tableName,
+        private readonly string $fieldName,
+        private readonly array $databaseRow,
+        private readonly array $fieldConfig,
+        private readonly string $formFieldIdentifier,
+        private readonly string $formFieldName,
+    ) {}
+
+    public function getResultArray(): array
+    {
+        return $this->resultArray;
+    }
+
+    /**
+     * WARNING: Modifying the result array should be used with care. It mostly
+     * only exists to allow additional $resultArray['javaScriptModules'].
+     */
+    public function setResultArray(array $resultArray): void
+    {
+        $this->resultArray = $resultArray;
+    }
+
+    public function getControls(): array
+    {
+        return $this->controls;
+    }
+
+    public function setControls(array $controls): void
+    {
+        $this->controls = $controls;
+    }
+
+    public function addControl(string $control, string $identifier = ''): void
+    {
+        if ($identifier !== '') {
+            $this->controls[$identifier] = $control;
+        } else {
+            $this->controls[] = $control;
+        }
+    }
+
+    public function removeControl(string $identifier): bool
+    {
+        if (!isset($this->controls[$identifier])) {
+            return false;
+        }
+        unset($this->controls[$identifier]);
+        return true;
+    }
+
+    public function getTableName(): string
+    {
+        return $this->tableName;
+    }
+
+    public function getFieldName(): string
+    {
+        return $this->fieldName;
+    }
+
+    public function getDatabaseRow(): array
+    {
+        return $this->databaseRow;
+    }
+
+    public function getFieldConfig(): array
+    {
+        return $this->fieldConfig;
+    }
+
+    public function getFormFieldIdentifier(): string
+    {
+        return $this->formFieldIdentifier;
+    }
+
+    public function getFormFieldName(): string
+    {
+        return $this->formFieldName;
+    }
+}
diff --git a/Classes/Form/Event/CustomFileSelectorsEvent.php b/Classes/Form/Event/CustomFileSelectorsEvent.php
new file mode 100644
index 0000000..b28bdf9
--- /dev/null
+++ b/Classes/Form/Event/CustomFileSelectorsEvent.php
@@ -0,0 +1,88 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Event;
+
+use TYPO3\CMS\Core\Resource\Filter\FileExtensionFilter;
+
+/**
+ * Listeners to this Event will be able to add custom file selectors to a
+ * TCA type="file" field in FormEngine
+ */
+final class CustomFileSelectorsEvent
+{
+    public function __construct(
+        private array $selectors,
+        private array $javascriptModules,
+        private readonly string $tableName,
+        private readonly string $fieldName,
+        private readonly array $databaseRow,
+        private readonly array $fieldConfig,
+        private readonly FileExtensionFilter $fileExtensionFilter,
+        private readonly string $formFieldIdentifier,
+    ) {}
+
+    public function getSelectors(): array
+    {
+        return $this->selectors;
+    }
+
+    public function setSelectors(array $selectors): void
+    {
+        $this->selectors = $selectors;
+    }
+
+    public function getJavascriptModules(): array
+    {
+        return $this->javascriptModules;
+    }
+
+    public function setJavascriptModules(array $javascriptModules): void
+    {
+        $this->javascriptModules = $javascriptModules;
+    }
+
+    public function getTableName(): string
+    {
+        return $this->tableName;
+    }
+
+    public function getFieldName(): string
+    {
+        return $this->fieldName;
+    }
+
+    public function getDatabaseRow(): array
+    {
+        return $this->databaseRow;
+    }
+
+    public function getFieldConfig(): array
+    {
+        return $this->fieldConfig;
+    }
+
+    public function getFileExtensionFilter(): FileExtensionFilter
+    {
+        return $this->fileExtensionFilter;
+    }
+
+    public function getFormFieldIdentifier(): string
+    {
+        return $this->formFieldIdentifier;
+    }
+}
diff --git a/Classes/Form/Event/ModifyEditFormUserAccessEvent.php b/Classes/Form/Event/ModifyEditFormUserAccessEvent.php
new file mode 100644
index 0000000..a8f4bfc
--- /dev/null
+++ b/Classes/Form/Event/ModifyEditFormUserAccessEvent.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Event;
+
+use TYPO3\CMS\Backend\Form\Exception\AccessDeniedException;
+
+/**
+ * Listeners to this Event will be able to modify the user access
+ * decision for using FormEngine to create or edit a record.
+ */
+final class ModifyEditFormUserAccessEvent
+{
+    private bool $userHasAccess;
+
+    /**
+     * @param 'new'|'edit' $command
+     */
+    public function __construct(
+        private readonly ?AccessDeniedException $exception,
+        private readonly string $tableName,
+        private readonly string $command,
+        private readonly array $databaseRow,
+    ) {
+        $this->userHasAccess = $this->exception === null;
+    }
+
+    /**
+     * Allows user access to the editing form
+     */
+    public function allowUserAccess(): void
+    {
+        $this->userHasAccess = true;
+    }
+
+    /**
+     * Denies user access to the editing form
+     */
+    public function denyUserAccess(): void
+    {
+        $this->userHasAccess = false;
+    }
+
+    /**
+     * Returns the current user access state
+     */
+    public function doesUserHaveAccess(): bool
+    {
+        return $this->userHasAccess;
+    }
+
+    /**
+     * If Core's DataProvider previously denied access, this returns the corresponding
+     * exception, `null` otherwise
+     */
+    public function getAccessDeniedException(): ?AccessDeniedException
+    {
+        return $this->exception;
+    }
+
+    /**
+     * Returns the table name of the record in question
+     */
+    public function getTableName(): string
+    {
+        return $this->tableName;
+    }
+
+    /**
+     * Returns the requested command, either `new` or `edit`
+     * @return 'new'|'edit'
+     */
+    public function getCommand(): string
+    {
+        return $this->command;
+    }
+
+    /**
+     * Returns the record's database row
+     */
+    public function getDatabaseRow(): array
+    {
+        return $this->databaseRow;
+    }
+}
diff --git a/Classes/Form/Event/ModifyFileReferenceControlsEvent.php b/Classes/Form/Event/ModifyFileReferenceControlsEvent.php
new file mode 100644
index 0000000..ff76ec9
--- /dev/null
+++ b/Classes/Form/Event/ModifyFileReferenceControlsEvent.php
@@ -0,0 +1,135 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Event;
+
+/**
+ * Listeners to this Event will be able to modify the controls
+ * of a single file reference of a TCA type=file field.
+ */
+final class ModifyFileReferenceControlsEvent
+{
+    public function __construct(
+        private array $controls,
+        private readonly array $data,
+        private readonly array $record,
+    ) {}
+
+    /**
+     * Returns all controls with their markup
+     */
+    public function getControls(): array
+    {
+        return $this->controls;
+    }
+
+    /**
+     * Overwrite the controls
+     */
+    public function setControls(array $controls): void
+    {
+        $this->controls = $controls;
+    }
+
+    /**
+     * Returns the markup for the requested control
+     */
+    public function getControl(string $identifier): string
+    {
+        return $this->controls[$identifier] ?? '';
+    }
+
+    /**
+     * Set a control with the given identifier and markup
+     * IMPORTANT: Overwrites an existing control with the same identifier
+     */
+    public function setControl(string $identifier, string $markup): void
+    {
+        $this->controls[$identifier] = $markup;
+    }
+
+    /**
+     * Returns whether a control exists for the given identifier
+     */
+    public function hasControl(string $identifier): bool
+    {
+        return isset($this->controls[$identifier]);
+    }
+
+    /**
+     * Removes a control from the file reference, if it exists
+     *
+     * @return bool Whether the control could be removed
+     */
+    public function removeControl(string $identifier): bool
+    {
+        if (!$this->hasControl($identifier)) {
+            return false;
+        }
+
+        unset($this->controls[$identifier]);
+        return true;
+    }
+
+    /**
+     * Returns the whole element data
+     */
+    public function getElementData(): array
+    {
+        return $this->data;
+    }
+
+    /**
+     * Returns the current record, the controls are created for
+     */
+    public function getRecord(): array
+    {
+        return $this->record;
+    }
+
+    /**
+     * Returns the uid of the parent (embedding) record (uid or NEW...)
+     */
+    public function getParentUid(): string
+    {
+        return (string)($this->data['inlineParentUid'] ?? '');
+    }
+
+    /**
+     * Returns the table (foreign_table) the controls are created for
+     */
+    public function getForeignTable(): string
+    {
+        return (string)($this->getFieldConfiguration()['foreign_table'] ?? 'sys_file_reference');
+    }
+
+    /**
+     * Returns the TCA configuration of the TCA type=file field
+     */
+    public function getFieldConfiguration(): array
+    {
+        return (array)($this->data['inlineParentConfig'] ?? []);
+    }
+
+    /**
+     * Returns whether the current records is only virtually shown and not physically part of the parent record
+     */
+    public function isVirtual(): bool
+    {
+        return (bool)($this->data['isInlineDefaultLanguageRecordInLocalizedParentContext'] ?? false);
+    }
+}
diff --git a/Classes/Form/Event/ModifyFileReferenceEnabledControlsEvent.php b/Classes/Form/Event/ModifyFileReferenceEnabledControlsEvent.php
new file mode 100644
index 0000000..a3deaf7
--- /dev/null
+++ b/Classes/Form/Event/ModifyFileReferenceEnabledControlsEvent.php
@@ -0,0 +1,147 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Event;
+
+/**
+ * Listeners to this Event will be able to modify the state (enabled or disabled) for controls of a file reference
+ */
+final class ModifyFileReferenceEnabledControlsEvent
+{
+    /**
+     * @var array<string, bool>
+     */
+    private array $controlsState;
+
+    public function __construct(
+        private readonly array $data,
+        private readonly array $record,
+    ) {
+        $this->controlsState = (array)($data['inlineParentConfig']['appearance']['enabledControls'] ?? []);
+    }
+
+    /**
+     * Enable a control, if it exists
+     *
+     * @return bool Whether the control could be enabled
+     */
+    public function enableControl(string $identifier): bool
+    {
+        if (!$this->hasControl($identifier)) {
+            return false;
+        }
+
+        $this->controlsState[$identifier] = true;
+        return true;
+    }
+
+    /**
+     * Disable a control, if it exists
+     *
+     * @return bool Whether the control could be disabled
+     */
+    public function disableControl(string $identifier): bool
+    {
+        if (!$this->hasControl($identifier)) {
+            return false;
+        }
+
+        $this->controlsState[$identifier] = false;
+        return true;
+    }
+
+    /**
+     * Returns whether a control exists for the given identifier
+     */
+    public function hasControl(string $identifier): bool
+    {
+        return isset($this->controlsState[$identifier]);
+    }
+
+    /**
+     * Returns whether the control is enabled.
+     * Note: Will also return FALSE in case no control exists for the requested identifier
+     */
+    public function isControlEnabled(string $identifier): bool
+    {
+        return (bool)($this->controlsState[$identifier] ?? false);
+    }
+
+    /**
+     * Returns all controls with their state (enabled or disabled)
+     */
+    public function getControlsState(): array
+    {
+        return $this->controlsState;
+    }
+
+    /**
+     * Returns all enabled controls
+     */
+    public function getEnabledControls(): array
+    {
+        return array_filter($this->controlsState, static fn(mixed $control): bool => (bool)$control === true);
+    }
+
+    /**
+     * Returns the whole element data
+     */
+    public function getElementData(): array
+    {
+        return $this->data;
+    }
+
+    /**
+     * Returns the current record of the controls are created for
+     */
+    public function getRecord(): array
+    {
+        return $this->record;
+    }
+
+    /**
+     * Returns the uid of the parent (embedding) record (uid or NEW...)
+     */
+    public function getParentUid(): string
+    {
+        return (string)($this->data['inlineParentUid'] ?? '');
+    }
+
+    /**
+     * Returns the table (foreign_table) the controls are created for
+     */
+    public function getForeignTable(): string
+    {
+        return (string)($this->getFieldConfiguration()['foreign_table'] ?? '');
+    }
+
+    /**
+     * Returns the TCA configuration of the TCA type=file field
+     */
+    public function getFieldConfiguration(): array
+    {
+        return (array)($this->data['inlineParentConfig'] ?? []);
+    }
+
+    /**
+     * Returns whether the current records is only virtually shown and not physically part of the parent record
+     */
+    public function isVirtual(): bool
+    {
+        return (bool)($this->data['isInlineDefaultLanguageRecordInLocalizedParentContext'] ?? false);
+    }
+}
diff --git a/Classes/Form/Event/ModifyImageManipulationPreviewUrlEvent.php b/Classes/Form/Event/ModifyImageManipulationPreviewUrlEvent.php
new file mode 100644
index 0000000..fe06290
--- /dev/null
+++ b/Classes/Form/Event/ModifyImageManipulationPreviewUrlEvent.php
@@ -0,0 +1,59 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Event;
+
+use TYPO3\CMS\Core\Resource\File;
+
+/**
+ * Listeners to this Event will be able to modify the preview url, used in the ImageManipulation element
+ */
+final class ModifyImageManipulationPreviewUrlEvent
+{
+    private string $previewUrl = '';
+
+    public function __construct(
+        private readonly array $databaseRow,
+        private readonly array $fieldConfiguration,
+        private readonly File $file,
+    ) {}
+
+    public function getDatabaseRow(): array
+    {
+        return $this->databaseRow;
+    }
+
+    public function getFieldConfiguration(): array
+    {
+        return $this->fieldConfiguration;
+    }
+
+    public function getFile(): File
+    {
+        return $this->file;
+    }
+
+    public function getPreviewUrl(): string
+    {
+        return $this->previewUrl;
+    }
+
+    public function setPreviewUrl(string $previewUrl): void
+    {
+        $this->previewUrl = $previewUrl;
+    }
+}
diff --git a/Classes/Form/Event/ModifyInlineElementControlsEvent.php b/Classes/Form/Event/ModifyInlineElementControlsEvent.php
new file mode 100644
index 0000000..b55ccd1
--- /dev/null
+++ b/Classes/Form/Event/ModifyInlineElementControlsEvent.php
@@ -0,0 +1,134 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Event;
+
+/**
+ * Listeners to this Event will be able to modify the controls of an inline element
+ */
+final class ModifyInlineElementControlsEvent
+{
+    public function __construct(
+        private array $controls,
+        private readonly array $data,
+        private readonly array $record,
+    ) {}
+
+    /**
+     * Returns all controls with their markup
+     */
+    public function getControls(): array
+    {
+        return $this->controls;
+    }
+
+    /**
+     * Overwrite the controls
+     */
+    public function setControls(array $controls): void
+    {
+        $this->controls = $controls;
+    }
+
+    /**
+     * Returns the markup for the requested control
+     */
+    public function getControl(string $identifier): string
+    {
+        return $this->controls[$identifier] ?? '';
+    }
+
+    /**
+     * Set a control with the given identifier and markup
+     * IMPORTANT: Overwrites an existing control with the same identifier
+     */
+    public function setControl(string $identifier, string $markup): void
+    {
+        $this->controls[$identifier] = $markup;
+    }
+
+    /**
+     * Returns whether a control exists for the given identifier
+     */
+    public function hasControl(string $identifier): bool
+    {
+        return isset($this->controls[$identifier]);
+    }
+
+    /**
+     * Removes a control from the inline element, if it exists
+     *
+     * @return bool Whether the control could be removed
+     */
+    public function removeControl(string $identifier): bool
+    {
+        if (!$this->hasControl($identifier)) {
+            return false;
+        }
+
+        unset($this->controls[$identifier]);
+        return true;
+    }
+
+    /**
+     * Returns the whole element data
+     */
+    public function getElementData(): array
+    {
+        return $this->data;
+    }
+
+    /**
+     * Returns the current record of the controls are created for
+     */
+    public function getRecord(): array
+    {
+        return $this->record;
+    }
+
+    /**
+     * Returns the uid of the parent (embedding) record (uid or NEW...)
+     */
+    public function getParentUid(): string
+    {
+        return (string)($this->data['inlineParentUid'] ?? '');
+    }
+
+    /**
+     * Returns the table (foreign_table) the controls are created for
+     */
+    public function getForeignTable(): string
+    {
+        return (string)($this->getFieldConfiguration()['foreign_table'] ?? '');
+    }
+
+    /**
+     * Returns the TCA configuration of the inline record field
+     */
+    public function getFieldConfiguration(): array
+    {
+        return (array)($this->data['inlineParentConfig'] ?? []);
+    }
+
+    /**
+     * Returns whether the current records is only virtually shown and not physically part of the parent record
+     */
+    public function isVirtual(): bool
+    {
+        return (bool)($this->data['isInlineDefaultLanguageRecordInLocalizedParentContext'] ?? false);
+    }
+}
diff --git a/Classes/Form/Event/ModifyInlineElementEnabledControlsEvent.php b/Classes/Form/Event/ModifyInlineElementEnabledControlsEvent.php
new file mode 100644
index 0000000..e21772a
--- /dev/null
+++ b/Classes/Form/Event/ModifyInlineElementEnabledControlsEvent.php
@@ -0,0 +1,147 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Event;
+
+/**
+ * Listeners to this Event will be able to modify the state (enabled or disabled) for controls of an inline element
+ */
+final class ModifyInlineElementEnabledControlsEvent
+{
+    /**
+     * @var array<string, bool>
+     */
+    private array $controlsState;
+
+    public function __construct(
+        private readonly array $data,
+        private readonly array $record,
+    ) {
+        $this->controlsState = (array)($data['inlineParentConfig']['appearance']['enabledControls'] ?? []);
+    }
+
+    /**
+     * Enable a control, if it exists
+     *
+     * @return bool Whether the control could be enabled
+     */
+    public function enableControl(string $identifier): bool
+    {
+        if (!$this->hasControl($identifier)) {
+            return false;
+        }
+
+        $this->controlsState[$identifier] = true;
+        return true;
+    }
+
+    /**
+     * Disable a control, if it exists
+     *
+     * @return bool Whether the control could be disabled
+     */
+    public function disableControl(string $identifier): bool
+    {
+        if (!$this->hasControl($identifier)) {
+            return false;
+        }
+
+        $this->controlsState[$identifier] = false;
+        return true;
+    }
+
+    /**
+     * Returns whether a control exists for the given identifier
+     */
+    public function hasControl(string $identifier): bool
+    {
+        return isset($this->controlsState[$identifier]);
+    }
+
+    /**
+     * Returns whether the control is enabled.
+     * Note: Will also return FALSE in case no control exists for the requested identifier
+     */
+    public function isControlEnabled(string $identifier): bool
+    {
+        return (bool)($this->controlsState[$identifier] ?? false);
+    }
+
+    /**
+     * Returns all controls with their state (enabled or disabled)
+     */
+    public function getControlsState(): array
+    {
+        return $this->controlsState;
+    }
+
+    /**
+     * Returns all enabled controls
+     */
+    public function getEnabledControls(): array
+    {
+        return array_filter($this->controlsState, static fn(mixed $control): bool => (bool)$control === true);
+    }
+
+    /**
+     * Returns the whole element data
+     */
+    public function getElementData(): array
+    {
+        return $this->data;
+    }
+
+    /**
+     * Returns the current record of the controls are created for
+     */
+    public function getRecord(): array
+    {
+        return $this->record;
+    }
+
+    /**
+     * Returns the uid of the parent (embedding) record (uid or NEW...)
+     */
+    public function getParentUid(): string
+    {
+        return (string)($this->data['inlineParentUid'] ?? '');
+    }
+
+    /**
+     * Returns the table (foreign_table) the controls are created for
+     */
+    public function getForeignTable(): string
+    {
+        return (string)($this->getFieldConfiguration()['foreign_table'] ?? '');
+    }
+
+    /**
+     * Returns the TCA configuration of the inline record field
+     */
+    public function getFieldConfiguration(): array
+    {
+        return (array)($this->data['inlineParentConfig'] ?? []);
+    }
+
+    /**
+     * Returns whether the current records is only virtually shown and not physically part of the parent record
+     */
+    public function isVirtual(): bool
+    {
+        return (bool)($this->data['isInlineDefaultLanguageRecordInLocalizedParentContext'] ?? false);
+    }
+}
diff --git a/Classes/Form/Event/ModifyLinkExplanationEvent.php b/Classes/Form/Event/ModifyLinkExplanationEvent.php
new file mode 100644
index 0000000..df864ad
--- /dev/null
+++ b/Classes/Form/Event/ModifyLinkExplanationEvent.php
@@ -0,0 +1,70 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Event;
+
+/**
+ * Listeners to this Event will be able to modify the link explanation array, used in FormEngine for link fields
+ */
+final class ModifyLinkExplanationEvent
+{
+    private array $linkExplanation;
+
+    public function __construct(
+        array $linkExplanation,
+        private readonly array $linkData,
+        private readonly array $linkParts,
+        private readonly array $elementData,
+    ) {
+        $this->linkExplanation = $linkExplanation;
+    }
+
+    public function getLinkData(): array
+    {
+        return $this->linkData;
+    }
+
+    public function getLinkParts(): array
+    {
+        return $this->linkParts;
+    }
+
+    public function getElementData(): array
+    {
+        return $this->elementData;
+    }
+
+    public function getLinkExplanation(): array
+    {
+        return $this->linkExplanation;
+    }
+
+    public function setLinkExplanation(array $linkExplanation): void
+    {
+        $this->linkExplanation = $linkExplanation;
+    }
+
+    public function getLinkExplanationValue(string $key, mixed $default = null): mixed
+    {
+        return $this->linkExplanation[$key] ?? $default;
+    }
+
+    public function setLinkExplanationValue(string $key, mixed $value): void
+    {
+        $this->linkExplanation[$key] = $value;
+    }
+}
diff --git a/Classes/Form/Exception.php b/Classes/Form/Exception.php
new file mode 100644
index 0000000..e1d6107
--- /dev/null
+++ b/Classes/Form/Exception.php
@@ -0,0 +1,21 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form;
+
+/**
+ * Generic backend form exception
+ */
+class Exception extends \TYPO3\CMS\Backend\Exception {}
diff --git a/Classes/Form/Exception/AccessDeniedContentEditException.php b/Classes/Form/Exception/AccessDeniedContentEditException.php
new file mode 100644
index 0000000..f1aa58d
--- /dev/null
+++ b/Classes/Form/Exception/AccessDeniedContentEditException.php
@@ -0,0 +1,21 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Exception;
+
+/**
+ * User is not allowed to edit this content elements
+ */
+class AccessDeniedContentEditException extends AccessDeniedException {}
diff --git a/Classes/Form/Exception/AccessDeniedEditInternalsException.php b/Classes/Form/Exception/AccessDeniedEditInternalsException.php
new file mode 100644
index 0000000..9fadb28
--- /dev/null
+++ b/Classes/Form/Exception/AccessDeniedEditInternalsException.php
@@ -0,0 +1,21 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Exception;
+
+/**
+ * User check did not survive "checkRecordEditAccess" to edit record
+ */
+class AccessDeniedEditInternalsException extends AccessDeniedException {}
diff --git a/Classes/Form/Exception/AccessDeniedException.php b/Classes/Form/Exception/AccessDeniedException.php
new file mode 100644
index 0000000..5e58700
--- /dev/null
+++ b/Classes/Form/Exception/AccessDeniedException.php
@@ -0,0 +1,25 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Exception;
+
+use TYPO3\CMS\Backend\Form\Exception;
+
+/**
+ * Access denied exception.
+ * This indicated a recoverable error that should be changed to a user message.
+ * This abstract exception is extended by more fine grained exceptions.
+ */
+abstract class AccessDeniedException extends Exception {}
diff --git a/Classes/Form/Exception/AccessDeniedListenerException.php b/Classes/Form/Exception/AccessDeniedListenerException.php
new file mode 100644
index 0000000..6ad98d8
--- /dev/null
+++ b/Classes/Form/Exception/AccessDeniedListenerException.php
@@ -0,0 +1,23 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Exception;
+
+/**
+ * User access to record was denied by a ModifyRecordEditUserAccessEvent listener
+ */
+class AccessDeniedListenerException extends AccessDeniedException {}
diff --git a/Classes/Form/Exception/AccessDeniedPageEditException.php b/Classes/Form/Exception/AccessDeniedPageEditException.php
new file mode 100644
index 0000000..b8282f2
--- /dev/null
+++ b/Classes/Form/Exception/AccessDeniedPageEditException.php
@@ -0,0 +1,21 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Exception;
+
+/**
+ * User is not allowed to edit this page
+ */
+class AccessDeniedPageEditException extends AccessDeniedException {}
diff --git a/Classes/Form/Exception/AccessDeniedPageNewException.php b/Classes/Form/Exception/AccessDeniedPageNewException.php
new file mode 100644
index 0000000..a90dc04
--- /dev/null
+++ b/Classes/Form/Exception/AccessDeniedPageNewException.php
@@ -0,0 +1,21 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Exception;
+
+/**
+ * User is not allowed to add a new page
+ */
+class AccessDeniedPageNewException extends AccessDeniedException {}
diff --git a/Classes/Form/Exception/AccessDeniedRootNodeException.php b/Classes/Form/Exception/AccessDeniedRootNodeException.php
new file mode 100644
index 0000000..067f149
--- /dev/null
+++ b/Classes/Form/Exception/AccessDeniedRootNodeException.php
@@ -0,0 +1,21 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Exception;
+
+/**
+ * User has no sufficient rights to modify a row that is located at root node
+ */
+class AccessDeniedRootNodeException extends AccessDeniedException {}
diff --git a/Classes/Form/Exception/AccessDeniedTableModifyException.php b/Classes/Form/Exception/AccessDeniedTableModifyException.php
new file mode 100644
index 0000000..5b09d87
--- /dev/null
+++ b/Classes/Form/Exception/AccessDeniedTableModifyException.php
@@ -0,0 +1,21 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Exception;
+
+/**
+ * User has no modify table access to a table record
+ */
+class AccessDeniedTableModifyException extends AccessDeniedException {}
diff --git a/Classes/Form/Exception/DatabaseDefaultLanguageException.php b/Classes/Form/Exception/DatabaseDefaultLanguageException.php
new file mode 100644
index 0000000..767b836
--- /dev/null
+++ b/Classes/Form/Exception/DatabaseDefaultLanguageException.php
@@ -0,0 +1,23 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Exception;
+
+use TYPO3\CMS\Backend\Form\Exception;
+
+/**
+ * Thrown if a language overlay record is handled and no default language record is found.
+ */
+class DatabaseDefaultLanguageException extends Exception {}
diff --git a/Classes/Form/Exception/DatabaseRecordException.php b/Classes/Form/Exception/DatabaseRecordException.php
new file mode 100644
index 0000000..0f17631
--- /dev/null
+++ b/Classes/Form/Exception/DatabaseRecordException.php
@@ -0,0 +1,70 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Exception;
+
+use TYPO3\CMS\Backend\Form\Exception;
+
+/**
+ * A record could not be fetched from database, maybe it vanished meanwhile.
+ */
+class DatabaseRecordException extends Exception
+{
+    /**
+     * @var string Table name
+     */
+    protected $tableName;
+
+    /**
+     * @var int Table row uid
+     */
+    protected $uid;
+
+    /**
+     * Constructor overwrites default constructor.
+     *
+     * @param string $message Human readable error message
+     * @param int $code Exception code timestamp
+     * @param \Exception|null $previousException Possible exception from database layer
+     * @param string $tableName Table name query was working on
+     * @param int $uid Table row uid
+     */
+    public function __construct($message, $code, ?\Exception $previousException, string $tableName, int $uid)
+    {
+        parent::__construct($message, $code, $previousException);
+        $this->tableName = $tableName;
+        $this->uid = $uid;
+    }
+
+    /**
+     * Return table name
+     *
+     * @return string
+     */
+    public function getTableName()
+    {
+        return $this->tableName;
+    }
+
+    /**
+     * Return row uid
+     *
+     * @return int
+     */
+    public function getUid()
+    {
+        return $this->uid;
+    }
+}
diff --git a/Classes/Form/Exception/DatabaseRecordWorkspaceDeletePlaceholderException.php b/Classes/Form/Exception/DatabaseRecordWorkspaceDeletePlaceholderException.php
new file mode 100644
index 0000000..ea16348
--- /dev/null
+++ b/Classes/Form/Exception/DatabaseRecordWorkspaceDeletePlaceholderException.php
@@ -0,0 +1,71 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Exception;
+
+use TYPO3\CMS\Backend\Form\Exception;
+
+/**
+ * Thrown if a workspace delete placeholder is being edited, which is not allowed.
+ */
+class DatabaseRecordWorkspaceDeletePlaceholderException extends Exception
+{
+    /**
+     * @var string Table name
+     */
+    protected string $tableName;
+
+    /**
+     * @var int Table row uid
+     */
+    protected int $uid;
+
+    /**
+     * Constructor overwrites default constructor.
+     *
+     * @param string $message Human readable error message
+     * @param int $code Exception code timestamp
+     * @param string $tableName Table name query was working on
+     * @param int $uid Table row uid
+     */
+    public function __construct(string $message, int $code, string $tableName, int $uid)
+    {
+        parent::__construct($message, $code);
+        $this->tableName = $tableName;
+        $this->uid = $uid;
+    }
+
+    /**
+     * Return table name
+     *
+     * @return string
+     */
+    public function getTableName()
+    {
+        return $this->tableName;
+    }
+
+    /**
+     * Return row uid
+     *
+     * @return int
+     */
+    public function getUid()
+    {
+        return $this->uid;
+    }
+}
diff --git a/Classes/Form/Exception/NoFieldsToRenderException.php b/Classes/Form/Exception/NoFieldsToRenderException.php
new file mode 100644
index 0000000..0ead011
--- /dev/null
+++ b/Classes/Form/Exception/NoFieldsToRenderException.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Exception;
+
+use TYPO3\CMS\Backend\Form\Exception;
+
+/**
+ * No fields to be rendered for the requested record
+ */
+class NoFieldsToRenderException extends Exception {}
diff --git a/Classes/Form/FieldControl/AddRecord.php b/Classes/Form/FieldControl/AddRecord.php
new file mode 100644
index 0000000..300d0f9
--- /dev/null
+++ b/Classes/Form/FieldControl/AddRecord.php
@@ -0,0 +1,131 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldControl;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Site\Entity\Site;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Renders the icon with link parameters to add a new record,
+ * typically used for single elements of type=group or type=select.
+ */
+class AddRecord extends AbstractNode
+{
+    public function __construct(
+        private readonly UriBuilder $uriBuilder,
+    ) {}
+
+    /**
+     * Add button control
+     *
+     * @return array As defined by FieldControl class
+     */
+    public function render(): array
+    {
+        $options = $this->data['renderData']['fieldControlOptions'];
+        $parameterArray = $this->data['parameterArray'];
+        $itemName = (string)$parameterArray['itemFormElName'];
+
+        // Handle options and fallback
+        $title = $options['title'] ?? 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.createNew';
+        $setValue = $options['setValue'] ?? 'append';
+
+        $table = '';
+        if (isset($options['table'])) {
+            // Table given in options - use it
+            $table = $options['table'];
+        } elseif ($parameterArray['fieldConf']['config']['type'] === 'group'
+            && !empty($parameterArray['fieldConf']['config']['allowed'])
+        ) {
+            // Use first table from allowed list if specific table is not set in options
+            $allowedTables = GeneralUtility::trimExplode(',', $parameterArray['fieldConf']['config']['allowed'], true);
+            $table = array_pop($allowedTables);
+        } elseif ($parameterArray['fieldConf']['config']['type'] === 'select'
+            && !empty($parameterArray['fieldConf']['config']['foreign_table'])
+        ) {
+            // Use foreign_table if given for type=select
+            $table = $parameterArray['fieldConf']['config']['foreign_table'];
+        }
+        if (empty($table)) {
+            // Still no table - this element can not handle the add control.
+            return [];
+        }
+
+        $prefixOfFormElName = 'data[' . $this->data['tableName'] . '][' . $this->data['databaseRow']['uid'] . '][' . $this->data['fieldName'] . ']';
+        $flexFormPath = '';
+        if (str_starts_with($itemName, $prefixOfFormElName)) {
+            $flexFormPath = str_replace('][', '/', substr($itemName, strlen($prefixOfFormElName) + 1, -1));
+        }
+
+        $urlParameters = [
+            'P' => [
+                'params' => [
+                    'table' => $table,
+                    'pid' => $this->resolvePid($options, $table),
+                    'setValue' => $setValue,
+                ],
+                'table' => $this->data['tableName'],
+                'field' => $this->data['fieldName'],
+                'uid' => $this->data['databaseRow']['uid'],
+                'flexFormPath' => $flexFormPath,
+                'returnUrl' => $this->data['returnUrl'],
+            ],
+        ];
+
+        $id = StringUtility::getUniqueId('t3js-formengine-fieldcontrol-');
+
+        return [
+            'iconIdentifier' => 'actions-plus',
+            'title' => $title,
+            'linkAttributes' => [
+                'id' => $id,
+                'href' => (string)$this->uriBuilder->buildUriFromRoute('wizard_add', $urlParameters),
+            ],
+            'javaScriptModules' => [
+                JavaScriptModuleInstruction::create('@typo3/backend/form-engine/field-control/add-record.js')->instance('#' . $id),
+            ],
+        ];
+    }
+
+    protected function resolvePid(array $options, string $table): string
+    {
+        // Target pid of new records is current pid by default
+        $pid = $this->data['effectivePid'];
+        if (isset($options['pid'])) {
+            // pid configured in options - use it
+            if ($options['pid'] === '###SITEROOT###' && ($this->data['site'] ?? null) instanceof Site) {
+                // Substitute marker with pid from site object
+                $pid = $this->data['site']->getRootPageId();
+            } else {
+                // This might be a static pid or a marker such as ###PAGE_TSCONFIG_ID###
+                $pid = $options['pid'];
+            }
+        } elseif (
+            $this->data['tcaSchemata']->has($table)
+            && (int)($this->data['tcaSchemata']->get($table)->getRawConfiguration()['rootLevel'] ?? 0) === 1
+        ) {
+            // Target table can only exist on root level - set 0 as pid
+            $pid = 0;
+        }
+        return (string)$pid;
+    }
+}
diff --git a/Classes/Form/FieldControl/EditPopup.php b/Classes/Form/FieldControl/EditPopup.php
new file mode 100644
index 0000000..fe5c6f7
--- /dev/null
+++ b/Classes/Form/FieldControl/EditPopup.php
@@ -0,0 +1,107 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldControl;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Form\Behavior\OnFieldChangeTrait;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Renders the icon with link parameters to edit a selected element,
+ * typically used for single elements of type=group or type=select.
+ */
+class EditPopup extends AbstractNode
+{
+    use OnFieldChangeTrait;
+
+    public function __construct(
+        private readonly UriBuilder $uriBuilder,
+        private readonly HashService $hashService,
+    ) {}
+
+    /**
+     * Edit popup control
+     *
+     * @return array As defined by FieldControl class
+     */
+    public function render(): array
+    {
+        $options = $this->data['renderData']['fieldControlOptions'];
+
+        $title = $options['title'] ?? 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.edit';
+
+        $parameterArray = $this->data['parameterArray'];
+        $itemName = $parameterArray['itemFormElName'];
+        $windowOpenParameters = $options['windowOpenParameters'] ?? 'height=800,width=900,status=0,menubar=0,scrollbars=1';
+
+        $flexFormDataStructureIdentifier = $this->data['flexFormDataStructureIdentifier'] ?? '';
+        $flexFormDataStructurePath = '';
+        if (!empty($flexFormDataStructureIdentifier)) {
+            if (empty($this->data['flexFormContainerName'])) {
+                // simple flex form element
+                $flexFormDataStructurePath = 'sheets/'
+                    . $this->data['flexFormSheetName']
+                    . '/ROOT/el/'
+                    . $this->data['flexFormFieldName']
+                    . '/config';
+            } else {
+                // flex form section container element
+                $flexFormDataStructurePath = 'sheets/'
+                    . $this->data['flexFormSheetName']
+                    . '/ROOT/el/'
+                    . $this->data['flexFormFieldName']
+                    . '/el/'
+                    . $this->data['flexFormContainerName']
+                    . '/el/'
+                    . $this->data['flexFormContainerFieldName']
+                    . '/config';
+            }
+        }
+
+        $urlParameters = array_merge(
+            [
+                'table' => $this->data['tableName'],
+                'field' => $this->data['fieldName'],
+                'formName' => 'editform',
+                'flexFormDataStructureIdentifier' => $flexFormDataStructureIdentifier,
+                'flexFormDataStructurePath' => $flexFormDataStructurePath,
+                'hmac' => $this->hashService->hmac('editform' . $itemName, 'wizard_js'),
+            ],
+            $this->forwardOnFieldChangeQueryParams($parameterArray['fieldChangeFunc'] ?? [])
+        );
+        $url = (string)$this->uriBuilder->buildUriFromRoute('wizard_edit', ['P' => $urlParameters]);
+        $id = StringUtility::getUniqueId('t3js-formengine-fieldcontrol-');
+
+        return [
+            'iconIdentifier' => 'actions-open',
+            'title' => $title,
+            'linkAttributes' => [
+                'id' => $id,
+                'href' => $url,
+                'data-element' => $itemName,
+                'data-window-parameters' => $windowOpenParameters,
+            ],
+            'javaScriptModules' => [
+                JavaScriptModuleInstruction::create('@typo3/backend/form-engine/field-control/edit-popup.js')->instance('#' . $id),
+            ],
+        ];
+    }
+}
diff --git a/Classes/Form/FieldControl/ElementBrowser.php b/Classes/Form/FieldControl/ElementBrowser.php
new file mode 100644
index 0000000..0ac0186
--- /dev/null
+++ b/Classes/Form/FieldControl/ElementBrowser.php
@@ -0,0 +1,171 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldControl;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Backend\Form\Utility\FormEngineUtility;
+use TYPO3\CMS\Core\Site\Entity\Site;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Renders the icon "select element via element browser",
+ * typically used for type=group.
+ */
+class ElementBrowser extends AbstractNode
+{
+    public function __construct(
+        private readonly InlineStackProcessor $inlineStackProcessor,
+    ) {}
+
+    /**
+     * Add button control
+     *
+     * @return array As defined by FieldControl class
+     */
+    public function render(): array
+    {
+        $table = $this->data['tableName'];
+        $fieldName = $this->data['fieldName'];
+        $options = $this->data['renderData']['fieldControlOptions'];
+        $parameterArray = $this->data['parameterArray'];
+        $elementName = $parameterArray['itemFormElName'];
+        $config = $parameterArray['fieldConf']['config'];
+        $type = $config['type'];
+
+        // Remove any white-spaces from the allowed extension lists
+        $allowed = implode(',', GeneralUtility::trimExplode(',', (string)($config['allowed'] ?? ''), true));
+
+        if (isset($config['readOnly']) && $config['readOnly']) {
+            return [];
+        }
+
+        if ($options['title'] ?? false) {
+            $title = $options['title'];
+        } elseif ($type === 'group') {
+            $title = 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.browse_db';
+        } elseif ($type === 'folder') {
+            $title = 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.browse_folder';
+        } else {
+            // FieldControl requires to provide a title -> Set default if non is given and custom TCA config is used
+            $title = 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.browse_elements';
+        }
+
+        // Check against inline uniqueness - Create some onclick js for delete control and element browser
+        // to override record selection in some FAL scenarios - See 'appearance' docs of group element
+        $objectPrefix = '';
+        if (($this->data['isInlineChild'] ?? false)
+            && ($this->data['inlineParentUid'] ?? false)
+            && ($this->data['inlineParentConfig']['foreign_table'] ?? false) === $table
+            && ($this->data['inlineParentConfig']['foreign_unique'] ?? false) === $fieldName
+        ) {
+            $objectPrefix = $this->inlineStackProcessor->getDomObjectIdPrefixFromStructure($this->data['inlineStructure'], $this->data['inlineFirstPid']) . '-' . $table;
+        }
+
+        if ($type === 'group') {
+            if (($this->data['inlineParentConfig']['type'] ?? '') === 'file' || ($config['allowed'] ?? '') === 'sys_file') {
+                $elementBrowserType = 'file';
+                // Remove any white-spaces from the allowed extension lists
+                $allowed = implode(',', GeneralUtility::trimExplode(',', (string)($this->data['inlineParentConfig']['allowed'] ?? ''), true));
+            } else {
+                $elementBrowserType = 'db';
+            }
+        } else {
+            $elementBrowserType = 'folder';
+        }
+
+        // Initialize link attributes
+        $linkAttributes = [
+            'class' => 't3js-element-browser',
+            'data-mode' => $elementBrowserType,
+            'data-field-reference' => $elementName,
+            'data-allowed-types' => $allowed,
+            'data-irre-object-id' => $objectPrefix,
+            'data-use-events' => 'true',
+        ];
+
+        // Add the default entry point - if found
+        $linkAttributes = $this->addEntryPoint($table, $fieldName, $config, $linkAttributes);
+
+        return [
+            'iconIdentifier' => 'actions-insert-record',
+            'title' => $title,
+            'linkAttributes' => $linkAttributes,
+        ];
+    }
+
+    /**
+     * Try to resolve a configured default entry point - page / folder
+     * to be expanded - and add it to the link attributes if found.
+     */
+    protected function addEntryPoint(string $table, string $fieldName, array $fieldConfig, array $linkAttributes): array
+    {
+        if (!isset($fieldConfig['elementBrowserEntryPoints']) || !is_array($fieldConfig['elementBrowserEntryPoints'])) {
+            // Early return in case no entry points are defined
+            return $linkAttributes;
+        }
+
+        // Fetch the configured default entry point (which might be a marker)
+        $entryPoint = (string)($fieldConfig['elementBrowserEntryPoints']['_default'] ?? '');
+
+        // In case no default entry point is given, check if we deal with type=db and only one allowed table
+        if ($entryPoint === '') {
+            if ($fieldConfig['type'] === 'folder') {
+                // Return for type folder as this requires the "_default" key to be set
+                return $linkAttributes;
+            }
+            // Check for the allowed tables, if only one table is allowed check if an entry point is defined for it
+            $allowed = GeneralUtility::trimExplode(',', $fieldConfig['allowed'] ?? '', true);
+            if (count($allowed) === 1 && isset($fieldConfig['elementBrowserEntryPoints'][$allowed[0]])) {
+                // Use the entry point for the single table as default
+                $entryPoint = (string)$fieldConfig['elementBrowserEntryPoints'][$allowed[0]];
+            }
+            if ($entryPoint === '') {
+                // Return if still empty
+                return $linkAttributes;
+            }
+        }
+
+        // Check and resolve possible marker
+        if (str_starts_with($entryPoint, '###') && str_ends_with($entryPoint, '###')) {
+            if ($entryPoint === '###CURRENT_PID###') {
+                // Use the current pid
+                $entryPoint = (string)$this->data['effectivePid'];
+            } elseif ($entryPoint === '###SITEROOT###' && ($this->data['site'] ?? null) instanceof Site) {
+                // Use the root page id from the current site
+                $entryPoint = (string)$this->data['site']->getRootPageId();
+            } else {
+                // Check for special TSconfig marker
+                $TSconfig = FormEngineUtility::getTCEFORM_TSconfig($table, ['pid' => $this->data['effectivePid']]);
+                $keyword = substr($entryPoint, 3, -3);
+                if (str_starts_with($keyword, 'PAGE_TSCONFIG_')) {
+                    $entryPoint = (string)($TSconfig[$fieldName][$keyword] ?? '');
+                } else {
+                    $entryPoint = (string)($TSconfig['_' . $keyword] ?? '');
+                }
+            }
+        }
+
+        // Add the entry point to the link attribute - if resolved
+        if ($entryPoint !== '') {
+            $linkAttributes['data-entry-point'] = $entryPoint;
+        }
+
+        return $linkAttributes;
+    }
+}
diff --git a/Classes/Form/FieldControl/InsertClipboard.php b/Classes/Form/FieldControl/InsertClipboard.php
new file mode 100644
index 0000000..18f120b
--- /dev/null
+++ b/Classes/Form/FieldControl/InsertClipboard.php
@@ -0,0 +1,83 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldControl;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Renders the icon "insert record from clipboard",
+ * typically used for type=group.
+ */
+class InsertClipboard extends AbstractNode
+{
+    /**
+     * Add button control
+     *
+     * @return array As defined by FieldControl class
+     */
+    public function render(): array
+    {
+        $languageService = $this->getLanguageService();
+
+        $parameterArray = $this->data['parameterArray'];
+        $elementName = $parameterArray['itemFormElName'];
+        $config = $parameterArray['fieldConf']['config'];
+        $clipboardElements = $config['clipboardElements'];
+
+        if ((isset($config['readOnly']) && $config['readOnly'])
+            || empty($clipboardElements)
+        ) {
+            return [];
+        }
+
+        $dataAttributes = [
+            'element' => $elementName,
+            'clipboardItems' => [],
+        ];
+        $title = sprintf($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.clipInsert_db'), count($clipboardElements));
+        foreach ($clipboardElements as $clipboardElement) {
+            $dataAttributes['clipboardItems'][] = [
+                'title' => $clipboardElement['title'],
+                'value' => $clipboardElement['value'],
+            ];
+        }
+
+        $id = StringUtility::getUniqueId('t3js-formengine-fieldcontrol-');
+
+        return [
+            'iconIdentifier' => 'actions-document-paste-into',
+            'title' => $title,
+            'linkAttributes' => [
+                'id' => $id,
+                'data-element' => $dataAttributes['element'],
+                'data-clipboard-items' => json_encode($dataAttributes['clipboardItems']),
+            ],
+            'javaScriptModules' => [
+                JavaScriptModuleInstruction::create('@typo3/backend/form-engine/field-control/insert-clipboard.js')->instance('#' . $id),
+            ],
+        ];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FieldControl/LinkPopup.php b/Classes/Form/FieldControl/LinkPopup.php
new file mode 100644
index 0000000..f58eb9d
--- /dev/null
+++ b/Classes/Form/FieldControl/LinkPopup.php
@@ -0,0 +1,109 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldControl;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Form\Behavior\OnFieldChangeTrait;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Renders the icon with link parameters to open the element browser.
+ * Used in InputLinkElement.
+ */
+class LinkPopup extends AbstractNode
+{
+    use OnFieldChangeTrait;
+
+    public function __construct(
+        private readonly UriBuilder $uriBuilder,
+        private readonly HashService $hashService,
+    ) {}
+
+    /**
+     * Link popup control
+     *
+     * @return array As defined by FieldControl class
+     */
+    public function render(): array
+    {
+        $options = $this->data['renderData']['fieldControlOptions'];
+
+        $title = $options['title'] ?? 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.link';
+
+        $parameterArray = $this->data['parameterArray'];
+        $itemName = $parameterArray['itemFormElName'];
+
+        $linkBrowserArguments = [];
+        if (is_array($options['allowedTypes'] ?? false)) {
+            $linkBrowserArguments['allowedTypes'] = implode(',', $options['allowedTypes']);
+        } elseif (isset($options['blindLinkOptions'])) {
+            // @todo Deprecate this option
+            $linkBrowserArguments['blindLinkOptions'] = $options['blindLinkOptions'];
+        }
+        if (is_array($options['allowedOptions'] ?? false)) {
+            $linkBrowserArguments['allowedOptions'] = implode(',', $options['allowedOptions']);
+        } elseif (isset($options['blindLinkFields'])) {
+            // @todo Deprecate this option
+            $linkBrowserArguments['blindLinkFields'] = $options['blindLinkFields'];
+        }
+        if (is_array($options['allowedFileExtensions'] ?? false)) {
+            $linkBrowserArguments['allowedFileExtensions'] = implode(',', $options['allowedFileExtensions']);
+        } elseif (isset($options['allowedExtensions'])) {
+            // @todo Deprecate this option
+            $linkBrowserArguments['allowedExtensions'] = $options['allowedExtensions'];
+        }
+        $urlParameters = array_merge(
+            [
+                'params' => $linkBrowserArguments,
+                'table' => $this->data['tableName'],
+                'uid' => $this->data['databaseRow']['uid'],
+                'pid' => $this->data['databaseRow']['pid'],
+                'field' => $this->data['fieldName'],
+                'formName' => 'editform',
+                'itemName' => $itemName,
+                'hmac' => $this->hashService->hmac('editform' . $itemName, 'wizard_js'),
+            ],
+            $this->forwardOnFieldChangeQueryParams($parameterArray['fieldChangeFunc'] ?? [])
+        );
+        $url = (string)$this->uriBuilder->buildUriFromRoute('wizard_link', ['P' => $urlParameters]);
+        $id = StringUtility::getUniqueId('t3js-formengine-fieldcontrol-');
+        $label = $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:openLinkWizard');
+        return [
+            'iconIdentifier' => 'actions-wizard-link',
+            'title' => $title,
+            'linkAttributes' => [
+                'id' => $id,
+                'href' => $url,
+                'data-item-name' => $itemName,
+                'aria-label' => $label,
+            ],
+            'javaScriptModules' => [
+                JavaScriptModuleInstruction::create('@typo3/backend/form-engine/field-control/link-popup.js')->instance('#' . $id),
+            ],
+        ];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FieldControl/ListModule.php b/Classes/Form/FieldControl/ListModule.php
new file mode 100644
index 0000000..0acbd48
--- /dev/null
+++ b/Classes/Form/FieldControl/ListModule.php
@@ -0,0 +1,110 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldControl;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Renders the icon with link parameters to jump to the records module
+ * "single table" view, showing only one configurable table.
+ */
+class ListModule extends AbstractNode
+{
+    public function __construct(
+        private readonly UriBuilder $uriBuilder,
+    ) {}
+
+    /**
+     * Add button control
+     *
+     * @return array As defined by FieldControl class
+     */
+    public function render(): array
+    {
+        $options = $this->data['renderData']['fieldControlOptions'];
+        $parameterArray = $this->data['parameterArray'];
+
+        // Handle options and fallback
+        $title = $options['title'] ?? 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.list';
+
+        $table = '';
+        if (isset($options['table'])) {
+            // Table given in options - use it
+            $table = $options['table'];
+        } elseif ($parameterArray['fieldConf']['config']['type'] === 'group'
+            && !empty($parameterArray['fieldConf']['config']['allowed'])
+        ) {
+            // Use first table from allowed list if specific table is not set in options
+            $allowedTables = GeneralUtility::trimExplode(',', $parameterArray['fieldConf']['config']['allowed'], true);
+            $table = array_pop($allowedTables);
+        } elseif ($parameterArray['fieldConf']['config']['type'] === 'select'
+            && !empty($parameterArray['fieldConf']['config']['foreign_table'])
+        ) {
+            // Use foreign_table if given for type=select
+            $table = $parameterArray['fieldConf']['config']['foreign_table'];
+        }
+        if (empty($table)) {
+            // Still no table - this element can not handle the list control.
+            return [];
+        }
+
+        // Target pid of new records is current pid by default
+        $pid = $this->data['effectivePid'];
+        if (isset($options['pid'])) {
+            // pid configured in options - use it
+            $pid = $options['pid'];
+        } elseif (
+            $this->data['tcaSchemata']->has($table)
+            && ($this->data['tcaSchemata']->get($table)->getRawConfiguration()['rootLevel'] ?? false) === 1
+        ) {
+            // Target table can only exist on root level - set 0 as pid
+            $pid = 0;
+        }
+
+        $urlParameters = [
+            'P' => [
+                'params' => [
+                    'table' => $table,
+                    'pid' => $pid,
+                ],
+                'table' => $this->data['tableName'],
+                'field' => $this->data['fieldName'],
+                'uid' => $this->data['databaseRow']['uid'],
+                'returnUrl' => $this->data['returnUrl'],
+            ],
+        ];
+
+        $id = StringUtility::getUniqueId('t3js-formengine-fieldcontrol-');
+
+        return [
+            'iconIdentifier' => 'actions-list-alternative',
+            'title' => $title,
+            'linkAttributes' => [
+                'id' => $id,
+                'href' => (string)$this->uriBuilder->buildUriFromRoute('wizard_list', $urlParameters),
+            ],
+            'javaScriptModules' => [
+                JavaScriptModuleInstruction::create('@typo3/backend/form-engine/field-control/list-module.js')->instance('#' . $id),
+            ],
+        ];
+    }
+}
diff --git a/Classes/Form/FieldControl/PasswordGenerator.php b/Classes/Form/FieldControl/PasswordGenerator.php
new file mode 100644
index 0000000..4b11d8a
--- /dev/null
+++ b/Classes/Form/FieldControl/PasswordGenerator.php
@@ -0,0 +1,66 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldControl;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Renders a widget to generate a random string in JavaScript.
+ *
+ * This is typically used in combination with TCA type=password as password
+ * generator, but can be potentially used with other field input types as well.
+ *
+ * @internal This is still a bit experimental and may change, for instance to
+ *           be combined with passwordPolicies.
+ */
+class PasswordGenerator extends AbstractNode
+{
+    public function render(): array
+    {
+        $options = $this->data['renderData']['fieldControlOptions'];
+        $itemName = (string)$this->data['parameterArray']['itemFormElName'];
+        $id = StringUtility::getUniqueId('t3js-formengine-fieldcontrol-');
+
+        // Handle options and fallback
+        $title = $options['title'] ?? 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.generatePassword';
+
+        $linkAttributes = [
+            'id' => $id,
+            'data-item-name' => $itemName,
+        ];
+
+        if ($options['allowEdit'] ?? true) {
+            $linkAttributes['data-allow-edit'] = true;
+        }
+
+        if (is_string($options['passwordPolicy'] ?? null) && $options['passwordPolicy'] !== '') {
+            $linkAttributes['data-password-policy'] = $options['passwordPolicy'];
+        }
+
+        return [
+            'iconIdentifier' => 'actions-dice',
+            'title' => $title,
+            'linkAttributes' => $linkAttributes,
+            'javaScriptModules' => [
+                JavaScriptModuleInstruction::create('@typo3/backend/form-engine/field-control/password-generator.js')->instance($id),
+            ],
+        ];
+    }
+}
diff --git a/Classes/Form/FieldControl/ResetSelection.php b/Classes/Form/FieldControl/ResetSelection.php
new file mode 100644
index 0000000..e394afd
--- /dev/null
+++ b/Classes/Form/FieldControl/ResetSelection.php
@@ -0,0 +1,69 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldControl;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * "Reset selection to previous selected items" icon,
+ * typically used by type=select with renderType=selectSingleBox
+ */
+class ResetSelection extends AbstractNode
+{
+    /**
+     * Add button control
+     *
+     * @return array As defined by FieldControl class
+     */
+    public function render(): array
+    {
+        $parameterArray = $this->data['parameterArray'];
+        $selectItems = $parameterArray['fieldConf']['config']['items'];
+        if (($parameterArray['fieldConf']['config']['readOnly'] ?? false) || empty($selectItems)) {
+            // Early return if the field is readOnly or no items exist
+            return [];
+        }
+        $itemName = $parameterArray['itemFormElName'];
+        $itemArray = array_flip($parameterArray['itemFormElValue']);
+        $initiallySelectedIndices = [];
+        foreach ($selectItems as $i => $item) {
+            $value = $item['value'];
+            // Selected or not by default
+            if (isset($itemArray[$value])) {
+                $initiallySelectedIndices[] = $i;
+            }
+        }
+
+        $id = StringUtility::getUniqueId('t3js-formengine-fieldcontrol-');
+
+        return [
+            'iconIdentifier' => 'actions-edit-undo',
+            'title' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.revertSelection',
+            'linkAttributes' => [
+                'id' => $id,
+                'data-item-name' => $itemName,
+                'data-selected-indices' => json_encode($initiallySelectedIndices),
+            ],
+            'javaScriptModules' => [
+                JavaScriptModuleInstruction::create('@typo3/backend/form-engine/field-control/reset-selection.js')->instance('#' . $id),
+            ],
+        ];
+    }
+}
diff --git a/Classes/Form/FieldInformation/AdminIsSystemMaintainer.php b/Classes/Form/FieldInformation/AdminIsSystemMaintainer.php
new file mode 100644
index 0000000..d1570ef
--- /dev/null
+++ b/Classes/Form/FieldInformation/AdminIsSystemMaintainer.php
@@ -0,0 +1,83 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldInformation;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Localization\LanguageService;
+
+/**
+ * This field information node is used in be_user admin field
+ * to show some additional information if the edited user
+ * is a system maintainer or becomes one if togging the admin flag.
+ */
+class AdminIsSystemMaintainer extends AbstractNode
+{
+    /**
+     * Handler for single nodes
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     * @throws \RuntimeException
+     */
+    public function render(): array
+    {
+        if ($this->data['tableName'] !== 'be_users' || $this->data['fieldName'] !== 'admin') {
+            throw new \RuntimeException(
+                'The adminIsSystemMaintainer field information can be used for admin field in be_users table only',
+                1537273550
+            );
+        }
+
+        $resultArray = $this->initializeResultArray();
+        if ($this->data['command'] === 'new') {
+            // Early return on 'new' records - nothing we can do here
+            return $resultArray;
+        }
+
+        $systemMaintainers = array_map(intval(...), $GLOBALS['TYPO3_CONF_VARS']['SYS']['systemMaintainers'] ?? []);
+        $isTargetUserInSystemMaintainerList = in_array((int)$this->data['vanillaUid'], $systemMaintainers, true);
+        if ($isTargetUserInSystemMaintainerList) {
+            $languageService = $this->getLanguageService();
+            $isTargetUserAdmin = (int)$this->data['databaseRow']['admin'] === 1;
+            if ($isTargetUserAdmin) {
+                // User is a system maintainer
+                $fieldInformationText = '<strong>' . htmlspecialchars($languageService->sL(
+                    'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:formEngine.beUser.admin.information.userIsSystemMaintainer'
+                )) . '</strong>';
+            } else {
+                // User is currently not an admin, but set as system maintainer (in-effective).
+                // If admin field is set to 1, the user is therefore system maintainer again.
+                $fieldInformationText = '<strong>' . htmlspecialchars($languageService->sL(
+                    'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:formEngine.beUser.admin.information.userWillBecomeSystemMaintainer'
+                )) . '</strong>';
+            }
+            $resultArray['html'] = $fieldInformationText;
+        }
+        return $resultArray;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/FieldInformation/BackendLayoutFromParentPage.php b/Classes/Form/FieldInformation/BackendLayoutFromParentPage.php
new file mode 100644
index 0000000..0f00b36
--- /dev/null
+++ b/Classes/Form/FieldInformation/BackendLayoutFromParentPage.php
@@ -0,0 +1,112 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldInformation;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Core\Localization\LanguageService;
+
+/**
+ * This field information node is used for the pages backend_layout
+ * field to inform about a possible backend layout, inherited form
+ * a parent page.
+ *
+ * @internal
+ */
+class BackendLayoutFromParentPage extends AbstractNode
+{
+    public function __construct(
+        private readonly BackendLayoutView $backendLayoutView,
+    ) {}
+
+    /**
+     * Handler for single nodes
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     */
+    public function render(): array
+    {
+        if ($this->data['tableName'] !== 'pages' || $this->data['fieldName'] !== 'backend_layout') {
+            throw new \RuntimeException(
+                'The backendLayoutFromParentPage field information can only be used for the backend_layout field of the pages table.',
+                1622109821
+            );
+        }
+
+        $resultArray = $this->initializeResultArray();
+        $parameterArray = $this->data['parameterArray'];
+
+        // In case the backend_layout field of the current page is not empty, no backend layout will be inherited.
+        if (!empty($parameterArray['itemFormElValue'])) {
+            return $resultArray;
+        }
+
+        $backendLayoutInformation = '';
+        $languageService = $this->getLanguageService();
+
+        if ($this->data['command'] === 'new') {
+            // In case we deal with a new record, we try to find a possible inherited backend layout in
+            // the rootline. Since there might be further actions, e.g. DataHandler hooks, the actually
+            // resolved backend layout can only be determined, once the record is saved. For now we just
+            // inform about the backend layout, which will most likely be used.
+            foreach ($this->data['rootline'] as $page) {
+                if (!empty($page['backend_layout_next_level']) && ($page['uid'] ?? false)) {
+                    $backendLayoutInformation = sprintf(
+                        $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:formEngine.pages.backendLayout.information.inheritFromParentPage'),
+                        $this->getFieldValueLabel($parameterArray['fieldConf'], $page['backend_layout_next_level'])
+                    );
+                    break;
+                }
+            }
+        } else {
+            // Get the resolved backend layout for the current page.
+            $backendLayout = $this->backendLayoutView->getBackendLayoutForPage((int)($this->data['databaseRow']['uid'] ?? $this->data['effectivePid'] ?? 0));
+            $backendLayoutInformation = sprintf(
+                $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:formEngine.pages.backendLayout.information.inheritedFromParentPage'),
+                $languageService->sL($backendLayout->getTitle())
+            );
+        }
+
+        if ($backendLayoutInformation !== '') {
+            $resultArray['html'] = '<p class="text-variant">' . htmlspecialchars($backendLayoutInformation) . '</p>';
+        }
+
+        return $resultArray;
+    }
+
+    protected function getFieldValueLabel(array $fieldConfiguration, string $fieldValue): string
+    {
+        foreach ($fieldConfiguration['config']['items'] as $item) {
+            if (($item['value'] ?? '') === $fieldValue && !empty($item['label'])) {
+                return $item['label'];
+            }
+        }
+
+        $invalidValue = sprintf(
+            $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.noMatchingValue'),
+            $fieldValue
+        );
+
+        return '[ ' . $invalidValue . ' ]';
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FieldInformation/NoSelectableItemsAvailable.php b/Classes/Form/FieldInformation/NoSelectableItemsAvailable.php
new file mode 100644
index 0000000..b44d8d5
--- /dev/null
+++ b/Classes/Form/FieldInformation/NoSelectableItemsAvailable.php
@@ -0,0 +1,43 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldInformation;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Core\Localization\LanguageService;
+
+/**
+ * Renders an info badge indicating that no selectable items are available
+ * for a relational field. Shown when backend debug mode is enabled.
+ */
+class NoSelectableItemsAvailable extends AbstractNode
+{
+    public function render(): array
+    {
+        $resultArray = $this->initializeResultArray();
+        $text = htmlspecialchars($this->getLanguageService()->sL(
+            'core.core:labels.noSelectableItemsAvailable'
+        ));
+        $resultArray['html'] = '<div class="mb-2"><span class="badge badge-info">' . $text . '</span></div>';
+        return $resultArray;
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FieldWizard/DefaultLanguageDifferences.php b/Classes/Form/FieldWizard/DefaultLanguageDifferences.php
new file mode 100644
index 0000000..9046207
--- /dev/null
+++ b/Classes/Form/FieldWizard/DefaultLanguageDifferences.php
@@ -0,0 +1,96 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldWizard;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\DiffUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Renders the diff-view of default language record content compared with what the record was originally
+ * translated from. Will render content if any is found in the internal array.
+ *
+ * This is typically used of renderTypes that are based on text input
+ */
+class DefaultLanguageDifferences extends AbstractNode
+{
+    public function __construct(
+        private readonly DiffUtility $diffUtility,
+    ) {}
+
+    /**
+     * Render the diff view if enabled
+     *
+     * @return array Result array
+     */
+    public function render(): array
+    {
+        $result = $this->initializeResultArray();
+
+        $row = $this->data['databaseRow'];
+        $table = $this->data['tableName'];
+        $fieldName = $this->data['fieldName'];
+        $fieldConfig = $this->data['processedTca']['columns'][$fieldName];
+        $l10nDisplay = $this->data['parameterArray']['fieldConf']['l10n_display'] ?? '';
+        $defaultLanguageRow = $this->data['defaultLanguageRow'] ?? null;
+        $defaultLanguageDiffRow = $this->data['defaultLanguageDiffRow'][$table . ':' . $row['uid']] ?? null;
+
+        if (!is_array($defaultLanguageDiffRow)
+            || GeneralUtility::inList($l10nDisplay, 'hideDiff')
+            || GeneralUtility::inList($l10nDisplay, 'defaultAsReadonly')
+            || !isset($defaultLanguageDiffRow[$fieldName])
+            || $fieldConfig['config']['type'] === 'inline'
+            || $fieldConfig['config']['type'] === 'file'
+            || $fieldConfig['config']['type'] === 'flex'
+        ) {
+            // Early return if there is no diff row or if display is disabled
+            return $result;
+        }
+
+        $languageService = $this->getLanguageService();
+        $html = [];
+        if ((string)$defaultLanguageDiffRow[$fieldName] !== (string)$defaultLanguageRow[$fieldName]) {
+            // Create diff-result:
+            $diffResult = $this->diffUtility->diff(
+                (string)BackendUtility::getProcessedValue($table, $fieldName, $defaultLanguageDiffRow[$fieldName], 0, true, false, 0, true, 0, $defaultLanguageRow),
+                (string)BackendUtility::getProcessedValue($table, $fieldName, $defaultLanguageRow[$fieldName], 0, true, false, 0, true, 0, $defaultLanguageDiffRow)
+            );
+            $html[] = '<div class="t3-form-original-language-diff">';
+            $html[] =   '<div class="t3-form-original-language-diffheader">';
+            $html[] =       htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.changeInOrig'));
+            $html[] =   '</div>';
+            $html[] =   '<div class="t3-form-original-language-diffcontent">';
+            $html[] =       '<div class="diff">';
+            $html[] =           '<div class="diff-item">';
+            $html[] =               '<div class="diff-item-result diff-item-result-inline">' . $diffResult . '</div>';
+            $html[] =           '</div>';
+            $html[] =       '</div>';
+            $html[] =   '</div>';
+            $html[] =  '</div>';
+        }
+        $result['html'] = implode(LF, $html);
+        return $result;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FieldWizard/LocalizationStateSelector.php b/Classes/Form/FieldWizard/LocalizationStateSelector.php
new file mode 100644
index 0000000..e637f54
--- /dev/null
+++ b/Classes/Form/FieldWizard/LocalizationStateSelector.php
@@ -0,0 +1,154 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldWizard;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Core\DataHandling\Localization\State;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Allows to define the localization state per field.
+ */
+class LocalizationStateSelector extends AbstractNode
+{
+    /**
+     * Render the radio buttons if enabled
+     */
+    public function render(): array
+    {
+        $languageService = $this->getLanguageService();
+        $result = $this->initializeResultArray();
+
+        $fieldName = $this->data['fieldName'];
+        $fieldId = StringUtility::getUniqueId('formengine-localization-state-selector-');
+        $l10nStateFieldName = 'l10n_state';
+
+        $localizationState = State::fromJSON(
+            $this->data['tableName'],
+            $this->data['databaseRow'][$l10nStateFieldName] ?? null
+        );
+
+        if (
+            $localizationState === null
+            || !isset($this->data['defaultLanguageRow'])
+            || !isset($this->data['processedTca']['columns'][$fieldName]['config']['behaviour']['allowLanguageSynchronization'])
+            || !$this->data['processedTca']['columns'][$fieldName]['config']['behaviour']['allowLanguageSynchronization']
+        ) {
+            return $result;
+        }
+
+        $l10nParentFieldName = $this->data['processedTca']['ctrl']['transOrigPointerField'] ?? null;
+        $l10nSourceFieldName = $this->data['processedTca']['ctrl']['translationSource'] ?? null;
+
+        $sourceLanguageTitle = '';
+        $fieldValueInParentRow = '';
+        $fieldValueInSourceRow = null;
+        if ($l10nParentFieldName && $this->data['databaseRow'][$l10nParentFieldName] > 0) {
+            if ($l10nSourceFieldName && $this->data['databaseRow'][$l10nSourceFieldName] > 0) {
+                $languageField = $this->data['processedTca']['ctrl']['languageField'] ?? null;
+                if ($languageField
+                    && isset($this->data['sourceLanguageRow'][$languageField])
+                    && $this->data['sourceLanguageRow'][$languageField] > 0
+                ) {
+                    $languageUidOfSourceRow = $this->data['sourceLanguageRow'][$languageField];
+                    $sourceLanguageTitle = $this->data['systemLanguageRows'][$languageUidOfSourceRow]['title'] ?? '';
+                    $fieldValueInSourceRow = $this->data['sourceLanguageRow'][$fieldName] ?? null;
+                }
+            }
+            $fieldValueInParentRow = (string)$this->data['defaultLanguageRow'][$fieldName];
+        }
+
+        $fieldElementName = 'data[' . htmlspecialchars($this->data['tableName']) . ']'
+            . '[' . htmlspecialchars((string)$this->data['databaseRow']['uid']) . ']'
+            . '[' . htmlspecialchars($l10nStateFieldName) . ']'
+            . '[' . htmlspecialchars($this->data['fieldName']) . ']';
+
+        $html = [];
+        $html[] = '<div class="t3js-l10n-state-container">';
+        $html[] =   '<div class="form-label">';
+        $html[] =       $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:localizationStateSelector.header');
+        $html[] =   '</div>';
+        $html[] =   '<div class="form-check">';
+        $html[] =       '<input';
+        $html[] =           ' id="' . $fieldId . '-custom"';
+        $html[] =           ' type="radio"';
+        $html[] =           ' name="' . htmlspecialchars($fieldElementName) . '"';
+        $html[] =           ' class="form-check-input t3js-l10n-state-custom"';
+        $html[] =           ' value="custom"';
+        $html[] =           $localizationState->isCustomState($fieldName) ? ' checked="checked"' : '';
+        $html[] =           ' data-original-language-value=""';
+        $html[] =       '>';
+        $html[] =       '<label';
+        $html[] =           ' for="' . $fieldId . '-custom"';
+        $html[] =           ' class="form-check-label"';
+        $html[] =       '>';
+        $html[] =           $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:localizationStateSelector.customValue');
+        $html[] =       '</label>';
+        $html[] =   '</div>';
+        $html[] =   '<div class="form-check">';
+        $html[] =       '<input';
+        $html[] =           ' id="' . $fieldId . '-parent"';
+        $html[] =           ' type="radio"';
+        $html[] =           ' name="' . htmlspecialchars($fieldElementName) . '"';
+        $html[] =           ' class="form-check-input"';
+        $html[] =           ' value="parent"';
+        $html[] =           $localizationState->isParentState($fieldName) ? ' checked="checked"' : '';
+        $html[] =           ' data-original-language-value="' . htmlspecialchars((string)$fieldValueInParentRow) . '"';
+        $html[] =       '>';
+        $html[] =       '<label';
+        $html[] =           ' for="' . $fieldId . '-parent"';
+        $html[] =           ' class="form-check-label"';
+        $html[] =       '>';
+        $html[] =           $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:localizationStateSelector.defaultLanguageValue');
+        $html[] =       '</label>';
+        $html[] =   '</div>';
+        if ($fieldValueInSourceRow !== null) {
+            $html[] = '<div class="form-check">';
+            $html[] =   '<input';
+            $html[] =       ' id="' . $fieldId . '-source"';
+            $html[] =       ' type="radio"';
+            $html[] =       ' name="' . htmlspecialchars($fieldElementName) . '"';
+            $html[] =       ' class="form-check-input"';
+            $html[] =       ' value="source"';
+            $html[] =       $localizationState->isSourceState($fieldName) ? ' checked="checked"' : '';
+            $html[] =       ' data-original-language-value="' . htmlspecialchars((string)$fieldValueInSourceRow) . '"';
+            $html[] =   '>';
+            $html[] =   '<label';
+            $html[] =       ' for="' . $fieldId . '-source"';
+            $html[] =       ' class="form-check-label"';
+            $html[] =   '>';
+            $html[] =       sprintf($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:localizationStateSelector.sourceLanguageValue'), htmlspecialchars($sourceLanguageTitle));
+            $html[] =   '</label>';
+            $html[] = '</div>';
+        }
+        $html[] = '</div>';
+
+        $result['javaScriptModules'][] = JavaScriptModuleInstruction::create(
+            '@typo3/backend/form-engine/field-wizard/localization-state-selector.js'
+        )->instance($fieldElementName);
+        $result['html'] = implode(LF, $html);
+        return $result;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FieldWizard/OtherLanguageContent.php b/Classes/Form/FieldWizard/OtherLanguageContent.php
new file mode 100644
index 0000000..8ed8b2f
--- /dev/null
+++ b/Classes/Form/FieldWizard/OtherLanguageContent.php
@@ -0,0 +1,117 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldWizard;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Render values of "other" languages. If editing a localized row, this is typically
+ * the content value of the according default record, but it may render field values
+ * of other languages too, depending on configuration.
+ */
+class OtherLanguageContent extends AbstractNode
+{
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+    ) {}
+
+    /**
+     * Render other language content if enabled.
+     */
+    public function render(): array
+    {
+        $result = $this->initializeResultArray();
+
+        $fieldName = $this->data['fieldName'];
+        $fieldConfig = $this->data['processedTca']['columns'][$fieldName];
+        $fieldType = $fieldConfig['config']['type'];
+        $l10nDisplay = $this->data['parameterArray']['fieldConf']['l10n_display'] ?? '';
+        $defaultLanguageRow = $this->data['defaultLanguageRow'] ?? null;
+        if (!is_array($defaultLanguageRow)
+            || GeneralUtility::inList($l10nDisplay, 'hideDiff')
+            || GeneralUtility::inList($l10nDisplay, 'defaultAsReadonly')
+            || $fieldType === 'inline'
+            || $fieldType === 'file'
+            || $fieldType === 'flex'
+            || (in_array($fieldType, ['select', 'category', 'group'], true) && isset($fieldConfig['config']['MM']))
+        ) {
+            // Early return if there is no default language row or the display is disabled
+            return $result;
+        }
+
+        $table = $this->data['tableName'];
+        $html = [];
+        $defaultLanguageValue = BackendUtility::getProcessedValue(
+            $table,
+            $fieldName,
+            $defaultLanguageRow[$fieldName],
+            0,
+            true,
+            false,
+            $defaultLanguageRow['uid'],
+            true,
+            $defaultLanguageRow['pid'],
+            $defaultLanguageRow
+        ) ?? '';
+        if ($defaultLanguageValue !== '') {
+            $iconIdentifier = ($this->data['systemLanguageRows'][0]['flagIconIdentifier'] ?? false) ?: 'flags-multiple';
+            $html[] = '<div class="t3-form-original-language">';
+            $html[] =   $this->iconFactory->getIcon($iconIdentifier, IconSize::SMALL)->render();
+            $html[] =   $this->previewFieldValue($defaultLanguageValue);
+            $html[] = '</div>';
+        }
+        $additionalPreviewLanguages = $this->data['additionalLanguageRows'];
+        foreach ($additionalPreviewLanguages as $previewLanguage) {
+            $defaultLanguageValue = BackendUtility::getProcessedValue(
+                $table,
+                $fieldName,
+                $previewLanguage[$fieldName],
+                0,
+                true,
+                false,
+                0,
+                true,
+                0,
+                $previewLanguage
+            ) ?? '';
+            if ($defaultLanguageValue !== '') {
+                $html[] = '<div class="t3-form-original-language">';
+                $html[] =   $this->iconFactory->getIcon($this->data['systemLanguageRows'][$previewLanguage['language_tag']]['flagIconIdentifier'], IconSize::SMALL)->render();
+                $html[] =   $this->previewFieldValue($defaultLanguageValue);
+                $html[] = '</div>';
+            }
+        }
+        $result['html'] = implode(LF, $html);
+        return $result;
+    }
+
+    /**
+     * Rendering preview output of a field value which is not shown as a form field but just outputted.
+     *
+     * @param string $value The value to output
+     * @return string HTML formatted output
+     */
+    protected function previewFieldValue($value)
+    {
+        return nl2br(htmlspecialchars((string)$value));
+    }
+}
diff --git a/Classes/Form/FieldWizard/OtherLanguageThumbnails.php b/Classes/Form/FieldWizard/OtherLanguageThumbnails.php
new file mode 100644
index 0000000..a2b78d5
--- /dev/null
+++ b/Classes/Form/FieldWizard/OtherLanguageThumbnails.php
@@ -0,0 +1,117 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldWizard;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Imaging\ImageManipulation\CropVariantCollection;
+use TYPO3\CMS\Core\Resource\Exception\FileDoesNotExistException;
+use TYPO3\CMS\Core\Resource\ProcessedFile;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Render cropped thumbnails for default and additional preview
+ * languages by respecting the corresponding cropping configuration.
+ *
+ * @internal
+ */
+class OtherLanguageThumbnails extends AbstractNode
+{
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+        private readonly ResourceFactory $resourceFactory,
+    ) {}
+
+    /**
+     * Render cropped thumbnails from other language rows
+     */
+    public function render(): array
+    {
+        $result = $this->initializeResultArray();
+        $fieldConfig = $this->data['parameterArray']['fieldConf'];
+        $l10nDisplay = $fieldConfig['l10n_display'] ?? '';
+        $cropVariants = $fieldConfig['config']['cropVariants'] ?? ['default' => []];
+        $defaultLanguageRow = $this->data['defaultLanguageRow'] ?? null;
+
+        if (!is_array($defaultLanguageRow)
+            || !is_array($cropVariants)
+            || $cropVariants === []
+            || $fieldConfig['config']['type'] !== 'imageManipulation'
+            || GeneralUtility::inList($l10nDisplay, 'hideDiff')
+            || GeneralUtility::inList($l10nDisplay, 'defaultAsReadonly')
+        ) {
+            return $result;
+        }
+
+        $html = [];
+        $languages = [$defaultLanguageRow['language_tag'] => $defaultLanguageRow] + ($this->data['additionalLanguageRows'] ?? []);
+
+        foreach ($languages as $sysLanguageUid => $languageRow) {
+            $file = null;
+            $fileUid = (int)($languageRow['uid_local'] ?? 0);
+
+            if (!$fileUid) {
+                continue;
+            }
+
+            try {
+                $file = $this->resourceFactory->getFileObject($fileUid);
+            } catch (FileDoesNotExistException|\InvalidArgumentException $e) {
+                continue;
+            }
+
+            $processedImages = [];
+            $cropVariantCollection = CropVariantCollection::create((string)($languageRow['crop'] ?? ''), $cropVariants);
+
+            foreach (array_keys($cropVariants) as $variant) {
+                $processedFileUrl = $file
+                    ->process(
+                        ProcessedFile::CONTEXT_IMAGECROPSCALEMASK,
+                        [
+                            'maxWidth' => '145',
+                            'maxHeight' => '45',
+                            'crop' => $cropVariantCollection->getCropArea($variant)->makeAbsoluteBasedOnFile($file),
+                        ]
+                    )
+                    ->getPublicUrl() ?? '';
+
+                if ($processedFileUrl !== '') {
+                    $processedImages[] = '<img ' . GeneralUtility::implodeAttributes([
+                        'loading' => 'lazy',
+                        'src' => $processedFileUrl,
+                        'alt' => $languageRow['alternative'] ?? $file->getProperty('alternative') ?? '',
+                        'title' => $languageRow['title'] ?? $file->getProperty('title') ?? '',
+                    ], true) . ' />';
+                }
+            }
+
+            if ($processedImages !== []) {
+                $iconIdentifier = $this->data['systemLanguageRows'][(int)$sysLanguageUid]['flagIconIdentifier'] ?? 'flags-multiple';
+                $html[] = '<div class="t3-form-original-language">';
+                $html[] =   $this->iconFactory->getIcon($iconIdentifier, IconSize::SMALL)->render();
+                $html[] =   implode(LF, $processedImages);
+                $html[] = '</div>';
+            }
+        }
+
+        $result['html'] = implode(LF, $html);
+        return $result;
+    }
+}
diff --git a/Classes/Form/FieldWizard/RecordsOverview.php b/Classes/Form/FieldWizard/RecordsOverview.php
new file mode 100644
index 0000000..21ed4f3
--- /dev/null
+++ b/Classes/Form/FieldWizard/RecordsOverview.php
@@ -0,0 +1,106 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldWizard;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+
+/**
+ * Render details of selected records,
+ * typically used with type='group'.
+ */
+class RecordsOverview extends AbstractNode
+{
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+    ) {}
+
+    /**
+     * Render table with record details
+     */
+    public function render(): array
+    {
+        $languageService = $this->getLanguageService();
+        $result = $this->initializeResultArray();
+
+        $parameterArray = $this->data['parameterArray'];
+        $selectedItems = $parameterArray['itemFormElValue'];
+
+        $recordsOverviewHtml = [];
+        foreach ($selectedItems as $selectedItem) {
+            $title = (string)$selectedItem['title'];
+            if (empty($title)) {
+                $title = '[' . $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.no_title') . ']';
+            }
+            $shortenedTitle = BackendUtility::cropToTitleLength($title);
+            $linkedIcon = BackendUtility::wrapClickMenuOnIcon(
+                $this->iconFactory->getIconForRecord($selectedItem['table'], $selectedItem['row'], IconSize::SMALL)->render(),
+                $selectedItem['table'],
+                $selectedItem['uid']
+            );
+            $linkedTitle = BackendUtility::wrapClickMenuOnIcon(
+                htmlspecialchars($shortenedTitle),
+                $selectedItem['table'],
+                $selectedItem['uid']
+            );
+            $pathToContainingPage = BackendUtility::getRecordPath($selectedItem['row']['pid'], $this->getBackendUserAuthentication()->getPagePermsClause(Permission::PAGE_SHOW), 0);
+
+            $recordsOverviewHtml[] = '<tr>';
+            $recordsOverviewHtml[] =    '<td class="col-icon">';
+            $recordsOverviewHtml[] =        $linkedIcon;
+            $recordsOverviewHtml[] =    '</td>';
+            $recordsOverviewHtml[] =    '<td class="col-title">';
+            $recordsOverviewHtml[] =        $linkedTitle;
+            $recordsOverviewHtml[] =        '<span class="text-variant">';
+            $recordsOverviewHtml[] =            ' [' . $selectedItem['uid'] . ']';
+            $recordsOverviewHtml[] =            ' ' . htmlspecialchars($pathToContainingPage);
+            $recordsOverviewHtml[] =        '</span>';
+            $recordsOverviewHtml[] =    '</td>';
+            $recordsOverviewHtml[] = '</tr>';
+        }
+
+        $html = [];
+        if (!empty($recordsOverviewHtml)) {
+            $html[] = '<div class="table-fit mt-1">';
+            $html[] =   '<table class="table">';
+            $html[] =       '<tbody>';
+            $html[] =           implode(LF, $recordsOverviewHtml);
+            $html[] =       '</tbody>';
+            $html[] =   '</table>';
+            $html[] = '</div>';
+        }
+
+        $result['html'] = implode(LF, $html);
+        return $result;
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FieldWizard/SelectIcons.php b/Classes/Form/FieldWizard/SelectIcons.php
new file mode 100644
index 0000000..798d75b
--- /dev/null
+++ b/Classes/Form/FieldWizard/SelectIcons.php
@@ -0,0 +1,75 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldWizard;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Form\Utility\FormEngineUtility;
+
+/**
+ * Render thumbnails of icons,
+ * typically used with type=select.
+ */
+class SelectIcons extends AbstractNode
+{
+    /**
+     * Render thumbnails of selected files
+     */
+    public function render(): array
+    {
+        $selectIcons = [];
+        $result = $this->initializeResultArray();
+
+        $parameterArray = $this->data['parameterArray'];
+        $selectItems = $parameterArray['fieldConf']['config']['items'];
+
+        $selectItemCounter = 0;
+        foreach ($selectItems as $item) {
+            if ($item['value'] === '--div--') {
+                continue;
+            }
+            $icon = !empty($item['icon']) ? FormEngineUtility::getIconHtml($item['icon'], $item['label'], $item['label']) : '';
+            if ($icon) {
+                $fieldValue = $this->data['databaseRow'][$this->data['fieldName']];
+                $selectIcons[] = [
+                    'title' => $item['label'],
+                    'active' => ($fieldValue[0] ?? false) === (string)($item['value'] ?? ''),
+                    'icon' => $icon,
+                    'index' => $selectItemCounter,
+                ];
+            }
+            $selectItemCounter++;
+        }
+
+        $html = [];
+        if (!empty($selectIcons)) {
+            $html[] = '<div class="t3js-forms-select-single-icons form-wizard-icon-list">';
+            foreach ($selectIcons as $selectIcon) {
+                $active = $selectIcon['active'] ? ' active' : '';
+                $html[] =   '<div class="form-wizard-icon-list-item">';
+                $html[] = '<button type="button" class="' . $active . '" title="' . htmlspecialchars($selectIcon['title'], ENT_COMPAT, 'UTF-8', false) . '" data-select-index="' . htmlspecialchars((string)$selectIcon['index']) . '">';
+                $html[] =   $selectIcon['icon'];
+                $html[] = '</button>';
+                $html[] =   '</div>';
+            }
+            $html[] = '</div>';
+        }
+
+        $result['html'] = implode(LF, $html);
+        return $result;
+    }
+}
diff --git a/Classes/Form/FieldWizard/ShortcutValidation.php b/Classes/Form/FieldWizard/ShortcutValidation.php
new file mode 100644
index 0000000..40db7c9
--- /dev/null
+++ b/Classes/Form/FieldWizard/ShortcutValidation.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldWizard;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+
+/**
+ * Field wizard to toggle field required state for the "shortcut" field.
+ *
+ * This element injects a JS module so the client can re-evaluate
+ * the required state when "shortcut_mode" changes.
+ */
+class ShortcutValidation extends AbstractNode
+{
+    public function render(): array
+    {
+        $result['javaScriptModules']['requiredByCondition'] = JavaScriptModuleInstruction::create(
+            '@typo3/backend/form-engine/field-wizard/shortcut-validation.js'
+        );
+        return $result;
+    }
+}
diff --git a/Classes/Form/FieldWizard/TableList.php b/Classes/Form/FieldWizard/TableList.php
new file mode 100644
index 0000000..f8b15bb
--- /dev/null
+++ b/Classes/Form/FieldWizard/TableList.php
@@ -0,0 +1,152 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FieldWizard;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Form\Utility\FormEngineUtility;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Site\Entity\Site;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Render list of tables and link to element browser,
+ * typically used with type=group and internal_type=db.
+ */
+class TableList extends AbstractNode
+{
+    public function __construct(
+        private readonly IconFactory $iconFactory,
+    ) {}
+
+    /**
+     * Render table buttons
+     */
+    public function render(): array
+    {
+        $languageService = $this->getLanguageService();
+        $result = $this->initializeResultArray();
+
+        $parameterArray = $this->data['parameterArray'];
+        $config = $parameterArray['fieldConf']['config'];
+        $itemName = $parameterArray['itemFormElName'];
+
+        if (empty($config['allowed']) || !is_string($config['allowed'])) {
+            // No handling if the field has no, or funny "allowed" settings.
+            return $result;
+        }
+
+        $allowed = GeneralUtility::trimExplode(',', $config['allowed'], true);
+        $allowedTablesHtml = [];
+        foreach ($allowed as $tableName) {
+            if ($tableName === '*') {
+                $label = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.allTables');
+                $allowedTablesHtml[] = '<span>';
+                $allowedTablesHtml[] =  htmlspecialchars($label);
+                $allowedTablesHtml[] = '</span>';
+            } else {
+                $tableSchema = $this->data['tcaSchemata']->has($tableName) ? $this->data['tcaSchemata']->get($tableName) : null;
+                $label = $languageService->sL($tableSchema?->getTitle() ?? '');
+                $icon = $this->iconFactory->getIconForRecord($tableName, [], IconSize::SMALL)->render();
+                if ((bool)($config['fieldControl']['elementBrowser']['disabled'] ?? false)) {
+                    $allowedTablesHtml[] = '<span class="tablelist-item-nolink">';
+                    $allowedTablesHtml[] =  $icon;
+                    $allowedTablesHtml[] =  htmlspecialchars($label);
+                    $allowedTablesHtml[] = '</span>';
+                } else {
+                    // Initialize attributes
+                    $attributes = [
+                        'class' => 'btn btn-default t3js-element-browser',
+                        'data-mode' => $tableName === 'sys_file' ? 'file' : 'db',
+                        'data-field-reference' => $itemName,
+                        'data-allowed-types' => $tableName,
+                    ];
+
+                    // Add the entry point - if found
+                    $attributes = $this->addEntryPoint($tableName, $config, $attributes);
+
+                    $allowedTablesHtml[] = '<button ' . GeneralUtility::implodeAttributes($attributes, true) . '>';
+                    $allowedTablesHtml[] =  $icon;
+                    $allowedTablesHtml[] =  htmlspecialchars($label);
+                    $allowedTablesHtml[] = '</button>';
+                }
+            }
+        }
+
+        $html = [];
+        $html[] = '<div class="form-text">';
+        $html[] =   implode(LF, $allowedTablesHtml);
+        $html[] = '</div>';
+
+        $result['html'] = implode(LF, $html);
+        return $result;
+    }
+
+    /**
+     * Try to resolve a configured default entry point - page / folder
+     * to be expanded - and add it to the attributes if found.
+     */
+    protected function addEntryPoint(string $tableName, array $fieldConfig, array $attributes): array
+    {
+        if (!isset($fieldConfig['elementBrowserEntryPoints']) || !is_array($fieldConfig['elementBrowserEntryPoints'])) {
+            // Early return in case no entry points are defined
+            return $attributes;
+        }
+
+        // Fetch the configured value (which might be a marker) - falls back to _default
+        $entryPoint = (string)($fieldConfig['elementBrowserEntryPoints'][$tableName] ?? $fieldConfig['elementBrowserEntryPoints']['_default'] ?? '');
+
+        if ($entryPoint === '') {
+            // In case no entry point exists for the given table and also no default is defined, return
+            return $attributes;
+        }
+
+        // Check and resolve possible marker
+        if (str_starts_with($entryPoint, '###') && str_ends_with($entryPoint, '###')) {
+            if ($entryPoint === '###CURRENT_PID###') {
+                // Use the current pid
+                $entryPoint = (string)$this->data['effectivePid'];
+            } elseif ($entryPoint === '###SITEROOT###' && ($this->data['site'] ?? null) instanceof Site) {
+                // Use the root page id from the current site
+                $entryPoint = (string)$this->data['site']->getRootPageId();
+            } else {
+                // Check for special TSconfig marker
+                $TSconfig = FormEngineUtility::getTCEFORM_TSconfig($this->data['tableName'], ['pid' => $this->data['effectivePid']]);
+                $keyword = substr($entryPoint, 3, -3);
+                if (str_starts_with($keyword, 'PAGE_TSCONFIG_')) {
+                    $entryPoint = (string)($TSconfig[$this->data['fieldName']][$keyword] ?? '');
+                } else {
+                    $entryPoint = (string)($TSconfig['_' . $keyword] ?? '');
+                }
+            }
+        }
+
+        // Add the entry point to the attribute - if resolved
+        if ($entryPoint !== '') {
+            $attributes['data-entry-point'] = $entryPoint;
+        }
+
+        return $attributes;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FormAction.php b/Classes/Form/FormAction.php
new file mode 100644
index 0000000..55ea79f
--- /dev/null
+++ b/Classes/Form/FormAction.php
@@ -0,0 +1,133 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form;
+
+use Psr\Http\Message\ServerRequestInterface;
+
+/**
+ * This is a helper class to understand when FormEngine should be doing something.
+ *
+ * @internal do not use this outside of TYPO3, as this will be cleaned up further at a later stage
+ */
+final readonly class FormAction
+{
+    private const int DOCUMENT_CLOSE_MODE_DEFAULT = 0;
+    // works like DOCUMENT_CLOSE_MODE_DEFAULT
+    private const int DOCUMENT_CLOSE_MODE_REDIRECT = 1;
+    public const int DOCUMENT_CLOSE_MODE_CLEAR_ALL = 3;
+
+    private function __construct(
+        private array $parsedBody,
+        public bool $isPostRequest,
+        // Close document command. One of the DOCUMENT_CLOSE_MODE_* constants above
+        private int $closeDoc,
+    ) {}
+
+    public static function createFromRequest(ServerRequestInterface $request): FormAction
+    {
+        return new self(
+            $request->getParsedBody() ?? [],
+            $request->getMethod() === 'POST',
+            (int)($request->getParsedBody()['closeDoc'] ?? $request->getQueryParams()['closeDoc'] ?? self::DOCUMENT_CLOSE_MODE_DEFAULT)
+        );
+    }
+
+    /**
+     * Is true when
+     *  - the incoming data should be persisted
+     *  - and the form should be shown for editing
+     */
+    private function savedok(): bool
+    {
+        return (bool)($this->parsedBody['_savedok'] ?? false);
+    }
+
+    /**
+     * Is true when
+     *  - the incoming data should be persisted
+     *  - and the editing form should not be shown anymore (= redirect to the redirect URL or close screen)
+     */
+    private function saveandclosedok(): bool
+    {
+        return (bool)($this->parsedBody['_saveandclosedok'] ?? false);
+    }
+
+    /**
+     * Is true when
+     *  - the incoming data should be persisted
+     *  - and the record should be shown in frontend (via new tab)
+     *  @todo: WHAT HAPPENS IF I EDIT MULTIPLE RECORDS?
+     */
+    public function savedokview(): bool
+    {
+        return ($this->parsedBody['_savedokview'] ?? false) && $this->isPostRequest;
+    }
+
+    /**
+     * Is true when
+     *  - the incoming data should be persisted
+     *  - and a new for of the same type should be shown to create the next entry
+     * @todo: WHAT HAPPENS IF I EDIT MULTIPLE RECORDS?
+     */
+    public function savedoknew(): bool
+    {
+        return (bool)($this->parsedBody['_savedoknew'] ?? false);
+    }
+
+    /**
+     * Is true when
+     *  - the incoming data should be persisted
+     *  - and the data should be used to show a form with the same data in it as a new record
+     * @todo: WHAT HAPPENS IF I EDIT MULTIPLE RECORDS?
+     */
+    public function duplicatedoc(): bool
+    {
+        return (bool)($this->parsedBody['_duplicatedoc'] ?? false);
+    }
+
+    public function shouldProcessData(): bool
+    {
+        if (!$this->isPostRequest) {
+            return false;
+        }
+        return $this->savedok() || $this->saveandclosedok() || $this->savedokview() || $this->savedoknew() || $this->duplicatedoc();
+    }
+
+    public function shouldHandleDocumentClosing(): bool
+    {
+        return $this->closeDoc > self::DOCUMENT_CLOSE_MODE_DEFAULT;
+    }
+
+    public function shouldCloseAfterSave(): bool
+    {
+        return $this->closeDoc < self::DOCUMENT_CLOSE_MODE_DEFAULT || $this->saveandclosedok();
+    }
+
+    public function getAbsoluteCloseDocValue(): int
+    {
+        return abs($this->closeDoc);
+    }
+
+    /**
+     * If mode is NOT set (means 0) OR set to 1, then make a header location redirect to $this->retUrl
+     */
+    public function shouldCloseWithARedirect(): bool
+    {
+        return $this->closeDoc === self::DOCUMENT_CLOSE_MODE_DEFAULT || $this->closeDoc === self::DOCUMENT_CLOSE_MODE_REDIRECT;
+    }
+}
diff --git a/Classes/Form/FormDataCompiler.php b/Classes/Form/FormDataCompiler.php
new file mode 100644
index 0000000..d341787
--- /dev/null
+++ b/Classes/Form/FormDataCompiler.php
@@ -0,0 +1,304 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Create and return a defined array of data ready to be used by the
+ * container / element render part of FormEngine
+ */
+readonly class FormDataCompiler
+{
+    /**
+     * Main entry method maps given data input array and sanitizes some
+     * crucial input parameters and calls compile on FormDataGroupInterface.
+     *
+     * @param array $initialData Initial set of data to map into result array
+     * @throws \InvalidArgumentException
+     * @throws \UnexpectedValueException
+     */
+    public function compile(array $initialData, FormDataGroupInterface $formDataGroup): array
+    {
+        $result = $this->initializeResultArray();
+
+        // There must be only keys that actually exist in result data.
+        $keysNotInResult = array_diff(array_keys($initialData), array_keys($result));
+        if (!empty($keysNotInResult)) {
+            throw new \InvalidArgumentException(
+                'Array keys ' . implode(',', $keysNotInResult) . ' do not exist in result array and can not be set',
+                1440601540
+            );
+        }
+
+        foreach ($initialData as $dataKey => $dataValue) {
+            if ($dataKey === 'command') {
+                // Sanitize $command
+                if ($dataValue !== 'edit' && $dataValue !== 'new') {
+                    throw new \InvalidArgumentException('Command must be either "edit" or "new"', 1437653136);
+                }
+            }
+            if ($dataKey === 'tableName') {
+                // Sanitize $tableName
+                if (empty($dataValue)) {
+                    throw new \InvalidArgumentException('No $tableName given', 1437654409);
+                }
+            }
+            if ($dataKey === 'vanillaUid') {
+                if (
+                    !MathUtility::canBeInterpretedAsInteger($dataValue)
+                    && !(is_string($dataValue) && str_starts_with($dataValue, 'NEW'))
+                ) {
+                    throw new \InvalidArgumentException('$vanillaUid is not an integer or "NEW..." string ID', 1437654247);
+                }
+                if (isset($initialData['command']) && $initialData['command'] === 'edit' && $dataValue < 0) {
+                    throw new \InvalidArgumentException('Negative $vanillaUid is not supported with $command="edit', 1437654332);
+                }
+            }
+            $result[$dataKey] = $dataValue;
+        }
+
+        if (!$result['request'] instanceof ServerRequestInterface) {
+            throw new \RuntimeException(
+                'The current ServerRequestInterface must be provided in key "request"',
+                1686867720
+            );
+        }
+
+        // Call the data group provider but take care it does not add or remove result keys
+        // This is basically a safety measure against data providers colliding with our array "contract"
+        $resultKeysBeforeFormDataGroup = array_keys($result);
+
+        $result = $formDataGroup->compile($result);
+
+        if (!is_array($result)) {
+            throw new \UnexpectedValueException(
+                'Data group provider must return array',
+                1446664764
+            );
+        }
+
+        if (!empty($result['renderData'])) {
+            throw new \RuntimeException(
+                'Array \'renderData\' not empty. Data providers must not add data here',
+                1485201279
+            );
+        }
+
+        $resultKeysAfterFormDataGroup = array_keys($result);
+
+        if ($resultKeysAfterFormDataGroup !== $resultKeysBeforeFormDataGroup) {
+            throw new \UnexpectedValueException(
+                'Data group provider must not change result key list',
+                1438079402
+            );
+        }
+
+        return $result;
+    }
+
+    private function initializeResultArray(): array
+    {
+        return [
+            // Current ServerRequestInterface. Controllers using FormDataCompiler must provide the current
+            // request object, various data providers and nodes rely on this.
+            'request' => null,
+            // Either "edit" or "new"
+            'command' => '',
+            // Table name of the handled row
+            'tableName' => '',
+            // Not changed uid of the record, meaning of value depends on context (new / edit)
+            // * If $command is "edit"
+            // ** $vanillaUid is a positive integer > 0 pointing to the record in the table
+            // * If $command is "new":
+            // ** If $vanillaUid > 0, it is the uid of a page the record should be added at
+            // ** If $vanillaUid < 0, it is the uid of a record in the same table after which the new record should be added
+            // ** If $vanillaUid = 0, a new record is added on page 0
+            // ** If $vanillaUid = "NEW..." Id of a parent page record if an inline child is added to a not yet persisted page
+            'vanillaUid' => 0,
+            // Url to return to
+            'returnUrl' => null,
+            // Title of the handled record.
+            'recordTitle' => '',
+            // Parent page record is either the full row of the parent page the record is located at or should
+            // be added to, or it is NULL, if a record is added or edited below the root page node.
+            'parentPageRow' => null,
+            // If a translated page is handled, the page row of the default language (the page against all page checks
+            // are made) is set here
+            'defaultLanguagePageRow' => null,
+            // Holds the "neighbor" row if incoming vanillaUid is negative and record creation is relative to a row of the same table.
+            'neighborRow' => null,
+            // For "new" this is the fully initialized row with defaults
+            // The database row. For "edit" workspaceOL() was applied already.
+            // @todo: rename to valueStructure or handledData or similar
+            'databaseRow' => [],
+            // The "effective" page uid we're working on. This is the uid of a page if a page is edited, or the uid
+            // of the parent page if a page or other record is added, or 0 if a record is added or edited below root node.
+            'effectivePid' => 0,
+            // Rootline of page the record that is handled is located at as created by BackendUtility::BEgetRootline()
+            'rootline' => [],
+            // The resolved SiteInterface object of the page or page given record is located on.
+            'site' => null,
+            // For "edit", this is the permission bitmask of the page that is edited, or of the page a record is located at
+            // For "new", this is the permission bitmask of the page the record is added to
+            // @todo: Remove if not needed on a lower level
+            'userPermissionOnPage' => 0,
+            // Full user TSconfig
+            'userTsConfig' => [],
+            // Full page TSconfig of the page that is edited or of the parent page if a record is added.
+            // After type of handled record has been determined, record type specific settings from
+            // [TCEFORM.][tableName.][field.][types.][type.] are merged into [TCEFORM.][tableName.][field.].
+            // Array keys still contain the concatenation dots.
+            'pageTsConfig' => [],
+            // List of available system languages. Array key is the system language uid, value array
+            // contains details of the record, with iso code resolved. Key is the sys_language_uid uid.
+            'systemLanguageRows' => [],
+            // If the page that is handled has "page_language_overlay" records (page has localizations in
+            // different languages), then this array holds those rows.
+            'pageLanguageOverlayRows' => [],
+            // If the handled row is a localized row, this entry hold the default language row array
+            'defaultLanguageRow' => null,
+            // If the handled row is a localized row and $TCA[<tableName>]['ctrl']['translationSource'] is configured,
+            // This entry holds the row of the language source record.
+            'sourceLanguageRow' => null,
+            // If the handled row is a localized row and a transOrigDiffSourceField is defined, this
+            // is the json_decode() version of it. The diff source field is basically a shadow version
+            // of the default language record at the time when the language overlay record was created.
+            // This is used later to compare the default record with this content to show a "diff" if
+            // the default language record changed meanwhile.
+            'defaultLanguageDiffRow' => null,
+            // With userTS options.additionalPreviewLanguages set, field values of additional languages
+            // can be shown. This array holds those additional language records, Array key is sys_language_uid.
+            'additionalLanguageRows' => [],
+            // The tca record type value of the record. Forced to string, there can be "named" type values.
+            'recordTypeValue' => '',
+            // TCA of table with processed fields. After processing, this array contains merged and resolved
+            // array data, items were resolved, only used types are set, renderTypes are set.
+            'processedTca' => [],
+            // SchemaCollection of all TCA tables.
+            'tcaSchemata' => null,
+            // Keeps the full TCA. Needed to reinitialize processedTca for inline form handling.
+            // Why not use $GLOBALS['TCA']? Because we want to get rid of it here and sometimes the TCA needs to be faked.
+            'fullTca' => null,
+            // List of columns to be processed by data provider. Array value is the column name.
+            'columnsToProcess' => [],
+            // If set to TRUE, no wizards are calculated and rendered later
+            'disabledWizards' => false,
+
+            // Flex form field data handling is done in a separated FormDataCompiler instance. The full databaseRow
+            // of the record this flex form is embedded in is transferred in case features like single fields
+            // itemsProcFunc need to have this data at hand to do their job.
+            'flexParentDatabaseRow' => [],
+            // If not empty, it tells the TcaFlexProcess data provider to not calculate existing flex fields and
+            // existing flex container sections, but to instead prepare field values and the data structure TCA
+            // for a new container section. This is used by FormFlexAjaxController, the array contains details
+            // which container of which flex field should be created.
+            'flexSectionContainerPreparation' => [],
+
+            // If true, TcaSelectTreeItems data provider will compile tree items. This is false by default since
+            // on opening a record items are not calculated but are fetch in an ajax request, see FormSelectTreeAjaxController.
+            'selectTreeCompileItems' => false,
+
+            // BackendUser->uc['inlineView'] - This array holds status of expand / collapsed inline items
+            // This array is "flat", an inline structure with parent uid 1 having firstChild uid 2 having secondChild uid 3
+            // firstChild and secondChild are not nested. If a uid is set it means "record is expanded", example:
+            // 'parent' => [
+            //     1 => [
+            //         'firstChild' => [ 2 ], // record 2 of firstChild table is open in inline context to parent 1
+            //         'secondChild' => [ 3 ], // record 3 of secondChild table is open in inline context to parent 1
+            //     ],
+            // ]
+            'inlineExpandCollapseStateArray' => [],
+            // The "entry" pid for inline records. Nested inline records can potentially hang around on different
+            // pid's, but the entry pid is needed for AJAX calls, so that they would know where the action takes
+            // place on the page structure. This is usually an int, but can be a "NEW..." string if an inline relation
+            // is added to a currently being created page.
+            'inlineFirstPid' => null,
+            // The "config" section of an inline parent, prepared and sanitized by TcaInlineConfiguration provider
+            'inlineParentConfig' => [],
+            // Flag that is enabled if a records is child of an inline parent
+            'isInlineChild' => false,
+            // Flag if an inline child is expanded so that additional fields need to be rendered
+            'isInlineChildExpanded' => false,
+            // Flag if the inline is in an ajax context that wants to expand the element
+            'isInlineAjaxOpeningContext' => false,
+            // Uid of the direct parent of the inline element. Handled as string since it may be a "NEW123" string
+            'inlineParentUid' => '',
+            // Table name of the direct parent of the inline element
+            'inlineParentTableName' => '',
+            // Field name of the direct parent of the inline element
+            'inlineParentFieldName' => '',
+            // Uid of the top most parent element. Handled as string since it may be a "NEW123" string
+            'inlineTopMostParentUid' => '',
+            // Table name of the top most parent element
+            'inlineTopMostParentTableName' => '',
+            // Field name of the top most parent element
+            'inlineTopMostParentFieldName' => '',
+
+            // If is on symmetric side of an inline child parent reference.
+            // symmetric side can be achieved in case of an mm relation to the same table. If record A has a relation
+            // to record B, the symmetric side is set in case that record B gets edited.
+            // Record A (table1) <=> mm <=> Record B (table1)
+            'isOnSymmetricSide' => false,
+
+            // Uid of a "child-child" if a new record of an intermediate table is compiled to an existing child. This
+            // happens if foreign_selector in parent inline config is set. It will be used by default database row
+            // data providers to set this as value for the foreign_selector field on the intermediate table. One use
+            // case is FAL, where for instance a tt_content parent adds relation to an existing sys_file record and
+            // should set the uid of the existing sys_file record as uid_local - the foreign_selector of this inline
+            // configuration - of the new intermediate sys_file_reference record. Data provider that are called later
+            // will then use this relation to resolve for instance input placeholder relation values.
+            'inlineChildChildUid' => null,
+            // Inline scenario: A localized parent record is handled, so inline parents can have localized children.
+            // This value is set to TRUE if this array represents a default language
+            // child record that was not yet localized.
+            'isInlineDefaultLanguageRecordInLocalizedParentContext' => false,
+            // If set, inline children will be resolved. This is set to FALSE in inline ajax context where new children
+            // are created and existing children don't matter much.
+            'inlineResolveExistingChildren' => true,
+            // @todo - for input placeholder inline to suppress an infinite loop, this *may* become obsolete if
+            // @todo compilation of certain fields is possible
+            'inlineCompileExistingChildren' => true,
+
+            // @todo: keys below must be handled / further defined
+            'elementBaseName' => '',
+            'tabAndInlineStack' => [],
+            'inlineData' => [],
+            'inlineStructure' => [],
+
+            // This array of fields will be set as hidden-fields instead of rendered normally!
+            // This is used by EditDocumentController to force some field values if set as "overrideVals" in _GP
+            'overrideValues' => [],
+            // Default values for fields. This is for example used in DatabaseRowInitializeNew data provider to set
+            // fields to specific values if new records are created. Values are often carried around as "defVals" GET
+            // parameters and hand over by controllers to FormEngine using this array. Array structure is
+            // ['aTableName']['aFieldName'] = 'aValue'.
+            'defaultValues' => [],
+
+            // This array must NOT be set / manipulated by data providers but is instead used by the render part
+            // of FormEngine to add runtime data. Containers and elements add data here which is given to
+            // sub-containers, elements, controls and wizards.
+            'renderData' => [],
+
+            // A place for non-core, additional, custom data providers to add data. If a data provider needs to add
+            // additional data to the data array that doesn't fit elsewhere, it can place it here to use it in the
+            // render part again. Data in here should be namespaced in a way that it does not collide with other
+            // data providers adding further data here. Using the extension key as array key could be a good idea.
+            'customData' => [],
+        ];
+    }
+}
diff --git a/Classes/Form/FormDataGroup/FlexFormSegment.php b/Classes/Form/FormDataGroup/FlexFormSegment.php
new file mode 100644
index 0000000..9b1d233
--- /dev/null
+++ b/Classes/Form/FormDataGroup/FlexFormSegment.php
@@ -0,0 +1,38 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataGroup;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Form\FormDataGroupInterface;
+
+/**
+ * A data provider group for flex form elements
+ */
+#[Autoconfigure(public: true, shared: false)]
+readonly class FlexFormSegment implements FormDataGroupInterface
+{
+    public function __construct(
+        private OrderedProviderList $orderedProviderList,
+    ) {}
+
+    public function compile(array $result): array
+    {
+        $this->orderedProviderList->setProviderList(
+            $GLOBALS['TYPO3_CONF_VARS']['SYS']['formEngine']['formDataGroup']['flexFormSegment']
+        );
+        return $this->orderedProviderList->compile($result);
+    }
+}
diff --git a/Classes/Form/FormDataGroup/OnTheFly.php b/Classes/Form/FormDataGroup/OnTheFly.php
new file mode 100644
index 0000000..45fa6b4
--- /dev/null
+++ b/Classes/Form/FormDataGroup/OnTheFly.php
@@ -0,0 +1,63 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataGroup;
+
+use TYPO3\CMS\Backend\Form\FormDataGroupInterface;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Calls provider given by setter. This group is used to call a hard coded list of providers
+ * in some situations where extendability is not wanted. Use with care if at all ...
+ */
+class OnTheFly implements FormDataGroupInterface
+{
+    /**
+     * @var string[]
+     */
+    protected array $providerList = [];
+
+    public function compile(array $result): array
+    {
+        if (empty($this->providerList)) {
+            throw new \UnexpectedValueException(
+                'Data provider list is empty, call setProviderList first',
+                1441108674
+            );
+        }
+        foreach ($this->providerList as $providerClassName) {
+            $provider = GeneralUtility::makeInstance($providerClassName);
+            if (!$provider instanceof FormDataProviderInterface) {
+                throw new \UnexpectedValueException(
+                    'Data provider ' . $providerClassName . ' must implement FormDataProviderInterface',
+                    1441108719
+                );
+            }
+            $result = $provider->addData($result);
+        }
+        return $result;
+    }
+
+    /**
+     * Set list of providers to be called
+     *
+     * @param array $list Given list of Provider class names
+     */
+    public function setProviderList(array $list): void
+    {
+        $this->providerList = $list;
+    }
+}
diff --git a/Classes/Form/FormDataGroup/OrderedProviderList.php b/Classes/Form/FormDataGroup/OrderedProviderList.php
new file mode 100644
index 0000000..6cbc7d7
--- /dev/null
+++ b/Classes/Form/FormDataGroup/OrderedProviderList.php
@@ -0,0 +1,97 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataGroup;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use TYPO3\CMS\Backend\Form\FormDataGroupInterface;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Cache\Frontend\FrontendInterface;
+use TYPO3\CMS\Core\Service\DependencyOrderingService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Calls provider with dependencies specified given by setter
+ *
+ * This group is used to call a list of providers in order by specified
+ * dependencies before/depends.
+ */
+#[Autoconfigure(public: true, shared: false)]
+class OrderedProviderList implements FormDataGroupInterface
+{
+    /**
+     * @var FormDataProviderInterface[]
+     */
+    protected array $providerList = [];
+
+    public function __construct(
+        #[Autowire(service: 'cache.runtime')]
+        private readonly FrontendInterface $runtimeCache,
+        private readonly DependencyOrderingService $dependencyOrderingService,
+    ) {}
+
+    /**
+     * @param array $result Initialized result array
+     * @return array Result filled with data
+     * @todo: compile() should receive $list from setProviderList() as argument to make this service
+     *        stateless and shared. It would be even better if the "static" lists from TYPO3_CONF_VARS
+     *        like 'tcaDatabaseRecord' could be provided as already ordered compile time service provider:
+     *        This would allow low lever caching and would avoid calls to DependencyOrderingService at runtime.
+     */
+    public function compile(array $result): array
+    {
+        $cacheIdentifier = 'FormEngine-OrderedProviderList-' . hash('xxh3', json_encode($this->providerList));
+        $orderedList = $this->runtimeCache->get($cacheIdentifier);
+        if (!is_array($orderedList)) {
+            $orderedList = $this->dependencyOrderingService->orderByDependencies($this->providerList, 'before', 'depends');
+            $this->runtimeCache->set($cacheIdentifier, $orderedList);
+        }
+        foreach ($orderedList as $providerClassName => $providerConfig) {
+            if (isset($providerConfig['disabled']) && $providerConfig['disabled'] === true) {
+                // Skip this data provider if disabled by configuration
+                continue;
+            }
+            if (!class_exists($providerClassName)) {
+                throw new \InvalidArgumentException('Implementation class for data provider ' . $providerClassName . ' does not exist', 1685542507);
+            }
+            $provider = GeneralUtility::makeInstance($providerClassName);
+            if (!$provider instanceof FormDataProviderInterface) {
+                throw new \UnexpectedValueException('Data provider ' . $providerClassName . ' must implement FormDataProviderInterface', 1485299408);
+            }
+            $result = $provider->addData($result);
+        }
+        return $result;
+    }
+
+    /**
+     * Set list of providers to be called
+     *
+     * The dependencies of a provider are specified as:
+     *
+     *   FormDataProvider::class => [
+     *      'before' => [AnotherFormDataProvider::class]
+     *      'depends' => [YetAnotherFormDataProvider::class]
+     *   ]
+     *
+     * @param array $list Given list of Provider class names
+     */
+    public function setProviderList(array $list): void
+    {
+        $this->providerList = $list;
+    }
+}
diff --git a/Classes/Form/FormDataGroup/SiteConfigurationDataGroup.php b/Classes/Form/FormDataGroup/SiteConfigurationDataGroup.php
new file mode 100644
index 0000000..835ece4
--- /dev/null
+++ b/Classes/Form/FormDataGroup/SiteConfigurationDataGroup.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataGroup;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Form\FormDataGroupInterface;
+
+/**
+ * A data provider group for site and language configuration.
+ *
+ * This data group is for data fetched from sites yml files,
+ * it is fed by "fake TCA" since there are no real db records.
+ *
+ * It's similar to "fullDatabaseRecord", with some unused TCA types
+ * kicked out and some own data providers for record data and inline handling.
+ */
+#[Autoconfigure(public: true, shared: false)]
+readonly class SiteConfigurationDataGroup implements FormDataGroupInterface
+{
+    public function __construct(
+        private OrderedProviderList $orderedProviderList,
+    ) {}
+
+    public function compile(array $result): array
+    {
+        $this->orderedProviderList->setProviderList(
+            $GLOBALS['TYPO3_CONF_VARS']['SYS']['formEngine']['formDataGroup']['siteConfiguration']
+        );
+        return $this->orderedProviderList->compile($result);
+    }
+}
diff --git a/Classes/Form/FormDataGroup/TcaDatabaseRecord.php b/Classes/Form/FormDataGroup/TcaDatabaseRecord.php
new file mode 100644
index 0000000..7beea0f
--- /dev/null
+++ b/Classes/Form/FormDataGroup/TcaDatabaseRecord.php
@@ -0,0 +1,38 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataGroup;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Form\FormDataGroupInterface;
+
+/**
+ * A data provider group for casual database records
+ */
+#[Autoconfigure(public: true, shared: false)]
+readonly class TcaDatabaseRecord implements FormDataGroupInterface
+{
+    public function __construct(
+        private OrderedProviderList $orderedProviderList,
+    ) {}
+
+    public function compile(array $result): array
+    {
+        $this->orderedProviderList->setProviderList(
+            $GLOBALS['TYPO3_CONF_VARS']['SYS']['formEngine']['formDataGroup']['tcaDatabaseRecord']
+        );
+        return $this->orderedProviderList->compile($result);
+    }
+}
diff --git a/Classes/Form/FormDataGroup/TcaInputPlaceholderRecord.php b/Classes/Form/FormDataGroup/TcaInputPlaceholderRecord.php
new file mode 100644
index 0000000..e27e200
--- /dev/null
+++ b/Classes/Form/FormDataGroup/TcaInputPlaceholderRecord.php
@@ -0,0 +1,38 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataGroup;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Form\FormDataGroupInterface;
+
+/**
+ * A data provider group for database records used for input placeholder values
+ */
+#[Autoconfigure(public: true, shared: false)]
+class TcaInputPlaceholderRecord implements FormDataGroupInterface
+{
+    public function __construct(
+        private OrderedProviderList $orderedProviderList,
+    ) {}
+
+    public function compile(array $result): array
+    {
+        $this->orderedProviderList->setProviderList(
+            $GLOBALS['TYPO3_CONF_VARS']['SYS']['formEngine']['formDataGroup']['tcaInputPlaceholderRecord']
+        );
+        return $this->orderedProviderList->compile($result);
+    }
+}
diff --git a/Classes/Form/FormDataGroup/TcaSelectTreeAjaxFieldData.php b/Classes/Form/FormDataGroup/TcaSelectTreeAjaxFieldData.php
new file mode 100644
index 0000000..4ac833d
--- /dev/null
+++ b/Classes/Form/FormDataGroup/TcaSelectTreeAjaxFieldData.php
@@ -0,0 +1,39 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataGroup;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Form\FormDataGroupInterface;
+
+/**
+ * A data provider group dedicated for the type='select', renderType='selectTree'
+ * calculate tree items FormSelectTreeAjaxController.
+ */
+#[Autoconfigure(public: true, shared: false)]
+readonly class TcaSelectTreeAjaxFieldData implements FormDataGroupInterface
+{
+    public function __construct(
+        private OrderedProviderList $orderedProviderList,
+    ) {}
+
+    public function compile(array $result): array
+    {
+        $this->orderedProviderList->setProviderList(
+            $GLOBALS['TYPO3_CONF_VARS']['SYS']['formEngine']['formDataGroup']['tcaSelectTreeAjaxFieldData']
+        );
+        return $this->orderedProviderList->compile($result);
+    }
+}
diff --git a/Classes/Form/FormDataGroup/UserSettingsDataGroup.php b/Classes/Form/FormDataGroup/UserSettingsDataGroup.php
new file mode 100644
index 0000000..76b4357
--- /dev/null
+++ b/Classes/Form/FormDataGroup/UserSettingsDataGroup.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataGroup;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Form\FormDataGroupInterface;
+
+/**
+ * A data provider group for backend user settings configuration.
+ *
+ * This data group is for the user settings form in the profile settings module.
+ * It uses a simplified set of providers since user settings data comes
+ * from BE_USER->user and BE_USER->uc, not from a regular database record.
+ *
+ * @internal
+ */
+#[Autoconfigure(public: true, shared: false)]
+readonly class UserSettingsDataGroup implements FormDataGroupInterface
+{
+    public function __construct(
+        private OrderedProviderList $orderedProviderList,
+    ) {}
+
+    public function compile(array $result): array
+    {
+        $this->orderedProviderList->setProviderList(
+            $GLOBALS['TYPO3_CONF_VARS']['SYS']['formEngine']['formDataGroup']['backendUserSettings']
+        );
+        return $this->orderedProviderList->compile($result);
+    }
+}
diff --git a/Classes/Form/FormDataGroupInterface.php b/Classes/Form/FormDataGroupInterface.php
new file mode 100644
index 0000000..7d160c6
--- /dev/null
+++ b/Classes/Form/FormDataGroupInterface.php
@@ -0,0 +1,31 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form;
+
+/**
+ * Interface must be implemented by form data group classes.
+ * This interface is type hinted in FormDataCompiler and is a wrapper to group single data provider.
+ */
+interface FormDataGroupInterface
+{
+    /**
+     * Compile form data
+     *
+     * @param array $result Initialized result array
+     * @return mixed Result filled with data @todo: should become a hard array return type in v15.0.
+     */
+    public function compile(array $result);
+}
diff --git a/Classes/Form/FormDataProvider/AbstractDatabaseRecordProvider.php b/Classes/Form/FormDataProvider/AbstractDatabaseRecordProvider.php
new file mode 100644
index 0000000..fa93eec
--- /dev/null
+++ b/Classes/Form/FormDataProvider/AbstractDatabaseRecordProvider.php
@@ -0,0 +1,90 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\Exception\DatabaseRecordException;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Extended by other provider that fetch records from database
+ */
+abstract class AbstractDatabaseRecordProvider
+{
+    private ConnectionPool $connectionPool;
+
+    public function injectConnectionPool(ConnectionPool $connectionPool): void
+    {
+        $this->connectionPool = $connectionPool;
+    }
+
+    /**
+     * Fetch a record from database. Deleted records will NOT be fetched.
+     * Method is similar to BackendUtility::getRecord, but is more picky
+     * about input and result.
+     *
+     * @param string $tableName The table name to fetch record from
+     * @param int $uid Uid of record to fetch
+     * @return array Fetched record row
+     * @throws DatabaseRecordException|\InvalidArgumentException|\UnexpectedValueException|\RuntimeException
+     */
+    protected function getRecordFromDatabase($tableName, $uid)
+    {
+        // @todo Remove int cast after making method parameters native typed.
+        $uid = (int)$uid;
+        if ($uid <= 0) {
+            throw new \InvalidArgumentException(
+                '$uid must be positive integer, ' . $uid . ' given',
+                1437656456
+            );
+        }
+        $row = $this->getDatabaseRow($tableName, $uid);
+        if (empty($row)) {
+            // Indicates a runtime error (eg. record was killed by other editor meanwhile) can be caught elsewhere
+            // and transformed to a message to the user or something
+            throw new DatabaseRecordException(
+                'Record with uid ' . $uid . ' from table ' . $tableName . ' not found',
+                1437656081,
+                null,
+                $tableName,
+                $uid
+            );
+        }
+        return BackendUtility::convertDatabaseRowValuesToPhp($tableName, $row);
+    }
+
+    /**
+     * Retrieve the requested row from the database
+     */
+    protected function getDatabaseRow(string $tableName, int $uid): array
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable($tableName);
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class));
+
+        $row = $queryBuilder->select('*')
+            ->from($tableName)
+            ->where($queryBuilder->expr()->eq('uid', $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT)))
+            ->executeQuery()
+            ->fetchAssociative();
+
+        return $row ?: [];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/AbstractItemProvider.php b/Classes/Form/FormDataProvider/AbstractItemProvider.php
new file mode 100644
index 0000000..1af5252
--- /dev/null
+++ b/Classes/Form/FormDataProvider/AbstractItemProvider.php
@@ -0,0 +1,1307 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use Doctrine\DBAL\Driver\Exception as DBALException;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Configuration\Processor\Placeholder\EnvPlaceholderProcessor;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+use TYPO3\CMS\Core\Database\Query\QueryHelper;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Database\RelationHandler;
+use TYPO3\CMS\Core\DataHandling\ItemProcessingService;
+use TYPO3\CMS\Core\DataHandling\ItemsProcessorContext;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Package\PackageManager;
+use TYPO3\CMS\Core\Resource\FileRepository;
+use TYPO3\CMS\Core\Resource\ResourceStorage;
+use TYPO3\CMS\Core\Schema\Capability\RootLevelCapability;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\Struct\SelectItemCollection;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Site\Entity\Site;
+use TYPO3\CMS\Core\Site\Entity\SiteInterface;
+use TYPO3\CMS\Core\SystemResource\Exception\InvalidSystemResourceIdentifierException;
+use TYPO3\CMS\Core\SystemResource\Identifier\PackageResourceIdentifier;
+use TYPO3\CMS\Core\SystemResource\Identifier\SystemResourceIdentifierFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\Exception\MissingArrayPathException;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * Contains methods used by Data providers that handle elements
+ * with single items like select, radio and some more.
+ */
+abstract class AbstractItemProvider
+{
+    private IconFactory $iconFactory;
+    private FileRepository $fileRepository;
+    private FlashMessageService $flashMessageService;
+    private ConnectionPool $connectionPool;
+    private ItemProcessingService $itemProcessingService;
+    private EnvPlaceholderProcessor $envPlaceholderProcessor;
+
+    public function injectIconFactory(IconFactory $iconFactory): void
+    {
+        $this->iconFactory = $iconFactory;
+    }
+
+    public function injectFileRepository(FileRepository $fileRepository): void
+    {
+        $this->fileRepository = $fileRepository;
+    }
+
+    public function injectFlashMessageService(FlashMessageService $flashMessageService): void
+    {
+        $this->flashMessageService = $flashMessageService;
+    }
+
+    public function injectConnectionPool(ConnectionPool $connectionPool): void
+    {
+        $this->connectionPool = $connectionPool;
+    }
+
+    public function injectItemProcessingService(ItemProcessingService $itemProcessingService): void
+    {
+        $this->itemProcessingService = $itemProcessingService;
+    }
+
+    public function injectEnvPlaceholderProcessor(EnvPlaceholderProcessor $envPlaceholderProcessor): void
+    {
+        $this->envPlaceholderProcessor = $envPlaceholderProcessor;
+    }
+
+    /**
+     * Resolve "itemsProcFunc" of elements.
+     *
+     * @param array $result Main result array
+     * @param string $fieldName Field name to handle item list for
+     * @param array $items Existing items array
+     * @return array New list of item elements
+     */
+    protected function resolveItemsProcessorFunction(array $result, $fieldName, array $items)
+    {
+        $table = $result['tableName'];
+        $config = $result['processedTca']['columns'][$fieldName]['config'];
+
+        // Pass along only itemsProcFunc or itemsProcessors TSconfig
+        $pageTsProcessorParameters = [];
+        if (!empty($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['itemsProcFunc.'])) {
+            $pageTsProcessorParameters['itemsProcFunc.'] = $result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['itemsProcFunc.'];
+        }
+        if (!empty($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['itemsProcessors.'])) {
+            $pageTsProcessorParameters['itemsProcessors.'] = $result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['itemsProcessors.'];
+        }
+
+        $additionalParameters = [
+            // IMPORTANT: Below fields are only available in FormEngine context.
+            // They are not used by the DataHandler when processing itemsProcFunc
+            // for checking if a submitted value is valid. This means, in case
+            // an item is added based on one of these fields, it won't be persisted
+            // by the DataHandler. This currently(!) only concerns columns of type "check"
+            // and type "radio", see checkValueForCheck() and checkValueForRadio().
+            // Therefore, no limitations when using those fields with other types
+            // like "select", but this may change in the future.
+            'inlineParentUid' => $result['inlineParentUid'],
+            'inlineParentTableName' => $result['inlineParentTableName'],
+            'inlineParentFieldName' => $result['inlineParentFieldName'],
+            'inlineParentConfig' => $result['inlineParentConfig'],
+            'inlineTopMostParentUid' => $result['inlineTopMostParentUid'],
+            'inlineTopMostParentTableName' => $result['inlineTopMostParentTableName'],
+            'inlineTopMostParentFieldName' => $result['inlineTopMostParentFieldName'],
+        ];
+
+        if (!empty($result['flexParentDatabaseRow'])) {
+            $additionalParameters['flexParentDatabaseRow'] = $result['flexParentDatabaseRow'];
+        }
+        try {
+            $itemsCollection = SelectItemCollection::createFromArray($items, $config['type']);
+            $context = new ItemsProcessorContext(
+                table: $result['tableName'],
+                field: $fieldName,
+                row: $result['databaseRow'],
+                fieldConfiguration: $config,
+                processorParameters: [],
+                realPid: $result['effectivePid'],
+                site: $result['site'] ?? $this->itemProcessingService->resolveSite($result['effectivePid']),
+                fieldTSconfig: $pageTsProcessorParameters,
+                additionalParameters: $additionalParameters
+            );
+            $items = $this->itemProcessingService->processItems($itemsCollection, $context)->toArray();
+        } catch (\Exception $exception) {
+            // The itemsProcFunc method may throw an exception, create a flash message if so
+            $languageService = $this->getLanguageService();
+            $fieldLabel = $fieldName;
+            if (!empty($result['processedTca']['columns'][$fieldName]['label'])) {
+                $fieldLabel = $languageService->sL($result['processedTca']['columns'][$fieldName]['label']);
+            }
+            $message = sprintf(
+                $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:error.items_proc_func_error'),
+                $fieldLabel,
+                $exception->getMessage()
+            );
+            $flashMessage = new FlashMessage(
+                $message,
+                '',
+                ContextualFeedbackSeverity::ERROR,
+                true
+            );
+            $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+            $defaultFlashMessageQueue->enqueue($flashMessage);
+        }
+
+        return $items;
+    }
+
+    /**
+     * Page TSconfig addItems:
+     *
+     * TCEFORMS.aTable.aField[.types][.aType].addItems.aValue = aLabel,
+     * with type specific options merged by pageTsConfig already
+     *
+     * Used by TcaSelectItems and TcaSelectTreeItems data providers
+     *
+     * @param array $result result array
+     * @param string $fieldName Current handle field name
+     * @param array $items Incoming items
+     * @return array Modified item array
+     */
+    protected function addItemsFromPageTsConfig(array $result, $fieldName, array $items)
+    {
+        $table = $result['tableName'];
+        if (!empty($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['addItems.'])
+            && is_array($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['addItems.'])
+        ) {
+            $addItemsArray = $result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['addItems.'];
+            foreach ($addItemsArray as $value => $label) {
+                // If the value ends with a dot, it is a subelement like "34.icon = mylabel.png", skip it
+                if (str_ends_with($value, '.')) {
+                    continue;
+                }
+                // Check if value "34 = mylabel" also has a "34.icon = my-icon-identifier"
+                // or "34.group = my-group-identifier"
+                $iconIdentifier = null;
+                $group = null;
+                if (is_array($addItemsArray[$value . '.'] ?? null)) {
+                    if (!empty($addItemsArray[$value . '.']['icon'])) {
+                        $iconIdentifier = $addItemsArray[$value . '.']['icon'];
+                    }
+                    if (!empty($addItemsArray[$value . '.']['group'])) {
+                        $group = $addItemsArray[$value . '.']['group'];
+                    }
+                }
+
+                $items[] = [
+                    'label' => $label,
+                    'value' => $value,
+                    'icon' => $iconIdentifier,
+                    'group' => $group,
+                ];
+            }
+        }
+        return $items;
+    }
+
+    /**
+     * TCA config "fileFolder" evaluation. Add them to $items
+     *
+     * Used by TcaSelectItems and TcaSelectTreeItems data providers
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @param array $items Incoming items
+     * @return array Modified item array
+     * @throws \RuntimeException
+     */
+    protected function addItemsFromFolder(array $result, $fieldName, array $items)
+    {
+        if (empty($result['processedTca']['columns'][$fieldName]['config']['fileFolderConfig']['folder'])
+            || !is_string($result['processedTca']['columns'][$fieldName]['config']['fileFolderConfig']['folder'])
+        ) {
+            return $items;
+        }
+
+        $tableName = $result['tableName'];
+        $fileFolderConfig = $result['processedTca']['columns'][$fieldName]['config']['fileFolderConfig'];
+        $fileFolderTSconfig = $result['pageTsConfig']['TCEFORM.'][$tableName . '.'][$fieldName . '.']['config.']['fileFolderConfig.'] ?? [];
+
+        if (is_array($fileFolderTSconfig) && $fileFolderTSconfig !== []) {
+            if ($fileFolderTSconfig['folder'] ?? false) {
+                $fileFolderConfig['folder'] = $fileFolderTSconfig['folder'];
+            }
+            if (isset($fileFolderTSconfig['allowedExtensions'])) {
+                $fileFolderConfig['allowedExtensions'] = $fileFolderTSconfig['allowedExtensions'];
+            }
+            if (isset($fileFolderTSconfig['depth'])) {
+                $fileFolderConfig['depth'] = (int)$fileFolderTSconfig['depth'];
+            }
+        }
+
+        $folderResource = rtrim($fileFolderConfig['folder'], '/') . '/';
+        // @todo this needs to be replaced with usage of the yet to be created
+        //       System Resource API that can handle folders
+        //       This will then remove the need to use internal SystemResourceIdentifierFactory here
+        $packageManager = GeneralUtility::makeInstance(PackageManager::class);
+        $identifierFactory = new SystemResourceIdentifierFactory($packageManager);
+        try {
+            $resourceIdentifier = $identifierFactory->create($folderResource);
+            if (!$resourceIdentifier instanceof PackageResourceIdentifier) {
+                throw new InvalidSystemResourceIdentifierException('Only package identifiers are allowed', 1764503770);
+            }
+            $folder = $resourceIdentifier->getPackage()->getPackagePath() . $resourceIdentifier->getRelativePath();
+        } catch (InvalidSystemResourceIdentifierException $e) {
+            throw new \RuntimeException(
+                'Invalid folder given for item processing: ' . $folderResource . ' for table ' . $tableName . ', field ' . $fieldName,
+                1479399227,
+                $e,
+            );
+        }
+        if (@is_dir($folder)) {
+            $allowedExtensions = '';
+            if (!empty($fileFolderConfig['allowedExtensions']) && is_string($fileFolderConfig['allowedExtensions'])) {
+                $allowedExtensions = $fileFolderConfig['allowedExtensions'];
+            }
+            $depth = isset($fileFolderConfig['depth'])
+                ? MathUtility::forceIntegerInRange($fileFolderConfig['depth'], 0, 99)
+                : 99;
+            $fileArray = GeneralUtility::getAllFilesAndFoldersInPath([], $folder, $allowedExtensions, false, $depth);
+            $fileArray = GeneralUtility::removePrefixPathFromList($fileArray, $folder);
+            foreach ($fileArray as $fileReference) {
+                $fileInformation = pathinfo($fileReference);
+                $icon = GeneralUtility::inList($GLOBALS['TYPO3_CONF_VARS']['GFX']['imagefile_ext'], strtolower($fileInformation['extension']))
+                    ? $folderResource . $fileReference
+                    : '';
+                $items[] = [
+                    'label' => $fileReference,
+                    'value' => $fileReference,
+                    'icon' => $icon,
+                ];
+            }
+        }
+
+        return $items;
+    }
+
+    /**
+     * TCA config "foreign_table" evaluation. Add them to $items
+     *
+     * Used by TcaSelectItems and TcaSelectTreeItems data providers
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handled field name
+     * @param array $items Incoming items
+     * @return array Modified item array
+     * @throws \UnexpectedValueException
+     */
+    protected function addItemsFromForeignTable(array $result, string $fieldName, array $items = []): array
+    {
+        if (empty($result['processedTca']['columns'][$fieldName]['config']['foreign_table'])
+            || !is_string($result['processedTca']['columns'][$fieldName]['config']['foreign_table'])
+        ) {
+            return $items;
+        }
+
+        $languageService = $this->getLanguageService();
+
+        $foreignTable = $result['processedTca']['columns'][$fieldName]['config']['foreign_table'];
+        if (!$result['tcaSchemata']->has($foreignTable)) {
+            throw new \UnexpectedValueException(
+                'Field ' . $fieldName . ' of table ' . $result['tableName'] . ' reference to foreign table '
+                . $foreignTable . ', but this table is not defined in TCA',
+                1439569743
+            );
+        }
+
+        $queryBuilder = $this->buildForeignTableQueryBuilder($result, $fieldName);
+        try {
+            $queryResult = $queryBuilder->executeQuery();
+        } catch (DBALException $e) {
+            // Early return on error with flash message
+            $msg = $e->getMessage() . '. ' . $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:error.database_schema_mismatch');
+            $msgTitle = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:error.database_schema_mismatch_title');
+            $flashMessage = new FlashMessage($msg, $msgTitle, ContextualFeedbackSeverity::ERROR, true);
+            $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+            $defaultFlashMessageQueue->enqueue($flashMessage);
+            return $items;
+        }
+
+        $labelPrefix = '';
+        if (!empty($result['processedTca']['columns'][$fieldName]['config']['foreign_table_prefix'])) {
+            $labelPrefix = $result['processedTca']['columns'][$fieldName]['config']['foreign_table_prefix'];
+            $labelPrefix = $languageService->sL($labelPrefix);
+        }
+
+        $allForeignRows = $queryResult->fetchAllAssociative();
+        // Find all possible versioned records of the current IDs, so we do not need to overlay each record
+        // This way, workspaceOL() does not need to be called for each record.
+        $workspaceId = $this->getBackendUser()->workspace;
+        $doOverlaysForRecords = BackendUtility::getPossibleWorkspaceVersionIdsOfLiveRecordIds($foreignTable, array_column($allForeignRows, 'uid'), $workspaceId);
+        $itemGroupField = $result['processedTca']['columns'][$fieldName]['config']['foreign_table_item_group'] ?? '';
+
+        foreach ($allForeignRows as $foreignRow) {
+            // Only do workspace overlays when a versioned record exists.
+            if (isset($foreignRow['uid']) && isset($doOverlaysForRecords[(int)$foreignRow['uid']])) {
+                BackendUtility::workspaceOL($foreignTable, $foreignRow, $workspaceId);
+            }
+            // Only proceed in case the row was not unset and we don't deal with a delete placeholder
+            if (is_array($foreignRow)
+                && VersionState::tryFrom($foreignRow['t3ver_state'] ?? 0) !== VersionState::DELETE_PLACEHOLDER
+            ) {
+                // If the foreign table sets selicon_field, this field can contain an image
+                // that represents this specific row.
+                $iconFieldName = '';
+                $isFileReference = false;
+                $foreignTableSchema = $result['tcaSchemata']->get($foreignTable);
+                if (!empty($foreignTableSchema->getRawConfiguration()['selicon_field'] ?? null)) {
+                    $iconFieldName = $foreignTableSchema->getRawConfiguration()['selicon_field'];
+                    if ($foreignTableSchema->getField($iconFieldName)->getType() === 'file') {
+                        $isFileReference = true;
+                    }
+                }
+                $icon = '';
+                if ($isFileReference) {
+                    $references = $this->fileRepository->findByRelation($foreignTable, $iconFieldName, $foreignRow['uid']);
+                    if (!empty($references)) {
+                        $icon = reset($references);
+                        $icon = $icon->getPublicUrl();
+                    }
+                } else {
+                    // Else, determine icon based on record type, or a generic fallback
+                    $icon = $this->iconFactory->mapRecordTypeToIconIdentifier($foreignTable, $foreignRow, $result['tcaSchemata']->get($foreignTable));
+                }
+                $item = [
+                    'label' => $labelPrefix . BackendUtility::getRecordTitle($foreignTable, $foreignRow),
+                    'value' => $foreignRow['uid'],
+                    'icon' => $icon,
+                    'group' => $foreignRow[$itemGroupField] ?? null,
+                    // This line is part of the category tree performance hack, which should be used everywhere
+                    '_row' => $foreignRow,
+                ];
+                $items[] = $item;
+            }
+        }
+
+        return $items;
+    }
+
+    /**
+     * Remove items using "keepItems" pageTsConfig
+     *
+     * Used by TcaSelectItems and TcaSelectTreeItems data providers
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @param array $items Incoming items
+     * @return array Modified item array
+     */
+    protected function removeItemsByKeepItemsPageTsConfig(array $result, $fieldName, array $items)
+    {
+        $table = $result['tableName'];
+        if (!isset($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['keepItems'])
+            || !is_string($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['keepItems'])
+        ) {
+            return $items;
+        }
+
+        // If keepItems is set but is an empty list all current items get removed
+        if ($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['keepItems'] === '') {
+            return [];
+        }
+
+        return ArrayUtility::keepItemsInArray(
+            $items,
+            $result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['keepItems'],
+            static function ($value) {
+                return $value['value'];
+            }
+        );
+    }
+
+    /**
+     * Remove items using "removeItems" pageTsConfig
+     *
+     * Used by TcaSelectItems and TcaSelectTreeItems data providers
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @param array $items Incoming items
+     * @return array Modified item array
+     */
+    protected function removeItemsByRemoveItemsPageTsConfig(array $result, $fieldName, array $items)
+    {
+        $table = $result['tableName'];
+        if (!isset($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['removeItems'])
+            || !is_string($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['removeItems'])
+            || $result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['removeItems'] === ''
+        ) {
+            return $items;
+        }
+
+        $removeItems = array_flip(GeneralUtility::trimExplode(
+            ',',
+            $result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['removeItems'],
+            true
+        ));
+        foreach ($items as $key => $itemValues) {
+            if (isset($removeItems[$itemValues['value']])) {
+                unset($items[$key]);
+            }
+        }
+
+        return $items;
+    }
+
+    /**
+     * Remove items user restriction on language field
+     *
+     * Used by TcaSelectItems and TcaSelectTreeItems data providers
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @param array $items Incoming items
+     * @return array Modified item array
+     */
+    protected function removeItemsByUserLanguageFieldRestriction(array $result, $fieldName, array $items)
+    {
+        // Guard clause returns if not a language field is handled
+        if (empty($result['processedTca']['ctrl']['languageField'])
+            || $result['processedTca']['ctrl']['languageField'] !== $fieldName
+        ) {
+            return $items;
+        }
+
+        $backendUser = $this->getBackendUser();
+        foreach ($items as $key => $itemValues) {
+            if (!$backendUser->checkLanguageAccess($itemValues['value'])) {
+                unset($items[$key]);
+            }
+        }
+
+        return $items;
+    }
+
+    /**
+     * Remove items by user restriction on authMode items
+     *
+     * Used by TcaSelectItems and TcaSelectTreeItems data providers
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @param array $items Incoming items
+     * @return array Modified item array
+     */
+    protected function removeItemsByUserAuthMode(array $result, $fieldName, array $items)
+    {
+        // Guard clause returns early if no authMode field is configured
+        if (!isset($result['processedTca']['columns'][$fieldName]['config']['authMode'])
+            || !is_string($result['processedTca']['columns'][$fieldName]['config']['authMode'])
+        ) {
+            return $items;
+        }
+
+        $backendUser = $this->getBackendUser();
+        foreach ($items as $key => $itemValues) {
+            if (!$backendUser->checkAuthMode($result['tableName'], $fieldName, $itemValues['value'])) {
+                unset($items[$key]);
+            }
+        }
+
+        return $items;
+    }
+
+    /**
+     * Remove items if doktype is handled for non admin users
+     *
+     * Used by TcaSelectItems and TcaSelectTreeItems data providers
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @param array $items Incoming items
+     * @return array Modified item array
+     */
+    protected function removeItemsByDoktypeUserRestriction(array $result, $fieldName, array $items)
+    {
+        $table = $result['tableName'];
+        $backendUser = $this->getBackendUser();
+        // Guard clause returns if not correct table and field or if user is admin
+        if ($table !== 'pages' || $fieldName !== 'doktype' || $backendUser->isAdmin()
+        ) {
+            return $items;
+        }
+
+        $allowedPageTypes = $backendUser->groupData['pagetypes_select'];
+        foreach ($items as $key => $itemValues) {
+            if (!GeneralUtility::inList($allowedPageTypes, $itemValues['value'])) {
+                unset($items[$key]);
+            }
+        }
+
+        return $items;
+    }
+
+    /**
+     * Remove items if sys_file_storage is not allowed for non-admin users.
+     *
+     * Used by TcaSelectItems data providers
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @param array $items Incoming items
+     * @return array Modified item array
+     */
+    protected function removeItemsByUserStorageRestriction(array $result, $fieldName, array $items)
+    {
+        $referencedTableName = $result['processedTca']['columns'][$fieldName]['config']['foreign_table'] ?? null;
+        if ($referencedTableName !== 'sys_file_storage') {
+            return $items;
+        }
+
+        $allowedStorageIds = array_map(
+            static function (ResourceStorage $storage): int {
+                return $storage->getUid();
+            },
+            $this->getBackendUser()->getFileStorages()
+        );
+
+        return array_filter(
+            $items,
+            static function (array $item) use ($allowedStorageIds): bool {
+                $itemValue = $item['value'] ?? null;
+                return empty($itemValue)
+                    || in_array((int)$itemValue, $allowedStorageIds, true);
+            }
+        );
+    }
+
+    /**
+     * Build wrapped QueryBuilder to fetch full foreign records. Helper method of
+     * {@see self::addItemsFromForeignTable()}, do not call otherwise.
+     *
+     * @param array $result Result array
+     * @param string $localFieldName Current handle field name
+     */
+    protected function buildForeignTableQueryBuilder(array $result, string $localFieldName): QueryBuilder
+    {
+        $backendUser = $this->getBackendUser();
+
+        $foreignTableName = $result['processedTca']['columns'][$localFieldName]['config']['foreign_table'];
+        $foreignTableClauseArray = $this->processForeignTableClause($result, $foreignTableName, $localFieldName);
+
+        $connection = $this->connectionPool->getConnectionForTable($foreignTableName);
+        $wrapQueryBuilder = $connection->createQueryBuilder();
+        $queryBuilder = $connection->createQueryBuilder();
+
+        // Full foreign table row is wanted for the result, which requires to have `GROUP BY` columns listed
+        // within the `SELECT <fields>` list for some database systems and vice versa. Second requirement is,
+        // that all fields used for `GROUP BY` and listed as select fields needs to be aggregated with a proper
+        // function, for example (MIN(), MAX(), ANY_VALUES(), ...).
+        //
+        // MariaDB is even stricter than MySQL with default and recommend `sql_mode = 'ONLY_FULL_GROUP_BY',
+        // which is also a long time questioned fact why MariaDB differs here from MySQL and also PostgresSQL
+        // without an explicit mode setting.
+        //
+        // To sum up all requirements for all database systems and expectable modes, we ...
+        //
+        //  * can't simply select all foreign table fields, for example with `$foreignTableName . '.*'` as select()
+        //    for the QueryBuilder below.
+        //  * need to ensure that we have grouped fields aggregated.
+        //  * need to use a wrapped SQL query (QueryBuilder) to retrieve full rows of foreign table because we cannot
+        //    use full-table columns information to replace a `*` wildcard here.
+        //
+        // The first step respecting all requirements is, to determine commonly used select fields for the table
+        // and using `ANY_VALUES()` aggregation for the `uid` field.
+        $hasGroupBy = is_array($foreignTableClauseArray['GROUPBY']) && $foreignTableClauseArray['GROUPBY'] !== [];
+        $selectFieldList = [];
+        $schema = $result['tcaSchemata']->get($foreignTableName);
+        $commonFieldList = $this->getCommonSelectFields($foreignTableName, $schema);
+        foreach ($commonFieldList as $fieldName) {
+            if ($hasGroupBy && in_array($fieldName, $foreignTableClauseArray['GROUPBY'], true)) {
+                $selectFieldList[] = sprintf('ANY_VALUE(%s)', $queryBuilder->quoteIdentifier($fieldName));
+                continue;
+            }
+            $selectFieldList[] = $queryBuilder->quoteIdentifier($fieldName);
+        }
+
+        $wrapQueryBuilder->getRestrictions()->removeAll();
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+
+        $queryBuilder
+            ->selectLiteral(...$selectFieldList)
+            ->from($foreignTableName)
+            ->where($foreignTableClauseArray['WHERE']);
+
+        if ($hasGroupBy) {
+            $queryBuilder->groupBy(...$foreignTableClauseArray['GROUPBY']);
+        }
+
+        // Sorting is applied to the inner query to ensure proper sorting and in combination with LIMIT to retrieve
+        // the expected/correct dataset and not cutting away data. Sorting is applied a second time below on the
+        // outer joined table (wrapping QueryBuilder) to keep the sorting between inner and outer query for vendors
+        // applying deterministic sorting criterias and returning other results than other vendors to ensure the same
+        // behavior across all supported database vendors.
+        if (!empty($foreignTableClauseArray['ORDERBY'])) {
+            foreach ($foreignTableClauseArray['ORDERBY'] as $orderPair) {
+                [$fieldName, $order] = $orderPair;
+                $queryBuilder->addOrderBy($fieldName, $order);
+            }
+        } elseif ($schema->hasCapability(TcaSchemaCapability::DefaultSorting)) {
+            $orderByClauses = QueryHelper::parseOrderBy($schema->getCapability(TcaSchemaCapability::DefaultSorting)->getValue());
+            foreach ($orderByClauses as $orderByClause) {
+                if (!empty($orderByClause[0])) {
+                    $queryBuilder->addOrderBy($foreignTableName . '.' . $orderByClause[0], $orderByClause[1]);
+                }
+            }
+        }
+
+        if (!empty($foreignTableClauseArray['LIMIT'])) {
+            if (!empty($foreignTableClauseArray['LIMIT'][1])) {
+                $queryBuilder->setMaxResults($foreignTableClauseArray['LIMIT'][1]);
+                $queryBuilder->setFirstResult($foreignTableClauseArray['LIMIT'][0]);
+            } elseif (!empty($foreignTableClauseArray['LIMIT'][0])) {
+                $queryBuilder->setMaxResults($foreignTableClauseArray['LIMIT'][0]);
+            }
+        }
+
+        // rootLevel = -1 means that elements can be on the rootlevel OR on any page (pid!=-1)
+        // rootLevel = 0 means that elements are not allowed on root level
+        // rootLevel = 1 means that elements are only on the root level (pid=0)
+        /** @var RootLevelCapability $rootLevelCapability */
+        $rootLevelCapability = $schema->getCapability(TcaSchemaCapability::RestrictionRootLevel);
+        if ($rootLevelCapability->getRootLevelType() === -1) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->neq(
+                    $foreignTableName . '.pid',
+                    $wrapQueryBuilder->createNamedParameter(-1, Connection::PARAM_INT)
+                )
+            );
+        } elseif ($rootLevelCapability->getRootLevelType() === 1) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->eq(
+                    $foreignTableName . '.pid',
+                    $wrapQueryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                )
+            );
+        } else {
+            $queryBuilder->andWhere($backendUser->getPagePermsClause(Permission::PAGE_SHOW));
+            if ($foreignTableName !== 'pages') {
+                $queryBuilder
+                    ->from('pages')
+                    ->andWhere(
+                        $queryBuilder->expr()->eq(
+                            'pages.uid',
+                            $queryBuilder->quoteIdentifier($foreignTableName . '.pid')
+                        )
+                    );
+            }
+        }
+
+        // @todo what about PID restriction?
+        if ($this->getBackendUser()->workspace !== 0 && $schema->hasCapability(TcaSchemaCapability::Workspace)) {
+            $queryBuilder
+                ->andWhere(
+                    $queryBuilder->expr()->neq(
+                        $foreignTableName . '.t3ver_state',
+                        $wrapQueryBuilder->createNamedParameter(VersionState::MOVE_POINTER->value, Connection::PARAM_INT)
+                    )
+                );
+        }
+
+        // Second step to respect all database requirements regarding `GROUP BY` and still returning full foreign table
+        // records is using the QueryBuilder (query) as a sub-query, join the table and retrieve the full records using
+        // column wildcard. That ensures that really the full records are retrieved including not TCA managed columns.
+        // @todo Look in this again and consider using a non-recursive CTE here instead of a sub-query table when
+        //       upstream doctrine/dbal CTE support is completely available and working.
+        $wrapQueryBuilder->select('joined_table.*');
+        $wrapQueryBuilder->getConcreteQueryBuilder()->from(
+            '(' . $queryBuilder->getSQL() . ')',
+            $wrapQueryBuilder->quoteIdentifier('inner_table_alias')
+        );
+        $wrapQueryBuilder->innerJoin(
+            'inner_table_alias',
+            $foreignTableName,
+            'joined_table',
+            $wrapQueryBuilder->expr()->and(
+                $wrapQueryBuilder->expr()->eq('joined_table.uid', $wrapQueryBuilder->quoteIdentifier('inner_table_alias.uid'))
+            )
+        );
+
+        // Adding orderings to the re-joined table result is required to ensure that a non-joined table PK sorting
+        // leads to the same result. For example MariaDB/MySQL applies a deterministic joined table PK sorting and
+        // other platforms like PostgresSQL does this not. That leads to a re-sorting on the outer result based on
+        // the automatic sorting override for MySQL/MariaDB. INNER sorting above is still required to have proper
+        // result in case limiting the resultset (LIMIT) is applied to the foreign table and would otherwise lead
+        // to retrieving unexpected datasets.
+        $orderByClauses = [];
+        if (!empty($foreignTableClauseArray['ORDERBY'])) {
+            $orderByClauses = $foreignTableClauseArray['ORDERBY'];
+        } elseif ($schema->hasCapability(TcaSchemaCapability::DefaultSorting)) {
+            $orderByClauses = QueryHelper::parseOrderBy($schema->getCapability(TcaSchemaCapability::DefaultSorting)->getValue());
+        }
+        if ($orderByClauses !== []) {
+            foreach ($orderByClauses as $orderPair) {
+                [$fieldName, $order] = $orderPair;
+                // Remove table name
+                if (str_contains($fieldName, '.')) {
+                    $fieldName = substr($fieldName, strpos($fieldName, '.') + 1);
+                }
+                $fieldName = 'joined_table.' . $fieldName;
+                $wrapQueryBuilder->addOrderBy($fieldName, $order);
+            }
+        }
+
+        return $wrapQueryBuilder;
+    }
+
+    /**
+     * Replace markers in a where clause from TCA foreign_table_where
+     *
+     * ###REC_FIELD_[field name]###
+     * ###THIS_UID### - is current element uid (zero if new).
+     * ###CURRENT_PID### - is the current page id (pid of the record).
+     * ###SITEROOT###
+     * ###PAGE_TSCONFIG_ID### - a value you can set from page TSconfig dynamically.
+     * ###PAGE_TSCONFIG_IDLIST### - a value you can set from page TSconfig dynamically.
+     * ###PAGE_TSCONFIG_STR### - a value you can set from page TSconfig dynamically.
+     *
+     * @param array $result Result array
+     * @param string $foreignTableName Name of foreign table
+     * @param string $localFieldName Current handle field name
+     * @return array Query parts with keys WHERE, ORDERBY, GROUPBY, LIMIT
+     */
+    protected function processForeignTableClause(array $result, $foreignTableName, $localFieldName)
+    {
+        $connection = $this->connectionPool->getConnectionForTable($foreignTableName);
+        $localTable = $result['tableName'];
+        $effectivePid = $result['effectivePid'];
+
+        $foreignTableClause = '';
+        if (!empty($result['processedTca']['columns'][$localFieldName]['config']['foreign_table_where'])
+            && is_string($result['processedTca']['columns'][$localFieldName]['config']['foreign_table_where'])
+        ) {
+            $foreignTableClause = QueryHelper::quoteDatabaseIdentifiers($connection, $result['processedTca']['columns'][$localFieldName]['config']['foreign_table_where']);
+            // Replace possible markers in query
+            if (str_contains($foreignTableClause, '###REC_FIELD_')) {
+                // " AND table.field='###REC_FIELD_field1###' AND ..." -> array(" AND table.field='", "field1###' AND ...")
+                $whereClauseParts = explode('###REC_FIELD_', $foreignTableClause);
+                foreach ($whereClauseParts as $key => $value) {
+                    if ($key !== 0) {
+                        // "field1###' AND ..." -> array("field1", "' AND ...")
+                        $whereClauseSubParts = explode('###', $value, 2);
+                        // @todo: Throw exception if there is no value? What happens for NEW records?
+                        $databaseRowKey = empty($result['flexParentDatabaseRow']) ? 'databaseRow' : 'flexParentDatabaseRow';
+                        $rowFieldValue = $result[$databaseRowKey][$whereClauseSubParts[0]] ?? '';
+                        if (is_array($rowFieldValue)) {
+                            // If a select or group field is used here, it may have been processed already and
+                            // is now an array containing uid + table + title + row.
+                            // See TcaGroup data provider for details.
+                            // Pick the first one (always on 0), and use uid only.
+                            $rowFieldValue = $rowFieldValue[0]['uid'] ?? $rowFieldValue[0] ?? '';
+                        }
+                        if (str_ends_with($whereClauseParts[0], '\'') && $whereClauseSubParts[1][0] === '\'') {
+                            $whereClauseParts[0] = substr($whereClauseParts[0], 0, -1);
+                            $whereClauseSubParts[1] = substr($whereClauseSubParts[1], 1);
+                        }
+                        $whereClauseParts[$key] = $connection->quote($rowFieldValue) . $whereClauseSubParts[1];
+                    }
+                }
+                $foreignTableClause = implode('', $whereClauseParts);
+            }
+            if (str_contains($foreignTableClause, '###CURRENT_PID###')) {
+                // Use pid from parent page clause if in flex form context
+                if (!empty($result['flexParentDatabaseRow']['pid'])) {
+                    $effectivePid = $result['flexParentDatabaseRow']['pid'];
+                } elseif (!$effectivePid && !empty($result['databaseRow']['pid'])) {
+                    // Use pid from database row if in inline context
+                    $effectivePid = $result['databaseRow']['pid'];
+                }
+            }
+
+            $siteRootUid = 0;
+            foreach ($result['rootline'] as $rootlinePage) {
+                if (!empty($rootlinePage['is_siteroot'])) {
+                    $siteRootUid = (int)$rootlinePage['uid'];
+                    break;
+                }
+            }
+
+            $pageTsConfigId = 0;
+            if (isset($result['pageTsConfig']['TCEFORM.'][$localTable . '.'][$localFieldName . '.']['PAGE_TSCONFIG_ID'])
+                && $result['pageTsConfig']['TCEFORM.'][$localTable . '.'][$localFieldName . '.']['PAGE_TSCONFIG_ID']
+            ) {
+                $pageTsConfigId = (int)$result['pageTsConfig']['TCEFORM.'][$localTable . '.'][$localFieldName . '.']['PAGE_TSCONFIG_ID'];
+            }
+
+            $pageTsConfigIdList = 0;
+            if (isset($result['pageTsConfig']['TCEFORM.'][$localTable . '.'][$localFieldName . '.']['PAGE_TSCONFIG_IDLIST'])
+                && $result['pageTsConfig']['TCEFORM.'][$localTable . '.'][$localFieldName . '.']['PAGE_TSCONFIG_IDLIST']
+            ) {
+                $pageTsConfigIdList = $result['pageTsConfig']['TCEFORM.'][$localTable . '.'][$localFieldName . '.']['PAGE_TSCONFIG_IDLIST'];
+            }
+            $pageTsConfigIdListArray = GeneralUtility::trimExplode(',', $pageTsConfigIdList, true);
+            $pageTsConfigIdList = [];
+            foreach ($pageTsConfigIdListArray as $pageTsConfigIdListElement) {
+                if (MathUtility::canBeInterpretedAsInteger($pageTsConfigIdListElement)) {
+                    $pageTsConfigIdList[] = (int)$pageTsConfigIdListElement;
+                }
+            }
+            $pageTsConfigIdList = implode(',', $pageTsConfigIdList);
+
+            $pageTsConfigString = '';
+            if (isset($result['pageTsConfig']['TCEFORM.'][$localTable . '.'][$localFieldName . '.']['PAGE_TSCONFIG_STR'])
+                && $result['pageTsConfig']['TCEFORM.'][$localTable . '.'][$localFieldName . '.']['PAGE_TSCONFIG_STR']
+            ) {
+                $pageTsConfigString = $result['pageTsConfig']['TCEFORM.'][$localTable . '.'][$localFieldName . '.']['PAGE_TSCONFIG_STR'];
+                $pageTsConfigString = $connection->quote($pageTsConfigString);
+            }
+
+            $foreignTableClause = str_replace(
+                [
+                    '###CURRENT_PID###',
+                    '###THIS_UID###',
+                    '###SITEROOT###',
+                    '###PAGE_TSCONFIG_ID###',
+                    '###PAGE_TSCONFIG_IDLIST###',
+                    '\'###PAGE_TSCONFIG_STR###\'',
+                    '###PAGE_TSCONFIG_STR###',
+                ],
+                [
+                    (string)(int)$effectivePid,
+                    (string)(int)$result['databaseRow']['uid'],
+                    (string)$siteRootUid,
+                    (string)$pageTsConfigId,
+                    $pageTsConfigIdList,
+                    $pageTsConfigString,
+                    $pageTsConfigString,
+                ],
+                $foreignTableClause
+            );
+
+            $parsedSiteConfiguration = $this->parseSiteConfiguration($result['site'], $foreignTableClause);
+            if ($parsedSiteConfiguration !== []) {
+                $parsedSiteConfiguration = $this->quoteParsedSiteConfiguration($connection, $parsedSiteConfiguration);
+                $foreignTableClause = $this->replaceParsedSiteConfiguration($foreignTableClause, $parsedSiteConfiguration);
+            }
+        }
+
+        // Split the clause into an array with keys WHERE, GROUPBY, ORDERBY, LIMIT
+        // Prepend a space to make sure "[[:space:]]+" will find a space there for the first element.
+        $foreignTableClause = ' ' . $foreignTableClause;
+        $foreignTableClauseArray = [
+            'WHERE' => '',
+            'GROUPBY' => '',
+            'ORDERBY' => '',
+            'LIMIT' => '',
+        ];
+        // Find LIMIT
+        $reg = [];
+        if (preg_match('/^(.*)[[:space:]]+LIMIT[[:space:]]+([[:alnum:][:space:],._]+)$/is', $foreignTableClause, $reg)) {
+            $foreignTableClauseArray['LIMIT'] = GeneralUtility::intExplode(',', trim($reg[2]), true);
+            $foreignTableClause = $reg[1];
+        }
+        // Find ORDER BY
+        $reg = [];
+        if (preg_match('/^(.*)[[:space:]]+ORDER[[:space:]]+BY[[:space:]]+([[:alnum:][:space:],._()"]+)$/is', $foreignTableClause, $reg)) {
+            $foreignTableClauseArray['ORDERBY'] = QueryHelper::parseOrderBy(trim($reg[2]));
+            $foreignTableClause = $reg[1];
+        }
+        // Find GROUP BY
+        $reg = [];
+        if (preg_match('/^(.*)[[:space:]]+GROUP[[:space:]]+BY[[:space:]]+([[:alnum:][:space:],._()"]+)$/is', $foreignTableClause, $reg)) {
+            $foreignTableClauseArray['GROUPBY'] = QueryHelper::parseGroupBy(trim($reg[2]));
+            $foreignTableClause = $reg[1];
+        }
+        // Rest is assumed to be "WHERE" clause
+        $foreignTableClauseArray['WHERE'] = QueryHelper::stripLogicalOperatorPrefix($foreignTableClause);
+
+        return $foreignTableClauseArray;
+    }
+
+    /**
+     * Parse ###SITE:### placeholders in the input string and return the replacements array for later use in
+     * $this->replaceParsedSiteConfiguration().
+     *
+     * IMPORTANT: If the values are used within raw SQL statements (e.g. foreign_table_where), consider using
+     * $this->quoteParsedSiteConfiguration() *before* replacement.
+     */
+    protected function parseSiteConfiguration(?SiteInterface $site, string $input): array
+    {
+        // Since we need to access the configuration, early return in case
+        // we don't deal with an instance of Site (e.g. null or NullSite).
+        if (!$site instanceof Site) {
+            return [];
+        }
+
+        $siteClausesRegEx = '/###SITE:([^#]+)###/m';
+        preg_match_all($siteClausesRegEx, $input, $matches, PREG_SET_ORDER);
+
+        if (empty($matches)) {
+            return [];
+        }
+
+        $replacements = [];
+        $configuration = $site->getConfiguration();
+        array_walk($matches, static function (array $match) use (&$replacements, &$configuration): void {
+            $key = $match[1];
+            try {
+                $value = ArrayUtility::getValueByPath($configuration, $key, '.');
+            } catch (MissingArrayPathException $exception) {
+                $value = '';
+            }
+
+            $replacements[$match[0]] = $value;
+        });
+
+        return $replacements;
+    }
+
+    protected function quoteParsedSiteConfiguration(Connection $connection, array $parsedSiteConfiguration): array
+    {
+        foreach ($parsedSiteConfiguration as $key => $value) {
+            if (is_int($value)) {
+                // int values are safe, nothing to do here
+                continue;
+            }
+            if (is_string($value)) {
+                $parsedSiteConfiguration[$key] = $connection->quote($value);
+                continue;
+            }
+            if (is_array($value)) {
+                $parsedSiteConfiguration[$key] = implode(',', $this->quoteParsedSiteConfiguration($connection, $value));
+                continue;
+            }
+            if (is_bool($value)) {
+                $parsedSiteConfiguration[$key] = (int)$value;
+                continue;
+            }
+            throw new \InvalidArgumentException(
+                sprintf('Cannot quote site configuration setting "%s" of type "%s", only "int", "bool", "string" and "array" are supported', $key, gettype($value)),
+                1630324435
+            );
+        }
+
+        return $parsedSiteConfiguration;
+    }
+
+    protected function replaceParsedSiteConfiguration(string $input, array $parsedSiteConfiguration): string
+    {
+        return str_replace(
+            array_keys($parsedSiteConfiguration),
+            array_values($parsedSiteConfiguration),
+            $input
+        );
+    }
+
+    /**
+     * A field's [treeConfig][startingPoints] can be set via site config, parse possibly set values
+     */
+    protected function parseStartingPointsFromSiteConfiguration(array $result, array $fieldConfig): array
+    {
+        if (!isset($fieldConfig['config']['treeConfig']['startingPoints'])) {
+            return $fieldConfig;
+        }
+
+        $parsedSiteConfiguration = $this->parseSiteConfiguration($result['site'], $fieldConfig['config']['treeConfig']['startingPoints']);
+        if ($parsedSiteConfiguration !== []) {
+            // $this->quoteParsedSiteConfiguration() is omitted on purpose, all values are cast to integers
+            $parsedSiteConfiguration = array_unique(array_map(static function (array|string|int $value): string {
+                if (is_array($value)) {
+                    return implode(',', array_map(intval(...), $value));
+                }
+
+                return implode(',', GeneralUtility::intExplode(',', (string)$value, true));
+            }, $parsedSiteConfiguration));
+            $resolvedStartingPoints = $this->replaceParsedSiteConfiguration($fieldConfig['config']['treeConfig']['startingPoints'], $parsedSiteConfiguration);
+            // Add the resolved starting points while removing empty values
+            $fieldConfig['config']['treeConfig']['startingPoints'] = implode(
+                ',',
+                GeneralUtility::trimExplode(',', $resolvedStartingPoints, true)
+            );
+        }
+
+        return $fieldConfig;
+    }
+
+    /**
+     * Convert the current database values into an array
+     *
+     * @param array $row database row
+     * @param string $fieldName fieldname to process
+     * @return array
+     */
+    protected function processDatabaseFieldValue(array $row, $fieldName)
+    {
+        $currentDatabaseValues = array_key_exists($fieldName, $row)
+            ? $row[$fieldName]
+            : '';
+        if ($currentDatabaseValues === null) {
+            return [];
+        }
+        if (!is_array($currentDatabaseValues)) {
+            $currentDatabaseValues = GeneralUtility::trimExplode(',', $currentDatabaseValues, true);
+        }
+        return $currentDatabaseValues;
+    }
+
+    /**
+     * Validate and sanitize database row values of the select field with the given name.
+     * Creates an array out of databaseRow[selectField] values.
+     *
+     * Used by TcaSelectItems and TcaSelectTreeItems data providers
+     *
+     * @param array $result The current result array.
+     * @param string $fieldName Name of the current select field.
+     * @param array $staticValues Array with statically defined items, item value is used as array key.
+     * @return array
+     */
+    protected function processSelectFieldValue(array $result, $fieldName, array $staticValues)
+    {
+        $fieldConfig = $result['processedTca']['columns'][$fieldName];
+
+        $currentDatabaseValueArray = array_key_exists($fieldName, $result['databaseRow']) ? $result['databaseRow'][$fieldName] : [];
+        $isSiteAction = $result['tableName'] === 'site';
+
+        if ($isSiteAction && count($currentDatabaseValueArray) === 1 && $this->envPlaceholderProcessor->canProcess($currentDatabaseValueArray[0])) {
+            return $currentDatabaseValueArray;
+        }
+
+        $newDatabaseValueArray = [];
+
+        // Add all values that were defined by static methods and do not come from the relation
+        // e.g. TCA, TSconfig, itemsProcFunc etc.
+        foreach ($currentDatabaseValueArray as $value) {
+            if (isset($staticValues[$value])) {
+                $newDatabaseValueArray[] = $value;
+            }
+        }
+
+        if (isset($fieldConfig['config']['foreign_table']) && !empty($fieldConfig['config']['foreign_table'])) {
+            $relationHandler = GeneralUtility::makeInstance(RelationHandler::class);
+            $relationHandler->registerNonTableValues = !empty($fieldConfig['config']['allowNonIdValues']);
+            if (!empty($fieldConfig['config']['MM']) && $result['command'] !== 'new') {
+                // MM relation
+                $relationHandler->start(
+                    implode(',', $currentDatabaseValueArray),
+                    $fieldConfig['config']['foreign_table'],
+                    $fieldConfig['config']['MM'],
+                    $result['databaseRow']['uid'],
+                    $result['tableName'],
+                    $fieldConfig['config']
+                );
+                $relationHandler->processDeletePlaceholder();
+                $newDatabaseValueArray = array_merge($newDatabaseValueArray, $relationHandler->getValueArray());
+            } else {
+                // Non MM relation
+                // If not dealing with MM relations, use default live uid, not versioned uid for record relations
+                $relationHandler->start(
+                    implode(',', $currentDatabaseValueArray),
+                    $fieldConfig['config']['foreign_table'],
+                    '',
+                    $this->getLiveUid($result),
+                    $result['tableName'],
+                    $fieldConfig['config']
+                );
+                $relationHandler->processDeletePlaceholder();
+                $databaseIds = array_merge($newDatabaseValueArray, $relationHandler->getValueArray());
+                // remove all items from the current DB values if not available as relation or static value anymore
+                $newDatabaseValueArray = array_values(array_intersect($currentDatabaseValueArray, $databaseIds));
+            }
+        }
+
+        if ($fieldConfig['config']['multiple'] ?? false) {
+            return $newDatabaseValueArray;
+        }
+        return array_unique($newDatabaseValueArray);
+    }
+
+    /**
+     * Translate the item labels
+     *
+     * Used by TcaSelectItems and TcaSelectTreeItems data providers
+     *
+     * @param array $result Result array
+     * @param array $itemArray Items
+     * @param string $table
+     * @param string $fieldName
+     * @return array
+     */
+    public function translateLabels(array $result, array $itemArray, $table, $fieldName)
+    {
+        $languageService = $this->getLanguageService();
+
+        foreach ($itemArray as $key => $item) {
+            $labelIndex = $item['value'] ?? '';
+
+            if ($labelIndex === ''
+                && isset($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altLabels'])
+                && !empty($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altLabels'])
+            ) {
+                $label = $languageService->sL($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altLabels']);
+            } elseif (isset($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altLabels.'][$labelIndex])
+                && !empty($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altLabels.'][$labelIndex])
+            ) {
+                $label = $languageService->sL($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altLabels.'][$labelIndex]);
+            } else {
+                $label = $languageService->sL(trim($item['label'] ?? ''));
+            }
+            $value = strlen((string)($item['value'] ?? '')) > 0 ? $item['value'] : '';
+            $icon = !empty($item['icon']) ? $item['icon'] : null;
+            $groupId = $item['group'] ?? null;
+            $helpText = null;
+            if (!empty($item['description'])) {
+                if (is_string($item['description'])) {
+                    $helpText = $languageService->sL($item['description']);
+                } else {
+                    $helpText = $item['description'];
+                }
+            }
+            // @todo This removes `_row` full item row and does not have it in processedTCA later, at lest for
+            //       TcaSelectItems. Consider to keep that information here if available or if dropping is good.
+            $itemArray[$key] = [
+                'label' => $label,
+                'value' => $value,
+                'icon' => $icon,
+                'group' => $groupId,
+                'description' => $helpText,
+            ];
+        }
+
+        return $itemArray;
+    }
+
+    /**
+     * Add alternative icon using "altIcons" TSconfig
+     */
+    public function addIconFromAltIcons(array $result, array $items, string $table, string $fieldName): array
+    {
+        foreach ($items as &$item) {
+            if (isset($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altIcons.'][$item['value']])
+                && !empty($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altIcons.'][$item['value']])
+            ) {
+                $item['icon'] = $result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altIcons.'][$item['value']];
+            }
+        }
+
+        return $items;
+    }
+
+    /**
+     * Sanitize incoming item array
+     *
+     * Used by TcaSelectItems and TcaSelectTreeItems data providers
+     *
+     * @param mixed $itemArray
+     * @param string $tableName
+     * @param string $fieldName
+     * @throws \UnexpectedValueException
+     * @return array
+     */
+    public function sanitizeItemArray($itemArray, $tableName, $fieldName)
+    {
+        if (!is_array($itemArray)) {
+            $itemArray = [];
+        }
+        foreach ($itemArray as $item) {
+            if (!is_array($item)) {
+                throw new \UnexpectedValueException(
+                    'An item in field ' . $fieldName . ' of table ' . $tableName . ' is not an array as expected',
+                    1439288036
+                );
+            }
+        }
+
+        return $itemArray;
+    }
+
+    /**
+     * Gets the record uid of the live default record. If already
+     * pointing to the live record, the submitted record uid is returned.
+     *
+     * @param array $result Result array
+     * @return int|string If the record is new, uid will be a string beginning with "NEW". Otherwise an int.
+     * @throws \UnexpectedValueException
+     */
+    protected function getLiveUid(array $result)
+    {
+        $table = $result['tableName'];
+        $row = $result['databaseRow'];
+        $uid = $row['uid'] ?? 0;
+        if ($result['tcaSchemata']->has($table) && $result['tcaSchemata']->get($table)->hasCapability(TcaSchemaCapability::Workspace) && (int)($row['t3ver_oid'] ?? 0) > 0) {
+            $uid = $row['t3ver_oid'];
+        }
+        return $uid;
+    }
+
+    /**
+     * @internal private on purpose
+     */
+    private function getCommonSelectFields(string $table, TcaSchema $schema): array
+    {
+        $fields = ['uid', 'pid'];
+
+        if ($schema->hasCapability(TcaSchemaCapability::Label)) {
+            $fields = array_merge($fields, $schema->getCapability(TcaSchemaCapability::Label)->getAllLabelFieldNames());
+        }
+        if ($schema->isWorkspaceAware()) {
+            $fields[] = 't3ver_state';
+            $fields[] = 't3ver_wsid';
+        }
+        if ($schema->getRawConfiguration()['selicon_field'] ?? '') {
+            $fields[] = $schema->getRawConfiguration()['selicon_field'];
+        }
+        if ($schema->getRawConfiguration()['typeicon_column'] ?? '') {
+            $fields[] = $schema->getRawConfiguration()['typeicon_column'];
+        }
+
+        $capabilities = [
+            TcaSchemaCapability::SoftDelete,
+            TcaSchemaCapability::RestrictionDisabledField,
+            TcaSchemaCapability::RestrictionStartTime,
+            TcaSchemaCapability::RestrictionEndTime,
+            TcaSchemaCapability::RestrictionUserGroup,
+        ];
+        foreach ($capabilities as $capability) {
+            if ($schema->hasCapability($capability)) {
+                $fields[] = $schema->getCapability($capability)->getFieldName();
+            }
+        }
+        $fields = array_unique($fields);
+        return array_map(static fn(string $value): string => $table . '.' . $value, $fields);
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabaseDefaultLanguagePageRow.php b/Classes/Form/FormDataProvider/DatabaseDefaultLanguagePageRow.php
new file mode 100644
index 0000000..2dee566
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabaseDefaultLanguagePageRow.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+
+/**
+ * Fetch page in default language from database if it's a translated pages record
+ */
+class DatabaseDefaultLanguagePageRow extends AbstractDatabaseRecordProvider implements FormDataProviderInterface
+{
+    /**
+     * Add default language page row of existing row to result
+     * defaultLanguagePageRow will stay NULL in result if a record is added or edited below root node
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        // $defaultLanguagePageRow end up NULL if a record added or edited on root node
+        $tableName = $result['tableName'];
+        if ($tableName === 'pages'
+            && ($tableSchema = $result['tcaSchemata']->get($tableName))
+            && $tableSchema->isLanguageAware()
+            && ($result['databaseRow'][$tableSchema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName()] ?? 0) > 0) {
+            $result['defaultLanguagePageRow'] = $this->getRecordFromDatabase('pages', $result['databaseRow'][$tableSchema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName()]);
+        }
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabaseEditRow.php b/Classes/Form/FormDataProvider/DatabaseEditRow.php
new file mode 100644
index 0000000..63ae68d
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabaseEditRow.php
@@ -0,0 +1,69 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\Exception\DatabaseRecordException;
+use TYPO3\CMS\Backend\Form\Exception\DatabaseRecordWorkspaceDeletePlaceholderException;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * Fetch existing database row on edit
+ */
+class DatabaseEditRow extends AbstractDatabaseRecordProvider implements FormDataProviderInterface
+{
+    /**
+     * Fetch existing record from database
+     *
+     * @return array
+     * @throws \UnexpectedValueException
+     * @throws DatabaseRecordWorkspaceDeletePlaceholderException
+     * @throws DatabaseRecordException
+     */
+    public function addData(array $result)
+    {
+        if ($result['command'] !== 'edit' || !empty($result['databaseRow'])) {
+            return $result;
+        }
+
+        $databaseRow = $this->getRecordFromDatabase($result['tableName'], $result['vanillaUid']);
+        if (!array_key_exists('pid', $databaseRow)) {
+            throw new \UnexpectedValueException(
+                'Parent record does not have a pid field',
+                1437663061
+            );
+        }
+        if ($result['tcaSchemata']->has($result['tableName'])
+            && $result['tcaSchemata']->get($result['tableName'])->hasCapability(TcaSchemaCapability::Workspace)
+            && VersionState::tryFrom($databaseRow['t3ver_state'] ?? 0) === VersionState::DELETE_PLACEHOLDER
+        ) {
+            // Workspace delete placeholder records (t3ver_state = 2) should never be edited. This is a fallback
+            // to suppress editing in case something still links to FormEngine edit of such a record.
+            throw new DatabaseRecordWorkspaceDeletePlaceholderException(
+                'Record with uid "' . $databaseRow['uid'] . '" from table "' . $result['tableName'] . '" is'
+                    . ' a workspace delete placeholder record which can not be edited.',
+                1608658396,
+                $result['tableName'],
+                (int)$databaseRow['uid']
+            );
+        }
+
+        $result['databaseRow'] = $databaseRow;
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabaseEffectivePid.php b/Classes/Form/FormDataProvider/DatabaseEffectivePid.php
new file mode 100644
index 0000000..33eba10
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabaseEffectivePid.php
@@ -0,0 +1,55 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+
+/**
+ * Set effective pid we're working on
+ */
+class DatabaseEffectivePid implements FormDataProviderInterface
+{
+    /**
+     * Effective pid is used to determine entry point for page ts and is also
+     * the pid where new records are stored later.
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        $effectivePid = 0;
+        if ($result['command'] === 'edit' && $result['tableName'] === 'pages') {
+            // We always need to detect the "live record of the default language"
+            // Translated pages should always point to UID of the default language as "pid" anyway.
+            // Good to know: l10n_parent in a translated versioned record (double-overlay) points
+            // to the "live record of the default language"
+            if (isset($result['databaseRow']['l10n_parent']) && $result['databaseRow']['l10n_parent'] > 0) {
+                $effectivePid = $result['databaseRow']['l10n_parent'];
+            } elseif (isset($result['databaseRow']['t3ver_oid']) && $result['databaseRow']['t3ver_oid'] > 0) {
+                $effectivePid = $result['databaseRow']['t3ver_oid'];
+            } else {
+                $effectivePid = $result['databaseRow']['uid'];
+            }
+        } elseif ($result['command'] === 'edit') {
+            $effectivePid = $result['databaseRow']['pid'];
+        } elseif ($result['command'] === 'new' && is_array($result['parentPageRow'])) {
+            $effectivePid = $result['parentPageRow']['uid'];
+        }
+        $result['effectivePid'] = (int)$effectivePid;
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabaseLanguageRows.php b/Classes/Form/FormDataProvider/DatabaseLanguageRows.php
new file mode 100644
index 0000000..e74d346
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabaseLanguageRows.php
@@ -0,0 +1,136 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Configuration\TranslationConfigurationProvider;
+use TYPO3\CMS\Backend\Form\Exception\DatabaseDefaultLanguageException;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Add language related data to result array
+ */
+readonly class DatabaseLanguageRows implements FormDataProviderInterface
+{
+    public function __construct(
+        private TranslationConfigurationProvider $translationConfigurationProvider,
+    ) {}
+
+    /**
+     * Fetch default language if handled record is a localized one,
+     * unserialize transOrigDiffSourceField if it is defined,
+     * fetch additional languages if requested.
+     *
+     * @return array
+     * @throws DatabaseDefaultLanguageException
+     */
+    public function addData(array $result)
+    {
+        if (!empty($result['processedTca']['ctrl']['languageField'])
+            && !empty($result['processedTca']['ctrl']['transOrigPointerField'])
+        ) {
+            $languageField = $result['processedTca']['ctrl']['languageField'];
+            $fieldWithUidOfDefaultRecord = $result['processedTca']['ctrl']['transOrigPointerField'];
+
+            if (isset($result['databaseRow'][$languageField]) && $result['databaseRow'][$languageField] > 0
+                && isset($result['databaseRow'][$fieldWithUidOfDefaultRecord]) && $result['databaseRow'][$fieldWithUidOfDefaultRecord] > 0
+            ) {
+                // Default language record of localized record
+                $defaultLanguageRow = $this->getRecordWorkspaceOverlay(
+                    $result['tableName'],
+                    (int)$result['databaseRow'][$fieldWithUidOfDefaultRecord]
+                );
+                if (empty($defaultLanguageRow)) {
+                    throw new DatabaseDefaultLanguageException(
+                        'Default language record with id ' . (int)$result['databaseRow'][$fieldWithUidOfDefaultRecord]
+                        . ' not found in table ' . $result['tableName'] . ' while editing record ' . $result['databaseRow']['uid'],
+                        1438249426
+                    );
+                }
+                $result['defaultLanguageRow'] = $defaultLanguageRow;
+
+                // Unserialize the "original diff source" if given
+                if (!empty($result['processedTca']['ctrl']['transOrigDiffSourceField'])
+                    && !empty($result['databaseRow'][$result['processedTca']['ctrl']['transOrigDiffSourceField']])
+                ) {
+                    $defaultLanguageKey = $result['tableName'] . ':' . (int)$result['databaseRow']['uid'];
+                    $result['defaultLanguageDiffRow'][$defaultLanguageKey] = json_decode(
+                        (string)$result['databaseRow'][$result['processedTca']['ctrl']['transOrigDiffSourceField']],
+                        true
+                    );
+                }
+
+                // Add language overlays from further localizations if requested
+                // @todo: Permission check if user is in "restrict ot language" is missing here.
+                // @todo: The TranslationConfigurationProvider is more stupid than good for us ... invent a better translation overlay api!
+                if (!empty($result['userTsConfig']['options.']['additionalPreviewLanguages'])) {
+                    $additionalLanguageUids = GeneralUtility::intExplode(',', (string)$result['userTsConfig']['options.']['additionalPreviewLanguages'], true);
+                    foreach ($additionalLanguageUids as $additionalLanguageUid) {
+                        // Continue if this system language record does not exist or if 0 or -1 is requested
+                        // or if row is the same as the to-be-displayed row
+                        if ($additionalLanguageUid <= 0
+                            || !isset($result['systemLanguageRows'][$additionalLanguageUid])
+                            || $additionalLanguageUid === (int)$result['databaseRow'][$languageField]
+                        ) {
+                            continue;
+                        }
+                        $translationInfo = $this->translationConfigurationProvider->translationInfo(
+                            $result['tableName'],
+                            (int)$result['databaseRow'][$fieldWithUidOfDefaultRecord],
+                            $additionalLanguageUid
+                        );
+                        if (!empty($translationInfo['translations'][$additionalLanguageUid]['uid'])) {
+                            $record = $this->getRecordWorkspaceOverlay(
+                                $result['tableName'],
+                                (int)$translationInfo['translations'][$additionalLanguageUid]['uid']
+                            );
+                            $result['additionalLanguageRows'][$additionalLanguageUid] = $record;
+                        }
+                    }
+                }
+
+                // @todo do that only if l10n_parent > 0 (not in "free mode")?
+                if (!empty($result['processedTca']['ctrl']['translationSource'])
+                    && is_string($result['processedTca']['ctrl']['translationSource'])
+                ) {
+                    $translationSourceFieldName = $result['processedTca']['ctrl']['translationSource'];
+                    if (isset($result['databaseRow'][$translationSourceFieldName])
+                        && $result['databaseRow'][$translationSourceFieldName] > 0
+                    ) {
+                        $uidOfTranslationSource = $result['databaseRow'][$translationSourceFieldName];
+                        $result['sourceLanguageRow'] = $this->getRecordWorkspaceOverlay(
+                            $result['tableName'],
+                            $uidOfTranslationSource
+                        );
+                    }
+                }
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Retrieve the requested row from the database
+     */
+    protected function getRecordWorkspaceOverlay(string $tableName, int $uid): array
+    {
+        $row = BackendUtility::getRecordWSOL($tableName, $uid);
+
+        return $row ?: [];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabasePageLanguageOverlayRows.php b/Classes/Form/FormDataProvider/DatabasePageLanguageOverlayRows.php
new file mode 100644
index 0000000..bfa0dbd
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabasePageLanguageOverlayRows.php
@@ -0,0 +1,78 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Context\Context;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Fill the "pageLanguageOverlayRows" part of the result array
+ */
+readonly class DatabasePageLanguageOverlayRows implements FormDataProviderInterface
+{
+    public function __construct(
+        private Context $context,
+        private ConnectionPool $connectionPool,
+    ) {}
+
+    /**
+     * Fetch available page overlay records of page
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        if ($result['effectivePid'] === 0) {
+            // No overlays for records on pid 0 and not for new pages below root
+            return $result;
+        }
+
+        $result['pageLanguageOverlayRows'] = $this->getDatabaseRows($result['tcaSchemata']->get('pages'), (int)$result['effectivePid']);
+        return $result;
+    }
+
+    /**
+     * Retrieve the requested overlay row from the database
+     */
+    protected function getDatabaseRows(TcaSchema $pageSchema, int $pid): array
+    {
+        $workspaceId = $this->context->getPropertyFromAspect('workspace', 'id');
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('pages');
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, (int)$workspaceId));
+
+        $rows = $queryBuilder
+            ->select('*')
+            ->from('pages')
+            ->where($queryBuilder->expr()->eq(
+                $pageSchema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName(),
+                $queryBuilder->createNamedParameter($pid, Connection::PARAM_INT)
+            ))
+            ->executeQuery()
+            ->fetchAllAssociative();
+
+        return $rows;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabasePageRootline.php b/Classes/Form/FormDataProvider/DatabasePageRootline.php
new file mode 100644
index 0000000..b658680
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabasePageRootline.php
@@ -0,0 +1,36 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+
+/**
+ * Set rootline
+ */
+class DatabasePageRootline implements FormDataProviderInterface
+{
+    /**
+     * Fetch rootline
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        $result['rootline'] = BackendUtility::BEgetRootLine($result['effectivePid'], '', true);
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabaseParentPageRow.php b/Classes/Form/FormDataProvider/DatabaseParentPageRow.php
new file mode 100644
index 0000000..d5768c8
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabaseParentPageRow.php
@@ -0,0 +1,65 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Fetch parent page row from database if possible
+ */
+class DatabaseParentPageRow extends AbstractDatabaseRecordProvider implements FormDataProviderInterface
+{
+    /**
+     * Add parent page row of existing row to result
+     * parentPageRow will stay NULL in result if a record is added or edited below root node
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        // $parentPageRow end up NULL if a record added or edited on root node
+        $parentPageRow = null;
+        if ($result['command'] === 'new') {
+            if (MathUtility::canBeInterpretedAsInteger($result['vanillaUid'])) {
+                $vanillaUid = (int)$result['vanillaUid'];
+                if ($vanillaUid < 0) {
+                    // vanillaUid points to a neighbor record in same table - get its record and its pid from there to find parent record
+                    $neighborRow = $this->getRecordFromDatabase($result['tableName'], (int)abs($vanillaUid));
+                    if (!empty($neighborRow['t3ver_oid'])) {
+                        $neighborRow = $this->getRecordFromDatabase($result['tableName'], (int)$neighborRow['t3ver_oid']);
+                    }
+                    $result['neighborRow'] = $neighborRow;
+                    // uid of page the record is located in
+                    $neighborRowPid = (int)$neighborRow['pid'];
+                    if ($neighborRowPid !== 0) {
+                        // Fetch the parent page record only if it is not the '0' root
+                        $parentPageRow = $this->getRecordFromDatabase('pages', $neighborRowPid);
+                    }
+                } elseif ($vanillaUid > 0) {
+                    // vanillaUid points to a page uid directly
+                    $parentPageRow = $this->getRecordFromDatabase('pages', $vanillaUid);
+                }
+            }
+        } elseif ($result['databaseRow']['pid'] > 0) {
+            // On "edit", the row itself has been fetched already
+            $parentPageRow = $this->getRecordFromDatabase('pages', (int)$result['databaseRow']['pid']);
+        }
+        $result['parentPageRow'] = $parentPageRow;
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabaseRecordOverrideValues.php b/Classes/Form/FormDataProvider/DatabaseRecordOverrideValues.php
new file mode 100644
index 0000000..af90d0b
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabaseRecordOverrideValues.php
@@ -0,0 +1,45 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+
+/**
+ * Determine the final TCA type value
+ */
+class DatabaseRecordOverrideValues implements FormDataProviderInterface
+{
+    /**
+     * Add override values to the databaseRow fields. As those values are not meant to
+     * be overwritten by the user, the TCA of the field is set to type hidden.
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        foreach ($result['overrideValues'] as $fieldName => $fieldValue) {
+            if (isset($result['processedTca']['columns'][$fieldName])) {
+                $result['databaseRow'][$fieldName] = $fieldValue;
+                $result['processedTca']['columns'][$fieldName]['config'] = [
+                    'type' => 'hidden',
+                    'renderType' => 'hidden',
+                ];
+            }
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabaseRecordTypeValue.php b/Classes/Form/FormDataProvider/DatabaseRecordTypeValue.php
new file mode 100644
index 0000000..f3770af
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabaseRecordTypeValue.php
@@ -0,0 +1,149 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Determine the final TCA type value
+ */
+class DatabaseRecordTypeValue implements FormDataProviderInterface
+{
+    /**
+     * TCA type value depends on several parameters. The simple case is
+     * a direct lookup in the database row, which then just needs handling
+     * in case the row is a localization overlay.
+     * More complex is the field:field syntax that can look up the actual
+     * value in a different table.
+     *
+     * @return array
+     * @throws \UnexpectedValueException
+     */
+    public function addData(array $result)
+    {
+        if (!isset($result['processedTca']['types'])
+            || !is_array($result['processedTca']['types'])
+            || empty($result['processedTca']['types'])
+        ) {
+            throw new \UnexpectedValueException(
+                'At least one "types" array must be defined for table ' . $result['tableName'] . ', preferred "0"',
+                1438185331
+            );
+        }
+
+        // Guard clause to suppress any calculation if record type value has been set from outside already
+        if ($result['recordTypeValue'] !== '') {
+            return $result;
+        }
+
+        $recordTypeValue = '0';
+        if (!empty($result['processedTca']['ctrl']['type'])) {
+            $tcaTypeField = $result['processedTca']['ctrl']['type'];
+
+            if (!str_contains($tcaTypeField, ':')) {
+                // $tcaTypeField is the name of a field in database row
+                if (!array_key_exists($tcaTypeField, $result['databaseRow'])) {
+                    throw new \UnexpectedValueException(
+                        'TCA table ' . $result['tableName'] . ' ctrl[\'type\'] is set to ' . $tcaTypeField . ', but'
+                        . ' this field does not exist in the database of this table',
+                        1438183881
+                    );
+                }
+                $recordTypeValue = $result['databaseRow'][$tcaTypeField];
+            } else {
+                // If type is configured as localField:foreignField, fetch the type value from
+                // a foreign table. localField then point to a group or select field in the own table,
+                // this points to a record in a foreign table and the value of foreignField is then
+                // used as type field. This was introduced for some FAL scenarios.
+                [$pointerField, $foreignTableTypeField] = explode(':', $tcaTypeField);
+
+                $relationType = (string)($result['processedTca']['columns'][$pointerField]['config']['type'] ?? '');
+                if (!in_array($relationType, ['select', 'category', 'group'], true)) {
+                    throw new \UnexpectedValueException(
+                        'TCA foreign field pointer fields are only allowed to be used with group, select or category field types.'
+                        . ' Handling field ' . $pointerField . ' with type configured as ' . $tcaTypeField,
+                        1325862241
+                    );
+                }
+
+                $foreignUid = $result['databaseRow'][$pointerField];
+                // Resolve the foreign record only if there is a uid, otherwise fall back 0
+                if (!empty($foreignUid)) {
+                    // Determine table name to fetch record from
+                    if ($relationType === 'select' || $relationType === 'category') {
+                        $foreignTable = $result['processedTca']['columns'][$pointerField]['config']['foreign_table'] ?? '';
+                    } else {
+                        $allowedTables = explode(',', $result['processedTca']['columns'][$pointerField]['config']['allowed']);
+                        // Always take the first configured table.
+                        $foreignTable = $allowedTables[0];
+                    }
+                    if (empty($foreignTable)) {
+                        throw new \UnexpectedValueException(
+                            'No target table defined for type config field ' . $pointerField . ' of table ' . $result['tableName'],
+                            1438253614
+                        );
+                    }
+                    if (!MathUtility::canBeInterpretedAsInteger($foreignUid) && is_array($foreignUid[0])) {
+                        // A group relation - has been resolved to array by TcaGroup data provider already
+                        $foreignUid = $foreignUid[0]['uid'];
+                    }
+                    // Fetch field of this foreign row from db
+                    if (MathUtility::canBeInterpretedAsInteger($foreignUid)) {
+                        $foreignRow = $this->getDatabaseRow($foreignTable, (int)$foreignUid, $foreignTableTypeField);
+                        if (!empty($foreignRow[$foreignTableTypeField])) {
+                            // @todo: It might be necessary to fetch the value from default language record as well here,
+                            // @todo: this was buggy in the "old" implementation and never worked. It was therefor left out here for now.
+                            // @todo: To implement that, see if the foreign row is a localized overlay, fetch default and merge exclude
+                            $recordTypeValue = $foreignRow[$foreignTableTypeField];
+                        }
+                    }
+                }
+            }
+        }
+
+        // Throw another exception if determined value and '0' and '1' do not exist
+        if (empty($result['processedTca']['types'][$recordTypeValue])
+            && empty($result['processedTca']['types']['0'])
+            && empty($result['processedTca']['types']['1'])
+        ) {
+            throw new \UnexpectedValueException(
+                'Type value ' . $recordTypeValue . ' from database record not defined in TCA of table '
+                . $result['tableName'] . ' and neither 0 nor 1 are defined as fallback.',
+                1438185437
+            );
+        }
+
+        // Check the determined value actually exists as types key, otherwise fall back to 0 or 1, 1 for "historical reasons"
+        if (empty($result['processedTca']['types'][$recordTypeValue])) {
+            $recordTypeValue = !empty($result['processedTca']['types']['0']) ? '0' : '1';
+        }
+
+        $result['recordTypeValue'] = (string)$recordTypeValue;
+        return $result;
+    }
+
+    /**
+     * Retrieve the requested row from the database
+     */
+    protected function getDatabaseRow(string $tableName, int $uid, string $fieldName): array
+    {
+        $row = BackendUtility::getRecord($tableName, $uid, $fieldName);
+
+        return $row ?: [];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabaseRowDateTimeFields.php b/Classes/Form/FormDataProvider/DatabaseRowDateTimeFields.php
new file mode 100644
index 0000000..4836ac2
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabaseRowDateTimeFields.php
@@ -0,0 +1,44 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Domain\DateTimeFactory;
+
+/**
+ * Migrate type=datetime field values to \DateTimeImmutable
+ */
+class DatabaseRowDateTimeFields implements FormDataProviderInterface
+{
+    public function addData(array $result): array
+    {
+        foreach ($result['processedTca']['columns'] as $column => $columnConfig) {
+            $type = $columnConfig['config']['type'] ?? '';
+            if ($type !== 'datetime') {
+                continue;
+            }
+            try {
+                $result['databaseRow'][$column] = DateTimeFactory::createFromDatabaseValueAndTCAConfig(
+                    $result['databaseRow'][$column] ?? null,
+                    $columnConfig['config'] ?? [],
+                );
+            } catch (\InvalidArgumentException) {
+                $result['databaseRow'][$column] = null;
+            }
+        }
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabaseRowDefaultAsReadonly.php b/Classes/Form/FormDataProvider/DatabaseRowDefaultAsReadonly.php
new file mode 100644
index 0000000..848c101
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabaseRowDefaultAsReadonly.php
@@ -0,0 +1,67 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Special data provider for replacing a database field with the value of
+ * the default record in case "l10n_display" is set to "defaultAsReadonly".
+ */
+class DatabaseRowDefaultAsReadonly implements FormDataProviderInterface
+{
+    /**
+     * Check each field for being an overlay, having l10n_display set to defaultAsReadonly
+     * and whether the field exists in the default language row. If so, the current
+     * database value will be replaced by the one from the default language row.
+     */
+    public function addData(array $result): array
+    {
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (!isset($result['defaultLanguageRow'][$fieldName])) {
+                // No default value available for this field
+                continue;
+            }
+            if (!GeneralUtility::inList(($result['processedTca']['columns'][$fieldName]['l10n_display'] ?? ''), 'defaultAsReadonly')) {
+                // defaultAsReadonly is not set for this field
+                continue;
+            }
+            $languageField = (string)($result['processedTca']['ctrl']['languageField'] ?? '');
+            $transOrigPointerField = (string)($result['processedTca']['ctrl']['transOrigPointerField'] ?? '');
+            if ($languageField === '' || $transOrigPointerField === ''
+                || !($result['databaseRow'][$languageField] ?? false)
+                || !($result['databaseRow'][$transOrigPointerField] ?? false)
+            ) {
+                // The current record is not an overlay. Note: This check might already have taken place
+                // while creating the default language row. However, since this field might be set by
+                // other data providers unintentional, we check this here again to be sure.
+                continue;
+            }
+            if ((int)$result['databaseRow'][$transOrigPointerField] !== (int)$result['defaultLanguageRow']['uid']) {
+                // The current records "transOrigPointerField" doesn't point to the current default language row
+                continue;
+            }
+
+            // Override the current database field with the one from the default language
+            $result['databaseRow'][$fieldName] = $result['defaultLanguageRow'][$fieldName];
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabaseRowDefaultValues.php b/Classes/Form/FormDataProvider/DatabaseRowDefaultValues.php
new file mode 100644
index 0000000..42bb450
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabaseRowDefaultValues.php
@@ -0,0 +1,68 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+
+/**
+ * Handle TCA default values on row. This affects existing rows as well as new rows.
+ *
+ * Hint: Even after this class it is NOT safe no rely that *all* fields from
+ * columns are set in databaseRow.
+ */
+class DatabaseRowDefaultValues implements FormDataProviderInterface
+{
+    /**
+     * Initialize new row with default values from various sources
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        $databaseRow = $result['databaseRow'];
+
+        $newRow = $databaseRow;
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            // Keep current value if it can be resolved to "there is something" directly
+            if (isset($databaseRow[$fieldName])) {
+                $newRow[$fieldName] = $databaseRow[$fieldName];
+                continue;
+            }
+
+            // Special handling for nullable fields
+            if ($fieldConfig['config']['nullable'] ?? false) {
+                if (// Field exists and is set to NULL
+                    array_key_exists($fieldName, $databaseRow)
+                    // Default NULL is set, and this is a new record!
+                    || (array_key_exists('default', $fieldConfig['config']) && $fieldConfig['config']['default'] === null)
+                ) {
+                    $newRow[$fieldName] = null;
+                } else {
+                    $newRow[$fieldName] = (string)($fieldConfig['config']['default'] ?? '');
+                }
+            } else {
+                // Fun part: This forces empty string for any field even if no default is set. This is
+                // a useful side effect in flex form section containers where a new field is added to an existing
+                // value array because it was added to a data structure.
+                $newRow[$fieldName] = (string)($fieldConfig['config']['default'] ?? '');
+            }
+        }
+
+        $result['databaseRow'] = $newRow;
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabaseRowInitializeNew.php b/Classes/Form/FormDataProvider/DatabaseRowInitializeNew.php
new file mode 100644
index 0000000..36d7495
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabaseRowInitializeNew.php
@@ -0,0 +1,385 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * On "new" command, initialize new database row with default data
+ */
+class DatabaseRowInitializeNew implements FormDataProviderInterface
+{
+    /**
+     * Initialize new row with default values from various sources
+     * There are 4 sources of default values. Mind the order, the last takes precedence.
+     *
+     * @return array
+     * @throws \UnexpectedValueException
+     */
+    public function addData(array $result)
+    {
+        if ($result['command'] !== 'new') {
+            return $result;
+        }
+        if (!is_array($result['databaseRow'])) {
+            throw new \UnexpectedValueException(
+                'databaseRow of table ' . $result['tableName'] . ' is not an array',
+                1444431128
+            );
+        }
+
+        $result = $this->setDefaultsFromUserTsConfig($result);
+        $result = $this->setDefaultsFromPageTsConfig($result);
+        $result = $this->setDefaultsFromNeighborRow($result);
+        $result = $this->setDefaultsFromDefaultValues($result);
+        $result = $this->setDefaultsFromInlineRelations($result);
+        $result = $this->setDefaultsFromInlineParentLanguage($result);
+        $result = $this->setDefaultsFromInlineParentUid($result);
+        $result = $this->setPid($result);
+
+        return $result;
+    }
+
+    /**
+     * Set defaults defined by user ts "TCAdefaults"
+     * Supports both field-level defaults and type-specific defaults
+     * TCAdefaults.tt_content.header_layout = 1 (field-level)
+     * TCAdefaults.tt_content.header_layout.types.textmedia = 3 (type-specific)
+     *
+     * @param array $result Result array
+     * @return array Modified result array
+     */
+    protected function setDefaultsFromUserTsConfig(array $result)
+    {
+        $tableNameWithDot = $result['tableName'] . '.';
+        // Apply default values from user typo script "TCAdefaults" if any
+        if (isset($result['userTsConfig']['TCAdefaults.'][$tableNameWithDot])
+            && is_array($result['userTsConfig']['TCAdefaults.'][$tableNameWithDot])
+        ) {
+            $recordType = $this->getRecordTypeFromRow($result);
+            $mergedDefaults = $this->mergeTypeSpecificTcaDefaults(
+                $result['userTsConfig']['TCAdefaults.'][$tableNameWithDot],
+                $recordType
+            );
+
+            foreach ($mergedDefaults as $fieldName => $fieldValue) {
+                if (isset($result['processedTca']['columns'][$fieldName])) {
+                    $result['databaseRow'][$fieldName] = $fieldValue;
+                }
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * Set defaults defined by page ts "TCAdefaults"
+     * Supports both field-level defaults and type-specific defaults
+     * TCAdefaults.tt_content.header_layout = 1 (field-level)
+     * TCAdefaults.tt_content.header_layout.types.textmedia = 3 (type-specific)
+     *
+     * @param array $result Result array
+     * @return array Modified result array
+     */
+    protected function setDefaultsFromPageTsConfig(array $result)
+    {
+        $tableNameWithDot = $result['tableName'] . '.';
+        if (isset($result['pageTsConfig']['TCAdefaults.'][$tableNameWithDot])
+            && is_array($result['pageTsConfig']['TCAdefaults.'][$tableNameWithDot])
+        ) {
+            $recordType = $this->getRecordTypeFromRow($result);
+            $mergedDefaults = $this->mergeTypeSpecificTcaDefaults(
+                $result['pageTsConfig']['TCAdefaults.'][$tableNameWithDot],
+                $recordType
+            );
+
+            foreach ($mergedDefaults as $fieldName => $fieldValue) {
+                if (isset($result['processedTca']['columns'][$fieldName])) {
+                    $result['databaseRow'][$fieldName] = $fieldValue;
+                }
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * If a neighbor row is given (if vanillaUid was negative), field can be initialized with values
+     * from neighbor for fields registered in TCA['ctrl']['useColumnsForDefaultValues'].
+     *
+     * @param array $result Result array
+     * @return array Modified result array
+     */
+    protected function setDefaultsFromNeighborRow(array $result)
+    {
+        if (is_array($result['neighborRow'])
+            && !empty($result['processedTca']['ctrl']['useColumnsForDefaultValues'])
+        ) {
+            $defaultColumns = GeneralUtility::trimExplode(',', $result['processedTca']['ctrl']['useColumnsForDefaultValues'], true);
+            foreach ($defaultColumns as $fieldName) {
+                if (isset($result['processedTca']['columns'][$fieldName])
+                    && isset($result['neighborRow'][$fieldName])
+                ) {
+                    $result['databaseRow'][$fieldName] = $result['neighborRow'][$fieldName];
+                }
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * Apply default values.
+     * These are typically carried around as "defVals" GET vars and set by controllers
+     * in $result['defaultValues'] array as init values.
+     *
+     * @param array $result Result array
+     * @return array Modified result array
+     */
+    protected function setDefaultsFromDefaultValues(array $result)
+    {
+        $tableName = $result['tableName'];
+        $defaultValues = $result['defaultValues'] ?? [];
+        if (isset($defaultValues[$tableName]) && is_array($defaultValues[$tableName])) {
+            foreach ($defaultValues[$tableName] as $fieldName => $fieldValue) {
+                if (isset($result['processedTca']['columns'][$fieldName])) {
+                    $result['databaseRow'][$fieldName] = $fieldValue;
+                }
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * Inline scenario if a new intermediate record to an existing child-child is
+     * compiled. Set "foreign_selector" field of this intermediate row to given
+     * "childChildUid". See TcaDataCompiler array comment of inlineChildChildUid
+     * for more details.
+     *
+     * @param array $result Result array
+     * @return array Modified result array
+     * @throws \UnexpectedValueException
+     */
+    protected function setDefaultsFromInlineRelations(array $result)
+    {
+        if ($result['inlineChildChildUid'] === null) {
+            return $result;
+        }
+        if (!is_int($result['inlineChildChildUid'])) {
+            throw new \UnexpectedValueException(
+                'An inlineChildChildUid is given for table ' . $result['tableName'] . ', but is not an integer',
+                1444434103
+            );
+        }
+        if (!isset($result['inlineParentConfig']['foreign_selector'])) {
+            throw new \UnexpectedValueException(
+                'An inlineChildChildUid is given for table ' . $result['tableName'] . ', but no foreign_selector in inlineParentConfig',
+                1444434102
+            );
+        }
+        $selectorFieldName = $result['inlineParentConfig']['foreign_selector'];
+        $fieldType = (string)($result['processedTca']['columns'][$selectorFieldName]['config']['type'] ?? '');
+        if (!in_array($fieldType, ['select', 'category', 'group'], true)) {
+            throw new \UnexpectedValueException(
+                $selectorFieldName . ' is target type of a foreign_selector field to table ' . $result['tableName'] . ' and must be either a select, category or group type field',
+                1444434104
+            );
+        }
+
+        if ($result['inlineChildChildUid']) {
+            $result['databaseRow'][$selectorFieldName] = $result['inlineChildChildUid'];
+        }
+
+        return $result;
+    }
+
+    /**
+     * If a new child is created in an inline relation via ajax, and if the parent is a localized record,
+     * the child should have the same sys_language_uid set in the field declared in ['ctrl']['languageField']
+     * if the child is localizable itself.
+     * A localized parent transfers its sys_language_uid via inlineParentConfig['inline']['parentSysLanguageUid'],
+     * use that value as default for the child record languageField.
+     *
+     * @param array $result Result array
+     * @return array Modified result array
+     * @throws \UnexpectedValueException
+     */
+    protected function setDefaultsFromInlineParentLanguage(array $result): array
+    {
+        if (!isset($result['inlineParentConfig']['inline']['parentSysLanguageUid'])
+            || empty($result['processedTca']['ctrl']['languageField'])
+            || empty($result['processedTca']['ctrl']['transOrigPointerField'])
+        ) {
+            return $result;
+        }
+
+        if (!MathUtility::canBeInterpretedAsInteger($result['inlineParentConfig']['inline']['parentSysLanguageUid'])) {
+            throw new \UnexpectedValueException(
+                'A sys_language_uid is set from inline parent config but the value is no integer',
+                1490360772
+            );
+        }
+        $parentSysLanguageUid = (int)$result['inlineParentConfig']['inline']['parentSysLanguageUid'];
+        $languageFieldName = $result['processedTca']['ctrl']['languageField'];
+        $result['databaseRow'][$languageFieldName] = $parentSysLanguageUid;
+
+        return $result;
+    }
+
+    /**
+     * Set the parent uid of inline relations created via ajax to the corresponding foreign field
+     *
+     * @param array $result Result array
+     */
+    protected function setDefaultsFromInlineParentUid(array $result): array
+    {
+        $isInlineChild = $result['isInlineChild'] ?? false;
+        $parentField = $result['inlineParentConfig']['foreign_field'] ?? false;
+
+        if ($isInlineChild && $parentField && !empty($result['inlineParentUid'])) {
+            $result['databaseRow'][$parentField] = $result['inlineParentUid'];
+        }
+
+        return $result;
+    }
+
+    /**
+     * Set the pid. This is either the vanillaUid (see description in FormDataCompiler),
+     * or a pid given by page TSconfig for inline children.
+     *
+     * @param array $result Result array
+     * @return array Modified result array
+     * @throws \UnexpectedValueException
+     */
+    protected function setPid(array $result)
+    {
+        // Set pid to vanillaUid. This can be a negative value
+        // if the record is added relative to another record.
+        $result['databaseRow']['pid'] = $result['vanillaUid'];
+
+        // In case a new inline record is created, the pid can be set to a different value
+        // by page TSconfig, but not by user TSconfig. This overrides the above pid selection
+        // and forces the pid of new inline children.
+        $tableNameWithDot = $result['tableName'] . '.';
+        if ($result['isInlineChild'] && isset($result['pageTsConfig']['TCAdefaults.'][$tableNameWithDot]['pid'])) {
+            if (!MathUtility::canBeInterpretedAsInteger($result['pageTsConfig']['TCAdefaults.'][$tableNameWithDot]['pid'])) {
+                throw new \UnexpectedValueException(
+                    'page TSconfig setting TCAdefaults.' . $tableNameWithDot . 'pid must be a number, but given string '
+                    . $result['pageTsConfig']['TCAdefaults.'][$tableNameWithDot]['pid'] . ' can not be interpreted as integer',
+                    1461598332
+                );
+            }
+            $result['databaseRow']['pid'] = (int)$result['pageTsConfig']['TCAdefaults.'][$tableNameWithDot]['pid'];
+        }
+
+        return $result;
+    }
+
+    /**
+     * Determine the record type from the current database row
+     * and additionally fall back to defaultValues as this is
+     * basically the only source we have for new records at this point.
+     *
+     * @param array $result The form data result array
+     * @return string The record type value
+     */
+    protected function getRecordTypeFromRow(array $result): string
+    {
+        // If recordTypeValue is already set, use it
+        if (is_string($result['recordTypeValue'] ?? false) && $result['recordTypeValue'] !== '') {
+            return $result['recordTypeValue'];
+        }
+
+        $recordTypeValue = '0';
+        // Check if there's a type field defined in TCA
+        if (is_string($result['processedTca']['ctrl']['type'] ?? false) && $result['processedTca']['ctrl']['type'] !== '') {
+            $tcaTypeField = $result['processedTca']['ctrl']['type'];
+
+            // Handle simple type field (not foreign field reference)
+            if (!str_contains($tcaTypeField, ':')) {
+                // First check if the type field exists in the database row and has a value
+                if (array_key_exists($tcaTypeField, $result['databaseRow']) && $result['databaseRow'][$tcaTypeField] !== null) {
+                    $recordTypeValue = (string)$result['databaseRow'][$tcaTypeField];
+                } else {
+                    // Check if the type field is set in defaultValues
+                    $tableName = $result['tableName'];
+                    if (isset($result['defaultValues'][$tableName][$tcaTypeField])) {
+                        $recordTypeValue = (string)$result['defaultValues'][$tableName][$tcaTypeField];
+                    }
+                }
+            }
+        }
+
+        // Apply the same fallback logic as DatabaseRecordTypeValue:
+        // Check the determined value actually exists as types key, otherwise fall back to 0 or 1
+        if (empty($result['processedTca']['types'][$recordTypeValue])) {
+            $recordTypeValue = !empty($result['processedTca']['types']['0']) ? '0' : '1';
+        }
+
+        return $recordTypeValue;
+    }
+
+    /**
+     * Merge type-specific TCAdefaults over field-level defaults
+     * Similar to how TCEFORM type-specific settings work
+     *
+     * @param array $tcaDefaults The TCAdefaults configuration for the table
+     * @param string $recordType The current record type value
+     * @return array Merged defaults with type-specific values taking precedence
+     */
+    protected function mergeTypeSpecificTcaDefaults(array $tcaDefaults, string $recordType): array
+    {
+        $mergedDefaults = [];
+
+        foreach ($tcaDefaults as $fieldKey => $fieldConfiguration) {
+            if (str_ends_with($fieldKey, '.')) {
+                // This is a field with sub-configuration (potentially types)
+                $fieldName = rtrim($fieldKey, '.');
+                if (!is_array($fieldConfiguration)) {
+                    continue;
+                }
+                $fieldDefault = $fieldConfiguration;
+                // Check if there are type-specific overrides
+                if (!empty($fieldConfiguration['types.']) && is_array($fieldConfiguration['types.'])) {
+                    $typeSpecificConfiguration = $fieldConfiguration['types.'];
+                    unset($fieldDefault['types.']);
+
+                    // If we have a matching type-specific configuration, merge it
+                    if (!empty($typeSpecificConfiguration[$recordType . '.']) && is_array($typeSpecificConfiguration[$recordType . '.'])) {
+                        ArrayUtility::mergeRecursiveWithOverrule($fieldDefault, $typeSpecificConfiguration[$recordType . '.']);
+                    } elseif (!empty($typeSpecificConfiguration[$recordType])) {
+                        // Simple value (not array)
+                        $mergedDefaults[$fieldName] = $typeSpecificConfiguration[$recordType];
+                        continue;
+                    }
+                }
+                // If the field configuration is now empty (only had types.), skip it
+                // Otherwise, use the first non-array value or the whole configuration
+                foreach ($fieldDefault as $key => $value) {
+                    if (!str_ends_with($key, '.') && !is_array($value)) {
+                        $mergedDefaults[$fieldName] = $value;
+                        break;
+                    }
+                }
+            } else {
+                // Simple field-level default
+                $mergedDefaults[$fieldKey] = $fieldConfiguration;
+            }
+        }
+
+        return $mergedDefaults;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabaseSystemLanguageRows.php b/Classes/Form/FormDataProvider/DatabaseSystemLanguageRows.php
new file mode 100644
index 0000000..57d930a
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabaseSystemLanguageRows.php
@@ -0,0 +1,104 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Site\Entity\SiteInterface;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+
+/**
+ * Fill the "systemLanguageRows" part of the result array
+ */
+readonly class DatabaseSystemLanguageRows implements FormDataProviderInterface
+{
+    public function __construct(
+        private FlashMessageService $flashMessageService
+    ) {}
+
+    /**
+     * Fetch available system languages and resolve iso code if necessary.
+     *
+     * @return array
+     * @throws \LogicException
+     */
+    public function addData(array $result)
+    {
+        $site = $result['site'] ?? null;
+        if (!$site instanceof SiteInterface) {
+            throw new \LogicException(
+                'No valid site object found in $result[\'site\']',
+                1534952559
+            );
+        }
+        $pageIdDefaultLanguage = $result['defaultLanguagePageRow']['uid'] ?? $result['effectivePid'];
+        $languages = $site->getAvailableLanguages($this->getBackendUser(), true, $pageIdDefaultLanguage);
+
+        $languageRows = [];
+        foreach ($languages as $language) {
+            $languageId = $language->getLanguageId();
+            if ($languageId > 0) {
+                $iso = $language->getLocale()->getLanguageCode();
+            } else {
+                $iso = 'DEF';
+            }
+            $languageRows[$languageId] = [
+                'uid' => $languageId,
+                'title' => $language->getTitle(),
+                'iso' => $iso,
+                'flagIconIdentifier' => $language->getFlagIdentifier(),
+            ];
+
+            if (empty($iso)) {
+                // No iso code could be found. This is currently possible in the system but discouraged.
+                // So, code within FormEngine has to be suited to work with an empty iso code. However,
+                // it may impact certain multi language scenarios, so we add a flash message hinting for
+                // incomplete configuration here.
+                // It might be possible to convert this to a non-catchable exception later if
+                // it iso code is enforced on a different layer of the system (tca required + migration wizard).
+                // @todo: This could be relaxed again if flex form language handling is extracted,
+                // @todo: since the rest of the FormEngine code does not rely on iso code?
+                $message = sprintf(
+                    $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:error.missingLanguageIsocode'),
+                    $language->getLocale()->getLanguageCode(),
+                    $languageId
+                );
+                $flashMessage = new FlashMessage(
+                    $message,
+                    '',
+                    ContextualFeedbackSeverity::ERROR
+                );
+                $defaultFlashMessageQueue = $this->flashMessageService->getMessageQueueByIdentifier();
+                $defaultFlashMessageQueue->enqueue($flashMessage);
+            }
+        }
+        $result['systemLanguageRows'] = $languageRows;
+        return $result;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabaseUniqueUidNewRow.php b/Classes/Form/FormDataProvider/DatabaseUniqueUidNewRow.php
new file mode 100644
index 0000000..620fa68
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabaseUniqueUidNewRow.php
@@ -0,0 +1,56 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * On "new" command, initialize uid with a unique uid
+ */
+class DatabaseUniqueUidNewRow implements FormDataProviderInterface
+{
+    /**
+     * Initialize new row with unique uid
+     *
+     * @return array
+     * @throws \InvalidArgumentException
+     */
+    public function addData(array $result)
+    {
+        if ($result['command'] !== 'new') {
+            return $result;
+        }
+        // Throw exception if uid is already set and does not start with NEW.
+        // In some situations a new record needs to be created again so the initialization of default
+        // values is triggered, but the "ID" of the new record is already known: This is the case if a
+        // new section container element is added by FormFlexAjaxController to a not yet persisted record.
+        // In this case, command "new" is given to the data compiler, but the "NEW1234" id has been calculated
+        // by the former compiler when opening the record already. The ajax controller then hands in the
+        // "new" command together with the id calculated by the first call.
+        if (isset($result['databaseRow']['uid']) && !str_starts_with($result['databaseRow']['uid'], 'NEW')) {
+            throw new \InvalidArgumentException(
+                'uid is already set to ' . $result['databaseRow']['uid'] . ' and does not start with NEW for a "new" command',
+                1437991120
+            );
+        }
+        if (!isset($result['databaseRow']['uid'])) {
+            $result['databaseRow']['uid'] = StringUtility::getUniqueId('NEW');
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/DatabaseUserPermissionCheck.php b/Classes/Form/FormDataProvider/DatabaseUserPermissionCheck.php
new file mode 100644
index 0000000..078f363
--- /dev/null
+++ b/Classes/Form/FormDataProvider/DatabaseUserPermissionCheck.php
@@ -0,0 +1,190 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use TYPO3\CMS\Backend\Form\Event\ModifyEditFormUserAccessEvent;
+use TYPO3\CMS\Backend\Form\Exception\AccessDeniedContentEditException;
+use TYPO3\CMS\Backend\Form\Exception\AccessDeniedEditInternalsException;
+use TYPO3\CMS\Backend\Form\Exception\AccessDeniedException;
+use TYPO3\CMS\Backend\Form\Exception\AccessDeniedListenerException;
+use TYPO3\CMS\Backend\Form\Exception\AccessDeniedPageEditException;
+use TYPO3\CMS\Backend\Form\Exception\AccessDeniedPageNewException;
+use TYPO3\CMS\Backend\Form\Exception\AccessDeniedRootNodeException;
+use TYPO3\CMS\Backend\Form\Exception\AccessDeniedTableModifyException;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+
+/**
+ * Determine user permission for action and check them
+ */
+readonly class DatabaseUserPermissionCheck implements FormDataProviderInterface
+{
+    public function __construct(
+        private EventDispatcherInterface $eventDispatcher,
+    ) {}
+
+    /**
+     * Set userPermissionOnPage to result array and check access rights.
+     *
+     * A couple of different exceptions are thrown here:
+     * * If something weird happens a top level SPL exception is thrown.
+     *   This indicates a non-recoverable error.
+     * * If user has no access to whatever should be done, an exception that
+     *   extends from Form\Exception\AccessDeniedException is thrown. This
+     *   can be caught by upper level controller code and can be translated
+     *   to a specific error message that is shown to the user.
+     *
+     * @throws AccessDeniedException
+     */
+    public function addData(array $result): array
+    {
+        $backendUser = $this->getBackendUser();
+
+        // Early return for admins
+        if ($backendUser->isAdmin()) {
+            $result['userPermissionOnPage'] = Permission::ALL;
+            return $result;
+        }
+
+        if (!$backendUser->check('tables_modify', $result['tableName'])) {
+            // If user has no modify rights on table, processing is stopped by throwing an
+            // exception immediately. This case can not be circumvented by hooks.
+            throw new AccessDeniedTableModifyException(
+                'No table modify permission for user ' . $backendUser->user['uid'] . ' on table ' . $result['tableName'],
+                1437683248
+            );
+        }
+
+        $exception = null;
+        $userPermissionOnPage = new Permission(Permission::NOTHING);
+        $rootLevelCapability = $result['tcaSchemata']->get($result['tableName'])->getCapability(TcaSchemaCapability::RestrictionRootLevel);
+
+        if ($result['command'] === 'new') {
+            // A new record is created. Access rights of parent record are important here
+            // @todo: In case of new inline child, parentPageRow should probably be the
+            // @todo: "inlineFirstPid" page - Maybe effectivePid and parentPageRow should be calculated differently then?
+            if (is_array($result['parentPageRow'])) {
+                // Record is added below an existing page
+                $userPermissionOnPage = new Permission($backendUser->calcPerms($result['parentPageRow']));
+                if ($result['tableName'] === 'pages') {
+                    // New page is created, user needs PAGE_NEW for this
+                    if (!$userPermissionOnPage->createPagePermissionIsGranted()) {
+                        $exception = new AccessDeniedPageNewException(
+                            'No page new permission for user ' . $backendUser->user['uid'] . ' on page ' . $result['databaseRow']['uid'],
+                            1437745640
+                        );
+                    }
+                } elseif (!$userPermissionOnPage->editContentPermissionIsGranted()) {
+                    // A regular record is added, not a page. User needs CONTENT_EDIT permission
+                    $exception = new AccessDeniedContentEditException(
+                        'No content new permission for user ' . $backendUser->user['uid'] . ' on page ' . $result['parentPageRow']['uid'],
+                        1437745759
+                    );
+                }
+            } elseif ($rootLevelCapability->shallIgnoreRootLevelRestriction()) {
+                // Non admin is creating a record on root node for a table that is actively allowed
+                $userPermissionOnPage->set(Permission::ALL);
+            } else {
+                // Non admin has no create permission on root node records
+                $exception = new AccessDeniedRootNodeException(
+                    'No record creation permission for user ' . $backendUser->user['uid'] . ' on page root node',
+                    1437745221
+                );
+            }
+        } else {
+            // A page or a record on a page is edited
+            if ($result['tableName'] === 'pages') {
+                // A page record is edited, check edit rights of this record directly
+                $userPermissionOnPage = new Permission($backendUser->calcPerms($result['defaultLanguagePageRow'] ?? $result['databaseRow']));
+                if (!$userPermissionOnPage->editPagePermissionIsGranted()
+                    || !$backendUser->check('pagetypes_select', $result['databaseRow'][$result['processedTca']['ctrl']['type']])
+                ) {
+                    $exception = new AccessDeniedPageEditException(
+                        'No page edit permission for user ' . $backendUser->user['uid'] . ' on page ' . $result['databaseRow']['uid'],
+                        1437679336
+                    );
+                }
+            } elseif (isset($result['parentPageRow']) && is_array($result['parentPageRow'])) {
+                // A non page record is edited.
+                // If there is a parent page row, check content edit right of user
+                $userPermissionOnPage = new Permission($backendUser->calcPerms($result['parentPageRow']));
+                if (!$userPermissionOnPage->editContentPermissionIsGranted()) {
+                    $exception = new AccessDeniedContentEditException(
+                        'No content edit permission for user ' . $backendUser->user['uid'] . ' on page ' . $result['parentPageRow']['uid'],
+                        1437679657
+                    );
+                }
+            } elseif ($rootLevelCapability->shallIgnoreRootLevelRestriction()) {
+                // Non admin is editing a record on root node for a table that is actively allowed
+                $userPermissionOnPage->set(Permission::ALL);
+            } else {
+                // Non admin has no edit permission on root node records
+                // @todo: This probably needs further handling, see http://review.typo3.org/40835
+                $exception = new AccessDeniedRootNodeException(
+                    'No content edit permission for user ' . $backendUser->user['uid'] . ' on page root node',
+                    1437679856
+                );
+            }
+            // If general access is allowed, check record edit access
+            if ($exception === null
+                && !($result['isInlineDefaultLanguageRecordInLocalizedParentContext'] ?? false)
+            ) {
+                $accessResult = $backendUser->checkRecordEditAccess($result['tableName'], $result['databaseRow']);
+                if (!$accessResult->isAllowed) {
+                    $exception = new AccessDeniedEditInternalsException($accessResult->errorMessage, 1437687404);
+                }
+            }
+        }
+
+        $userHasAccess = $this->eventDispatcher->dispatch(
+            new ModifyEditFormUserAccessEvent(
+                $exception,
+                $result['tableName'],
+                $result['command'],
+                $result['databaseRow'],
+            )
+        )->doesUserHaveAccess();
+
+        // Throw specific exception because a listener to the Event denied the previous positive user access decision
+        if ($exception === null && !$userHasAccess) {
+            $exception = new AccessDeniedListenerException(
+                'Access to table ' . $result['tableName'] . ' for user ' . $backendUser->user['uid'] . ' was denied by a ModifyRecordEditUserAccessEvent listener',
+                1662727149
+            );
+        }
+
+        // Unset a previous exception because a listener to the Event allowed the previous negative user access decision
+        if ($exception !== null && $userHasAccess) {
+            $exception = null;
+        }
+
+        if ($exception) {
+            throw $exception;
+        }
+
+        $result['userPermissionOnPage'] = $userPermissionOnPage->__toInt();
+
+        return $result;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/EvaluateDisplayConditions.php b/Classes/Form/FormDataProvider/EvaluateDisplayConditions.php
new file mode 100644
index 0000000..db0f8cc
--- /dev/null
+++ b/Classes/Form/FormDataProvider/EvaluateDisplayConditions.php
@@ -0,0 +1,934 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Class implements the TCA 'displayCond' option.
+ * The display condition is a colon separated string which describes
+ * the condition to decide whether a form field should be displayed.
+ */
+class EvaluateDisplayConditions implements FormDataProviderInterface
+{
+    /**
+     * Remove fields from processedTca columns that should not be displayed.
+     *
+     * Strategy of the parser is to first find all displayCond in given tca
+     * and within all type=flex fields to parse them into an array. This condition
+     * array contains all information to evaluate that condition in a second
+     * step that - depending on evaluation result - then throws away or keeps the field.
+     *
+     * @param array $result
+     */
+    public function addData(array $result): array
+    {
+        $result = $this->parseDisplayConditions($result);
+        $result = $this->evaluateConditions($result);
+        return $result;
+    }
+
+    /**
+     * Find all 'displayCond' in TCA and flex forms and substitute them with an
+     * array representation that contains all relevant data to
+     * evaluate the condition later. For "FIELD" conditions the helper methods
+     * findFieldValue() is used to find the value of the referenced field to put
+     * that value into the returned array, too. This is important since the referenced
+     * field is "relative" to the position of the field that has the display condition.
+     * For instance, "FIELD:aField:=:foo" within a flex form field references a field
+     * value from the same sheet, and there are many more complex scenarios to resolve.
+     *
+     * @param array $result Incoming result array
+     * @throws \RuntimeException
+     * @return array Modified result array with all displayCond parsed into arrays
+     */
+    protected function parseDisplayConditions(array $result): array
+    {
+        $flexColumns = [];
+        foreach ($result['processedTca']['columns'] as $columnName => $columnConfiguration) {
+            if (isset($columnConfiguration['config']['type']) && $columnConfiguration['config']['type'] === 'flex') {
+                $flexColumns[$columnName] = $columnConfiguration;
+            }
+            if (!isset($columnConfiguration['displayCond'])) {
+                continue;
+            }
+            $result['processedTca']['columns'][$columnName]['displayCond'] = $this->parseConditionRecursive(
+                $columnConfiguration['displayCond'],
+                $result['databaseRow']
+            );
+        }
+
+        foreach ($flexColumns as $columnName => $flexColumn) {
+            $sheetNameFieldNames = [];
+            foreach ($flexColumn['config']['ds']['sheets'] as $sheetName => $sheetConfiguration) {
+                // Create a list of all sheet names with field names combinations for later 'sheetName.fieldName' lookups
+                // 'one.sheet.one.field' as key, with array of "sheetName" and "fieldName" as value
+                if (isset($sheetConfiguration['ROOT']['el']) && is_array($sheetConfiguration['ROOT']['el'])) {
+                    foreach ($sheetConfiguration['ROOT']['el'] as $flexElementName => $flexElementConfiguration) {
+                        // section container have no value in its own
+                        if (isset($flexElementConfiguration['type']) && $flexElementConfiguration['type'] === 'array'
+                            && isset($flexElementConfiguration['section']) && $flexElementConfiguration['section'] == 1
+                        ) {
+                            continue;
+                        }
+                        $combinedKey = $sheetName . '.' . $flexElementName;
+                        if (array_key_exists($combinedKey, $sheetNameFieldNames)) {
+                            throw new \RuntimeException(
+                                'Ambiguous sheet name and field name combination: Sheet "' . $sheetNameFieldNames[$combinedKey]['sheetName']
+                                . '" with field name "' . $sheetNameFieldNames[$combinedKey]['fieldName'] . '" overlaps with sheet "'
+                                . $sheetName . '" and field name "' . $flexElementName . '". Do not do that.',
+                                1481483061
+                            );
+                        }
+                        $sheetNameFieldNames[$combinedKey] = [
+                            'sheetName' => $sheetName,
+                            'fieldName' => $flexElementName,
+                        ];
+                    }
+                }
+            }
+            foreach ($flexColumn['config']['ds']['sheets'] as $sheetName => $sheetConfiguration) {
+                if (isset($sheetConfiguration['ROOT']['displayCond'])) {
+                    // Condition on a flex sheet
+                    $flexContext = [
+                        'context' => 'flexSheet',
+                        'sheetNameFieldNames' => $sheetNameFieldNames,
+                        'currentSheetName' => $sheetName,
+                        'flexFormRowData' => $result['databaseRow'][$columnName] ?? null,
+                    ];
+                    $parsedDisplayCondition = $this->parseConditionRecursive(
+                        $sheetConfiguration['ROOT']['displayCond'],
+                        $result['databaseRow'],
+                        $flexContext
+                    );
+                    $result['processedTca']['columns'][$columnName]['config']['ds']
+                        ['sheets'][$sheetName]['ROOT']['displayCond']
+                        = $parsedDisplayCondition;
+                }
+                if (isset($sheetConfiguration['ROOT']['el']) && is_array($sheetConfiguration['ROOT']['el'])) {
+                    foreach ($sheetConfiguration['ROOT']['el'] as $flexElementName => $flexElementConfiguration) {
+                        if (isset($flexElementConfiguration['displayCond'])) {
+                            // Condition on a flex element
+                            $flexContext = [
+                                'context' => 'flexField',
+                                'sheetNameFieldNames' => $sheetNameFieldNames,
+                                'currentSheetName' => $sheetName,
+                                'currentFieldName' => $flexElementName,
+                                'flexFormDataStructure' => $result['processedTca']['columns'][$columnName]['config']['ds'],
+                                'flexFormRowData' => $result['databaseRow'][$columnName] ?? null,
+                            ];
+                            $parsedDisplayCondition = $this->parseConditionRecursive(
+                                $flexElementConfiguration['displayCond'],
+                                $result['databaseRow'],
+                                $flexContext
+                            );
+                            $result['processedTca']['columns'][$columnName]['config']['ds']
+                                ['sheets'][$sheetName]['ROOT']
+                                ['el'][$flexElementName]['displayCond']
+                                = $parsedDisplayCondition;
+                        }
+                        if (isset($flexElementConfiguration['type']) && $flexElementConfiguration['type'] === 'array'
+                            && isset($flexElementConfiguration['section']) && $flexElementConfiguration['section'] == 1
+                            && isset($flexElementConfiguration['children']) && is_array($flexElementConfiguration['children'])
+                        ) {
+                            // Conditions on flex container section elements
+                            foreach ($flexElementConfiguration['children'] as $containerIdentifier => $containerElements) {
+                                if (isset($containerElements['el']) && is_array($containerElements['el'])) {
+                                    foreach ($containerElements['el'] as $containerElementName => $containerElementConfiguration) {
+                                        if (isset($containerElementConfiguration['displayCond'])) {
+                                            $flexContext = [
+                                                'context' => 'flexContainerElement',
+                                                'sheetNameFieldNames' => $sheetNameFieldNames,
+                                                'currentSheetName' => $sheetName,
+                                                'currentFieldName' => $flexElementName,
+                                                'currentContainerIdentifier' => $containerIdentifier,
+                                                'currentContainerElementName' => $containerElementName,
+                                                'flexFormDataStructure' => $result['processedTca']['columns'][$columnName]['config']['ds'],
+                                                'flexFormRowData' => $result['databaseRow'][$columnName],
+                                            ];
+                                            $parsedDisplayCondition = $this->parseConditionRecursive(
+                                                $containerElementConfiguration['displayCond'],
+                                                $result['databaseRow'],
+                                                $flexContext
+                                            );
+                                            $result['processedTca']['columns'][$columnName]['config']['ds']
+                                                ['sheets'][$sheetName]['ROOT']
+                                                ['el'][$flexElementName]
+                                                ['children'][$containerIdentifier]
+                                                ['el'][$containerElementName]['displayCond']
+                                                = $parsedDisplayCondition;
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * Parse a condition into an array representation and validate syntax. Handles nested conditions combined with AND and OR.
+     * Calls itself recursive for nesting and logically combined conditions.
+     *
+     * @param mixed $condition Either an array with multiple conditions combined with AND or OR, or a single condition string
+     * @param array $databaseRow Incoming full database row
+     * @param array $flexContext Detailed flex context if display condition is within a flex field, needed to determine field value for "FIELD" conditions
+     * @throws \RuntimeException
+     * @return array Array representation of that condition, see unit tests for details on syntax
+     */
+    protected function parseConditionRecursive($condition, array $databaseRow, array $flexContext = []): array
+    {
+        $conditionArray = [];
+        if (is_string($condition)) {
+            $conditionArray = $this->parseSingleConditionString($condition, $databaseRow, $flexContext);
+        } elseif (is_array($condition)) {
+            foreach ($condition as $logicalOperator => $groupedDisplayConditions) {
+                $logicalOperator = strtoupper(is_string($logicalOperator) ? $logicalOperator : '');
+                if (($logicalOperator !== 'AND' && $logicalOperator !== 'OR') || !is_array($groupedDisplayConditions)) {
+                    throw new \RuntimeException(
+                        'Multiple conditions must have boolean operator "OR" or "AND", "' . $logicalOperator . '" given.',
+                        1481380393
+                    );
+                }
+                $conditionArray = [
+                    'type' => $logicalOperator,
+                    'subConditions' => [],
+                ];
+                foreach ($groupedDisplayConditions as $key => $singleDisplayCondition) {
+                    $key = strtoupper((string)$key);
+                    if (($key === 'AND' || $key === 'OR') && is_array($singleDisplayCondition)) {
+                        // Recursion statement: condition is 'AND' or 'OR' and is pointing to an array (should be conditions again)
+                        $conditionArray['subConditions'][] = $this->parseConditionRecursive(
+                            [$key => $singleDisplayCondition],
+                            $databaseRow,
+                            $flexContext
+                        );
+                    } else {
+                        $conditionArray['subConditions'][] = $this->parseConditionRecursive(
+                            $singleDisplayCondition,
+                            $databaseRow,
+                            $flexContext
+                        );
+                    }
+                }
+            }
+        } else {
+            throw new \RuntimeException(
+                'Condition must be either an array with sub conditions or a single condition string, type ' . gettype($condition) . ' given.',
+                1481381058
+            );
+        }
+        return $conditionArray;
+    }
+
+    /**
+     * Parse a single condition string into pieces, validate them and return
+     * an array representation.
+     *
+     * @param string $conditionString Given condition string like "VERSION:IS:true"
+     * @param array $databaseRow Incoming full database row
+     * @param array $flexContext Detailed flex context if display condition is within a flex field, needed to determine field value for "FIELD" conditions
+     * @return array Validated name array, example: [ type="VERSION", isVersion="true" ]
+     * @throws \RuntimeException
+     */
+    protected function parseSingleConditionString(string $conditionString, array $databaseRow, array $flexContext = []): array
+    {
+        $conditionArray = GeneralUtility::trimExplode(':', $conditionString, false, 4);
+        $namedConditionArray = [
+            'type' => $conditionArray[0],
+        ];
+        switch ($namedConditionArray['type']) {
+            case 'FIELD':
+                if (empty($conditionArray[1])) {
+                    throw new \RuntimeException(
+                        'Field condition "' . $conditionString . '" must have a field name as second part, none given.'
+                        . 'Example: "FIELD:myField:=:myValue"',
+                        1481385695
+                    );
+                }
+                $fieldName = $conditionArray[1];
+
+                if (empty($conditionArray[2])) {
+                    throw new \RuntimeException(
+                        'Field condition "' . $conditionString . '" must have a valid operator as third part, none given.',
+                        1481386239
+                    );
+                }
+                $namedConditionArray['operator'] = $conditionArray[2];
+
+                if (!isset($conditionArray[3])) {
+                    throw new \RuntimeException(
+                        'Field condition "' . $conditionString . '" must have an operand as fourth part, none given.'
+                        . ' Example: "FIELD:myField:=:4"',
+                        1481401543
+                    );
+                }
+                $operand = $conditionArray[3];
+
+                if ($namedConditionArray['operator'] === 'REQ') {
+                    $operand = strtolower($operand);
+                    if ($operand === 'true') {
+                        $namedConditionArray['operand'] = true;
+                    } elseif ($operand === 'false') {
+                        $namedConditionArray['operand'] = false;
+                    } else {
+                        throw new \RuntimeException(
+                            'Field condition "' . $conditionString . '" must have "true" or "false" as fourth part.'
+                            . ' Example: "FIELD:myField:REQ:true',
+                            1481401892
+                        );
+                    }
+                } elseif (in_array($namedConditionArray['operator'], ['>', '<', '>=', '<=', 'BIT', '!BIT'], true)) {
+                    if (!MathUtility::canBeInterpretedAsInteger($operand)) {
+                        throw new \RuntimeException(
+                            'Field condition "' . $conditionString . '" with comparison operator ' . $namedConditionArray['operator']
+                            . ' must have a number as fourth part, ' . $operand . ' given. Example: "FIELD:myField:>:42"',
+                            1481456806
+                        );
+                    }
+                    $namedConditionArray['operand'] = (int)$operand;
+                } elseif (in_array($namedConditionArray['operator'], ['-', '!-'], true)) {
+                    [$minimum, $maximum] = GeneralUtility::trimExplode('-', $operand);
+                    if (!MathUtility::canBeInterpretedAsInteger($minimum) || !MathUtility::canBeInterpretedAsInteger($maximum)) {
+                        throw new \RuntimeException(
+                            'Field condition "' . $conditionString . '" with comparison operator ' . $namedConditionArray['operator']
+                            . ' must have two numbers as fourth part, separated by dash, ' . $operand . ' given. Example: "FIELD:myField:-:1-3"',
+                            1481457277
+                        );
+                    }
+                    $namedConditionArray['operand'] = '';
+                    $namedConditionArray['min'] = (int)$minimum;
+                    $namedConditionArray['max'] = (int)$maximum;
+                } elseif (in_array($namedConditionArray['operator'], ['IN', '!IN', '=', '!='], true)) {
+                    $namedConditionArray['operand'] = $operand;
+                } else {
+                    $allowedOperators = ['REQ', '>', '<', '>=', '<=', '-', '!-', '=', '!=', 'IN', '!IN', 'BIT', '!BIT'];
+                    throw new \RuntimeException(
+                        'Field condition "' . $conditionString . '" must have a valid operator as third part, invalid one given.'
+                        . ' Valid operators are: "' . implode('", "', $allowedOperators) . '".'
+                        . ' Example: "FIELD:myField:=:4"',
+                        1745918372
+                    );
+                }
+                $namedConditionArray['fieldValue'] = $this->findFieldValue($fieldName, $databaseRow, $flexContext);
+                break;
+            case 'HIDE_FOR_NON_ADMINS':
+                break;
+            case 'REC':
+                if (empty($conditionArray[1]) || $conditionArray[1] !== 'NEW') {
+                    throw new \RuntimeException(
+                        'Record condition "' . $conditionString . '" must contain "NEW" keyword: either "REC:NEW:true" or "REC:NEW:false"',
+                        1481384784
+                    );
+                }
+                if (empty($conditionArray[2])) {
+                    throw new \RuntimeException(
+                        'Record condition "' . $conditionString . '" must have an operand "true" or "false", none given. Example: "REC:NEW:true"',
+                        1481384947
+                    );
+                }
+                $operand = strtolower($conditionArray[2]);
+                if ($operand === 'true') {
+                    $namedConditionArray['isNew'] = true;
+                } elseif ($operand === 'false') {
+                    $namedConditionArray['isNew'] = false;
+                } else {
+                    throw new \RuntimeException(
+                        'Record condition "' . $conditionString . '" must have an operand "true" or "false, example "REC:NEW:true", given: ' . $operand,
+                        1481385173
+                    );
+                }
+                // Programming error: There must be a uid available, other data providers should have taken care of that already
+                if (!array_key_exists('uid', $databaseRow)) {
+                    throw new \RuntimeException(
+                        'Required [\'databaseRow\'][\'uid\'] not found in data array',
+                        1481467208
+                    );
+                }
+                // May contain "NEW123..."
+                $namedConditionArray['uid'] = $databaseRow['uid'];
+                break;
+            case 'VERSION':
+                if (empty($conditionArray[1]) || $conditionArray[1] !== 'IS') {
+                    throw new \RuntimeException(
+                        'Version condition "' . $conditionString . '" must contain "IS" keyword: either "VERSION:IS:false" or "VERSION:IS:true"',
+                        1481383660
+                    );
+                }
+                if (empty($conditionArray[2])) {
+                    throw new \RuntimeException(
+                        'Version condition "' . $conditionString . '" must have an operand "true" or "false", none given. Example: "VERSION:IS:true',
+                        1481383888
+                    );
+                }
+                $operand = strtolower($conditionArray[2]);
+                if ($operand === 'true') {
+                    $namedConditionArray['isVersion'] = true;
+                } elseif ($operand === 'false') {
+                    $namedConditionArray['isVersion'] = false;
+                } else {
+                    throw new \RuntimeException(
+                        'Version condition "' . $conditionString . '" must have a "true" or "false" operand, example "VERSION:IS:true", given: ' . $operand,
+                        1481384123
+                    );
+                }
+                // Programming error: There must be a uid available, other data providers should have taken care of that already
+                if (!array_key_exists('uid', $databaseRow)) {
+                    throw new \RuntimeException(
+                        'Required [\'databaseRow\'][\'uid\'] not found in data array',
+                        1481469854
+                    );
+                }
+                $namedConditionArray['uid'] = $databaseRow['uid'];
+                if (array_key_exists('t3ver_oid', $databaseRow)) {
+                    $namedConditionArray['t3ver_oid'] = $databaseRow['t3ver_oid'];
+                }
+                if (array_key_exists('pid', $databaseRow)) {
+                    $namedConditionArray['pid'] = $databaseRow['pid'];
+                }
+                if (array_key_exists('_ORIG_pid', $databaseRow)) {
+                    $namedConditionArray['_ORIG_pid'] = $databaseRow['_ORIG_pid'];
+                }
+                break;
+            case 'USER':
+                if (empty($conditionArray[1])) {
+                    throw new \RuntimeException(
+                        'User function condition "' . $conditionString . '" must have a user function defined a second part, none given.'
+                        . ' Correct format is USER:\My\User\Func->match:more:arguments,'
+                        . ' given: ' . $conditionString,
+                        1481382954
+                    );
+                }
+                $namedConditionArray['function'] = $conditionArray[1];
+                array_shift($conditionArray);
+                array_shift($conditionArray);
+                $parameters = count($conditionArray) < 2
+                    ? $conditionArray
+                    : array_merge(
+                        [$conditionArray[0]],
+                        GeneralUtility::trimExplode(':', $conditionArray[1])
+                    );
+                $namedConditionArray['parameters'] = $parameters;
+                $namedConditionArray['record'] = $databaseRow;
+                $namedConditionArray['flexContext'] = $flexContext;
+                break;
+            default:
+                throw new \RuntimeException(
+                    'Unknown condition rule type "' . $namedConditionArray['type'] . '" with display condition "' . $conditionString . '".',
+                    1481381950
+                );
+        }
+        return $namedConditionArray;
+    }
+
+    /**
+     * Find field value the condition refers to for "FIELD:" conditions.  For "normal" TCA fields this is the value of
+     * a "neighbor" field, but in flex form context it can be prepended with a sheet name. The method sorts out the
+     * details and returns the current field value.
+     *
+     * @param string $givenFieldName The full name used in displayCond. Can have sheet names included in flex context
+     * @param array $databaseRow Incoming database row values
+     * @param array $flexContext Detailed flex context if display condition is within a flex field, needed to determine field value for "FIELD" conditions
+     * @throws \RuntimeException
+     * @return mixed The current field value from database row or a deeper flex form structure field.
+     */
+    protected function findFieldValue(string $givenFieldName, array $databaseRow, array $flexContext = [])
+    {
+        $fieldValue = null;
+
+        // Early return for "normal" tca fields
+        if (empty($flexContext)) {
+            if (array_key_exists($givenFieldName, $databaseRow)) {
+                $fieldValue = $databaseRow[$givenFieldName];
+            }
+            return $fieldValue;
+        }
+        if ($flexContext['context'] === 'flexSheet') {
+            // A display condition on a flex form sheet. Relatively simple: fieldName is either
+            // "parentRec.fieldName" pointing to a databaseRow field name, or "sheetName.fieldName" pointing
+            // to a field value from a neighbor field.
+            if (str_starts_with($givenFieldName, 'parentRec.')) {
+                $fieldName = substr($givenFieldName, 10);
+                if (array_key_exists($fieldName, $databaseRow)) {
+                    $fieldValue = $databaseRow[$fieldName];
+                }
+            } else {
+                if (array_key_exists($givenFieldName, $flexContext['sheetNameFieldNames'])) {
+                    if ($flexContext['currentSheetName'] === $flexContext['sheetNameFieldNames'][$givenFieldName]['sheetName']) {
+                        throw new \RuntimeException(
+                            'Configuring displayCond to "' . $givenFieldName . '" on flex form sheet "'
+                            . $flexContext['currentSheetName'] . '" referencing a value from the same sheet does not make sense.',
+                            1481485705
+                        );
+                    }
+                }
+                $sheetName = $flexContext['sheetNameFieldNames'][$givenFieldName]['sheetName'] ?? null;
+                $fieldName = $flexContext['sheetNameFieldNames'][$givenFieldName]['fieldName'] ?? null;
+                if (!isset($flexContext['flexFormRowData']['data'][$sheetName]['lDEF'][$fieldName]['vDEF'])) {
+                    throw new \RuntimeException(
+                        'Flex form displayCond on sheet "' . $flexContext['currentSheetName'] . '" references field "' . $fieldName
+                        . '" of sheet "' . $sheetName . '", but that field does not exist in current data structure',
+                        1481488492
+                    );
+                }
+                $fieldValue = $flexContext['flexFormRowData']['data'][$sheetName]['lDEF'][$fieldName]['vDEF'];
+            }
+        } elseif ($flexContext['context'] === 'flexField') {
+            // A display condition on a flex field. Handle "parentRec." similar to sheet conditions,
+            // get a list of "local" field names and see if they are used as reference, else see if a
+            // "sheetName.fieldName" field reference is given
+            if (str_starts_with($givenFieldName, 'parentRec.')) {
+                $fieldName = substr($givenFieldName, 10);
+                if (array_key_exists($fieldName, $databaseRow)) {
+                    $fieldValue = $databaseRow[$fieldName];
+                }
+            } else {
+                $listOfLocalFlexFieldNames = array_keys(
+                    $flexContext['flexFormDataStructure']['sheets'][$flexContext['currentSheetName']]['ROOT']['el']
+                );
+                if (in_array($givenFieldName, $listOfLocalFlexFieldNames, true)) {
+                    // Condition references field name of the same sheet
+                    $sheetName = $flexContext['currentSheetName'];
+                    if (!isset($flexContext['flexFormRowData']['data'][$sheetName]['lDEF'][$givenFieldName]['vDEF'])) {
+                        throw new \RuntimeException(
+                            'Flex form displayCond on field "' . $flexContext['currentFieldName'] . '" on flex form sheet "'
+                            . $flexContext['currentSheetName'] . '" references field "' . $givenFieldName . '", but a field value'
+                            . ' does not exist in this sheet',
+                            1481492953
+                        );
+                    }
+                    $fieldValue = $flexContext['flexFormRowData']['data'][$sheetName]['lDEF'][$givenFieldName]['vDEF'];
+                } elseif (in_array($givenFieldName, array_keys($flexContext['sheetNameFieldNames'], true))) {
+                    // Condition references field name including a sheet name
+                    $sheetName = $flexContext['sheetNameFieldNames'][$givenFieldName]['sheetName'];
+                    $fieldName = $flexContext['sheetNameFieldNames'][$givenFieldName]['fieldName'];
+                    $fieldValue = $flexContext['flexFormRowData']['data'][$sheetName]['lDEF'][$fieldName]['vDEF'];
+                } else {
+                    throw new \RuntimeException(
+                        'Flex form displayCond on field "' . $flexContext['currentFieldName'] . '" on flex form sheet "'
+                        . $flexContext['currentSheetName'] . '" references a field or field / sheet combination "'
+                        . $givenFieldName . '" that might be defined in given data structure but is not found in data values.',
+                        1481496170
+                    );
+                }
+            }
+        } elseif ($flexContext['context'] === 'flexContainerElement') {
+            // A display condition on a flex form section container element. Handle "parentRec.", compare to a
+            // list of local field names, compare to a list of field names from same sheet, compare to a list
+            // of sheet fields from other sheets.
+            if (str_starts_with($givenFieldName, 'parentRec.')) {
+                $fieldName = substr($givenFieldName, 10);
+                if (array_key_exists($fieldName, $databaseRow)) {
+                    $fieldValue = $databaseRow[$fieldName];
+                }
+            } else {
+                $currentSheetName = $flexContext['currentSheetName'];
+                $currentFieldName = $flexContext['currentFieldName'];
+                $currentContainerIdentifier = $flexContext['currentContainerIdentifier'];
+                $currentContainerElementName = $flexContext['currentContainerElementName'];
+                $listOfLocalContainerElementNames = array_keys(
+                    $flexContext['flexFormDataStructure']['sheets'][$currentSheetName]['ROOT']
+                        ['el'][$currentFieldName]
+                        ['children'][$currentContainerIdentifier]
+                        ['el']
+                );
+                $listOfLocalContainerElementNamesWithSheetName = [];
+                foreach ($listOfLocalContainerElementNames as $aContainerElementName) {
+                    $listOfLocalContainerElementNamesWithSheetName[$currentSheetName . '.' . $aContainerElementName] = [
+                        'containerElementName' => $aContainerElementName,
+                    ];
+                }
+                $listOfLocalFlexFieldNames = array_keys(
+                    $flexContext['flexFormDataStructure']['sheets'][$currentSheetName]['ROOT']['el']
+                );
+                if (in_array($givenFieldName, $listOfLocalContainerElementNames, true)) {
+                    // Condition references field of same container instance
+                    $containerType = current(array_keys(
+                        $flexContext['flexFormRowData']['data'][$currentSheetName]
+                            ['lDEF'][$currentFieldName]
+                            ['el'][$currentContainerIdentifier]
+                    ));
+                    $fieldValue = $flexContext['flexFormRowData']['data'][$currentSheetName]
+                        ['lDEF'][$currentFieldName]
+                        ['el'][$currentContainerIdentifier]
+                        [$containerType]
+                        ['el'][$givenFieldName]['vDEF'];
+                } elseif (in_array($givenFieldName, array_keys($listOfLocalContainerElementNamesWithSheetName, true))) {
+                    // Condition references field name of same container instance and has sheet name included
+                    $containerType = current(array_keys(
+                        $flexContext['flexFormRowData']['data'][$currentSheetName]
+                        ['lDEF'][$currentFieldName]
+                        ['el'][$currentContainerIdentifier]
+                    ));
+                    $fieldName = $listOfLocalContainerElementNamesWithSheetName[$givenFieldName]['containerElementName'];
+                    $fieldValue = $flexContext['flexFormRowData']['data'][$currentSheetName]
+                        ['lDEF'][$currentFieldName]
+                        ['el'][$currentContainerIdentifier]
+                        [$containerType]
+                        ['el'][$fieldName]['vDEF'];
+                } elseif (in_array($givenFieldName, $listOfLocalFlexFieldNames, true)) {
+                    // Condition reference field name of sheet this section container is in
+                    $fieldValue = $flexContext['flexFormRowData']['data'][$currentSheetName]
+                        ['lDEF'][$givenFieldName]['vDEF'];
+                } elseif (in_array($givenFieldName, array_keys($flexContext['sheetNameFieldNames'], true))) {
+                    $sheetName = $flexContext['sheetNameFieldNames'][$givenFieldName]['sheetName'];
+                    $fieldName = $flexContext['sheetNameFieldNames'][$givenFieldName]['fieldName'];
+                    $fieldValue = $flexContext['flexFormRowData']['data'][$sheetName]['lDEF'][$fieldName]['vDEF'];
+                } else {
+                    $containerType = current(array_keys(
+                        $flexContext['flexFormRowData']['data'][$currentSheetName]
+                        ['lDEF'][$currentFieldName]
+                        ['el'][$currentContainerIdentifier]
+                    ));
+                    throw new \RuntimeException(
+                        'Flex form displayCond on section container field "' . $currentContainerElementName . '" of container type "'
+                        . $containerType . '" on flex form sheet "'
+                        . $flexContext['currentSheetName'] . '" references a field or field / sheet combination "'
+                        . $givenFieldName . '" that might be defined in given data structure but is not found in data values.',
+                        1481634649
+                    );
+                }
+            }
+        }
+
+        return $fieldValue;
+    }
+
+    /**
+     * Loop through TCA, find prepared conditions and evaluate them. Delete either the
+     * field itself if the condition did not match, or the 'displayCond' in TCA.
+     */
+    protected function evaluateConditions(array $result): array
+    {
+        // Evaluate normal tca fields first
+        $listOfFlexFieldNames = [];
+        foreach ($result['processedTca']['columns'] as $columnName => $columnConfiguration) {
+            $conditionResult = true;
+            if (isset($columnConfiguration['displayCond'])) {
+                $conditionResult = $this->evaluateConditionRecursive($columnConfiguration['displayCond']);
+                if (!$conditionResult) {
+                    unset($result['processedTca']['columns'][$columnName]);
+                } else {
+                    // Always unset the whole parsed display condition to save some memory, we're done with them
+                    unset($result['processedTca']['columns'][$columnName]['displayCond']);
+                }
+            }
+            // If field was not removed and if it is a flex field, add to list of flex fields to scan
+            if ($conditionResult && ($columnConfiguration['config']['type'] ?? false) === 'flex') {
+                $listOfFlexFieldNames[] = $columnName;
+            }
+        }
+
+        // Search for flex fields and evaluate sheet conditions throwing them away if needed
+        foreach ($listOfFlexFieldNames as $columnName) {
+            $columnConfiguration = $result['processedTca']['columns'][$columnName] ?? [];
+            foreach ($columnConfiguration['config']['ds']['sheets'] as $sheetName => $sheetConfiguration) {
+                if (is_array($sheetConfiguration['ROOT']['displayCond'] ?? false)) {
+                    if (!$this->evaluateConditionRecursive($sheetConfiguration['ROOT']['displayCond'])) {
+                        unset($result['processedTca']['columns'][$columnName]['config']['ds']['sheets'][$sheetName]);
+                    } else {
+                        unset($result['processedTca']['columns'][$columnName]['config']['ds']['sheets'][$sheetName]['ROOT']['displayCond']);
+                    }
+                }
+            }
+        }
+
+        // With full sheets gone we loop over display conditions of single fields in flex to throw fields away if needed
+        $listOfFlexSectionContainers = [];
+        foreach ($listOfFlexFieldNames as $columnName) {
+            $columnConfiguration = $result['processedTca']['columns'][$columnName];
+            if (is_array($columnConfiguration['config']['ds']['sheets'])) {
+                foreach ($columnConfiguration['config']['ds']['sheets'] as $sheetName => $sheetConfiguration) {
+                    if (isset($sheetConfiguration['ROOT']['el']) && is_array($sheetConfiguration['ROOT']['el'])) {
+                        foreach ($sheetConfiguration['ROOT']['el'] as $flexField => $flexConfiguration) {
+                            $conditionResult = true;
+                            if (isset($flexConfiguration['displayCond']) && is_array($flexConfiguration['displayCond'])) {
+                                $conditionResult = $this->evaluateConditionRecursive($flexConfiguration['displayCond']);
+                                if (!$conditionResult) {
+                                    unset(
+                                        $result['processedTca']['columns'][$columnName]['config']['ds']
+                                            ['sheets'][$sheetName]['ROOT']
+                                            ['el'][$flexField]
+                                    );
+                                } else {
+                                    unset(
+                                        $result['processedTca']['columns'][$columnName]['config']['ds']
+                                            ['sheets'][$sheetName]['ROOT']
+                                            ['el'][$flexField]['displayCond']
+                                    );
+                                }
+                            }
+                            // If it was not removed and if the field is a section container, add it to the section container list
+                            if ($conditionResult
+                                && isset($flexConfiguration['type']) && $flexConfiguration['type'] === 'array'
+                                && isset($flexConfiguration['section']) && $flexConfiguration['section'] == 1
+                                && isset($flexConfiguration['children']) && is_array($flexConfiguration['children'])
+                            ) {
+                                $listOfFlexSectionContainers[] = [
+                                    'columnName' => $columnName,
+                                    'sheetName' => $sheetName,
+                                    'flexField' => $flexField,
+                                ];
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        // Loop over found section container elements and evaluate their conditions
+        foreach ($listOfFlexSectionContainers as $flexSectionContainerPosition) {
+            $columnName = $flexSectionContainerPosition['columnName'];
+            $sheetName = $flexSectionContainerPosition['sheetName'];
+            $flexField = $flexSectionContainerPosition['flexField'];
+            $sectionElement = $result['processedTca']['columns'][$columnName]['config']['ds']
+                ['sheets'][$sheetName]['ROOT']
+                ['el'][$flexField];
+            foreach ($sectionElement['children'] as $containerInstanceName => $containerDataStructure) {
+                if (isset($containerDataStructure['el']) && is_array($containerDataStructure['el'])) {
+                    foreach ($containerDataStructure['el'] as $containerElementName => $containerElementConfiguration) {
+                        if (isset($containerElementConfiguration['displayCond']) && is_array($containerElementConfiguration['displayCond'])) {
+                            if (!$this->evaluateConditionRecursive($containerElementConfiguration['displayCond'])) {
+                                unset(
+                                    $result['processedTca']['columns'][$columnName]['config']['ds']
+                                        ['sheets'][$sheetName]['ROOT']
+                                        ['el'][$flexField]
+                                        ['children'][$containerInstanceName]
+                                        ['el'][$containerElementName]
+                                );
+                            } else {
+                                unset(
+                                    $result['processedTca']['columns'][$columnName]['config']['ds']
+                                        ['sheets'][$sheetName]['ROOT']
+                                        ['el'][$flexField]
+                                        ['children'][$containerInstanceName]
+                                        ['el'][$containerElementName]['displayCond']
+                                );
+                            }
+                        }
+                    }
+                }
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Evaluate a condition recursive by evaluating the single condition type
+     *
+     * @param array $conditionArray The condition to evaluate, possibly with subConditions for AND and OR types
+     * @return bool true if the condition matched
+     */
+    protected function evaluateConditionRecursive(array $conditionArray): bool
+    {
+        switch ($conditionArray['type']) {
+            case 'AND':
+                $result = true;
+                foreach ($conditionArray['subConditions'] as $subCondition) {
+                    $result = $result && $this->evaluateConditionRecursive($subCondition);
+                }
+                return $result;
+            case 'OR':
+                $result = false;
+                foreach ($conditionArray['subConditions'] as $subCondition) {
+                    $result = $result || $this->evaluateConditionRecursive($subCondition);
+                }
+                return $result;
+            case 'FIELD':
+                return $this->matchFieldCondition($conditionArray);
+            case 'HIDE_FOR_NON_ADMINS':
+                return (bool)$this->getBackendUser()->isAdmin();
+            case 'REC':
+                return $this->matchRecordCondition($conditionArray);
+            case 'VERSION':
+                return $this->matchVersionCondition($conditionArray);
+            case 'USER':
+                return $this->matchUserCondition($conditionArray);
+        }
+        return false;
+    }
+
+    /**
+     * Evaluates conditions concerning a field of the current record.
+     *
+     * Example:
+     * "FIELD:sys_language_uid:>:0" => TRUE, if the field 'sys_language_uid' is greater than 0
+     *
+     * @param array $condition Condition array
+     */
+    protected function matchFieldCondition(array $condition): bool
+    {
+        $operator = $condition['operator'];
+        $operand = $condition['operand'];
+        $fieldValue = $condition['fieldValue'];
+        $result = false;
+        switch ($operator) {
+            case 'REQ':
+                if (is_array($fieldValue) && count($fieldValue) <= 1) {
+                    $fieldValue = array_shift($fieldValue);
+                }
+                if ($operand) {
+                    $result = (bool)$fieldValue;
+                } else {
+                    $result = !$fieldValue;
+                }
+                break;
+            case '>':
+                if (is_array($fieldValue) && count($fieldValue) <= 1) {
+                    $fieldValue = array_shift($fieldValue);
+                }
+                $result = $fieldValue > $operand;
+                break;
+            case '<':
+                if (is_array($fieldValue) && count($fieldValue) <= 1) {
+                    $fieldValue = array_shift($fieldValue);
+                }
+                $result = $fieldValue < $operand;
+                break;
+            case '>=':
+                if (is_array($fieldValue) && count($fieldValue) <= 1) {
+                    $fieldValue = array_shift($fieldValue);
+                }
+                if ($fieldValue === null) {
+                    // If field value is null, this is NOT greater than or equal 0
+                    // See test set "Field is not greater than or equal to zero if empty array given"
+                    $result = false;
+                } else {
+                    $result = $fieldValue >= $operand;
+                }
+                break;
+            case '<=':
+                if (is_array($fieldValue) && count($fieldValue) <= 1) {
+                    $fieldValue = array_shift($fieldValue);
+                }
+                $result = $fieldValue <= $operand;
+                break;
+            case '-':
+            case '!-':
+                if (is_array($fieldValue) && count($fieldValue) <= 1) {
+                    $fieldValue = array_shift($fieldValue);
+                }
+                $min = $condition['min'];
+                $max = $condition['max'];
+                $result = $fieldValue >= $min && $fieldValue <= $max;
+                if ($operator[0] === '!') {
+                    $result = !$result;
+                }
+                break;
+            case '=':
+            case '!=':
+                if (is_array($fieldValue) && count($fieldValue) <= 1) {
+                    $fieldValue = array_shift($fieldValue);
+                }
+                $result = $fieldValue == $operand;
+                if ($operator[0] === '!') {
+                    $result = !$result;
+                }
+                break;
+            case 'IN':
+            case '!IN':
+                if (is_array($fieldValue)) {
+                    $result = count(array_intersect($fieldValue, GeneralUtility::trimExplode(',', $operand))) > 0;
+                } else {
+                    $result = GeneralUtility::inList($operand, $fieldValue);
+                }
+                if ($operator[0] === '!') {
+                    $result = !$result;
+                }
+                break;
+            case 'BIT':
+            case '!BIT':
+                $result = (bool)((int)$fieldValue & $operand);
+                if ($operator[0] === '!') {
+                    $result = !$result;
+                }
+                break;
+        }
+        return $result;
+    }
+
+    /**
+     * Evaluates conditions concerning the status of the current record.
+     *
+     * Example:
+     * "REC:NEW:FALSE" => TRUE, if the record is already persisted (has a uid > 0)
+     *
+     * @param array $condition Condition array
+     */
+    protected function matchRecordCondition(array $condition): bool
+    {
+        if ($condition['isNew']) {
+            return !((int)$condition['uid'] > 0);
+        }
+        return (int)$condition['uid'] > 0;
+    }
+
+    /**
+     * Evaluates whether the current record is versioned.
+     *
+     * @param array $condition Condition array
+     */
+    protected function matchVersionCondition(array $condition): bool
+    {
+        $isNewRecord = !((int)$condition['uid'] > 0);
+        // Detection of version can be done by detecting the workspace of the user
+        $isUserInWorkspace = $this->getBackendUser()->workspace > 0;
+        if ((int)($condition['t3ver_oid'] ?? 0) > 0) {
+            $isRecordDetectedAsVersion = true;
+        } else {
+            $isRecordDetectedAsVersion = false;
+        }
+        // New records in a workspace are not handled as a version record
+        // if it's no new version, we detect versions like this:
+        // * if user is in workspace: always TRUE
+        // * if editor is in live ws: only TRUE if t3ver_oid > 0
+        $result = ($isUserInWorkspace || $isRecordDetectedAsVersion) && !$isNewRecord;
+        if (!$condition['isVersion']) {
+            $result = !$result;
+        }
+        return $result;
+    }
+
+    /**
+     * Evaluates via the referenced user-defined method
+     *
+     * @param array $condition Condition array
+     */
+    protected function matchUserCondition(array $condition): bool
+    {
+        $parameter = [
+            'record' => $condition['record'],
+            'flexContext' => $condition['flexContext'],
+            'flexformValueKey' => 'vDEF',
+            'conditionParameters' => $condition['parameters'],
+        ];
+        return (bool)GeneralUtility::callUserFunction($condition['function'], $parameter, $this);
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/InitializeProcessedTca.php b/Classes/Form/FormDataProvider/InitializeProcessedTca.php
new file mode 100644
index 0000000..e9ca934
--- /dev/null
+++ b/Classes/Form/FormDataProvider/InitializeProcessedTca.php
@@ -0,0 +1,91 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+
+/**
+ * This class is not named properly but will be reworked in the future.
+ *
+ * Currently, it is necessary to set the TCA from the outside as it needs to be faked e.g., for edit site configuration.
+ * As the formengine handles inline Elements as nested call to itself the TCA and its schema needs to be hold as state.
+ *
+ * @todo: Once processedTca is refactored from its array shape remove keeping the full TCA and TCA schemata as state.
+ */
+readonly class InitializeProcessedTca implements FormDataProviderInterface
+{
+    public function __construct(private TcaSchemaFactory $tcaSchemaFactory) {}
+
+    /**
+     * Add full TCA as copy from vanilla TCA if not already set form the outside
+     * Fetch TCA schemata from vanilla TCA if not already set from the outside
+     * Add processed TCA as copy from vanilla TCA and sanitize some details
+     */
+    public function addData(array $result): array
+    {
+        $result = $this->initializeFullTca($result);
+        $result = $this->initializeTcaSchemata($result);
+        return $this->initializeProcessedTca($result);
+    }
+
+    private function initializeFullTca(array $result): array
+    {
+        if (!empty($result['fullTca'] ?? null)) {
+            return $result;
+        }
+
+        $result['fullTca'] = $GLOBALS['TCA'];
+        return $result;
+    }
+
+    private function initializeTcaSchemata(array $result): array
+    {
+        if (!empty($result['tcaSchemata'] ?? null)) {
+            return $result;
+        }
+
+        $result['tcaSchemata'] = $this->tcaSchemaFactory->all();
+        return $result;
+    }
+
+    private function initializeProcessedTca(array $result): array
+    {
+        if (empty($result['processedTca'])) {
+            if (
+                !isset($result['fullTca'][$result['tableName']])
+                || !is_array($result['fullTca'][$result['tableName']])
+            ) {
+                throw new \UnexpectedValueException(
+                    'TCA for table ' . $result['tableName'] . ' not found',
+                    1437914223
+                );
+            }
+
+            $result['processedTca'] = $result['fullTca'][$result['tableName']];
+        }
+
+        if (!is_array($result['processedTca']['columns'])) {
+            throw new \UnexpectedValueException(
+                'No columns definition in TCA table ' . $result['tableName'],
+                1438594406
+            );
+        }
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/InlineOverrideChildTca.php b/Classes/Form/FormDataProvider/InlineOverrideChildTca.php
new file mode 100644
index 0000000..eef152e
--- /dev/null
+++ b/Classes/Form/FormDataProvider/InlineOverrideChildTca.php
@@ -0,0 +1,137 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+
+/**
+ * Override child TCA in an inline parent child relation.
+ *
+ * This basically merges the inline property ['overrideChildTca'] from
+ * parent TCA over given child TCA.
+ */
+class InlineOverrideChildTca implements FormDataProviderInterface
+{
+    /**
+     * ['columns'] section child TCA field names that can not be overridden
+     * by overrideChildTca from parent.
+     *
+     * @var array
+     */
+    protected $notSettableFields = [
+        'uid',
+        'pid',
+        't3ver_oid',
+        't3ver_wsid',
+        't3ver_state',
+        't3ver_stage',
+    ];
+
+    /**
+     * Configuration fields in ctrl section. Their values are field names and if the
+     * keys are set in ['ctrl'] section, they are added to the $notSettableFields list
+     * and can not be overridden, too.
+     *
+     * @var array
+     */
+    protected $configurationKeysForNotSettableFields = [
+        'crdate',
+        'delete',
+        'origUid',
+        'transOrigDiffSourceField',
+        'transOrigPointerField',
+        'tstamp',
+    ];
+
+    /**
+     * Inline parent TCA may override some TCA of children.
+     *
+     * @param array $result Main result array
+     * @return array Modified result array
+     */
+    public function addData(array $result): array
+    {
+        $result = $this->overrideTypes($result);
+        return $this->overrideColumns($result);
+    }
+
+    /**
+     * Override ['types'] configuration in child TCA
+     *
+     * @param array $result Main result array
+     * @return array Modified result array
+     */
+    protected function overrideTypes(array $result): array
+    {
+        if (!isset($result['inlineParentConfig']['overrideChildTca']['types'])) {
+            return $result;
+        }
+        $result['processedTca']['types'] = array_replace_recursive(
+            $result['processedTca']['types'],
+            $result['inlineParentConfig']['overrideChildTca']['types']
+        );
+        return $result;
+    }
+
+    /**
+     * Override ['columns'] configuration in child TCA.
+     * Sanitizes that various hard dependencies can not be changed.
+     *
+     * @param array $result Main result array
+     * @return array Modified result array
+     * @throws \RuntimeException
+     */
+    protected function overrideColumns(array $result): array
+    {
+        if (!isset($result['inlineParentConfig']['overrideChildTca']['columns'])) {
+            return $result;
+        }
+        $fieldBlackList = $this->generateFieldBlackList($result);
+        foreach ($fieldBlackList as $notChangeableFieldName) {
+            if (isset($result['inlineParentConfig']['overrideChildTca']['columns'][$notChangeableFieldName])) {
+                throw new \RuntimeException(
+                    'System field \'' . $notChangeableFieldName . '\' can not be overridden in inline config'
+                    . ' \'overrideChildTca\' from parent TCA',
+                    1490371322
+                );
+            }
+        }
+        $result['processedTca']['columns'] = array_replace_recursive(
+            $result['processedTca']['columns'],
+            $result['inlineParentConfig']['overrideChildTca']['columns']
+        );
+        return $result;
+    }
+
+    /**
+     * Add field names defined in ctrl section of child table to black list
+     *
+     * @param array $result Main result array
+     * @return array Column field names which can not be changed by parent TCA
+     */
+    protected function generateFieldBlackList(array $result): array
+    {
+        $notSettableFields = $this->notSettableFields;
+        foreach ($this->configurationKeysForNotSettableFields as $configurationKey) {
+            if (isset($result['processedTca']['ctrl'][$configurationKey])) {
+                $notSettableFields[] = $result['processedTca']['ctrl'][$configurationKey];
+            }
+        }
+        return $notSettableFields;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/PageTsConfig.php b/Classes/Form/FormDataProvider/PageTsConfig.php
new file mode 100644
index 0000000..2f52917
--- /dev/null
+++ b/Classes/Form/FormDataProvider/PageTsConfig.php
@@ -0,0 +1,37 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+
+/**
+ * Page TsConfig relevant for this record
+ */
+class PageTsConfig implements FormDataProviderInterface
+{
+    /**
+     * Add page TSconfig
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        $result['pageTsConfig'] = BackendUtility::getPagesTSconfig($result['effectivePid']);
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/PageTsConfigMerged.php b/Classes/Form/FormDataProvider/PageTsConfigMerged.php
new file mode 100644
index 0000000..2a4baad
--- /dev/null
+++ b/Classes/Form/FormDataProvider/PageTsConfigMerged.php
@@ -0,0 +1,65 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+
+/**
+ * Page TSconfig relevant for this record
+ */
+class PageTsConfigMerged implements FormDataProviderInterface
+{
+    /**
+     * Merge type specific page TS to page TSconfig
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        $mergedTsConfig = $result['pageTsConfig'];
+
+        if (empty($result['pageTsConfig']['TCEFORM.']) || !is_array($result['pageTsConfig']['TCEFORM.'])) {
+            $result['pageTsConfig'] = $mergedTsConfig;
+            return $result;
+        }
+
+        $mergedTsConfig = $result['pageTsConfig'];
+        $type = $result['recordTypeValue'];
+        $table = $result['tableName'];
+
+        // Merge TCEFORM.[table name].[field].types.[type] over TCEFORM.[table name].[field]
+        if (!empty($result['pageTsConfig']['TCEFORM.'][$table . '.'])
+            && is_array($result['pageTsConfig']['TCEFORM.'][$table . '.'])
+        ) {
+            foreach ($result['pageTsConfig']['TCEFORM.'][$table . '.'] as $fieldNameWithDot => $fullFieldConfiguration) {
+                $newFieldConfiguration = $fullFieldConfiguration;
+                if (!empty($fullFieldConfiguration['types.']) && is_array($fullFieldConfiguration['types.'])) {
+                    $typeSpecificConfiguration = $newFieldConfiguration['types.'];
+                    unset($newFieldConfiguration['types.']);
+                    if (!empty($typeSpecificConfiguration[$type . '.']) && is_array($typeSpecificConfiguration[$type . '.'])) {
+                        ArrayUtility::mergeRecursiveWithOverrule($newFieldConfiguration, $typeSpecificConfiguration[$type . '.']);
+                    }
+                }
+                $mergedTsConfig['TCEFORM.'][$table . '.'][$fieldNameWithDot] = $newFieldConfiguration;
+            }
+        }
+
+        $result['pageTsConfig'] = $mergedTsConfig;
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/ReturnUrl.php b/Classes/Form/FormDataProvider/ReturnUrl.php
new file mode 100644
index 0000000..932a4c0
--- /dev/null
+++ b/Classes/Form/FormDataProvider/ReturnUrl.php
@@ -0,0 +1,65 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+
+/**
+ * Resolve return Url if not set from outside. This is used
+ * by various field elements when a "sub" FormEngine view
+ * is triggered. An example is the "Add" button on type="group"
+ * elements.
+ *
+ * @todo: We may want to get rid of this eventually: The returnUrl
+ *        should typically be set by calling controllers as initial
+ *        data, since only controllers know details about current
+ *        context. The fallback below is a bit of guesswork.
+ */
+readonly class ReturnUrl implements FormDataProviderInterface
+{
+    public function __construct(
+        private UriBuilder $uriBuilder,
+    ) {}
+
+    public function addData(array $result): array
+    {
+        if ($result['returnUrl'] !== null) {
+            return $result;
+        }
+        /** @var ServerRequestInterface $request */
+        $request = $result['request'];
+        $routeIdentifier = $request->getAttribute('route')?->getOption('_identifier');
+        if ($routeIdentifier === null) {
+            // Route could not be found. This usually should not happen in any
+            // backend context, but is sanitized here nevertheless. returnUrl
+            // will be kept as null in this case, which may or may not trigger
+            // subsequent issues.
+            return $result;
+        }
+        $queryParams = $request->getQueryParams();
+        $relevantQueryParams = [];
+        foreach ($queryParams as $queryKey => $queryValue) {
+            if (in_array($queryKey, ['token', 'returnUrl'], true)) {
+                continue;
+            }
+            $relevantQueryParams[$queryKey] = $queryValue;
+        }
+        $result['returnUrl'] = (string)$this->uriBuilder->buildUriFromRoute($routeIdentifier, $relevantQueryParams);
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/SiteDatabaseEditRow.php b/Classes/Form/FormDataProvider/SiteDatabaseEditRow.php
new file mode 100644
index 0000000..0297ac9
--- /dev/null
+++ b/Classes/Form/FormDataProvider/SiteDatabaseEditRow.php
@@ -0,0 +1,106 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Configuration\SiteTcaConfiguration;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Configuration\Processor\Placeholder\EnvPlaceholderProcessor;
+use TYPO3\CMS\Core\Configuration\SiteConfiguration;
+use TYPO3\CMS\Core\Exception\SiteNotFoundException;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Special data provider for the sites configuration module.
+ *
+ * Fetch "row" data from yml file and set as 'databaseRow'
+ */
+readonly class SiteDatabaseEditRow implements FormDataProviderInterface
+{
+    public function __construct(
+        private SiteFinder $siteFinder,
+        private SiteTcaConfiguration $siteTcaConfiguration,
+        private EnvPlaceholderProcessor $envPlaceholderProcessor,
+    ) {}
+
+    /**
+     * First level of ['customData']['siteData'] to ['databaseRow']
+     *
+     * @throws \RuntimeException
+     */
+    public function addData(array $result): array
+    {
+        if ($result['command'] !== 'edit' || !empty($result['databaseRow'])) {
+            return $result;
+        }
+
+        $tableName = $result['tableName'];
+        if ($tableName === 'site') {
+            $rootPageId = (int)$result['vanillaUid'];
+            $rowData = $this->getRawConfigurationForSiteWithRootPageId($rootPageId);
+            $result['databaseRow']['uid'] = $rowData['rootPageId'];
+            $result['databaseRow']['identifier'] = $result['customData']['siteIdentifier'];
+        } elseif (in_array($tableName, ['site_errorhandling', 'site_language', 'site_route', 'site_base_variant'], true)) {
+            $unprocessedRootPageId = $result['inlineTopMostParentUid'] ?? $result['inlineParentUid'];
+
+            $processedRootPageId = $this->envPlaceholderProcessor->canProcess($unprocessedRootPageId)
+                ? (int)$this->envPlaceholderProcessor->process($unprocessedRootPageId)
+                : (int)$unprocessedRootPageId;
+
+            try {
+                $rowData = $this->getRawConfigurationForSiteWithRootPageId($processedRootPageId);
+                $parentFieldName = $result['inlineParentFieldName'];
+                if (!isset($rowData[$parentFieldName])) {
+                    throw new \RuntimeException('Field "' . $parentFieldName . '" not found', 1520886092);
+                }
+                $rowData = $rowData[$parentFieldName][$result['vanillaUid']];
+                $result['databaseRow']['uid'] = $result['vanillaUid'];
+            } catch (SiteNotFoundException $e) {
+                $rowData = [];
+            }
+        } else {
+            throw new \RuntimeException('Other tables not implemented', 1520886234);
+        }
+
+        foreach ($rowData as $fieldName => $value) {
+            // Flat values only - databaseRow has no "tree"
+            if (!is_array($value)) {
+                $result['databaseRow'][$fieldName] = $value;
+            }
+        }
+        // All "records" are always on pid 0
+        $result['databaseRow']['pid'] = 0;
+        return $result;
+    }
+
+    protected function getRawConfigurationForSiteWithRootPageId(int $rootPageId): array
+    {
+        $site = $this->siteFinder->getSiteByRootPageId($rootPageId);
+        // load config as it is stored on disk (without replacements)
+        $siteTca = $this->siteTcaConfiguration->getTca();
+
+        $configuration = GeneralUtility::makeInstance(SiteConfiguration::class)->load($site->getIdentifier());
+
+        foreach ($configuration as $fieldName => $fieldValue) {
+            if (is_array($fieldValue) && ($siteTca['site']['columns'][$fieldName]['config']['type'] ?? '') === 'select' && ($siteTca['site']['columns'][$fieldName]['config']['renderType'] ?? '') === 'selectMultipleSideBySide') {
+                $configuration[$fieldName] = implode(',', $fieldValue);
+            }
+        }
+        return $configuration;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/SiteResolving.php b/Classes/Form/FormDataProvider/SiteResolving.php
new file mode 100644
index 0000000..907eb08
--- /dev/null
+++ b/Classes/Form/FormDataProvider/SiteResolving.php
@@ -0,0 +1,72 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Exception\SiteNotFoundException;
+use TYPO3\CMS\Core\Site\Entity\NullSite;
+use TYPO3\CMS\Core\Site\Entity\SiteInterface;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * This data provider is used in casual edit record / new record / edit page / new page
+ * scenarios: It find the site object for a page and adds it as 'site' in $result.
+ *
+ * Note this data provider has a loose dependency to DatabaseDefaultLanguagePageRow,
+ * it needs that to determine the correct base pid if localized pages are edited.
+ */
+readonly class SiteResolving implements FormDataProviderInterface
+{
+    public function __construct(
+        private SiteFinder $siteFinder,
+    ) {}
+
+    /**
+     * Find and add site object
+     */
+    public function addData(array $result): array
+    {
+        if ($result['defaultLanguagePageRow']['t3ver_oid'] ?? null) {
+            $pageIdDefaultLanguage = (int)$result['defaultLanguagePageRow']['t3ver_oid'];
+        } elseif ($result['defaultLanguagePageRow']['uid'] ?? null) {
+            $pageIdDefaultLanguage = (int)$result['defaultLanguagePageRow']['uid'];
+        } elseif (array_key_exists('tableName', $result) && $result['tableName'] === 'pages') {
+            if (!empty($result['databaseRow']['t3ver_oid'])) {
+                $pageIdDefaultLanguage = $result['databaseRow']['t3ver_oid'];
+            } elseif (MathUtility::canBeInterpretedAsInteger($result['databaseRow']['uid'] ?? '')) {
+                $pageIdDefaultLanguage = $result['databaseRow']['uid'];
+            } else {
+                $pageIdDefaultLanguage = $result['effectivePid'];
+            }
+        } else {
+            $pageIdDefaultLanguage = $result['effectivePid'];
+        }
+        $result['site'] = $this->resolveSite((int)$pageIdDefaultLanguage);
+        return $result;
+    }
+
+    protected function resolveSite(int $pageId): SiteInterface
+    {
+        try {
+            return $this->siteFinder->getSiteByPageId($pageId);
+        } catch (SiteNotFoundException $e) {
+            return new NullSite();
+        }
+    }
+}
diff --git a/Classes/Form/FormDataProvider/SiteTcaInline.php b/Classes/Form/FormDataProvider/SiteTcaInline.php
new file mode 100644
index 0000000..2527dcf
--- /dev/null
+++ b/Classes/Form/FormDataProvider/SiteTcaInline.php
@@ -0,0 +1,207 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\SiteConfigurationDataGroup;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Exception\SiteNotFoundException;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Special data provider for the sites configuration module.
+ *
+ * Handle inline children of 'site'
+ */
+class SiteTcaInline extends AbstractDatabaseRecordProvider implements FormDataProviderInterface
+{
+    public function __construct(
+        private readonly SiteFinder $siteFinder,
+        private readonly InlineStackProcessor $inlineStackProcessor,
+    ) {}
+
+    /**
+     * Resolve inline fields
+     */
+    public function addData(array $result): array
+    {
+        $result = $this->addInlineFirstPid($result);
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (!$this->isInlineField($fieldConfig)) {
+                continue;
+            }
+            $childTableName = $fieldConfig['config']['foreign_table'] ?? '';
+            if (!in_array($childTableName, ['site_errorhandling', 'site_route', 'site_base_variant'], true)) {
+                throw new \RuntimeException('Inline relation to other tables not implemented', 1522494737);
+            }
+            $result['processedTca']['columns'][$fieldName]['children'] = [];
+            $result = $this->resolveSiteRelatedChildren($result, $fieldName);
+            if (!empty($result['processedTca']['columns'][$fieldName]['config']['selectorOrUniqueConfiguration'])) {
+                throw new \RuntimeException('selectorOrUniqueConfiguration not implemented in sites module', 1624313533);
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Is column of type "inline"
+     */
+    protected function isInlineField(array $fieldConfig): bool
+    {
+        return !empty($fieldConfig['config']['type']) && $fieldConfig['config']['type'] === 'inline';
+    }
+
+    /**
+     * The "entry" pid for inline records. Nested inline records can potentially hang around on different
+     * pid's, but the entry pid is needed for AJAX calls, so that they would know where the action takes place on the page structure.
+     *
+     * @param array $result Incoming result
+     * @return array Modified result
+     * @todo: Find out when and if this is different from 'effectivePid'
+     */
+    protected function addInlineFirstPid(array $result): array
+    {
+        if ($result['inlineFirstPid'] === null) {
+            $table = $result['tableName'];
+            $row = $result['databaseRow'];
+            // If the parent is a page, use the uid(!) of the (new?) page as pid for the child records:
+            if ($table === 'pages') {
+                $liveVersionId = BackendUtility::getLiveVersionIdOfRecord('pages', $row['uid']);
+                $pid = $liveVersionId ?? $row['uid'];
+            } elseif (($row['pid'] ?? 0) < 0) {
+                $prevRec = BackendUtility::getRecord($table, (int)abs($row['pid']));
+                $pid = $prevRec['pid'];
+            } else {
+                $pid = $row['pid'] ?? 0;
+            }
+            if (MathUtility::canBeInterpretedAsInteger($pid)) {
+                $pageRecord = BackendUtility::getRecord('pages', (int)$pid);
+                $pageSchema = $result['tcaSchemata']->has('pages') ? $result['tcaSchemata']->get('pages') : null;
+                if ($pageSchema !== null
+                    && $pageSchema->hasCapability(TcaSchemaCapability::Language)
+                    && ($pageRecord[$pageSchema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName()] ?? 0) > 0) {
+                    $pid = (int)$pageRecord[$pageSchema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName()];
+                }
+            } elseif (!str_starts_with($pid, 'NEW')) {
+                throw new \RuntimeException(
+                    'inlineFirstPid should either be an integer or a "NEW..." string',
+                    1521220141
+                );
+            }
+            $result['inlineFirstPid'] = $pid;
+        }
+        return $result;
+    }
+
+    /**
+     * Substitute the value in databaseRow of this inline field with an array
+     * that contains the databaseRows of currently connected records and some meta information.
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @return array Modified item array
+     */
+    protected function resolveSiteRelatedChildren(array $result, string $fieldName): array
+    {
+        $connectedUids = [];
+        if ($result['command'] === 'edit') {
+            $siteConfigurationForPageUid = (int)$result['databaseRow']['rootPageId'][0];
+            try {
+                $site = $this->siteFinder->getSiteByRootPageId($siteConfigurationForPageUid);
+            } catch (SiteNotFoundException $e) {
+                $site = null;
+            }
+            $siteConfiguration = $site ? $site->getConfiguration() : [];
+            if (is_array($siteConfiguration[$fieldName] ?? false)) {
+                $connectedUids = array_keys($siteConfiguration[$fieldName]);
+            }
+        }
+
+        $result['databaseRow'][$fieldName] = implode(',', $connectedUids);
+        if ($result['inlineCompileExistingChildren']) {
+            foreach ($connectedUids as $uid) {
+                if (!str_starts_with((string)$uid, 'NEW')) {
+                    $compiledChild = $this->compileChild($result, $fieldName, (int)$uid);
+                    $result['processedTca']['columns'][$fieldName]['children'][] = $compiledChild;
+                }
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Compile a full child record
+     *
+     * @param array $result Result array of parent
+     * @param string $parentFieldName Name of parent field
+     * @param int $childUid Uid of child to compile
+     * @return array Full result array
+     */
+    protected function compileChild(array $result, string $parentFieldName, int $childUid): array
+    {
+        $parentConfig = $result['processedTca']['columns'][$parentFieldName]['config'];
+        $childTableName = $parentConfig['foreign_table'];
+
+        $inlineTopMostParent = $this->inlineStackProcessor->getStructureLevelFromStructure($result['inlineStructure'], 0);
+
+        $formDataCompiler = GeneralUtility::makeInstance(FormDataCompiler::class);
+        $formDataCompilerInput = [
+            'request' => $result['request'],
+            'command' => 'edit',
+            'tableName' => $childTableName,
+            'vanillaUid' => $childUid,
+            // Give incoming returnUrl down to children so they generate a returnUrl back to
+            // the originally opening record, also see "originalReturnUrl" in inline container
+            // and FormInlineAjaxController
+            'returnUrl' => $result['returnUrl'],
+            'isInlineChild' => true,
+            'inlineStructure' => $result['inlineStructure'],
+            'inlineExpandCollapseStateArray' => $result['inlineExpandCollapseStateArray'],
+            'inlineFirstPid' => $result['inlineFirstPid'],
+            'inlineParentConfig' => $parentConfig,
+
+            // values of the current parent element
+            // it is always a string either an id or new...
+            'inlineParentUid' => $result['databaseRow']['uid'],
+            'inlineParentTableName' => $result['tableName'],
+            'inlineParentFieldName' => $parentFieldName,
+
+            // values of the top most parent element set on first level and not overridden on following levels
+            'inlineTopMostParentUid' => $result['inlineTopMostParentUid'] ?: ($inlineTopMostParent['uid'] ?? null),
+            'inlineTopMostParentTableName' => $result['inlineTopMostParentTableName'] ?: ($inlineTopMostParent['table'] ?? ''),
+            'inlineTopMostParentFieldName' => $result['inlineTopMostParentFieldName'] ?: ($inlineTopMostParent['field'] ?? ''),
+
+            // pass through schemata as they are immutable once they are set
+            'tcaSchemata' => $result['tcaSchemata'],
+            // pass through fullTca as it is immutable once set
+            'fullTca' => $result['fullTca'],
+        ];
+
+        if (($parentConfig['foreign_selector'] ?? false) && ($parentConfig['appearance']['useCombination'] ?? false)) {
+            throw new \RuntimeException('useCombination not implemented in sites module', 1522493097);
+        }
+        return $formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(SiteConfigurationDataGroup::class));
+    }
+}
diff --git a/Classes/Form/FormDataProvider/SystemMaintainerAsReadonly.php b/Classes/Form/FormDataProvider/SystemMaintainerAsReadonly.php
new file mode 100644
index 0000000..e346425
--- /dev/null
+++ b/Classes/Form/FormDataProvider/SystemMaintainerAsReadonly.php
@@ -0,0 +1,75 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+
+/**
+ * Special data provider for setting all fields of the current
+ * record to "readOnly" in case a non system maintainer is editing
+ * a system maintainer record.
+ */
+readonly class SystemMaintainerAsReadonly implements FormDataProviderInterface
+{
+    public function __construct(
+        private FlashMessageService $flashMessageService,
+    ) {}
+
+    public function addData(array $result): array
+    {
+        if ($result['tableName'] !== 'be_users' || $result['command'] !== 'edit') {
+            return $result;
+        }
+
+        $id = (int)$result['vanillaUid'];
+        $systemMaintainers = array_map(intval(...), $GLOBALS['TYPO3_CONF_VARS']['SYS']['systemMaintainers'] ?? []);
+        $isCurrentUserSystemMaintainer = $this->getBackendUser()->isSystemMaintainer();
+        $isTargetUserInSystemMaintainerList = in_array($id, $systemMaintainers, true);
+        if (!$isCurrentUserSystemMaintainer && $isTargetUserInSystemMaintainerList) {
+            $message = $this->getLanguageService()->sL(
+                'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:formEngine.beUser.information.adminCanNotChangeSystemMaintainer'
+            );
+            $flashMessage = new FlashMessage(
+                $message,
+                '',
+                ContextualFeedbackSeverity::INFO
+            );
+            $this->flashMessageService->getMessageQueueByIdentifier()->enqueue($flashMessage);
+
+            foreach ($result['processedTca']['columns'] as &$fieldConfig) {
+                $fieldConfig['config']['readOnly'] = true;
+            }
+        }
+        return $result;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaCategory.php b/Classes/Form/FormDataProvider/TcaCategory.php
new file mode 100644
index 0000000..bc497e4
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaCategory.php
@@ -0,0 +1,228 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Database\RelationHandler;
+use TYPO3\CMS\Core\Tree\TableConfiguration\ArrayTreeRenderer;
+use TYPO3\CMS\Core\Tree\TableConfiguration\TableConfigurationTree;
+use TYPO3\CMS\Core\Tree\TableConfiguration\TreeDataProviderFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Data provider for type=category
+ *
+ * Used in combination with CategoryElement to create the base HTML for the category tree.
+ *
+ * Used in combination with FormSelectTreeAjaxController to fetch the final tree list, this
+ * is triggered if $result['selectTreeCompileItems'] is set to true. This way the tree item
+ * calculation is only triggered if needed in this ajax context. Writes the prepared item
+ * array to ['config']['items'] in this case.
+ */
+class TcaCategory extends AbstractItemProvider implements FormDataProviderInterface
+{
+    /**
+     * Sanitize config options and resolve category items if requested.
+     */
+    public function addData(array $result): array
+    {
+        $table = $result['tableName'];
+
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            // This data provider only works for type=category
+            if (($fieldConfig['config']['type'] ?? '') !== 'category') {
+                continue;
+            }
+
+            // Make sure we are only processing supported renderTypes
+            if (!$this->isTargetRenderType($fieldConfig)) {
+                continue;
+            }
+
+            $fieldConfig = $this->initializeDefaultFieldConfig($fieldConfig);
+            $fieldConfig = $this->parseStartingPointsFromSiteConfiguration($result, $fieldConfig);
+            $fieldConfig = $this->overrideConfigFromPageTSconfig($result, $table, $fieldName, $fieldConfig);
+
+            // Prepare the list of currently selected nodes using RelationHandler
+            // This is needed to ensure a correct value initialization before the actual tree is loaded
+            $result['databaseRow'][$fieldName] = $this->processDatabaseFieldValue($result['databaseRow'], $fieldName);
+            $result['databaseRow'][$fieldName] = $this->processCategoryFieldValue($result, $fieldName);
+
+            // Since AbstractItemProvider does sometimes access $result[...][config] instead of
+            // our updated $fieldConfig, we have to assign it here and from now on, only work
+            // with the $result[...][config] array.
+            $result['processedTca']['columns'][$fieldName] = $fieldConfig;
+
+            // Validate: static items are not supported for category fields
+            $staticItems = $this->sanitizeItemArray($fieldConfig['config']['items'] ?? [], $table, $fieldName);
+            $tsConfigItems = $this->addItemsFromPageTsConfig($result, $fieldName, []);
+            if ($staticItems !== [] || $tsConfigItems !== []) {
+                throw new \RuntimeException(
+                    'Static items are not supported for field ' . $fieldName . ' from table ' . $table . ' with type category',
+                    1627336557
+                );
+            }
+
+            // Always resolve the flat item list from foreign_table with TSconfig filtering applied.
+            // This is needed by TcaColumnsRemoveEmptyRelations to determine if the field has any
+            // selectable items, and is reused below for tree building in the AJAX context.
+            $dynamicItems = $this->addItemsFromForeignTable($result, $fieldName);
+            $dynamicItems = $this->removeItemsByKeepItemsPageTsConfig($result, $fieldName, $dynamicItems);
+            $dynamicItems = $this->removeItemsByRemoveItemsPageTsConfig($result, $fieldName, $dynamicItems);
+
+            // Store flat items for downstream providers (will be overwritten with tree structure during AJAX)
+            $result['processedTca']['columns'][$fieldName]['config']['items'] = $dynamicItems;
+
+            // This is usually only executed in an ajax request
+            if ($result['selectTreeCompileItems'] ?? false) {
+                // Reuse the already-fetched dynamic items for tree building
+                // @todo: Simplify the construct:
+                //        The entire $treeDataProvider / $treeRenderer / $tree construct should probably
+                //        vanish and the tree processing could happen here in the data provider? Watch
+                //        out for the permission event in the tree construct when doing this.
+                $uidListOfAllDynamicItems = array_map(intval(...), array_filter(
+                    array_column($dynamicItems, 'value'),
+                    static fn($uid) => (int)$uid > 0
+                ));
+                $fullRowsOfDynamicItems = [];
+                foreach ($dynamicItems as $item) {
+                    // @todo: Prepare performance hack for tree calculation below.
+                    if (isset($item['_row'])) {
+                        $fullRowsOfDynamicItems[(int)$item['_row']['uid']] = $item['_row'];
+                    }
+                }
+                // Initialize the tree data provider
+                $treeDataProvider = TreeDataProviderFactory::getDataProvider(
+                    $result['processedTca']['columns'][$fieldName]['config'],
+                    $table,
+                    $fieldName,
+                    $result['databaseRow']
+                );
+                $treeDataProvider->setSelectedList(implode(',', $result['databaseRow'][$fieldName]));
+                // Basically the tree data provider fetches all tree nodes again and
+                // then verifies if a given rows' uid is within the item whitelist.
+                // @todo: Simplify construct, probably remove entirely. See @todo above as well.
+                $treeDataProvider->setAvailableItems($fullRowsOfDynamicItems);
+                $treeDataProvider->setItemWhiteList($uidListOfAllDynamicItems);
+                $treeDataProvider->initializeTreeData();
+                $treeRenderer = GeneralUtility::makeInstance(ArrayTreeRenderer::class);
+                $tree = GeneralUtility::makeInstance(TableConfigurationTree::class);
+                $tree->setDataProvider($treeDataProvider);
+                $tree->setNodeRenderer($treeRenderer);
+
+                // Add the calculated tree nodes
+                $result['processedTca']['columns'][$fieldName]['config']['items'] = $tree->render();
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * A couple of tree specific config parameters can be overwritten via page TS.
+     * Pick those that influence the data fetching and write them into the config
+     * given to the tree data provider.
+     */
+    protected function overrideConfigFromPageTSconfig(
+        array $result,
+        string $table,
+        string $fieldName,
+        array $fieldConfig
+    ): array {
+        $pageTsConfig = $result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['config.']['treeConfig.'] ?? [];
+
+        if (!is_array($pageTsConfig) || $pageTsConfig === []) {
+            return $fieldConfig;
+        }
+
+        if (isset($pageTsConfig['startingPoints'])) {
+            $fieldConfig['config']['treeConfig']['startingPoints'] = implode(',', array_unique(GeneralUtility::intExplode(',', (string)$pageTsConfig['startingPoints'])));
+        }
+        if (isset($pageTsConfig['appearance.']['expandAll'])) {
+            $fieldConfig['config']['treeConfig']['appearance']['expandAll'] = (bool)$pageTsConfig['appearance.']['expandAll'];
+        }
+        if (isset($pageTsConfig['appearance.']['maxLevels'])) {
+            $fieldConfig['config']['treeConfig']['appearance']['maxLevels'] = (int)$pageTsConfig['appearance.']['maxLevels'];
+        }
+        if (isset($pageTsConfig['appearance.']['nonSelectableLevels'])) {
+            $fieldConfig['config']['treeConfig']['appearance']['nonSelectableLevels'] = $pageTsConfig['appearance.']['nonSelectableLevels'];
+        }
+
+        return $fieldConfig;
+    }
+
+    /**
+     * Validate and sanitize the category field value.
+     */
+    protected function processCategoryFieldValue(array $result, string $fieldName): array
+    {
+        $fieldConfig = $result['processedTca']['columns'][$fieldName];
+        $relationHandler = GeneralUtility::makeInstance(RelationHandler::class);
+
+        $newDatabaseValueArray = [];
+        $currentDatabaseValueArray = array_key_exists($fieldName, $result['databaseRow']) ? $result['databaseRow'][$fieldName] : [];
+
+        $relationHandler->initializeForField(
+            $result['tableName'],
+            $fieldConfig['config'],
+            $result['databaseRow'],
+            implode(',', $currentDatabaseValueArray),
+        );
+        $newDatabaseValueArray = array_merge($newDatabaseValueArray, $relationHandler->getValueArray());
+
+        if (empty($fieldConfig['config']['MM']) || $result['command'] === 'new') {
+            // remove all items from the current DB values if not available as relation
+            $newDatabaseValueArray = array_values(array_intersect($currentDatabaseValueArray, $newDatabaseValueArray));
+        }
+
+        // Since only uids are allowed, the array must be unique
+        return array_unique($newDatabaseValueArray);
+    }
+
+    protected function isTargetRenderType($fieldConfig): bool
+    {
+        // Type category does not support any renderType
+        return !isset($fieldConfig['config']['renderType']);
+    }
+
+    protected function initializeDefaultFieldConfig(array $fieldConfig): array
+    {
+        $fieldConfig =  array_replace_recursive([
+            'config' => [
+                'treeConfig' => [
+                    'parentField' => 'parent',
+                    'appearance' => [
+                        'expandAll' => true,
+                        'showHeader' => true,
+                        'maxLevels' => 99,
+                    ],
+                ],
+            ],
+        ], $fieldConfig);
+
+        // Calculate maxitems value, while 0 will fall back to 99999
+        $fieldConfig['config']['maxitems'] = MathUtility::forceIntegerInRange(
+            $fieldConfig['config']['maxitems'] ?? 0,
+            0,
+            99999
+        ) ?: 99999;
+
+        return $fieldConfig;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaCheckboxItems.php b/Classes/Form/FormDataProvider/TcaCheckboxItems.php
new file mode 100644
index 0000000..01efcaf
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaCheckboxItems.php
@@ -0,0 +1,168 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+
+/**
+ * Resolve checkbox items and set processed item list in processedTca
+ */
+class TcaCheckboxItems extends AbstractItemProvider implements FormDataProviderInterface
+{
+    /**
+     * Resolve checkbox items
+     *
+     * @return array
+     * @throws \UnexpectedValueException
+     */
+    public function addData(array $result)
+    {
+        $languageService = $this->getLanguageService();
+        $table = $result['tableName'];
+
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (empty($fieldConfig['config']['type']) || $fieldConfig['config']['type'] !== 'check') {
+                continue;
+            }
+
+            if (!is_array($fieldConfig['config']['items'] ?? null)) {
+                $fieldConfig['config']['items'] = [];
+            }
+
+            $config = $fieldConfig['config'];
+            $items = $this->sanitizeConfiguration($config, $fieldName, $table);
+
+            // Resolve "itemsProcFunc"
+            if (!empty($config['itemsProcFunc']) || !empty($config['itemsProcessors'])) {
+                $items = $this->resolveItemsProcessorFunction($result, $fieldName, $items);
+                // itemsProcFunc must not be used anymore
+                unset(
+                    $result['processedTca']['columns'][$fieldName]['config']['itemsProcFunc'],
+                    $result['processedTca']['columns'][$fieldName]['config']['itemsProcessors']
+                );
+            }
+
+            // Set label overrides from pageTsConfig if given
+            if (isset($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altLabels.'])
+                && is_array($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altLabels.'])
+            ) {
+                foreach ($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altLabels.'] as $itemKey => $label) {
+                    if (isset($items[$itemKey]['label'])) {
+                        $items[$itemKey]['label'] = $languageService->sL($label);
+                    }
+                }
+            }
+
+            $result['processedTca']['columns'][$fieldName]['config']['items'] = $items;
+        }
+
+        return $result;
+    }
+
+    /**
+     * @return array
+     * @throws \UnexpectedValueException
+     */
+    private function sanitizeConfiguration(array $config, string $fieldName, string $tableName)
+    {
+        $newItems = [];
+        foreach ($config['items'] as $itemKey => $checkboxEntry) {
+            $this->basicChecks($fieldName, $tableName, $checkboxEntry, $itemKey);
+            $newItems[$itemKey] = [
+                'label' => $this->getLanguageService()->sL(trim($checkboxEntry['label'])),
+            ];
+            if (isset($config['renderType']) && $config['renderType'] === 'checkboxToggle') {
+                $newItems = $this->sanitizeToggleCheckbox($checkboxEntry, $itemKey, $newItems);
+            } elseif (isset($config['renderType']) && $config['renderType'] === 'checkboxLabeledToggle') {
+                $newItems = $this->sanitizeLabeledToggleCheckbox($checkboxEntry, $itemKey, $newItems);
+            } else {
+                $newItems = $this->sanitizeIconToggleCheckbox($checkboxEntry, $itemKey, $newItems);
+            }
+        }
+        return $newItems;
+    }
+
+    /**
+     * @param mixed $checkboxEntry
+     * @throws \UnexpectedValueException
+     */
+    private function basicChecks(string $fieldName, string $tableName, $checkboxEntry, int $checkboxKey)
+    {
+        if (!is_array($checkboxEntry)) {
+            throw new \UnexpectedValueException(
+                'Item ' . $checkboxKey . ' of field ' . $fieldName . ' of TCA table ' . $tableName . ' is not an array as expected',
+                1440499337
+            );
+        }
+        if (!array_key_exists('label', $checkboxEntry)) {
+            throw new \UnexpectedValueException(
+                'Item ' . $checkboxKey . ' of field ' . $fieldName . ' of TCA table ' . $tableName . ' has no label',
+                1440499338
+            );
+        }
+    }
+
+    /**
+     * @return array
+     */
+    private function sanitizeToggleCheckbox(array $item, int $itemKey, array $newItems)
+    {
+        if (array_key_exists('invertStateDisplay', $item)) {
+            $newItems[$itemKey]['invertStateDisplay'] = (bool)$item['invertStateDisplay'];
+        } else {
+            $newItems[$itemKey]['invertStateDisplay'] = false;
+        }
+        return $newItems;
+    }
+
+    /**
+     * @return array
+     */
+    private function sanitizeLabeledToggleCheckbox(array $item, int $itemKey, array $newItems)
+    {
+        if (array_key_exists('labelChecked', $item)) {
+            $newItems[$itemKey]['labelChecked'] = $this->getLanguageService()->sL($item['labelChecked']);
+        }
+        if (array_key_exists('labelUnchecked', $item)) {
+            $newItems[$itemKey]['labelUnchecked'] = $this->getLanguageService()->sL($item['labelUnchecked']);
+        }
+        if (array_key_exists('invertStateDisplay', $item)) {
+            $newItems[$itemKey]['invertStateDisplay'] = (bool)$item['invertStateDisplay'];
+        } else {
+            $newItems[$itemKey]['invertStateDisplay'] = false;
+        }
+        return $newItems;
+    }
+
+    /**
+     * @return array
+     */
+    private function sanitizeIconToggleCheckbox(array $item, int $itemKey, array $newItems)
+    {
+        if (array_key_exists('iconIdentifierChecked', $item)) {
+            $newItems[$itemKey]['iconIdentifierChecked'] = $item['iconIdentifierChecked'];
+        }
+        if (array_key_exists('iconIdentifierUnchecked', $item)) {
+            $newItems[$itemKey]['iconIdentifierUnchecked'] = $item['iconIdentifierUnchecked'];
+        }
+        if (array_key_exists('invertStateDisplay', $item)) {
+            $newItems[$itemKey]['invertStateDisplay'] = (bool)$item['invertStateDisplay'];
+        } else {
+            $newItems[$itemKey]['invertStateDisplay'] = false;
+        }
+        return $newItems;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaColumnsOverrides.php b/Classes/Form/FormDataProvider/TcaColumnsOverrides.php
new file mode 100644
index 0000000..6f41710
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaColumnsOverrides.php
@@ -0,0 +1,58 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+
+/**
+ * Merge type specific columnsOverrides into columns of processedTca
+ */
+class TcaColumnsOverrides implements FormDataProviderInterface
+{
+    /**
+     * Merge columnsOverrides
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        $type = $result['recordTypeValue'];
+        if (isset($result['processedTca']['types'][$type]['columnsOverrides'])
+            && is_array($result['processedTca']['types'][$type]['columnsOverrides'])
+        ) {
+            $result['processedTca']['columns'] = array_replace_recursive(
+                $result['processedTca']['columns'],
+                $result['processedTca']['types'][$type]['columnsOverrides']
+            );
+            if ($result['command'] === 'new') {
+                $tableNameWithDot = $result['tableName'] . '.';
+                foreach ($result['processedTca']['types'][$type]['columnsOverrides'] as $field => $columnsOverrideConfig) {
+                    $overridenDefault = $columnsOverrideConfig['config']['default'] ?? '';
+                    if ($overridenDefault !== ''
+                        && !isset($result['userTsConfig']['TCAdefaults.'][$tableNameWithDot][$field])
+                        && !isset($result['pageTsConfig']['TCAdefaults.'][$tableNameWithDot][$field])
+                        && !isset($result['defaultValues'][$result['tableName']][$field])
+                        && ($result['databaseRow'][$field] ?? '') !== $overridenDefault
+                    ) {
+                        $result['databaseRow'][$field] = $overridenDefault;
+                    }
+                }
+            }
+            unset($result['processedTca']['types'][$type]['columnsOverrides']);
+        }
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaColumnsProcessCommon.php b/Classes/Form/FormDataProvider/TcaColumnsProcessCommon.php
new file mode 100644
index 0000000..91d1e20
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaColumnsProcessCommon.php
@@ -0,0 +1,66 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Mark columns that are common to many tables for further processing
+ */
+class TcaColumnsProcessCommon implements FormDataProviderInterface
+{
+    /**
+     * Determine which common fields are in use and add those to the list of
+     * columns that must be processed by the next data providers. Common fields
+     * are for example uid, transOrigPointerField or transOrigDiffSourceField.
+     *
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        // enables the backend to display a visual comparison between a new version and its original
+        $tableProperties = $result['processedTca']['ctrl'];
+        if (!empty($tableProperties['origUid'])) {
+            $result['columnsToProcess'][] = $tableProperties['origUid'];
+        }
+
+        // determines which one of the 'types' configurations are used for displaying the fields in the backend
+        if (!empty($tableProperties['type'])) {
+            // Allow for relation_field:foreign_type_field syntax
+            $fieldName = GeneralUtility::trimExplode(':', $tableProperties['type'], true, 2);
+            $result['columnsToProcess'][] = $fieldName[0];
+        }
+
+        // field that contains the language of the record
+        if (!empty($tableProperties['languageField'])) {
+            $result['columnsToProcess'][] = $tableProperties['languageField'];
+        }
+
+        // field that contains the pointer to the original record
+        if (!empty($tableProperties['transOrigPointerField'])) {
+            $result['columnsToProcess'][] = $tableProperties['transOrigPointerField'];
+        }
+
+        // field that contains the value of the original language record
+        if (!empty($tableProperties['transOrigDiffSourceField'])) {
+            $result['columnsToProcess'][] = $tableProperties['transOrigDiffSourceField'];
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaColumnsProcessFieldDescriptions.php b/Classes/Form/FormDataProvider/TcaColumnsProcessFieldDescriptions.php
new file mode 100644
index 0000000..19acbe9
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaColumnsProcessFieldDescriptions.php
@@ -0,0 +1,94 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Localization\LanguageService;
+
+/**
+ * Works on processedTca to determine the final value of field descriptions.
+ *
+ * processedTca['columns']['aField']['description']
+ */
+class TcaColumnsProcessFieldDescriptions implements FormDataProviderInterface
+{
+    /**
+     * Iterate over all processedTca columns fields
+     *
+     * @param array $result Result array
+     * @return array Modified result array
+     */
+    public function addData(array $result): array
+    {
+        $result = $this->setDescriptionFromPageTsConfig($result);
+        $result = $this->translateDescriptions($result);
+        return $result;
+    }
+
+    /**
+     * page TSconfig can override description:
+     *
+     * TCEFORM.aTable.aField.description = override
+     * TCEFORM.aTable.aField.description.en = override
+     *
+     * @param array $result Result array
+     * @return array Modified result array
+     */
+    protected function setDescriptionFromPageTsConfig(array $result): array
+    {
+        $languageService = $this->getLanguageService();
+        $tableName = $result['tableName'];
+        foreach ($result['processedTca']['columns'] ?? [] as $fieldName => $fieldConfiguration) {
+            $fieldTSconfig = $result['pageTsConfig']['TCEFORM.'][$tableName . '.'][$fieldName . '.'] ?? null;
+            if (!is_array($fieldTSconfig)) {
+                continue;
+            }
+            $pageTsConfigDescription = $languageService->translateLabel(
+                $fieldTSconfig['description.'] ?? [],
+                $fieldTSconfig['description'] ?? ''
+            );
+            if ($pageTsConfigDescription !== '') {
+                $result['processedTca']['columns'][$fieldName]['description'] = $pageTsConfigDescription;
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * Translate all descriptions if needed.
+     *
+     * @param array $result Result array
+     * @return array Modified result array
+     */
+    protected function translateDescriptions(array $result): array
+    {
+        $languageService = $this->getLanguageService();
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfiguration) {
+            if (!isset($fieldConfiguration['description'])) {
+                continue;
+            }
+            $result['processedTca']['columns'][$fieldName]['description'] = $languageService->sL($fieldConfiguration['description']);
+        }
+        return $result;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaColumnsProcessFieldLabels.php b/Classes/Form/FormDataProvider/TcaColumnsProcessFieldLabels.php
new file mode 100644
index 0000000..12a0d8c
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaColumnsProcessFieldLabels.php
@@ -0,0 +1,162 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Works on processedTca to determine the final value of field labels.
+ *
+ * processedTca['columns]['aField']['label']
+ */
+class TcaColumnsProcessFieldLabels implements FormDataProviderInterface
+{
+    /**
+     * Iterate over all processedTca columns fields
+     *
+     * @param array $result Result array
+     * @return array Modified result array
+     */
+    public function addData(array $result)
+    {
+        $result = $this->setLabelFromShowitemAndPalettes($result);
+        $result = $this->setLabelFromPageTsConfig($result);
+        $result = $this->translateLabels($result);
+        return $result;
+    }
+
+    /**
+     * The label of a single field can be set in the showitem configuration
+     * of the record type and as palettes showitem as second ";" separated argument:
+     *
+     * processedTca['types']['aType']['showitem'] = 'aFieldName;aLabelOverride, --palette--;;aPaletteName'
+     * processedTca['palettes']['aPaletteName']['showitem'] = 'anotherFieldName;anotherLabelOverride'
+     *
+     *
+     * @param array $result Result array
+     * @return array Modified result array
+     */
+    protected function setLabelFromShowitemAndPalettes(array $result)
+    {
+        $recordTypeValue = $result['recordTypeValue'];
+        // flex forms don't have a showitem / palettes configuration - early return
+        if (!isset($result['processedTca']['types'][$recordTypeValue]['showitem'])) {
+            return $result;
+        }
+        $showItemArray = GeneralUtility::trimExplode(',', $result['processedTca']['types'][$recordTypeValue]['showitem']);
+        foreach ($showItemArray as $aShowItemFieldString) {
+            $aShowItemFieldArray = GeneralUtility::trimExplode(';', $aShowItemFieldString);
+            $aShowItemFieldArray = [
+                'fieldName' => $aShowItemFieldArray[0],
+                'fieldLabel' => !empty($aShowItemFieldArray[1]) ? $aShowItemFieldArray[1] : null,
+                'paletteName' => !empty($aShowItemFieldArray[2]) ? $aShowItemFieldArray[2] : null,
+            ];
+            if ($aShowItemFieldArray['fieldName'] === '--div--') {
+                // tabs are not of interest here
+                continue;
+            }
+            if ($aShowItemFieldArray['fieldName'] === '--palette--') {
+                // showitem references to a palette field. unpack the palette and process
+                // label overrides that may be in there.
+                if (!isset($result['processedTca']['palettes'][$aShowItemFieldArray['paletteName'] ?? '']['showitem'])) {
+                    // No palette with this name found? Skip it.
+                    continue;
+                }
+                $palettesArray = GeneralUtility::trimExplode(
+                    ',',
+                    $result['processedTca']['palettes'][$aShowItemFieldArray['paletteName']]['showitem']
+                );
+                foreach ($palettesArray as $aPalettesString) {
+                    $aPalettesArray = GeneralUtility::trimExplode(';', $aPalettesString);
+                    $aPalettesArray = [
+                        'fieldName' => $aPalettesArray[0],
+                        'fieldLabel' => ($aPalettesArray[1] ?? null) ?: null,
+                    ];
+                    if (!empty($aPalettesArray['fieldLabel'])
+                        && isset($result['processedTca']['columns'][$aPalettesArray['fieldName']])
+                    ) {
+                        $result['processedTca']['columns'][$aPalettesArray['fieldName']]['label'] = $aPalettesArray['fieldLabel'];
+                    }
+                }
+            } else {
+                // If the field has a label in the showitem configuration of this record type, use it.
+                // showitem = 'aField, aFieldWithLabelOverride;theLabel, anotherField'
+                if (!empty($aShowItemFieldArray['fieldLabel'])
+                    && isset($result['processedTca']['columns'][$aShowItemFieldArray['fieldName']])
+                ) {
+                    $result['processedTca']['columns'][$aShowItemFieldArray['fieldName']]['label'] = $aShowItemFieldArray['fieldLabel'];
+                }
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * Page TSconfig can override labels:
+     *
+     * TCEFORM.aTable.aField.label = 'override'
+     * TCEFORM.aTable.aField.label.en = 'override'
+     *
+     * @param array $result Result array
+     * @return array Modified result array
+     */
+    protected function setLabelFromPageTsConfig(array $result)
+    {
+        $languageService = $this->getLanguageService();
+        $table = $result['tableName'];
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfiguration) {
+            $fieldTSConfig = [];
+            if (isset($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.'])
+                && is_array($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.'])
+            ) {
+                $fieldTSConfig = $result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.'];
+            }
+            $label = $languageService->translateLabel(
+                $fieldTSConfig['label.'] ?? [],
+                $fieldTSConfig['label'] ?? ''
+            );
+            if ($label) {
+                $result['processedTca']['columns'][$fieldName]['label'] = $label;
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * Translate all labels if needed.
+     *
+     * @param array $result Result array
+     * @return array Modified result array
+     */
+    protected function translateLabels(array $result)
+    {
+        $languageService = $this->getLanguageService();
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfiguration) {
+            if (!isset($fieldConfiguration['label'])) {
+                continue;
+            }
+            $result['processedTca']['columns'][$fieldName]['label'] = $languageService->sL($fieldConfiguration['label']);
+        }
+        return $result;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaColumnsProcessPlaceholders.php b/Classes/Form/FormDataProvider/TcaColumnsProcessPlaceholders.php
new file mode 100644
index 0000000..7171c4a
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaColumnsProcessPlaceholders.php
@@ -0,0 +1,73 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Mark columns that are used by placeholders for further processing
+ */
+class TcaColumnsProcessPlaceholders implements FormDataProviderInterface
+{
+    /**
+     * Determine which fields are required to render the placeholders and
+     * add those to the list of columns that must be processed by the next
+     * data providers.
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        /** @noinspection PhpUnusedLocalVariableInspection leave for debugging purpose */
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            // Placeholders are only valid for input-like and text-like fields.
+            if (!isset($fieldConfig['config']['placeholder'], $fieldConfig['config']['type'])
+                || (
+                    $fieldConfig['config']['type'] !== 'input'
+                    && $fieldConfig['config']['type'] !== 'text'
+                    && $fieldConfig['config']['type'] !== 'number'
+                    && $fieldConfig['config']['type'] !== 'email'
+                    && $fieldConfig['config']['type'] !== 'link'
+                    && $fieldConfig['config']['type'] !== 'password'
+                    && $fieldConfig['config']['type'] !== 'datetime'
+                    && $fieldConfig['config']['type'] !== 'color'
+                    && $fieldConfig['config']['type'] !== 'json'
+                )
+            ) {
+                continue;
+            }
+
+            // Process __row|field type placeholders
+            if (str_starts_with($fieldConfig['config']['placeholder'], '__row|')) {
+                // split field names into array and remove the __row indicator
+                $fieldNameArray = array_slice(
+                    GeneralUtility::trimExplode('|', $fieldConfig['config']['placeholder'], true),
+                    1
+                );
+
+                // only the first field is required to be processed as it's the one referring to
+                // the current record. All other columns will be resolved in a later pass through
+                // the related records.
+                if (!empty($fieldNameArray[0])) {
+                    $result['columnsToProcess'][] = $fieldNameArray[0];
+                }
+            }
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaColumnsProcessRecordTitle.php b/Classes/Form/FormDataProvider/TcaColumnsProcessRecordTitle.php
new file mode 100644
index 0000000..710d45e
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaColumnsProcessRecordTitle.php
@@ -0,0 +1,65 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Mark columns that are used to generate the record title for
+ * further processing
+ */
+class TcaColumnsProcessRecordTitle implements FormDataProviderInterface
+{
+    /**
+     * Determine which fields are required to render the record title and
+     * add those to the list of columns that must be processed by the next
+     * data providers.
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        // formattedLabel_userFunc takes full precedence for inline children: no field
+        // processing is needed since the user function receives the full databaseRow directly.
+        if ($result['isInlineChild'] && !empty($result['processedTca']['ctrl']['formattedLabel_userFunc'])) {
+            return $result;
+        }
+
+        // If a field name is given for the label we need to process the field
+        if (!empty($result['processedTca']['ctrl']['label'])) {
+            $result['columnsToProcess'][] = $result['processedTca']['ctrl']['label'];
+        }
+
+        // Add alternative fields that might be used to render the label
+        if (!empty($result['processedTca']['ctrl']['label_alt'])) {
+            $labelColumns = GeneralUtility::trimExplode(',', $result['processedTca']['ctrl']['label_alt'], true);
+            $result['columnsToProcess'] = array_merge($result['columnsToProcess'], array_filter($labelColumns));
+        }
+
+        // Add foreign_label to process list if exists and the record is an inline child
+        if ($result['isInlineChild'] && isset($result['inlineParentConfig']['foreign_label'])) {
+            $result['columnsToProcess'][] = $result['inlineParentConfig']['foreign_label'];
+        }
+
+        // Add symmetric_label to process list if exists and the record is an inline child
+        if ($result['isInlineChild'] && isset($result['inlineParentConfig']['symmetric_label'])) {
+            $result['columnsToProcess'][] = $result['inlineParentConfig']['symmetric_label'];
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaColumnsProcessShowitem.php b/Classes/Form/FormDataProvider/TcaColumnsProcessShowitem.php
new file mode 100644
index 0000000..3adcc58
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaColumnsProcessShowitem.php
@@ -0,0 +1,82 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Mark columns that are used in showitem or palettes for further processing
+ */
+class TcaColumnsProcessShowitem implements FormDataProviderInterface
+{
+    /**
+     * Determine which fields are shown to the user and add those to the list of
+     * columns that must be processed by the next data providers.
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        $recordTypeValue = $result['recordTypeValue'];
+
+        if (!isset($result['processedTca']['types'][$recordTypeValue]['showitem'])
+            || !is_string($result['processedTca']['types'][$recordTypeValue]['showitem'])
+        ) {
+            throw new \UnexpectedValueException(
+                'No or invalid showitem definition in TCA table ' . $result['tableName'] . ' for type ' . $recordTypeValue,
+                1438614542
+            );
+        }
+
+        if (empty($result['processedTca']['columns'])) {
+            // We are sure this is an array by InitializeProcessedTca data provider
+            return $result;
+        }
+
+        if ($result['isInlineChild'] && !$result['isInlineChildExpanded']) {
+            // If the record is an inline child that is not expanded, it is not necessary to calculate all fields
+            return $result;
+        }
+
+        $showItemFieldString = $result['processedTca']['types'][$recordTypeValue]['showitem'];
+        $showItemFieldArray = GeneralUtility::trimExplode(',', $showItemFieldString, true);
+
+        foreach ($showItemFieldArray as $fieldConfigurationString) {
+            $fieldConfigurationArray = GeneralUtility::trimExplode(';', $fieldConfigurationString);
+            $fieldName = $fieldConfigurationArray[0];
+            if ($fieldName === '--div--') {
+                continue;
+            }
+            if ($fieldName === '--palette--') {
+                if (isset($fieldConfigurationArray[2])) {
+                    $paletteName = $fieldConfigurationArray[2];
+                    if (!empty($result['processedTca']['palettes'][$paletteName]['showitem'])) {
+                        $paletteFields = GeneralUtility::trimExplode(',', $result['processedTca']['palettes'][$paletteName]['showitem'], true);
+                        foreach ($paletteFields as $paletteFieldConfiguration) {
+                            $paletteFieldConfigurationArray = GeneralUtility::trimExplode(';', $paletteFieldConfiguration);
+                            $result['columnsToProcess'][] = $paletteFieldConfigurationArray[0];
+                        }
+                    }
+                }
+            } else {
+                $result['columnsToProcess'][] = $fieldName;
+            }
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaColumnsRemoveEmptyRelations.php b/Classes/Form/FormDataProvider/TcaColumnsRemoveEmptyRelations.php
new file mode 100644
index 0000000..8700366
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaColumnsRemoveEmptyRelations.php
@@ -0,0 +1,138 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * Remove or disable fields (select, category, language) in the form when no
+ * selectable items are available, or when only a single choice exists (language
+ * fields).
+ *
+ * For regular users, the field is removed entirely. When backend debug mode is
+ * enabled ($GLOBALS['TYPO3_CONF_VARS']['BE']['debug'] = true), the field is
+ * kept as readOnly with an info badge, so admins can identify configuration
+ * issues such as missing records or restrictive TSconfig.
+ *
+ * Existing database values are not affected: fields not rendered in the form
+ * are simply not submitted, so DataHandler preserves their stored values.
+ *
+ * Fields can opt out via TCA config 'showIfEmpty' => true.
+ */
+readonly class TcaColumnsRemoveEmptyRelations implements FormDataProviderInterface
+{
+    public function addData(array $result): array
+    {
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (!$this->isApplicableField($fieldConfig)) {
+                continue;
+            }
+
+            if ($fieldConfig['config']['showIfEmpty'] ?? false) {
+                continue;
+            }
+
+            $type = $fieldConfig['config']['type'] ?? '';
+
+            if ($type === 'language') {
+                if ($this->hasMultipleLanguageChoices($fieldConfig)) {
+                    continue;
+                }
+            } elseif ($this->hasMeaningfulItems($fieldConfig)) {
+                continue;
+            }
+
+            if ($this->getBackendUser()->shallDisplayDebugInformation()) {
+                $result['processedTca']['columns'][$fieldName]['config']['readOnly'] = true;
+                $result['processedTca']['columns'][$fieldName]['config']['fieldInformation']['noSelectableItemsAvailable'] = [
+                    'renderType' => 'noSelectableItemsAvailable',
+                ];
+            } else {
+                unset($result['processedTca']['columns'][$fieldName]);
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Check if this field type should be handled by this provider.
+     */
+    private function isApplicableField(array $fieldConfig): bool
+    {
+        return in_array($fieldConfig['config']['type'] ?? '', ['select', 'category', 'language'], true);
+    }
+
+    /**
+     * Check if the field has meaningful selectable items.
+     *
+     * For fields with foreign_table, only items from the foreign table (positive
+     * integer UIDs) count. Static items like "Hide at login" (-1) or dividers
+     * are not meaningful on their own — they require actual foreign records to
+     * be useful (e.g., access restriction options require fe_groups to exist,
+     * otherwise there can be no frontend login).
+     */
+    private function hasMeaningfulItems(array $fieldConfig): bool
+    {
+        $items = $fieldConfig['config']['items'] ?? [];
+        $hasForeignTable = !empty($fieldConfig['config']['foreign_table']);
+
+        foreach ($items as $item) {
+            $value = (string)($item['value'] ?? $item[1] ?? '');
+            if ($value === '' || $value === '--div--') {
+                continue;
+            }
+            if ($hasForeignTable) {
+                if ((int)$value > 0) {
+                    return true;
+                }
+            } else {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    /**
+     * Check if a language field has more than one real language choice.
+     * Filters out --div-- separators and the -1 "All languages" special item,
+     * since on a single-language site neither provides a meaningful choice.
+     */
+    private function hasMultipleLanguageChoices(array $fieldConfig): bool
+    {
+        $items = $fieldConfig['config']['items'] ?? [];
+        $realLanguageCount = 0;
+        foreach ($items as $item) {
+            $value = $item['value'] ?? '';
+            if ((string)$value === '--div--' || (int)$value === -1) {
+                continue;
+            }
+            $realLanguageCount++;
+            if ($realLanguageCount > 1) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaColumnsRemoveUnused.php b/Classes/Form/FormDataProvider/TcaColumnsRemoveUnused.php
new file mode 100644
index 0000000..b9eaf4f
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaColumnsRemoveUnused.php
@@ -0,0 +1,42 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+
+/**
+ * Remove fields from columns not in showitem or palette list or needed otherwise
+ * This is a relatively effective performance improvement preventing other
+ * providers from resolving stuff of fields that are not shown later.
+ * Especially effective for fal related tables.
+ */
+class TcaColumnsRemoveUnused implements FormDataProviderInterface
+{
+    /**
+     * Remove unused column fields to speed up further processing.
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        $columnsToRemove = array_diff(array_keys($result['processedTca']['columns']), $result['columnsToProcess']);
+        foreach ($columnsToRemove as $column) {
+            unset($result['processedTca']['columns'][$column]);
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaCountry.php b/Classes/Form/FormDataProvider/TcaCountry.php
new file mode 100644
index 0000000..18052a6
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaCountry.php
@@ -0,0 +1,155 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\Form\Processor\SelectItemProcessor;
+use TYPO3\CMS\Core\Country\CountryFilter;
+use TYPO3\CMS\Core\Country\CountryProvider;
+
+/**
+ * Resolve select items for the type="country" and set processed item list in processedTca
+ */
+#[Autoconfigure(public: true)]
+final class TcaCountry extends AbstractItemProvider implements FormDataProviderInterface
+{
+    public function __construct(
+        private readonly CountryProvider $countryProvider,
+        private readonly SelectItemProcessor $selectItemProcessor,
+    ) {}
+
+    /**
+     * Fetch countries to add them as select item
+     *
+     * @throws \UnexpectedValueException
+     */
+    public function addData(array $result): array
+    {
+        $table = $result['tableName'];
+
+        $languageService = $this->getLanguageService();
+
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (!isset($fieldConfig['config']['type']) || $fieldConfig['config']['type'] !== 'country') {
+                continue;
+            }
+
+            $allItems = [];
+            $filter = new CountryFilter($fieldConfig['config']['filter']['excludeCountries'] ?? [], $fieldConfig['config']['filter']['onlyCountries'] ?? []);
+            $allCountries = $this->countryProvider->getFiltered($filter);
+
+            foreach ($allCountries as $country) {
+                $code = $country->getAlpha2IsoCode();
+                switch ($fieldConfig['config']['labelField'] ?? 'name') {
+                    case 'localizedName':
+                        $allItems[$code] = $languageService->sL($country->getLocalizedNameLabel());
+                        break;
+                    case 'name':
+                        $allItems[$code] = $country->getName();
+                        break;
+                    case 'iso2':
+                        $allItems[$code] = $country->getAlpha2IsoCode();
+                        break;
+                    case 'iso3':
+                        $allItems[$code] = $country->getAlpha3IsoCode();
+                        break;
+                    case 'officialName':
+                        $allItems[$code] = $country->getOfficialName() ?? $country->getName();
+                        break;
+                    case 'localizedOfficialName':
+                        $name = $languageService->sL($country->getLocalizedOfficialNameLabel());
+                        if (!$name) {
+                            $name = $languageService->sL($country->getLocalizedNameLabel());
+                        }
+                        $allItems[$code] = $name;
+                        break;
+                    default:
+                        throw new \UnexpectedValueException(
+                            'Setting "labelField" must either be set to "localizedName", "name", "iso2", "iso3", "officialName", or "localizedOfficialName".',
+                            1675895616
+                        );
+                }
+            }
+
+            $prioritizedItems = [];
+            if (is_array($fieldConfig['config']['prioritizedCountries'] ?? false) && !empty($fieldConfig['config']['prioritizedCountries'])) {
+                foreach ($fieldConfig['config']['prioritizedCountries'] as $countryCode) {
+                    if (isset($allItems[$countryCode])) {
+                        $label = $allItems[$countryCode];
+                        $prioritizedItems[$countryCode] = $label;
+                        unset($allItems[$countryCode]);
+                    }
+                }
+            }
+            $items = [];
+            $useItemGroups = !empty($prioritizedItems);
+
+            // When not required, prefix an empty value
+            if (!($fieldConfig['config']['required'] ?? false)) {
+                $items[''] = '';
+            }
+
+            $this->addItem($items, $prioritizedItems, $allCountries, $useItemGroups ? 'prioritized' : '');
+            $this->addItem($items, $allItems, $allCountries, $useItemGroups ? 'default' : '');
+            $fieldConfig['config']['items'] = $items;
+
+            $itemGroups = [
+                'prioritized' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:countries.prioritized',
+                'default' => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:countries.default',
+            ];
+
+            // Respect TSconfig options
+            $fieldConfig['config']['items'] = $this->removeItemsByKeepItemsPageTsConfig($result, $fieldName, $fieldConfig['config']['items']);
+            $fieldConfig['config']['items'] = $this->addItemsFromPageTsConfig($result, $fieldName, $fieldConfig['config']['items']);
+            $fieldConfig['config']['items'] = $this->removeItemsByRemoveItemsPageTsConfig($result, $fieldName, $fieldConfig['config']['items']);
+
+            // In case no items are set at this point, we can write this back and continue with the next column
+            if ($fieldConfig['config']['items'] === []) {
+                $result['processedTca']['columns'][$fieldName] = $fieldConfig;
+                continue;
+            }
+
+            // Translate labels
+            $fieldConfig['config']['items'] = $this->translateLabels($result, $fieldConfig['config']['items'], $table, $fieldName);
+            $fieldConfig['config']['items'] = $this->selectItemProcessor->groupAndSortItems(
+                $fieldConfig['config']['items'],
+                $itemGroups,
+                $fieldConfig['config']['sortItems'] ?? []
+            );
+            $result['processedTca']['columns'][$fieldName] = $fieldConfig;
+        }
+
+        return $result;
+    }
+
+    private function addItem(array &$items, array $list, array $allCountries, string $group = ''): void
+    {
+        foreach ($list as $key => $label) {
+            $option = [
+                'label' => $label,
+                'value' => $key,
+                'icon' => ($key !== '') ? 'flags-' . strtolower($allCountries[$key]->getAlpha2IsoCode()) : '',
+            ];
+            if ($group !== '') {
+                $option['group'] = $group;
+            }
+            $items[] = $option;
+        }
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaFiles.php b/Classes/Form/FormDataProvider/TcaFiles.php
new file mode 100644
index 0000000..5e6a4e9
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaFiles.php
@@ -0,0 +1,385 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use Psr\Log\LoggerInterface;
+use TYPO3\CMS\Backend\Form\Exception\DatabaseRecordException;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\TcaDatabaseRecord;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\RelationHandler;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * Resolve and prepare files data.
+ */
+class TcaFiles extends AbstractDatabaseRecordProvider implements FormDataProviderInterface
+{
+    private const string FILE_REFERENCE_TABLE = 'sys_file_reference';
+    private const string FOREIGN_SELECTOR = 'uid_local';
+
+    public function __construct(
+        private readonly InlineStackProcessor $inlineStackProcessor,
+        private readonly LoggerInterface $logger,
+    ) {}
+
+    public function addData(array $result): array
+    {
+        // inlineFirstPid is currently resolved by TcaInline
+        // @todo check if duplicating the functionality makes sense to resolve dependencies
+
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (($fieldConfig['config']['type'] ?? '') !== 'file') {
+                continue;
+            }
+
+            if (!$this->getBackendUser()->check('tables_modify', self::FILE_REFERENCE_TABLE)) {
+                // Early return if user is not allowed to modify the file reference table
+                continue;
+            }
+
+            if (!$result['tcaSchemata']->has(self::FILE_REFERENCE_TABLE)) {
+                throw new \RuntimeException('Table ' . self::FILE_REFERENCE_TABLE . ' does not exists', 1664364262);
+            }
+            $fileReferenceSchema = $result['tcaSchemata']->get(self::FILE_REFERENCE_TABLE);
+            if (!$fileReferenceSchema->hasField(self::FOREIGN_SELECTOR)) {
+                throw new \RuntimeException('Table ' . self::FILE_REFERENCE_TABLE . ' has no column ' . self::FOREIGN_SELECTOR, 1770975128);
+            }
+
+            $childField = $fileReferenceSchema->getField(self::FOREIGN_SELECTOR);
+            if ($childField->getType() !== 'group' || !($childField->getConfiguration()['allowed'] ?? false)) {
+                throw new \UnexpectedValueException(
+                    'Table ' . $result['tableName'] . ' field ' . $fieldName . ' points to field '
+                    . self::FOREIGN_SELECTOR . ' of table ' . self::FILE_REFERENCE_TABLE . ', but this field '
+                    . 'is either not defined, is not of type "group" or does not define the "allowed" option.',
+                    1664364263
+                );
+            }
+
+            $result['processedTca']['columns'][$fieldName]['children'] = [];
+
+            $result = $this->initializeMinMaxItems($result, $fieldName);
+            $result = $this->initializeParentSysLanguageUid($result, $fieldName);
+            $result = $this->initializeAppearance($result, $fieldName);
+
+            // If field is set to readOnly, set all fields of the relation to readOnly as well
+            if ($result['inlineParentConfig']['readOnly'] ?? false) {
+                foreach ($result['processedTca']['columns'] as $columnName => $columnConfiguration) {
+                    $result['processedTca']['columns'][$columnName]['config']['readOnly'] = true;
+                }
+            }
+
+            // Resolve existing file references - this is usually always done except on ajax calls
+            if ($result['inlineResolveExistingChildren']) {
+                $result = $this->resolveFileReferences($result, $fieldName);
+                if (!empty($fieldConfig['config']['selectorOrUniqueConfiguration'])) {
+                    throw new \RuntimeException('selectorOrUniqueConfiguration not implemented for TCA type "file"', 1664380909);
+                }
+            }
+        }
+
+        return $result;
+    }
+
+    protected function initializeMinMaxItems(array $result, string $fieldName): array
+    {
+        $config = $result['processedTca']['columns'][$fieldName]['config'];
+        $config['minitems'] = isset($config['minitems']) ? MathUtility::forceIntegerInRange($config['minitems'], 0) : 0;
+        $config['maxitems'] = isset($config['maxitems']) ? MathUtility::forceIntegerInRange($config['maxitems'], 1) : 99999;
+        $result['processedTca']['columns'][$fieldName]['config'] = $config;
+
+        return $result;
+    }
+
+    protected function initializeParentSysLanguageUid(array $result, string $fieldName): array
+    {
+        if (($parentLanguageFieldName = (string)($result['processedTca']['ctrl']['languageField'] ?? '')) === ''
+            || !$result['tcaSchemata']->get(self::FILE_REFERENCE_TABLE)->hasCapability(TcaSchemaCapability::Language)
+            || isset($result['processedTca']['columns'][$fieldName]['config']['inline']['parentSysLanguageUid'])
+            || !isset($result['databaseRow'][$parentLanguageFieldName])
+        ) {
+            return $result;
+        }
+
+        $result['processedTca']['columns'][$fieldName]['config']['inline']['parentSysLanguageUid']
+            = is_array($result['databaseRow'][$parentLanguageFieldName])
+                ? (int)($result['databaseRow'][$parentLanguageFieldName][0] ?? 0)
+                : (int)$result['databaseRow'][$parentLanguageFieldName];
+
+        return $result;
+    }
+
+    protected function initializeAppearance(array $result, string $fieldName): array
+    {
+        $result['processedTca']['columns'][$fieldName]['config']['appearance'] = array_replace_recursive(
+            [
+                'useSortable' => true,
+                'headerThumbnail' => [
+                    'height' => '45m',
+                ],
+                'enabledControls' => [
+                    'edit' => true,
+                    'info' => true,
+                    'dragdrop' => true,
+                    'sort' => false,
+                    'hide' => true,
+                    'delete' => true,
+                    'localize' => true,
+                ],
+            ],
+            $result['processedTca']['columns'][$fieldName]['config']['appearance'] ?? []
+        );
+
+        return $result;
+    }
+
+    /**
+     * Substitute the value in databaseRow of this inline field with an array
+     * that contains the databaseRows of currently connected records and some meta information.
+     */
+    protected function resolveFileReferences(array $result, string $fieldName): array
+    {
+        if ($result['defaultLanguageRow'] !== null) {
+            return $this->resolveFileReferenceOverlays($result, $fieldName);
+        }
+
+        $fileReferenceUidsOfDefaultLanguageRecord = $this->resolveFileReferenceUids(
+            $result['processedTca']['columns'][$fieldName]['config'],
+            $result['tableName'],
+            $result['databaseRow']['uid'],
+            $result['databaseRow'][$fieldName]
+        );
+        $result['databaseRow'][$fieldName] = implode(',', $fileReferenceUidsOfDefaultLanguageRecord);
+
+        if ($result['inlineCompileExistingChildren']) {
+            $fileReferenceSchema = $result['tcaSchemata']->get(self::FILE_REFERENCE_TABLE);
+            foreach ($this->getSubstitutedWorkspacedUids($fileReferenceUidsOfDefaultLanguageRecord, $fileReferenceSchema) as $uid) {
+                try {
+                    $compiledFileReference = $this->compileFileReference($result, $fieldName, $uid);
+                    $result['processedTca']['columns'][$fieldName]['children'][] = $compiledFileReference;
+                } catch (DatabaseRecordException $e) {
+                    // Nothing to do here, missing file reference is just not being rendered.
+                }
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * Substitute the value in databaseRow of this file field with an array
+     * that contains the databaseRows of currently connected file references
+     * and some meta information.
+     */
+    protected function resolveFileReferenceOverlays(array $result, string $fieldName): array
+    {
+        $fileReferenceUidsOfLocalizedOverlay = [];
+        $fieldConfig = $result['processedTca']['columns'][$fieldName]['config'];
+        if ($result['command'] === 'edit') {
+            $fileReferenceUidsOfLocalizedOverlay = $this->resolveFileReferenceUids(
+                $fieldConfig,
+                $result['tableName'],
+                $result['databaseRow']['uid'],
+                $result['databaseRow'][$fieldName]
+            );
+        }
+        $result['databaseRow'][$fieldName] = implode(',', $fileReferenceUidsOfLocalizedOverlay);
+        $fileReferenceSchema = $result['tcaSchemata']->get(self::FILE_REFERENCE_TABLE);
+        $fileReferenceUidsOfLocalizedOverlay = $this->getSubstitutedWorkspacedUids($fileReferenceUidsOfLocalizedOverlay, $fileReferenceSchema);
+        if ($result['inlineCompileExistingChildren']) {
+            $tableNameWithDefaultRecords = $result['tableName'];
+            $fileReferenceUidsOfDefaultLanguageRecord = $this->getSubstitutedWorkspacedUids(
+                $this->resolveFileReferenceUids(
+                    $fieldConfig,
+                    $tableNameWithDefaultRecords,
+                    $result['defaultLanguageRow']['uid'],
+                    $result['defaultLanguageRow'][$fieldName]
+                ),
+                $fileReferenceSchema
+            );
+
+            // Find which records are localized, which records are not localized and which are localized but miss default language record
+            $fieldNameWithDefaultLanguageUid = $fileReferenceSchema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName() ?? '';
+            $showPossibleLocalizationRecords = $fieldConfig['appearance']['showPossibleLocalizationRecords'] ?? false;
+            foreach ($fileReferenceUidsOfLocalizedOverlay as $localizedUid) {
+                try {
+                    $localizedRecord = $this->getRecordFromDatabase(self::FILE_REFERENCE_TABLE, $localizedUid);
+                } catch (DatabaseRecordException $e) {
+                    // The child could not be compiled, probably it was deleted and a dangling mm record exists
+                    $this->logger->warning(
+                        $e->getMessage(),
+                        [
+                            'table' => self::FILE_REFERENCE_TABLE,
+                            'uid' => $localizedUid,
+                            'exception' => $e,
+                        ]
+                    );
+                    continue;
+                }
+                // Compile localized record
+                $compiledFileReference = $this->compileFileReference($result, $fieldName, $localizedUid);
+                $result['processedTca']['columns'][$fieldName]['children'][] = $compiledFileReference;
+                // If that relation is configured to "showPossibleLocalizationRecords", this localized record
+                // needs to be removed from the list of records that are pending to be localized.
+                if ($showPossibleLocalizationRecords) {
+                    $uidOfDefaultLanguageRecord = (int)$localizedRecord[$fieldNameWithDefaultLanguageUid];
+                    if (in_array($uidOfDefaultLanguageRecord, $fileReferenceUidsOfDefaultLanguageRecord, true)) {
+                        // This localized child has a default language record. Remove this record from list of default language records
+                        $fileReferenceUidsOfDefaultLanguageRecord = array_diff($fileReferenceUidsOfDefaultLanguageRecord, [$uidOfDefaultLanguageRecord]);
+                    }
+                    $uidOfDefaultLanguageRecordWorkspaceVersionArray = $this->getSubstitutedWorkspacedUids([$uidOfDefaultLanguageRecord], $fileReferenceSchema);
+                    if (!empty($uidOfDefaultLanguageRecordWorkspaceVersionArray)
+                        && in_array($uidOfDefaultLanguageRecordWorkspaceVersionArray[0], $fileReferenceUidsOfDefaultLanguageRecord, true)
+                    ) {
+                        // In some situations 'l10n_parent' of a localized workspace record points to the live version
+                        // of the default language record, and not to the workspace version, even though it exists.
+                        // Filter those as well, since the interface would otherwise show the item as "can be localized/synchronized".
+                        $fileReferenceUidsOfDefaultLanguageRecord = array_diff($fileReferenceUidsOfDefaultLanguageRecord, [$uidOfDefaultLanguageRecordWorkspaceVersionArray[0]]);
+                    }
+                }
+            }
+            if ($showPossibleLocalizationRecords) {
+                foreach ($fileReferenceUidsOfDefaultLanguageRecord as $defaultLanguageUid) {
+                    // If there are still uids in $connectedUidsOfDefaultLanguageRecord, these are records that
+                    // exist in default language, but are not localized yet. Compile and mark those
+                    try {
+                        $compiledFileReference = $this->compileFileReference($result, $fieldName, $defaultLanguageUid, true);
+                    } catch (DatabaseRecordException $e) {
+                        // The child could not be compiled, probably it was deleted and a dangling mm record exists
+                        $this->logger->warning(
+                            $e->getMessage(),
+                            [
+                                'table' => self::FILE_REFERENCE_TABLE,
+                                'uid' => $defaultLanguageUid,
+                                'exception' => $e,
+                            ]
+                        );
+                        continue;
+                    }
+                    $result['processedTca']['columns'][$fieldName]['children'][] = $compiledFileReference;
+                }
+            }
+        }
+
+        return $result;
+    }
+
+    protected function compileFileReference(array $result, string $parentFieldName, int $childUid, $isInlineDefaultLanguageRecordInLocalizedParentContext = false): array
+    {
+        $inlineTopMostParent = $this->inlineStackProcessor->getStructureLevelFromStructure($result['inlineStructure'], 0) ?: [];
+        return GeneralUtility::makeInstance(FormDataCompiler::class)
+            ->compile(
+                [
+                    'request' => $result['request'],
+                    'command' => 'edit',
+                    'tableName' => self::FILE_REFERENCE_TABLE,
+                    'vanillaUid' => $childUid,
+                    'returnUrl' => $result['returnUrl'],
+                    'isInlineChild' => true,
+                    'isInlineDefaultLanguageRecordInLocalizedParentContext' => $isInlineDefaultLanguageRecordInLocalizedParentContext,
+                    'inlineStructure' => $result['inlineStructure'],
+                    'inlineExpandCollapseStateArray' => $result['inlineExpandCollapseStateArray'],
+                    'inlineFirstPid' => $result['inlineFirstPid'],
+                    'inlineParentConfig' => $result['processedTca']['columns'][$parentFieldName]['config'],
+                    'inlineParentUid' => $result['databaseRow']['uid'],
+                    'inlineParentTableName' => $result['tableName'],
+                    'inlineParentFieldName' => $parentFieldName,
+                    'inlineTopMostParentUid' => $result['inlineTopMostParentUid'] ?: $inlineTopMostParent['uid'] ?? '',
+                    'inlineTopMostParentTableName' => $result['inlineTopMostParentTableName'] ?: $inlineTopMostParent['table'] ?? '',
+                    'inlineTopMostParentFieldName' => $result['inlineTopMostParentFieldName'] ?: $inlineTopMostParent['field'] ?? '',
+                    // pass through schemata as they are immutable once they are set
+                    'tcaSchemata' => $result['tcaSchemata'],
+                    // pass through fullTca as it is immutable once set
+                    'fullTca' => $result['fullTca'],
+                ],
+                GeneralUtility::makeInstance(TcaDatabaseRecord::class)
+            );
+    }
+
+    /**
+     * Substitute given list of uids with corresponding workspace uids - if needed
+     *
+     * @param int[] $connectedUids List of file reference uids
+     * @return int[] List of substituted uids
+     */
+    protected function getSubstitutedWorkspacedUids(array $connectedUids, TcaSchema $fileReferenceSchema): array
+    {
+        $workspace = $this->getBackendUser()->workspace;
+        if ($workspace === 0 || !$fileReferenceSchema->hasCapability(TcaSchemaCapability::Workspace)) {
+            return $connectedUids;
+        }
+        $substitutedUids = [];
+        foreach ($connectedUids as $uid) {
+            $workspaceVersion = BackendUtility::getWorkspaceVersionOfRecord(
+                $workspace,
+                self::FILE_REFERENCE_TABLE,
+                $uid,
+                'uid,t3ver_state'
+            );
+            if (!empty($workspaceVersion)) {
+                $versionState = VersionState::tryFrom($workspaceVersion['t3ver_state'] ?? 0);
+                if ($versionState === VersionState::DELETE_PLACEHOLDER) {
+                    continue;
+                }
+                $uid = $workspaceVersion['uid'];
+            }
+            $substitutedUids[] = (int)$uid;
+        }
+        return $substitutedUids;
+    }
+
+    /**
+     * Resolve file reference uids using the RelationHandler
+     *
+     * @return int[]
+     */
+    protected function resolveFileReferenceUids(
+        array $parentConfig,
+        $parentTableName,
+        $parentUid,
+        $parentFieldValue
+    ): array {
+        $relationHandler = GeneralUtility::makeInstance(RelationHandler::class);
+        $relationHandler->start(
+            $parentFieldValue,
+            self::FILE_REFERENCE_TABLE,
+            '',
+            BackendUtility::getLiveVersionIdOfRecord($parentTableName, $parentUid) ?? $parentUid,
+            $parentTableName,
+            $parentConfig
+        );
+        return array_map(intval(...), $relationHandler->getValueArray());
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaFlexPrepare.php b/Classes/Form/FormDataProvider/TcaFlexPrepare.php
new file mode 100644
index 0000000..376e25f
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaFlexPrepare.php
@@ -0,0 +1,128 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Configuration\FlexForm\Exception\InvalidDataStructureException;
+use TYPO3\CMS\Core\Configuration\FlexForm\Exception\InvalidIdentifierException;
+use TYPO3\CMS\Core\Configuration\FlexForm\Exception\InvalidTcaException;
+use TYPO3\CMS\Core\Configuration\FlexForm\Exception\InvalidTcaSchemaException;
+use TYPO3\CMS\Core\Configuration\FlexForm\FlexFormTools;
+use TYPO3\CMS\Core\Schema\Exception\UndefinedSchemaException;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Resolve flex data structure and data values, prepare and normalize.
+ *
+ * This is the first data provider in the chain of flex form related providers.
+ */
+readonly class TcaFlexPrepare implements FormDataProviderInterface
+{
+    public function __construct(
+        private FlexFormTools $flexFormTools,
+    ) {}
+
+    /**
+     * Resolve flex data structures and prepare flex data values.
+     *
+     * Normalize some details to have aligned array nesting for the rest of the
+     * processing method and the render engine.
+     */
+    public function addData(array $result): array
+    {
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (empty($fieldConfig['config']['type']) || $fieldConfig['config']['type'] !== 'flex') {
+                continue;
+            }
+            $result = $this->initializeDataStructure($result, (string)$fieldName);
+            $result = $this->initializeDataValues($result, (string)$fieldName);
+        }
+        return $result;
+    }
+
+    /**
+     * Fetch / initialize data structure.
+     *
+     * The data structures in ['config']['ds'] is initialized here and the dataStructureIdentifier is set.
+     */
+    protected function initializeDataStructure(array $result, string $fieldName): array
+    {
+        $dataStructureArray = ['sheets' => ['sDEF' => []]];
+
+        if (!isset($result['processedTca']['columns'][$fieldName]['config']['dataStructureIdentifier'])) {
+            try {
+                // Actually ['config']['ds'] might already contain the resolved data structure. However,
+                // since the references value might be a file path and a couple of events exist for flex
+                // form resolving, we nevertheless need to call getDataStructureIdentifier() and
+                // parseDataStructureByIdentifier() here.
+                $schema = $result['tcaSchemata']->get($result['tableName']);
+                $dataStructureIdentifier = $this->flexFormTools->getDataStructureIdentifier(
+                    $result['processedTca']['columns'][$fieldName],
+                    $result['tableName'],
+                    $fieldName,
+                    $result['databaseRow'],
+                    $schema
+                );
+                $dataStructureArray = $this->flexFormTools->parseDataStructureByIdentifier($dataStructureIdentifier, $schema);
+                // Add the identifier to TCA to use it later during rendering
+                $result['processedTca']['columns'][$fieldName]['config']['dataStructureIdentifier'] = $dataStructureIdentifier;
+            } catch (InvalidDataStructureException|InvalidIdentifierException|InvalidTcaException|UndefinedSchemaException) {
+                // Skip the data structure if it is invalid
+            }
+        } elseif (is_array($result['processedTca']['columns'][$fieldName]['config']['ds'] ?? false)) {
+            // Data structure has been given from outside
+            $dataStructureArray = $result['processedTca']['columns'][$fieldName]['config']['ds'];
+        } else {
+            // Resolve data structure base on given dataStructureIdentifier
+            try {
+                $dataStructureArray = $this->flexFormTools->parseDataStructureByIdentifier($result['processedTca']['columns'][$fieldName]['config']['dataStructureIdentifier'], $result['tcaSchemata']->get($result['tableName']));
+            } catch (InvalidDataStructureException|InvalidIdentifierException|InvalidTcaSchemaException|UndefinedSchemaException) {
+                // Skip the data structure if it is invalid
+            }
+        }
+        if (!isset($dataStructureArray['meta']) || !is_array($dataStructureArray['meta'])) {
+            $dataStructureArray['meta'] = [];
+        }
+        // Finally add the resolved data Structure to "ds"
+        $result['processedTca']['columns'][$fieldName]['config']['ds'] = $dataStructureArray;
+        return $result;
+    }
+
+    /**
+     * Parse / initialize value from xml string to array
+     */
+    protected function initializeDataValues(array $result, string $fieldName): array
+    {
+        $valueArray = [];
+
+        if (isset($result['databaseRow'][$fieldName]) && $result['databaseRow'][$fieldName] !== '') {
+            if (is_array($result['databaseRow'][$fieldName])) {
+                $valueArray = $result['databaseRow'][$fieldName];
+            } else {
+                $valueArray = GeneralUtility::xml2array($result['databaseRow'][$fieldName]);
+                if (!is_array($valueArray)) {
+                    $valueArray = [];
+                }
+            }
+        }
+        $valueArray['data'] ??= [];
+        $valueArray['meta'] ??= [];
+        $result['databaseRow'][$fieldName] = $valueArray;
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaFlexProcess.php b/Classes/Form/FormDataProvider/TcaFlexProcess.php
new file mode 100644
index 0000000..2c85e52
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaFlexProcess.php
@@ -0,0 +1,598 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\FlexFormSegment;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\Form\Utility\FormEngineUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Process data structures and data values, calculate defaults.
+ *
+ * This is typically the last provider, executed after TcaFlexPrepare
+ */
+class TcaFlexProcess implements FormDataProviderInterface
+{
+    /**
+     * Determine possible pageTsConfig overrides and apply them to ds.
+     * Determine available languages and sanitize ds for further processing. Then kick
+     * and validate further details like excluded fields. Finally, for each possible
+     * value and ds, call FormDataCompiler with set FlexFormSegment group to resolve
+     * single field stuff like item processor functions.
+     */
+    public function addData(array $result): array
+    {
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (empty($fieldConfig['config']['type']) || $fieldConfig['config']['type'] !== 'flex') {
+                continue;
+            }
+            if (!isset($result['processedTca']['columns'][$fieldName]['config']['dataStructureIdentifier'])) {
+                throw new \RuntimeException(
+                    'Data structure identifier must be set, typically by executing TcaFlexPrepare data provider before',
+                    1480765571
+                );
+            }
+            $dataStructureIdentifier = $result['processedTca']['columns'][$fieldName]['config']['dataStructureIdentifier'];
+            $simpleDataStructureIdentifier = $this->getSimplifiedDataStructureIdentifier($dataStructureIdentifier);
+            $pageTsConfigOfFlex = $this->getPageTsOfFlex($result, $fieldName, $simpleDataStructureIdentifier);
+            $result = $this->modifyOuterDataStructure($result, $fieldName, $pageTsConfigOfFlex);
+            $result = $this->removeExcludeFieldsFromDataStructure($result, $fieldName, $simpleDataStructureIdentifier);
+            $result = $this->mergeFieldDefinitionWithPageTsConfig($result, $fieldName, $pageTsConfigOfFlex);
+            $result = $this->removeDisabledFieldsFromDataStructure($result, $fieldName, $pageTsConfigOfFlex);
+            // A "normal" call opening a record: Process data structure and field values
+            // This is called for "new" container ajax request too, since display conditions from section container
+            // elements can access record values of other flex form sheets and we need their values then.
+            $result = $this->modifyDataStructureAndDataValuesByFlexFormSegmentGroup($result, $fieldName, $pageTsConfigOfFlex);
+            if (!empty($result['flexSectionContainerPreparation'])) {
+                // Create data and default values for a new section container, set by FormFlexAjaxController
+                $result = $this->prepareNewSectionContainer($result, $fieldName);
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Calculate a simplified (and wrong) data structure identifier.
+     * This is used to find pageTsConfig options of flex fields and exclude field definitions later, see methods below.
+     * If the data structure identifier is not type=tca based and if dataStructureKey is not as expected, fallback is "default"
+     *
+     * Example pi_flexform with ext:news in tt_content:
+     * * CType in databaseRow is "news_pi1"
+     * * The resulting dataStructureIdentifier calculated by FlexFormTools is then:
+     *   {"type":"tca","tableName":"tt_content","fieldName":"pi_flexform","dataStructureKey":"news_pi1"}
+     * * The resulting simpleDataStructureIdentifier is "news_pi1"
+     * * The pageTsConfig base path used for flex field overrides is "TCEFORM.tt_content.pi_flexform.news_pi1", a full
+     *   example path disabling a field: "TCEFORM.tt_content.pi_flexform.news_pi1.sDEF.settings\.orderBy.disabled = 1"
+     * * The exclude path for be_user exclude rights is "tt_content:pi_flexform;news_pi1", a full example:
+     *   tt_content:pi_flexform;news_pi1;sDEF;settings.orderBy
+     *
+     * Notes:
+     * This approach is obviously limited. It is not possible to override flex form DS via pageTsConfig for other complex
+     * or dynamically created data structure definitions. And worse, the fallback to "default" may lead to naming clashes
+     * if two different data structures have identical sheet and field names.
+     * Also, the exclude field handling is limited, and it is not possible to respect 'exclude' fields in flex form
+     * data structures if the dataStructureIdentifier is based on type="record" or manipulated by a hook in FlexFormTools.
+     * All that can only be solved by changing the pageTsConfig syntax referencing flex fields, probably by involving the whole
+     * data structure identifier and going away from this "simple" approach. For exclude fields there is the additional
+     * issue that the special="exclude" code is based on guess work, to find possible data structures. If this area here is
+     * changed and a pageTsConfig syntax change is raised, it would probably be a good idea to solve the access restrictions
+     * area at the same time - see the related methods that deal with flex field handling for special="exclude" for
+     * more comments on this.
+     * Another limitation is that the current syntax in both pageTsConfig and exclude fields does not
+     * consider flex form section containers at all.
+     */
+    protected function getSimplifiedDataStructureIdentifier(string $dataStructureIdentifier): string
+    {
+        $identifierArray = json_decode($dataStructureIdentifier, true);
+        $simpleDataStructureIdentifier = 'default';
+        if (isset($identifierArray['type'], $identifierArray['dataStructureKey'])
+            && $identifierArray['type'] === 'tca'
+            && $identifierArray['dataStructureKey'] !== ''
+        ) {
+            $simpleDataStructureIdentifier = $identifierArray['dataStructureKey'];
+        }
+        return $simpleDataStructureIdentifier;
+    }
+
+    /**
+     * Determine TCEFORM.aTable.aField.matchingIdentifier
+     *
+     * @param array $result Result array
+     * @param string $fieldName Handled field name
+     * @param string $flexIdentifier Determined identifier
+     * @return array Page TSconfig for this flex
+     */
+    protected function getPageTsOfFlex(array $result, $fieldName, $flexIdentifier)
+    {
+        $table = $result['tableName'];
+        $pageTs = [];
+        if (!empty($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.'][$flexIdentifier . '.'])
+            && is_array($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.'][$flexIdentifier . '.'])) {
+            $pageTs = $result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.'][$flexIdentifier . '.'];
+        }
+        return $pageTs;
+    }
+
+    /**
+     * Handle "outer" flex data structure changes like language and sheet
+     * description. Does not change "TCA" or values of single elements
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @param array $pageTsConfig Given pageTsConfig of this flex form
+     * @return array Modified item array
+     */
+    protected function modifyOuterDataStructure(array $result, $fieldName, $pageTsConfig)
+    {
+        $modifiedDataStructure = $result['processedTca']['columns'][$fieldName]['config']['ds'];
+
+        if (isset($modifiedDataStructure['sheets']) && is_array($modifiedDataStructure['sheets'])) {
+            // Handling multiple sheets
+            foreach ($modifiedDataStructure['sheets'] as $sheetName => $sheetStructure) {
+                if (isset($pageTsConfig[$sheetName . '.']) && is_array($pageTsConfig[$sheetName . '.'])) {
+                    $pageTsOfSheet = $pageTsConfig[$sheetName . '.'];
+
+                    // Remove whole sheet if disabled
+                    if (!empty($pageTsOfSheet['disabled'])) {
+                        unset($modifiedDataStructure['sheets'][$sheetName]);
+                        continue;
+                    }
+
+                    // sheetTitle, sheetDescription, sheetShortDescr
+                    $modifiedDataStructure['sheets'][$sheetName] = $this->modifySingleSheetInformation($sheetStructure, $pageTsOfSheet);
+                }
+            }
+        }
+
+        $result['processedTca']['columns'][$fieldName]['config']['ds'] = $modifiedDataStructure;
+
+        return $result;
+    }
+
+    /**
+     * Removes fields from data structure the user has no access to
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @param string $flexIdentifier Determined identifier
+     * @return array Modified result
+     */
+    protected function removeExcludeFieldsFromDataStructure(array $result, $fieldName, $flexIdentifier)
+    {
+        $dataStructure = $result['processedTca']['columns'][$fieldName]['config']['ds'];
+        $backendUser = $this->getBackendUser();
+        if ($backendUser->isAdmin() || !isset($dataStructure['sheets']) || !is_array($dataStructure['sheets'])) {
+            return $result;
+        }
+
+        $userNonExcludeFields = GeneralUtility::trimExplode(',', $backendUser->groupData['non_exclude_fields']);
+        $excludeFieldsPrefix = $result['tableName'] . ':' . $fieldName . ';' . $flexIdentifier . ';';
+        $nonExcludeFields = [];
+        foreach ($userNonExcludeFields as $userNonExcludeField) {
+            if (str_contains($userNonExcludeField, $excludeFieldsPrefix)) {
+                $exploded = explode(';', $userNonExcludeField);
+                $sheetName = $exploded[2];
+                $allowedFlexFieldName = $exploded[3];
+                $nonExcludeFields[$sheetName][$allowedFlexFieldName] = true;
+            }
+        }
+        foreach ($dataStructure['sheets'] as $sheetName => $sheetDefinition) {
+            if (!isset($sheetDefinition['ROOT']['el']) || !is_array($sheetDefinition['ROOT']['el'])) {
+                continue;
+            }
+            foreach ($sheetDefinition['ROOT']['el'] as $flexFieldName => $fieldDefinition) {
+                if (!empty($fieldDefinition['exclude']) && !isset($nonExcludeFields[$sheetName][$flexFieldName])) {
+                    unset($result['processedTca']['columns'][$fieldName]['config']['ds']['sheets'][$sheetName]['ROOT']['el'][$flexFieldName]);
+                }
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Merge fields of FlexForm TCA with config of pageTSConfig
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @param array $pageTsConfig Given pageTsConfig of this flex form
+     * @return array Modified item array
+     */
+    protected function mergeFieldDefinitionWithPageTsConfig(array $result, $fieldName, $pageTsConfig)
+    {
+        $dataStructure = $result['processedTca']['columns'][$fieldName]['config']['ds'];
+        foreach ($dataStructure['sheets'] ?? [] as $sheetName => $sheetDefinition) {
+            if (!isset($pageTsConfig[$sheetName . '.'])) {
+                continue;
+            }
+            foreach ($sheetDefinition['ROOT']['el'] ?? [] as $flexFieldName => $fieldDefinition) {
+                if (!isset($pageTsConfig[$sheetName . '.'][$flexFieldName . '.'])) {
+                    continue;
+                }
+                // Override fieldConf by fieldTSconfig:
+                $result['processedTca']['columns'][$fieldName]['config']['ds']['sheets'][$sheetName]['ROOT']['el'][$flexFieldName]['config'] = FormEngineUtility::overrideFieldConf($fieldDefinition['config'], $pageTsConfig[$sheetName . '.'][$flexFieldName . '.'] ?? []);
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * Remove fields from data structure that are disabled in pageTsConfig.
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @param array $pageTsConfig Given pageTsConfig of this flex form
+     * @return array Modified item array
+     */
+    protected function removeDisabledFieldsFromDataStructure(array $result, $fieldName, $pageTsConfig)
+    {
+        $dataStructure = $result['processedTca']['columns'][$fieldName]['config']['ds'];
+        if (!isset($dataStructure['sheets']) || !is_array($dataStructure['sheets'])) {
+            return $result;
+        }
+        foreach ($dataStructure['sheets'] as $sheetName => $sheetDefinition) {
+            if (!isset($sheetDefinition['ROOT']['el']) || !is_array($sheetDefinition['ROOT']['el'])
+                || !isset($pageTsConfig[$sheetName . '.'])) {
+                continue;
+            }
+            foreach ($sheetDefinition['ROOT']['el'] as $flexFieldName => $fieldDefinition) {
+                if (!empty($pageTsConfig[$sheetName . '.'][$flexFieldName . '.']['disabled'])) {
+                    unset($result['processedTca']['columns'][$fieldName]['config']['ds']['sheets'][$sheetName]['ROOT']['el'][$flexFieldName]);
+                }
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * Feed single flex field and data to FlexFormSegment FormData compiler and merge result.
+     * This one is nasty. Goal is to have processed TCA stuff in DS and also have validated / processed data values.
+     *
+     * Two main parts in this method:
+     * * Process values and TCA of existing section containers
+     * * Process TCA of "normal" fields
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @param array $pageTsConfig Given pageTsConfig of this flex form
+     * @return array Modified item array
+     * @throws \UnexpectedValueException
+     */
+    protected function modifyDataStructureAndDataValuesByFlexFormSegmentGroup(array $result, $fieldName, $pageTsConfig)
+    {
+        $dataStructure = $result['processedTca']['columns'][$fieldName]['config']['ds'];
+        $dataValues = $result['databaseRow'][$fieldName];
+        $tableName = $result['tableName'];
+
+        if (!isset($dataStructure['sheets']) || !is_array($dataStructure['sheets'])) {
+            return $result;
+        }
+
+        $formDataGroup = GeneralUtility::makeInstance(FlexFormSegment::class);
+        $formDataCompiler = GeneralUtility::makeInstance(FormDataCompiler::class);
+
+        foreach ($dataStructure['sheets'] as $dataStructureSheetName => $dataStructureSheetDefinition) {
+            if (!isset($dataStructureSheetDefinition['ROOT']['el']) || !is_array($dataStructureSheetDefinition['ROOT']['el'])) {
+                continue;
+            }
+            $dataStructureFields = $dataStructureSheetDefinition['ROOT']['el'];
+
+            // Prepare pageTsConfig of this sheet
+            $pageTsConfig['TCEFORM.'][$tableName . '.'] = [];
+            if (isset($pageTsConfig[$dataStructureSheetName . '.']) && is_array($pageTsConfig[$dataStructureSheetName . '.'])) {
+                $pageTsConfig['TCEFORM.'][$tableName . '.'] = $pageTsConfig[$dataStructureSheetName . '.'];
+            }
+
+            // List of "new" tca fields that have no value within the flexform, yet. Those will be compiled in one go later.
+            $tcaNewColumns = [];
+            // List of "edit" tca fields that have a value in flexform, already. Those will be compiled in one go later.
+            $tcaEditColumns = [];
+            // Contains the data values for the "edit" tca fields.
+            $tcaValueArray = [
+                'uid' => $result['databaseRow']['uid'],
+            ];
+            foreach ($dataStructureFields as $dataStructureFieldName => $dataStructureFieldDefinition) {
+                if (isset($dataStructureFieldDefinition['type']) && $dataStructureFieldDefinition['type'] === 'array'
+                    && isset($dataStructureFieldDefinition['section']) && (string)$dataStructureFieldDefinition['section'] === '1'
+                ) {
+                    // Existing section containers. Prepare data values and create a unique data structure per container.
+                    // This is important for instance for display conditions later enabling them to change ds per container instance.
+                    // In the end, the data values in
+                    // ['databaseRow']['aFieldName']['data']['aSheet']['lDEF']['aSectionField']['el']['aContainer']
+                    // are prepared, and additionally, the processedTca data structure is changed and has a specific container
+                    // name per container instance in
+                    // ['processedTca']['columns']['aFieldName']['config']['ds']['sheets']['aSheet']['ROOT']['el']['aSectionField']['children']['aContainer']
+                    if (isset($dataValues['data'][$dataStructureSheetName]['lDEF'][$dataStructureFieldName]['el'])
+                        && is_array($dataValues['data'][$dataStructureSheetName]['lDEF'][$dataStructureFieldName]['el'])
+                    ) {
+                        $containerValueArray = $dataValues['data'][$dataStructureSheetName]['lDEF'][$dataStructureFieldName]['el'];
+                        $containerDataStructuresPerContainer = [];
+                        foreach ($containerValueArray as $aContainerIdentifier => $aContainerArray) {
+                            if (is_array($aContainerArray)) {
+                                foreach ($aContainerArray as $aContainerName => $aContainerElementArray) {
+                                    if (!isset($dataStructureFields[$dataStructureFieldName]['el'][$aContainerName])) {
+                                        // Container not defined in ds
+                                        continue;
+                                    }
+                                    $vanillaContainerDataStructure = $dataStructureFields[$dataStructureFieldName]['el'][$aContainerName];
+
+                                    $newColumns = [];
+                                    $editColumns = [];
+                                    $valueArray = [
+                                        'uid' => $result['databaseRow']['uid'],
+                                    ];
+                                    foreach ($vanillaContainerDataStructure['el'] as $singleFieldName => $singleFieldConfiguration) {
+                                        // $singleFieldValueArray = ['data']['sSections']['lDEF']['section_1']['el']['1']['container_1']['el']['element_1']
+                                        $singleFieldValueArray = [];
+                                        if (isset($aContainerElementArray['el'][$singleFieldName])
+                                            && is_array($aContainerElementArray['el'][$singleFieldName])
+                                        ) {
+                                            $singleFieldValueArray = $aContainerElementArray['el'][$singleFieldName];
+                                        }
+
+                                        if (array_key_exists('vDEF', $singleFieldValueArray)) {
+                                            $valueArray[$singleFieldName] = $singleFieldValueArray['vDEF'];
+                                        } else {
+                                            $newColumns[$singleFieldName] = $singleFieldConfiguration;
+                                        }
+                                        $editColumns[$singleFieldName] = $singleFieldConfiguration;
+                                    }
+
+                                    $inputToFlexFormSegment = [
+                                        'request' => $result['request'],
+                                        'tableName' => $result['tableName'],
+                                        'command' => '',
+                                        // It is currently not possible to have pageTsConfig for section container
+                                        'pageTsConfig' => [],
+                                        'databaseRow' => $valueArray,
+                                        'processedTca' => [
+                                            'ctrl' => [],
+                                            'columns' => [],
+                                        ],
+                                        'selectTreeCompileItems' => $result['selectTreeCompileItems'],
+                                        'flexParentDatabaseRow' => $result['databaseRow'],
+                                        'effectivePid' => $result['effectivePid'],
+                                        // pass through schemata as they are immutable once they are set
+                                        'tcaSchemata' => $result['tcaSchemata'],
+                                        // pass through fullTca as it is immutable once set
+                                        'fullTca' => $result['fullTca'],
+                                    ];
+
+                                    if (!empty($newColumns)) {
+                                        // This is scenario "field has been added to data structure, but field value does not exist in value array yet"
+                                        // We want that stuff like TCA "default" values are then applied to those fields. What we do here is
+                                        // calling the data compiler with those "new" fields to fetch their values and set them in value array.
+                                        // Those fields are then compiled a second time in the "edit" phase to prepare their final TCA.
+                                        // This two-phase compiling is needed to ensure that for instance display conditions work with
+                                        // fields that may just have been added to the data structure but are not yet initialized as data value.
+                                        $inputToFlexFormSegment['command'] = 'new';
+                                        $inputToFlexFormSegment['processedTca']['columns'] = $newColumns;
+                                        $flexSegmentResult = $formDataCompiler->compile($inputToFlexFormSegment, $formDataGroup);
+                                        foreach ($newColumns as $singleFieldName => $_) {
+                                            // Set data value result to feed it to "edit" next
+                                            $valueArray[$singleFieldName] = $flexSegmentResult['databaseRow'][$singleFieldName];
+                                        }
+                                    }
+
+                                    if (!empty($editColumns)) {
+                                        $inputToFlexFormSegment['command'] = 'edit';
+                                        $inputToFlexFormSegment['processedTca']['columns'] = $editColumns;
+                                        $flexSegmentResult = $formDataCompiler->compile($inputToFlexFormSegment, $formDataGroup);
+                                        foreach ($editColumns as $singleFieldName => $_) {
+                                            $result['databaseRow'][$fieldName]
+                                                ['data'][$dataStructureSheetName]['lDEF'][$dataStructureFieldName]
+                                                ['el'][$aContainerIdentifier][$aContainerName]['el'][$singleFieldName]['vDEF']
+                                                = $flexSegmentResult['databaseRow'][$singleFieldName];
+                                            $containerDataStructuresPerContainer[$aContainerIdentifier] = $vanillaContainerDataStructure;
+                                            $containerDataStructuresPerContainer[$aContainerIdentifier]['el'] = $flexSegmentResult['processedTca']['columns'];
+                                        }
+                                    }
+                                }
+                            }
+                        } // End of existing data value handling
+                        // Set 'data structures per container' next to 'el' that contains vanilla data structures
+                        $result['processedTca']['columns'][$fieldName]['config']['ds']
+                            ['sheets'][$dataStructureSheetName]['ROOT']['el']
+                            [$dataStructureFieldName]['children'] = $containerDataStructuresPerContainer;
+                    } else {
+                        // Force the section data array to be an empty array if there are no existing containers
+                        $result['databaseRow'][$fieldName]
+                            ['data'][$dataStructureSheetName]['lDEF'][$dataStructureFieldName]['el'] = [];
+                        // Force data structure array to be empty if there are no existing containers
+                        $result['processedTca']['columns'][$fieldName]['config']['ds']
+                            ['sheets'][$dataStructureSheetName]['ROOT']['el']
+                            [$dataStructureFieldName]['children'] = [];
+                    }
+                } else {
+                    // A "normal" TCA flex form element, no section
+                    if (isset($dataValues['data'][$dataStructureSheetName]['lDEF'][$dataStructureFieldName])
+                        && array_key_exists('vDEF', $dataValues['data'][$dataStructureSheetName]['lDEF'][$dataStructureFieldName])
+                    ) {
+                        $tcaEditColumns[$dataStructureFieldName] = $dataStructureFieldDefinition;
+                        $tcaValueArray[$dataStructureFieldName] = $dataValues['data'][$dataStructureSheetName]['lDEF'][$dataStructureFieldName]['vDEF'];
+                    } else {
+                        $tcaNewColumns[$dataStructureFieldName] = $dataStructureFieldDefinition;
+                    }
+                } // End of single element handling
+            }
+
+            // process the tca columns for the current sheet
+            $inputToFlexFormSegment = [
+                'request' => $result['request'],
+                'tableName' => $result['tableName'],
+                'command' => '',
+                'pageTsConfig' => $pageTsConfig,
+                'databaseRow' => $tcaValueArray,
+                'processedTca' => [
+                    'ctrl' => [],
+                    'columns' => [],
+                ],
+                'flexParentDatabaseRow' => $result['databaseRow'],
+                // Whether to compile TCA tree items - inherit from parent
+                'selectTreeCompileItems' => $result['selectTreeCompileItems'],
+                'effectivePid' => $result['effectivePid'],
+                // pass through schemata as they are immutable once they are set
+                'tcaSchemata' => $result['tcaSchemata'],
+                // pass through fullTca as it is immutable once set
+                'fullTca' => $result['fullTca'],
+            ];
+
+            if (!empty($tcaNewColumns)) {
+                // @todo: this has the same problem in scenario "a field was added later" as flex section container
+                $inputToFlexFormSegment['command'] = 'new';
+                $inputToFlexFormSegment['processedTca']['columns'] = $tcaNewColumns;
+                $flexSegmentResult = $formDataCompiler->compile($inputToFlexFormSegment, $formDataGroup);
+
+                foreach ($tcaNewColumns as $dataStructureFieldName => $_) {
+                    // Set data value result
+                    if (array_key_exists($dataStructureFieldName, $flexSegmentResult['databaseRow'])) {
+                        $result['databaseRow'][$fieldName]
+                            ['data'][$dataStructureSheetName]['lDEF'][$dataStructureFieldName]['vDEF']
+                            = $flexSegmentResult['databaseRow'][$dataStructureFieldName];
+                    }
+                    // Set TCA structure result
+                    $result['processedTca']['columns'][$fieldName]['config']['ds']
+                        ['sheets'][$dataStructureSheetName]['ROOT']['el'][$dataStructureFieldName]
+                        = $flexSegmentResult['processedTca']['columns'][$dataStructureFieldName];
+                }
+            }
+
+            if (!empty($tcaEditColumns)) {
+                $inputToFlexFormSegment['command'] = 'edit';
+                $inputToFlexFormSegment['processedTca']['columns'] = $tcaEditColumns;
+                $flexSegmentResult = $formDataCompiler->compile($inputToFlexFormSegment, $formDataGroup);
+
+                foreach ($tcaEditColumns as $dataStructureFieldName => $_) {
+                    // Set data value result
+                    if (array_key_exists($dataStructureFieldName, $flexSegmentResult['databaseRow'])) {
+                        $result['databaseRow'][$fieldName]
+                            ['data'][$dataStructureSheetName]['lDEF'][$dataStructureFieldName]['vDEF']
+                            = $flexSegmentResult['databaseRow'][$dataStructureFieldName];
+                    }
+                    // Set TCA structure result
+                    $result['processedTca']['columns'][$fieldName]['config']['ds']
+                        ['sheets'][$dataStructureSheetName]['ROOT']['el'][$dataStructureFieldName]
+                        = $flexSegmentResult['processedTca']['columns'][$dataStructureFieldName];
+                }
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Prepare data structure and data values for a new section container.
+     *
+     * @param array $result Incoming result array
+     * @param string $fieldName The field name with this flex form
+     * @return array Modified result
+     */
+    protected function prepareNewSectionContainer(array $result, string $fieldName): array
+    {
+        $flexSectionContainerPreparation = $result['flexSectionContainerPreparation'];
+        $flexFormSheetName = $flexSectionContainerPreparation['flexFormSheetName'];
+        $flexFormFieldName = $flexSectionContainerPreparation['flexFormFieldName'];
+        $flexFormContainerName = $flexSectionContainerPreparation['flexFormContainerName'];
+        $flexFormContainerIdentifier = $flexSectionContainerPreparation['flexFormContainerIdentifier'];
+
+        $containerConfiguration = $result['processedTca']['columns'][$fieldName]['config']['ds']
+            ['sheets'][$flexFormSheetName]['ROOT']['el'][$flexFormFieldName]['el'][$flexFormContainerName] ?? [];
+
+        if (isset($containerConfiguration['el']) && is_array($containerConfiguration['el'])) {
+            $formDataCompiler = GeneralUtility::makeInstance(FormDataCompiler::class);
+            $inputToFlexFormSegment = [
+                'request' => $result['request'],
+                'tableName' => $result['tableName'],
+                'command' => 'new',
+                // It is currently not possible to have pageTsConfig for section container
+                'pageTsConfig' => [],
+                'databaseRow' => [
+                    'uid' => $result['databaseRow']['uid'],
+                ],
+                'processedTca' => [
+                    'ctrl' => [],
+                    'columns' => $containerConfiguration['el'],
+                ],
+                'selectTreeCompileItems' => $result['selectTreeCompileItems'],
+                'flexParentDatabaseRow' => $result['databaseRow'],
+                'effectivePid' => $result['effectivePid'],
+                // pass through schemata as they are immutable once they are set
+                'tcaSchemata' => $result['tcaSchemata'],
+                // pass through fullTca as it is immutable once set
+                'fullTca' => $result['fullTca'],
+            ];
+            $flexSegmentResult = $formDataCompiler->compile($inputToFlexFormSegment, GeneralUtility::makeInstance(FlexFormSegment::class));
+
+            foreach ($containerConfiguration['el'] as $singleFieldName => $singleFieldConfiguration) {
+                // Set 'data structures for this new container' to 'children'
+                $result['processedTca']['columns'][$fieldName]['config']['ds']
+                    ['sheets'][$flexFormSheetName]['ROOT']['el']
+                    [$flexFormFieldName]['children'][$flexFormContainerIdentifier]
+                    = $containerConfiguration;
+                $result['processedTca']['columns'][$fieldName]['config']['ds']
+                    ['sheets'][$flexFormSheetName]['ROOT']['el']
+                    [$flexFormFieldName]['children'][$flexFormContainerIdentifier]['el']
+                    = $flexSegmentResult['processedTca']['columns'];
+                // Set calculated value - this especially contains "default values from TCA"
+                $result['databaseRow'][$fieldName]['data'][$flexFormSheetName]['lDEF']
+                    [$flexFormFieldName]['el']
+                    [$flexFormContainerIdentifier][$flexFormContainerName]['el'][$singleFieldName]['vDEF']
+                    = $flexSegmentResult['databaseRow'][$singleFieldName];
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Modify data structure of a single "sheet"
+     * Sets "secondary" data like sheet names and so on, but does NOT modify single elements
+     *
+     * @param array $dataStructure Given data structure
+     * @param array $pageTsOfSheet Page Ts config of given field
+     * @return array Modified data structure
+     */
+    protected function modifySingleSheetInformation(array $dataStructure, array $pageTsOfSheet)
+    {
+        // Return if no elements defined
+        if (!isset($dataStructure['ROOT']['el']) || !is_array($dataStructure['ROOT']['el'])) {
+            return $dataStructure;
+        }
+        // Rename sheet (tab)
+        if (!empty($pageTsOfSheet['sheetTitle'])) {
+            $dataStructure['ROOT']['sheetTitle'] = $pageTsOfSheet['sheetTitle'];
+        }
+        // Set sheet description (tab)
+        if (!empty($pageTsOfSheet['sheetDescription'])) {
+            $dataStructure['ROOT']['sheetDescription'] = $pageTsOfSheet['sheetDescription'];
+        }
+        // Set sheet short description (tab)
+        if (!empty($pageTsOfSheet['sheetShortDescr'])) {
+            $dataStructure['ROOT']['sheetShortDescr'] = $pageTsOfSheet['sheetShortDescr'];
+        }
+
+        return $dataStructure;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaFolder.php b/Classes/Form/FormDataProvider/TcaFolder.php
new file mode 100644
index 0000000..2a28d5a
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaFolder.php
@@ -0,0 +1,88 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Resource\Exception\InsufficientFolderAccessPermissionsException;
+use TYPO3\CMS\Core\Resource\Exception\ResourceDoesNotExistException;
+use TYPO3\CMS\Core\Resource\Folder;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Resolve databaseRow field content for type=folder
+ */
+readonly class TcaFolder implements FormDataProviderInterface
+{
+    public function __construct(
+        private ResourceFactory $resourceFactory,
+    ) {}
+
+    /**
+     * Initialize new row with default values from various sources
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (empty($fieldConfig['config']['type']) || $fieldConfig['config']['type'] !== 'folder') {
+                continue;
+            }
+
+            // Sanitize max items, set to 99999 if not defined
+            $result['processedTca']['columns'][$fieldName]['config']['maxitems'] = MathUtility::forceIntegerInRange(
+                $fieldConfig['config']['maxitems'] ?? 0,
+                0,
+                99999
+            );
+            if ($result['processedTca']['columns'][$fieldName]['config']['maxitems'] === 0) {
+                $result['processedTca']['columns'][$fieldName]['config']['maxitems'] = 99999;
+            }
+
+            $databaseRowFieldContent = '';
+            if (!empty($result['databaseRow'][$fieldName])) {
+                $databaseRowFieldContent = (string)$result['databaseRow'][$fieldName];
+            }
+
+            $items = [];
+            // Simple list of folders
+            $folderList = GeneralUtility::trimExplode(',', $databaseRowFieldContent, true);
+            foreach ($folderList as $folder) {
+                if (empty($folder)) {
+                    continue;
+                }
+                try {
+                    $folderObject = $this->resourceFactory->retrieveFileOrFolderObject($folder);
+                    if ($folderObject instanceof Folder) {
+                        $items[] = [
+                            'folder' => $folder,
+                        ];
+                    }
+                } catch (ResourceDoesNotExistException|InsufficientFolderAccessPermissionsException) {
+                    continue;
+                }
+            }
+
+            $result['databaseRow'][$fieldName] = $items;
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaGroup.php b/Classes/Form/FormDataProvider/TcaGroup.php
new file mode 100644
index 0000000..12d5666
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaGroup.php
@@ -0,0 +1,125 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Clipboard\Clipboard;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Database\RelationHandler;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Resolve databaseRow field content to the real connected rows for type=group
+ */
+class TcaGroup implements FormDataProviderInterface
+{
+    /**
+     * Initialize new row with default values from various sources
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (empty($fieldConfig['config']['type']) || $fieldConfig['config']['type'] !== 'group') {
+                continue;
+            }
+
+            // Sanitize max items, set to 99999 if not defined
+            $result['processedTca']['columns'][$fieldName]['config']['maxitems'] = MathUtility::forceIntegerInRange(
+                $fieldConfig['config']['maxitems'] ?? 0,
+                0,
+                99999
+            );
+            if ($result['processedTca']['columns'][$fieldName]['config']['maxitems'] === 0) {
+                $result['processedTca']['columns'][$fieldName]['config']['maxitems'] = 99999;
+            }
+
+            $databaseRowFieldContent = '';
+            if (!empty($result['databaseRow'][$fieldName])) {
+                $databaseRowFieldContent = (string)$result['databaseRow'][$fieldName];
+            }
+
+            $items = [];
+            $sanitizedClipboardElements = [];
+            if (empty($fieldConfig['config']['allowed'])) {
+                throw new \RuntimeException(
+                    'Mandatory TCA config setting "allowed" missing in field "' . $fieldName . '" of table "' . $result['tableName'] . '"',
+                    1482250512
+                );
+            }
+
+            // In case of vanilla uid, 0 is used to query relations by splitting $databaseRowFieldContent (possible defVals)
+            $MMuid = MathUtility::canBeInterpretedAsInteger($result['databaseRow']['uid']) ? $result['databaseRow']['uid'] : 0;
+
+            $relationHandler = GeneralUtility::makeInstance(RelationHandler::class);
+            $relationHandler->start(
+                $databaseRowFieldContent,
+                $fieldConfig['config']['allowed'] ?? '',
+                $fieldConfig['config']['MM'] ?? '',
+                $MMuid,
+                $result['tableName'] ?? '',
+                $fieldConfig['config'] ?? []
+            );
+            $relationHandler->getFromDB();
+            $relationHandler->processDeletePlaceholder();
+            $relations = $relationHandler->getResolvedItemArray();
+            foreach ($relations as $relation) {
+                $tableName = $relation['table'];
+                $record = $relation['record'];
+                BackendUtility::workspaceOL($tableName, $record);
+                $title = BackendUtility::getRecordTitle($tableName, $record, false, false);
+                $items[] = [
+                    'table' => $tableName,
+                    'uid' => $record['uid'] ?? null,
+                    'title' => $title,
+                    'row' => $record,
+                ];
+            }
+
+            // Register elements from clipboard
+            $allowed = GeneralUtility::trimExplode(',', $fieldConfig['config']['allowed'], true);
+            $clipboard = GeneralUtility::makeInstance(Clipboard::class);
+            $clipboard->initializeClipboard();
+
+            $clipboardElements = [];
+            if ($allowed[0] !== '*') {
+                // Only some tables, filter them:
+                foreach ($allowed as $tablename) {
+                    $clipboardElements = [...$clipboardElements, ...array_keys($clipboard->elFromTable($tablename))];
+                }
+            } else {
+                // All tables allowed for relation:
+                $clipboardElements = array_keys($clipboard->elFromTable(''));
+            }
+
+            foreach ($clipboardElements as $elementValue) {
+                [$elementTable, $elementUid] = explode('|', $elementValue);
+                $record = BackendUtility::getRecordWSOL($elementTable, (int)$elementUid);
+                $sanitizedClipboardElements[] = [
+                    'title' => BackendUtility::getRecordTitle($elementTable, $record),
+                    'value' => $elementTable . '_' . $elementUid,
+                ];
+            }
+
+            $result['databaseRow'][$fieldName] = $items;
+            $result['processedTca']['columns'][$fieldName]['config']['clipboardElements'] = $sanitizedClipboardElements;
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaInline.php b/Classes/Form/FormDataProvider/TcaInline.php
new file mode 100644
index 0000000..571ee85
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaInline.php
@@ -0,0 +1,538 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use Psr\Log\LoggerInterface;
+use TYPO3\CMS\Backend\Form\Exception\DatabaseRecordException;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\OnTheFly;
+use TYPO3\CMS\Backend\Form\FormDataGroup\TcaDatabaseRecord;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\RelationHandler;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * Resolve and prepare inline data.
+ */
+class TcaInline extends AbstractDatabaseRecordProvider implements FormDataProviderInterface
+{
+    public function __construct(
+        private readonly FlashMessageService $flashMessageService,
+        private readonly InlineStackProcessor $inlineStackProcessor,
+        private readonly LoggerInterface $logger,
+    ) {}
+
+    /**
+     * Resolve inline fields
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        $result = $this->addInlineFirstPid($result);
+
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (!$this->isInlineField($fieldConfig)) {
+                continue;
+            }
+            $result['processedTca']['columns'][$fieldName]['children'] = [];
+            if (!$this->isUserAllowedToModify($fieldConfig)) {
+                continue;
+            }
+            if ($result['inlineResolveExistingChildren']) {
+                $result = $this->resolveRelatedRecords($result, $fieldName);
+                $result = $this->addForeignSelectorAndUniquePossibleRecords($result, $fieldName);
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Is column of type "inline"
+     *
+     * @param array $fieldConfig
+     * @return bool
+     */
+    protected function isInlineField($fieldConfig)
+    {
+        return !empty($fieldConfig['config']['type']) && $fieldConfig['config']['type'] === 'inline';
+    }
+
+    /**
+     * Is user allowed to modify child elements
+     *
+     * @param array $fieldConfig
+     * @return bool
+     */
+    protected function isUserAllowedToModify($fieldConfig)
+    {
+        return $this->getBackendUser()->check('tables_modify', $fieldConfig['config']['foreign_table']);
+    }
+
+    /**
+     * The "entry" pid for inline records. Nested inline records can potentially hang around on different
+     * pid's, but the entry pid is needed for AJAX calls, so that they would know where the action takes place on the page structure.
+     *
+     * @param array $result Incoming result
+     * @return array Modified result
+     * @todo: Find out when and if this is different from 'effectivePid'
+     */
+    protected function addInlineFirstPid(array $result)
+    {
+        if ($result['inlineFirstPid'] === null) {
+            $table = $result['tableName'];
+            $row = $result['databaseRow'];
+            // If the parent is a page, use the uid(!) of the (new?) page as pid for the child records:
+            if ($table === 'pages') {
+                $liveVersionId = BackendUtility::getLiveVersionIdOfRecord('pages', $row['uid']);
+                $pid = $liveVersionId ?? $row['uid'];
+            } elseif (($row['pid'] ?? 0) < 0) {
+                $prevRec = BackendUtility::getRecord($table, (int)abs($row['pid']));
+                $pid = $prevRec['pid'];
+            } else {
+                $pid = $row['pid'] ?? 0;
+            }
+            if (MathUtility::canBeInterpretedAsInteger($pid)) {
+                $pageRecord = BackendUtility::getRecord('pages', (int)$pid);
+                $pageSchema = $result['tcaSchemata']->get('pages');
+                if ($pageSchema->hasCapability(TcaSchemaCapability::Language)
+                    && ($pageRecord[$pageSchema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName()] ?? 0) > 0) {
+                    $pid = (int)$pageRecord[$pageSchema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName()];
+                }
+            } elseif (!str_starts_with($pid, 'NEW')) {
+                throw new \RuntimeException(
+                    'inlineFirstPid should either be an integer or a "NEW..." string',
+                    1521220142
+                );
+            }
+            $result['inlineFirstPid'] = $pid;
+        }
+        return $result;
+    }
+
+    /**
+     * Substitute the value in databaseRow of this inline field with an array
+     * that contains the databaseRows of currently connected records and some meta information.
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @return array Modified item array
+     */
+    protected function resolveRelatedRecordsOverlays(array $result, $fieldName)
+    {
+        $childTableName = $result['processedTca']['columns'][$fieldName]['config']['foreign_table'];
+
+        $connectedUidsOfLocalizedOverlay = [];
+        if ($result['command'] === 'edit') {
+            $connectedUidsOfLocalizedOverlay = $this->resolveConnectedRecordUids(
+                $result['processedTca']['columns'][$fieldName]['config'],
+                $result['tableName'],
+                $result['databaseRow'],
+                $result['databaseRow'][$fieldName]
+            );
+        }
+        $result['databaseRow'][$fieldName] = implode(',', $connectedUidsOfLocalizedOverlay);
+        $connectedUidsOfLocalizedOverlay = $this->getSubstitutedWorkspacedUids($result, $connectedUidsOfLocalizedOverlay, $childTableName);
+        if ($result['inlineCompileExistingChildren']) {
+            $tableNameWithDefaultRecords = $result['tableName'];
+            $connectedUidsOfDefaultLanguageRecord = $this->resolveConnectedRecordUids(
+                $result['processedTca']['columns'][$fieldName]['config'],
+                $tableNameWithDefaultRecords,
+                $result['defaultLanguageRow'],
+                (string)($result['defaultLanguageRow'][$fieldName] ?? '')
+            );
+            $connectedUidsOfDefaultLanguageRecord = $this->getSubstitutedWorkspacedUids($result, $connectedUidsOfDefaultLanguageRecord, $childTableName);
+
+            $showPossibleLocalizationRecords = $result['processedTca']['columns'][$fieldName]['config']['appearance']['showPossibleLocalizationRecords'] ?? false;
+
+            // Find which records are localized, which records are not localized and which are
+            // localized but miss default language record
+            $childTableSchema = $result['tcaSchemata']->has($childTableName) ? $result['tcaSchemata']->get($childTableName) : null;
+            $fieldNameWithDefaultLanguageUid = $childTableSchema?->hasCapability(TcaSchemaCapability::Language) ? $childTableSchema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName() : '';
+            foreach ($connectedUidsOfLocalizedOverlay as $localizedUid) {
+                try {
+                    $localizedRecord = $this->getRecordFromDatabase($childTableName, $localizedUid);
+                } catch (DatabaseRecordException $e) {
+                    // The child could not be compiled, probably it was deleted and a dangling mm record exists
+                    $this->logger->warning(
+                        $e->getMessage(),
+                        [
+                            'table' => $childTableName,
+                            'uid' => $localizedUid,
+                            'exception' => $e,
+                        ]
+                    );
+                    continue;
+                }
+                // Compile localized record
+                $compiledChild = $this->compileChild($result, $fieldName, $localizedUid);
+                $result['processedTca']['columns'][$fieldName]['children'][] = $compiledChild;
+                // If that relation is configured to "showPossibleLocalizationRecords", this localized record
+                // needs to be removed from the list of records that are pending to be localized.
+                if ($fieldNameWithDefaultLanguageUid && $showPossibleLocalizationRecords) {
+                    $uidOfDefaultLanguageRecord = (int)$localizedRecord[$fieldNameWithDefaultLanguageUid];
+                    if (in_array($uidOfDefaultLanguageRecord, $connectedUidsOfDefaultLanguageRecord, true)) {
+                        // This localized child has a default language record. Remove this record from list of default language records
+                        $connectedUidsOfDefaultLanguageRecord = array_diff($connectedUidsOfDefaultLanguageRecord, [$uidOfDefaultLanguageRecord]);
+                    }
+                    $uidOfDefaultLanguageRecordWorkspaceVersionArray = $this->getSubstitutedWorkspacedUids($result, [$uidOfDefaultLanguageRecord], $childTableName);
+                    if (!empty($uidOfDefaultLanguageRecordWorkspaceVersionArray)
+                        && in_array($uidOfDefaultLanguageRecordWorkspaceVersionArray[0], $connectedUidsOfDefaultLanguageRecord, true)
+                    ) {
+                        // In some situations 'l10n_parent' of a localized workspace record points to the live version
+                        // of the default language record, and not to the workspace version, even though it exists.
+                        // Filter those as well, since the interface would otherwise show the item as "can be localized/synchronized".
+                        $connectedUidsOfDefaultLanguageRecord = array_diff($connectedUidsOfDefaultLanguageRecord, [$uidOfDefaultLanguageRecordWorkspaceVersionArray[0]]);
+                    }
+                }
+            }
+            if ($showPossibleLocalizationRecords) {
+                foreach ($connectedUidsOfDefaultLanguageRecord as $defaultLanguageUid) {
+                    // If there are still uids in $connectedUidsOfDefaultLanguageRecord, these are records that
+                    // exist in default language, but are not localized yet. Compile and mark those
+                    try {
+                        $compiledChild = $this->compileChild($result, $fieldName, $defaultLanguageUid, true);
+                    } catch (DatabaseRecordException $e) {
+                        // The child could not be compiled, probably it was deleted and a dangling mm record exists
+                        $this->logger->warning(
+                            $e->getMessage(),
+                            [
+                                'table' => $childTableName,
+                                'uid' => $defaultLanguageUid,
+                                'exception' => $e,
+                            ]
+                        );
+                        continue;
+                    }
+                    $result['processedTca']['columns'][$fieldName]['children'][] = $compiledChild;
+                }
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Substitute the value in databaseRow of this inline field with an array
+     * that contains the databaseRows of currently connected records and some meta information.
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @return array Modified item array
+     */
+    protected function resolveRelatedRecords(array $result, $fieldName)
+    {
+        if ($result['defaultLanguageRow'] !== null) {
+            return $this->resolveRelatedRecordsOverlays($result, $fieldName);
+        }
+
+        $childTableName = $result['processedTca']['columns'][$fieldName]['config']['foreign_table'];
+        $connectedUidsOfDefaultLanguageRecord = $this->resolveConnectedRecordUids(
+            $result['processedTca']['columns'][$fieldName]['config'],
+            $result['tableName'],
+            $result['databaseRow'],
+            $result['databaseRow'][$fieldName]
+        );
+        $result['databaseRow'][$fieldName] = implode(',', $connectedUidsOfDefaultLanguageRecord);
+
+        $connectedUidsOfDefaultLanguageRecord = $this->getSubstitutedWorkspacedUids($result, $connectedUidsOfDefaultLanguageRecord, $childTableName);
+
+        if ($result['inlineCompileExistingChildren']) {
+            foreach ($connectedUidsOfDefaultLanguageRecord as $uid) {
+                try {
+                    $compiledChild = $this->compileChild($result, $fieldName, $uid);
+                    $result['processedTca']['columns'][$fieldName]['children'][] = $compiledChild;
+                } catch (DatabaseRecordException $e) {
+                    // Nothing to do here, missing child is just not being rendered.
+                }
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * If there is a foreign_selector or foreign_unique configuration, fetch
+     * the list of possible records that can be connected and attach the to the
+     * inline configuration.
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @return array Modified item array
+     */
+    protected function addForeignSelectorAndUniquePossibleRecords(array $result, $fieldName)
+    {
+        if (!is_array($result['processedTca']['columns'][$fieldName]['config']['selectorOrUniqueConfiguration'] ?? null)) {
+            return $result;
+        }
+
+        $selectorOrUniqueConfiguration = $result['processedTca']['columns'][$fieldName]['config']['selectorOrUniqueConfiguration'];
+        $foreignFieldName = $selectorOrUniqueConfiguration['fieldName'];
+        $selectorOrUniquePossibleRecords = [];
+
+        if ($selectorOrUniqueConfiguration['config']['type'] === 'select') {
+            // Compile child table data for this field only
+            $selectDataInput = [
+                'request' => $result['request'],
+                'tableName' => $result['processedTca']['columns'][$fieldName]['config']['foreign_table'],
+                'command' => 'new',
+                // Since there is no existing record that may have a type, it does not make sense to
+                // do extra handling of pageTsConfig merged here. Just provide "parent" pageTS as is
+                'pageTsConfig' => $result['pageTsConfig'],
+                'userTsConfig' => $result['userTsConfig'],
+                'databaseRow' => $result['databaseRow'],
+                'processedTca' => [
+                    'ctrl' => [],
+                    'columns' => [
+                        $foreignFieldName => [
+                            'config' => $selectorOrUniqueConfiguration['config'],
+                        ],
+                    ],
+                ],
+                'inlineExpandCollapseStateArray' => $result['inlineExpandCollapseStateArray'],
+                'site' => $result['site'],
+                // pass through schemata as they are immutable once they are set
+                'tcaSchemata' => $result['tcaSchemata'],
+                // pass through fullTca as it is immutable once set
+                'fullTca' => $result['fullTca'],
+            ];
+            $formDataGroup = GeneralUtility::makeInstance(OnTheFly::class);
+            $formDataGroup->setProviderList([TcaSelectItems::class]);
+            $formDataCompiler = GeneralUtility::makeInstance(FormDataCompiler::class);
+            $compilerResult = $formDataCompiler->compile($selectDataInput, $formDataGroup);
+            $selectorOrUniquePossibleRecords = $compilerResult['processedTca']['columns'][$foreignFieldName]['config']['items'];
+        }
+
+        $result['processedTca']['columns'][$fieldName]['config']['selectorOrUniquePossibleRecords'] = $selectorOrUniquePossibleRecords;
+
+        return $result;
+    }
+
+    /**
+     * Compile a full child record
+     *
+     * @param array $result Result array of parent
+     * @param string $parentFieldName Name of parent field
+     * @param int $childUid Uid of child to compile
+     * @return array Full result array
+     */
+    protected function compileChild(array $result, $parentFieldName, $childUid, $isInlineDefaultLanguageRecordInLocalizedParentContext = false)
+    {
+        $parentConfig = $result['processedTca']['columns'][$parentFieldName]['config'];
+        $childTableName = $parentConfig['foreign_table'];
+        $inlineTopMostParent = $this->inlineStackProcessor->getStructureLevelFromStructure($result['inlineStructure'], 0) ?: [];
+        $formDataCompiler = GeneralUtility::makeInstance(FormDataCompiler::class);
+        $formDataCompilerInput = [
+            'request' => $result['request'],
+            'command' => 'edit',
+            'tableName' => $childTableName,
+            'vanillaUid' => (int)$childUid,
+            // Give incoming returnUrl down to children so they generate a returnUrl back to
+            // the originally opening record, also see "originalReturnUrl" in inline container
+            // and FormInlineAjaxController
+            'returnUrl' => $result['returnUrl'],
+            'isInlineChild' => true,
+            'isInlineDefaultLanguageRecordInLocalizedParentContext' => $isInlineDefaultLanguageRecordInLocalizedParentContext,
+            'inlineStructure' => $result['inlineStructure'],
+            'inlineExpandCollapseStateArray' => $result['inlineExpandCollapseStateArray'],
+            'inlineFirstPid' => $result['inlineFirstPid'],
+            'inlineParentConfig' => $parentConfig,
+
+            // values of the current parent element
+            // it is always a string either an id or new...
+            'inlineParentUid' => $result['databaseRow']['uid'],
+            'inlineParentTableName' => $result['tableName'],
+            'inlineParentFieldName' => $parentFieldName,
+
+            // values of the top most parent element set on first level and not overridden on following levels
+            'inlineTopMostParentUid' => $result['inlineTopMostParentUid'] ?: $inlineTopMostParent['uid'] ?? '',
+            'inlineTopMostParentTableName' => $result['inlineTopMostParentTableName'] ?: $inlineTopMostParent['table'] ?? '',
+            'inlineTopMostParentFieldName' => $result['inlineTopMostParentFieldName'] ?: $inlineTopMostParent['field'] ?? '',
+            // pass through schemata as they are immutable once they are set
+            'tcaSchemata' => $result['tcaSchemata'],
+            // pass through fullTca as it is immutable once set
+            'fullTca' => $result['fullTca'],
+        ];
+
+        // For foreign_selector with useCombination $mainChild is the mm record
+        // and $combinationChild is the child-child. For 1:n "normal" relations,
+        // $mainChild is just the normal child record and $combinationChild is empty.
+        $mainChild = $formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(TcaDatabaseRecord::class));
+        if (($parentConfig['foreign_selector'] ?? false) && ($parentConfig['appearance']['useCombination'] ?? false)) {
+            try {
+                $mainChild['combinationChild'] = $this->compileChildChild($mainChild, $parentConfig);
+            } catch (DatabaseRecordException $e) {
+                // The child could not be compiled, probably it was deleted and a dangling mm record
+                // exists. This is a data inconsistency, we catch this exception and create a flash message
+                $message = vsprintf(
+                    $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:formEngine.databaseRecordErrorInlineChildChild'),
+                    [$e->getTableName(), $e->getUid(), $childTableName, (int)$childUid]
+                );
+                $flashMessage = new FlashMessage(
+                    $message,
+                    '',
+                    ContextualFeedbackSeverity::ERROR
+                );
+                $this->flashMessageService->getMessageQueueByIdentifier()->enqueue($flashMessage);
+            }
+        }
+        return $mainChild;
+    }
+
+    /**
+     * With useCombination set, not only content of the intermediate table, but also
+     * the connected child should be rendered in one go. Prepare this here.
+     *
+     * @param array $child Full data array of "mm" record
+     * @param array $parentConfig TCA configuration of "parent"
+     * @return array Full data array of child
+     */
+    protected function compileChildChild(array $child, array $parentConfig)
+    {
+        // foreign_selector on intermediate is type=select (resolved to array of uids)
+        // or type=group (resolved to array of associative arrays with 'table', 'uid', etc.)
+        $childChildValue = $child['databaseRow'][$parentConfig['foreign_selector']][0];
+        $childChildUid = is_array($childChildValue) ? $childChildValue['uid'] : $childChildValue;
+        $formDataCompiler = GeneralUtility::makeInstance(FormDataCompiler::class);
+
+        $formDataCompilerInput = [
+            'request' => $child['request'],
+            'command' => 'edit',
+            'tableName' => $this->getChildChildTableName($parentConfig['foreign_selector'] ?? '', $child),
+            'vanillaUid' => (int)$childChildUid,
+            'isInlineChild' => true,
+            'isInlineChildExpanded' => $child['isInlineChildExpanded'],
+            // @todo: this is the wrong inline structure, isn't it? Shouldn't it contain the part from child child, too?
+            'inlineStructure' => $child['inlineStructure'],
+            'inlineFirstPid' => $child['inlineFirstPid'],
+            // values of the top most parent element set on first level and not overridden on following levels
+            'inlineTopMostParentUid' => $child['inlineTopMostParentUid'],
+            'inlineTopMostParentTableName' => $child['inlineTopMostParentTableName'],
+            'inlineTopMostParentFieldName' => $child['inlineTopMostParentFieldName'],
+            // pass through schemata as they are immutable once they are set
+            'tcaSchemata' => $child['tcaSchemata'],
+            // pass through fullTca as it is immutable once set
+            'fullTca' => $child['fullTca'],
+        ];
+        $childChild = $formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(TcaDatabaseRecord::class));
+        return $childChild;
+    }
+
+    /**
+     * Substitute given list of uids in child table with workspace uid if needed
+     *
+     * @param array $result Result array
+     * @param array $connectedUids List of connected uids
+     * @param string $childTableName Name of child table
+     * @return int[] List of substituted uids
+     */
+    protected function getSubstitutedWorkspacedUids(array $result, array $connectedUids, string $childTableName): array
+    {
+        $backendUser = $this->getBackendUser();
+        $newConnectedUids = [];
+        foreach ($connectedUids as $uid) {
+            // Fetch workspace version of a record (if any):
+            if ($backendUser->workspace !== 0
+                && $result['tcaSchemata']->has($childTableName)
+                && $result['tcaSchemata']->get($childTableName)->hasCapability(TcaSchemaCapability::Workspace)
+            ) {
+                $workspaceVersion = BackendUtility::getWorkspaceVersionOfRecord($backendUser->workspace, $childTableName, $uid, 'uid,t3ver_state');
+                if (!empty($workspaceVersion)) {
+                    $versionState = VersionState::tryFrom($workspaceVersion['t3ver_state'] ?? 0);
+                    if ($versionState === VersionState::DELETE_PLACEHOLDER) {
+                        continue;
+                    }
+                    $uid = $workspaceVersion['uid'];
+                }
+            }
+            $newConnectedUids[] = (int)$uid;
+        }
+        return $newConnectedUids;
+    }
+
+    /**
+     * Use RelationHandler to resolve connected uids.
+     *
+     * @param array $parentConfig TCA config section of parent
+     * @param string $parentTableName Name of parent table
+     * @param array $parentRecord Full parent record
+     * @param string $parentFieldValue Database value of parent record of this inline field
+     * @return array Array with connected uids
+     * @todo: Cover with unit tests
+     */
+    protected function resolveConnectedRecordUids(array $parentConfig, string $parentTableName, array $parentRecord, string $parentFieldValue): array
+    {
+        $directlyConnectedIds = GeneralUtility::trimExplode(',', $parentFieldValue);
+        $parentUid = (int)$parentRecord['uid'];
+        // Relations to non-MM tables point to the LIVE version, so we need to ensure
+        // we use the live version that is sent to RelationHandler
+        if (empty($parentConfig['MM']) && (int)($parentRecord['t3ver_oid'] ?? 0) > 0) {
+            $parentUid = (int)$parentRecord['t3ver_oid'];
+        }
+        $relationHandler = GeneralUtility::makeInstance(RelationHandler::class);
+        $relationHandler->start($parentFieldValue, $parentConfig['foreign_table'] ?? '', $parentConfig['MM'] ?? '', $parentUid, $parentTableName, $parentConfig);
+        $foreignRecordUids = $relationHandler->getValueArray();
+        $resolvedForeignRecordUids = [];
+        foreach ($foreignRecordUids as $aForeignRecordUid) {
+            if ($parentConfig['MM'] ?? $parentConfig['foreign_field'] ?? false) {
+                $resolvedForeignRecordUids[] = (int)$aForeignRecordUid;
+            } else {
+                foreach ($directlyConnectedIds as $id) {
+                    if ((int)$aForeignRecordUid === (int)$id) {
+                        $resolvedForeignRecordUids[] = (int)$aForeignRecordUid;
+                    }
+                }
+            }
+        }
+        return $resolvedForeignRecordUids;
+    }
+
+    /**
+     * The child-child table name is set in the child TCA "the selector field" and is depending on
+     * the TCA type (select or group) either the "foreign_table" or the (first) "allowed" table.
+     */
+    protected function getChildChildTableName(string $foreignSelector, array $childConfiguration): string
+    {
+        $config = $childConfiguration['processedTca']['columns'][$foreignSelector]['config'] ?? [];
+        $type = $config['type'] ?? '';
+
+        return match ($type) {
+            'select' => $config['foreign_table'] ?? '',
+            'group' => GeneralUtility::trimExplode(',', $config['allowed'] ?? '', true)[0] ?? '',
+            default => '',
+        };
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaInlineConfiguration.php b/Classes/Form/FormDataProvider/TcaInlineConfiguration.php
new file mode 100644
index 0000000..b8f3fa7
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaInlineConfiguration.php
@@ -0,0 +1,292 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Set or initialize configuration for inline fields in TCA
+ */
+class TcaInlineConfiguration implements FormDataProviderInterface
+{
+    /**
+     * Find all inline fields and force proper configuration
+     *
+     * @return array
+     * @throws \UnexpectedValueException If inline configuration is broken
+     */
+    public function addData(array $result)
+    {
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (empty($fieldConfig['config']['type']) || $fieldConfig['config']['type'] !== 'inline') {
+                continue;
+            }
+
+            // Throw if an inline field without foreign_table is set
+            if (!isset($fieldConfig['config']['foreign_table'])) {
+                throw new \UnexpectedValueException(
+                    'Inline field ' . $fieldName . ' of table ' . $result['tableName'] . ' must have a foreign_table config',
+                    1443793404
+                );
+            }
+
+            $result = $this->initializeMinMaxItems($result, $fieldName);
+            $result = $this->initializeChildrenLanguage($result, $fieldName);
+            $result = $this->initializeAppearance($result, $fieldName);
+            $result = $this->addInlineSelectorAndUniqueConfiguration($result, $fieldName);
+        }
+
+        // If field is set to readOnly, set all fields of the relation to readOnly as well
+        if (isset($result['inlineParentConfig']) && isset($result['inlineParentConfig']['readOnly']) && $result['inlineParentConfig']['readOnly']) {
+            foreach ($result['processedTca']['columns'] as $columnName => $columnConfiguration) {
+                $result['processedTca']['columns'][$columnName]['config']['readOnly'] = true;
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Set and validate minitems and maxitems in config
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @return array Modified item array
+     * @return array
+     */
+    protected function initializeMinMaxItems(array $result, $fieldName)
+    {
+        $config = $result['processedTca']['columns'][$fieldName]['config'];
+
+        $minItems = 0;
+        if (isset($config['minitems'])) {
+            $minItems = MathUtility::forceIntegerInRange($config['minitems'], 0);
+        }
+        $result['processedTca']['columns'][$fieldName]['config']['minitems'] = $minItems;
+
+        $maxItems = 99999;
+        if (isset($config['maxitems'])) {
+            $maxItems = MathUtility::forceIntegerInRange($config['maxitems'], 1);
+        }
+        $result['processedTca']['columns'][$fieldName]['config']['maxitems'] = $maxItems;
+
+        return $result;
+    }
+
+    /**
+     * Set appearance configuration
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @return array Modified item array
+     * @return array
+     */
+    protected function initializeAppearance(array $result, $fieldName)
+    {
+        $config = $result['processedTca']['columns'][$fieldName]['config'];
+        if (!isset($config['appearance']) || !is_array($config['appearance'])) {
+            // Init appearance if not set
+            $config['appearance'] = [];
+        }
+        // Initialize position of the level links
+        if (!isset($config['appearance']['levelLinksPosition'])
+            || !in_array($config['appearance']['levelLinksPosition'], ['top', 'bottom', 'both'], true)
+        ) {
+            $config['appearance']['levelLinksPosition'] = 'top';
+        }
+        // Hide level links (no matter the defined position) for "use combination"
+        if (isset($config['foreign_selector']) && $config['foreign_selector']
+            && (!isset($config['appearance']['useCombination']) || !$config['appearance']['useCombination'])
+        ) {
+            $config['appearance']['showAllLocalizationLink'] = false;
+            $config['appearance']['showSynchronizationLink'] = false;
+            $config['appearance']['showNewRecordLink'] = false;
+        }
+        $config['appearance']['showPossibleLocalizationRecords']
+            = isset($config['appearance']['showPossibleLocalizationRecords']) && $config['appearance']['showPossibleLocalizationRecords'];
+        // Defines which controls should be shown in header of each record
+        $enabledControls = [
+            'info' => true,
+            'new' => true,
+            'dragdrop' => true,
+            'sort' => true,
+            'hide' => true,
+            'delete' => true,
+            'localize' => true,
+        ];
+        if (isset($config['appearance']['enabledControls']) && is_array($config['appearance']['enabledControls'])) {
+            $config['appearance']['enabledControls'] = array_merge($enabledControls, $config['appearance']['enabledControls']);
+        } else {
+            $config['appearance']['enabledControls'] = $enabledControls;
+        }
+        $result['processedTca']['columns'][$fieldName]['config'] = $config;
+
+        return $result;
+    }
+
+    /**
+     * Set default value for child records 'sys_language_uid' field. This is relevant if a localized
+     * parent is edited and a child is added via the ajax call. The child should then have the same
+     * sys_language_uid as the parent.
+     * The method verifies if the parent is a localized parent, and writes the current languageField
+     * value into TCA ['config']['inline']['parentSysLanguageUid'] of the parent inline TCA field. The whole
+     * ['config'] section is transferred to the 'create new child' ajax controller, the value is then used within
+     * 'DatabaseRowInitializeNew' data provider to initialize the child languageField value with that value.
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @return array Modified item array
+     */
+    protected function initializeChildrenLanguage(array $result, $fieldName)
+    {
+        $childTableName = $result['processedTca']['columns'][$fieldName]['config']['foreign_table'];
+
+        if (empty($result['processedTca']['ctrl']['languageField'])
+            || !$result['tcaSchemata']->get($childTableName)->isLanguageAware()
+        ) {
+            return $result;
+        }
+
+        $parentConfig = $result['processedTca']['columns'][$fieldName]['config'];
+
+        $parentLanguageField = $result['processedTca']['ctrl']['languageField'];
+        if (!isset($parentConfig['inline']['parentSysLanguageUid'])
+            && isset($result['databaseRow'][$parentLanguageField])
+        ) {
+            if (is_array($result['databaseRow'][$parentLanguageField])) {
+                $result['processedTca']['columns'][$fieldName]['config']['inline']['parentSysLanguageUid']
+                    = (int)($result['databaseRow'][$parentLanguageField][0] ?? 0);
+            } else {
+                $result['processedTca']['columns'][$fieldName]['config']['inline']['parentSysLanguageUid']
+                    = (int)($result['databaseRow'][$parentLanguageField] ?? 0);
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * If foreign_selector or foreign_unique is set, this points to a field configuration of the child
+     * table. The InlineControlContainer may render a drop down field or an element browser later from this.
+     *
+     * Fetch configuration from child table configuration, sanitize and merge with
+     * overrideChildTca of foreign_selector if given that allows overriding this field definition again.
+     *
+     * Final configuration is written to selectorOrUniqueConfiguration of inline config section.
+     *
+     * @param array $result Result array
+     * @param string $fieldName Current handle field name
+     * @return array Modified item array
+     * @throws \UnexpectedValueException If configuration is broken
+     */
+    protected function addInlineSelectorAndUniqueConfiguration(array $result, $fieldName)
+    {
+        $config = $result['processedTca']['columns'][$fieldName]['config'];
+
+        // Early return if neither foreign_unique nor foreign_selector are set
+        if (!isset($config['foreign_unique']) && !isset($config['foreign_selector'])) {
+            return $result;
+        }
+
+        // If both are set, they must point to the same field
+        if (isset($config['foreign_unique']) && isset($config['foreign_selector'])
+            && $config['foreign_unique'] !== $config['foreign_selector']
+        ) {
+            throw new \UnexpectedValueException(
+                'Table ' . $result['tableName'] . ' field ' . $fieldName . ': If both foreign_unique and'
+                . ' foreign_selector are set, they must point to the same field',
+                1444995464
+            );
+        }
+
+        if (isset($config['foreign_unique'])) {
+            $fieldNameInChildConfiguration = $config['foreign_unique'];
+        } else {
+            $fieldNameInChildConfiguration = $config['foreign_selector'];
+        }
+
+        // Throw if field name in globals does not exist or is not of type select or group
+        $foreignTableSchema = $result['tcaSchemata']->has($config['foreign_table']) ? $result['tcaSchemata']->get($config['foreign_table']) : null;
+        if ($foreignTableSchema === null
+            || !$foreignTableSchema->hasField($fieldNameInChildConfiguration)
+            || ($foreignTableSchema->getField($fieldNameInChildConfiguration)->getType() !== 'select'
+                && $foreignTableSchema->getField($fieldNameInChildConfiguration)->getType() !== 'group')
+        ) {
+            throw new \UnexpectedValueException(
+                'Table ' . $result['tableName'] . ' field ' . $fieldName . ' points in foreign_selector or foreign_unique'
+                . ' to field ' . $fieldNameInChildConfiguration . ' of table ' . $config['foreign_table'] . ', but this field'
+                . ' is either not defined or is not of type select or group',
+                1444996537
+            );
+        }
+
+        $selectorOrUniqueConfiguration = [
+            'config' => $foreignTableSchema->getField($fieldNameInChildConfiguration)->getConfiguration(),
+        ];
+
+        // Merge overrideChildTca of foreign_selector if given
+        if (isset($config['foreign_selector'], $config['overrideChildTca']['columns'][$config['foreign_selector']]['config'])
+            && is_array($config['overrideChildTca']['columns'][$config['foreign_selector']]['config'])
+        ) {
+            $selectorOrUniqueConfiguration['config'] = array_replace_recursive($selectorOrUniqueConfiguration['config'], $config['overrideChildTca']['columns'][$config['foreign_selector']]['config']);
+        }
+
+        // Add field name to config for easy access later
+        $selectorOrUniqueConfiguration['fieldName'] = $fieldNameInChildConfiguration;
+
+        // Add remote table name for easy access later
+        if ($selectorOrUniqueConfiguration['config']['type'] === 'select') {
+            if (!isset($selectorOrUniqueConfiguration['config']['foreign_table'])) {
+                throw new \UnexpectedValueException(
+                    'Table ' . $result['tableName'] . ' field ' . $fieldName . ' points in foreign_selector or foreign_unique'
+                    . ' to field ' . $fieldNameInChildConfiguration . ' of table ' . $config['foreign_table'] . '. This field'
+                    . ' is of type select and must define foreign_table',
+                    1445078627
+                );
+            }
+            $foreignTable = $selectorOrUniqueConfiguration['config']['foreign_table'];
+        } else {
+            if (!isset($selectorOrUniqueConfiguration['config']['allowed'])) {
+                throw new \UnexpectedValueException(
+                    'Table ' . $result['tableName'] . ' field ' . $fieldName . ' points in foreign_selector or foreign_unique'
+                    . ' to field ' . $fieldNameInChildConfiguration . ' of table ' . $config['foreign_table'] . '. This field'
+                    . ' is of type select and must define allowed',
+                    1445078628
+                );
+            }
+            $foreignTable = $selectorOrUniqueConfiguration['config']['allowed'];
+        }
+        $selectorOrUniqueConfiguration['foreignTable'] = $foreignTable;
+
+        // If this is a foreign_selector field, mark it as such for data fetching later
+        $selectorOrUniqueConfiguration['isSelector'] = false;
+        if (isset($config['foreign_selector'])) {
+            $selectorOrUniqueConfiguration['isSelector'] = true;
+        }
+
+        // If this is a foreign_unique field, mark it a such for unique data fetching later
+        $selectorOrUniqueConfiguration['isUnique'] = false;
+        if (isset($config['foreign_unique'])) {
+            $selectorOrUniqueConfiguration['isUnique'] = true;
+        }
+
+        // Add field configuration to inline configuration
+        $result['processedTca']['columns'][$fieldName]['config']['selectorOrUniqueConfiguration'] = $selectorOrUniqueConfiguration;
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaInlineExpandCollapseState.php b/Classes/Form/FormDataProvider/TcaInlineExpandCollapseState.php
new file mode 100644
index 0000000..ccda3ee
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaInlineExpandCollapseState.php
@@ -0,0 +1,87 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * Fetch information of user specific inline record expanded / collapsed state
+ * from user->uc and put it into $result['inlineExpandCollapseStateArray']
+ */
+class TcaInlineExpandCollapseState implements FormDataProviderInterface
+{
+    /**
+     * Add inline expand / collapse state
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        if (empty($result['inlineExpandCollapseStateArray'])) {
+            $fullInlineState = json_decode($this->getBackendUser()->uc['inlineView'] ?? '', true);
+            if (!is_array($fullInlineState)) {
+                $fullInlineState = [];
+            }
+            $inlineStateForTable = [];
+            if (!empty($result['inlineTopMostParentUid']) && !empty($result['inlineTopMostParentTableName'])) {
+                // Happens in inline ajax context, top parent uid and top parent table are set
+                if ($result['command'] !== 'new') {
+                    $table = $result['inlineTopMostParentTableName'];
+                    $uid = $result['inlineTopMostParentUid'];
+                    if (!empty($fullInlineState[$table][$uid])) {
+                        $inlineStateForTable = $fullInlineState[$table][$uid];
+                    }
+                }
+            } else {
+                // Default case for a single record
+                if ($result['command'] !== 'new') {
+                    $table = $result['tableName'];
+                    $uid = $result['databaseRow']['uid'] ?? 0;
+                    if (!empty($fullInlineState[$table][$uid])) {
+                        $inlineStateForTable = $fullInlineState[$table][$uid];
+                    }
+                }
+            }
+            $result['inlineExpandCollapseStateArray'] = $inlineStateForTable;
+        }
+
+        if (!$result['isInlineChildExpanded']) {
+            // If the record is an inline child that is not expanded, it is not necessary to calculate all fields
+            $isExistingRecord = $result['command'] === 'edit';
+            $inlineConfig = $result['inlineParentConfig'];
+            $collapseAll = isset($inlineConfig['appearance']['collapseAll']) && $inlineConfig['appearance']['collapseAll'];
+            $expandAll = isset($inlineConfig['appearance']['collapseAll']) && !$inlineConfig['appearance']['collapseAll'];
+            $expandCollapseStateArray = $result['inlineExpandCollapseStateArray'];
+            $foreignTable = $result['inlineParentConfig']['foreign_table'] ?? null;
+            $isExpandedByUcState = $foreignTable !== null
+                && isset($expandCollapseStateArray[$foreignTable])
+                && is_array($expandCollapseStateArray[$foreignTable])
+                && in_array($result['databaseRow']['uid'], $expandCollapseStateArray[$foreignTable]) !== false;
+
+            if (!$isExistingRecord || ($isExpandedByUcState && !$collapseAll) || $expandAll || $result['isInlineAjaxOpeningContext']) {
+                $result['isInlineChildExpanded'] = true;
+            }
+        }
+
+        return $result;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaInlineIsOnSymmetricSide.php b/Classes/Form/FormDataProvider/TcaInlineIsOnSymmetricSide.php
new file mode 100644
index 0000000..688b9d1
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaInlineIsOnSymmetricSide.php
@@ -0,0 +1,50 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Determine whether the child is on symmetric side or not.
+ *
+ * TCA ctrl fields like label and label_alt are evaluated and their
+ * current values from databaseRow used to create the title.
+ */
+class TcaInlineIsOnSymmetricSide implements FormDataProviderInterface
+{
+    /**
+     * Enrich the processed record information with the resolved title
+     *
+     * @param array $result Incoming result array
+     * @return array Modified array
+     */
+    public function addData(array $result)
+    {
+        if (!$result['isInlineChild']) {
+            return $result;
+        }
+
+        $result['isOnSymmetricSide'] = MathUtility::canBeInterpretedAsInteger($result['databaseRow']['uid'])
+            && ($result['inlineParentConfig']['symmetric_field'] ?? false)
+            // non-strict comparison by intention
+            && ($result['inlineParentUid'] == $result['databaseRow'][$result['inlineParentConfig']['symmetric_field']][0]
+                || (is_array($result['databaseRow'][$result['inlineParentConfig']['symmetric_field']][0])
+                    && $result['inlineParentUid'] == $result['databaseRow'][$result['inlineParentConfig']['symmetric_field']][0]['uid']));
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaInputPlaceholders.php b/Classes/Form/FormDataProvider/TcaInputPlaceholders.php
new file mode 100644
index 0000000..6dc8de6
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaInputPlaceholders.php
@@ -0,0 +1,291 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\TcaInputPlaceholderRecord;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Resolve placeholders for fields of type input or text. The placeholder value
+ * in the processedTca section of the result will be replaced with the resolved
+ * value.
+ */
+readonly class TcaInputPlaceholders implements FormDataProviderInterface
+{
+    public function __construct(
+        private ConnectionPool $connectionPool,
+    ) {}
+
+    /**
+     * Resolve placeholders for input/email/text fields. Placeholders that are simple
+     * strings will be returned unmodified. Placeholders beginning with __row are
+     * being resolved, possibly traversing multiple tables.
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            // Placeholders are only valid for input-like and text-like fields.
+            if (!isset($fieldConfig['config']['placeholder'], $fieldConfig['config']['type'])
+                || (
+                    $fieldConfig['config']['type'] !== 'input'
+                    && $fieldConfig['config']['type'] !== 'text'
+                    && $fieldConfig['config']['type'] !== 'number'
+                    && $fieldConfig['config']['type'] !== 'email'
+                    && $fieldConfig['config']['type'] !== 'link'
+                    && $fieldConfig['config']['type'] !== 'password'
+                    && $fieldConfig['config']['type'] !== 'datetime'
+                    && $fieldConfig['config']['type'] !== 'color'
+                    && $fieldConfig['config']['type'] !== 'json'
+                )
+            ) {
+                continue;
+            }
+
+            // Resolve __row|field type placeholders
+            if (str_starts_with((string)$fieldConfig['config']['placeholder'], '__row|')) {
+                // split field names into array and remove the __row indicator
+                $fieldNameArray = array_slice(
+                    GeneralUtility::trimExplode('|', $fieldConfig['config']['placeholder'], true),
+                    1
+                );
+                $result['processedTca']['columns'][$fieldName]['config']['placeholder'] = $this->getPlaceholderValue($fieldNameArray, $result);
+            } elseif (!empty($fieldConfig['config']['placeholder'])) {
+                // Resolve placeholders from language files
+                $result['processedTca']['columns'][$fieldName]['config']['placeholder'] = $this->getLanguageService()->sL($fieldConfig['config']['placeholder']);
+            }
+
+            // Remove empty placeholders
+            if (empty($result['processedTca']['columns'][$fieldName]['config']['placeholder'])) {
+                unset($result['processedTca']['columns'][$fieldName]['config']['placeholder']);
+            }
+        }
+
+        return $result;
+    }
+
+    /**
+     * Recursively resolve the placeholder value. A placeholder string with a
+     * syntax of __row|field1|field2|field3 will be recursively resolved to a
+     * final value.
+     *
+     * @param array $fieldNameArray
+     * @param array $result
+     * @param int $recursionLevel
+     * @return string
+     */
+    protected function getPlaceholderValue($fieldNameArray, $result, $recursionLevel = 0)
+    {
+        if ($recursionLevel > 99) {
+            // This should not happen, treat as misconfiguration
+            return '';
+        }
+
+        $fieldName = array_shift($fieldNameArray);
+
+        // Skip if a defined field was actually not present in the database row
+        // Using array_key_exists here, since NULL values are valid as well.
+        if (!array_key_exists($fieldName, $result['databaseRow'])) {
+            return '';
+        }
+
+        $value = $result['databaseRow'][$fieldName];
+
+        if (!isset($result['processedTca']['columns'][$fieldName]['config'])
+            || !is_array($result['processedTca']['columns'][$fieldName]['config'])
+        ) {
+            return (string)$value;
+        }
+
+        $fieldConfig = $result['processedTca']['columns'][$fieldName]['config'];
+
+        switch ($fieldConfig['type']) {
+            case 'select':
+            case 'category':
+                // The FormDataProviders already resolved the select items to an array of uids,
+                // filter out empty values that occur when no related record has been selected.
+                $possibleUids = array_filter($value);
+                $foreignTableName = $fieldConfig['foreign_table'] ?? '';
+                break;
+            case 'group':
+                $possibleUids = $this->getRelatedGroupFieldUids($fieldConfig, $value);
+                $foreignTableName = $this->getAllowedTableForGroupField($fieldConfig);
+                break;
+            case 'inline':
+            case 'file':
+                $possibleUids = array_filter(GeneralUtility::trimExplode(',', $value, true));
+                $foreignTableName = $fieldConfig['foreign_table'];
+                break;
+            default:
+                $possibleUids = [];
+                $foreignTableName = '';
+        }
+
+        if (!empty($possibleUids) && !empty($fieldNameArray)) {
+            if (count($possibleUids) > 1
+                && $result['tcaSchemata']->get($foreignTableName)->isLanguageAware()
+                && isset($result['currentSysLanguage'])
+            ) {
+                $possibleUids = $this->getPossibleUidsByCurrentSysLanguage($result, $possibleUids, $foreignTableName, $result['currentSysLanguage']);
+            }
+            $relatedFormData = $this->getRelatedFormData($result, $foreignTableName, $possibleUids[0], $fieldNameArray[0]);
+            if ($result['tcaSchemata']->get($result['tableName'])->isLanguageAware()
+                && isset($result['databaseRow'][$result['tcaSchemata']->get($result['tableName'])->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName()])
+            ) {
+                $relatedFormData['currentSysLanguage'] = $result['databaseRow'][$result['tcaSchemata']->get($result['tableName'])->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName()];
+            }
+            $value = $this->getPlaceholderValue($fieldNameArray, $relatedFormData, $recursionLevel + 1);
+        }
+
+        if ($recursionLevel === 0 && is_array($value)) {
+            $value = implode(', ', $value);
+        }
+        return (string)$value;
+    }
+
+    /**
+     * Compile a formdata result set based on the tablename and record uid.
+     *
+     * @param string $tableName Name of the table for which to compile formdata
+     * @param int $uid UID of the record for which to compile the formdata
+     * @param string $columnToProcess The column that is required from the record
+     * @return array The compiled formdata
+     */
+    protected function getRelatedFormData(array $result, $tableName, $uid, $columnToProcess)
+    {
+        $fakeDataInput = [
+            'request' => $result['request'],
+            'command' => 'edit',
+            'vanillaUid' => (int)$uid,
+            'tableName' => $tableName,
+            'inlineCompileExistingChildren' => false,
+            'columnsToProcess' => [$columnToProcess],
+            // pass through schemata as they are immutable once they are set
+            'tcaSchemata' => $result['tcaSchemata'],
+            // pass through fullTca as it is immutable once set
+            'fullTca' => $result['fullTca'],
+        ];
+        $formDataCompiler = GeneralUtility::makeInstance(FormDataCompiler::class);
+        return $formDataCompiler->compile($fakeDataInput, GeneralUtility::makeInstance(TcaInputPlaceholderRecord::class));
+    }
+
+    /**
+     * Return uids of related records for group type fields. Uids consisting of
+     * multiple parts like [table]_[uid]|[title] will be reduced to integers and
+     * validated against the allowed table. Uids without a table prefix are
+     * accepted in any case.
+     *
+     * @param array $fieldConfig TCA "config" section for the group type field.
+     * @param array $value Related group field values prepared by TcaGroup data provider
+     */
+    protected function getRelatedGroupFieldUids(array $fieldConfig, $value): array
+    {
+        $relatedUids = [];
+        $allowedTable = $this->getAllowedTableForGroupField($fieldConfig);
+
+        // Skip if it's not a resolvable foreign table
+        if (!$allowedTable) {
+            return [];
+        }
+
+        // Related group values have been prepared by TcaGroup data provider, an array is expected here
+        foreach ($value as $singleValue) {
+            $relatedUids[] = $singleValue['uid'];
+        }
+
+        return $relatedUids;
+    }
+
+    /**
+     * Will read the "allowed" value from the given field configuration
+     * and returns FALSE if none or more than one has been defined.
+     * Otherwise the name of the allowed table will be returned.
+     *
+     * @param array $fieldConfig TCA "config" section for the group type field.
+     * @return bool|string
+     */
+    protected function getAllowedTableForGroupField(array $fieldConfig)
+    {
+        $allowedTable = false;
+
+        $allowedTables = GeneralUtility::trimExplode(',', $fieldConfig['allowed'], true);
+        if (count($allowedTables) === 1) {
+            $allowedTable = $allowedTables[0];
+        }
+
+        return $allowedTable;
+    }
+
+    /**
+     * E.g. sys_file is not translatable, thus the uid of the translation of it's metadata has to be retrieved here.
+     *
+     * Get the uid of e.g. a file metadata entry for a given sys_language_uid and the possible translated data.
+     * If there is no translation available, return the uid of default language.
+     * If there is no value at all, return the "possible uids".
+     *
+     * @param array $result
+     * @param array $possibleUids
+     * @param string $foreignTableName
+     * @param int $currentLanguage
+     * @return array
+     */
+    protected function getPossibleUidsByCurrentSysLanguage(array $result, array $possibleUids, $foreignTableName, $currentLanguage)
+    {
+        $languageField = $result['tcaSchemata']->get($foreignTableName)->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName();
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable($foreignTableName);
+        $possibleRecords = $queryBuilder->select('uid', $languageField)
+            ->from($foreignTableName)
+            ->where(
+                $queryBuilder->expr()->in(
+                    'uid',
+                    $queryBuilder->createNamedParameter($possibleUids, Connection::PARAM_INT_ARRAY)
+                ),
+                $queryBuilder->expr()->in(
+                    $languageField,
+                    $queryBuilder->createNamedParameter([$currentLanguage, 0], Connection::PARAM_INT_ARRAY)
+                )
+            )
+            ->groupBy($languageField, 'uid')
+            ->executeQuery()
+            ->fetchAllAssociative();
+
+        if (!empty($possibleRecords)) {
+            // Either only one record or first record matches language
+            if (count($possibleRecords) === 1
+                || (int)$possibleRecords[0][$languageField] === (int)$currentLanguage
+            ) {
+                return [$possibleRecords[0]['uid']];
+            }
+
+            // Language of second record matches language
+            return [$possibleRecords[1]['uid']];
+        }
+
+        return $possibleUids;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaJson.php b/Classes/Form/FormDataProvider/TcaJson.php
new file mode 100644
index 0000000..a222480
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaJson.php
@@ -0,0 +1,51 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+
+/**
+ * Resolve and prepare json data.
+ */
+class TcaJson extends AbstractDatabaseRecordProvider implements FormDataProviderInterface
+{
+    public function addData(array $result): array
+    {
+        // Currently only new records are considered
+        if ($result['command'] !== 'new') {
+            return $result;
+        }
+
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (($fieldConfig['config']['type'] ?? '') !== 'json') {
+                continue;
+            }
+
+            // Ensure that even for new records, the field is always an array - especially if a default value is defined
+            if (is_string($result['databaseRow'][$fieldName])) {
+                try {
+                    $result['databaseRow'][$fieldName] = json_decode($result['databaseRow'][$fieldName], true, 512, JSON_THROW_ON_ERROR);
+                } catch (\JsonException) {
+                    $result['databaseRow'][$fieldName] = [];
+                }
+            }
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaLanguage.php b/Classes/Form/FormDataProvider/TcaLanguage.php
new file mode 100644
index 0000000..c31d75d
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaLanguage.php
@@ -0,0 +1,214 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Site\Entity\Site;
+use TYPO3\CMS\Core\Site\SiteFinder;
+
+/**
+ * Resolve select items for the type="language" and set processed item list in processedTca
+ */
+class TcaLanguage extends AbstractItemProvider implements FormDataProviderInterface
+{
+    public function __construct(
+        private readonly SiteFinder $siteFinder,
+    ) {}
+
+    /**
+     * Fetch languages to add them as select item
+     *
+     * @throws \UnexpectedValueException
+     */
+    public function addData(array $result): array
+    {
+        $table = $result['tableName'];
+
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (!isset($fieldConfig['config']['type']) || $fieldConfig['config']['type'] !== 'language') {
+                continue;
+            }
+
+            // Save user defined items and reset the field config items array afterwards
+            $userDefinedItems = $this->sanitizeItemArray($fieldConfig['config']['items'] ?? [], $table, $fieldName);
+            $fieldConfig['config']['items'] = [];
+
+            // Initialize site languages to be fetched
+            $siteLanguages = [];
+
+            if (($result['effectivePid'] ?? 0) === 0) {
+                // In case we deal with a pid=0 record or a record on a page outside
+                // of a site config, all languages from all sites should be added.
+                foreach ($this->siteFinder->getAllSites() as $site) {
+                    // Add ALL languages from ALL sites
+                    foreach ($site->getAllLanguages() as $languageId => $language) {
+                        if (isset($siteLanguages[$languageId])) {
+                            // Language already provided by another site, just add the label separately
+                            $siteLanguages[$languageId]['title'] .= ', ' . $language->getTitle() . ' [Site: ' . $site->getIdentifier() . ']';
+                        } else {
+                            $siteLanguages[$languageId] = [
+                                'title' => $language->getTitle() . ' [Site: ' . $site->getIdentifier() . ']',
+                                'flagIconIdentifier' => $language->getFlagIdentifier(),
+                            ];
+                        }
+                    }
+                }
+                ksort($siteLanguages);
+            } elseif (($result['systemLanguageRows'] ?? []) !== []) {
+                $isLanguageField = $fieldName === ($result['processedTca']['ctrl']['languageField'] ?? '');
+
+                $currentLanguageId = (int)($result['databaseRow'][$fieldName] ?? 0);
+
+                $availablePageLanguageIds = [];
+                if ($isLanguageField && $table !== 'pages' && !empty($result['pageLanguageOverlayRows'])) {
+                    foreach ($result['pageLanguageOverlayRows'] as $pageTranslation) {
+                        $availablePageLanguageIds[] = (int)($pageTranslation['language_tag'] ?? 0);
+                    }
+                }
+
+                // Add system languages available for the current site
+                foreach ($result['systemLanguageRows'] as $languageId => $language) {
+                    if ($languageId === -1) {
+                        continue;
+                    }
+                    if ($isLanguageField && $table === 'pages') {
+                        // For pages table language field: only show the current language
+                        // (language cannot be changed via FormEngine after creation)
+                        if ($languageId === $currentLanguageId) {
+                            $siteLanguages[$languageId] = [
+                                'title' => $language['title'],
+                                'flagIconIdentifier' => $language['flagIconIdentifier'],
+                            ];
+                        }
+                    } elseif ($isLanguageField && $availablePageLanguageIds !== []) {
+                        // For other tables' language field: only show languages with page translations
+                        if ($languageId === 0 || in_array($languageId, $availablePageLanguageIds, true)) {
+                            $siteLanguages[$languageId] = [
+                                'title' => $language['title'],
+                                'flagIconIdentifier' => $language['flagIconIdentifier'],
+                            ];
+                        }
+                    } else {
+                        $siteLanguages[$languageId] = [
+                            'title' => $language['title'],
+                            'flagIconIdentifier' => $language['flagIconIdentifier'],
+                        ];
+                    }
+                }
+            }
+
+            if ($siteLanguages !== []) {
+                // In case siteLanguages are available, add the "site languages" group
+                $fieldConfig['config']['items'] = [
+                    [
+                        'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_general.xlf:LGL.siteLanguages',
+                        'value' => '--div--',
+                    ],
+                ];
+                // Add the fetched site languages to the field config items array
+                foreach ($siteLanguages as $languageId => $language) {
+                    $fieldConfig['config']['items'][] = [
+                        'label' => $language['title'],
+                        'value' => $languageId,
+                        'icon' => $language['flagIconIdentifier'],
+                    ];
+                }
+            }
+
+            // Add the "special" group for "ALL" and / or user defined items
+            if (($table !== 'pages' && isset($result['systemLanguageRows'][-1])) || $userDefinedItems !== []) {
+                $fieldConfig['config']['items'][] = [
+                    'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_general.xlf:LGL.specialLanguages',
+                    'value' => '--div--',
+                ];
+            }
+            // Add "-1" for all TCA records except pages in case the user is allowed to.
+            // The item is added to the "special" group, in order to not provide it as default by accident.
+            if ($table !== 'pages' && isset($result['systemLanguageRows'][-1])) {
+                $fieldConfig['config']['items'][] = [
+                    'label' => 'LLL:EXT:core/Resources/Private/Language/locallang_general.xlf:LGL.allLanguages',
+                    'value' => -1,
+                    'icon' => 'flags-multiple',
+                ];
+            }
+
+            // Add user defined items again so they are in the "special" group
+            $fieldConfig['config']['items'] = array_merge($fieldConfig['config']['items'], $userDefinedItems);
+
+            // Respect TSconfig options
+            $fieldConfig['config']['items'] = $this->removeItemsByKeepItemsPageTsConfig($result, $fieldName, $fieldConfig['config']['items']);
+            $fieldConfig['config']['items'] = $this->addItemsFromPageTsConfig($result, $fieldName, $fieldConfig['config']['items']);
+            $fieldConfig['config']['items'] = $this->removeItemsByRemoveItemsPageTsConfig($result, $fieldName, $fieldConfig['config']['items']);
+
+            // In case no items are set at this point, we can write this back and continue with the next column
+            if ($fieldConfig['config']['items'] === []) {
+                $result['processedTca']['columns'][$fieldName] = $fieldConfig;
+                continue;
+            }
+
+            // Check current database value
+            $currentDatabaseValue = (int)($result['databaseRow'][$fieldName] ?? 0);
+            if (!in_array($currentDatabaseValue, array_map(intval(...), array_column($fieldConfig['config']['items'], 'value')), true)) {
+                // Current value is invalid, so add it with a proper message at the top
+                $fieldConfig['config']['items'] = $this->addInvalidItem($result, $table, $fieldName, $currentDatabaseValue, $fieldConfig['config']['items']);
+            }
+
+            // Reinitialize array keys
+            $fieldConfig['config']['items'] = array_values($fieldConfig['config']['items']);
+
+            // In case the last element is a divider, remove it
+            if ((string)($fieldConfig['config']['items'][array_key_last($fieldConfig['config']['items'])]['value'] ?? '') === '--div--') {
+                array_pop($fieldConfig['config']['items']);
+            }
+
+            // Translate labels
+            $fieldConfig['config']['items'] = $this->translateLabels($result, $fieldConfig['config']['items'], $table, $fieldName);
+
+            // Add icons
+            $fieldConfig['config']['items'] = $this->addIconFromAltIcons($result, $fieldConfig['config']['items'], $table, $fieldName);
+
+            $result['processedTca']['columns'][$fieldName] = $fieldConfig;
+        }
+
+        return $result;
+    }
+
+    protected function addInvalidItem(
+        array $result,
+        string $table,
+        string $fieldName,
+        int $invalidValue,
+        array $items
+    ): array {
+        // Early return if there are no items or invalid values should not be displayed
+        if (($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['disableNoMatchingValueElement'] ?? false)
+            || ($result['processedTca']['columns'][$fieldName]['config']['disableNoMatchingValueElement'] ?? false)
+        ) {
+            return $items;
+        }
+
+        $noMatchingLabel = isset($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['noMatchingValue_label'])
+            ? $this->getLanguageService()->sL(trim($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['noMatchingValue_label']))
+            : '[ ' . $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.noMatchingValue') . ' ]';
+
+        // Add the invalid value at the top
+        array_unshift($items, ['label' => @sprintf($noMatchingLabel, $invalidValue), 'value' => $invalidValue, 'icon' => null]);
+
+        return $items;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaRadioItems.php b/Classes/Form/FormDataProvider/TcaRadioItems.php
new file mode 100644
index 0000000..c34cf9b
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaRadioItems.php
@@ -0,0 +1,111 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Localization\LanguageService;
+
+/**
+ * Resolve radio items and set processed item list in processedTca
+ */
+class TcaRadioItems extends AbstractItemProvider implements FormDataProviderInterface
+{
+    /**
+     * Resolve radio items
+     *
+     * @return array
+     * @throws \UnexpectedValueException
+     */
+    public function addData(array $result)
+    {
+        $languageService = $this->getLanguageService();
+        $table = $result['tableName'];
+
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (empty($fieldConfig['config']['type']) || $fieldConfig['config']['type'] !== 'radio') {
+                continue;
+            }
+
+            if (!isset($fieldConfig['config']['items']) || !is_array($fieldConfig['config']['items'])) {
+                throw new \UnexpectedValueException(
+                    'Radio field ' . $fieldName . ' of TCA table ' . $result['tableName'] . ' must have \'config\' \'items\' definition',
+                    1438594829
+                );
+            }
+
+            $config = $fieldConfig['config'];
+            $items = $config['items'];
+
+            // Sanitize items and translate labels
+            $newItems = [];
+            foreach ($items as $itemKey => $itemValue) {
+                if (!is_array($itemValue)) {
+                    throw new \UnexpectedValueException(
+                        'Item ' . $itemKey . ' of field ' . $fieldName . ' of TCA table ' . $result['tableName'] . ' is not an array as expected',
+                        1438607163
+                    );
+                }
+                if (!array_key_exists('label', $itemValue)) {
+                    throw new \UnexpectedValueException(
+                        'Item ' . $itemKey . ' of field ' . $fieldName . ' of TCA table ' . $result['tableName'] . ' has no label',
+                        1438607164
+                    );
+                }
+                if (!array_key_exists('value', $itemValue)) {
+                    throw new \UnexpectedValueException(
+                        'Item ' . $itemKey . ' of field ' . $fieldName . ' of TCA table ' . $result['tableName'] . ' has no value',
+                        1438607165
+                    );
+                }
+                $newItems[$itemKey] = [
+                    'label' => $languageService->sL(trim($itemValue['label'])),
+                    'value' => $itemValue['value'],
+                ];
+            }
+            $items = $newItems;
+
+            // Resolve "itemsProcFunc"
+            if (!empty($config['itemsProcFunc']) || !empty($config['itemsProcessors'])) {
+                $items = $this->resolveItemsProcessorFunction($result, $fieldName, $items);
+                // itemsProcFunc must not be used anymore
+                unset(
+                    $result['processedTca']['columns'][$fieldName]['config']['itemsProcFunc'],
+                    $result['processedTca']['columns'][$fieldName]['config']['itemsProcessors']
+                );
+            }
+
+            // Set label overrides from page TSconfig if given
+            if (isset($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altLabels.'])
+                && is_array($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altLabels.'])
+            ) {
+                foreach ($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['altLabels.'] as $itemKey => $label) {
+                    if (isset($items[$itemKey]['label'])) {
+                        $items[$itemKey]['label'] = $languageService->sL(trim($label));
+                    }
+                }
+            }
+
+            $result['processedTca']['columns'][$fieldName]['config']['items'] = $items;
+        }
+
+        return $result;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaRecordTitle.php b/Classes/Form/FormDataProvider/TcaRecordTitle.php
new file mode 100644
index 0000000..da68662
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaRecordTitle.php
@@ -0,0 +1,421 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Domain\DateTimeFactory;
+use TYPO3\CMS\Core\Localization\DateFormatter;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Determine the title of a record and write it to $result['recordTitle'].
+ *
+ * TCA ctrl fields like label and label_alt are evaluated and their
+ * current values from databaseRow used to create the title.
+ */
+class TcaRecordTitle implements FormDataProviderInterface
+{
+    /**
+     * Enrich the processed record information with the resolved title
+     *
+     * @param array $result Incoming result array
+     * @return array Modified array
+     */
+    public function addData(array $result)
+    {
+        if (!isset($result['processedTca']['ctrl']['label'])) {
+            throw new \UnexpectedValueException(
+                'TCA of table ' . $result['tableName'] . ' misses required [\'ctrl\'][\'label\'] definition.',
+                1443706103
+            );
+        }
+
+        if ($result['isInlineChild'] && isset($result['processedTca']['ctrl']['formattedLabel_userFunc'])) {
+            // inline child with formatted user func is first
+            $parameters = [
+                'table' => $result['tableName'],
+                'row' => $result['databaseRow'],
+                'title' => '',
+                'isOnSymmetricSide' => $result['isOnSymmetricSide'],
+                'options' => $result['processedTca']['ctrl']['formattedLabel_userFunc_options'] ?? [],
+                'parent' => [
+                    'uid' => $result['databaseRow']['uid'],
+                    'config' => $result['inlineParentConfig'],
+                ],
+            ];
+            // callUserFunction requires a third parameter, but we don't want to give $this as reference!
+            $null = null;
+            GeneralUtility::callUserFunction($result['processedTca']['ctrl']['formattedLabel_userFunc'], $parameters, $null);
+            $result['recordTitle'] = $parameters['title'];
+        } elseif ($result['isInlineChild'] && (isset($result['inlineParentConfig']['foreign_label'])
+                || isset($result['inlineParentConfig']['symmetric_label']))
+        ) {
+            // inline child with foreign label or symmetric inline child with symmetric_label
+            $fieldName = $result['isOnSymmetricSide']
+                ? $result['inlineParentConfig']['symmetric_label']
+                : $result['inlineParentConfig']['foreign_label'];
+            $result['recordTitle'] = $this->getRecordTitleForField($fieldName, $result);
+        } elseif (isset($result['processedTca']['ctrl']['label_userFunc'])) {
+            // userFunc takes precedence over everything else
+            $parameters = [
+                'table' => $result['tableName'],
+                'row' => $result['databaseRow'],
+                'title' => '',
+                'options' => $result['processedTca']['ctrl']['label_userFunc_options'] ?? [],
+            ];
+            $null = null;
+            GeneralUtility::callUserFunction($result['processedTca']['ctrl']['label_userFunc'], $parameters, $null);
+            $result['recordTitle'] = $parameters['title'];
+        } else {
+            // standard record
+            $result = $this->getRecordTitleByLabelProperties($result);
+        }
+
+        return $result;
+    }
+
+    /**
+     * Build the record title from label, label_alt and label_alt_force properties
+     *
+     * @param array $result Incoming result array
+     * @return array Modified result array
+     */
+    protected function getRecordTitleByLabelProperties(array $result)
+    {
+        $titles = [];
+        $titleByLabel = $this->getRecordTitleForField($result['processedTca']['ctrl']['label'], $result);
+        if (!empty($titleByLabel)) {
+            $titles[] = $titleByLabel;
+        }
+
+        $labelAltForce = isset($result['processedTca']['ctrl']['label_alt_force'])
+            ? (bool)$result['processedTca']['ctrl']['label_alt_force']
+            : false;
+        if (!empty($result['processedTca']['ctrl']['label_alt']) && ($labelAltForce || empty($titleByLabel))) {
+            // Dive into label_alt evaluation if label_alt_force is set or if label did not came up with a title yet
+            $labelAltFields = GeneralUtility::trimExplode(',', $result['processedTca']['ctrl']['label_alt'], true);
+            foreach ($labelAltFields as $fieldName) {
+                $titleByLabelAlt = $this->getRecordTitleForField($fieldName, $result);
+                if (!empty($titleByLabelAlt)) {
+                    $titles[] = $titleByLabelAlt;
+                }
+                if (!$labelAltForce && !empty($titleByLabelAlt)) {
+                    // label_alt_force creates a comma separated list of multiple fields.
+                    // If not set, one found field with content is enough
+                    break;
+                }
+            }
+        }
+
+        $result['recordTitle'] = implode(', ', $titles);
+        return $result;
+    }
+
+    /**
+     * Record title of a single field
+     *
+     * @param string $fieldName Field to handle
+     * @param array $result Incoming result array
+     * @return string
+     */
+    protected function getRecordTitleForField($fieldName, $result)
+    {
+        if ($fieldName === 'uid') {
+            // uid return field content directly since it usually has not TCA definition
+            return $result['databaseRow']['uid'];
+        }
+
+        if (!isset($result['processedTca']['columns'][$fieldName]['config']['type'])
+            || !is_string($result['processedTca']['columns'][$fieldName]['config']['type'])
+        ) {
+            return '';
+        }
+
+        $recordTitle = '';
+        $rawValue = null;
+        if (array_key_exists($fieldName, $result['databaseRow'])) {
+            $rawValue = $result['databaseRow'][$fieldName];
+        }
+        $fieldConfig = $result['processedTca']['columns'][$fieldName]['config'];
+        switch ($fieldConfig['type']) {
+            case 'radio':
+                $recordTitle = $this->getRecordTitleForRadioType($rawValue, $fieldConfig);
+                break;
+            case 'inline':
+            case 'file':
+                $recordTitle = $this->getRecordTitleForInlineType(
+                    $rawValue,
+                    $result['processedTca']['columns'][$fieldName]['children'] ?? []
+                );
+                break;
+            case 'select':
+            case 'category':
+                $recordTitle = $this->getRecordTitleForSelectType($rawValue, $fieldConfig);
+                break;
+            case 'group':
+                $recordTitle = $this->getRecordTitleForGroupType($rawValue);
+                break;
+            case 'folder':
+                $recordTitle = $this->getRecordTitleForFolderType($rawValue);
+                break;
+            case 'check':
+                $recordTitle = $this->getRecordTitleForCheckboxType($rawValue, $fieldConfig);
+                break;
+            case 'input':
+            case 'number':
+            case 'uuid':
+                $recordTitle = $rawValue ?? '';
+                break;
+            case 'country':
+                $recordTitle = $this->getRecordTitleForCountryType($rawValue, $result, $fieldName);
+                break;
+            case 'text':
+            case 'email':
+            case 'link':
+            case 'color':
+                $recordTitle = $this->getRecordTitleForStandardTextField($rawValue);
+                break;
+            case 'datetime':
+                $recordTitle = $this->getRecordTitleForDatetimeType($rawValue, $fieldConfig);
+                break;
+            case 'password':
+                $recordTitle = $this->getRecordTitleForPasswordType($rawValue);
+                break;
+            case 'flex':
+                // @todo: Check if and how a label could be generated from flex field data
+                break;
+            case 'json':
+                // @todo: Check if and how a label could be generated from json field data
+            default:
+        }
+
+        return $recordTitle;
+    }
+
+    /**
+     * Return the record title for radio fields
+     *
+     * @param mixed $value Current database value of this field
+     * @param array $fieldConfig TCA field configuration
+     * @return string
+     */
+    protected function getRecordTitleForRadioType($value, $fieldConfig)
+    {
+        if (!isset($fieldConfig['items']) || !is_array($fieldConfig['items'])) {
+            return '';
+        }
+        foreach ($fieldConfig['items'] as $item) {
+            if ((string)$value === (string)$item['value']) {
+                return $item['label'];
+            }
+        }
+        return '';
+    }
+
+    /**
+     * @param int $value
+     * @return string
+     */
+    protected function getRecordTitleForInlineType($value, array $children)
+    {
+        foreach ($children as $child) {
+            if ((int)$value === $child['vanillaUid']) {
+                return $child['recordTitle'];
+            }
+        }
+
+        return '';
+    }
+
+    /**
+     * Return the record title for database records
+     *
+     * @param mixed $value Current database value of this field
+     * @param array $fieldConfig TCA field configuration
+     * @return string
+     */
+    protected function getRecordTitleForSelectType($value, $fieldConfig)
+    {
+        if (!is_array($value)) {
+            return '';
+        }
+        $labelParts = [];
+        if (!empty($fieldConfig['items'])) {
+            $listOfValues = array_column($fieldConfig['items'], 'value');
+            foreach ($value as $itemValue) {
+                $itemKey = array_search($itemValue, $listOfValues);
+                if ($itemKey !== false) {
+                    $labelParts[] = $fieldConfig['items'][$itemKey]['label'];
+                }
+            }
+        }
+        $title = implode(', ', $labelParts);
+        if (empty($title) && !empty($value)) {
+            $title = implode(', ', $value);
+        }
+        return $title;
+    }
+
+    /**
+     * Return the record title for database records of type "country"
+     *
+     * @param mixed $value Current database value of this field
+     * @param array $result Incoming result array
+     * @param string $fieldName Field to handle
+     * @return string
+     */
+    protected function getRecordTitleForCountryType($value, $result, $fieldName)
+    {
+        // @todo - There probably is a better way to get all valid items
+        //         for TcaCountry?!
+        $tcaCountry = GeneralUtility::makeInstance(TcaCountry::class);
+        $processedResult = $tcaCountry->addData($result);
+        $countries = $processedResult['processedTca']['columns'][$fieldName]['config']['items'] ?? [];
+
+        // Iterate all possible countries. Fetch the one that matches our $value.
+        // Note that the 'label' option already resolved to the proper
+        // possible keys (name, localizedName, officialName, localizedOfficialName, iso2, iso3)
+        // due to the specifications store in [config] within $result.
+        foreach ($countries as $country) {
+            if ($country['value'] === $value) {
+                return $country['label'];
+            }
+        }
+
+        // Fallback if no country was resolved.
+        // @todo - Should this better return an empty value instead?
+        return $value;
+    }
+
+    /**
+     * Return the record title for database records
+     *
+     * @param mixed $value Current database value of this field
+     * @return string
+     */
+    protected function getRecordTitleForGroupType($value)
+    {
+        $labelParts = [];
+        foreach ($value as $singleValue) {
+            $labelParts[] = $singleValue['title'];
+        }
+        return implode(', ', $labelParts);
+    }
+
+    /**
+     * Return the folder names
+     *
+     * @param array $value Current database value of this field
+     */
+    protected function getRecordTitleForFolderType(array $value): string
+    {
+        $labelParts = [];
+        foreach ($value as $singleValue) {
+            $labelParts[] = $singleValue['folder'];
+        }
+        return implode(', ', $labelParts);
+    }
+
+    /**
+     * Returns the record title for checkbox fields
+     *
+     * @param mixed $value Current database value of this field
+     * @param array $fieldConfig TCA field configuration
+     * @return string
+     */
+    protected function getRecordTitleForCheckboxType($value, $fieldConfig)
+    {
+        $languageService = $this->getLanguageService();
+        if (empty($fieldConfig['items']) || !is_array($fieldConfig['items'])) {
+            $title = $value
+                ? $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:yes')
+                : $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:no');
+        } else {
+            $labelParts = [];
+            foreach ($fieldConfig['items'] as $key => $val) {
+                if ((int)$value & 2 ** $key) {
+                    $labelParts[] = $val['label'];
+                }
+            }
+            $title = implode(', ', $labelParts);
+        }
+        return $title;
+    }
+
+    /**
+     * Returns the record title for not transformed text fields
+     *
+     * @param mixed $value Current database value of this field
+     */
+    protected function getRecordTitleForStandardTextField(mixed $value): string
+    {
+        if (!is_string($value)) {
+            return '';
+        }
+
+        return trim(strip_tags($value));
+    }
+
+    protected function getRecordTitleForDatetimeType(?\DateTimeInterface $datetime, array $fieldConfig): string
+    {
+        if ($datetime === null) {
+            return '';
+        }
+        $format = DateTimeFactory::getFormatFromTCAConfig($fieldConfig);
+        if ($format === 'date') {
+            $ageSuffix = '';
+            // Generate age suffix as long as not explicitly suppressed
+            if (!($fieldConfig['disableAgeDisplay'] ?? false)) {
+                $now = DateTimeFactory::createFromTimestamp($GLOBALS['EXEC_TIME']);
+                $ageSuffix = sprintf(' (%s)', (new DateFormatter())->formatDateInterval(
+                    $now->diff($datetime),
+                    $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.minutesHoursDaysYears')
+                ));
+            }
+            return BackendUtility::date($datetime->getTimestamp()) . $ageSuffix;
+        }
+        if ($format === 'time') {
+            return $datetime->format('H:i');
+        }
+        if ($format === 'timesec') {
+            return $datetime->format('H:i:s');
+        }
+        if ($format === 'datetime') {
+            return BackendUtility::datetime($datetime->getTimestamp());
+        }
+        if ($format === 'datetimesec') {
+            return BackendUtility::datetimesec($datetime->getTimestamp());
+        }
+        return '';
+    }
+
+    /**
+     * Returns the record title for password fields
+     *
+     * @param mixed $value Current database value of this field
+     */
+    protected function getRecordTitleForPasswordType(mixed $value): string
+    {
+        return $value ? '********' : '';
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaSelectItems.php b/Classes/Form/FormDataProvider/TcaSelectItems.php
new file mode 100644
index 0000000..58c93e2
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaSelectItems.php
@@ -0,0 +1,235 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\Form\Processor\SelectItemProcessor;
+use TYPO3\CMS\Core\Configuration\Processor\Placeholder\EnvPlaceholderProcessor;
+use TYPO3\CMS\Core\Schema\Struct\SelectItem;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Resolve select items, set processed item list in processedTca, sanitize and resolve database field
+ */
+class TcaSelectItems extends AbstractItemProvider implements FormDataProviderInterface
+{
+    public function __construct(
+        private readonly SelectItemProcessor $selectItemProcessor,
+        private readonly EnvPlaceholderProcessor $envPlaceholderProcessor,
+    ) {}
+
+    /**
+     * Resolve select items
+     *
+     * @return array
+     * @throws \UnexpectedValueException
+     */
+    public function addData(array $result)
+    {
+        $table = $result['tableName'];
+
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (empty($fieldConfig['config']['type']) || $fieldConfig['config']['type'] !== 'select') {
+                continue;
+            }
+
+            // Make sure we are only processing supported renderTypes
+            if (!$this->isTargetRenderType($fieldConfig)) {
+                continue;
+            }
+
+            $fieldConfig['config']['items'] = $this->sanitizeItemArray($fieldConfig['config']['items'] ?? [], $table, $fieldName);
+
+            $fieldConfig['config']['maxitems'] = MathUtility::forceIntegerInRange($fieldConfig['config']['maxitems'] ?? 0, 0, 99999);
+            if ($fieldConfig['config']['maxitems'] === 0) {
+                $fieldConfig['config']['maxitems'] = 99999;
+            }
+
+            $fieldConfig['config']['items'] = $this->addItemsFromFolder($result, $fieldName, $fieldConfig['config']['items']);
+
+            $fieldConfig['config']['items'] = $this->addItemsFromForeignTable($result, $fieldName, $fieldConfig['config']['items']);
+
+            // Resolve "itemsProcFunc"
+            if (!empty($fieldConfig['config']['itemsProcFunc']) || !empty($fieldConfig['config']['itemsProcessors'])) {
+                $fieldConfig['config']['items'] = $this->resolveItemsProcessorFunction($result, $fieldName, $fieldConfig['config']['items']);
+                // itemsProcFunc must not be used anymore
+                unset(
+                    $fieldConfig['config']['itemsProcFunc'],
+                    $fieldConfig['config']['itemsProcessors']
+                );
+            }
+
+            // removing items before $dynamicItems and $removedItems have been built results in having them
+            // not populated to the dynamic database row and displayed as "invalid value" in the forms view
+            $fieldConfig['config']['items'] = $this->removeItemsByUserStorageRestriction($result, $fieldName, $fieldConfig['config']['items']);
+
+            $removedItems = $fieldConfig['config']['items'];
+
+            $fieldConfig['config']['items'] = $this->removeItemsByKeepItemsPageTsConfig($result, $fieldName, $fieldConfig['config']['items']);
+            $fieldConfig['config']['items'] = $this->addItemsFromPageTsConfig($result, $fieldName, $fieldConfig['config']['items']);
+            $fieldConfig['config']['items'] = $this->removeItemsByRemoveItemsPageTsConfig($result, $fieldName, $fieldConfig['config']['items']);
+
+            $fieldConfig['config']['items'] = $this->removeItemsByUserLanguageFieldRestriction($result, $fieldName, $fieldConfig['config']['items']);
+            $fieldConfig['config']['items'] = $this->removeItemsByUserAuthMode($result, $fieldName, $fieldConfig['config']['items']);
+            $fieldConfig['config']['items'] = $this->removeItemsByDoktypeUserRestriction($result, $fieldName, $fieldConfig['config']['items']);
+
+            $removedItems = array_diff_key($removedItems, $fieldConfig['config']['items']);
+
+            $currentDatabaseValuesArray = $this->processDatabaseFieldValue($result['databaseRow'], $fieldName);
+            // Check if it's a new record to respect TCAdefaults
+            if (!empty($fieldConfig['config']['MM']) && $result['command'] !== 'new') {
+                // Getting the current database value on a mm relation doesn't make sense since the amount of selected
+                // relations is stored in the field and not the uids of the items
+                $currentDatabaseValuesArray = [];
+            }
+
+            $result['databaseRow'][$fieldName] = $currentDatabaseValuesArray;
+
+            // add item values as keys to determine which items are stored in the database and should be preselected
+            $itemArrayValues = array_column(
+                array_map(fn(SelectItem|array $item): array => $item instanceof SelectItem ? $item->toArray() : $item, $fieldConfig['config']['items']),
+                'value'
+            );
+            $itemArray = array_fill_keys(
+                $itemArrayValues,
+                $fieldConfig['config']['items']
+            );
+            $result['databaseRow'][$fieldName] = $this->processSelectFieldValue($result, $fieldName, $itemArray);
+
+            $fieldConfig['config']['items'] = $this->addInvalidItemsFromDatabase(
+                $result,
+                $table,
+                $fieldName,
+                $fieldConfig,
+                $currentDatabaseValuesArray,
+                $removedItems
+            );
+
+            // Translate labels and add icons
+            // skip file of sys_file_metadata which is not rendered anyway but can use all memory
+            if (!($table === 'sys_file_metadata' && $fieldName === 'file')) {
+                $fieldConfig['config']['items'] = $this->translateLabels($result, $fieldConfig['config']['items'], $table, $fieldName);
+                $fieldConfig['config']['items'] = $this->addIconFromAltIcons($result, $fieldConfig['config']['items'], $table, $fieldName);
+            }
+
+            $unresolvedValue = $result['databaseRow'][$fieldName][0] ?? null;
+
+            if ($table === 'site' && $this->envPlaceholderProcessor->canProcess($unresolvedValue ?? '')) {
+                $resolvedValue = $this->envPlaceholderProcessor->process($unresolvedValue);
+
+                $itemByResolvedPlaceholder = array_find(
+                    $fieldConfig['config']['items'],
+                    fn(array $v) => (string)$v['value'] === $resolvedValue
+                );
+
+                if ($itemByResolvedPlaceholder === null) {
+                    throw new \RuntimeException(
+                        sprintf('Invalid placeholder value "%s" for "%s"', $resolvedValue, $unresolvedValue),
+                        1764310149
+                    );
+                }
+
+                $fieldConfig['config']['items'][0] = [
+                    ...$itemByResolvedPlaceholder,
+                    'label' => $itemByResolvedPlaceholder['label'],
+                    'value' => $unresolvedValue,
+                ];
+            }
+
+            // Keys may contain table names, so a numeric array is created
+            $fieldConfig['config']['items'] = array_values($fieldConfig['config']['items']);
+
+            $fieldConfig['config']['items'] = $this->selectItemProcessor->groupAndSortItems(
+                $fieldConfig['config']['items'],
+                $fieldConfig['config']['itemGroups'] ?? [],
+                $fieldConfig['config']['sortItems'] ?? []
+            );
+
+            $result['processedTca']['columns'][$fieldName] = $fieldConfig;
+        }
+
+        return $result;
+    }
+
+    /**
+     * Add values that are currently listed in the database columns but not in the selectable items list
+     * back to the list.
+     *
+     * @param array $result The current result array.
+     * @param string $table The current table name
+     * @param string $fieldName The current field name
+     * @param array $fieldConf The configuration of the current field.
+     * @param array $databaseValues The item values from the database, can contain invalid items!
+     * @param array $removedItems Items removed by access checks and restrictions, must not be added as invalid values
+     * @return array
+     */
+    public function addInvalidItemsFromDatabase(array $result, $table, $fieldName, array $fieldConf, array $databaseValues, array $removedItems)
+    {
+        // Early return if there are no items or invalid values should not be displayed
+        if (empty($fieldConf['config']['items'])
+            || ($fieldConf['config']['renderType'] ?? '') !== 'selectSingle'
+            || ($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['disableNoMatchingValueElement'] ?? false)
+            || ($fieldConf['config']['disableNoMatchingValueElement'] ?? false)
+        ) {
+            return $fieldConf['config']['items'];
+        }
+
+        $languageService = $this->getLanguageService();
+        $noMatchingLabel = isset($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['noMatchingValue_label'])
+            ? $languageService->sL(trim($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['noMatchingValue_label']))
+            : '[ ' . $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.noMatchingLabel') . ' ]';
+
+        $unmatchedValues = array_diff(
+            array_values($databaseValues),
+            array_column(
+                array_map(
+                    fn(SelectItem|array $item): array => $item instanceof SelectItem ? $item->toArray() : $item,
+                    $fieldConf['config']['items']
+                ),
+                'value'
+            ),
+            array_column(
+                array_map(
+                    fn(SelectItem|array $item): array => $item instanceof SelectItem ? $item->toArray() : $item,
+                    $removedItems
+                ),
+                'value'
+            )
+        );
+
+        foreach ($unmatchedValues as $unmatchedValue) {
+            $invalidItem = [
+                'label' => @sprintf($noMatchingLabel, $unmatchedValue),
+                'value' => $unmatchedValue,
+                'icon' => null,
+                'group' => 'none', // put it in the very first position in the "none" group
+            ];
+            array_unshift($fieldConf['config']['items'], $invalidItem);
+        }
+
+        return $fieldConf['config']['items'];
+    }
+
+    /**
+     * Determines whether the current field is a valid target for this DataProvider
+     *
+     * @return bool
+     */
+    protected function isTargetRenderType(array $fieldConfig)
+    {
+        return ($fieldConfig['config']['renderType'] ?? '') !== 'selectTree';
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaSelectTreeItems.php b/Classes/Form/FormDataProvider/TcaSelectTreeItems.php
new file mode 100644
index 0000000..370f68d
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaSelectTreeItems.php
@@ -0,0 +1,223 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Tree\TableConfiguration\ArrayTreeRenderer;
+use TYPO3\CMS\Core\Tree\TableConfiguration\TableConfigurationTree;
+use TYPO3\CMS\Core\Tree\TableConfiguration\TreeDataProviderFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Data provider for type=select + renderType=selectTree fields.
+ *
+ * Used in combination with SelectTreeElement to create the base HTML for trees,
+ * does a little bit of sanitation and preparation then.
+ *
+ * Used in combination with FormSelectTreeAjaxController to fetch the final tree list, this is
+ * triggered if $result['selectTreeCompileItems'] is set to true. This way the tree item
+ * calculation is only triggered if needed in this ajax context. Writes the prepared
+ * item array to ['config']['items'] in this case.
+ */
+class TcaSelectTreeItems extends AbstractItemProvider implements FormDataProviderInterface
+{
+    public function __construct(private readonly IconFactory $iconFactory) {}
+
+    /**
+     * Sanitize config options and resolve select items if requested.
+     *
+     * @return array
+     * @throws \UnexpectedValueException
+     */
+    public function addData(array $result)
+    {
+        $table = $result['tableName'];
+
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (empty($fieldConfig['config']['type']) || $fieldConfig['config']['type'] !== 'select') {
+                continue;
+            }
+
+            // Make sure we are only processing supported renderTypes
+            if (!$this->isTargetRenderType($fieldConfig)) {
+                continue;
+            }
+
+            $fieldConfig['config']['maxitems'] = MathUtility::forceIntegerInRange($fieldConfig['config']['maxitems'] ?? 0, 0, 99999);
+            if ($fieldConfig['config']['maxitems'] === 0) {
+                $fieldConfig['config']['maxitems'] = 99999;
+            }
+
+            $fieldConfig = $this->parseStartingPointsFromSiteConfiguration($result, $fieldConfig);
+
+            // A couple of tree specific config parameters can be overwritten via page TS.
+            // Pick those that influence the data fetching and write them into the config
+            // given to the tree data provider. This is additionally used in SelectTreeElement, so always do that.
+            if (isset($result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['config.']['treeConfig.'])) {
+                $pageTsConfig = $result['pageTsConfig']['TCEFORM.'][$table . '.'][$fieldName . '.']['config.']['treeConfig.'];
+                if (isset($pageTsConfig['startingPoints'])) {
+                    $fieldConfig['config']['treeConfig']['startingPoints']
+                        = implode(',', array_unique(GeneralUtility::intExplode(',', (string)$pageTsConfig['startingPoints'])));
+                }
+                if (isset($pageTsConfig['appearance.']['expandAll'])) {
+                    $fieldConfig['config']['treeConfig']['appearance']['expandAll'] = (bool)$pageTsConfig['appearance.']['expandAll'];
+                }
+                if (isset($pageTsConfig['appearance.']['maxLevels'])) {
+                    $fieldConfig['config']['treeConfig']['appearance']['maxLevels'] = (int)$pageTsConfig['appearance.']['maxLevels'];
+                }
+                if (isset($pageTsConfig['appearance.']['nonSelectableLevels'])) {
+                    $fieldConfig['config']['treeConfig']['appearance']['nonSelectableLevels'] = $pageTsConfig['appearance.']['nonSelectableLevels'];
+                }
+            }
+
+            // Prepare the list of currently selected nodes using RelationHandler
+            // This is needed to ensure a correct value initialization before the actual tree is loaded
+            $result['databaseRow'][$fieldName] = $this->processDatabaseFieldValue($result['databaseRow'], $fieldName);
+            $result['databaseRow'][$fieldName] = $this->processSelectFieldValue($result, $fieldName, []);
+
+            // Preserve original TCA static items before overwriting with resolved items
+            $originalTcaItems = $fieldConfig['config']['items'] ?? [];
+
+            // Always resolve the full item list (static + foreign_table + TSconfig) with filtering.
+            // This is needed by TcaColumnsRemoveEmptyRelations to determine if the field has any
+            // selectable items, and is reused below for tree building in the AJAX context.
+            $staticItems = $this->sanitizeItemArray($originalTcaItems, $table, $fieldName);
+            $staticItems = array_merge($staticItems, $this->addItemsFromPageTsConfig($result, $fieldName, []));
+            $staticItems = $this->removeItemsByKeepItemsPageTsConfig($result, $fieldName, $staticItems);
+            $staticItems = $this->removeItemsByRemoveItemsPageTsConfig($result, $fieldName, $staticItems);
+            $dynamicItems = $this->addItemsFromForeignTable($result, $fieldName);
+            $dynamicItems = $this->removeItemsByKeepItemsPageTsConfig($result, $fieldName, $dynamicItems);
+            $dynamicItems = $this->removeItemsByRemoveItemsPageTsConfig($result, $fieldName, $dynamicItems);
+            $dynamicItems = $this->removeItemsByUserLanguageFieldRestriction($result, $fieldName, $dynamicItems);
+            $dynamicItems = $this->removeItemsByUserAuthMode($result, $fieldName, $dynamicItems);
+            $dynamicItems = $this->removeItemsByDoktypeUserRestriction($result, $fieldName, $dynamicItems);
+
+            // Store flat items for downstream providers (will be overwritten with tree structure during AJAX)
+            $fieldConfig['config']['items'] = array_merge($staticItems, $dynamicItems);
+
+            if ($result['selectTreeCompileItems']) {
+                $finalItems = [];
+
+                // Prepare the list of "static" items if there are any.
+                // "static" and "dynamic" is separated since the tree code only copes with "real" existing foreign nodes,
+                // so this "static" stuff allows defining tree items that don't really exist in the tree.
+                $itemsFromTca = $this->sanitizeItemArray($originalTcaItems, $table, $fieldName);
+
+                // List of additional items defined by page ts config "addItems"
+                $itemsFromPageTsConfig = $this->addItemsFromPageTsConfig($result, $fieldName, []);
+                // Resolve pageTsConfig item icons to markup
+                $finalPageTsConfigItems = [];
+                foreach ($itemsFromPageTsConfig as $item) {
+                    if ($item['icon'] !== null) {
+                        $item['icon'] = $this->iconFactory->getIcon($item['icon'], IconSize::SMALL)->getMarkup('inline');
+                    }
+                    $finalPageTsConfigItems[] = $item;
+                }
+
+                if (!empty($itemsFromTca) || !empty($finalPageTsConfigItems)) {
+                    // First apply "keepItems" to $itemsFromTca, this will restrict the tca item list to only
+                    // those items that are defined in page ts "keepItems" if given
+                    $itemsFromTca = $this->removeItemsByKeepItemsPageTsConfig($result, $fieldName, $itemsFromTca);
+                    // Then, merge the items from page ts "addItems" into item list, since "addItems" should
+                    // add additional items even if they are not in the "keepItems" list
+                    $staticItems = array_merge($itemsFromTca, $finalPageTsConfigItems);
+                    // Now apply page ts config "removeItems", so this is *after* addItems, so "removeItems" could
+                    // possibly remove items again that were added via "addItems"
+                    $staticItems = $this->removeItemsByRemoveItemsPageTsConfig($result, $fieldName, $staticItems);
+                    // Now, apply user and access right restrictions to this item list
+                    $staticItems = $this->removeItemsByUserLanguageFieldRestriction($result, $fieldName, $staticItems);
+                    $staticItems = $this->removeItemsByUserAuthMode($result, $fieldName, $staticItems);
+                    $staticItems = $this->removeItemsByDoktypeUserRestriction($result, $fieldName, $staticItems);
+                    // Call itemsProcFunc if given. Note this function does *not* see the "dynamic" list of items
+                    if (!empty($fieldConfig['config']['itemsProcFunc']) || !empty($fieldConfig['config']['itemsProcessors'])) {
+                        $staticItems = $this->resolveItemsProcessorFunction($result, $fieldName, $staticItems);
+                        // itemsProcFunc must not be used anymore
+                        unset(
+                            $fieldConfig['config']['itemsProcFunc'],
+                            $fieldConfig['config']['itemsProcessors']
+                        );
+                    }
+                    // translate any labels
+                    $staticItems = $this->translateLabels($result, $staticItems, $table, $fieldName);
+                    // and add icons from the static list
+                    $staticItems = $this->addIconFromAltIcons($result, $staticItems, $table, $fieldName);
+                    // Now compile the target items using the same array structure as the "dynamic" list below
+                    foreach ($staticItems as $item) {
+                        if ($item['value'] === '--div--') {
+                            // Skip divs that may occur here for whatever reason
+                            continue;
+                        }
+                        $finalItems[] = [
+                            'identifier' => $item['value'],
+                            'name' => $item['label'],
+                            'icon' => $item['icon'] ?? '',
+                            'iconOverlay' => '',
+                            'depth' => 0,
+                            'hasChildren' => false,
+                            'selectable' => true,
+                            'checked' => in_array($item['value'], $result['databaseRow'][$fieldName]),
+                        ];
+                    }
+                }
+
+                // Reuse the already-fetched dynamic items to build uid whitelist for tree
+                $uidListOfAllDynamicItems = [];
+                foreach ($dynamicItems as $item) {
+                    if ((int)$item['value'] > 0) {
+                        $uidListOfAllDynamicItems[] = (int)$item['value'];
+                    }
+                }
+                // Now kick in this tree stuff
+                $treeDataProvider = TreeDataProviderFactory::getDataProvider(
+                    $fieldConfig['config'],
+                    $table,
+                    $fieldName,
+                    $result['databaseRow']
+                );
+                $treeDataProvider->setSelectedList(implode(',', $result['databaseRow'][$fieldName]));
+                // Basically the tree foo fetches all tree nodes again (aaargs), then verifies if
+                // a given rows uid is within this "list of allowed uids". It then creates an object
+                // tree representing the nested tree, just to collapse all that to a flat array again. Yay ...
+                $treeDataProvider->setItemWhiteList($uidListOfAllDynamicItems);
+                $treeDataProvider->initializeTreeData();
+                $treeRenderer = GeneralUtility::makeInstance(ArrayTreeRenderer::class);
+                $tree = GeneralUtility::makeInstance(TableConfigurationTree::class);
+                $tree->setDataProvider($treeDataProvider);
+                $tree->setNodeRenderer($treeRenderer);
+
+                // Merge tree nodes after calculated nodes from static items
+                $fieldConfig['config']['items'] = array_merge($finalItems, $tree->render());
+            }
+
+            $result['processedTca']['columns'][$fieldName] = $fieldConfig;
+        }
+
+        return $result;
+    }
+
+    /**
+     * Determines whether the current field is a valid target for this DataProvider
+     *
+     * @return bool
+     */
+    protected function isTargetRenderType(array $fieldConfig)
+    {
+        return ($fieldConfig['config']['renderType'] ?? '') === 'selectTree';
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaShortcut.php b/Classes/Form/FormDataProvider/TcaShortcut.php
new file mode 100644
index 0000000..077822a
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaShortcut.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Domain\Repository\PageRepository;
+
+/**
+ * Set the field shortcut to required if shortcut_mode is set to 0 (default)
+ */
+class TcaShortcut implements FormDataProviderInterface
+{
+    public function addData(array $result): array
+    {
+        $tableName = $result['tableName'];
+        if ($tableName !== 'pages') {
+            return $result;
+        }
+
+        if (!in_array('shortcut', $result['columnsToProcess'])
+            || !in_array('shortcut_mode', $result['columnsToProcess'])
+        ) {
+            return $result;
+        }
+
+        $shortcutMode = $result['databaseRow']['shortcut_mode'] ?? null;
+        if ($shortcutMode !== null && (int)($shortcutMode[0] ?? $shortcutMode) === PageRepository::SHORTCUT_MODE_NONE) {
+            $result['processedTca']['columns']['shortcut']['config']['required'] = true;
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaSiteLanguage.php b/Classes/Form/FormDataProvider/TcaSiteLanguage.php
new file mode 100644
index 0000000..d24ae46
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaSiteLanguage.php
@@ -0,0 +1,350 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\OnTheFly;
+use TYPO3\CMS\Backend\Form\FormDataGroup\SiteConfigurationDataGroup;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\Form\InlineStackProcessor;
+use TYPO3\CMS\Core\Configuration\Processor\Placeholder\EnvPlaceholderProcessor;
+use TYPO3\CMS\Core\Exception\SiteNotFoundException;
+use TYPO3\CMS\Core\Schema\Field\FieldTypeInterface;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Resolve and prepare site language data
+ *
+ * @internal This FormDataProvider is only used in the site configuration module and is not public API
+ */
+class TcaSiteLanguage extends AbstractDatabaseRecordProvider implements FormDataProviderInterface
+{
+    private const string FOREIGN_TABLE = 'site_language';
+
+    private const string FOREIGN_FIELD = 'languageId';
+
+    public function __construct(
+        private readonly SiteFinder $siteFinder,
+        private readonly InlineStackProcessor $inlineStackProcessor,
+        private readonly EnvPlaceholderProcessor $envPlaceholderProcessor,
+    ) {}
+
+    public function addData(array $result): array
+    {
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (($fieldConfig['config']['type'] ?? '') !== 'siteLanguage') {
+                continue;
+            }
+
+            if (!$result['tcaSchemata']->has(self::FOREIGN_TABLE)) {
+                throw new \RuntimeException('Table ' . self::FOREIGN_TABLE . ' does not exists', 1624029932);
+            }
+
+            $foreignTableSchema = $result['tcaSchemata']->get(self::FOREIGN_TABLE);
+            /** @var FieldTypeInterface|null $foreignField */
+            $foreignField = $foreignTableSchema->hasField(self::FOREIGN_FIELD) ? $foreignTableSchema->getField(self::FOREIGN_FIELD) : null;
+            if ($foreignField?->getType() !== 'select') {
+                throw new \UnexpectedValueException(
+                    'Table ' . $result['tableName'] . ' field ' . $fieldName . ' points to field '
+                    . self::FOREIGN_FIELD . ' of table ' . self::FOREIGN_TABLE . ', but this field '
+                    . 'is either not defined or is not of type select',
+                    1624029933
+                );
+            }
+
+            if (!($foreignField->getConfiguration()['itemsProcFunc'] ?? false)) {
+                throw new \UnexpectedValueException(
+                    'Table ' . $result['tableName'] . ' field ' . $fieldName . ' points to field '
+                    . self::FOREIGN_FIELD . ' of table ' . self::FOREIGN_TABLE . '. This field must define '
+                    . 'an \'itemsProcFunc\'.',
+                    1624029934
+                );
+            }
+
+            $result = $this->addInlineRelatedConfig($result, $fieldName);
+            $result = $this->initializeMinMaxItems($result, $fieldName);
+            $result = $this->initializeAppearance($result, $fieldName);
+            $result = $this->addInlineFirstPid($result);
+            $result = $this->resolveSiteLanguageChildren($result, $fieldName);
+            $result = $this->addUniquePossibleRecords($result, $fieldName);
+        }
+
+        return $result;
+    }
+
+    protected function addInlineRelatedConfig(array $result, string $fieldName): array
+    {
+        $config = $result['processedTca']['columns'][$fieldName]['config'];
+        $config['foreign_table'] = self::FOREIGN_TABLE;
+        $config['foreign_selector'] = self::FOREIGN_FIELD;
+        $result['processedTca']['columns'][$fieldName]['config'] = $config;
+
+        return $result;
+    }
+
+    protected function initializeMinMaxItems(array $result, string $fieldName): array
+    {
+        $config = $result['processedTca']['columns'][$fieldName]['config'];
+        $config['minitems'] = isset($config['minitems']) ? MathUtility::forceIntegerInRange($config['minitems'], 1) : 1;
+        $config['maxitems'] = isset($config['maxitems']) ? MathUtility::forceIntegerInRange($config['maxitems'], 2) : 99999;
+        $result['processedTca']['columns'][$fieldName]['config'] = $config;
+
+        return $result;
+    }
+
+    protected function initializeAppearance(array $result, string $fieldName): array
+    {
+        $config = $result['processedTca']['columns'][$fieldName]['config'];
+        if (!is_array($config['appearance'] ?? false)) {
+            $config['appearance'] = [];
+        }
+        $config['appearance']['showPossibleLocalizationRecords'] = false;
+        $config['appearance']['collapseAll'] = true;
+        $config['appearance']['expandSingle'] = false;
+        $config['appearance']['enabledControls'] = [
+            'info' => false,
+            'new' => false,
+            'dragdrop' => false,
+            'sort' => false,
+            'hide' => false,
+            'delete' => true,
+            'localize' => false,
+        ];
+
+        $config['size'] = (int)($config['size'] ?? 4);
+
+        $result['processedTca']['columns'][$fieldName]['config'] = $config;
+
+        return $result;
+    }
+
+    protected function addInlineFirstPid(array $result): array
+    {
+        if (($result['inlineFirstPid'] ?? null) !== null || ($result['tableName'] ?? '') !== self::FOREIGN_TABLE) {
+            return $result;
+        }
+
+        $pid = $result['databaseRow']['pid'] ?? 0;
+
+        if (!MathUtility::canBeInterpretedAsInteger($pid) || !str_starts_with($pid, 'NEW')) {
+            throw new \RuntimeException(
+                'inlineFirstPid should either be an integer or a "NEW..." string',
+                1624310264
+            );
+        }
+
+        $result['inlineFirstPid'] = $pid;
+
+        return $result;
+    }
+
+    protected function resolveSiteLanguageChildren(array $result, string $fieldName): array
+    {
+        $connectedUids = [];
+        $result['processedTca']['columns'][$fieldName]['children'] = [];
+
+        if ($result['command'] === 'edit') {
+            $unprocessedRootPageId = $result['databaseRow']['rootPageId'][0] ?? null;
+            $processedRootPageId = $this->envPlaceholderProcessor->canProcess($unprocessedRootPageId)
+                ? (int)$this->envPlaceholderProcessor->process($unprocessedRootPageId)
+                : (int)$unprocessedRootPageId;
+
+            $siteConfiguration = [];
+            try {
+                $site = $this->siteFinder->getSiteByRootPageId($processedRootPageId);
+                $siteConfiguration = $site->getConfiguration();
+            } catch (SiteNotFoundException $e) {
+            }
+            if (is_array($siteConfiguration[$fieldName] ?? false)) {
+                // Add uids of existing site languages
+                $connectedUids = array_keys($siteConfiguration[$fieldName]);
+            }
+        } elseif ($result['command'] === 'new') {
+            // If new, *always* force a relation to the default language ("0")
+            $child = $this->compileDefaultSiteLanguageChild($result, $fieldName);
+            $connectedUids[] = $child['databaseRow']['uid'];
+            $result['processedTca']['columns'][$fieldName]['children'][] = $child;
+        }
+
+        // Add connected uids as csv field value
+        $result['databaseRow'][$fieldName] = implode(',', $connectedUids);
+
+        if ($result['inlineCompileExistingChildren']) {
+            foreach ($connectedUids as $uid) {
+                // Compile existing (persisted) site languages
+                if (!str_starts_with((string)$uid, 'NEW')) {
+                    $compiledChild = $this->compileChild($result, $fieldName, $uid);
+                    $result['processedTca']['columns'][$fieldName]['children'][] = $compiledChild;
+                }
+            }
+        }
+
+        if ($result['command'] === 'edit') {
+            // If edit, find out if a default language ("0") exists, else add it on top
+            $defaultSysSiteLanguageChildFound = false;
+            foreach ($result['processedTca']['columns'][$fieldName]['children'] as $child) {
+                if (isset($child['databaseRow']['languageId'][0]) && (int)$child['databaseRow']['languageId'][0] === 0) {
+                    $defaultSysSiteLanguageChildFound = true;
+                }
+            }
+            if (!$defaultSysSiteLanguageChildFound) {
+                // Compile and add child as first child, since non exists yet
+                $child = $this->compileDefaultSiteLanguageChild($result, $fieldName);
+                $result['databaseRow'][$fieldName] = $child['databaseRow']['uid'] . ',' . $result['databaseRow'][$fieldName];
+                array_unshift($result['processedTca']['columns'][$fieldName]['children'], $child);
+            }
+        }
+
+        return $result;
+    }
+
+    protected function compileDefaultSiteLanguageChild(array $result, string $parentFieldName): array
+    {
+        $inlineTopMostParent = $this->inlineStackProcessor->getStructureLevelFromStructure($result['inlineStructure'], 0);
+        return GeneralUtility::makeInstance(FormDataCompiler::class)
+            ->compile(
+                [
+                    'request' => $result['request'],
+                    'command' => 'new',
+                    'tableName' => self::FOREIGN_TABLE,
+                    'vanillaUid' => $result['inlineFirstPid'],
+                    'databaseRow' => $this->getDefaultDatabaseRow(),
+                    'returnUrl' => $result['returnUrl'],
+                    'isInlineChild' => true,
+                    'inlineStructure' => [],
+                    'inlineExpandCollapseStateArray' => $result['inlineExpandCollapseStateArray'],
+                    'inlineFirstPid' => $result['inlineFirstPid'],
+                    'inlineParentConfig' => $result['processedTca']['columns'][$parentFieldName]['config'],
+                    'inlineParentUid' => $result['databaseRow']['uid'],
+                    'inlineParentTableName' => $result['tableName'],
+                    'inlineParentFieldName' => $parentFieldName,
+                    'inlineTopMostParentUid' => $result['inlineTopMostParentUid'] ?: ($inlineTopMostParent['uid'] ?? null),
+                    'inlineTopMostParentTableName' => $result['inlineTopMostParentTableName'] ?: ($inlineTopMostParent['table'] ?? ''),
+                    'inlineTopMostParentFieldName' => $result['inlineTopMostParentFieldName'] ?: ($inlineTopMostParent['field'] ?? ''),
+                    'inlineChildChildUid' => 0,
+                    // pass through schemata as they are immutable once they are set
+                    'tcaSchemata' => $result['tcaSchemata'],
+                    // pass through fullTca as it is immutable once set
+                    'fullTca' => $result['fullTca'],
+                ],
+                GeneralUtility::makeInstance(SiteConfigurationDataGroup::class)
+            );
+    }
+
+    protected function compileChild(array $result, string $parentFieldName, int $childUid): array
+    {
+        $inlineTopMostParent = $this->inlineStackProcessor->getStructureLevelFromStructure($result['inlineStructure'], 0);
+        return GeneralUtility::makeInstance(FormDataCompiler::class)
+            ->compile(
+                [
+                    'request' => $result['request'],
+                    'command' => 'edit',
+                    'tableName' => self::FOREIGN_TABLE,
+                    'vanillaUid' => $childUid,
+                    'returnUrl' => $result['returnUrl'],
+                    'isInlineChild' => true,
+                    'inlineStructure' => $result['inlineStructure'],
+                    'inlineExpandCollapseStateArray' => $result['inlineExpandCollapseStateArray'],
+                    'inlineFirstPid' => $result['inlineFirstPid'],
+                    'inlineParentConfig' => $result['processedTca']['columns'][$parentFieldName]['config'],
+                    'inlineParentUid' => $result['databaseRow']['uid'],
+                    'inlineParentTableName' => $result['tableName'],
+                    'inlineParentFieldName' => $parentFieldName,
+                    'inlineTopMostParentUid' => $result['inlineTopMostParentUid'] ?: ($inlineTopMostParent['uid'] ?? null),
+                    'inlineTopMostParentTableName' => $result['inlineTopMostParentTableName'] ?: ($inlineTopMostParent['table'] ?? ''),
+                    'inlineTopMostParentFieldName' => $result['inlineTopMostParentFieldName'] ?: ($inlineTopMostParent['field'] ?? ''),
+                    // pass through schemata as they are immutable once they are set
+                    'tcaSchemata' => $result['tcaSchemata'],
+                    // pass through fullTca as it is immutable once set
+                    'fullTca' => $result['fullTca'],
+                ],
+                GeneralUtility::makeInstance(SiteConfigurationDataGroup::class)
+            );
+    }
+
+    protected function addUniquePossibleRecords(array $result, string $fieldName): array
+    {
+        $formDataGroup = GeneralUtility::makeInstance(OnTheFly::class);
+        $formDataGroup->setProviderList([TcaSelectItems::class]);
+        $foreignTableSchema = $result['tcaSchemata']->get(self::FOREIGN_TABLE);
+
+        // Add unique possible records, so they can be used in the selector field
+        $result['processedTca']['columns'][$fieldName]['config']['uniquePossibleRecords'] = GeneralUtility::makeInstance(FormDataCompiler::class)
+            ->compile(
+                [
+                    'request' => $result['request'],
+                    'command' => 'new',
+                    'tableName' => self::FOREIGN_TABLE,
+                    'pageTsConfig' => $result['pageTsConfig'],
+                    'userTsConfig' => $result['userTsConfig'],
+                    'databaseRow' => $result['databaseRow'],
+                    'processedTca' => [
+                        'ctrl' => [],
+                        'columns' => [
+                            self::FOREIGN_FIELD => [
+                                'config' => $foreignTableSchema->getField(self::FOREIGN_FIELD)->getConfiguration(),
+                            ],
+                        ],
+                    ],
+                    'inlineExpandCollapseStateArray' => $result['inlineExpandCollapseStateArray'],
+                    // pass through schemata as they are immutable once they are set
+                    'tcaSchemata' => $result['tcaSchemata'],
+                    // pass through fullTca as it is immutable once set
+                    'fullTca' => $result['fullTca'],
+                ],
+                $formDataGroup
+            )['processedTca']['columns'][self::FOREIGN_FIELD]['config']['items'] ?? [];
+
+        return $result;
+    }
+
+    /**
+     * Create the database row for the default site language based
+     * on an already existing default language from another site.
+     */
+    protected function getDefaultDatabaseRow(): array
+    {
+        $defaultDatabaseRow = [];
+
+        foreach ($this->siteFinder->getAllSites() as $site) {
+            foreach ($site->getAllLanguages() as $language) {
+                if ($language->getLanguageId() === 0) {
+                    $defaultDatabaseRow['locale'] = $language->getLocale()->posixFormatted();
+                    if ($language->getTitle() !== '') {
+                        $defaultDatabaseRow['title'] = $language->getTitle();
+                    }
+                    if ($language->getNavigationTitle() !== '') {
+                        $defaultDatabaseRow['navigationTitle'] = $language->getNavigationTitle();
+                    }
+                    if ($language->getHreflang(true) !== '') {
+                        $defaultDatabaseRow['hreflang'] = $language->getHreflang();
+                    }
+                    if (str_starts_with($language->getFlagIdentifier(), 'flags-')) {
+                        $flagIdentifier = str_replace('flags-', '', $language->getFlagIdentifier());
+                        $defaultDatabaseRow['flag'] = ($flagIdentifier === 'multiple') ? 'global' : $flagIdentifier;
+                    }
+                    break 2;
+                }
+            }
+        }
+
+        return $defaultDatabaseRow;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaSlug.php b/Classes/Form/FormDataProvider/TcaSlug.php
new file mode 100644
index 0000000..ad50772
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaSlug.php
@@ -0,0 +1,97 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Site\Entity\SiteInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Handles custom data for TCA Type=Slug
+ */
+class TcaSlug implements FormDataProviderInterface
+{
+    /**
+     * Resolve slug prefix items
+     *
+     *
+     * @throws \UnexpectedValueException
+     */
+    public function addData(array $result): array
+    {
+        $table = $result['tableName'];
+        $site = $result['site'];
+        $row = $result['databaseRow'];
+        $languageId = 0;
+
+        if (($languageField = $result['processedTca']['ctrl']['languageField'] ?? '') !== '' && isset($row[$languageField])) {
+            $languageId = (int)(is_array($row[$languageField]) ? ($row[$languageField][0] ?? 0) : $row[$languageField]);
+        }
+
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (($fieldConfig['config']['type'] ?? '') !== 'slug') {
+                continue;
+            }
+
+            $prefixUserFunc = $fieldConfig['config']['appearance']['prefix'] ?? '';
+
+            if ($prefixUserFunc !== '') {
+                $parameters = [
+                    'site' => $site,
+                    'languageId' => $languageId,
+                    'table' => $table,
+                    'row' => $row,
+                    'fieldName' => $fieldName,
+                    'config' => $fieldConfig['config'],
+                ];
+                $prefix = GeneralUtility::callUserFunction($prefixUserFunc, $parameters, $this);
+            } elseif ($site instanceof SiteInterface) {
+                // default behaviour used for pages
+                $prefix = $this->getPrefixForSite($site, $languageId);
+            } else {
+                // no site found, so we cannot determine a prefix
+                $prefix = '';
+            }
+
+            $result['customData'][$fieldName]['slugPrefix'] = $prefix;
+            $result['processedTca']['columns'][$fieldName]['config']['appearance']['prefix'] = $prefix;
+        }
+
+        return $result;
+    }
+
+    /**
+     * Render the prefix for the input field.
+     */
+    protected function getPrefixForSite(SiteInterface $site, int $languageId): string
+    {
+        try {
+            $language = ($languageId < 0) ? $site->getDefaultLanguage() : $site->getLanguageById($languageId);
+            $base = $language->getBase();
+            $prefix = rtrim((string)$base, '/');
+            if ($prefix !== '' && empty($base->getScheme()) && $base->getHost() !== '') {
+                $prefix = 'http:' . $prefix;
+            }
+        } catch (\InvalidArgumentException $e) {
+            // No site found
+            $prefix = '';
+        }
+
+        return $prefix;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaTablePermission.php b/Classes/Form/FormDataProvider/TcaTablePermission.php
new file mode 100644
index 0000000..ee14f6d
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaTablePermission.php
@@ -0,0 +1,55 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+
+/**
+ * Data provider for type=select + renderType=tablePermission fields.
+ *
+ * @internal Only used for be_groups "tablePermission" renderType.
+ */
+final class TcaTablePermission extends AbstractItemProvider implements FormDataProviderInterface
+{
+    public function addData(array $result): array
+    {
+        $table = $result['tableName'];
+
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (($fieldConfig['config']['type'] ?? '') !== 'select'
+                || ($fieldConfig['config']['renderType'] ?? '') !== 'tablePermission'
+            ) {
+                continue;
+            }
+
+            if (!$result['tcaSchemata']->has($table) || !$result['tcaSchemata']->get($table)->hasField($fieldConfig['config']['selectFieldName'] ?? null)) {
+                throw new \InvalidArgumentException(
+                    'renderType="tablePermission" requires option "selectFieldName" to be set to an existing column of table ' . $table,
+                    1720028589
+                );
+            }
+
+            $result['databaseRow'][$fieldName] = [
+                'modify' => array_values(array_unique($this->processDatabaseFieldValue($result['databaseRow'], $fieldName))),
+                'select' => array_values(array_unique($this->processDatabaseFieldValue($result['databaseRow'], $fieldConfig['config']['selectFieldName']))),
+            ];
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaText.php b/Classes/Form/FormDataProvider/TcaText.php
new file mode 100644
index 0000000..ed94ca6
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaText.php
@@ -0,0 +1,74 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Configuration\Richtext;
+use TYPO3\CMS\Core\Html\RteHtmlParser;
+
+/**
+ * Resolve databaseRow field content for type=text, especially handle
+ * richtext transformations "from db to rte"
+ */
+readonly class TcaText implements FormDataProviderInterface
+{
+    public function __construct(
+        private Richtext $richtext,
+        private RteHtmlParser $rteHtmlParser,
+    ) {}
+
+    /**
+     * Handle text field content, especially richtext transformation
+     *
+     * @param array $result Given result array
+     * @return array Modified result array
+     */
+    public function addData(array $result)
+    {
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (empty($fieldConfig['config']['type']) || $fieldConfig['config']['type'] !== 'text') {
+                continue;
+            }
+
+            // Check if richtext is enabled for the field
+            if ($fieldConfig['config']['enableRichtext'] ?? false) {
+                $richtextConfiguration = $this->richtext->getConfiguration(
+                    $result['tableName'],
+                    $fieldName,
+                    $result['effectivePid'],
+                    (string)$result['recordTypeValue'],
+                    $fieldConfig['config']
+                );
+                // Transform if richtext is not disabled in configuration
+                if (!($richtextConfiguration['disabled'] ?? false)) {
+                    // remember RTE preset name
+                    $result['processedTca']['columns'][$fieldName]['config']['richtextConfigurationName'] = $fieldConfig['config']['richtextConfiguration'] ?? '';
+                    // Add final resolved configuration to TCA array
+                    $result['processedTca']['columns'][$fieldName]['config']['richtextConfiguration'] = $richtextConfiguration;
+                    // If eval=null is set for field, value might be null ... don't transform anything in this case.
+                    if ($result['databaseRow'][$fieldName] !== null) {
+                        // Process "from-db-to-rte" on current value
+                        $result['databaseRow'][$fieldName] = $this->rteHtmlParser->transformTextForRichTextEditor($result['databaseRow'][$fieldName], $richtextConfiguration['proc.'] ?? []);
+                    }
+                }
+            }
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaTtContentColPosItemsRestrictionByBackendLayout.php b/Classes/Form/FormDataProvider/TcaTtContentColPosItemsRestrictionByBackendLayout.php
new file mode 100644
index 0000000..10890c0
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaTtContentColPosItemsRestrictionByBackendLayout.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Reduce tt_content colPos items if needed: When the pages backend layout does not allow
+ * the current content element type (CType value) in a colPos (via "allowedContentTypes" and
+ * "disallowedContentTypes" backend layout column configuration), then the content element
+ * can not be switched to this colPos. The implementation reduces colPos items accordingly.
+ *
+ * @internal
+ */
+final readonly class TcaTtContentColPosItemsRestrictionByBackendLayout implements FormDataProviderInterface
+{
+    public function __construct(
+        private BackendLayoutView $backendLayoutView,
+    ) {}
+
+    public function addData(array $result): array
+    {
+        if ($result['tableName'] !== 'tt_content'
+            || empty($result['databaseRow']['CType'])
+            || !empty($result['isInlineChild'])
+            || empty($result['processedTca']['columns']['colPos']['config']['type'])
+            || $result['processedTca']['columns']['colPos']['config']['type'] !== 'select'
+            || empty($result['processedTca']['columns']['colPos']['config']['items'])
+            || !is_array($result['processedTca']['columns']['colPos']['config']['items'])
+        ) {
+            // tt_content colPos should be select. Return early if it isn't for some reason, or if tt_content is an inline child
+            return $result;
+        }
+        $languageService = $this->getLanguageService();
+        $pageId = !empty($result['effectivePid']) ? (int)$result['effectivePid'] : (int)$result['databaseRow']['pid'];
+        $backendLayout = $this->backendLayoutView->getBackendLayoutForPage($pageId);
+        $recordType = $result['databaseRow']['CType'][0] ?? '';
+        $currentColPos = (int)($result['databaseRow']['colPos'][0] ?? 0);
+        foreach ($result['processedTca']['columns']['colPos']['config']['items'] as $key => $item) {
+            $itemColPosValue = (int)($item['value']);
+            $columnConfiguration = $this->backendLayoutView->getColPosConfigurationForPage($backendLayout, $itemColPosValue, $pageId, $result['request']);
+            if (empty($columnConfiguration)) {
+                continue;
+            }
+            if (!empty($columnConfiguration['allowedContentTypes'])) {
+                $allowedContentTypes = GeneralUtility::trimExplode(',', $columnConfiguration['allowedContentTypes'], true);
+                if (!in_array($recordType, $allowedContentTypes, true)
+                    && $currentColPos !== $itemColPosValue
+                ) {
+                    unset($result['processedTca']['columns']['colPos']['config']['items'][$key]);
+                }
+                if (!in_array($recordType, $allowedContentTypes, true)
+                    && $currentColPos === $itemColPosValue
+                ) {
+                    $newLabel = sprintf($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.noMatchingValue'), $currentColPos);
+                    $result['processedTca']['columns']['colPos']['config']['items'][$key]['label'] = $newLabel;
+                }
+            }
+            if (!empty($columnConfiguration['disallowedContentTypes'])) {
+                $disallowedContentTypes = GeneralUtility::trimExplode(',', $columnConfiguration['disallowedContentTypes'], true);
+                if (in_array($recordType, $disallowedContentTypes, true)
+                    && $currentColPos !== $itemColPosValue
+                ) {
+                    unset($result['processedTca']['columns']['colPos']['config']['items'][$key]);
+                }
+                if (in_array($recordType, $disallowedContentTypes, true)
+                    && $currentColPos === $itemColPosValue
+                ) {
+                    $newLabel = sprintf($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.noMatchingValue'), $currentColPos);
+                    $result['processedTca']['columns']['colPos']['config']['items'][$key]['label'] = $newLabel;
+                }
+            }
+        }
+        return $result;
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaTtContentCtypeItemsRestrictionByBackendLayout.php b/Classes/Form/FormDataProvider/TcaTtContentCtypeItemsRestrictionByBackendLayout.php
new file mode 100644
index 0000000..40f70cb
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaTtContentCtypeItemsRestrictionByBackendLayout.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Reduce tt_content CType items if needed: When the pages backend layout does not allow
+ * content element types in current record colPos (via "allowedContentTypes" and
+ * "disallowedContentTypes" backend layout column configuration), then the content element
+ * can not be switched into those types. The implementation reduces CType items accordingly.
+ *
+ * @internal
+ */
+final readonly class TcaTtContentCtypeItemsRestrictionByBackendLayout implements FormDataProviderInterface
+{
+    public function __construct(
+        private BackendLayoutView $backendLayoutView,
+    ) {}
+
+    public function addData(array $result): array
+    {
+        if ($result['tableName'] !== 'tt_content'
+            || empty($result['databaseRow']['CType'])
+            || !empty($result['isInlineChild'])
+            || empty($result['processedTca']['columns']['CType']['config']['items'])
+        ) {
+            return $result;
+        }
+        $languageService = $this->getLanguageService();
+        $pageId = !empty($result['effectivePid']) ? (int)$result['effectivePid'] : (int)$result['databaseRow']['pid'];
+        $backendLayout = $this->backendLayoutView->getBackendLayoutForPage($pageId);
+        if (is_array($result['databaseRow']['colPos'] ?? [])) {
+            $currentColPosValue = (int)($result['databaseRow']['colPos'][0] ?? $result['processedTca']['columns']['colPos']['config']['default'] ?? 0);
+        } else {
+            $currentColPosValue = (int)($result['databaseRow']['colPos'] ?? $result['processedTca']['columns']['colPos']['config']['default'] ?? 0);
+        }
+        $columnConfiguration = $this->backendLayoutView->getColPosConfigurationForPage($backendLayout, $currentColPosValue, $pageId, $result['request']);
+        $currentRecordType = $result['databaseRow']['CType'][0] ?? '';
+        if (!empty($columnConfiguration['allowedContentTypes'])) {
+            $allowedContentTypes = GeneralUtility::trimExplode(',', $columnConfiguration['allowedContentTypes'], true);
+            foreach ($result['processedTca']['columns']['CType']['config']['items'] as $itemKey => $item) {
+                if (!in_array($item['value'], $allowedContentTypes, true)
+                    && $item['value'] !== '--div--'
+                    && $item['value'] !== $currentRecordType
+                ) {
+                    unset($result['processedTca']['columns']['CType']['config']['items'][$itemKey]);
+                }
+                if (!in_array($item['value'], $allowedContentTypes, true)
+                    && $item['value'] !== '--div--'
+                    && $item['value'] === $currentRecordType
+                ) {
+                    $newLabel = sprintf($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.noMatchingValue'), $currentRecordType);
+                    $result['processedTca']['columns']['CType']['config']['items'][$itemKey]['label'] = $newLabel;
+                }
+            }
+        }
+        if (!empty($columnConfiguration['disallowedContentTypes'])) {
+            $disallowedContentTypes = GeneralUtility::trimExplode(',', $columnConfiguration['disallowedContentTypes'], true);
+            foreach ($result['processedTca']['columns']['CType']['config']['items'] as $itemKey => $item) {
+                if (in_array($item['value'], $disallowedContentTypes, true)
+                    && $item['value'] !== $currentRecordType
+                ) {
+                    unset($result['processedTca']['columns']['CType']['config']['items'][$itemKey]);
+                }
+                if (in_array($item['value'], $disallowedContentTypes, true)
+                    && $item['value'] === $currentRecordType
+                ) {
+                    $newLabel = sprintf($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.noMatchingValue'), $currentRecordType);
+                    $result['processedTca']['columns']['CType']['config']['items'][$itemKey]['label'] = $newLabel;
+                }
+            }
+        }
+        return $result;
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaTypesCtrlOverrides.php b/Classes/Form/FormDataProvider/TcaTypesCtrlOverrides.php
new file mode 100644
index 0000000..1fde627
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaTypesCtrlOverrides.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+
+/**
+ * Merge type-specific ctrl configuration from the types section into processedTca ctrl section.
+ *
+ * This allows tables to define type-specific ctrl properties in the types section
+ * that override the global ctrl values for that specific record type.
+ *
+ * @todo This data provider is just an intermediate solution until FormEngine is using TCA Schema
+ */
+class TcaTypesCtrlOverrides implements FormDataProviderInterface
+{
+    /**
+     * List of ctrl properties that can be overridden per type.
+     * This prevents arbitrary ctrl properties from being overridden which might
+     * cause issues if they affect the structure or behavior of TCA processing.
+     *
+     * Currently supported: 'title' and 'previewRenderer'.
+     * Additional properties may be added in the future.
+     */
+    protected array $allowedCtrlOverrides = [
+        'title',
+        'previewRenderer',
+    ];
+
+    public function addData(array $result): array
+    {
+        $type = $result['recordTypeValue'];
+        if (isset($result['processedTca']['types'][$type]) && is_array($result['processedTca']['types'][$type])) {
+            $typeConfiguration = $result['processedTca']['types'][$type];
+
+            // Merge allowed ctrl properties from type configuration into ctrl section
+            foreach ($this->allowedCtrlOverrides as $property) {
+                if (array_key_exists($property, $typeConfiguration)) {
+                    $result['processedTca']['ctrl'][$property] = $typeConfiguration[$property];
+                }
+            }
+        }
+
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/TcaUuid.php b/Classes/Form/FormDataProvider/TcaUuid.php
new file mode 100644
index 0000000..5a50f03
--- /dev/null
+++ b/Classes/Form/FormDataProvider/TcaUuid.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use Symfony\Component\Uid\Uuid;
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+
+/**
+ * Generates and sets field value for type=uuid
+ */
+class TcaUuid implements FormDataProviderInterface
+{
+    public function addData(array $result): array
+    {
+        foreach ($result['processedTca']['columns'] as $fieldName => $fieldConfig) {
+            if (($fieldConfig['config']['type'] ?? '') !== 'uuid') {
+                continue;
+            }
+            // Skip if field is already filled with a valid uuid
+            if (Uuid::isValid((string)($result['databaseRow'][$fieldName] ?? ''))) {
+                continue;
+            }
+            if ($fieldConfig['config']['required'] ?? true) {
+                $result['databaseRow'][$fieldName] = (string)match ((int)($fieldConfig['config']['version'] ?? 0)) {
+                    6 => Uuid::v6(),
+                    7 => Uuid::v7(),
+                    default => Uuid::v4()
+                };
+            }
+        }
+        return $result;
+    }
+}
diff --git a/Classes/Form/FormDataProvider/UserSettingsDatabaseEditRow.php b/Classes/Form/FormDataProvider/UserSettingsDatabaseEditRow.php
new file mode 100644
index 0000000..b20ff39
--- /dev/null
+++ b/Classes/Form/FormDataProvider/UserSettingsDatabaseEditRow.php
@@ -0,0 +1,107 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Authentication\UserSettingsSchema;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+
+/**
+ * FormDataProvider for backend user settings.
+ *
+ * Loads user data from BE_USER->user and BE_USER->uc into databaseRow
+ * for the user settings form.
+ *
+ * @internal
+ */
+readonly class UserSettingsDatabaseEditRow implements FormDataProviderInterface
+{
+    public function __construct(
+        private UserSettingsSchema $userSettingsSchema,
+        private ConnectionPool $connectionPool,
+    ) {}
+
+    public function addData(array $result): array
+    {
+        if ($result['command'] !== 'edit' || $result['tableName'] !== 'be_users_settings') {
+            return $result;
+        }
+
+        $backendUser = $this->getBackendUser();
+        $userSettings = $backendUser->getUserSettings()->toArray();
+
+        $userSettingsColumns = $this->userSettingsSchema->getColumns();
+        $jsonFieldSettingKeys = $this->userSettingsSchema->getJsonFieldSettingKeys();
+        // Also provide direct access to be_users fields that are shown in the form
+        // These are needed for fields with inheritFromParent=true
+        foreach ($userSettingsColumns as $column => $config) {
+            $partitionedColumnName = $this->userSettingsSchema->getTcaFieldName($column);
+            if (isset($backendUser->user[$column])) {
+                $result['databaseRow'][$partitionedColumnName] = $backendUser->user[$column];
+            } elseif (isset($userSettings[$column])) {
+                $result['databaseRow'][$partitionedColumnName] = $userSettings[$column];
+            }
+        }
+        // Set the uid from the current user
+        $result['databaseRow']['uid'] = (int)$backendUser->user['uid'];
+        $result['databaseRow']['pid'] = 0;
+        // Fill in random to passwords to avoid FormEngine issuing the required field error
+        $randomPassword = bin2hex(random_bytes(20));
+        $passwordFieldName = $this->userSettingsSchema->getTcaFieldName('password');
+        $result['databaseRow'][$passwordFieldName] = $randomPassword;
+        $passwordConfirmationFieldName = $this->userSettingsSchema->getTcaFieldName('password2');
+        $result['databaseRow'][$passwordConfirmationFieldName] = $randomPassword;
+        // Forward the avatar FAL id
+        $avatarFieldName = $this->userSettingsSchema->getTcaFieldName('avatar');
+        $result['databaseRow'][$avatarFieldName] = $this->getAvatarFileUid((int)$backendUser->user['uid']);
+
+        return $result;
+    }
+
+    protected function getAvatarFileUid(int $beUserId): int
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('sys_file_reference');
+        $file = $queryBuilder->select('uid_local')
+            ->from('sys_file_reference')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'tablenames',
+                    $queryBuilder->createNamedParameter('be_users')
+                ),
+                $queryBuilder->expr()->eq(
+                    'fieldname',
+                    $queryBuilder->createNamedParameter('avatar')
+                ),
+                $queryBuilder->expr()->eq(
+                    'uid_foreign',
+                    $queryBuilder->createNamedParameter($beUserId, Connection::PARAM_INT)
+                )
+            )
+            ->executeQuery()
+            ->fetchOne();
+
+        return (int)$file;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/FormDataProvider/UserTsConfig.php b/Classes/Form/FormDataProvider/UserTsConfig.php
new file mode 100644
index 0000000..76e6880
--- /dev/null
+++ b/Classes/Form/FormDataProvider/UserTsConfig.php
@@ -0,0 +1,41 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\FormDataProvider;
+
+use TYPO3\CMS\Backend\Form\FormDataProviderInterface;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * Add user TSconfig to result
+ */
+class UserTsConfig implements FormDataProviderInterface
+{
+    /**
+     * Add user typo script config
+     *
+     * @return array
+     */
+    public function addData(array $result)
+    {
+        $result['userTsConfig'] = $this->getBackendUser()->getTSConfig();
+        return $result;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/FormDataProviderInterface.php b/Classes/Form/FormDataProviderInterface.php
new file mode 100644
index 0000000..c82206a
--- /dev/null
+++ b/Classes/Form/FormDataProviderInterface.php
@@ -0,0 +1,34 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form;
+
+use Symfony\Component\DependencyInjection\Attribute\AutoconfigureTag;
+
+/**
+ * Interface must be implemented by form data provider classes.
+ * This is a single data provider called by a form data group.
+ */
+#[AutoconfigureTag('backend.form.dataprovider')]
+interface FormDataProviderInterface
+{
+    /**
+     * Add form data to result array
+     *
+     * @param array $result Initialized result array
+     * @return array Result filled with more data
+     */
+    public function addData(array $result);
+}
diff --git a/Classes/Form/FormResult.php b/Classes/Form/FormResult.php
new file mode 100644
index 0000000..0d424cb
--- /dev/null
+++ b/Classes/Form/FormResult.php
@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form;
+
+/**
+ * Immutable value object carrying the rendering output of a single FormEngine
+ * element — its HTML fragment together with all page-level assets (JavaScript
+ * modules, stylesheets, language labels) the element needs to function.
+ */
+final readonly class FormResult
+{
+    public function __construct(
+        public string $html,
+        public array $javaScriptModules = [],
+        public array $stylesheetFiles = [],
+        public array $inlineData = [],
+        public array $additionalInlineLanguageLabelFiles = [],
+    ) {}
+}
diff --git a/Classes/Form/FormResultCollection.php b/Classes/Form/FormResultCollection.php
new file mode 100644
index 0000000..4dd69a5
--- /dev/null
+++ b/Classes/Form/FormResultCollection.php
@@ -0,0 +1,119 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form;
+
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+
+/**
+ * Aggregates rendering results from multiple FormEngine elements and provides
+ * a deduplicated, merged view of all required page assets so they can be
+ * registered with the PageRenderer in a single pass.
+ *
+ * This is typically in use when a controller allows to edit multiple
+ * forms in one request.
+ *
+ * @internal This class may change any time or vanish altogether
+ */
+class FormResultCollection implements \IteratorAggregate, \Countable
+{
+    /**
+     * @var FormResult[]
+     */
+    private array $results = [];
+
+    public function add(FormResult $result): void
+    {
+        $this->results[] = $result;
+    }
+
+    public function getIterator(): \Traversable
+    {
+        return new \ArrayIterator($this->results);
+    }
+
+    public function count(): int
+    {
+        return count($this->results);
+    }
+
+    /**
+     * @return JavaScriptModuleInstruction[]
+     */
+    public function getJavaScriptModules(): array
+    {
+        $modules = [];
+        foreach ($this->results as $result) {
+            foreach ($result->javaScriptModules as $module) {
+                if (!in_array($module, $modules, true)) {
+                    $modules[] = $module;
+                }
+            }
+        }
+        return $modules;
+    }
+
+    /**
+     * @return string[]
+     */
+    public function getStylesheetFiles(): array
+    {
+        $files = [];
+        foreach ($this->results as $result) {
+            foreach ($result->stylesheetFiles as $file) {
+                $files[] = $file;
+            }
+        }
+        return array_unique($files);
+    }
+
+    /**
+     * @return string[]
+     */
+    public function getInlineData(): array
+    {
+        $inlineData = [];
+        foreach ($this->results as $result) {
+            ArrayUtility::mergeRecursiveWithOverrule($inlineData, $result->inlineData);
+        }
+        return $inlineData;
+    }
+
+    /**
+     * @return string[]
+     */
+    public function getAdditionalInlineLanguageLabelFiles(): array
+    {
+        $files = [];
+        foreach ($this->results as $result) {
+            foreach ($result->additionalInlineLanguageLabelFiles as $file) {
+                $files[] = $file;
+            }
+        }
+        return array_unique($files);
+    }
+
+    public function getHtml(): string
+    {
+        $html = '';
+        foreach ($this->results as $result) {
+            $html .= $result->html;
+        }
+        return $html;
+    }
+}
diff --git a/Classes/Form/FormResultFactory.php b/Classes/Form/FormResultFactory.php
new file mode 100644
index 0000000..a4e131c
--- /dev/null
+++ b/Classes/Form/FormResultFactory.php
@@ -0,0 +1,55 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form;
+
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+
+/**
+ * Transforms the raw array returned by FormEngine node rendering
+ * into a typed FormResult value object.
+ *
+ * @internal This class and its exposed method and method signatures will change
+ */
+class FormResultFactory
+{
+    public function create(array $resultArray): FormResult
+    {
+        $javaScriptModules = [];
+        foreach ($resultArray['javaScriptModules'] ?? [] as $module) {
+            if (!$module instanceof JavaScriptModuleInstruction) {
+                throw new \LogicException(
+                    sprintf(
+                        'Module must be a %s, type "%s" given',
+                        JavaScriptModuleInstruction::class,
+                        gettype($module)
+                    ),
+                    1663860284
+                );
+            }
+            $javaScriptModules[] = $module;
+        }
+
+        return new FormResult(
+            html: $resultArray['html'],
+            javaScriptModules: $javaScriptModules,
+            stylesheetFiles: array_unique(array_values($resultArray['stylesheetFiles'] ?? [])),
+            inlineData: $resultArray['inlineData'],
+            additionalInlineLanguageLabelFiles: $resultArray['additionalInlineLanguageLabelFiles'],
+        );
+    }
+}
diff --git a/Classes/Form/FormResultHandler.php b/Classes/Form/FormResultHandler.php
new file mode 100644
index 0000000..56d52a0
--- /dev/null
+++ b/Classes/Form/FormResultHandler.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form;
+
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Page\PageRenderer;
+
+/**
+ * Bridges FormEngine rendering and the PageRenderer by registering all
+ * scripts, styles, and language labels that FormEngine elements declared
+ * as dependencies, so the backend page can execute the rendered form.
+ *
+ * @internal This class may change any time or vanish altogether
+ */
+final readonly class FormResultHandler
+{
+    public function __construct(
+        private PageRenderer $pageRenderer,
+        private UriBuilder $uriBuilder,
+    ) {}
+
+    public function addAssets(FormResult|FormResultCollection $formResult): void
+    {
+        if ($formResult instanceof FormResultCollection) {
+            $javaScriptModules = $formResult->getJavaScriptModules();
+            $stylesheetFiles = $formResult->getStylesheetFiles();
+            $additionalInlineLanguageLabelFiles = $formResult->getAdditionalInlineLanguageLabelFiles();
+            $inlineData = $formResult->getInlineData();
+        } else {
+            $javaScriptModules = $formResult->javaScriptModules;
+            $stylesheetFiles = $formResult->stylesheetFiles;
+            $additionalInlineLanguageLabelFiles = $formResult->additionalInlineLanguageLabelFiles;
+            $inlineData = $formResult->inlineData;
+        }
+
+        foreach ($stylesheetFiles as $stylesheetFile) {
+            $this->pageRenderer->addCssFile($stylesheetFile);
+        }
+
+        // load the main module for FormEngine with all important JS functions
+        $this->pageRenderer->getJavaScriptRenderer()->addJavaScriptModuleInstruction(
+            JavaScriptModuleInstruction::create('@typo3/backend/form-engine.js')
+            ->invoke(
+                'initialize',
+                (string)$this->uriBuilder->buildUriFromRoute('wizard_element_browser')
+            )
+        );
+
+        foreach ($javaScriptModules as $module) {
+            $this->pageRenderer->getJavaScriptRenderer()->addJavaScriptModuleInstruction($module);
+        }
+
+        foreach ($additionalInlineLanguageLabelFiles as $additionalInlineLanguageLabelFile) {
+            $this->pageRenderer->addInlineLanguageLabelFile($additionalInlineLanguageLabelFile);
+        }
+
+        // Add JS required for inline fields
+        if ($inlineData !== []) {
+            $this->pageRenderer->addInlineSettingArray('FormEngineInline', $inlineData);
+        }
+    }
+}
diff --git a/Classes/Form/InlineStackProcessor.php b/Classes/Form/InlineStackProcessor.php
new file mode 100644
index 0000000..6cd589c
--- /dev/null
+++ b/Classes/Form/InlineStackProcessor.php
@@ -0,0 +1,218 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form;
+
+use TYPO3\CMS\Backend\Form\Utility\FormEngineUtility;
+use TYPO3\CMS\Core\Schema\SchemaCollection;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Handle inline stack.
+ *
+ * Code related to inline elements need to know their nesting level. This class takes
+ * care of the according handling and can return field prefixes to be used in DOM.
+ *
+ * @internal: This class may change any time or vanish altogether
+ */
+readonly class InlineStackProcessor
+{
+    /**
+     * Get a level from the stack and return the data.
+     * If the $level value is negative, this function works top-down,
+     * if the $level value is positive, this function works bottom-up.
+     * If -1 is given, the "current" - most bottom "stable" item is returned
+     *
+     * @param int $level Which level to return
+     * @return array|null The item of the stack at the requested level, or null if not found
+     */
+    public function getStructureLevelFromStructure(array $structure, int $level): ?array
+    {
+        $structureCount = count($structure['stable'] ?? []);
+        if ($level < 0) {
+            // A level like -1 requests "the level before last" / "direct parent level"
+            return $structure['stable'][$structureCount + $level] ?? null;
+        }
+        return $structure['stable'][$level] ?? null;
+    }
+
+    /**
+     * Get the "unstable" structure item from structure stack.
+     */
+    public function getUnstableStructureFromStructure(array $structure): array
+    {
+        if (!is_array($structure['unstable'] ?? false)) {
+            throw new \RuntimeException('No unstable inline structure found', 1428582655);
+        }
+        return $structure['unstable'];
+    }
+
+    /**
+     * Convert the DOM object-id of an inline container to an array.
+     * The object-id could look like 'data-bs-parentPageId-tx_mmftest_company-1-employees'.
+     * There are two keys:
+     * - 'stable': Containing full qualified identifiers (table, uid and field)
+     * - 'unstable': Containing partly filled data (e.g. only table and possibly field)
+     *
+     * @param string $domObjectId The DOM object-id
+     * @param SchemaCollection $schemaCollection The TCA schemata collection
+     */
+    public function getStructureFromString(string $domObjectId, SchemaCollection $schemaCollection): array
+    {
+        $structure = [];
+        $unstable = [];
+        $vector = ['table', 'uid', 'field'];
+
+        // Substitute FlexForm addition and make parsing a bit easier
+        $domObjectId = str_replace('---', ':', $domObjectId);
+        // The starting pattern of an object identifier (e.g. "data-<firstPidValue>-<anything>)
+        $pattern = '/^data-(.+?)-(.+)$/';
+
+        if (preg_match($pattern, $domObjectId, $match)) {
+            $inlineFirstPid = $match[1];
+            $parts = explode('-', $match[2]);
+            $partsCnt = count($parts);
+            for ($i = 0; $i < $partsCnt; $i++) {
+                if ($i > 0 && $i % 3 == 0) {
+                    // Store the TCA configuration of the table field in the stack
+                    $unstable['config'] = [];
+                    if ($schemaCollection->has($unstable['table'])) {
+                        $tableSchema = $schemaCollection->get($unstable['table']);
+                        if ($tableSchema->hasField($unstable['field'])) {
+                            $unstable['config'] = $tableSchema->getField($unstable['field'])->getConfiguration();
+                        }
+                    }
+                    // Fetch TSconfig:
+                    $TSconfig = FormEngineUtility::getTSconfigForTableRow($unstable['table'], ['uid' => $unstable['uid'], 'pid' => $inlineFirstPid], $unstable['field']);
+                    // Override TCA field config by TSconfig:
+                    if (!isset($TSconfig['disabled']) || !$TSconfig['disabled']) {
+                        $unstable['config'] = FormEngineUtility::overrideFieldConf($unstable['config'], $TSconfig);
+                    }
+
+                    // Extract FlexForm from field part (if any)
+                    if (str_contains($unstable['field'], ':')) {
+                        $fieldParts = GeneralUtility::trimExplode(':', $unstable['field']);
+                        $unstable['field'] = array_shift($fieldParts);
+                        // FlexForm parts start with data:
+                        if (!empty($fieldParts) && $fieldParts[0] === 'data') {
+                            $unstable['flexform'] = $fieldParts;
+                        }
+                    }
+
+                    $structure['stable'][] = $unstable;
+                    $unstable = [];
+                }
+                $unstable[$vector[$i % 3]] = $parts[$i];
+            }
+            $structure['unstable'] = $unstable;
+        }
+        return $structure;
+    }
+
+    /**
+     * Injects configuration via AJAX calls.
+     * This is used by inline ajax calls that transfer configuration options back to the stack for initialization.
+     *
+     * @param array $config Given config extracted from ajax call
+     * @todo: Review this construct - Why can't the ajax call fetch these data on its own and transfers it to client instead?
+     */
+    public function addAjaxConfigurationToStructure(array $structure, array $config): array
+    {
+        $lastStableStructureKey = count($structure['stable'] ?? []) - 1;
+        if (empty($config) || $lastStableStructureKey < 0) {
+            return $structure;
+        }
+        $structure['stable'][$lastStableStructureKey]['config'] = $config;
+        return $structure;
+    }
+
+    /**
+     * Prefix for inline form fields
+     */
+    public function getFormPrefixFromStructure(array $structure): string
+    {
+        $current = $this->getStructureLevelFromStructure($structure, -1);
+        if ($current) {
+            return 'data' . $this->getStructureItemNameFromStructure($structure, $current, 'Disposal_AttributeName');
+        }
+        return '';
+    }
+
+    /**
+     * DOM object-id for this inline level
+     *
+     * @param int|string $inlineFirstPid Pid of top level inline element storage or "NEW..."
+     */
+    public function getDomObjectIdPrefixFromStructure(array $structure, int|string $inlineFirstPid): string
+    {
+        $current = $this->getStructureLevelFromStructure($structure, -1);
+        // If there are still more inline levels available
+        if ($current) {
+            return 'data-' . $inlineFirstPid . '-' . $this->getStructurePathFromStructure($structure);
+        }
+        return '';
+    }
+
+    /**
+     * Get the identifiers of a given depth of level, from the top of the stack to the bottom.
+     * An identifier looks like "<table>-<uid>-<field>".
+     *
+     * @return string The path of identifiers
+     */
+    private function getStructurePathFromStructure(array $structure): string
+    {
+        $structureLevels = [];
+        $structureCount = count($structure['stable'] ?? []);
+        for ($i = 1; $i <= $structureCount; $i++) {
+            $currentStructure = $this->getStructureLevelFromStructure($structure, -$i) ?: [];
+            $currentItem = $this->getStructureItemNameFromStructure($structure, $currentStructure, 'Disposal_AttributeId');
+            array_unshift($structureLevels, $currentItem);
+        }
+        return implode('-', $structureLevels);
+    }
+
+    /**
+     * Create a name/id for usage in HTML output of a level of the structure stack to be used in form names.
+     *
+     * @param array $levelData Array of a level of the structure stack (containing the keys table, uid and field)
+     * @param string $disposal How the structure name is used (e.g. as <div id="..."> or <input name="..." />)
+     * @return string The name/id of that level, to be used for HTML output
+     */
+    private function getStructureItemNameFromStructure(array $structure, array $levelData, string $disposal): string
+    {
+        $parts = [$levelData['table'], $levelData['uid']];
+        if (!empty($levelData['field'])) {
+            $parts[] = $levelData['field'];
+        }
+        if ($disposal === 'Disposal_AttributeName') {
+            // Use in name attributes
+            $parent = $this->getStructureLevelFromStructure($structure, -1);
+            if (!empty($levelData['field']) && !empty($levelData['flexform']) && $parent === $levelData) {
+                $parts[] = implode('][', $levelData['flexform']);
+            }
+            $name = '[' . implode('][', $parts) . ']';
+        } else {
+            // Use in object id attributes
+            $name = implode('-', $parts);
+            if (!empty($levelData['field']) && !empty($levelData['flexform'])) {
+                array_unshift($levelData['flexform'], $name);
+                $name = implode('---', $levelData['flexform']);
+            }
+        }
+        return $name;
+    }
+}
diff --git a/Classes/Form/NodeExpansion/FieldControl.php b/Classes/Form/NodeExpansion/FieldControl.php
new file mode 100644
index 0000000..b60f646
--- /dev/null
+++ b/Classes/Form/NodeExpansion/FieldControl.php
@@ -0,0 +1,145 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\NodeExpansion;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Form\NodeFactory;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Service\DependencyOrderingService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Field controls are additional HTML on a single element level that are typically
+ * shown right aside the main element HTML.
+ *
+ * They are restricted to only allow an icon as output.
+ *
+ * The "edit popup" button next to a select field of a renderType "selectMultipleSideBySide"
+ * is an example of such an additional control.
+ *
+ * The element itself must position any field controls at an appropriate place.
+ * For instance the "group" element shows them in a row vertically, while others
+ * display single controls next to each other.
+ */
+class FieldControl extends AbstractNode
+{
+    public function __construct(
+        private readonly NodeFactory $nodeFactory,
+        private readonly IconFactory $iconFactory,
+        private readonly DependencyOrderingService $dependencyOrderingService,
+    ) {}
+
+    /**
+     * Order the list of field wizards to be rendered with the ordering service,
+     * then call each wizard element through the node factory and merge their
+     * results.
+     *
+     * @return array Result array
+     */
+    public function render(): array
+    {
+        $result = $this->initializeResultArray();
+        if (!isset($this->data['renderData']['fieldControl'])) {
+            return $result;
+        }
+
+        $languageService = $this->getLanguageService();
+
+        $fieldControl = $this->data['renderData']['fieldControl'];
+        $orderedFieldControl = $this->dependencyOrderingService->orderByDependencies($fieldControl);
+
+        foreach ($orderedFieldControl as $anOrderedFieldControl => $orderedFieldControlConfiguration) {
+            if (isset($orderedFieldControlConfiguration['disabled']) && $orderedFieldControlConfiguration['disabled']
+                || !isset($fieldControl[$anOrderedFieldControl]['renderType'])
+            ) {
+                // Don't consider this control if disabled.
+                // Also ignore if renderType is not given.
+                // Missing renderType may happen if an element registers a default field control
+                // as disabled, and TCA enabled that. If then additionally for instance the
+                // element renderType is changed to an element that doesn't register the control
+                // by default anymore, this would then fatal if we don't continue here.
+                // @todo: the above scenario indicates a small configuration flaw, maybe log an error somewhere?
+                continue;
+            }
+
+            $options = $this->data;
+            $options['renderType'] = $fieldControl[$anOrderedFieldControl]['renderType'];
+            $options['renderData']['fieldControlOptions'] = $orderedFieldControlConfiguration['options'] ?? [];
+            $controlResult = $this->nodeFactory->create($options)->render();
+
+            // If the controlResult is empty (this control rendered nothing), continue to next one
+            if (empty($controlResult)) {
+                continue;
+            }
+
+            if (empty($controlResult['iconIdentifier'])) {
+                throw new \RuntimeException(
+                    'Field controls must return an iconIdentifier',
+                    1483890332
+                );
+            }
+            if (empty($controlResult['title'])) {
+                throw new \RuntimeException(
+                    'Field controls must return a title',
+                    1483890482
+                );
+            }
+            if (empty($controlResult['linkAttributes'])) {
+                throw new \RuntimeException(
+                    'Field controls must return link attributes',
+                    1483891272
+                );
+            }
+
+            $icon = $controlResult['iconIdentifier'];
+            $title = $languageService->sL($controlResult['title']);
+            $linkAttributes = $controlResult['linkAttributes'];
+            if (!isset($linkAttributes['class'])) {
+                $linkAttributes['class'] = 'btn btn-default';
+            } else {
+                $linkAttributes['class'] .= ' btn btn-default';
+            }
+            if (!isset($linkAttributes['href'])) {
+                $linkAttributes['href'] = '#';
+            }
+
+            unset($controlResult['iconIdentifier']);
+            unset($controlResult['title']);
+            unset($controlResult['linkAttributes']);
+
+            $html = [];
+            $html[] = '<a ' . GeneralUtility::implodeAttributes($linkAttributes, true) . '>';
+            $html[] =     $this->iconFactory->getIcon($icon, IconSize::SMALL)->setTitle($title)->render();
+            $html[] = '</a>';
+
+            $finalControlResult = $this->initializeResultArray();
+            $finalControlResult = array_merge($finalControlResult, $controlResult);
+            $finalControlResult['html'] = implode(LF, $html);
+
+            $result = $this->mergeChildReturnIntoExistingResult($result, $finalControlResult);
+        }
+        return $result;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Form/NodeExpansion/FieldInformation.php b/Classes/Form/NodeExpansion/FieldInformation.php
new file mode 100644
index 0000000..d9f409e
--- /dev/null
+++ b/Classes/Form/NodeExpansion/FieldInformation.php
@@ -0,0 +1,90 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\NodeExpansion;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Form\NodeFactory;
+use TYPO3\CMS\Core\Service\DependencyOrderingService;
+
+/**
+ * Field information are additional HTML on a single node level that are typically
+ * shown between the label and the main element. They are registered in ['config']['fieldInformation']
+ * TCA section and each element may merge that with default registered information.
+ *
+ * Field information must not add additional functionality to the element. They are only
+ * allowed to add "informational" stuff like links, div and spans and similar.
+ */
+class FieldInformation extends AbstractNode
+{
+    public function __construct(
+        private readonly NodeFactory $nodeFactory,
+        private readonly DependencyOrderingService $dependencyOrderingService,
+    ) {}
+
+    /**
+     * Order the list of field information to be rendered with the ordering service,
+     * then call each information element through the node factory and merge their
+     * results.
+     *
+     * @return array Result array
+     */
+    public function render(): array
+    {
+        $result = $this->initializeResultArray();
+        if (!isset($this->data['renderData']['fieldInformation'])) {
+            return $result;
+        }
+
+        $fieldInformation = $this->data['renderData']['fieldInformation'];
+        $orderedFieldInformation = $this->dependencyOrderingService->orderByDependencies($fieldInformation);
+
+        foreach ($orderedFieldInformation as $anOrderedFieldInformation => $orderedFieldInformationConfiguration) {
+            if (isset($orderedFieldInformationConfiguration['disabled']) && $orderedFieldInformationConfiguration['disabled']
+                || !isset($fieldInformation[$anOrderedFieldInformation]['renderType'])
+            ) {
+                // Don't consider this control if disabled.
+                // Also ignore if renderType is not given.
+                // Missing renderType may happen if an element registers a default field control
+                // as disabled, and TCA enabled that. If then additionally for instance the
+                // element renderType is changed to an element that doesn't register the control
+                // by default anymore, this would then fatal if we don't continue here.
+                // @todo: the above scenario indicates a small configuration flaw, maybe log an error somewhere?
+                continue;
+            }
+
+            $options = $this->data;
+            $options['renderType'] = $fieldInformation[$anOrderedFieldInformation]['renderType'];
+            $options['renderData']['fieldInformationOptions'] = $orderedFieldInformationConfiguration['options'] ?? [];
+            $informationResult = $this->nodeFactory->create($options)->render();
+
+            $allowedTags = '<a><br><br/><div><em><i><p><strong><span><code>';
+            if (strip_tags($informationResult['html'], $allowedTags) !== $informationResult['html']) {
+                throw new \RuntimeException(
+                    'The field information API supports only a limited number of HTML tags within the result'
+                    . ' HTML of children. Allowed tags are: "' . $allowedTags . '" Child'
+                    . ' ' . $options['renderType'] . ' violated this rule. Either remove offending tags or'
+                    . ' switch to a different API like "fieldWizard" or "fieldControl".',
+                    1485084419
+                );
+            }
+
+            $result = $this->mergeChildReturnIntoExistingResult($result, $informationResult);
+        }
+        return $result;
+    }
+}
diff --git a/Classes/Form/NodeExpansion/FieldWizard.php b/Classes/Form/NodeExpansion/FieldWizard.php
new file mode 100644
index 0000000..72de5dd
--- /dev/null
+++ b/Classes/Form/NodeExpansion/FieldWizard.php
@@ -0,0 +1,82 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\NodeExpansion;
+
+use TYPO3\CMS\Backend\Form\AbstractNode;
+use TYPO3\CMS\Backend\Form\NodeFactory;
+use TYPO3\CMS\Core\Service\DependencyOrderingService;
+
+/**
+ * Field wizards are additional HTML on a single element level that are typically
+ * shown below the element input. They are registered in ['config']['fieldWizard']
+ * TCA section and each element may merge that with default wizards.
+ *
+ * Field wizards may add additional functionality to the element. They could add
+ * new ajax controllers for instance or add buttons and are not restricted by the
+ * framework further.
+ *
+ * Examples for field wizards are the display of the "language diff" in input elements
+ * and the file upload button in group elements.
+ */
+class FieldWizard extends AbstractNode
+{
+    public function __construct(
+        private readonly NodeFactory $nodeFactory,
+        private readonly DependencyOrderingService $dependencyOrderingService,
+    ) {}
+
+    /**
+     * Order the list of field wizards to be rendered with the ordering service,
+     * then call each wizard element through the node factory and merge their
+     * results.
+     *
+     * @return array Result array
+     */
+    public function render(): array
+    {
+        $result = $this->initializeResultArray();
+        if (!isset($this->data['renderData']['fieldWizard'])) {
+            return $result;
+        }
+
+        $fieldWizard = $this->data['renderData']['fieldWizard'];
+        $orderedFieldWizard = $this->dependencyOrderingService->orderByDependencies($fieldWizard);
+
+        foreach ($orderedFieldWizard as $anOrderedFieldWizard => $orderedFieldWizardConfiguration) {
+            if (isset($orderedFieldWizardConfiguration['disabled']) && $orderedFieldWizardConfiguration['disabled']
+                || !isset($fieldWizard[$anOrderedFieldWizard]['renderType'])
+            ) {
+                // Don't consider this control if disabled.
+                // Also ignore if renderType is not given.
+                // Missing renderType may happen if an element registers a default field control
+                // as disabled, and TCA enabled that. If then additionally for instance the
+                // element renderType is changed to an element that doesn't register the control
+                // by default anymore, this would then fatal if we don't continue here.
+                // @todo: the above scenario indicates a small configuration flaw, maybe log an error somewhere?
+                continue;
+            }
+
+            $options = $this->data;
+            $options['renderType'] = $fieldWizard[$anOrderedFieldWizard]['renderType'];
+            $options['renderData']['fieldWizardOptions'] = $orderedFieldWizardConfiguration['options'] ?? [];
+            $wizardResult = $this->nodeFactory->create($options)->render();
+            $result = $this->mergeChildReturnIntoExistingResult($result, $wizardResult);
+        }
+        return $result;
+    }
+}
diff --git a/Classes/Form/NodeFactory.php b/Classes/Form/NodeFactory.php
new file mode 100644
index 0000000..df365fc
--- /dev/null
+++ b/Classes/Form/NodeFactory.php
@@ -0,0 +1,307 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form;
+
+use TYPO3\CMS\Backend\Form\Element\AvatarElement;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Create an element object depending on renderType.
+ *
+ * This is the main factory to instantiate any node within the render
+ * chain of FormEngine. All nodes must implement NodeInterface.
+ *
+ * Nodes are "container" classes of the render chain, "element" classes that
+ * render single elements, as well as "fieldWizard", "fieldInformation" and
+ * "fieldControl" classes which are called by single elements to enrich them.
+ *
+ * This factory gets a string "renderType" and then looks up in a list which
+ * specific class should handle this renderType. This list can be extended with
+ * own renderTypes by extensions, existing renderTypes can be overridden, and
+ * - for complex cases - it is possible to register own resolver classes for single
+ * renderTypes that can return a node class name to override the default lookup list.
+ *
+ * @todo: Declare final in v13. May require adding an interface to allow mocking in tests
+ */
+class NodeFactory
+{
+    /**
+     * Node resolver classes
+     * Nested array with nodeName as key, (sorted) priority as sub key and class as value
+     */
+    private array $nodeResolver;
+
+    /**
+     * Default registry of node name to handling class
+     */
+    private array $nodeTypes = [
+        // Default container classes
+        'flex' => Container\FlexFormEntryContainer::class,
+        'flexFormContainerContainer' => Container\FlexFormContainerContainer::class,
+        'flexFormElementContainer' => Container\FlexFormElementContainer::class,
+        'flexFormNoTabsContainer' => Container\FlexFormNoTabsContainer::class,
+        'flexFormSectionContainer' => Container\FlexFormSectionContainer::class,
+        'flexFormTabsContainer' => Container\FlexFormTabsContainer::class,
+        'fullRecordContainer' => Container\FullRecordContainer::class,
+        'inline' => Container\InlineControlContainer::class,
+        'inlineRecordContainer' => Container\InlineRecordContainer::class,
+        'file' => Container\FilesControlContainer::class,
+        'fileReferenceContainer' => Container\FileReferenceContainer::class,
+        'siteLanguage' => Container\SiteLanguageContainer::class,
+        'listOfFieldsContainer' => Container\ListOfFieldsContainer::class,
+        'noTabsContainer' => Container\NoTabsContainer::class,
+        'formWrapContainer' => Container\FormWrapContainer::class,
+        'paletteAndSingleContainer' => Container\PaletteAndSingleContainer::class,
+        'singleFieldContainer' => Container\SingleFieldContainer::class,
+        'tabsContainer' => Container\TabsContainer::class,
+
+        // Default single element classes
+        'check' => Element\CheckboxElement::class,
+        'checkboxToggle' => Element\CheckboxToggleElement::class,
+        'checkboxLabeledToggle' => Element\CheckboxLabeledToggleElement::class,
+        'email' => Element\EmailElement::class,
+        'group' => Element\GroupElement::class,
+        'folder' => Element\FolderElement::class,
+        'input' => Element\InputTextElement::class,
+        'number' => Element\NumberElement::class,
+        'datetime' => Element\DatetimeElement::class,
+        'link' => Element\LinkElement::class,
+        'password' => Element\PasswordElement::class,
+        'hidden' => Element\InputHiddenElement::class,
+        'imageManipulation' => Element\ImageManipulationElement::class,
+        'none' => Element\NoneElement::class,
+        'radio' => Element\RadioElement::class,
+        'selectCheckBox' => Element\SelectCheckBoxElement::class,
+        'selectMultipleSideBySide' => Element\SelectMultipleSideBySideElement::class,
+        'selectTree' => Element\SelectTreeElement::class,
+        'selectSingle' => Element\SelectSingleElement::class,
+        'selectSingleBox' => Element\SelectSingleBoxElement::class,
+        'color' => Element\ColorElement::class,
+        'codeEditor' => Element\CodeEditorElement::class,
+        'text' => Element\TextElement::class,
+        'textTable' => Element\TextTableElement::class,
+        'unknown' => Element\UnknownElement::class,
+        'user' => Element\UserElement::class,
+        // special renderType for type="user" on sys_file_storage is_public column
+        'userSysFileStorageIsPublic' => Element\UserSysFileStorageIsPublicElement::class,
+        'fileInfo' => Element\FileInfoElement::class,
+        'mfaInfo' => Element\MfaInfoElement::class,
+        'slug' => Element\InputSlugElement::class,
+        'language' => Element\SelectSingleElement::class,
+        'country' => Element\SelectCountryElement::class,
+        'category' => Element\CategoryElement::class,
+        'passthrough' => Element\PassThroughElement::class,
+        'belayoutwizard' => Element\BackendLayoutWizardElement::class,
+        'json' => Element\JsonElement::class,
+        'uuid' => Element\UuidElement::class,
+        'tablePermission' => Element\TablePermissionElement::class,
+        // special renderTypes for user settings
+        'avatar' => AvatarElement::class,
+
+        // Default classes to enrich single elements
+        'fieldControl' => NodeExpansion\FieldControl::class,
+        'fieldInformation' => NodeExpansion\FieldInformation::class,
+        'fieldWizard' => NodeExpansion\FieldWizard::class,
+
+        // Element information
+        'adminIsSystemMaintainer' => FieldInformation\AdminIsSystemMaintainer::class,
+        'backendLayoutFromParentPage' => FieldInformation\BackendLayoutFromParentPage::class,
+        'noSelectableItemsAvailable' => FieldInformation\NoSelectableItemsAvailable::class,
+
+        // Element wizards
+        'defaultLanguageDifferences' => FieldWizard\DefaultLanguageDifferences::class,
+        'localizationStateSelector' => FieldWizard\LocalizationStateSelector::class,
+        'otherLanguageContent' => FieldWizard\OtherLanguageContent::class,
+        'otherLanguageThumbnails' => FieldWizard\OtherLanguageThumbnails::class,
+        'recordsOverview' => FieldWizard\RecordsOverview::class,
+        'selectIcons' => FieldWizard\SelectIcons::class,
+        'shortcutValidation' => FieldWizard\ShortcutValidation::class,
+        'tableList' => FieldWizard\TableList::class,
+
+        // Element controls
+        'addRecord' => FieldControl\AddRecord::class,
+        'editPopup' => FieldControl\EditPopup::class,
+        'elementBrowser' => FieldControl\ElementBrowser::class,
+        'insertClipboard' => FieldControl\InsertClipboard::class,
+        'linkPopup' => FieldControl\LinkPopup::class,
+        'listModule' => FieldControl\ListModule::class,
+        'resetSelection' => FieldControl\ResetSelection::class,
+        'passwordGenerator' => FieldControl\PasswordGenerator::class,
+    ];
+
+    public function __construct()
+    {
+        $this->nodeTypes = $this->getAdditionalNodeTypesFromConfiguration($this->nodeTypes);
+        $this->nodeResolver = $this->getRegisteredNodeResolvers();
+    }
+
+    /**
+     * Create a node depending on type
+     *
+     * @param array $data All information to decide which class should be instantiated and given down to sub nodes
+     * @throws Exception
+     */
+    public function create(array $data): NodeInterface
+    {
+        if (empty($data['renderType'])) {
+            throw new Exception(
+                'Missing "renderType" in TCA of field "[' . ($data['tableName'] ?? 'unknown') . '][' . ($data['fieldName'] ?? 'unknown') . ']".',
+                1431452406
+            );
+        }
+        $type = $data['renderType'];
+
+        if (!is_string($type)) {
+            throw new Exception(
+                '"renderType" in TCA of field "[' . ($data['tableName'] ?? 'unknown') . '][' . ($data['fieldName'] ?? 'unknown') . ']" does not contain a string. It might be an array instead of a string which could be the result of an array_merge_recursive() operation, for example on existing "fieldControl" keys (these need to have unique array key indices).',
+                1739882175
+            );
+        }
+        $className = $this->nodeTypes[$type] ?? $this->nodeTypes['unknown'];
+
+        if (!empty($this->nodeResolver[$type])) {
+            // Resolver with the highest priority is called first. If it returns with a new class name,
+            // it will be taken and loop is aborted, otherwise resolver with next lower priority is called.
+            /** @noinspection PhpUnusedLocalVariableInspection leave for debugging purpose */
+            foreach ($this->nodeResolver[$type] as $priority => $resolverClassName) {
+                $resolver = $this->initializeNodeResolverClass($resolverClassName, $data);
+                // Resolver classes do NOT receive the name of the already resolved class. Single
+                // resolvers should not have dependencies to each other or the default implementation,
+                // so they also shouldn't know the output of a different resolving class.
+                // Additionally, the globalOptions array is NOT given by reference here, changing config is a
+                // task of container classes alone and must not be abused here.
+                $newClassName = $resolver->resolve();
+                if ($newClassName !== null) {
+                    $className = $newClassName;
+                    break;
+                }
+            }
+        }
+
+        return $this->initializeNodeClass($className, $data);
+    }
+
+    /**
+     * Add node types from nodeRegistry to $this->nodeTypes.
+     * This can be used to add new render types or to overwrite existing node types. The registered class must
+     * implement the NodeInterface and will be called if a node with this renderType is rendered.
+     *
+     * @throws Exception if configuration is incomplete or two nodes with identical priorities are registered
+     */
+    private function getAdditionalNodeTypesFromConfiguration(array $nodeTypes): array
+    {
+        // List of additional or override nodes
+        $registeredTypeOverrides = $GLOBALS['TYPO3_CONF_VARS']['SYS']['formEngine']['nodeRegistry'];
+        // Sanitize input array
+        $registeredPrioritiesForNodeNames = [];
+        foreach ($registeredTypeOverrides as $override) {
+            if (!isset($override['nodeName']) || !isset($override['class']) || !isset($override['priority'])) {
+                throw new Exception(
+                    'Key class, nodeName or priority missing for an entry in $GLOBALS[\'TYPO3_CONF_VARS\'][\'SYS\'][\'formEngine\'][\'nodeRegistry\']',
+                    1432207533
+                );
+            }
+            if ($override['priority'] < 0 || $override['priority'] > 100) {
+                throw new Exception(
+                    'Priority of element ' . $override['nodeName'] . ' with class ' . $override['class'] . ' is ' . $override['priority'] . ', but must between 0 and 100',
+                    1432223531
+                );
+            }
+            if (isset($registeredPrioritiesForNodeNames[$override['nodeName']][$override['priority']])) {
+                throw new Exception(
+                    'Element ' . $override['nodeName'] . ' already has an override registered with priority ' . $override['priority'],
+                    1432223893
+                );
+            }
+            $registeredPrioritiesForNodeNames[$override['nodeName']][$override['priority']] = '';
+        }
+        // Add element with the highest priority to registry
+        $highestPriority = [];
+        foreach ($registeredTypeOverrides as $override) {
+            if (!isset($highestPriority[$override['nodeName']]) || $override['priority'] > $highestPriority[$override['nodeName']]) {
+                $highestPriority[$override['nodeName']] = $override['priority'];
+                $nodeTypes[$override['nodeName']] = $override['class'];
+            }
+        }
+        return $nodeTypes;
+    }
+
+    /**
+     * Add resolver and add them sorted to a local property.
+     * This can be used to manipulate the nodeName to class resolution with own code.
+     *
+     * @throws Exception if configuration is incomplete or two resolver with identical priorities are registered
+     */
+    private function getRegisteredNodeResolvers(): array
+    {
+        // List of node resolver
+        $registeredNodeResolvers = $GLOBALS['TYPO3_CONF_VARS']['SYS']['formEngine']['nodeResolver'];
+        $resolversByType = [];
+        foreach ($registeredNodeResolvers as $nodeResolver) {
+            if (!isset($nodeResolver['nodeName']) || !isset($nodeResolver['class']) || !isset($nodeResolver['priority'])) {
+                throw new Exception(
+                    'Key class, nodeName or priority missing for an entry in $GLOBALS[\'TYPO3_CONF_VARS\'][\'SYS\'][\'formEngine\'][\'nodeResolver\']',
+                    1433155522
+                );
+            }
+            if ($nodeResolver['priority'] < 0 || $nodeResolver['priority'] > 100) {
+                throw new Exception(
+                    'Priority of element ' . $nodeResolver['nodeName'] . ' with class ' . $nodeResolver['class'] . ' is ' . $nodeResolver['priority'] . ', but must between 0 and 100',
+                    1433155563
+                );
+            }
+            if (isset($resolversByType[$nodeResolver['nodeName']][$nodeResolver['priority']])) {
+                throw new Exception(
+                    'Element ' . $nodeResolver['nodeName'] . ' already has a resolver registered with priority ' . $nodeResolver['priority'],
+                    1433155705
+                );
+            }
+            $resolversByType[$nodeResolver['nodeName']][$nodeResolver['priority']] = $nodeResolver['class'];
+        }
+        $sortedResolversByType = [];
+        foreach ($resolversByType as $nodeName => $prioritiesAndClasses) {
+            krsort($prioritiesAndClasses);
+            $sortedResolversByType[$nodeName] = $prioritiesAndClasses;
+        }
+        return $sortedResolversByType;
+    }
+
+    /**
+     * Instantiate a NodeInterface class and set data.
+     *
+     * @param array $data Main data array
+     */
+    private function initializeNodeClass(string $className, array $data): NodeInterface
+    {
+        /** @var NodeInterface $node */
+        $node = GeneralUtility::makeInstance($className);
+        $node->setData($data);
+        return $node;
+    }
+
+    /**
+     * Instantiate a NodeResolverInterface class and set data.
+     *
+     * @param array $data Main data array
+     */
+    private function initializeNodeResolverClass(string $className, array $data): NodeResolverInterface
+    {
+        /** @var NodeResolverInterface $node */
+        $node = GeneralUtility::makeInstance($className);
+        $node->setData($data);
+        return $node;
+    }
+}
diff --git a/Classes/Form/NodeInterface.php b/Classes/Form/NodeInterface.php
new file mode 100644
index 0000000..009f8fd
--- /dev/null
+++ b/Classes/Form/NodeInterface.php
@@ -0,0 +1,35 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form;
+
+/**
+ * Interface must be implemented by all container and widget classes
+ */
+interface NodeInterface
+{
+    /**
+     * Retrieve the current data array from NodeFactory.
+     */
+    public function setData(array $data): void;
+
+    /**
+     * Main render method.
+     *
+     * @return array As defined in initializeResultArray() of AbstractNode
+     * @todo: Declare most (if not all) implementing non-abstract core classes final in v13.
+     */
+    public function render(): array;
+}
diff --git a/Classes/Form/NodeResolverInterface.php b/Classes/Form/NodeResolverInterface.php
new file mode 100644
index 0000000..d481948
--- /dev/null
+++ b/Classes/Form/NodeResolverInterface.php
@@ -0,0 +1,34 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form;
+
+/**
+ * Interface must be implemented by node resolver classes
+ */
+interface NodeResolverInterface
+{
+    /**
+     * Retrieve the current data array from NodeFactory.
+     */
+    public function setData(array $data): void;
+
+    /**
+     * Main resolver method
+     *
+     * @return string|null New class name or null if this resolver does not change current class name.
+     */
+    public function resolve(): ?string;
+}
diff --git a/Classes/Form/Processor/SelectItemProcessor.php b/Classes/Form/Processor/SelectItemProcessor.php
new file mode 100644
index 0000000..1949958
--- /dev/null
+++ b/Classes/Form/Processor/SelectItemProcessor.php
@@ -0,0 +1,209 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Processor;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Localization\LanguageServiceFactory;
+use TYPO3\CMS\Core\Schema\Struct\SelectItem;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Provides shared select item related utility functions.
+ *
+ * @internal ext:backend internal implementation and not part of the public core API.
+ * @todo Move additional shareable code from form-engine into here.
+ */
+#[Autoconfigure(public: true)]
+final readonly class SelectItemProcessor
+{
+    public function __construct(
+        private LanguageServiceFactory $languageServiceFactory,
+    ) {}
+
+    /**
+     * Is used when --div-- elements in the item list are used, or if groups are defined via "groupItems" config array.
+     *
+     * This method takes the --div-- elements out of the list, and adds them to the group lists.
+     *
+     * A main "none" group is added, which is always on top, when items are not set to be in a group.
+     * All items without a groupId - which is defined by the fourth key of an item in the item array - are added
+     * to the "none" group, or to the last group used previously, to ensure ordering as much as possible as before.
+     *
+     * Then the found groups are iterated over the order in the [itemGroups] list,
+     * and items within a group can be sorted via "sortOrders" configuration.
+     *
+     * All grouped items are then "flattened" out and --div-- items are added for each group to keep backwards-compatibility.
+     *
+     * @param array $allItems all resolved items including the ones from foreign_table values. The group ID information can be found in key ['group'] of an item.
+     * @param array $definedGroups [config][itemGroups]
+     * @param array $sortOrders [config][sortOrders]
+     */
+    public function groupAndSortItems(array $allItems, array $definedGroups, array $sortOrders): array
+    {
+        $allItems = $this->transformArrayToSelectItems($allItems);
+        $groupedItems = [];
+        // Append defined groups at first, as their order is prioritized
+        $itemGroups = ['none' => ''];
+        foreach ($definedGroups as $groupId => $groupLabel) {
+            $itemGroups[$groupId] = $this->getLanguageService()->sL($groupLabel);
+        }
+        $currentGroup = 'none';
+        // Extract --div-- into itemGroups
+        foreach ($allItems as $item) {
+            if ($item->isDivider()) {
+                // A divider is added as a group (existing groups will get their label overridden)
+                if ($item->hasGroup()) {
+                    $currentGroup = $item->getGroup();
+                    $itemGroups[$currentGroup] = $item->getLabel();
+                } else {
+                    $currentGroup = 'none';
+                }
+                continue;
+            }
+            // Put the given item in the currentGroup if no group has been given already
+            if (!$item->hasGroup()) {
+                $item = $item->withGroup($currentGroup);
+            }
+            $groupIdOfItem = $item->hasGroup() ? $item->getGroup() : 'none';
+            // It is still possible to have items that have an "unassigned" group, so they are moved to the "none" group
+            if (!isset($itemGroups[$groupIdOfItem])) {
+                $itemGroups[$groupIdOfItem] = '';
+            }
+
+            // Put the item in its corresponding group (and create it if it does not exist yet)
+            if (!is_array($groupedItems[$groupIdOfItem] ?? null)) {
+                $groupedItems[$groupIdOfItem] = [];
+            }
+            $groupedItems[$groupIdOfItem][] = $item;
+        }
+        // Only "none" = no grouping used explicitly via "itemGroups" or via "--div--"
+        if (count($itemGroups) === 1) {
+            if (!empty($sortOrders)) {
+                $allItems = $this->sortItems($allItems, $sortOrders);
+            }
+            return $this->transformSelectItemsToArray($allItems);
+        }
+
+        // $groupedItems contains all items per group
+        // $itemGroups contains all groups in order of each group
+
+        // Let's add the --div-- items again ("unpacking")
+        // And use the group ordering given by the itemGroups
+        $finalItems = [];
+        foreach ($itemGroups as $groupId => $groupLabel) {
+            $groupId = (string)$groupId;
+            $itemsInGroup = $groupedItems[$groupId] ?? [];
+            if (empty($itemsInGroup)) {
+                continue;
+            }
+            // If sorting is defined, sort within each group now
+            if (!empty($sortOrders)) {
+                $itemsInGroup = $this->sortItems($itemsInGroup, $sortOrders);
+            }
+            // Add the --div-- if it is not the "none" default item
+            if ($groupId !== 'none') {
+                // Fall back to the groupId, if there is no label for it
+                $groupLabel = $groupLabel ?: $groupId;
+                $finalItems[] = ['label' => $groupLabel, 'value' => '--div--', 'group' => $groupId];
+            }
+            $finalItems = array_merge($finalItems, $itemsInGroup);
+        }
+        return $this->transformSelectItemsToArray($finalItems);
+    }
+
+    /**
+     * @return SelectItem[]
+     */
+    public function transformArrayToSelectItems(array $items, string $type = 'select'): array
+    {
+        return array_map(static function (array|SelectItem $item) use ($type): SelectItem {
+            if ($item instanceof SelectItem) {
+                return $item;
+            }
+            return SelectItem::fromTcaItemArray($item, $type);
+        }, $items);
+    }
+
+    public function transformSelectItemsToArray(array $items): array
+    {
+        return array_map(static function (array|SelectItem $item): array {
+            if (!$item instanceof SelectItem) {
+                return $item;
+            }
+            return $item->toArray();
+        }, $items);
+    }
+
+    /**
+     * Sort given items by label or value or a custom user function built like
+     * "MyVendor\MyExtension\TcaSorter->sortItems" or a callable.
+     *
+     * @param SelectItem[] $items
+     * @param array $sortOrders should be something like like [label => desc]
+     * @return SelectItem[] the sorted items
+     */
+    private function sortItems(array $items, array $sortOrders): array
+    {
+        foreach ($sortOrders as $order => $direction) {
+            switch ($order) {
+                case 'label':
+                    $direction = strtolower($direction);
+                    $collator = new \Collator((string)($this->getLanguageService()->getLocale() ?? 'en'));
+                    @usort(
+                        $items,
+                        static function (SelectItem $item1, SelectItem $item2) use ($direction, $collator) {
+                            if ($direction === 'desc') {
+                                return $collator->compare($item1->getLabel(), $item2->getLabel()) <= 0;
+                            }
+                            return $collator->compare($item1->getLabel(), $item2->getLabel());
+                        }
+                    );
+                    break;
+                case 'value':
+                    $direction = strtolower($direction);
+                    $collator = new \Collator((string)($this->getLanguageService()->getLocale() ?? 'en'));
+                    @usort(
+                        $items,
+                        static function (SelectItem $item1, SelectItem $item2) use ($direction, $collator) {
+                            if ($direction === 'desc') {
+                                return ($collator->compare((string)$item1->getValue(), (string)$item2->getValue()) <= 0) ? 1 : 0;
+                            }
+                            return $collator->compare((string)$item1->getValue(), (string)$item2->getValue());
+                        }
+                    );
+                    break;
+                default:
+                    $reference = null;
+                    GeneralUtility::callUserFunction($direction, $items, $reference);
+            }
+        }
+        return $items;
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'] ?? $this->languageServiceFactory->createFromUserPreferences($this->getBackendUser());
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Form/Utility/FormEngineUtility.php b/Classes/Form/Utility/FormEngineUtility.php
new file mode 100644
index 0000000..2f14fcf
--- /dev/null
+++ b/Classes/Form/Utility/FormEngineUtility.php
@@ -0,0 +1,197 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Utility;
+
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Cache\CacheManager;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\SystemResource\Exception\SystemResourceException;
+use TYPO3\CMS\Core\SystemResource\Publishing\SystemResourcePublisherInterface;
+use TYPO3\CMS\Core\SystemResource\SystemResourceFactory;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * This is a static, internal and intermediate helper class for various
+ * FormEngine related tasks.
+ *
+ * This class was introduced to help disentangling FormEngine and
+ * its sub classes. It MUST NOT be used in other extensions and will
+ * change or vanish without further notice.
+ *
+ * @internal
+ * @todo: These helpers are target to be dropped if further FormEngine refactoring is done
+ */
+class FormEngineUtility
+{
+    /**
+     * Whitelist that allows TCA field configuration to be overridden by TSconfig
+     *
+     * @see overrideFieldConf()
+     * @var array
+     */
+    protected static $allowOverrideMatrix = [
+        'input' => ['size', 'max', 'readOnly'],
+        'number' => ['size', 'readOnly'],
+        'email' => ['size', 'readOnly'],
+        'link' => ['size', 'readOnly'],
+        'password' => ['size', 'readOnly'],
+        'datetime' => ['size', 'readOnly'],
+        'color' => ['size', 'readOnly'],
+        'uuid' => ['size', 'enableCopyToClipboard'],
+        'text' => ['cols', 'rows', 'wrap', 'max', 'readOnly'],
+        'json' => ['cols', 'rows', 'readOnly'],
+        'check' => ['cols', 'readOnly'],
+        'select' => ['size', 'autoSizeMax', 'maxitems', 'minitems', 'readOnly', 'treeConfig', 'fileFolderConfig'],
+        'category' => ['size', 'maxitems', 'minitems', 'readOnly', 'treeConfig'],
+        'group' => ['size', 'autoSizeMax', 'maxitems', 'minitems', 'readOnly', 'elementBrowserEntryPoints'],
+        'folder' => ['size', 'autoSizeMax', 'maxitems', 'minitems', 'readOnly', 'elementBrowserEntryPoints'],
+        'inline' => ['appearance', 'behaviour', 'foreign_label', 'foreign_selector', 'foreign_unique', 'maxitems', 'minitems', 'size', 'autoSizeMax', 'symmetric_label', 'readOnly'],
+        'file' => ['appearance', 'behaviour', 'maxitems', 'minitems', 'readOnly'],
+        'imageManipulation' => ['ratios', 'cropVariants'],
+    ];
+
+    /**
+     * Overrides the TCA field configuration by TSconfig settings.
+     *
+     * Example TSconfig: TCEform.<table>.<field>.config.appearance.useSortable = 1
+     * This overrides the setting in $GLOBALS['TCA'][<table>]['columns'][<field>]['config']['appearance']['useSortable'].
+     *
+     * @param array $fieldConfig $GLOBALS['TCA'] field configuration
+     * @param array $TSconfig TSconfig
+     * @return array Changed TCA field configuration
+     * @internal
+     */
+    public static function overrideFieldConf($fieldConfig, $TSconfig)
+    {
+        if (is_array($TSconfig)) {
+            $TSconfig = GeneralUtility::removeDotsFromTS($TSconfig);
+            $type = $fieldConfig['type'] ?? '';
+            if (isset($TSconfig['config']) && is_array($TSconfig['config']) && is_array(static::$allowOverrideMatrix[$type] ?? null)) {
+                // Check if the keys in TSconfig['config'] are allowed to override TCA field config:
+                foreach ($TSconfig['config'] as $key => $_) {
+                    if (!in_array($key, static::$allowOverrideMatrix[$type], true)) {
+                        unset($TSconfig['config'][$key]);
+                    }
+                }
+                // Override $GLOBALS['TCA'] field config by remaining TSconfig['config']:
+                if (!empty($TSconfig['config'])) {
+                    ArrayUtility::mergeRecursiveWithOverrule($fieldConfig, $TSconfig['config']);
+                }
+            }
+        }
+        return $fieldConfig;
+    }
+
+    /**
+     * Returns TSconfig for given table and row
+     *
+     * @param string $table The table name
+     * @param array $row The table row - Must at least contain the "uid" value, even if "NEW..." string.
+     *                   The "pid" field is important as well, negative values will be interpreted as pointing to a record from the same table.
+     * @param string $field Optionally specify the field name as well. In that case the TSconfig for this field is returned.
+     * @return mixed The TSconfig values - probably in an array
+     * @internal
+     */
+    public static function getTSconfigForTableRow($table, $row, $field = '')
+    {
+        $runtimeCache = GeneralUtility::makeInstance(CacheManager::class)->getCache('runtime');
+        $cache = $runtimeCache->get('formEngineUtilityTsConfigForTableRow') ?: [];
+        $cacheIdentifier = $table . ':' . $row['uid'];
+        if (!isset($cache[$cacheIdentifier])) {
+            $cache[$cacheIdentifier] = self::getTCEFORM_TSconfig($table, $row);
+            $runtimeCache->set('formEngineUtilityTsConfigForTableRow', $cache);
+        }
+        if ($field && isset($cache[$cacheIdentifier][$field])) {
+            return $cache[$cacheIdentifier][$field];
+        }
+        return $cache[$cacheIdentifier];
+    }
+
+    /**
+     * Returns TSConfig for the TCEFORM object in page TSconfig.
+     * Used in TCEFORMs
+     *
+     * @param string $table Table name present in TCA
+     * @param array $row Row from table
+     */
+    public static function getTCEFORM_TSconfig(string $table, array $row): array
+    {
+        $res = [];
+        $uid = $row['uid'] ?? 0;
+        $pid = $row['pid'] ?? 0;
+        // Get main config for the table
+        // If pid is negative (referring to another record) the pid of the other record is fetched and returned.
+        $cPid = BackendUtility::getTSconfig_pidValue($table, $uid, $pid);
+        // $TScID is the id of $table = pages, else it's the pid of the record.
+        $TScID = $table === 'pages' && MathUtility::canBeInterpretedAsInteger($uid) ? $uid : $cPid;
+        if ($TScID >= 0) {
+            $tsConfig = BackendUtility::getPagesTSconfig($TScID)['TCEFORM.'][$table . '.'] ?? [];
+            $typeVal = BackendUtility::getTCAtypeValue($table, $row, true);
+            foreach ($tsConfig as $key => $val) {
+                if (is_array($val)) {
+                    $fieldN = substr($key, 0, -1);
+                    $res[$fieldN] = $val;
+                    unset($res[$fieldN]['types.']);
+                    if ($typeVal !== null && is_array($val['types.'][$typeVal . '.'] ?? false)) {
+                        $res[$fieldN] = array_replace_recursive($res[$fieldN], $val['types.'][$typeVal . '.']);
+                    }
+                }
+            }
+        }
+        $res['_CURRENT_PID'] = $cPid;
+        $res['_THIS_UID'] = $row['uid'] ?? 0;
+        // So the row will be passed to foreign_table_where_query()
+        $res['_THIS_ROW'] = $row;
+        return $res;
+    }
+
+    /**
+     * Renders the $icon, supports a filename for skinImg or sprite-icon-name
+     *
+     * @param string $icon The icon passed, could be a file-reference or a sprite Icon name
+     * @param string $alt Alt attribute of the icon returned
+     * @param string $title Title attribute of the icon return
+     * @return string A tag representing to show the asked icon
+     * @internal
+     */
+    public static function getIconHtml($icon, $alt = '', $title = '')
+    {
+        $icon = (string)$icon;
+        try {
+            $resourceFactory = GeneralUtility::makeInstance(SystemResourceFactory::class);
+            $resource = $resourceFactory->createPublicResource($icon);
+            $resourcePublisher = GeneralUtility::makeInstance(SystemResourcePublisherInterface::class);
+            $iconUri = $resourcePublisher->generateUri($resource, null);
+            return '<img'
+                . ' loading="lazy" '
+                . ' src="' . htmlspecialchars((string)$iconUri) . '"'
+                . ' alt="' . htmlspecialchars($alt) . '" '
+                . ($title ? 'title="' . htmlspecialchars($title) . '"' : '')
+                . ' />';
+        } catch (SystemResourceException) {
+            $iconFactory = GeneralUtility::makeInstance(IconFactory::class);
+            return $iconFactory
+                ->getIcon($icon, IconSize::SMALL)
+                ->setTitle($title)
+                ->render('inline');
+        }
+    }
+}
diff --git a/Classes/Form/Wizard/SuggestWizardDefaultReceiver.php b/Classes/Form/Wizard/SuggestWizardDefaultReceiver.php
new file mode 100644
index 0000000..8fb3050
--- /dev/null
+++ b/Classes/Form/Wizard/SuggestWizardDefaultReceiver.php
@@ -0,0 +1,416 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Form\Wizard;
+
+use TYPO3\CMS\Backend\Tree\Repository\PageTreeRepository;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Expression\CompositeExpression;
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+use TYPO3\CMS\Core\Database\Query\QueryHelper;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\Capability\LabelCapability;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Default implementation of a handler class for an ajax record selector.
+ *
+ * Normally other implementations should be inherited from this one.
+ * queryTable() should not be overwritten under normal circumstances.
+ */
+class SuggestWizardDefaultReceiver
+{
+    /**
+     * The name of the table to query
+     */
+    protected string $table;
+
+    /**
+     * The name of the foreign table to query (records from this table will be used for displaying instead of the ones
+     * from $table)
+     */
+    protected string $mmForeignTable = '';
+
+    /**
+     * Configuration for this selector from TSconfig
+     */
+    protected array $config;
+
+    /**
+     * The list of pages that are allowed to perform the search for records on
+     *
+     * @var array Array of PIDs
+     */
+    protected array $allowedPages = [];
+
+    /**
+     * The maximum number of items to select.
+     */
+    protected int $maxItems = 10;
+    protected array $params = [];
+
+    protected IconFactory $iconFactory;
+    protected QueryBuilder $queryBuilder;
+    protected TcaSchema $tcaSchema;
+
+    /**
+     * The constructor of this class
+     *
+     * @param string $table The table to query
+     * @param array $config The configuration (TCA overlaid with TSconfig) to use for this selector
+     */
+    public function __construct(string $table, array $config)
+    {
+        $this->iconFactory = GeneralUtility::makeInstance(IconFactory::class);
+        $this->queryBuilder = $this->getQueryBuilderForTable($table);
+        $this->queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+        $this->table = $table;
+        $this->tcaSchema = GeneralUtility::makeInstance(TcaSchemaFactory::class)->get($this->table);
+        $this->config = $config;
+        // get a list of all the pages that should be looked on
+        if (isset($config['pidList'])) {
+            $pageIds = GeneralUtility::intExplode(',', (string)$config['pidList'], true);
+            $depth = (int)($config['pidDepth'] ?? 0);
+            $availablePageIds = $this->getAvailablePageIds($pageIds, $depth);
+            $this->allowedPages = array_unique(array_merge($this->allowedPages, $availablePageIds));
+        }
+        if (isset($config['maxItemsInResultList'])) {
+            $this->maxItems = (int)$config['maxItemsInResultList'];
+        }
+        $backendUser = $this->getBackendUser();
+        $backendUser->initializeWebmountsForElementBrowser();
+        if ($this->table === 'pages') {
+            $this->queryBuilder->andWhere(
+                QueryHelper::stripLogicalOperatorPrefix($backendUser->getPagePermsClause(Permission::PAGE_SHOW)),
+                $this->queryBuilder->expr()->or(
+                    $this->queryBuilder->expr()->eq('language_tag', $this->queryBuilder->createNamedParameter(\Local\Multilanguage\Service\DefaultLanguageTagService::getTag())),
+                    $this->queryBuilder->expr()->eq('language_tag', $this->queryBuilder->createNamedParameter('')),
+                )
+            );
+        }
+        if (isset($config['addWhere'])) {
+            $this->queryBuilder->andWhere(
+                QueryHelper::stripLogicalOperatorPrefix($config['addWhere'])
+            );
+        }
+    }
+
+    /**
+     * Queries a table for records and completely processes them
+     *
+     * Returns a two-dimensional array of almost finished records; the only need to be put into a <li>-structure
+     *
+     * If you subclass this class, you will most likely only want to overwrite the functions called from here, but not
+     * this function itself
+     *
+     * @param array $params
+     * @param int $recursionCounter The parent object
+     * @return array Array of rows or FALSE if nothing found
+     */
+    public function queryTable(array &$params, int $recursionCounter = 0): array
+    {
+        $maxQueryResults = 50;
+        $rows = [];
+        $this->params = &$params;
+        $start = $recursionCounter * $maxQueryResults;
+        $this->prepareSelectStatement();
+
+        $selectQueryBuilder = clone $this->queryBuilder;
+        $selectQueryBuilder = $this->prepareOrderByStatement($selectQueryBuilder);
+        $result = $selectQueryBuilder->select($this->table . '.*')
+            ->from($this->table)
+            ->setFirstResult($start)
+            ->setMaxResults($maxQueryResults)
+            ->executeQuery();
+
+        $countQueryBuilder = clone $this->queryBuilder;
+        $allRowsCount = $countQueryBuilder
+            ->count($this->table . '.uid')
+            ->from($this->table)
+            ->executeQuery()
+            ->fetchOne();
+        if ($allRowsCount) {
+            while ($row = $result->fetchAssociative()) {
+                // check if we already have collected the maximum number of records
+                if (count($rows) > $this->maxItems) {
+                    break;
+                }
+                $this->manipulateRecord($row);
+                $this->makeWorkspaceOverlay($row);
+                // check if the user has access to the record
+                if (!is_array($row) || !$this->checkRecordAccess($row, $row['uid'])) {
+                    continue;
+                }
+                $icon = $this->iconFactory->getIconForRecord($this->table, $row, IconSize::SMALL);
+                $uid = ($row['t3ver_oid'] ?? 0) > 0 ? $row['t3ver_oid'] : $row['uid'];
+                $path = $this->getRecordPath($row, $uid);
+                $label = $this->getLabel($row);
+                $entry = [
+                    'table' => $this->mmForeignTable ?: $this->table,
+                    'label' => strip_tags($label),
+                    'path' => $path,
+                    'uid' => $uid,
+                    'icon' => [
+                        'identifier' => $icon->getIdentifier(),
+                        'overlay' => $icon->getOverlayIcon()?->getIdentifier(),
+                    ],
+                ];
+                $rows[$this->table . '_' . $uid] = $this->renderRecord($row, $entry);
+            }
+
+            // if there are less records than we need, call this function again to get more records
+            if (count($rows) < $this->maxItems && $allRowsCount >= $maxQueryResults && $recursionCounter < $this->maxItems) {
+                $tmp = self::queryTable($params, ++$recursionCounter);
+                $rows = array_merge($tmp, $rows);
+            }
+        }
+        return $rows;
+    }
+
+    /**
+     * Prepare the statement for selecting the records which will be returned to the selector. May also return some
+     * other records (e.g. from a mm-table) which will be used later on to select the real records
+     */
+    protected function prepareSelectStatement(): void
+    {
+        $expressionBuilder = $this->queryBuilder->expr();
+        $searchString = $this->params['value'];
+        if ($searchString !== '') {
+            $splitStrings = $this->splitSearchString($searchString);
+            $constraints = [];
+            foreach ($splitStrings as $splitString) {
+                $constraints[] = $this->buildConstraintBlock($splitString);
+            }
+            foreach ($constraints as $constraint) {
+                $this->queryBuilder->andWhere($expressionBuilder->and($constraint));
+            }
+        }
+        if ($this->allowedPages !== []) {
+            $this->queryBuilder->andWhere(
+                $expressionBuilder->in('pid', array_map(intval(...), $this->allowedPages))
+            );
+        }
+        // append an additional search condition comment
+        if (isset($this->config['searchCondition']) && $this->config['searchCondition'] !== '') {
+            $this->queryBuilder->andWhere(QueryHelper::stripLogicalOperatorPrefix($this->config['searchCondition']));
+        }
+    }
+
+    /**
+     * Creates OR constraints for each split searchWord.
+     *
+     * @return string|CompositeExpression
+     */
+    protected function buildConstraintBlock($searchString)
+    {
+        $expressionBuilder = $this->queryBuilder->expr();
+        $selectParts = $expressionBuilder->or();
+        if (MathUtility::canBeInterpretedAsInteger($searchString) && (int)$searchString > 0) {
+            $selectParts = $selectParts->with($expressionBuilder->eq('uid', (int)$searchString));
+        }
+        $searchWholePhrase = !isset($this->config['searchWholePhrase']) || $this->config['searchWholePhrase'];
+        $likeCondition = ($searchWholePhrase ? '%' : '') . $this->queryBuilder->escapeLikeWildcards($searchString) . '%';
+        // Search in all fields given by label or label_alt
+        $selectFields = [];
+        if (isset($this->config['additionalSearchFields'])) {
+            $selectFields = GeneralUtility::trimExplode(',', $this->config['additionalSearchFields'], true);
+        }
+        $labelCapability = $this->tcaSchema->getCapability(TcaSchemaCapability::Label);
+        $selectFields = array_unique(array_merge($selectFields, $labelCapability->getAllLabelFieldNames()));
+        foreach ($selectFields as $field) {
+            $selectParts = $selectParts->with($expressionBuilder->like($field, $this->queryBuilder->createPositionalParameter($likeCondition)));
+        }
+        return $selectParts;
+    }
+
+    /**
+     * Splits the search string by space
+     * This allows searching for 'elements basic' and will find results like "elements rte basic"
+     * To search for whole phrases enclose by double-quotes: '"elements basic"', results in empty result
+     */
+    protected function splitSearchString(string $searchString): array
+    {
+        return str_getcsv($searchString, ' ', '"', '\\');
+    }
+
+    /**
+     * Get array of page ids from given page id and depth
+     *
+     * @param array $entryPointPageIds List of possible page IDs.
+     * @param int $depth Depth to go down.
+     * @return array of all page ids
+     */
+    protected function getAvailablePageIds(array $entryPointPageIds, int $depth = 0): array
+    {
+        if ($depth === 0) {
+            return $entryPointPageIds;
+        }
+        $pageIds = [];
+        $repository = GeneralUtility::makeInstance(PageTreeRepository::class);
+        $pages = $repository->getFlattenedPages($entryPointPageIds, $depth);
+        foreach ($pages as $page) {
+            $pageIds[] = (int)$page['uid'];
+        }
+        return $pageIds;
+    }
+
+    /**
+     * Prepares the clause by which the result elements are sorted. See description of ORDER BY in
+     * SQL standard for reference.
+     */
+    protected function prepareOrderByStatement(QueryBuilder $queryBuilder): QueryBuilder
+    {
+        if (empty($this->config['orderBy'])) {
+            /** @var LabelCapability $labelCapability */
+            $labelCapability = $this->tcaSchema->getCapability(TcaSchemaCapability::Label);
+            if ($labelCapability->hasPrimaryField()) {
+                $queryBuilder->addOrderBy($labelCapability->getPrimaryFieldName());
+            }
+        } else {
+            foreach (QueryHelper::parseOrderBy($this->config['orderBy']) as $orderPair) {
+                [$fieldName, $order] = $orderPair;
+                $queryBuilder->addOrderBy($fieldName, $order);
+            }
+        }
+        return $queryBuilder;
+    }
+
+    /**
+     * Manipulate a record before using it to render the selector; may be used to replace a MM-relation etc.
+     *
+     * @param array $row
+     */
+    protected function manipulateRecord(&$row) {}
+
+    /**
+     * Selects whether the logged in Backend User is allowed to read a specific record
+     */
+    protected function checkRecordAccess(array $row, int $uid): bool
+    {
+        $backendUser = $this->getBackendUser();
+        $retValue = true;
+        $table = $this->mmForeignTable ?: $this->table;
+        if ($table === 'pages') {
+            if (!BackendUtility::readPageAccess($uid, $backendUser->getPagePermsClause(Permission::PAGE_SHOW))) {
+                $retValue = false;
+            }
+        } elseif (!is_array(BackendUtility::readPageAccess($row['pid'], $backendUser->getPagePermsClause(Permission::PAGE_SHOW)))) {
+            $retValue = false;
+        }
+        return $retValue;
+    }
+
+    /**
+     * Overlay the given record with its workspace-version, if any
+     *
+     * @param array $row The record to get the workspace version for
+     * @param-out false|array|null $row
+     */
+    protected function makeWorkspaceOverlay(array &$row): void
+    {
+        // Check for workspace-versions
+        if ($this->getBackendUser()->workspace !== 0 && $this->tcaSchema->hasCapability(TcaSchemaCapability::Workspace)) {
+            BackendUtility::workspaceOL($this->mmForeignTable ?: $this->table, $row);
+        }
+    }
+
+    /**
+     * Returns the path for a record. Is the whole path for all records except pages - for these the last part is cut
+     * off, because it contains the pagetitle itself, which would be double information
+     *
+     * The path is returned uncut, cutting has to be done by calling function.
+     *
+     * @param array $row The row
+     * @param int $uid UID of the record
+     * @return string The record-path
+     */
+    protected function getRecordPath(array &$row, $uid): string
+    {
+        $titleLimit = max($this->config['maxPathTitleLength'] ?? 0, 0);
+        if (($this->mmForeignTable ?: $this->table) === 'pages') {
+            $path = BackendUtility::getRecordPath($uid, '', $titleLimit);
+            // For pages we only want the first (n-1) parts of the path,
+            // because the n-th part is the page itself
+            $path = substr($path, 0, (int)strrpos($path, '/', -2)) . '/';
+        } else {
+            $path = BackendUtility::getRecordPath($row['pid'], '', $titleLimit);
+        }
+        return $path;
+    }
+
+    /**
+     * Returns a label for a given record; usually only a wrapper for \TYPO3\CMS\Backend\Utility\BackendUtility::getRecordTitle
+     *
+     * @param array $row The record to get the label for
+     * @return string The label
+     */
+    protected function getLabel(array $row): string
+    {
+        return BackendUtility::getRecordTitle($this->mmForeignTable ?: $this->table, $row, true);
+    }
+
+    /**
+     * Calls a user function for rendering the page.
+     *
+     * This user function should manipulate $entry
+     *
+     * @param array $row The row
+     * @param array $entry The entry to render
+     * @return array The rendered entry (will be put into a <li> later on
+     */
+    protected function renderRecord(array $row, array $entry): array
+    {
+        // Call renderlet if available (normal pages etc. usually don't have one)
+        if (($this->config['renderFunc'] ?? '') !== '') {
+            $params = [
+                'table' => $this->table,
+                'uid' => $row['uid'],
+                'row' => $row,
+                'entry' => &$entry,
+            ];
+            GeneralUtility::callUserFunction($this->config['renderFunc'], $params, $this);
+        }
+        return $entry;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    public function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getQueryBuilderForTable(string $table): QueryBuilder
+    {
+        return GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable($table);
+    }
+}
diff --git a/Classes/History/Event/AfterHistoryRollbackFinishedEvent.php b/Classes/History/Event/AfterHistoryRollbackFinishedEvent.php
new file mode 100644
index 0000000..08838c3
--- /dev/null
+++ b/Classes/History/Event/AfterHistoryRollbackFinishedEvent.php
@@ -0,0 +1,60 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\History\Event;
+
+use TYPO3\CMS\Backend\History\RecordHistoryRollback;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * This event is fired after a history record rollback finished.
+ */
+final readonly class AfterHistoryRollbackFinishedEvent
+{
+    public function __construct(
+        private string $rollbackFields,
+        private array $diff,
+        private array $dataHandlerInput,
+        private RecordHistoryRollback $recordHistoryRollback,
+        private ?BackendUserAuthentication $backendUserAuthentication = null
+    ) {}
+
+    public function getRecordHistoryRollback(): RecordHistoryRollback
+    {
+        return $this->recordHistoryRollback;
+    }
+
+    public function getRollbackFields(): string
+    {
+        return $this->rollbackFields;
+    }
+
+    public function getDiff(): array
+    {
+        return $this->diff;
+    }
+
+    public function getDataHandlerInput(): array
+    {
+        return $this->dataHandlerInput;
+    }
+
+    public function getBackendUserAuthentication(): ?BackendUserAuthentication
+    {
+        return $this->backendUserAuthentication;
+    }
+}
diff --git a/Classes/History/Event/BeforeHistoryRollbackStartEvent.php b/Classes/History/Event/BeforeHistoryRollbackStartEvent.php
new file mode 100644
index 0000000..16bf7f7
--- /dev/null
+++ b/Classes/History/Event/BeforeHistoryRollbackStartEvent.php
@@ -0,0 +1,54 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\History\Event;
+
+use TYPO3\CMS\Backend\History\RecordHistoryRollback;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * This event is fired before a history record rollback starts
+ */
+final readonly class BeforeHistoryRollbackStartEvent
+{
+    public function __construct(
+        private string $rollbackFields,
+        private array $diff,
+        private RecordHistoryRollback $recordHistoryRollback,
+        private ?BackendUserAuthentication $backendUserAuthentication = null
+    ) {}
+
+    public function getRecordHistoryRollback(): RecordHistoryRollback
+    {
+        return $this->recordHistoryRollback;
+    }
+
+    public function getRollbackFields(): string
+    {
+        return $this->rollbackFields;
+    }
+
+    public function getDiff(): array
+    {
+        return $this->diff;
+    }
+
+    public function getBackendUserAuthentication(): ?BackendUserAuthentication
+    {
+        return $this->backendUserAuthentication;
+    }
+}
diff --git a/Classes/History/RecordHistory.php b/Classes/History/RecordHistory.php
new file mode 100644
index 0000000..5f8da2d
--- /dev/null
+++ b/Classes/History/RecordHistory.php
@@ -0,0 +1,615 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\History;
+
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\DataHandling\History\RecordHistoryStore;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Class for fetching the history entries of a record (and if it is a page, its sub elements
+ * as well)
+ *
+ * @internal This class is an implementation detail of the backend record history controller and is not considered part of the public TYPO3 API.
+ */
+class RecordHistory
+{
+    /**
+     * Maximum number of sys_history steps to show.
+     */
+    protected int $maxSteps = 20;
+
+    /**
+     * On a pages table - show sub elements as well.
+     */
+    protected bool $showSubElements = true;
+
+    /**
+     * Element reference, syntax [tablename]:[uid]
+     */
+    protected string $element = '';
+
+    /**
+     * sys_history uid which is selected
+     */
+    protected int $lastHistoryEntry = 0;
+
+    /**
+     * Internal cache
+     */
+    protected array $pageAccessCache = [];
+
+    /**
+     * Constructor to define which element to work on - can be overridden with "setLastHistoryEntryNumber"
+     *
+     * @param string $element in the form of "tablename:uid"
+     */
+    public function __construct($element = '')
+    {
+        $this->element = $this->sanitizeElementValue((string)$element);
+    }
+
+    /**
+     * If a specific history entry is selected, then the relevant element is resolved for that.
+     */
+    public function setLastHistoryEntryNumber(int $lastHistoryEntry): void
+    {
+        $this->lastHistoryEntry = $lastHistoryEntry;
+        $this->updateCurrentElement();
+    }
+
+    public function getLastHistoryEntryNumber(): int
+    {
+        return $this->lastHistoryEntry;
+    }
+
+    /**
+     * Define the maximum amount of history entries to be shown. Beware of side-effects when using
+     * "showSubElements" as well.
+     */
+    public function setMaxSteps(int $maxSteps): void
+    {
+        $this->maxSteps = $maxSteps;
+    }
+
+    /**
+     * Defines to show the history of a specific record or its subelements (when it's a page)
+     * as well.
+     */
+    public function setShowSubElements(bool $showSubElements): void
+    {
+        $this->showSubElements = $showSubElements;
+    }
+
+    /**
+     * Creates change log including sub-elements
+     */
+    public function getChangeLog(): array
+    {
+        if (!empty($this->element)) {
+            [$table, $recordUid] = explode(':', $this->element);
+            return $this->getHistoryData($table, (int)$recordUid, $this->showSubElements, $this->lastHistoryEntry);
+        }
+        return [];
+    }
+
+    /**
+     * An array (0 = tablename, 1 = uid) or empty array if no element is set
+     */
+    public function getElementInformation(): array
+    {
+        return !empty($this->element) ? explode(':', $this->element) : [];
+    }
+
+    /**
+     * @return string named "tablename:uid"
+     */
+    public function getElementString(): string
+    {
+        return $this->element;
+    }
+
+    /**
+     * Compile a list of record history elements that belong to the same translation root.
+     *
+     * @return array{
+     *     page: int,
+     *     elements: array<array{element: string, language: int}>
+     * }|null
+     */
+    public function getTranslations(string $element): ?array
+    {
+        if ($element === '') {
+            return null;
+        }
+
+        [$table, $recordUid] = explode(':', $element);
+        $recordUid = (int)$recordUid;
+        $schema = $this->getTcaSchema($table);
+        if ($schema === null) {
+            return null;
+        }
+
+        if (!$schema->isLanguageAware()) {
+            return null;
+        }
+
+        $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+        $langField = $languageCapability->getLanguageField()->getName();
+        $l10nPointer = $languageCapability->getTranslationOriginPointerField()->getName();
+
+        $record = BackendUtility::getRecord($table, $recordUid);
+        $l10nParentUid = (int)($record[$l10nPointer] ?? 0);
+        $defaultLanguageUid = ($l10nParentUid ?: $recordUid);
+        if ($defaultLanguageUid === $recordUid) {
+            $translationRoot = $record;
+        } else {
+            $translationRoot = BackendUtility::getRecord($table, $defaultLanguageUid);
+        }
+
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)
+            ->getQueryBuilderForTable($table);
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+
+        $statement = $queryBuilder->from($table)
+            ->select('*')
+            ->where(
+                $queryBuilder->expr()->eq($l10nPointer, $queryBuilder->createNamedParameter($defaultLanguageUid))
+            )
+            ->executeQuery();
+
+        $translations = [
+            'page' => $table === 'pages' ? $defaultLanguageUid : (int)$translationRoot['pid'],
+            'elements' => [
+                [
+                    'element' => $table . ':' . $defaultLanguageUid,
+                    'language' => (int)$translationRoot[$langField],
+                ],
+            ],
+        ];
+
+        foreach ($statement->fetchAllAssociative() as $row) {
+            BackendUtility::workspaceOL($table, $row, $this->getBackendUser()->workspace);
+            if ($row) {
+                $translations['elements'][] = [
+                    'element' => $table . ':' . $row['uid'],
+                    'language' => (int)$row[$langField],
+                ];
+            }
+        }
+
+        return $translations;
+    }
+
+    /*******************************
+     *
+     * build up history
+     *
+     *******************************/
+    /**
+     * Creates a diff between the current version of the records and the selected version
+     *
+     * @return array Diff for many elements
+     */
+    public function getDiff(array $changeLog): array
+    {
+        $insertsDeletes = [];
+        $newArr = [];
+        $differences = [];
+        // traverse changelog array
+        foreach ($changeLog as $value) {
+            $field = $value['tablename'] . ':' . $value['recuid'];
+            // inserts / deletes
+            if ((int)$value['actiontype'] !== RecordHistoryStore::ACTION_MODIFY) {
+                if (!isset($insertsDeletes[$field])) {
+                    $insertsDeletes[$field] = 0;
+                }
+                ($value['action'] ?? '') === 'insert' ? $insertsDeletes[$field]++ : $insertsDeletes[$field]--;
+                // unset not needed fields
+                if ($insertsDeletes[$field] === 0) {
+                    unset($insertsDeletes[$field]);
+                }
+            } elseif (!isset($newArr[$field])) {
+                $newArr[$field] = $value['newRecord'];
+                $differences[$field] = $value['oldRecord'];
+            } else {
+                $differences[$field] = array_merge($differences[$field], $value['oldRecord']);
+            }
+        }
+        // remove entries where there were no changes effectively
+        foreach ($newArr as $record => $value) {
+            foreach ($value as $key => $innerVal) {
+                if ($newArr[$record][$key] === $differences[$record][$key]) {
+                    unset($newArr[$record][$key], $differences[$record][$key]);
+                }
+            }
+            if (empty($newArr[$record]) && empty($differences[$record])) {
+                unset($newArr[$record], $differences[$record]);
+            }
+        }
+        return [
+            'newData' => $newArr,
+            'oldData' => $differences,
+            'insertsDeletes' => $insertsDeletes,
+        ];
+    }
+
+    /**
+     * Fetches the history data of a record + includes subelements if this is from a page
+     *
+     * @param int $lastHistoryEntry the highest entry to be evaluated
+     */
+    protected function getHistoryData(string $table, int $uid, ?bool $includeSubEntries = null, ?int $lastHistoryEntry = null): array
+    {
+        $historyDataForRecord = $this->getHistoryDataForRecord($table, $uid, $lastHistoryEntry);
+        // get history of tables of this page and merge it into changelog
+        if ($table === 'pages' && $includeSubEntries && $this->hasPageAccess('pages', $uid)) {
+            foreach ($this->getTcaSchemaFactory()->all()->getNames() as $tablename) {
+                // check if there are records on the page
+                $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable($tablename);
+                $queryBuilder->getRestrictions()->removeAll();
+
+                $result = $queryBuilder
+                    ->select('uid')
+                    ->from($tablename)
+                    ->where(
+                        $queryBuilder->expr()->eq(
+                            'pid',
+                            $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT)
+                        )
+                    )
+                    ->executeQuery();
+                while ($row = $result->fetchAssociative()) {
+                    // if there is history data available, merge it into changelog
+                    $newChangeLog = $this->getHistoryDataForRecord($tablename, $row['uid'], $lastHistoryEntry);
+                    foreach ($newChangeLog as $key => $newChangeLogEntry) {
+                        $historyDataForRecord[$key] = $newChangeLogEntry;
+                    }
+                }
+            }
+        }
+        usort($historyDataForRecord, static function (array $a, array $b): int {
+            if ($a['tstamp'] < $b['tstamp']) {
+                return 1;
+            }
+            if ($a['tstamp'] > $b['tstamp']) {
+                return -1;
+            }
+            return 0;
+        });
+        return $historyDataForRecord;
+    }
+
+    /**
+     * Gets history and delete/insert data from sys_log and sys_history
+     *
+     * @param string $table DB table name
+     * @param int $uid UID of record
+     * @param int|null $lastHistoryEntry the highest entry to be fetched
+     * @return array Array of history data of the record
+     * @internal
+     */
+    public function getHistoryDataForRecord(string $table, int $uid, ?int $lastHistoryEntry = null): array
+    {
+        if (!$this->getTcaSchemaFactory()->has($table) || !$this->hasTableAccess($table) || !$this->hasPageAccess($table, $uid)) {
+            return [];
+        }
+
+        $uid = $this->resolveElement($table, $uid);
+        return $this->findEventsForRecord($table, $uid, ($this->maxSteps ?: 0), $lastHistoryEntry);
+    }
+
+    /**
+     * Get the user uid of the user who deleted the record for the given table
+     */
+    public function getUserIdFromDeleteActionForRecord(string $table, int $uid): int
+    {
+        $queryBuilder = $this->getQueryBuilder();
+        $queryBuilder->select('userid')
+            ->from('sys_history')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'tablename',
+                    $queryBuilder->createNamedParameter($table)
+                ),
+                $queryBuilder->expr()->eq(
+                    'usertype',
+                    $queryBuilder->createNamedParameter('BE')
+                ),
+                $queryBuilder->expr()->eq(
+                    'recuid',
+                    $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->eq(
+                    'actiontype',
+                    $queryBuilder->createNamedParameter(RecordHistoryStore::ACTION_DELETE, Connection::PARAM_INT)
+                )
+            )
+            ->setMaxResults(1);
+
+        return (int)$queryBuilder->executeQuery()->fetchOne();
+    }
+
+    /*******************************
+     *
+     * Various helper functions
+     *
+     *******************************/
+
+    /**
+     * Convert input element reference to workspace version if any.
+     *
+     * @param string $table Table of input element
+     * @param int $uid UID of record
+     * @return int converted UID of record
+     */
+    protected function resolveElement(string $table, int $uid): int
+    {
+        if (!$this->getTcaSchemaFactory()->has($table)) {
+            return $uid;
+        }
+        $workspaceVersion = BackendUtility::getWorkspaceVersionOfRecord($this->getBackendUser()->workspace, $table, $uid, 'uid');
+        if ($workspaceVersion) {
+            $uid = $workspaceVersion['uid'];
+        }
+        return $uid;
+    }
+
+    /**
+     * Resolve tablename + record uid from sys_history UID
+     */
+    protected function getHistoryEntry(int $lastHistoryEntry): array
+    {
+        $queryBuilder = $this->getQueryBuilder();
+        $record = $queryBuilder
+            ->select('uid', 'tablename', 'recuid')
+            ->from('sys_history')
+            ->where($queryBuilder->expr()->eq('uid', $queryBuilder->createNamedParameter($lastHistoryEntry, Connection::PARAM_INT)))
+            ->executeQuery()
+            ->fetchAssociative();
+
+        if (empty($record)) {
+            return [];
+        }
+
+        return $record;
+    }
+
+    /**
+     * Fetches the history entry for an ADD/creation action for a specific record.
+     */
+    public function getCreationInformationForRecord(string $table, array $record): ?array
+    {
+        $queryBuilder = $this->getQueryBuilder();
+        $result = $queryBuilder
+            ->select('*')
+            ->from('sys_history')
+            ->where(
+                $queryBuilder->expr()->eq('tablename', $queryBuilder->createNamedParameter($table)),
+                $queryBuilder->expr()->eq('recuid', $queryBuilder->createNamedParameter($record['uid'], Connection::PARAM_INT)),
+                $queryBuilder->expr()->eq('actiontype', $queryBuilder->createNamedParameter(RecordHistoryStore::ACTION_ADD, Connection::PARAM_INT))
+            )
+            ->setMaxResults(1)
+            ->executeQuery()
+            ->fetchAssociative();
+        return $result ?: null;
+    }
+
+    /**
+     * Queries the DB and prepares the results
+     * Resolving a WSOL of the UID and checking permissions is explicitly not part of this method
+     */
+    public function findEventsForRecord(string $table, int $uid, int $limit = 0, ?int $minimumUid = null): array
+    {
+        $backendUser = $this->getBackendUser();
+        $queryBuilder = $this->getQueryBuilder();
+        $queryBuilder
+            ->select('*')
+            ->from('sys_history')
+            ->where(
+                $queryBuilder->expr()->eq('tablename', $queryBuilder->createNamedParameter($table)),
+                $queryBuilder->expr()->eq('recuid', $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT))
+            );
+        if ($backendUser->workspace === 0) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->eq('workspace', 0)
+            );
+        } else {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->or(
+                    $queryBuilder->expr()->eq('workspace', 0),
+                    $queryBuilder->expr()->eq('workspace', $queryBuilder->createNamedParameter($backendUser->workspace, Connection::PARAM_INT))
+                )
+            );
+        }
+        if ($limit) {
+            $queryBuilder->setMaxResults($limit);
+        }
+
+        if ($minimumUid) {
+            $queryBuilder->andWhere($queryBuilder->expr()->gte('uid', $queryBuilder->createNamedParameter($minimumUid, Connection::PARAM_INT)));
+        }
+
+        return $this->prepareEventDataFromQueryBuilder($queryBuilder);
+    }
+
+    public function findEventsForCorrelation(string $correlationId): array
+    {
+        $queryBuilder = $this->getQueryBuilder();
+        $queryBuilder
+            ->select('*')
+            ->from('sys_history')
+            ->where($queryBuilder->expr()->eq('correlation_id', $queryBuilder->createNamedParameter($correlationId)));
+
+        return $this->prepareEventDataFromQueryBuilder($queryBuilder);
+    }
+
+    protected function prepareEventDataFromQueryBuilder(QueryBuilder $queryBuilder): array
+    {
+        $events = [];
+        $result = $queryBuilder->orderBy('tstamp', 'DESC')->executeQuery();
+        while ($row = $result->fetchAssociative()) {
+            $identifier = (int)$row['uid'];
+            $actionType = (int)$row['actiontype'];
+            if ($actionType === RecordHistoryStore::ACTION_ADD || $actionType === RecordHistoryStore::ACTION_UNDELETE) {
+                $row['action'] = 'insert';
+            }
+            if ($actionType === RecordHistoryStore::ACTION_DELETE) {
+                $row['action'] = 'delete';
+            }
+            if ($actionType === RecordHistoryStore::ACTION_PUBLISH) {
+                $row['action'] = 'publish';
+            }
+            if ($row['history_data'] === null) {
+                $events[$identifier] = $row;
+                continue;
+            }
+            if (str_starts_with($row['history_data'], 'a')) {
+                // legacy code
+                $row['history_data'] = unserialize($row['history_data'], ['allowed_classes' => false]);
+            } else {
+                $row['history_data'] = json_decode($row['history_data'], true);
+            }
+            if (isset($row['history_data']['newRecord'])) {
+                $row['newRecord'] = $row['history_data']['newRecord'];
+            }
+            if (isset($row['history_data']['oldRecord'])) {
+                $row['oldRecord'] = $row['history_data']['oldRecord'];
+            }
+            $events[$identifier] = $row;
+        }
+        krsort($events);
+        return $events;
+    }
+
+    /**
+     * Determines whether user has access to a page.
+     */
+    protected function hasPageAccess(string $table, int $uid): bool
+    {
+        $pageRecord = null;
+
+        if ($table === 'pages') {
+            $pageId = $uid;
+        } else {
+            $record = BackendUtility::getRecord($table, $uid, '*', '', false);
+            $pageId = ($record['pid'] ?? 0);
+        }
+
+        $schema = $this->getTcaSchema($table);
+
+        if ($pageId === 0 && ($schema?->getCapability(TcaSchemaCapability::RestrictionRootLevel)->shallIgnoreRootLevelRestriction() ?? false)) {
+            return true;
+        }
+
+        if (!isset($this->pageAccessCache[$pageId])) {
+            $isDeletedPage = false;
+            $pageSchema = $this->getTcaSchemaFactory()->get('pages');
+            if ($pageSchema->hasCapability(TcaSchemaCapability::SoftDelete)) {
+                $deletedField = $pageSchema->getCapability(TcaSchemaCapability::SoftDelete)->getFieldName();
+                $pageRecord = BackendUtility::getRecord('pages', $pageId, '*', '', false);
+                $isDeletedPage = (bool)($pageRecord[$deletedField] ?? false);
+            }
+            if ($isDeletedPage) {
+                // The page is deleted, so we fake its uid to be the one of the parent page.
+                // By doing so, the following API will use this id to traverse the rootline
+                // and check whether it is in the users' web mounts.
+                // We check however if the user has (or better had) access to the deleted page itself.
+                // Since the only way we got here is by requesting the history of the parent page
+                // we can be sure this parent page actually exists.
+                $pageRecord['uid'] = $pageRecord['pid'];
+                $this->pageAccessCache[$pageId] = $this->getBackendUser()->doesUserHaveAccess($pageRecord, Permission::PAGE_SHOW);
+            } else {
+                $this->pageAccessCache[$pageId] = BackendUtility::readPageAccess(
+                    $pageId,
+                    $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW)
+                );
+            }
+        }
+
+        return $this->pageAccessCache[$pageId] !== false;
+    }
+
+    /**
+     * Sanitizes the values for the expected disposal.
+     * Invalid values will be converted to an empty string.
+     *
+     * @param string $value the value of the element value
+     */
+    protected function sanitizeElementValue(string $value): string
+    {
+        if ($value !== '' && !preg_match('#^[a-z\d_.]+:[\d]+$#i', $value)) {
+            return '';
+        }
+        return $value;
+    }
+
+    /**
+     * Determines whether user has access to a table.
+     */
+    protected function hasTableAccess(string $table): bool
+    {
+        return $this->getBackendUser()->check('tables_select', $table);
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getQueryBuilder(): QueryBuilder
+    {
+        return GeneralUtility::makeInstance(ConnectionPool::class)
+            ->getQueryBuilderForTable('sys_history');
+    }
+
+    protected function getTcaSchemaFactory(): TcaSchemaFactory
+    {
+        return GeneralUtility::makeInstance(TcaSchemaFactory::class);
+    }
+
+    protected function getTcaSchema(string $table): ?TcaSchema
+    {
+        $schemaFactory = $this->getTcaSchemaFactory();
+        if ($schemaFactory->has($table)) {
+            return $schemaFactory->get($table);
+        }
+        return null;
+    }
+
+    protected function updateCurrentElement(): void
+    {
+        if ($this->lastHistoryEntry) {
+            $elementData = $this->getHistoryEntry($this->lastHistoryEntry);
+            if (!empty($elementData) && empty($this->element)) {
+                $this->element = $elementData['tablename'] . ':' . $elementData['recuid'];
+            }
+        }
+    }
+}
diff --git a/Classes/History/RecordHistoryRollback.php b/Classes/History/RecordHistoryRollback.php
new file mode 100644
index 0000000..43e5771
--- /dev/null
+++ b/Classes/History/RecordHistoryRollback.php
@@ -0,0 +1,112 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\History;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\History\Event\AfterHistoryRollbackFinishedEvent;
+use TYPO3\CMS\Backend\History\Event\BeforeHistoryRollbackStartEvent;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+#[Autoconfigure(public: true)]
+readonly class RecordHistoryRollback
+{
+    public function __construct(
+        private EventDispatcherInterface $eventDispatcher,
+    ) {}
+
+    /**
+     * Perform rollback via DataHandler
+     */
+    public function performRollback(string $rollbackFields, array $diff, ?BackendUserAuthentication $backendUserAuthentication = null): void
+    {
+        $this->eventDispatcher->dispatch(new BeforeHistoryRollbackStartEvent($rollbackFields, $diff, $this, $backendUserAuthentication));
+        $rollbackData = explode(':', $rollbackFields);
+        $rollbackDataCount = count($rollbackData);
+        // PROCESS INSERTS AND DELETES
+        // rewrite inserts and deletes
+        $commandMapArray = [];
+        $data = [];
+        if ($diff['insertsDeletes']) {
+            if ($rollbackDataCount === 1) {
+                // all tables
+                $data = $diff['insertsDeletes'];
+            } elseif ($rollbackDataCount === 2 && $diff['insertsDeletes'][$rollbackFields]) {
+                // one record
+                $data[$rollbackFields] = $diff['insertsDeletes'][$rollbackFields];
+            }
+            if (!empty($data)) {
+                foreach ($data as $key => $action) {
+                    $elParts = explode(':', $key);
+                    if ((int)$action === 1) {
+                        // inserted records should be deleted
+                        $commandMapArray[$elParts[0]][$elParts[1]]['delete'] = 1;
+                        // When the record is deleted, the contents of the record do not need to be updated
+                        unset(
+                            $diff['oldData'][$key],
+                            $diff['newData'][$key]
+                        );
+                    } elseif ((int)$action === -1) {
+                        // deleted records should be inserted again
+                        $commandMapArray[$elParts[0]][$elParts[1]]['undelete'] = 1;
+                    }
+                }
+            }
+        }
+        // Writes the data:
+        if ($commandMapArray) {
+            $tce = GeneralUtility::makeInstance(DataHandler::class);
+            $tce->dontProcessTransformations = true;
+            $tce->start([], $commandMapArray, $backendUserAuthentication);
+            $tce->process_cmdmap();
+            unset($tce);
+        }
+        if ($diff['oldData'] ?? false) {
+            // PROCESS CHANGES
+            // create an array for process_datamap
+            $diffModified = [];
+            foreach ($diff['oldData'] as $key => $value) {
+                $splitKey = explode(':', $key);
+                $diffModified[$splitKey[0]][$splitKey[1]] = $value;
+            }
+            if ($rollbackDataCount === 1) {
+                // all tables
+                $data = $diffModified;
+            } elseif ($rollbackDataCount === 2) {
+                // one record
+                $data[$rollbackData[0]][$rollbackData[1]] = $diffModified[$rollbackData[0]][$rollbackData[1]];
+            } elseif ($rollbackDataCount === 3) {
+                // one field in one record
+                $data[$rollbackData[0]][$rollbackData[1]][$rollbackData[2]] = $diffModified[$rollbackData[0]][$rollbackData[1]][$rollbackData[2]];
+            }
+            // Writes the data:
+            $tce = GeneralUtility::makeInstance(DataHandler::class);
+            $tce->dontProcessTransformations = true;
+            $tce->start($data, [], $backendUserAuthentication);
+            $tce->process_datamap();
+            unset($tce);
+        }
+        if (isset($data['pages']) || isset($commandMapArray['pages'])) {
+            BackendUtility::setUpdateSignal('updatePageTree');
+        }
+        $this->eventDispatcher->dispatch(new AfterHistoryRollbackFinishedEvent($rollbackFields, $diff, $data, $this, $backendUserAuthentication));
+    }
+}
diff --git a/Classes/Hooks/DataHandlerAuthenticationContext.php b/Classes/Hooks/DataHandlerAuthenticationContext.php
new file mode 100644
index 0000000..7979b26
--- /dev/null
+++ b/Classes/Hooks/DataHandlerAuthenticationContext.php
@@ -0,0 +1,128 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Hooks;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Middleware\SudoModeInterceptor;
+use TYPO3\CMS\Backend\Security\SudoMode\Access\AccessFactory;
+use TYPO3\CMS\Backend\Security\SudoMode\Access\AccessStorage;
+use TYPO3\CMS\Backend\Security\SudoMode\Event\SudoModeRequiredEvent;
+use TYPO3\CMS\Backend\Security\SudoMode\Exception\VerificationRequiredException;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+
+/**
+ * DataHandler hook to ensure that columns that require a specific
+ * authenticationContext are covered by a recent step-up authentication
+ *
+ * @internal
+ */
+#[Autoconfigure(public: true)]
+final readonly class DataHandlerAuthenticationContext
+{
+    public function __construct(
+        private AccessFactory $factory,
+        private AccessStorage $storage,
+        private TcaSchemaFactory $tcaSchemaFactory,
+        private SudoModeInterceptor $sudoModeInterceptor,
+        private EventDispatcherInterface $eventDispatcher,
+    ) {}
+
+    public function processDatamap_postProcessFieldArray(
+        string $mode,
+        string $tableName,
+        string|int $id,
+        array $fieldArray,
+        DataHandler $dataHandler
+    ): void {
+        if ($dataHandler->isImporting || $dataHandler->bypassAccessCheckForRecords) {
+            return;
+        }
+        $request = $this->sudoModeInterceptor->currentRequest;
+        if ($request === null) {
+            // Not in a backend request where the sudoMode interceptor middleware was active
+            return;
+        }
+
+        $schema = $this->tcaSchemaFactory->get($tableName);
+        $subjects = [];
+        $id = (string)$id;
+        foreach ($schema->getFields() as $columnName => $fieldInformation) {
+            $authenticationContextConfig = $fieldInformation->getConfiguration()['authenticationContext'] ?? null;
+            if ($authenticationContextConfig === null) {
+                continue;
+            }
+            $subject = $this->factory->buildTableAccessSubject(
+                $tableName,
+                $columnName,
+                str_starts_with($id, 'NEW') ? 'NEW' : $id,
+                $authenticationContextConfig
+            );
+            $grants = $this->storage->findGrantsBySubject($subject);
+            $hasGrant = $grants !== [];
+            $subjects[$columnName] = [
+                'subject' => $subject,
+                'grants' => $grants,
+                'hasGrant' => $hasGrant,
+            ];
+        }
+
+        $requiredSubjects = [];
+        foreach ($fieldArray as $identifier => $value) {
+            $subjectInfo = $subjects[$identifier] ?? null;
+            if ($subjectInfo === null) {
+                continue;
+            }
+            if ($subjectInfo['hasGrant']) {
+                continue;
+            }
+
+            $subject = $subjectInfo['subject'];
+            $requiredSubjects[$subject->getIdentity()] = $subject;
+        }
+
+        if ($requiredSubjects !== []) {
+            $claim = $this->factory->buildClaimForSubjectRequest($request, self::class, ...array_values($requiredSubjects));
+
+            $event = new SudoModeRequiredEvent($claim);
+            $this->eventDispatcher->dispatch($event);
+            if ($event->isVerificationRequired()) {
+                throw (new VerificationRequiredException(
+                    'Authentication Context Confirmation Required',
+                    1743597646
+                ))->withClaim($claim);
+            }
+        }
+
+        $this->consumeNonRepeatableGrants($subjects);
+    }
+
+    private function consumeNonRepeatableGrants(array $subjects): void
+    {
+        // Consume (remove from storage) non-repeatable grants.
+        // Non-repeatable grants have been marked with `once` in the subject configration.
+        foreach ($subjects as $columnName => $subjectInfo) {
+            if ($subjectInfo['subject']->isOnce()) {
+                foreach ($subjectInfo['grants'] as $grant) {
+                    $this->storage->removeGrant($grant);
+                }
+            }
+        }
+    }
+}
diff --git a/Classes/Hooks/DataHandlerContentElementRestrictionHook.php b/Classes/Hooks/DataHandlerContentElementRestrictionHook.php
new file mode 100644
index 0000000..8fa0009
--- /dev/null
+++ b/Classes/Hooks/DataHandlerContentElementRestrictionHook.php
@@ -0,0 +1,126 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Hooks;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Handle content element CType restrictions based on backend layout (via "allowedContentTypes" and
+ * "disallowedContentTypes" backend layout column configuration). The hook removes the item from the
+ * job list if not allowed.
+ */
+#[Autoconfigure(public: true)]
+readonly class DataHandlerContentElementRestrictionHook
+{
+    public function __construct(
+        private BackendLayoutView $backendLayoutView,
+    ) {}
+
+    public function processCmdmap_beforeStart(DataHandler $dataHandler): void
+    {
+        $cmdmap = $dataHandler->cmdmap;
+        if (empty($cmdmap['tt_content']) || $dataHandler->bypassAccessCheckForRecords) {
+            return;
+        }
+        foreach ($cmdmap['tt_content'] as $id => $incomingFieldArray) {
+            foreach ($incomingFieldArray as $command => $value) {
+                if (!in_array($command, ['copy', 'move'], true)) {
+                    continue;
+                }
+                $currentRecord = BackendUtility::getRecord('tt_content', $id);
+                if (empty($currentRecord['CType'] ?? '')) {
+                    continue;
+                }
+                if (is_array($value) && !empty($value['action']) && $value['action'] === 'paste' && isset($value['update']['colPos'])) {
+                    // Moving / pasting to a new colPos on a potentially different page
+                    $pageId = (int)$value['target'];
+                    $colPos = (int)$value['update']['colPos'];
+                } else {
+                    $pageId = (int)$value;
+                    $colPos = (int)$currentRecord['colPos'];
+                }
+                if ($pageId < 0) {
+                    $targetRecord = BackendUtility::getRecord('tt_content', abs($pageId));
+                    $pageId = (int)$targetRecord['pid'];
+                    $colPos = (int)$targetRecord['colPos'];
+                }
+                $backendLayout = $this->backendLayoutView->getBackendLayoutForPage($pageId);
+                $columnConfiguration = $this->backendLayoutView->getColPosConfigurationForPage($backendLayout, $colPos, $pageId);
+                $allowedContentElementsInTargetColPos = GeneralUtility::trimExplode(',', $columnConfiguration['allowedContentTypes'] ?? '', true);
+                $disallowedContentElementsInTargetColPos = GeneralUtility::trimExplode(',', $columnConfiguration['disallowedContentTypes'] ?? '', true);
+                if ((!empty($allowedContentElementsInTargetColPos) && !in_array($currentRecord['CType'], $allowedContentElementsInTargetColPos, true))
+                    || (!empty($disallowedContentElementsInTargetColPos) && in_array($currentRecord['CType'], $disallowedContentElementsInTargetColPos, true))
+                ) {
+                    // Not allowed to move or copy to target. Unset this command and create a log entry which may be turned into a notification when called by BE.
+                    unset($dataHandler->cmdmap['tt_content'][$id]);
+                    $dataHandler->log('tt_content', $id, 1, null, 1, 'The command "%s" for record "tt_content:%s" with CType "%s" to colPos "%s" couldn\'t be executed due to disallowed value(s).', null, [$command, $id, $currentRecord['CType'], $colPos]);
+                }
+            }
+        }
+    }
+
+    public function processDatamap_beforeStart(DataHandler $dataHandler): void
+    {
+        $datamap = $dataHandler->datamap;
+        if (empty($datamap['tt_content']) || $dataHandler->bypassAccessCheckForRecords) {
+            return;
+        }
+        foreach ($datamap['tt_content'] as $id => $incomingFieldArray) {
+            if (MathUtility::canBeInterpretedAsInteger($id)) {
+                $record = BackendUtility::getRecord('tt_content', $id);
+                if (!is_array($record)) {
+                    // Skip this if the record could not be determined for whatever reason
+                    continue;
+                }
+                $recordData = array_merge($record, $incomingFieldArray);
+            } else {
+                $recordData = array_merge($dataHandler->defaultValues['tt_content'] ?? [], $incomingFieldArray);
+            }
+            if (empty($recordData['CType']) || !array_key_exists('colPos', $recordData)) {
+                // No idea what happened here, but we stop with this record if there is no CType or colPos
+                continue;
+            }
+            $pageId = (int)$recordData['pid'];
+            if ($pageId < 0) {
+                $previousRecord = BackendUtility::getRecord('tt_content', abs($pageId), 'pid');
+                if ($previousRecord === null) {
+                    // Broken target data. Stop here and let DH handle this mess.
+                    continue;
+                }
+                $pageId = (int)$previousRecord['pid'];
+            }
+            $colPos = (int)$recordData['colPos'];
+            $backendLayout = $this->backendLayoutView->getBackendLayoutForPage($pageId);
+            $columnConfiguration = $this->backendLayoutView->getColPosConfigurationForPage($backendLayout, $colPos, $pageId);
+            $allowedContentElementsInTargetColPos = GeneralUtility::trimExplode(',', $columnConfiguration['allowedContentTypes'] ?? '', true);
+            $disallowedContentElementsInTargetColPos = GeneralUtility::trimExplode(',', $columnConfiguration['disallowedContentTypes'] ?? '', true);
+            if ((!empty($allowedContentElementsInTargetColPos) && !in_array($recordData['CType'], $allowedContentElementsInTargetColPos, true))
+                || (!empty($disallowedContentElementsInTargetColPos) && in_array($recordData['CType'], $disallowedContentElementsInTargetColPos, true))
+            ) {
+                // Not allowed to create in this colPos on this page. Unset this command and create a log entry which may be turned into a notification when called by BE.
+                unset($dataHandler->datamap['tt_content'][$id]);
+                $dataHandler->log('tt_content', $id, 1, null, 1, 'The record "tt_content:%s" with CType "%s" in colPos "%s" couldn\'t be saved due to disallowed value(s).', null, [$id, $recordData['CType'], $colPos]);
+            }
+        }
+    }
+}
diff --git a/Classes/Http/Application.php b/Classes/Http/Application.php
new file mode 100644
index 0000000..f277a8d
--- /dev/null
+++ b/Classes/Http/Application.php
@@ -0,0 +1,67 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Http;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use Symfony\Component\DependencyInjection\Attribute\AutowireInline;
+use TYPO3\CMS\Core\Context\Context;
+use TYPO3\CMS\Core\Context\DateTimeAspect;
+use TYPO3\CMS\Core\Context\VisibilityAspect;
+use TYPO3\CMS\Core\Core\SystemEnvironmentBuilder;
+use TYPO3\CMS\Core\Domain\DateTimeFactory;
+use TYPO3\CMS\Core\Http\AbstractApplication;
+use TYPO3\CMS\Core\Http\MiddlewareDispatcher;
+
+/**
+ * Entry point for the TYPO3 Backend (HTTP requests)
+ */
+class Application extends AbstractApplication
+{
+    public function __construct(
+        #[AutowireInline(
+            class: MiddlewareDispatcher::class,
+            arguments: [
+                '$kernel' => '@' . RequestHandler::class,
+                '$middlewares' => '@backend.middlewares',
+            ],
+        )]
+        RequestHandlerInterface $requestHandler,
+        protected readonly Context $context,
+    ) {
+        $this->requestHandler = $requestHandler;
+    }
+
+    public function handle(ServerRequestInterface $request): ResponseInterface
+    {
+        $request = $request->withAttribute('applicationType', SystemEnvironmentBuilder::REQUESTTYPE_BE);
+        // Set up the initial context
+        $this->initializeContext();
+        return parent::handle($request);
+    }
+
+    /**
+     * Initializes the Context used for accessing data and finding out the current state of the application
+     */
+    protected function initializeContext(): void
+    {
+        $this->context->setAspect('date', new DateTimeAspect(DateTimeFactory::createFromTimestamp($GLOBALS['EXEC_TIME'])));
+        $this->context->setAspect('visibility', new VisibilityAspect(true, true, false, true));
+    }
+}
diff --git a/Classes/Http/RequestHandler.php b/Classes/Http/RequestHandler.php
new file mode 100644
index 0000000..3f816e5
--- /dev/null
+++ b/Classes/Http/RequestHandler.php
@@ -0,0 +1,106 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Http;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use TYPO3\CMS\Backend\Resource\PublicUrlPrefixer;
+use TYPO3\CMS\Backend\Routing\Exception\InvalidRequestTokenException;
+use TYPO3\CMS\Backend\Routing\Exception\MissingRequestTokenException;
+use TYPO3\CMS\Backend\Routing\Route;
+use TYPO3\CMS\Backend\Routing\RouteRedirect;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\EventDispatcher\ListenerProvider;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Http\Response;
+use TYPO3\CMS\Core\Resource\Event\GeneratePublicUrlForResourceEvent;
+
+/**
+ * General RequestHandler for the TYPO3 Backend. This is used for all Backend requests, including AJAX routes.
+ *
+ * If a get/post parameter "route" is set, the Backend Routing is called and searches for a
+ * matching route inside the Router. The corresponding controller / action is called then which returns the response.
+ *
+ * The following get/post parameters are evaluated here:
+ *   - route
+ *   - token
+ */
+class RequestHandler implements RequestHandlerInterface
+{
+    protected RouteDispatcher $dispatcher;
+
+    protected UriBuilder $uriBuilder;
+
+    protected ListenerProvider $listenerProvider;
+
+    public function __construct(
+        RouteDispatcher $dispatcher,
+        UriBuilder $uriBuilder,
+        ListenerProvider $listenerProvider
+    ) {
+        $this->dispatcher = $dispatcher;
+        $this->uriBuilder = $uriBuilder;
+        $this->listenerProvider = $listenerProvider;
+    }
+
+    /**
+     * Handles a backend request, after finishing running middlewares
+     * Dispatch the request to the appropriate controller through the
+     * Backend Dispatcher which resolves the routing
+     */
+    public function handle(ServerRequestInterface $request): ResponseInterface
+    {
+        // Make sure all FAL resources have absolute URL paths
+        $this->listenerProvider->addListener(
+            GeneratePublicUrlForResourceEvent::class,
+            PublicUrlPrefixer::class,
+            'prefixWithSitePath'
+        );
+
+        /** @var Route $route */
+        $route = $request->getAttribute('route');
+        $isAjaxCall = (bool)($route->getOption('ajax') ?? false);
+
+        // b/w compat
+        $GLOBALS['TYPO3_REQUEST'] = $request;
+
+        try {
+            // Check if the router has the available route and dispatch.
+            return $this->dispatcher->dispatch($request);
+        } catch (MissingRequestTokenException $e) {
+            if ($isAjaxCall) {
+                return new Response(statusCode: 401);
+            }
+            // When token was missing, then redirect to login, but keep the current route as redirect after login
+            $loginUrl = $this->uriBuilder->buildUriWithRedirect(
+                'login',
+                [],
+                RouteRedirect::createFromRoute($request->getAttribute('route'), $request->getQueryParams())
+            );
+            return new RedirectResponse($loginUrl);
+        } catch (InvalidRequestTokenException $e) {
+            if ($isAjaxCall) {
+                return new Response(statusCode: 401);
+            }
+            // When token was invalid, then redirect to login
+            $loginForm = $this->uriBuilder->buildUriFromRoute('login');
+            return new RedirectResponse($loginForm);
+        }
+    }
+}
diff --git a/Classes/Http/RouteDispatcher.php b/Classes/Http/RouteDispatcher.php
new file mode 100644
index 0000000..e1a7239
--- /dev/null
+++ b/Classes/Http/RouteDispatcher.php
@@ -0,0 +1,177 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Http;
+
+use Psr\Container\ContainerInterface;
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Routing\Exception\InvalidRequestTokenException;
+use TYPO3\CMS\Backend\Routing\Exception\MissingRequestTokenException;
+use TYPO3\CMS\Backend\Routing\Route;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Security\SudoMode\Access\AccessFactory;
+use TYPO3\CMS\Backend\Security\SudoMode\Access\AccessStorage;
+use TYPO3\CMS\Backend\Security\SudoMode\Event\SudoModeRequiredEvent;
+use TYPO3\CMS\Backend\Security\SudoMode\Exception\VerificationRequiredException;
+use TYPO3\CMS\Core\Configuration\Features;
+use TYPO3\CMS\Core\Core\Environment;
+use TYPO3\CMS\Core\FormProtection\FormProtectionFactory;
+use TYPO3\CMS\Core\Http\Dispatcher;
+use TYPO3\CMS\Core\Http\Error\MethodNotAllowedException;
+use TYPO3\CMS\Core\Http\Security\ReferrerEnforcer;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Dispatcher which resolves a route to call a controller and method (but also a callable)
+ */
+class RouteDispatcher extends Dispatcher
+{
+    public function __construct(
+        protected readonly FormProtectionFactory $formProtectionFactory,
+        protected readonly EventDispatcherInterface $eventDispatcher,
+        protected readonly AccessFactory $factory,
+        protected readonly AccessStorage $storage,
+        protected readonly Features $features,
+        protected readonly ReferrerEnforcer $referrerEnforcer,
+        ContainerInterface $container,
+    ) {
+        parent::__construct($container);
+    }
+
+    /**
+     * Main method checks the target of the route, and tries to call it.
+     *
+     * @param ServerRequestInterface $request the current server request
+     * @return ResponseInterface the filled response by the callable / controller/action
+     * @throws InvalidRequestTokenException if the route requested a token, but this token did not match
+     * @throws MissingRequestTokenException if the route requested a token, but there was none
+     * @throws \InvalidArgumentException if the defined target for the route is invalid
+     */
+    public function dispatch(ServerRequestInterface $request): ResponseInterface
+    {
+        /** @var Route $route */
+        $route = $request->getAttribute('route');
+
+        $enforceReferrerResponse = $this->enforceReferrer($request, $route);
+        if ($enforceReferrerResponse !== null) {
+            return $enforceReferrerResponse;
+        }
+        // Ensure that a token exists, and the token is requested, if the route requires a valid token
+        $this->assertRequestToken($request, $route);
+        // Ensure that sudo-mode is active, if the route requires it
+        $this->assertSudoMode($request);
+
+        $targetIdentifier = $route->getOption('target');
+        $target = $this->getCallableFromTarget($targetIdentifier);
+        $arguments = [$request];
+        try {
+            return $target(...$arguments);
+        } catch (MethodNotAllowedException $exception) {
+            return $exception->createResponse();
+        }
+    }
+
+    /**
+     * Evaluates HTTP `Referer` header (which is denied by client to be a custom
+     * value) - attempts to ensure the value is given using a HTML client refresh.
+     * see: https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Referer
+     */
+    protected function enforceReferrer(ServerRequestInterface $request, Route $route): ?ResponseInterface
+    {
+        if (!$this->features->isFeatureEnabled('security.backend.enforceReferrer')) {
+            return null;
+        }
+        $referrerFlags = GeneralUtility::trimExplode(',', $route->getOption('referrer') ?? '', true);
+        if (!in_array('required', $referrerFlags, true)) {
+            return null;
+        }
+        return $this->referrerEnforcer->handle(
+            $request,
+            [
+                'flags' => $referrerFlags,
+                'subject' => $route->getPath(),
+            ]
+        );
+    }
+
+    /**
+     * Checks if the request token is valid. This is checked to see if the route is really
+     * created by the same instance. Should be called for all routes in the backend except
+     * for the ones that don't require a login.
+     *
+     * @see UriBuilder where the token is generated.
+     */
+    protected function assertRequestToken(ServerRequestInterface $request, Route $route): void
+    {
+        if ($route->getOption('access') === 'public') {
+            return;
+        }
+        $token = (string)($request->getParsedBody()['token'] ?? $request->getQueryParams()['token'] ?? '');
+        if (empty($token)) {
+            throw new MissingRequestTokenException(
+                sprintf('Invalid request for route "%s"', $route->getPath()),
+                1627905246
+            );
+        }
+        $formProtection = $this->formProtectionFactory->createFromRequest($request);
+        if (!$formProtection->validateToken($token, 'route', $route->getOption('_identifier'))) {
+            throw new InvalidRequestTokenException(
+                sprintf('Invalid request for route "%s"', $route->getPath()),
+                1425389455
+            );
+        }
+    }
+
+    /**
+     * Asserts that sudo mode verification was processed for this route before
+     * and that it did not expire, yet. In case (re-)verification is required,
+     * a corresponding `AccessClaim` is persisted in the user session storage,
+     * and the process of showing the verification dialogs is initiated.
+     */
+    protected function assertSudoMode(ServerRequestInterface $request): void
+    {
+        // #93160: [TASK] Do not require sudo mode in development context
+        if (Environment::getContext()->isDevelopment()) {
+            return;
+        }
+        /** @var ?Route $route */
+        $route = $request->getAttribute('route');
+        $settings = $route?->getOption('sudoMode') ?? null;
+        if (!is_array($settings)) {
+            return;
+        }
+
+        // sudo mode settings for subject are fetched from the request again
+        $subject = $this->factory->buildRouteAccessSubject($request);
+        if ($this->storage->findGrantsBySubject($subject)) {
+            return;
+        }
+        // reuse existing matching claim, or create a new one
+        $claim = $this->storage->findClaimBySubject($subject)
+            ?? $this->factory->buildClaimForSubjectRequest($request, self::class, $subject);
+
+        $event = $this->eventDispatcher->dispatch(new SudoModeRequiredEvent($claim));
+        if ($event->isVerificationRequired()) {
+            throw (new VerificationRequiredException(
+                'Sudo Mode Confirmation Required',
+                1605812020
+            ))->withClaim($claim);
+        }
+    }
+}
diff --git a/Classes/LinkHandler/AbstractLinkHandler.php b/Classes/LinkHandler/AbstractLinkHandler.php
new file mode 100644
index 0000000..a15c733
--- /dev/null
+++ b/Classes/LinkHandler/AbstractLinkHandler.php
@@ -0,0 +1,116 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\LinkHandler;
+
+use TYPO3\CMS\Backend\Controller\AbstractLinkBrowserController;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\View\ViewInterface;
+
+/**
+ * Base class for core link handlers.
+ *
+ * @internal This class should only be used internally. Extensions must implement the LinkHandlerInterface.
+ */
+abstract class AbstractLinkHandler
+{
+    /**
+     * Available additional link attributes
+     *
+     * @var string[]
+     */
+    protected $linkAttributes = ['target', 'title', 'class', 'params', 'rel'];
+
+    /**
+     * @var bool
+     */
+    protected $updateSupported = true;
+
+    /**
+     * @var AbstractLinkBrowserController
+     */
+    protected $linkBrowser;
+
+    /**
+     * @var IconFactory
+     */
+    protected $iconFactory;
+
+    protected ViewInterface $view;
+
+    /**
+     * @var PageRenderer
+     */
+    protected $pageRenderer;
+
+    public function __construct() {}
+
+    public function initialize(AbstractLinkBrowserController $linkBrowser, $identifier, array $configuration)
+    {
+        $this->linkBrowser = $linkBrowser;
+        $this->iconFactory = GeneralUtility::makeInstance(IconFactory::class);
+        $this->pageRenderer = GeneralUtility::makeInstance(PageRenderer::class);
+    }
+
+    /**
+     * @return array
+     */
+    public function getLinkAttributes()
+    {
+        return $this->linkAttributes;
+    }
+
+    /**
+     * @param string[] $fieldDefinitions Array of link attribute field definitions
+     * @return string[]
+     */
+    public function modifyLinkAttributes(array $fieldDefinitions)
+    {
+        return $fieldDefinitions;
+    }
+
+    /**
+     * Return TRUE if the handler supports to update a link.
+     *
+     * This is useful for e.g. file or page links, when only attributes are changed.
+     *
+     * @return bool
+     */
+    public function isUpdateSupported()
+    {
+        return $this->updateSupported;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    public function setView(ViewInterface $view): void
+    {
+        $this->view = $view;
+    }
+}
diff --git a/Classes/LinkHandler/LinkHandlerInterface.php b/Classes/LinkHandler/LinkHandlerInterface.php
new file mode 100644
index 0000000..fa06822
--- /dev/null
+++ b/Classes/LinkHandler/LinkHandlerInterface.php
@@ -0,0 +1,95 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\LinkHandler;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Controller\AbstractLinkBrowserController;
+
+/**
+ * Interface for link handlers displayed in the LinkBrowser.
+ *
+ * Link handlers are used when the global "link" modal is rendered: When linking
+ * an RTE text snipped to something, and for fields like "header_link" in table "tt_content".
+ *
+ * A link handler is a tab in the link modal.
+ *
+ * Link handlers are configured with page TSconfig TCEMAIN.linkHandler - each tab is a sub-key in this area.
+ * The core configures a couple of default link handlers like linking to a page, a mail, telephone and similar.
+ *
+ * Link handlers create a TYPO3 specific URI prefixed with 't3://' managed by ext:core LinkHandling classes.
+ * The frontend translates this to appropriate HTML using the ext:frontend Typolink classes.
+ */
+interface LinkHandlerInterface
+{
+    /**
+     * @return array
+     */
+    public function getLinkAttributes();
+
+    /**
+     * @param string[] $fieldDefinitions Array of link attribute field definitions
+     * @return string[]
+     */
+    public function modifyLinkAttributes(array $fieldDefinitions);
+
+    /**
+     * Initialize the handler
+     *
+     * @param string $identifier
+     * @param array $configuration Page TSconfig of this link handler: TCEMAIN.linkHandler.<identifier>.configuration
+     */
+    public function initialize(AbstractLinkBrowserController $linkBrowser, $identifier, array $configuration);
+
+    /**
+     * Checks if this is the handler for the given link
+     *
+     * The handler may store this information locally for later usage.
+     *
+     * @param array $linkParts Link parts as returned from TypoLinkCodecService
+     *
+     * @return bool
+     */
+    public function canHandleLink(array $linkParts);
+
+    /**
+     * Format the current link for HTML output
+     *
+     * @return string
+     */
+    public function formatCurrentUrl();
+
+    /**
+     * Render the link handler. Ideally this modifies the view, but it can also render content directly.
+     *
+     *
+     * @return string
+     */
+    public function render(ServerRequestInterface $request);
+
+    /**
+     * Return TRUE if the handler supports to update a link.
+     *
+     * This is useful for file or page links, when only attributes are changed.
+     *
+     * @return bool
+     */
+    public function isUpdateSupported();
+
+    /**
+     * @return string[] Array of body-tag attributes
+     */
+    public function getBodyTagAttributes();
+}
diff --git a/Classes/LinkHandler/LinkHandlerVariableProviderInterface.php b/Classes/LinkHandler/LinkHandlerVariableProviderInterface.php
new file mode 100644
index 0000000..8b63b7b
--- /dev/null
+++ b/Classes/LinkHandler/LinkHandlerVariableProviderInterface.php
@@ -0,0 +1,23 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\LinkHandler;
+
+use Psr\Http\Message\ServerRequestInterface;
+
+interface LinkHandlerVariableProviderInterface
+{
+    public function initializeVariables(ServerRequestInterface $request): void;
+}
diff --git a/Classes/LinkHandler/LinkHandlerViewProviderInterface.php b/Classes/LinkHandler/LinkHandlerViewProviderInterface.php
new file mode 100644
index 0000000..0d27519
--- /dev/null
+++ b/Classes/LinkHandler/LinkHandlerViewProviderInterface.php
@@ -0,0 +1,27 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\LinkHandler;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\View\ViewInterface;
+
+interface LinkHandlerViewProviderInterface
+{
+    public function createView(BackendViewFactory $backendViewFactory, ServerRequestInterface $request): ViewInterface;
+    public function setView(ViewInterface $view): self;
+    public function getView(): ViewInterface;
+}
diff --git a/Classes/LinkHandler/MailLinkHandler.php b/Classes/LinkHandler/MailLinkHandler.php
new file mode 100644
index 0000000..5eaae43
--- /dev/null
+++ b/Classes/LinkHandler/MailLinkHandler.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\LinkHandler;
+
+use Psr\Http\Message\ServerRequestInterface;
+
+/**
+ * Link to an email address.
+ *
+ * @internal This class is a specific LinkHandler implementation and is not part of the TYPO3's Core API.
+ */
+class MailLinkHandler extends AbstractLinkHandler implements LinkHandlerInterface
+{
+    /**
+     * Parts of the current link
+     *
+     * @var array
+     */
+    protected $linkParts = [];
+
+    /**
+     * "target" and "rel" are not allowed
+     *
+     * @var string[]
+     */
+    protected $linkAttributes = ['title', 'class', 'subject', 'body', 'cc', 'bcc'];
+
+    /**
+     * We don't support updates since there is no difference to simply set the link again.
+     *
+     * @var bool
+     */
+    protected $updateSupported = false;
+
+    /**
+     * Checks if this is the handler for the given link
+     *
+     * The handler may store this information locally for later usage.
+     *
+     * @param array $linkParts Link parts as returned from TypoLinkCodecService
+     *
+     * @return bool
+     */
+    public function canHandleLink(array $linkParts)
+    {
+        if (isset($linkParts['url']['email'])) {
+            $this->linkParts = $linkParts;
+            return true;
+        }
+        return false;
+    }
+
+    /**
+     * Format the current link for HTML output
+     *
+     * @return string
+     */
+    public function formatCurrentUrl()
+    {
+        return $this->linkParts['url']['email'];
+    }
+
+    /**
+     * Render the link handler
+     */
+    public function render(ServerRequestInterface $request): string
+    {
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/mail-link-handler.js');
+        if (is_array($this->linkParts['url'] ?? null)) {
+            foreach ($this->linkParts['url'] as $name => $value) {
+                $this->view->assign($name, rawurldecode($value));
+            }
+        }
+        return $this->view->render('LinkBrowser/Mail');
+    }
+
+    /**
+     * @return string[] Array of body-tag attributes
+     */
+    public function getBodyTagAttributes()
+    {
+        return [];
+    }
+}
diff --git a/Classes/LinkHandler/PageLinkHandler.php b/Classes/LinkHandler/PageLinkHandler.php
new file mode 100644
index 0000000..07933a7
--- /dev/null
+++ b/Classes/LinkHandler/PageLinkHandler.php
@@ -0,0 +1,283 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\LinkHandler;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Tree\View\LinkParameterProviderInterface;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\DataHandling\PageDoktypeRegistry;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\LinkHandling\LinkService;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Link to a page record.
+ *
+ * @internal This class is a specific LinkHandler implementation and is not part of the TYPO3's Core API.
+ */
+class PageLinkHandler extends AbstractLinkHandler implements LinkHandlerInterface, LinkParameterProviderInterface
+{
+    /**
+     * @var int
+     */
+    protected $expandPage = 0;
+
+    /**
+     * Parts of the current link
+     *
+     * @var array
+     */
+    protected $linkParts = [];
+
+    protected PageDoktypeRegistry $pageDoktypeRegistry;
+
+    public function __construct()
+    {
+        parent::__construct();
+        $this->pageDoktypeRegistry = GeneralUtility::makeInstance(PageDoktypeRegistry::class);
+    }
+
+    /**
+     * Checks if this is the handler for the given link
+     *
+     * The handler may store this information locally for later usage.
+     *
+     * @param array $linkParts Link parts as returned from TypoLinkCodecService
+     *
+     * @return bool
+     */
+    public function canHandleLink(array $linkParts)
+    {
+        if (empty($linkParts['url'] ?? '')) {
+            return false;
+        }
+        $data = $linkParts['url'];
+        // Resolve "current" to the actual page ID from the link browser context
+        if (($data['pageuid'] ?? '') === 'current') {
+            $currentPageId = (int)($this->linkBrowser->getParameters()['pid'] ?? 0);
+            if ($currentPageId > 0) {
+                $linkParts['url']['pageuid'] = $currentPageId;
+                $data = $linkParts['url'];
+            }
+        }
+        // Check if the page still exists
+        if ((int)($data['pageuid'] ?? 0) > 0) {
+            $pageRow = BackendUtility::getRecordWSOL('pages', $data['pageuid']);
+            if (!$pageRow) {
+                return false;
+            }
+        } else {
+            return false;
+        }
+
+        $this->linkParts = $linkParts;
+        return true;
+    }
+
+    /**
+     * Format the current link for HTML output
+     *
+     * @return string
+     */
+    public function formatCurrentUrl()
+    {
+        $lang = $this->getLanguageService();
+
+        $id = (int)$this->linkParts['url']['pageuid'];
+
+        $idInfo = 'ID: ' . $id . (!empty($this->linkParts['url']['fragment']) ? ', #' . $this->linkParts['url']['fragment'] : '');
+
+        $permsClause = $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW);
+        $pageRecord = BackendUtility::readPageAccess($id, $permsClause);
+        if ($pageRecord === false) {
+            return $lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:page') . ' ' . $idInfo;
+        }
+
+        $pageTitle = $pageRecord['title'] ?? '';
+        return $lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:page')
+            . ($pageTitle ? ' \'' . BackendUtility::cropToTitleLength($pageTitle) . '\'' : '')
+            . ' (' . $idInfo . ')';
+    }
+
+    /**
+     * Render the link handler
+     */
+    public function render(ServerRequestInterface $request): string
+    {
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/page-link-handler.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/tree/page-browser.js');
+        $this->getBackendUser()->initializeWebmountsForElementBrowser();
+
+        $this->expandPage = isset($request->getQueryParams()['expandPage']) ? (int)$request->getQueryParams()['expandPage'] : 0;
+
+        $this->view->assign('initialNavigationWidth', $this->getBackendUser()->uc['selector']['navigation']['width'] ?? 250);
+        $this->view->assign('treeActions', ['link']);
+        $this->getRecordsOnExpandedPage($this->expandPage);
+        return $this->view->render('LinkBrowser/Page');
+    }
+
+    /**
+     * This adds all content elements on a page to the view and lets you create a link to the element.
+     *
+     * @param int $pageId Page uid to expand
+     */
+    protected function getRecordsOnExpandedPage($pageId)
+    {
+        // If there is an anchor value (content element reference) in the element reference, then force an ID to expand:
+        if (!$pageId && isset($this->linkParts['url']['fragment'])) {
+            // Set to the current link page id.
+            $pageId = $this->linkParts['url']['pageuid'];
+        }
+        $linkService = GeneralUtility::makeInstance(LinkService::class);
+        $this->view->assign('expandedPage', $pageId ?: $this->linkParts['url']['pageuid'] ?? 0);
+        // Draw the record list IF there is a page id to expand:
+        if ($pageId && MathUtility::canBeInterpretedAsInteger($pageId) && $this->getBackendUser()->isInWebMount($pageId)) {
+            $pageId = (int)$pageId;
+
+            $activePageRecord = BackendUtility::getRecordWSOL('pages', $pageId);
+            $this->view->assign('expandActivePage', true);
+
+            // Create header for listing, showing the page title/icon
+            $this->view->assign('activePage', $activePageRecord);
+            $this->view->assign('activePageTitle', BackendUtility::getRecordTitle('pages', $activePageRecord, true));
+            $this->view->assign('activePageIcon', $this->iconFactory->getIconForRecord('pages', $activePageRecord, IconSize::SMALL)->render());
+            if ($this->isPageLinkable($activePageRecord)) {
+                $this->view->assign('activePageLink', $linkService->asString(['type' => LinkService::TYPE_PAGE, 'pageuid' => $pageId]));
+            }
+
+            // Look up tt_content elements from the expanded page
+            // @todo: this should be grouped by colPos and use the layout from the page module
+            $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)
+                ->getQueryBuilderForTable('tt_content');
+
+            $queryBuilder->getRestrictions()
+                ->removeAll()
+                ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+                ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+
+            $contentElements = $queryBuilder
+                ->select('*')
+                ->from('tt_content')
+                ->where(
+                    $queryBuilder->expr()->and(
+                        $queryBuilder->expr()->eq(
+                            'pid',
+                            $queryBuilder->createNamedParameter($pageId, Connection::PARAM_INT)
+                        ),
+                        $queryBuilder->expr()->in(
+                            'sys_language_uid',
+                            $queryBuilder->createNamedParameter([$activePageRecord['language_tag'], -1], Connection::PARAM_INT_ARRAY)
+                        )
+                    )
+                )
+                ->orderBy('colPos')
+                ->addOrderBy('sorting')
+                ->executeQuery()
+                ->fetchAllAssociative();
+
+            // Enrich list of records
+            $items = [];
+            foreach ($contentElements as $contentElement) {
+                BackendUtility::workspaceOL('tt_content', $contentElement, $this->getBackendUser()->workspace, true);
+                if (is_array($contentElement)) {
+                    // Ensure to always link to the live version of the record
+                    if ((int)$contentElement['t3ver_oid'] > 0) {
+                        $contentElementId = (int)$contentElement['t3ver_oid'];
+                    } else {
+                        $contentElementId = (int)$contentElement['uid'];
+                    }
+                    $contentElement['url'] = $linkService->asString(['type' => LinkService::TYPE_PAGE, 'pageuid' => $pageId, 'fragment' => $contentElementId]);
+                    $contentElement['isSelected'] = (int)($this->linkParts['url']['fragment'] ?? 0) === $contentElementId;
+                    $contentElement['icon'] = $this->iconFactory->getIconForRecord('tt_content', $contentElement, IconSize::SMALL)->render();
+                    $contentElement['title'] = BackendUtility::getRecordTitle('tt_content', $contentElement, true);
+                    $items[] = $contentElement;
+                }
+            }
+            $this->view->assign('contentElements', $items);
+        }
+    }
+
+    /**
+     * @return string[] Array of body-tag attributes
+     */
+    public function getBodyTagAttributes()
+    {
+        if (count($this->linkParts) === 0 || empty($this->linkParts['url']['pageuid'])) {
+            return [];
+        }
+        return [
+            'data-linkbrowser-current-link' => GeneralUtility::makeInstance(LinkService::class)->asString([
+                'type' => LinkService::TYPE_PAGE,
+                'pageuid' => (int)$this->linkParts['url']['pageuid'],
+                'fragment' => $this->linkParts['url']['fragment'] ?? '',
+            ]),
+        ];
+    }
+
+    /**
+     * @param array $values Array of values to include into the parameters or which might influence the parameters
+     * @return array Array of parameters which have to be added to URLs
+     */
+    public function getUrlParameters(array $values): array
+    {
+        $parameters = [
+            'expandPage' => isset($values['pid']) ? (int)$values['pid'] : $this->expandPage,
+        ];
+        return array_merge($this->linkBrowser->getUrlParameters($values), $parameters);
+    }
+
+    /**
+     * @param string[] $fieldDefinitions Array of link attribute field definitions
+     * @return string[]
+     */
+    public function modifyLinkAttributes(array $fieldDefinitions)
+    {
+        $configuration = $this->linkBrowser->getConfiguration();
+        // Depending on where the configuration is set it can be 'pageIdSelector' (CKEditor yaml) or 'pageIdSelector.' (TSconfig)
+        if (!empty($configuration['pageIdSelector']['enabled']) || !empty($configuration['pageIdSelector.']['enabled'])) {
+            $this->linkAttributes[] = 'pageIdSelector';
+            $fieldDefinitions['pageIdSelector'] = '
+				<form><div class="row mt-3">
+					<label class="col-3 col-form-label">
+						' . htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:page_id')) . '
+						</label>
+					<div class="col-2">
+						<input type="number" size="6" name="luid" id="luid" class="form-control" />
+					</div>
+					<div class="col-7">
+						<input class="btn btn-default t3js-pageLink" type="submit" value="' . htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:setLink')) . '" />
+					</div>
+				</div></form>';
+        }
+        return $fieldDefinitions;
+    }
+
+    protected function isPageLinkable(array $page): bool
+    {
+        return $this->pageDoktypeRegistry->isPageViewable(
+            (int)$page['doktype'],
+            (int)$page['uid']
+        );
+    }
+}
diff --git a/Classes/LinkHandler/RecordLinkHandler.php b/Classes/LinkHandler/RecordLinkHandler.php
new file mode 100644
index 0000000..ed6ce0a
--- /dev/null
+++ b/Classes/LinkHandler/RecordLinkHandler.php
@@ -0,0 +1,274 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\LinkHandler;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Controller\AbstractLinkBrowserController;
+use TYPO3\CMS\Backend\Module\ModuleData;
+use TYPO3\CMS\Backend\RecordList\ElementBrowserRecordList;
+use TYPO3\CMS\Backend\Tree\View\LinkParameterProviderInterface;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\RecordSearchBoxComponent;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\LinkHandling\LinkService;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * This link handler allows linking to arbitrary database records.
+ * They can be configured in addition to default core link handlers and are rendered
+ * as additional tab in the link browser.
+ *
+ * A typical use case is linking a single new record.
+ *
+ * Additional page TSconfig TCEMAIN.linkHandler setup is necessary to use this.
+ *
+ * A typical configuration looks like the below snippet. It configures a tab that allows linking to
+ * ext:news news records ("table" is mandatory), labels them as "Book reports" (LLL: is possible),
+ * forces a specific page-uid (optional), and hides page-tree selection (optional).
+ *
+ * TCEMAIN.linkHandler.bookreports {
+ *   handler = TYPO3\CMS\Backend\LinkHandler\RecordLinkHandler
+ *   label = Book Reports
+ *   configuration {
+ *     table = tx_news_domain_model_news
+ *     storagePid = 42
+ *     hidePageTree = 1
+ *   }
+ * }
+ *
+ * @internal This class is a specific LinkHandler implementation and is not part of the TYPO3's Core API.
+ */
+#[Autoconfigure(public: true, shared: false)]
+final class RecordLinkHandler extends AbstractLinkHandler implements LinkHandlerInterface, LinkParameterProviderInterface
+{
+    /**
+     * Configuration key in TSconfig TCEMAIN.linkHandler.<identifier>
+     */
+    private string $identifier;
+
+    /**
+     * Specific TSconfig for the current instance (corresponds to TCEMAIN.linkHandler.record.<identifier>.configuration)
+     */
+    private array $configuration = [];
+
+    /**
+     * Parts of the current link
+     */
+    private array $linkParts = [];
+
+    private int $expandPage = 0;
+
+    public function __construct(
+        private readonly ElementBrowserRecordList $elementBrowserRecordList,
+        private readonly RecordSearchBoxComponent $recordSearchBoxComponent,
+        private readonly LinkService $linkService,
+        private readonly TcaSchemaFactory $tcaSchemaFactory,
+    ) {
+        parent::__construct();
+    }
+
+    public function initialize(AbstractLinkBrowserController $linkBrowser, $identifier, array $configuration)
+    {
+        parent::initialize($linkBrowser, $identifier, $configuration);
+        $this->identifier = $identifier;
+        if (empty($configuration['table'])) {
+            throw new \LogicException(
+                'Page TSconfig TCEMAIN.linkHandler.' . $identifier . '.configuration.table is mandatory and must be set to a table name.',
+                1657960610
+            );
+        }
+        $this->configuration = $configuration;
+    }
+
+    /**
+     * Checks if this is the right handler for the given link.
+     * Also stores information locally about currently linked record.
+     *
+     * @param array $linkParts Link parts as returned from TypoLinkCodecService
+     */
+    public function canHandleLink(array $linkParts): bool
+    {
+        if (!$linkParts['url'] || !isset($linkParts['url']['identifier']) || $linkParts['url']['identifier'] !== $this->identifier) {
+            return false;
+        }
+
+        $data = $linkParts['url'];
+
+        // Get the related record
+        $table = $this->configuration['table'];
+        $record = BackendUtility::getRecord($table, $data['uid']);
+        if ($record === null) {
+            $linkParts['title'] = $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:recordNotFound');
+        } else {
+            $linkParts['pid'] = (int)$record['pid'];
+            $linkParts['title'] = !empty($linkParts['title']) ? $linkParts['title'] : BackendUtility::getRecordTitle($table, $record);
+        }
+        $linkParts['tableName'] = $this->tcaSchemaFactory->get($table)->getTitle($this->getLanguageService()->sL(...));
+        $linkParts['url']['type'] = $linkParts['type'];
+        $this->linkParts = $linkParts;
+
+        return true;
+    }
+
+    /**
+     * Formats information for the current record for HTML output.
+     */
+    public function formatCurrentUrl(): string
+    {
+        return sprintf(
+            '%s: %s [uid: %d]',
+            $this->linkParts['tableName'],
+            $this->linkParts['title'],
+            $this->linkParts['url']['uid']
+        );
+    }
+
+    /**
+     * Renders the link handler.
+     */
+    public function render(ServerRequestInterface $request): string
+    {
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/record-link-handler.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/recordlist.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/record-search.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/column-selector-button.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/tree/page-browser.js');
+        $this->getBackendUser()->initializeWebmountsForElementBrowser();
+
+        // Define the current page
+        if (isset($request->getQueryParams()['expandPage'])) {
+            $this->expandPage = (int)$request->getQueryParams()['expandPage'];
+        } elseif (isset($this->configuration['storagePid'])) {
+            $this->expandPage = (int)$this->configuration['storagePid'];
+        } elseif (isset($this->linkParts['pid'])) {
+            $this->expandPage = (int)$this->linkParts['pid'];
+        }
+
+        $pageTreeMountPoints = (string)($this->configuration['pageTreeMountPoints'] ?? '');
+        $this->view->assignMultiple([
+            'treeEnabled' => (bool)($this->configuration['hidePageTree'] ?? false) === false,
+            'pageTreeMountPoints' => GeneralUtility::intExplode(',', $pageTreeMountPoints, true),
+            'recordList' => $this->renderTableRecords($request),
+            'initialNavigationWidth' => $this->getBackendUser()->uc['selector']['navigation']['width'] ?? 250,
+            'treeActions' => ['link'],
+        ]);
+
+        return $this->view->render('LinkBrowser/Record');
+    }
+
+    /**
+     * Returns attributes for the body tag.
+     *
+     * @return string[] Array of body-tag attributes
+     */
+    public function getBodyTagAttributes(): array
+    {
+        $attributes = [
+            'data-linkbrowser-identifier' => 't3://record?identifier=' . $this->identifier . '&uid=',
+        ];
+        if (!empty($this->linkParts)) {
+            $attributes['data-linkbrowser-current-link'] = $this->linkService->asString($this->linkParts['url']);
+        }
+        return $attributes;
+    }
+
+    /**
+     * Returns all parameters needed to build a URL with all the necessary information.
+     *
+     * @param array $values Array of values to include into the parameters or which might influence the parameters
+     * @return array Array of parameters which have to be added to URLs
+     */
+    public function getUrlParameters(array $values): array
+    {
+        $pid = isset($values['pid']) ? (int)$values['pid'] : $this->expandPage;
+        $parameters = [
+            'expandPage' => $pid,
+        ];
+
+        return array_merge(
+            $this->linkBrowser->getUrlParameters($values),
+            ['P' => $this->linkBrowser->getParameters()],
+            $parameters
+        );
+    }
+
+    /**
+     * Render elements of configured table
+     */
+    private function renderTableRecords(ServerRequestInterface $request): string
+    {
+        $html = [];
+        $backendUser = $this->getBackendUser();
+        $selectedPage = $this->expandPage;
+        if ($selectedPage < 0 || !$backendUser->isInWebMount($selectedPage)) {
+            return '';
+        }
+        $table = $this->configuration['table'];
+        $modTSconfig = BackendUtility::getPagesTSconfig($selectedPage)['mod.']['web_list.'] ?? [];
+        $permsClause = $backendUser->getPagePermsClause(Permission::PAGE_SHOW);
+        $pageInfo = BackendUtility::readPageAccess($selectedPage, $permsClause);
+        $selectedTable = (string)($request->getParsedBody()['table'] ?? $request->getQueryParams()['table'] ?? '');
+        $searchWord = (string)($request->getParsedBody()['searchTerm'] ?? $request->getQueryParams()['searchTerm'] ?? '');
+        $pointer = (int)($request->getParsedBody()['pointer'] ?? $request->getQueryParams()['pointer'] ?? 0);
+        $searchLevels = (int)($request->getParsedBody()['search_levels'] ?? $request->getQueryParams()['search_levels'] ?? $modTSconfig['searchLevel.']['default'] ?? 0);
+
+        $existingModuleData = $backendUser->getModuleData('records');
+        $moduleData = new ModuleData('records', is_array($existingModuleData) ? $existingModuleData : []);
+
+        // If table is 'pages', add a pre-entry to make selected page selectable directly.
+        $mainPageRecord = BackendUtility::getRecordWSOL('pages', $selectedPage);
+        if (is_array($mainPageRecord)) {
+            $pText = htmlspecialchars(BackendUtility::cropToTitleLength($mainPageRecord['title']));
+            $html[] = '<p>' . $this->iconFactory->getIconForRecord('pages', $mainPageRecord, IconSize::SMALL)->render() . '&nbsp;';
+            if ($table === 'pages') {
+                $html[] = '<span data-uid="' . htmlspecialchars((string)$mainPageRecord['uid']) . '" data-table="pages" data-title="' . htmlspecialchars($mainPageRecord['title']) . '">';
+                $html[] =    '<a href="#" data-close="0">' . $this->iconFactory->getIcon('actions-plus', IconSize::SMALL)->render() . '</a>';
+                $html[] =    '<a href="#" data-close="1">' . $pText . '</a>';
+                $html[] = '</span>';
+            } else {
+                $html[] = $pText;
+            }
+            $html[] = '</p>';
+        }
+
+        $dbList = $this->elementBrowserRecordList;
+        $dbList->setRequest($request);
+        $dbList->setModuleData($moduleData);
+        $dbList->setOverrideUrlParameters(array_merge($this->getUrlParameters([]), ['mode' => 'db', 'expandPage' => $selectedPage]), $request);
+        $dbList->setIsEditable(false);
+        $dbList->calcPerms = new Permission($backendUser->calcPerms($pageInfo));
+        $dbList->noControlPanels = true;
+        $dbList->clickMenuEnabled = false;
+        $dbList->displayRecordDownload = false;
+        $dbList->tableList = $table;
+        $dbList->start($selectedPage, $selectedTable, MathUtility::forceIntegerInRange($pointer, 0, 100000), $searchWord, $searchLevels);
+
+        $html[] = $this->recordSearchBoxComponent
+            ->setAllowedSearchLevels((array)($modTSconfig['searchLevel.']['items.'] ?? []))
+            ->setSearchLevel($searchLevels)
+            ->setSearchWord($searchWord)
+            ->render($request, $dbList->listURL('', null, 'pointer,searchTerm'));
+        $html[] = $dbList->generateList();
+
+        return implode("\n", $html);
+    }
+}
diff --git a/Classes/LinkHandler/TelephoneLinkHandler.php b/Classes/LinkHandler/TelephoneLinkHandler.php
new file mode 100644
index 0000000..b309026
--- /dev/null
+++ b/Classes/LinkHandler/TelephoneLinkHandler.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\LinkHandler;
+
+use Psr\Http\Message\ServerRequestInterface;
+
+/**
+ * Link to a telephone number.
+ *
+ * @internal This class is a specific LinkHandler implementation and is not part of the TYPO3's Core API.
+ */
+class TelephoneLinkHandler extends AbstractLinkHandler implements LinkHandlerInterface
+{
+    /**
+     * Parts of the current link
+     *
+     * @var array
+     */
+    protected $linkParts = [];
+
+    /**
+     * We don't support updates since there is no difference to simply set the link again.
+     *
+     * @var bool
+     */
+    protected $updateSupported = false;
+
+    /**
+     * Constructor
+     */
+    public function __construct()
+    {
+        parent::__construct();
+        // remove unsupported link attributes
+        foreach (['target', 'rel'] as $attribute) {
+            $position = array_search($attribute, $this->linkAttributes, true);
+            if ($position !== false) {
+                unset($this->linkAttributes[$position]);
+            }
+        }
+    }
+
+    /**
+     * Checks if this is the handler for the given link
+     *
+     * The handler may store this information locally for later usage.
+     *
+     * @param array $linkParts Link parts as returned from TypoLinkCodecService
+     */
+    public function canHandleLink(array $linkParts): bool
+    {
+        if (isset($linkParts['url']['telephone'])) {
+            $this->linkParts = $linkParts;
+            return true;
+        }
+        return false;
+    }
+
+    /**
+     * Format the current link for HTML output
+     */
+    public function formatCurrentUrl(): string
+    {
+        return $this->linkParts['url']['telephone'];
+    }
+
+    /**
+     * Render the link handler
+     */
+    public function render(ServerRequestInterface $request): string
+    {
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/telephone-link-handler.js');
+        $this->view->assign('telephone', !empty($this->linkParts) ? $this->linkParts['url']['telephone'] : '');
+        return $this->view->render('LinkBrowser/Telephone');
+    }
+
+    /**
+     * @return string[] Array of body-tag attributes
+     */
+    public function getBodyTagAttributes(): array
+    {
+        return [];
+    }
+}
diff --git a/Classes/LinkHandler/UrlLinkHandler.php b/Classes/LinkHandler/UrlLinkHandler.php
new file mode 100644
index 0000000..3ab9e9a
--- /dev/null
+++ b/Classes/LinkHandler/UrlLinkHandler.php
@@ -0,0 +1,100 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\LinkHandler;
+
+use Psr\Http\Message\ServerRequestInterface;
+
+/**
+ * Link to an arbitrary external URL.
+ *
+ * @internal This class is a specific LinkHandler implementation and is not part of the TYPO3's Core API.
+ */
+class UrlLinkHandler extends AbstractLinkHandler implements LinkHandlerInterface
+{
+    /**
+     * Parts of the current link
+     *
+     * @var array
+     */
+    protected $linkParts = [];
+
+    /**
+     * We don't support updates since there is no difference to simply set the link again.
+     *
+     * @var bool
+     */
+    protected $updateSupported = false;
+
+    /**
+     * Constructor
+     */
+    public function __construct()
+    {
+        parent::__construct();
+        // remove unsupported link attribute
+        unset($this->linkAttributes[array_search('params', $this->linkAttributes, true)]);
+    }
+
+    /**
+     * Checks if this is the handler for the given link
+     *
+     * The handler may store this information locally for later usage.
+     *
+     * @param array $linkParts Link parts as returned from TypoLinkCodecService
+     *
+     * @return bool
+     */
+    public function canHandleLink(array $linkParts)
+    {
+        if (!isset($linkParts['url']['url'])) {
+            return false;
+        }
+        $linkParts['url'] = $linkParts['url']['url'];
+        $this->linkParts = $linkParts;
+
+        return true;
+    }
+
+    /**
+     * Format the current link for HTML output
+     *
+     * @return string
+     */
+    public function formatCurrentUrl()
+    {
+        return $this->linkParts['url'];
+    }
+
+    /**
+     * Render the link handler
+     */
+    public function render(ServerRequestInterface $request)
+    {
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/url-link-handler.js');
+        $this->view->assign('url', !empty($this->linkParts) ? $this->linkParts['url'] : '');
+        return $this->view->render('LinkBrowser/Url');
+    }
+
+    /**
+     * @return string[] Array of body-tag attributes
+     */
+    public function getBodyTagAttributes()
+    {
+        return [];
+    }
+}
diff --git a/Classes/Localization/Event/ModifyLocalizationHandlerIsAvailableEvent.php b/Classes/Localization/Event/ModifyLocalizationHandlerIsAvailableEvent.php
new file mode 100644
index 0000000..64e6763
--- /dev/null
+++ b/Classes/Localization/Event/ModifyLocalizationHandlerIsAvailableEvent.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Localization\Event;
+
+use TYPO3\CMS\Backend\Localization\LocalizationHandlerRegistry;
+use TYPO3\CMS\Backend\Localization\LocalizationInstructions;
+
+/**
+ * Fired in {@see LocalizationHandlerRegistry::getAvailableHandlers()} for each registered
+ * handler to allow overriding `isAvailable` state returned by the handler `isAvailable()`
+ * method. Main use-case is to disable handlers for special cases not implemented in the
+ * handler and mitigate the need to xclass them and reduces headaches in instances and for
+ * extension developers.
+ */
+final class ModifyLocalizationHandlerIsAvailableEvent
+{
+    public function __construct(
+        public readonly string $identifier,
+        public readonly string $className,
+        public readonly LocalizationInstructions $instructions,
+        public bool $isAvailable,
+    ) {}
+}
diff --git a/Classes/Localization/Finisher/LocalizationFinisherInterface.php b/Classes/Localization/Finisher/LocalizationFinisherInterface.php
new file mode 100644
index 0000000..d77d2ab
--- /dev/null
+++ b/Classes/Localization/Finisher/LocalizationFinisherInterface.php
@@ -0,0 +1,68 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Localization\Finisher;
+
+/**
+ * Interface for finishers after localization
+ *
+ * Finishers tell the frontend what to do after a successful localization,
+ * such as redirecting to a page, loading a JavaScript module, or executing custom logic.
+ *
+ * @internal This API is not yet stable and may change before the LTS release
+ */
+interface LocalizationFinisherInterface extends \JsonSerializable
+{
+    /**
+     * Get the finisher type identifier
+     *
+     * This is used by the frontend to determine which handler to use
+     * (e.g., 'redirect', 'noop', 'reload')
+     */
+    public function getIdentifier(): string;
+
+    /**
+     * Get the JavaScript module path for this finisher
+     *
+     * This module will be dynamically loaded by the frontend to handle
+     * the finisher's rendering and execution logic.
+     *
+     * @return string The module path (e.g., '@typo3/backend/localization/finisher/redirect-finisher.js')
+     */
+    public function getModule(): string;
+
+    /**
+     * Get the finisher data as an array
+     *
+     * This data will be passed to the frontend handler
+     */
+    public function getData(): array;
+
+    /**
+     * Get all labels needed by this finisher's JavaScript module
+     *
+     * Implementations should provide pre-processed UI strings that will be passed through
+     * to the frontend without any server-side resolution. The finisher implementation is
+     * responsible for translating and formatting these strings.
+     *
+     * The array should be a simple key-value map where keys are arbitrary identifiers
+     * used by the JavaScript module, and values are the ready-to-display strings.
+     *
+     * @return array<string, string> Label identifier => Ready-to-display string
+     */
+    public function getLabels(): array;
+}
diff --git a/Classes/Localization/Finisher/NoopLocalizationFinisher.php b/Classes/Localization/Finisher/NoopLocalizationFinisher.php
new file mode 100644
index 0000000..c5c1f26
--- /dev/null
+++ b/Classes/Localization/Finisher/NoopLocalizationFinisher.php
@@ -0,0 +1,69 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Localization\Finisher;
+
+use TYPO3\CMS\Core\Localization\LanguageService;
+
+/**
+ * Finisher for when no localization operation was performed
+ *
+ * Used when the localization wizard completes but no actual work was done
+ * (e.g., page already translated, no content selected). Offers to reload the page.
+ *
+ * @internal
+ */
+final readonly class NoopLocalizationFinisher implements LocalizationFinisherInterface
+{
+    public function getIdentifier(): string
+    {
+        return 'noop';
+    }
+
+    public function getModule(): string
+    {
+        return '@typo3/backend/wizard/finisher/noop-finisher.js';
+    }
+
+    public function getData(): array
+    {
+        return [];
+    }
+
+    public function getLabels(): array
+    {
+        return [
+            'successTitle' => $this->getLanguageService()->sL('backend.wizards.localization:localization_wizard.finisher.noop.success.title'),
+            'successDescription' => $this->getLanguageService()->sL('backend.wizards.localization:localization_wizard.finisher.noop.success.description'),
+        ];
+    }
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'identifier' => $this->getIdentifier(),
+            'module' => $this->getModule(),
+            'data' => $this->getData(),
+            'labels' => $this->getLabels(),
+        ];
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Localization/Finisher/RedirectLocalizationFinisher.php b/Classes/Localization/Finisher/RedirectLocalizationFinisher.php
new file mode 100644
index 0000000..0f631c8
--- /dev/null
+++ b/Classes/Localization/Finisher/RedirectLocalizationFinisher.php
@@ -0,0 +1,72 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Localization\Finisher;
+
+use TYPO3\CMS\Core\Localization\LanguageService;
+
+/**
+ * Finisher to redirect to a specific URL after localization
+ *
+ * @internal
+ */
+final readonly class RedirectLocalizationFinisher implements LocalizationFinisherInterface
+{
+    public function __construct(
+        public string $url,
+    ) {}
+
+    public function getIdentifier(): string
+    {
+        return 'redirect';
+    }
+
+    public function getModule(): string
+    {
+        return '@typo3/backend/wizard/finisher/redirect-finisher.js';
+    }
+
+    public function getData(): array
+    {
+        return [
+            'url' => $this->url,
+        ];
+    }
+
+    public function getLabels(): array
+    {
+        return [
+            'successTitle' => $this->getLanguageService()->sL('backend.wizards.localization:localization_wizard.finisher.redirect.success.title'),
+            'successDescription' => $this->getLanguageService()->sL('backend.wizards.localization:localization_wizard.finisher.redirect.success.description'),
+        ];
+    }
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'identifier' => $this->getIdentifier(),
+            'module' => $this->getModule(),
+            'data' => $this->getData(),
+            'labels' => $this->getLabels(),
+        ];
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Localization/Finisher/ReloadLocalizationFinisher.php b/Classes/Localization/Finisher/ReloadLocalizationFinisher.php
new file mode 100644
index 0000000..09ae80f
--- /dev/null
+++ b/Classes/Localization/Finisher/ReloadLocalizationFinisher.php
@@ -0,0 +1,66 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Localization\Finisher;
+
+use TYPO3\CMS\Core\Localization\LanguageService;
+
+/**
+ * Finisher to reload the current page/content frame after localization
+ *
+ * @internal
+ */
+final readonly class ReloadLocalizationFinisher implements LocalizationFinisherInterface
+{
+    public function getIdentifier(): string
+    {
+        return 'reload';
+    }
+
+    public function getModule(): string
+    {
+        return '@typo3/backend/wizard/finisher/reload-finisher.js';
+    }
+
+    public function getData(): array
+    {
+        return [];
+    }
+
+    public function getLabels(): array
+    {
+        return [
+            'successTitle' => $this->getLanguageService()->sL('backend.wizards.localization:localization_wizard.finisher.reload.success.title'),
+            'successDescription' => $this->getLanguageService()->sL('backend.wizards.localization:localization_wizard.finisher.reload.success.description'),
+        ];
+    }
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'identifier' => $this->getIdentifier(),
+            'module' => $this->getModule(),
+            'data' => $this->getData(),
+            'labels' => $this->getLabels(),
+        ];
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Localization/LocalizationHandlerInterface.php b/Classes/Localization/LocalizationHandlerInterface.php
new file mode 100644
index 0000000..59dab80
--- /dev/null
+++ b/Classes/Localization/LocalizationHandlerInterface.php
@@ -0,0 +1,80 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Localization;
+
+/**
+ * Interface for localization handlers that perform the actual localization logic
+ *
+ * Handlers are responsible for executing the localization based on the selected mode
+ *
+ * @internal This API is not yet stable and may change before the LTS release
+ */
+interface LocalizationHandlerInterface
+{
+    /**
+     * Get a unique identifier for this handler
+     *
+     * @return string Unique identifier (e.g., 'manual', 'deepl', 'google_translate')
+     */
+    public function getIdentifier(): string;
+
+    /**
+     * Get a human-readable label for this handler
+     *
+     * @return string Label that will be displayed in the UI (can be a translation key LLL:...)
+     */
+    public function getLabel(): string;
+
+    /**
+     * Get a description of what this handler does
+     *
+     * @return string Description shown to help users choose the right handler (can be a translation key LLL:...)
+     */
+    public function getDescription(): string;
+
+    /**
+     * Get the icon identifier for this handler
+     *
+     * @return string Icon identifier that can be resolved by the IconFactory
+     */
+    public function getIconIdentifier(): string;
+
+    /**
+     * Check if this handler is available for the given localization context
+     *
+     * This is a pre-flight check before showing the handler to the user.
+     * It receives the same context as processLocalization() to determine if
+     * the handler can process this specific localization request.
+     *
+     * Handlers can use this to determine if they support:
+     * - Specific record types (e.g., only pages or tt_content)
+     * - Specific source/target language combinations
+     * - Specific localization modes (copy vs translate)
+     * - Other contextual requirements (e.g., API keys configured, specific records)
+     *
+     * @return bool True if this handler can process the localization in this context
+     */
+    public function isAvailable(LocalizationInstructions $instructions): bool;
+
+    /**
+     * Process the localization for the given records
+     *
+     * @return LocalizationResult The result of the localization operation
+     */
+    public function processLocalization(LocalizationInstructions $instructions): LocalizationResult;
+}
diff --git a/Classes/Localization/LocalizationHandlerRegistry.php b/Classes/Localization/LocalizationHandlerRegistry.php
new file mode 100644
index 0000000..9be4467
--- /dev/null
+++ b/Classes/Localization/LocalizationHandlerRegistry.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Localization;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use TYPO3\CMS\Backend\Localization\Event\ModifyLocalizationHandlerIsAvailableEvent;
+
+/**
+ * Registry for localization handlers
+ *
+ * Manages all available localization handlers and provides methods to
+ * retrieve them by identifier or get all available handlers
+ *
+ * @internal
+ */
+class LocalizationHandlerRegistry
+{
+    /**
+     * @var array<string, LocalizationHandlerInterface>
+     */
+    private array $handlers = [];
+
+    /**
+     * @param iterable<LocalizationHandlerInterface> $handlers
+     */
+    public function __construct(
+        iterable $handlers,
+        private readonly EventDispatcherInterface $eventDispatcher,
+    ) {
+        foreach ($handlers as $handler) {
+            $this->handlers[$handler->getIdentifier()] = $handler;
+        }
+    }
+
+    /**
+     * Get a handler by its identifier
+     *
+     * @throws \InvalidArgumentException if handler not found
+     */
+    public function getHandler(string $identifier): LocalizationHandlerInterface
+    {
+        if (!$this->hasHandler($identifier)) {
+            throw new \InvalidArgumentException(
+                sprintf('Localization handler "%s" not found', $identifier),
+                1733832000
+            );
+        }
+
+        return $this->handlers[$identifier];
+    }
+
+    /**
+     * Check if a handler with the given identifier exists
+     */
+    public function hasHandler(string $identifier): bool
+    {
+        return isset($this->handlers[$identifier]);
+    }
+
+    /**
+     * Get available handlers for the given localization context
+     *
+     * Filters handlers based on their availability for the specific context.
+     *
+     * @return array<string, LocalizationHandlerInterface> Available handlers indexed by identifier
+     */
+    public function getAvailableHandlers(LocalizationInstructions $instructions): array
+    {
+        $availableHandlers = [];
+        foreach ($this->handlers as $handler) {
+            $isAvailable = $this->eventDispatcher->dispatch(new ModifyLocalizationHandlerIsAvailableEvent(
+                identifier: $handler->getIdentifier(),
+                className: $handler::class,
+                instructions: $instructions,
+                isAvailable: $handler->isAvailable($instructions),
+            ))->isAvailable;
+            if ($isAvailable === true) {
+                $availableHandlers[$handler->getIdentifier()] = $handler;
+            }
+        }
+
+        return $availableHandlers;
+    }
+}
diff --git a/Classes/Localization/LocalizationInstructions.php b/Classes/Localization/LocalizationInstructions.php
new file mode 100644
index 0000000..720150f
--- /dev/null
+++ b/Classes/Localization/LocalizationInstructions.php
@@ -0,0 +1,58 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Localization;
+
+/**
+ * A DTO for transferring localization information
+ */
+final readonly class LocalizationInstructions
+{
+    public function __construct(
+        // The record type (e.g., 'pages', 'tt_content')
+        public string $mainRecordType,
+        // The record UID to localize
+        public int $recordUid,
+        // The source language UID
+        public int $sourceLanguageId,
+        // The target language UID
+        public int $targetLanguageId,
+        public LocalizationMode $mode,
+        // Additional data from the wizard steps (e.g., selected records for pages)
+        public array $additionalData
+    ) {}
+
+    public static function create(array $parameters): self
+    {
+        if (!isset($parameters['recordType'], $parameters['recordUid'], $parameters['sourceLanguage'], $parameters['targetLanguage'], $parameters['mode'])) {
+            throw new \InvalidArgumentException('Missing required parameters given', 1762977203);
+        }
+
+        // Convert mode string to enum
+        // We do not use tryFrom() so a valueError can be thrown
+        $mode = LocalizationMode::from($parameters['mode']);
+
+        return new self(
+            $parameters['recordType'],
+            (int)$parameters['recordUid'],
+            (int)$parameters['sourceLanguage'],
+            (int)$parameters['targetLanguage'],
+            $mode,
+            $parameters['additionalData'] ?? []
+        );
+    }
+}
diff --git a/Classes/Localization/LocalizationMode.php b/Classes/Localization/LocalizationMode.php
new file mode 100644
index 0000000..2114488
--- /dev/null
+++ b/Classes/Localization/LocalizationMode.php
@@ -0,0 +1,97 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Localization;
+
+/**
+ * Enum representing available localization modes
+ *
+ * Each mode describes a different strategy for localizing records.
+ */
+enum LocalizationMode: string
+{
+    case COPY = 'copy';
+    case TRANSLATE = 'localize';
+
+    /**
+     * Get the human-readable label for this mode
+     */
+    public function getLabel(): string
+    {
+        return match ($this) {
+            self::COPY => 'backend.layout:localize.wizard.button.copy',
+            self::TRANSLATE => 'backend.layout:localize.wizard.button.translate',
+        };
+    }
+
+    /**
+     * Get the description for this mode
+     */
+    public function getDescription(): string
+    {
+        return match ($this) {
+            self::COPY => 'backend.layout:localize.educate.copy',
+            self::TRANSLATE => 'backend.layout:localize.educate.translate',
+        };
+    }
+
+    /**
+     * Get the icon identifier for this mode
+     */
+    public function getIconIdentifier(): string
+    {
+        return match ($this) {
+            self::COPY => 'actions-edit-copy',
+            self::TRANSLATE => 'actions-localize',
+        };
+    }
+
+    /**
+     * Get the priority of this mode (higher number = higher priority)
+     */
+    public function getPriority(): int
+    {
+        return match ($this) {
+            self::COPY => 10,
+            self::TRANSLATE => 20,
+        };
+    }
+
+    /**
+     * Get the DataHandler command for this mode
+     */
+    public function getDataHandlerCommand(): string
+    {
+        return match ($this) {
+            self::COPY => 'copyToLanguage',
+            self::TRANSLATE => 'localize',
+        };
+    }
+
+    /**
+     * Export mode data for JSON serialization (for API responses)
+     */
+    public function jsonSerialize(): array
+    {
+        return [
+            'key' => $this->value,
+            'label' => $this->getLabel(),
+            'description' => $this->getDescription(),
+            'iconIdentifier' => $this->getIconIdentifier(),
+        ];
+    }
+}
diff --git a/Classes/Localization/LocalizationResult.php b/Classes/Localization/LocalizationResult.php
new file mode 100644
index 0000000..13ba9c5
--- /dev/null
+++ b/Classes/Localization/LocalizationResult.php
@@ -0,0 +1,103 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Localization;
+
+use TYPO3\CMS\Backend\Localization\Finisher\LocalizationFinisherInterface;
+
+/**
+ * Result object for localization operations
+ *
+ * Contains the outcome of a localization operation and optional finisher
+ * that tells the frontend what to do next (e.g., redirect, load a module, reload).
+ *
+ * @internal
+ */
+final readonly class LocalizationResult implements \JsonSerializable
+{
+    /**
+     * @param bool $success Whether the localization was successful
+     * @param LocalizationFinisherInterface|null $finisher Finisher to execute after localization (required for success)
+     * @param array<string> $errors Array of error messages (if any)
+     */
+    public function __construct(
+        public bool $success = true,
+        public ?LocalizationFinisherInterface $finisher = null,
+        public array $errors = []
+    ) {}
+
+    /**
+     * Create a successful result
+     */
+    public static function success(
+        LocalizationFinisherInterface $finisher
+    ): self {
+        return new self(
+            success: true,
+            finisher: $finisher
+        );
+    }
+
+    /**
+     * Create a failed result with error messages
+     *
+     * @param array<string> $errors
+     */
+    public static function error(array $errors): self
+    {
+        return new self(
+            success: false,
+            errors: $errors
+        );
+    }
+
+    /**
+     * Check if the result has errors
+     */
+    public function hasErrors(): bool
+    {
+        return !empty($this->errors);
+    }
+
+    /**
+     * Check if the result is successful
+     */
+    public function isSuccess(): bool
+    {
+        return $this->success;
+    }
+
+    /**
+     * Convert to array for JSON serialization
+     */
+    public function jsonSerialize(): array
+    {
+        $data = [
+            'success' => $this->success,
+        ];
+
+        if ($this->finisher !== null) {
+            $data['finisher'] = $this->finisher->jsonSerialize();
+        }
+
+        if (!empty($this->errors)) {
+            $data['errors'] = $this->errors;
+        }
+
+        return $data;
+    }
+}
diff --git a/Classes/Localization/ManualLocalizationHandler.php b/Classes/Localization/ManualLocalizationHandler.php
new file mode 100644
index 0000000..8ed8a19
--- /dev/null
+++ b/Classes/Localization/ManualLocalizationHandler.php
@@ -0,0 +1,282 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Localization;
+
+use TYPO3\CMS\Backend\Domain\Repository\Localization\LocalizationRepository;
+use TYPO3\CMS\Backend\Localization\Finisher\NoopLocalizationFinisher;
+use TYPO3\CMS\Backend\Localization\Finisher\RedirectLocalizationFinisher;
+use TYPO3\CMS\Backend\Localization\Finisher\ReloadLocalizationFinisher;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Resource\ResourceFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Manual localization handler
+ *
+ * Handles manual localization through the wizard interface, supporting both
+ * copy and translate operations based on the selected mode
+ *
+ * @internal
+ */
+readonly class ManualLocalizationHandler implements LocalizationHandlerInterface
+{
+    public function __construct(
+        protected UriBuilder $uriBuilder,
+        protected LocalizationRepository $localizationRepository,
+        protected ResourceFactory $resourceFactory,
+    ) {}
+
+    public function getIdentifier(): string
+    {
+        return 'manual';
+    }
+
+    public function getLabel(): string
+    {
+        return 'backend.wizards.localization:handler.manual.label';
+    }
+
+    public function getDescription(): string
+    {
+        return 'backend.wizards.localization:handler.manual.description';
+    }
+
+    public function getIconIdentifier(): string
+    {
+        return 'actions-translate';
+    }
+
+    public function isAvailable(LocalizationInstructions $instructions): bool
+    {
+        // Manual localization handler is always available
+        // It supports all modes, record types, and language combinations
+        return true;
+    }
+
+    public function processLocalization(LocalizationInstructions $instructions): LocalizationResult
+    {
+        // Handle pages with optional content selection
+        if ($instructions->mainRecordType === 'pages') {
+            return $this->processPageLocalization($instructions->mode, $instructions->recordUid, $instructions->targetLanguageId, $instructions->additionalData);
+        }
+
+        // Handle single record localization for other record types
+        return $this->processSingleRecordLocalization($instructions->mode, $instructions->mainRecordType, $instructions->recordUid, $instructions->targetLanguageId);
+    }
+
+    /**
+     * Process single record localization (non-page records)
+     */
+    protected function processSingleRecordLocalization(
+        LocalizationMode $mode,
+        string $type,
+        int $uid,
+        int $targetLanguage
+    ): LocalizationResult {
+        // Validate that the record exists
+        $record = BackendUtility::getRecord($type, $uid);
+        if (!$record) {
+            return LocalizationResult::error(
+                [
+                    sprintf(
+                        $this->getLanguageService()->sL('backend.wizards.localization:error.recordNotFound'),
+                        $uid,
+                        $type
+                    ),
+                ]
+            );
+        }
+
+        // Check if translation already exists
+        $existingTranslation = $this->localizationRepository->getRecordTranslation($type, $uid, $targetLanguage);
+        if ($existingTranslation !== null) {
+            // Translation already exists, return success with no-op finisher
+            return LocalizationResult::success(
+                new NoopLocalizationFinisher()
+            );
+        }
+
+        $cmd = [
+            $type => [
+                $uid => [
+                    $mode->getDataHandlerCommand() => $targetLanguage,
+                ],
+            ],
+        ];
+
+        $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
+        $dataHandler->start([], $cmd);
+        $dataHandler->process_cmdmap();
+
+        if ($dataHandler->errorLog !== []) {
+            return LocalizationResult::error($dataHandler->errorLog);
+        }
+
+        // Get the newly created record UID from DataHandler's copy mapping
+        $newUid = $dataHandler->copyMappingArray_merged[$type][$uid] ?? null;
+
+        // If no UID was found in copy mapping, try to find the translated record
+        if ($newUid === null) {
+            $translation = $this->localizationRepository->getRecordTranslation($type, $uid, $targetLanguage);
+            $newUid = $translation?->getUid();
+        }
+
+        // Generate redirect finisher or use reload finisher as fallback
+        $redirectUrl = $newUid !== null ? $this->generateRedirectUrl($type, $newUid, $targetLanguage) : null;
+
+        return LocalizationResult::success(
+            $redirectUrl !== null
+                ? new RedirectLocalizationFinisher($redirectUrl)
+                : new ReloadLocalizationFinisher()
+        );
+    }
+
+    /**
+     * Process page localization including selected content elements
+     */
+    protected function processPageLocalization(
+        LocalizationMode $mode,
+        int $pageUid,
+        int $targetLanguage,
+        array $additionalData
+    ): LocalizationResult {
+        // Get selected content elements from additionalData
+        $selectedContent = $additionalData['selectedRecordUids'] ?? [];
+
+        $cmd = [];
+
+        // Step 1: Check if page translation already exists
+        $pageTranslation = $this->localizationRepository->getPageTranslations($pageUid, [$targetLanguage], $this->getBackendUser()->workspace);
+        if ($pageTranslation === []) {
+            // Page translation doesn't exist - create it
+            // Always use 'localize' command for pages (even for copy mode)
+            // as we need to create a proper page translation/overlay
+            $cmd['pages'] = [
+                $pageUid => [
+                    'localize' => $targetLanguage,
+                ],
+            ];
+        }
+
+        // Step 2: Add selected content elements to the command
+        if (!empty($selectedContent)) {
+            $cmd['tt_content'] = [];
+            foreach ($selectedContent as $contentUid) {
+                $cmd['tt_content'][(int)$contentUid] = [
+                    $mode->getDataHandlerCommand() => $targetLanguage,
+                ];
+            }
+        }
+
+        // If no commands were built (page already exists, no content selected),
+        // still return success with a no-op finisher
+        if (empty($cmd)) {
+            // Use no-op finisher to indicate nothing was done, but offer to reload
+
+            return LocalizationResult::success(
+                new NoopLocalizationFinisher()
+            );
+        }
+
+        $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
+        $dataHandler->start([], $cmd);
+        $dataHandler->process_cmdmap();
+
+        if ($dataHandler->errorLog !== []) {
+            return LocalizationResult::error($dataHandler->errorLog);
+        }
+
+        // Generate redirect finisher to the page layout in the target language or use reload finisher as fallback
+        $redirectUrl = $this->generateRedirectUrl('pages', $pageUid, $targetLanguage);
+        return LocalizationResult::success(
+            $redirectUrl !== null
+                ? new RedirectLocalizationFinisher($redirectUrl)
+                : new ReloadLocalizationFinisher()
+        );
+    }
+
+    /**
+     * Generate redirect URL based on record type
+     */
+    protected function generateRedirectUrl(string $type, int $uid, int $targetLanguage): ?string
+    {
+        if ($type === 'pages') {
+            // Redirect to page layout module with the target language
+            return (string)$this->uriBuilder->buildUriFromRoute('web_layout', [
+                'id' => $uid,
+                'languages' => [$targetLanguage],
+            ]);
+        }
+
+        // For other record types, redirect to the edit form of the translated record
+        $record = BackendUtility::getRecord($type, $uid);
+        if ($record && isset($record['pid'])) {
+            $returnUrl = null;
+
+            if ($type === 'sys_file_metadata') {
+                // Get the file from the metadata record and build return URL to filelist module
+                try {
+                    $file = $this->resourceFactory->getFileObject((int)$record['file']);
+                    $parentFolder = $file->getParentFolder();
+                    $returnUrl = (string)$this->uriBuilder->buildUriFromRoute(
+                        'media_management',
+                        ['id' => $parentFolder->getCombinedIdentifier()]
+                    );
+                } catch (\Exception) {
+                    // File not found or inaccessible, fall back to default return URL
+                }
+            }
+
+            if ($returnUrl === null) {
+                $returnUrl = (string)$this->uriBuilder->buildUriFromRoute(
+                    'web_layout',
+                    [
+                        'id' => $record['pid'],
+                        'languages' => [$targetLanguage],
+                    ]
+                );
+            }
+
+            // Redirect to edit form for the newly created record
+            return (string)$this->uriBuilder->buildUriFromRoute('record_edit', [
+                'edit' => [
+                    $type => [
+                        $uid => 'edit',
+                    ],
+                ],
+                'returnUrl' => $returnUrl,
+            ]);
+        }
+
+        return null;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/LoginProvider/Event/ModifyPageLayoutOnLoginProviderSelectionEvent.php b/Classes/LoginProvider/Event/ModifyPageLayoutOnLoginProviderSelectionEvent.php
new file mode 100644
index 0000000..8802381
--- /dev/null
+++ b/Classes/LoginProvider/Event/ModifyPageLayoutOnLoginProviderSelectionEvent.php
@@ -0,0 +1,40 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\LoginProvider\Event;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Core\View\ViewInterface;
+
+/**
+ * Allows to modify variables for the view depending on a special login provider set in the controller.
+ */
+final readonly class ModifyPageLayoutOnLoginProviderSelectionEvent
+{
+    public function __construct(
+        private ViewInterface $view,
+        private ServerRequestInterface $request,
+    ) {}
+
+    public function getView(): ViewInterface
+    {
+        return $this->view;
+    }
+
+    public function getRequest(): ServerRequestInterface
+    {
+        return $this->request;
+    }
+}
diff --git a/Classes/LoginProvider/LoginProviderInterface.php b/Classes/LoginProvider/LoginProviderInterface.php
new file mode 100644
index 0000000..9e01db7
--- /dev/null
+++ b/Classes/LoginProvider/LoginProviderInterface.php
@@ -0,0 +1,33 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\LoginProvider;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Core\View\ViewInterface;
+
+/**
+ * Interface for Backend Login providers
+ */
+interface LoginProviderInterface
+{
+    /**
+     * Interface to render the backend login view.
+     * See UsernamePasswordLoginProvider on how this can be used.
+     *
+     * @return string Template file to render
+     */
+    public function modifyView(ServerRequestInterface $request, ViewInterface $view): string;
+}
diff --git a/Classes/LoginProvider/LoginProviderResolver.php b/Classes/LoginProvider/LoginProviderResolver.php
new file mode 100644
index 0000000..e80158a
--- /dev/null
+++ b/Classes/LoginProvider/LoginProviderResolver.php
@@ -0,0 +1,116 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\LoginProvider;
+
+use Psr\Http\Message\ServerRequestInterface;
+
+/**
+ * Login Providers for the TYPO3 Backend can be registered via
+ * $GLOBALS['TYPO3_CONF_VARS']['EXTCONF']['backend']['loginProviders']
+ *
+ * This makes it possible to e.g. register a login provider to log-in via a common SSO login,
+ * with a different entry point.
+ *
+ * By default, TYPO3 ships with a username/password login provider.
+ *
+ * This class is responsible to fetch the login providers sorted by their priority, and encapsulate
+ * the logic further.
+ *
+ * @internal This resolver class itself is not part of the TYPO3 Core API as it is only used in TYPO3's Backend login.
+ */
+readonly class LoginProviderResolver
+{
+    /**
+     * Get all registered login providers in correct order
+     */
+    public function getLoginProviders(): array
+    {
+        return $this->getValidatedAndSortedProviders();
+    }
+
+    public function getLoginProviderConfigurationByIdentifier(string $identifier): array
+    {
+        return $this->getValidatedAndSortedProviders()[$identifier] ?? [];
+    }
+
+    /**
+     * Return the identifier of the first login provider / with the highest priority.
+     */
+    public function getPrimaryLoginProviderIdentifier(): string
+    {
+        return (string)key($this->getValidatedAndSortedProviders());
+    }
+
+    /**
+     * Fetch the login provider identifier from request, check for POST Body, then Query Param, and then checks for the cookie.
+     */
+    public function resolveLoginProviderIdentifierFromRequest(ServerRequestInterface $request, string $cookieName): string
+    {
+        $loginProvider = (string)($request->getParsedBody()['loginProvider'] ?? $request->getQueryParams()['loginProvider'] ?? '');
+        if ((empty($loginProvider) || !$this->hasLoginProvider($loginProvider)) && !empty($request->getCookieParams()[$cookieName] ?? null)) {
+            $loginProvider = $request->getCookieParams()[$cookieName];
+        }
+        if (empty($loginProvider) || !$this->hasLoginProvider($loginProvider)) {
+            $loginProvider = $this->getPrimaryLoginProviderIdentifier();
+        }
+        return (string)$loginProvider;
+    }
+
+    /**
+     * Check if the login provider is registered.
+     */
+    protected function hasLoginProvider(string $identifier): bool
+    {
+        return isset($this->getValidatedAndSortedProviders()[$identifier]);
+    }
+
+    /**
+     * Validates and sort registered login providers
+     */
+    protected function getValidatedAndSortedProviders(): array
+    {
+        $providers = $GLOBALS['TYPO3_CONF_VARS']['EXTCONF']['backend']['loginProviders'] ?? [];
+        if (!is_array($providers)) {
+            throw new \RuntimeException('$GLOBALS[\'TYPO3_CONF_VARS\'][\'EXTCONF\'][\'backend\'][\'loginProviders\'] must be an array', 1724699173);
+        }
+        if (empty($providers)) {
+            throw new \RuntimeException('No login providers are registered in $GLOBALS[\'TYPO3_CONF_VARS\'][\'EXTCONF\'][\'backend\'][\'loginProviders\'].', 1433417281);
+        }
+        foreach ($providers as $identifier => $configuration) {
+            if (empty($configuration) || !is_array($configuration)) {
+                throw new \RuntimeException('Missing configuration for login provider "' . $identifier . '".', 1433416043);
+            }
+            if (!is_string($configuration['provider']) || empty($configuration['provider']) || !class_exists($configuration['provider']) || !is_subclass_of($configuration['provider'], LoginProviderInterface::class)) {
+                throw new \RuntimeException('The login provider "' . $identifier . '" defines an invalid provider. Ensure the class exists and implements the "' . LoginProviderInterface::class . '".', 1460977275);
+            }
+            if (empty($configuration['label'])) {
+                throw new \RuntimeException('Missing label definition for login provider "' . $identifier . '".', 1433416044);
+            }
+            if (empty($configuration['iconIdentifier'])) {
+                throw new \RuntimeException('Missing icon definition for login provider "' . $identifier . '".', 1433416045);
+            }
+            if (!isset($configuration['sorting'])) {
+                throw new \RuntimeException('Missing sorting definition for login provider "' . $identifier . '".', 1433416046);
+            }
+        }
+        uasort($providers, static function (array $a, array $b): int {
+            return (int)$b['sorting'] - (int)$a['sorting'];
+        });
+        return $providers;
+    }
+}
diff --git a/Classes/LoginProvider/UsernamePasswordLoginProvider.php b/Classes/LoginProvider/UsernamePasswordLoginProvider.php
new file mode 100644
index 0000000..251c07a
--- /dev/null
+++ b/Classes/LoginProvider/UsernamePasswordLoginProvider.php
@@ -0,0 +1,48 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\LoginProvider;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Authentication\PasswordReset;
+use TYPO3\CMS\Core\View\ViewInterface;
+
+/**
+ * The default username + password based backend login form.
+ *
+ * @internal This class is a specific Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+#[Autoconfigure(public: true)]
+final readonly class UsernamePasswordLoginProvider implements LoginProviderInterface
+{
+    public function __construct(
+        private PasswordReset $passwordReset,
+    ) {}
+
+    public function modifyView(ServerRequestInterface $request, ViewInterface $view): string
+    {
+        if ($request->getAttribute('normalizedParams')->isHttps()) {
+            $view->assignMultiple([
+                'presetUsername' => $request->getParsedBody()['u'] ?? $request->getQueryParams()['u'] ?? null,
+                'presetPassword' => $request->getParsedBody()['p'] ?? $request->getQueryParams()['p'] ?? null,
+            ]);
+        }
+        $view->assign('enablePasswordReset', $this->passwordReset->isEnabled());
+        return 'Login/UserPassLoginForm';
+    }
+}
diff --git a/Classes/Middleware/AdditionalResponseHeaders.php b/Classes/Middleware/AdditionalResponseHeaders.php
new file mode 100644
index 0000000..156d9d9
--- /dev/null
+++ b/Classes/Middleware/AdditionalResponseHeaders.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\MiddlewareInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+
+/**
+ * Sets up click-jacking prevention for HTTP requests by adding HTTP headers for the response
+ *
+ * @internal
+ */
+class AdditionalResponseHeaders implements MiddlewareInterface
+{
+    /**
+     * Adds HTTP headers defined in $GLOBALS['TYPO3_CONF_VARS']['BE']['HTTP']['Response']['Headers']
+     */
+    public function process(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        $response = $handler->handle($request);
+
+        // Remove HSTS header, if [BE][lockSSL] is not configured to use SSL
+        if ((bool)$GLOBALS['TYPO3_CONF_VARS']['BE']['lockSSL'] === false) {
+            unset($GLOBALS['TYPO3_CONF_VARS']['BE']['HTTP']['Response']['Headers']['strictTransportSecurity']);
+        }
+
+        foreach ($GLOBALS['TYPO3_CONF_VARS']['BE']['HTTP']['Response']['Headers'] ?? [] as $header) {
+            [$headerName, $value] = explode(':', $header, 2);
+            $response = $response->withAddedHeader($headerName, trim($value));
+        }
+        return $response;
+    }
+}
diff --git a/Classes/Middleware/BackendModuleValidator.php b/Classes/Middleware/BackendModuleValidator.php
new file mode 100644
index 0000000..63db83c
--- /dev/null
+++ b/Classes/Middleware/BackendModuleValidator.php
@@ -0,0 +1,281 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\MiddlewareInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use TYPO3\CMS\Backend\Exception\ModuleAccessDeniedException;
+use TYPO3\CMS\Backend\Exception\NoAccessibleModuleException;
+use TYPO3\CMS\Backend\Module\ModuleData;
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Routing\Route;
+use TYPO3\CMS\Backend\Routing\RouteRedirect;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Http\Response;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageQueue;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Validates module access and extends the PSR-7 Request with the
+ * resolved module object for the use in further components.
+ *
+ * @internal
+ */
+readonly class BackendModuleValidator implements MiddlewareInterface
+{
+    public function __construct(
+        protected UriBuilder $uriBuilder,
+        protected ModuleProvider $moduleProvider,
+        protected FlashMessageService $flashMessageService,
+        protected TcaSchemaFactory $tcaSchemaFactory,
+    ) {}
+
+    /**
+     * In case the current route targets a TYPO3 backend module and the user
+     * has necessary access permissions, add the module to the request.
+     */
+    public function process(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        /** @var Route $route */
+        $route = $request->getAttribute('route');
+        $selectedSubModule = null;
+        $inaccessibleSubModule = null;
+        $ensureToPersistUserSettings = false;
+        $backendUser = $GLOBALS['BE_USER'] ?? null;
+
+        if (!$backendUser) {
+            return $handler->handle($request);
+        }
+
+        // Exit if access to module was denied using module access inheritance check
+        $inheritAccessFromModule = $route->getOption('inheritAccessFromModule');
+        if ($inheritAccessFromModule !== null && !$this->moduleProvider->accessGranted($inheritAccessFromModule, $backendUser)) {
+            return new Response(null, 403);
+        }
+
+        $module = $route->getOption('module');
+        if (!$module instanceof ModuleInterface) {
+            return $handler->handle($request);
+        }
+
+        // If on a second level module with further sub modules, jump to the third-level modules
+        // (either the last used or the first in the list) and store this selection for the user.
+        // Skip this automatic redirection if the module should show a submodule overview instead.
+        if ($module->getParentModule() && $module->hasSubModules() && !$module->hasSubmoduleOverview()) {
+            // Note: "action" is a special setting, which is evaluated here individually
+            $subModuleIdentifier = (string)($backendUser->getModuleData($module->getIdentifier())['action'] ?? '');
+            if ($module->hasSubModule($subModuleIdentifier)) {
+                if ($this->moduleProvider->accessGranted($subModuleIdentifier, $backendUser)) {
+                    // Use the selected sub module if user has access to it. By checking access here,
+                    // we prevent that the user can no longer access the parent module, since it would
+                    // always run into the ModuleAccessDeniedException.
+                    $selectedSubModule = $module->getSubModule($subModuleIdentifier);
+                } else {
+                    // Stored sub module exists but is currently not accessible. Store the
+                    // requested module to later inform the user about the forced redirect.
+                    $inaccessibleSubModule = $module->getSubModule($subModuleIdentifier);
+                }
+            }
+            if ($selectedSubModule === null) {
+                // Try to fetch the first accessible sub module. We check access here to prevent
+                // that the user can no longer access the parent module, since it would always run
+                // into the ModuleAccessDeniedException.
+                foreach ($module->getSubModules() as $subModule) {
+                    if ($this->moduleProvider->accessGranted($subModule->getIdentifier(), $backendUser)) {
+                        $selectedSubModule = $subModule;
+                        break;
+                    }
+                }
+            }
+            if ($selectedSubModule !== null) {
+                // Overwrite the requested module and the route target if an accessible sub module has been found
+                $module = $selectedSubModule;
+                $route->setOptions(array_replace_recursive($route->getOptions(), $module->getDefaultRouteOptions()['_default']));
+            }
+        } elseif (($routeIdentifier = $route->getOption('_identifier')) !== null
+            && $routeIdentifier === $module->getParentModule()?->getIdentifier()
+        ) {
+            // In case the actually requested module is the parent of the actually resolved module,
+            // the parent module does not define a route itself and uses the current third-level module
+            // as fallback. Therefore, we have to check the special "action" key on the "inaccessible"
+            // parent module to still allow rerouting to another (last used) third-level module.
+            $inaccessibleParentModule = $module->getParentModule();
+            $subModuleIdentifier = (string)($backendUser->getModuleData($inaccessibleParentModule->getIdentifier())['action'] ?? '');
+            if ($inaccessibleParentModule->hasSubModule($subModuleIdentifier)) {
+                $module = $inaccessibleParentModule->getSubModule($subModuleIdentifier);
+                $route->setOptions(array_replace_recursive($route->getOptions(), $module->getDefaultRouteOptions()['_default']));
+            }
+        }
+
+        // Validate the requested module
+        try {
+            $this->validateModuleAccess($request, $module);
+            if ($selectedSubModule !== null && $inaccessibleSubModule !== null) {
+                $this->enqueueRedirectMessage($inaccessibleSubModule, $selectedSubModule);
+            }
+        } catch (ModuleAccessDeniedException $e) {
+            // Since the user might request a module which is just temporarily blocked, e.g. due to workspace
+            // restrictions, do not throw an exception but redirect to the first accessible module - if any.
+            if (($firstAccessibleModule = $this->moduleProvider->getFirstAccessibleModule($backendUser)) !== null) {
+                $this->enqueueRedirectMessage($module, $firstAccessibleModule);
+                return new RedirectResponse($this->uriBuilder->buildUriFromRoute($firstAccessibleModule->getIdentifier()));
+            }
+            // User does not have access to any module.. ¯\_(ツ)_/¯
+            throw new NoAccessibleModuleException('You don\'t have access to any module.', 1702480600);
+        }
+
+        // This module request (which is usually opened inside the list_frame)
+        // has been issued from a toplevel browser window (e.g. a link was opened in a new tab).
+        // Redirect to open the module as frame inside the TYPO3 backend layout.
+        // HEADS UP: This header will only be available in secure connections (https:// or .localhost TLD)
+        if ($request->getHeaderLine('Sec-Fetch-Dest') === 'document') {
+            return new RedirectResponse(
+                $this->uriBuilder->buildUriWithRedirect(
+                    'main',
+                    [],
+                    RouteRedirect::createFromRoute($route, $request->getQueryParams())
+                )
+            );
+        }
+
+        // Third-level module, make sure to remember the previously selected module in the parent module
+        if ($module->getParentModule()?->getParentModule()) {
+            $parentModuleData = $backendUser->getModuleData($module->getParentIdentifier());
+            if (($parentModuleData['action'] ?? '') !== $module->getIdentifier()) {
+                $parentModuleData['action'] = $module->getIdentifier();
+                $backendUser->pushModuleData($module->getParentIdentifier(), $parentModuleData, true);
+                $ensureToPersistUserSettings = true;
+            }
+        }
+
+        // Check for module data, send via GET/POST parameters.
+        // Only consider the configured keys from the module configuration.
+        $requestModuleData = [];
+        foreach (array_keys($module->getDefaultModuleData()) as $name) {
+            $newValue = $request->getParsedBody()[$name] ?? $request->getQueryParams()[$name] ?? null;
+            if ($newValue !== null) {
+                $requestModuleData[$name] = $newValue;
+            }
+        }
+
+        // Get stored module data
+        if (!is_array(($persistedModuleData = $backendUser->getModuleData($module->getIdentifier())))) {
+            $persistedModuleData = [];
+        }
+
+        // Settings were changed from the request, so they need to get persisted
+        if ($requestModuleData !== []) {
+            $moduleData = ModuleData::createFromModule($module, array_replace_recursive($persistedModuleData, $requestModuleData));
+            $backendUser->pushModuleData($module->getIdentifier(), $moduleData->toArray(), true);
+            $ensureToPersistUserSettings = true;
+        } else {
+            $moduleData = ModuleData::createFromModule($module, $persistedModuleData);
+        }
+
+        // Add validated module and its data to the current request
+        $request = $request
+            ->withAttribute('module', $module)
+            ->withAttribute('moduleData', $moduleData);
+
+        $response = $handler->handle($request);
+
+        if ($ensureToPersistUserSettings) {
+            $backendUser->writeUC();
+        }
+
+        return $response;
+    }
+
+    /**
+     * Checks whether the current user is allowed to access the requested module. Does
+     * also evaluate page access permissions, in case an "id" is given in the request.
+     *
+     * @throws ModuleAccessDeniedException
+     * @throws \RuntimeException
+     */
+    protected function validateModuleAccess(ServerRequestInterface $request, ModuleInterface $module): void
+    {
+        $backendUserAuthentication = $GLOBALS['BE_USER'];
+        if (!$this->moduleProvider->accessGranted($module->getIdentifier(), $backendUserAuthentication)) {
+            throw new ModuleAccessDeniedException('You don\'t have access to this module.', 1642450334);
+        }
+
+        // @todo: This misuses 'id' as a broken convention for pages-uid. The filelist module for instance
+        //        uses 'id' as "storage-uid:path", which is only mitigated here by testing the argument
+        //        with MU:canBeInterpretedAsInteger().
+        //        Also see a similar misuse in extbase BackendConfigurationManager, which does this as well
+        //        to guess a pages-uid for TypoScript retrieval.
+        $id = $request->getQueryParams()['id'] ?? $request->getParsedBody()['id'] ?? 0;
+        if (MathUtility::canBeInterpretedAsInteger($id) && $id > 0) {
+            $id = (int)$id;
+            $permClause = $backendUserAuthentication->getPagePermsClause(Permission::PAGE_SHOW);
+            // Check page access
+            if (!is_array(BackendUtility::readPageAccess($id, $permClause))) {
+                // Check if page has been deleted
+                if (!$this->tcaSchemaFactory->has('pages')) {
+                    throw new \RuntimeException('You don\'t have access to this page', 1289918924);
+                }
+                $schema = $this->tcaSchemaFactory->get('pages');
+                if (!$schema->hasCapability(TcaSchemaCapability::SoftDelete)) {
+                    throw new \RuntimeException('You don\'t have access to this page', 1289919924);
+                }
+                $deleteField = $schema->getCapability(TcaSchemaCapability::SoftDelete)->getFieldName();
+                $pageInfo = BackendUtility::getRecord('pages', $id, $deleteField, $permClause ? ' AND ' . $permClause : '', false);
+                if (!($pageInfo[$deleteField] ?? false)) {
+                    throw new \RuntimeException('You don\'t have access to this page', 1289917924);
+                }
+            }
+        }
+    }
+
+    protected function enqueueRedirectMessage(ModuleInterface $requestedModule, ModuleInterface $redirectedModule): void
+    {
+        $languageService = $this->getLanguageService();
+        $this->flashMessageService
+            ->getMessageQueueByIdentifier(FlashMessageQueue::NOTIFICATION_QUEUE)
+            ->enqueue(
+                new FlashMessage(
+                    sprintf(
+                        $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:module.noAccess.message'),
+                        $languageService->sL($redirectedModule->getTitle()),
+                        $languageService->sL($requestedModule->getTitle())
+                    ),
+                    $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:module.noAccess.title'),
+                    ContextualFeedbackSeverity::INFO,
+                    true
+                )
+            );
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Middleware/BackendRouteInitialization.php b/Classes/Middleware/BackendRouteInitialization.php
new file mode 100644
index 0000000..a65ec22
--- /dev/null
+++ b/Classes/Middleware/BackendRouteInitialization.php
@@ -0,0 +1,76 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\MiddlewareInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use TYPO3\CMS\Backend\Routing\Exception\ResourceNotFoundException;
+use TYPO3\CMS\Backend\Routing\Router;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Http\Error\MethodNotAllowedException;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Routing\RequestContextFactory;
+
+/**
+ * Injects the Router and tries to match the current request with a
+ * configured backend route. The available backend routes were added
+ * in the corresponding dependency injection factories, which load
+ * and process the module and route configuration files
+ *
+ * - Configuration/Backend/{,Ajax}Routes.php
+ * - Configuration/Backend/Modules.php
+ *
+ * from each extension.
+ *
+ * After this middleware, a "Route" object is available as attribute in the
+ * Request object.
+ *
+ * @internal
+ */
+readonly class BackendRouteInitialization implements MiddlewareInterface
+{
+    public function __construct(
+        protected Router $router,
+        protected UriBuilder $uriBuilder,
+        protected RequestContextFactory $requestContextFactory,
+    ) {}
+
+    /**
+     * Resolve the route based on the URL path part, and also resolves a Route object
+     */
+    public function process(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        $this->uriBuilder->setRequestContext($this->requestContextFactory->fromBackendRequest($request));
+
+        try {
+            $routeResult = $this->router->matchResult($request);
+            $request = $request->withAttribute('routing', $routeResult);
+            $request = $request->withAttribute('route', $routeResult->getRoute());
+        } catch (MethodNotAllowedException $e) {
+            return $e->createResponse();
+        } catch (ResourceNotFoundException $e) {
+            // Route not found in system
+            $uri = $this->uriBuilder->buildUriFromRoute('login');
+            return new RedirectResponse($uri);
+        }
+
+        return $handler->handle($request);
+    }
+}
diff --git a/Classes/Middleware/BackendUserAuthenticator.php b/Classes/Middleware/BackendUserAuthenticator.php
new file mode 100644
index 0000000..6a7aa21
--- /dev/null
+++ b/Classes/Middleware/BackendUserAuthenticator.php
@@ -0,0 +1,255 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use Psr\Log\LoggerInterface;
+use Symfony\Component\RateLimiter\LimiterInterface;
+use TYPO3\CMS\Backend\Routing\Route;
+use TYPO3\CMS\Backend\Routing\RouteRedirect;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaRequiredException;
+use TYPO3\CMS\Core\Context\Context;
+use TYPO3\CMS\Core\Controller\ErrorPageController;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Http\Response;
+use TYPO3\CMS\Core\Localization\LanguageServiceFactory;
+use TYPO3\CMS\Core\RateLimiter\RateLimiterFactoryInterface;
+use TYPO3\CMS\Core\RateLimiter\RequestRateLimitedException;
+use TYPO3\CMS\Core\Session\UserSessionManager;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\HttpUtility;
+
+/**
+ * Initializes the backend user authentication object (BE_USER) and the global LANG object.
+ *
+ * @internal
+ */
+class BackendUserAuthenticator extends \TYPO3\CMS\Core\Middleware\BackendUserAuthenticator
+{
+    /**
+     * List of requests that don't need a valid BE user
+     */
+    protected array $publicRoutes = [
+        '/login',
+        '/login/frame',
+        '/login/password-reset/forget',
+        '/login/password-reset/initiate-reset',
+        '/login/password-reset/validate',
+        '/login/password-reset/finish',
+        '/login/request-token',
+        '/install/server-response-check/host',
+        '/install',
+        '/install.php',
+        '/ajax/login',
+        '/ajax/logout',
+        '/ajax/login/preflight',
+        '/ajax/login/refresh',
+        '/ajax/login/timedout',
+    ];
+
+    public function __construct(
+        Context $context,
+        private readonly LanguageServiceFactory $languageServiceFactory,
+        private readonly RateLimiterFactoryInterface $rateLimiterFactory,
+        private readonly LoggerInterface $logger,
+        private readonly UriBuilder $uriBuilder,
+    ) {
+        parent::__construct($context);
+    }
+
+    /**
+     * Calls the bootstrap process to set up $GLOBALS['BE_USER'] AND $GLOBALS['LANG']
+     */
+    public function process(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        /** @var Route $route */
+        $route = $request->getAttribute('route');
+        $isAjaxCall = (bool)($route->getOption('ajax') ?? false);
+
+        // The global must be available very early, because methods below
+        // might trigger code which relies on it. See: #45625
+        $GLOBALS['BE_USER'] = GeneralUtility::makeInstance(BackendUserAuthentication::class);
+        // Rate Limiting
+        $rateLimiter = $this->ensureLoginRateLimit($GLOBALS['BE_USER'], $request);
+        // Whether multi-factor authentication is requested
+        $mfaRequested = $route->getOption('_identifier') === 'auth_mfa';
+        try {
+            $GLOBALS['BE_USER']->start($request);
+        } catch (MfaRequiredException $mfaRequiredException) {
+            // If MFA is required and we are not already on the "auth_mfa"
+            // route, force the user to it for further authentication.
+            if (!$mfaRequested && $this->isLoggedInBackendUserRequired($route)) {
+                if ($isAjaxCall) {
+                    return new Response(statusCode: 401);
+                }
+                return $this->redirectToMfaEndpoint(
+                    'auth_mfa',
+                    $GLOBALS['BE_USER'],
+                    $request,
+                    ['identifier' => $mfaRequiredException->getProvider()->getIdentifier()]
+                );
+            }
+        }
+
+        // Register the backend user as aspect and initializing workspace once for TSconfig conditions
+        $this->setBackendUserAspect($GLOBALS['BE_USER'], (int)($GLOBALS['BE_USER']->user['workspace_id'] ?? 0));
+        if ($this->isLoggedInBackendUserRequired($route)) {
+            if (!$this->context->getAspect('backend.user')->isLoggedIn()) {
+                if ($isAjaxCall) {
+                    return new Response(statusCode: 401);
+                }
+                $uri = $this->uriBuilder->buildUriWithRedirect(
+                    'login',
+                    [],
+                    RouteRedirect::createFromRoute($route, $request->getQueryParams())
+                );
+                $response = new RedirectResponse($uri);
+                return $this->enrichResponseWithHeadersAndCookieInformation($request, $response, $GLOBALS['BE_USER']);
+            }
+            if (!$GLOBALS['BE_USER']->isUserAllowedToLogin()) {
+                $content = GeneralUtility::makeInstance(ErrorPageController::class)->errorAction(
+                    'Login Error',
+                    'TYPO3 is in maintenance mode at the moment. Only administrators are allowed access.',
+                    1294585860,
+                    503
+                );
+                $response = new HtmlResponse($content, 503);
+                return $this->enrichResponseWithHeadersAndCookieInformation($request, $response, $GLOBALS['BE_USER']);
+            }
+        }
+        if ($this->context->getAspect('backend.user')->isLoggedIn()) {
+            $GLOBALS['BE_USER']->initializeBackendLogin($request);
+            // Reset the limiter after successful login
+            if ($rateLimiter) {
+                $rateLimiter->reset();
+            }
+            // In case the current request is not targeted to authenticate against MFA, the "mfa"
+            // key is not yet set in session (indicating that MFA has already been passed) and it's
+            // no "switch-user" mode, check whether the user is required to set up MFA and redirect
+            // to the corresponding setup endpoint if not already on it.
+            if (!$mfaRequested
+                && !(bool)($GLOBALS['BE_USER']->getSessionData('mfa') ?? false)
+                && !$GLOBALS['BE_USER']->getOriginalUserIdWhenInSwitchUserMode()
+                && $GLOBALS['BE_USER']->isMfaSetupRequired()
+                && $route->getOption('_identifier') !== 'setup_mfa'
+            ) {
+                if ($isAjaxCall) {
+                    return new Response(statusCode: 401);
+                }
+                return $this->redirectToMfaEndpoint('setup_mfa', $GLOBALS['BE_USER'], $request);
+            }
+        }
+        $GLOBALS['LANG'] = $this->languageServiceFactory->createFromUserPreferences($GLOBALS['BE_USER']);
+        // Re-setting the user and take the workspace from the user object now
+        $this->setBackendUserAspect($GLOBALS['BE_USER']);
+        $response = $handler->handle($request);
+        $this->sessionGarbageCollection();
+        return $this->enrichResponseWithHeadersAndCookieInformation($request, $response, $GLOBALS['BE_USER']);
+    }
+
+    /**
+     * Backend requests should always apply Set-Cookie information and never be cacheable.
+     * This is also needed if there is a redirect from somewhere in the code.
+     *
+     * @throws \TYPO3\CMS\Core\Context\Exception\AspectNotFoundException
+     */
+    protected function enrichResponseWithHeadersAndCookieInformation(
+        ServerRequestInterface $request,
+        ResponseInterface $response,
+        ?BackendUserAuthentication $userAuthentication
+    ): ResponseInterface {
+        if ($userAuthentication) {
+            // If no backend user is logged-in, the cookie should be removed
+            if (!$this->context->getAspect('backend.user')->isLoggedIn()) {
+                $userAuthentication->removeCookie();
+            }
+            // Ensure to always apply a cookie
+            $response = $userAuthentication->appendCookieToResponse($response, $request->getAttribute('normalizedParams'));
+        }
+        // Additional headers to never cache any PHP request should be sent at any time when
+        // accessing the TYPO3 Backend
+        $response = $this->applyHeadersToResponse($response);
+        return $response;
+    }
+
+    /**
+     * Garbage collection for be_sessions (with a probability)
+     */
+    protected function sessionGarbageCollection(): void
+    {
+        UserSessionManager::create('BE')->collectGarbage();
+    }
+
+    /**
+     * Initiate a redirect to the given MFA endpoint with necessary cookies and headers appended
+     */
+    protected function redirectToMfaEndpoint(
+        string $endpoint,
+        BackendUserAuthentication $user,
+        ServerRequestInterface $request,
+        array $parameters = []
+    ): ResponseInterface {
+        $response = new RedirectResponse(
+            $this->uriBuilder->buildUriWithRedirect($endpoint, $parameters, RouteRedirect::createFromRequest($request))
+        );
+        // Add necessary cookies and headers to the response so
+        // the already passed authentication step is not lost.
+        $response = $user->appendCookieToResponse($response, $request->getAttribute('normalizedParams'));
+        $response = $this->applyHeadersToResponse($response);
+        return $response;
+    }
+
+    /**
+     * Check if the user is required for the request.
+     * If we're trying to do a login or an ajax login, don't require a user.
+     *
+     * @param Route $route the Route path to check against, something like '
+     * @return bool true when the Route requires an authenticated backend user
+     */
+    protected function isLoggedInBackendUserRequired(Route $route): bool
+    {
+        return in_array($route->getPath(), $this->publicRoutes, true) === false;
+    }
+
+    protected function ensureLoginRateLimit(BackendUserAuthentication $user, ServerRequestInterface $request): ?LimiterInterface
+    {
+        if (!$user->isActiveLogin($request)) {
+            return null;
+        }
+        $loginRateLimiter = $this->rateLimiterFactory->createLoginRateLimiter($request, $user->loginType);
+        $limit = $loginRateLimiter->consume();
+        if (!$limit->isAccepted()) {
+            $this->logger->debug('Login request has been rate limited for IP address {ipAddress}', ['ipAddress' => $request->getAttribute('normalizedParams')->getRemoteAddress()]);
+            $dateformat = $GLOBALS['TYPO3_CONF_VARS']['SYS']['ddmmyy'] . ' ' . $GLOBALS['TYPO3_CONF_VARS']['SYS']['hhmm'];
+            $lockedUntil = $limit->getRetryAfter()->getTimestamp() > 0
+                ? ' until ' . date($dateformat, $limit->getRetryAfter()->getTimestamp()) : '';
+            throw new RequestRateLimitedException(
+                HttpUtility::HTTP_STATUS_403,
+                'The login is locked' . $lockedUntil . ' due to too many failed login attempts from your IP address.',
+                'Login Request Rate Limited',
+                1616175867
+            );
+        }
+        return $loginRateLimiter;
+    }
+}
diff --git a/Classes/Middleware/ContentSecurityPolicyHeaders.php b/Classes/Middleware/ContentSecurityPolicyHeaders.php
new file mode 100644
index 0000000..ac5e24c
--- /dev/null
+++ b/Classes/Middleware/ContentSecurityPolicyHeaders.php
@@ -0,0 +1,90 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\MiddlewareInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use Psr\Log\LoggerInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use TYPO3\CMS\Core\Cache\Frontend\FrontendInterface;
+use TYPO3\CMS\Core\Core\RequestId;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Configuration\Behavior;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Configuration\DispositionConfiguration;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\DirectiveHashCollection;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Disposition;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Middleware\PolicyBag;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Middleware\ResponseService;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\PolicyProvider;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Scope;
+use TYPO3\CMS\Core\Type\Map;
+
+/**
+ * Adds Content-Security-Policy headers to response.
+ *
+ * @internal
+ */
+final readonly class ContentSecurityPolicyHeaders implements MiddlewareInterface
+{
+    public function __construct(
+        private RequestId $requestId,
+        private LoggerInterface $logger,
+        #[Autowire(service: 'cache.assets')]
+        private FrontendInterface $cache,
+        private PolicyProvider $policyProvider,
+        private ResponseService $responseService,
+        private DirectiveHashCollection $directiveHashCollection,
+    ) {}
+
+    public function process(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        $scope = Scope::backend();
+        $nonce = $this->requestId->nonce;
+        $request = $request->withAttribute('nonce', $nonce);
+        $response = $handler->handle($request);
+        $disposition = Disposition::enforce;
+        $dispositionMap = new Map();
+        $dispositionMap[$disposition] = new DispositionConfiguration(
+            true,
+            true,
+            $GLOBALS['TYPO3_CONF_VARS'][$scope->type->abbreviate()]['contentSecurityPolicyReportingUrl'],
+        );
+        $policyBag = new PolicyBag($scope, $dispositionMap, new Behavior(), $nonce, $this->directiveHashCollection);
+
+        if ($response->hasHeader('Content-Security-Policy') || $response->hasHeader('Content-Security-Policy-Report-Only')) {
+            $this->logger->info('Content-Security-Policy not enforced due to existence of custom header', [
+                'scope' => (string)$scope,
+                'uri' => (string)$request->getUri(),
+            ]);
+            return $response;
+        }
+        $this->policyProvider->prepare($policyBag, $request, $response);
+        $policy = $policyBag->getPolicy($disposition);
+        if ($policy->isEmpty()) {
+            return $response;
+        }
+        if ($policyBag->behavior->useNonce === false) {
+            $response = $this->responseService->dropNonceFromHtmlResponse($response, $nonce);
+        }
+        return $response->withHeader(
+            $disposition->getHttpHeaderName(),
+            $policy->compile($policyBag, $this->cache)
+        );
+    }
+}
diff --git a/Classes/Middleware/ContentSecurityPolicyReporter.php b/Classes/Middleware/ContentSecurityPolicyReporter.php
new file mode 100644
index 0000000..0f1211e
--- /dev/null
+++ b/Classes/Middleware/ContentSecurityPolicyReporter.php
@@ -0,0 +1,47 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use TYPO3\CMS\Core\Http\HtmlResponse;
+use TYPO3\CMS\Core\Http\Response;
+use TYPO3\CMS\Core\Middleware\AbstractContentSecurityPolicyReporter;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Scope;
+
+/**
+ * @internal
+ */
+class ContentSecurityPolicyReporter extends AbstractContentSecurityPolicyReporter
+{
+    public function process(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        $scope = Scope::backend();
+        if ($this->targetsCspReportUri($scope, $request)) {
+            if (!$this->isCspReport($scope, $request)) {
+                return new HtmlResponse('Submission to CSP reporting endpoint denied', 403);
+            }
+            // @todo check/store headers `origin` + `referer`
+            // @todo create report, then call persist, then dispatch new event
+            $this->persistCspReport($scope, $request);
+            return (new Response())->withStatus(201);
+        }
+        return $handler->handle($request);
+    }
+}
diff --git a/Classes/Middleware/ForcedHttpsBackendRedirector.php b/Classes/Middleware/ForcedHttpsBackendRedirector.php
new file mode 100644
index 0000000..8270bf9
--- /dev/null
+++ b/Classes/Middleware/ForcedHttpsBackendRedirector.php
@@ -0,0 +1,57 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\MiddlewareInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Routing\BackendEntryPointResolver;
+
+/**
+ * Check lockSSL configuration variable and redirect
+ * to https version of the backend if needed
+ *
+ * Depends on the NormalizedParams middleware to identify the
+ * Site URL and if the page is not running via HTTPS yet.
+ *
+ * @internal
+ */
+readonly class ForcedHttpsBackendRedirector implements MiddlewareInterface
+{
+    public function __construct(
+        protected BackendEntryPointResolver $backendEntryPointResolver
+    ) {}
+    public function process(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        if ((bool)$GLOBALS['TYPO3_CONF_VARS']['BE']['lockSSL'] && !$request->getAttribute('normalizedParams')->isHttps()) {
+            if ((int)$GLOBALS['TYPO3_CONF_VARS']['BE']['lockSSLPort']) {
+                $sslPortSuffix = (int)$GLOBALS['TYPO3_CONF_VARS']['BE']['lockSSLPort'];
+            } else {
+                $sslPortSuffix = null;
+            }
+            $backendUrl = $this->backendEntryPointResolver->getUriFromRequest($request)
+                ->withScheme('https')
+                ->withPort($sslPortSuffix);
+            return new RedirectResponse($backendUrl);
+        }
+
+        return $handler->handle($request);
+    }
+}
diff --git a/Classes/Middleware/JavaScriptLabelImportMapEntryResolver.php b/Classes/Middleware/JavaScriptLabelImportMapEntryResolver.php
new file mode 100644
index 0000000..a5be8ae
--- /dev/null
+++ b/Classes/Middleware/JavaScriptLabelImportMapEntryResolver.php
@@ -0,0 +1,72 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\MiddlewareInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\EventDispatcher\ListenerProvider;
+use TYPO3\CMS\Core\Http\Response;
+use TYPO3\CMS\Core\Page\Event\ResolveVirtualJavaScriptImportEvent;
+
+/**
+ * @internal
+ */
+final readonly class JavaScriptLabelImportMapEntryResolver implements MiddlewareInterface
+{
+    public function __construct(
+        private ListenerProvider $listenerProvider,
+        private UriBuilder $uriBuilder,
+        #[Autowire(expression: 'service("package-dependent-cache-identifier").withAdditionalHashedIdentifier("JavaScriptLanguageDomain").toString()')]
+        private string $javaScriptLanguageDomainCacheIdentifier,
+    ) {}
+
+    /**
+     * Adds HTTP headers defined in $GLOBALS['TYPO3_CONF_VARS']['BE']['HTTP']['Response']['Headers']
+     */
+    public function process(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        $this->listenerProvider->addListener(
+            ResolveVirtualJavaScriptImportEvent::class,
+            self::class,
+            'resolveVirtualLabelImport'
+        );
+
+        return $handler->handle($request);
+    }
+
+    public function resolveVirtualLabelImport(ResolveVirtualJavaScriptImportEvent $event): void
+    {
+        if ($event->resolution === null && $event->virtualName === 'labels/') {
+            $path = (string)$this->uriBuilder->buildUriFromRoute('language_domain', [
+                'locale' => $GLOBALS['LANG']->getLocale()?->getName() ?? 'en',
+                'cacheBustInfix' => $this->javaScriptLanguageDomainCacheIdentifier,
+                'domain' => '__DOMAIN__',
+            ]);
+
+            // domain identifier will be aded via JavaScript importmap prefix handling, strip it to generate
+            // a base identifier
+            $path = str_replace('__DOMAIN__', '', $path);
+
+            $event->resolution = $path;
+        }
+    }
+}
diff --git a/Classes/Middleware/LockedBackendGuard.php b/Classes/Middleware/LockedBackendGuard.php
new file mode 100644
index 0000000..c84d4d5
--- /dev/null
+++ b/Classes/Middleware/LockedBackendGuard.php
@@ -0,0 +1,125 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\MiddlewareInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use TYPO3\CMS\Backend\Authentication\BackendLocker;
+use TYPO3\CMS\Backend\Exception\BackendAccessDeniedException;
+use TYPO3\CMS\Backend\Exception\BackendLockedException;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\HttpUtility;
+
+/**
+ * Checks various security options for accessing the TYPO3 backend before proceeding
+ *
+ * Depends on the NormalizedParams middleware to identify the
+ * Site URL and if the page is not running via HTTPS yet.
+ *
+ * @internal
+ */
+readonly class LockedBackendGuard implements MiddlewareInterface
+{
+    public function __construct(
+        protected BackendLocker $lockService
+    ) {}
+
+    /**
+     * Checks the client's IP address and the availability of LOCK_BACKEND file,
+     * location may vary, @see BackendLocker->isLocked().
+     */
+    public function process(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        try {
+            $redirectToUri = $this->checkLockedBackend();
+            if (!empty($redirectToUri)) {
+                return new RedirectResponse($redirectToUri, 302);
+            }
+        } catch (BackendLockedException $e) {
+            // Looks like an AJAX request that can handle JSON, (usually from the timeout functionality)
+            // So, let's form a request that fits
+            if (str_contains($request->getHeaderLine('Accept'), 'application/json')) {
+                $session = [
+                    'timed_out' => false,
+                    'will_time_out' => false,
+                    'locked' => true,
+                    'message' => $e->getMessage(),
+                ];
+                return new JsonResponse(['login' => $session]);
+            }
+            throw $e;
+        }
+        $this->validateVisitorsIpAgainstIpMaskList(
+            $request->getAttribute('normalizedParams')->getRemoteAddress(),
+            trim((string)$GLOBALS['TYPO3_CONF_VARS']['BE']['IPmaskList'])
+        );
+
+        return $handler->handle($request);
+    }
+
+    /**
+     * Check adminOnly configuration variable and redirects to an URL in file
+     * LOCK_BACKEND. Location may vary, @see BackendLocker->isLocked().
+     *
+     * @throws BackendLockedException
+     */
+    protected function checkLockedBackend(): ?string
+    {
+        if ($GLOBALS['TYPO3_CONF_VARS']['BE']['adminOnly'] < 0) {
+            throw new BackendLockedException(
+                HttpUtility::HTTP_STATUS_403,
+                'Backend is locked for maintenance. [BE][adminOnly] is set to "' . (int)$GLOBALS['TYPO3_CONF_VARS']['BE']['adminOnly'] . '".',
+                'TYPO3 Backend locked',
+                1517949794
+            );
+        }
+        if ($this->lockService->isLocked()) {
+            $redirectUri = $this->lockService->getRedirectUriFromLockContents();
+            if ($redirectUri) {
+                return $redirectUri;
+            }
+            throw new BackendLockedException(
+                HttpUtility::HTTP_STATUS_403,
+                'Backend access by browser is locked for maintenance. Remove lock by removing the file "LOCK_BACKEND" as configured in TYPO3_CONF_VARS[BE][lockBackendFile]. Or (better) use CLI-script "bin/typo3 backend:unlock".',
+                'TYPO3 Backend locked',
+                1517949793
+            );
+        }
+
+        return null;
+    }
+
+    /**
+     * Compare client IP with IPmaskList and throw an exception
+     */
+    protected function validateVisitorsIpAgainstIpMaskList(string $ipAddress, string $ipMaskList = ''): void
+    {
+        if ($ipMaskList !== '' && !GeneralUtility::cmpIP($ipAddress, $ipMaskList)) {
+            throw new BackendAccessDeniedException(
+                HttpUtility::HTTP_STATUS_403,
+                'The IP address of your client does not match the list of allowed IP addresses.',
+                'TYPO3 Backend access denied',
+                1517949792
+            );
+        }
+    }
+}
diff --git a/Classes/Middleware/PageContextInitialization.php b/Classes/Middleware/PageContextInitialization.php
new file mode 100644
index 0000000..ad96576
--- /dev/null
+++ b/Classes/Middleware/PageContextInitialization.php
@@ -0,0 +1,162 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\MiddlewareInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use Psr\Log\LoggerInterface;
+use TYPO3\CMS\Backend\Context\PageContextFactory;
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Backend\Routing\Route;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * Initializes PageContext for backend modules that work with pages.
+ *
+ * Creates a PageContext with resolved language information and stores it
+ * in the request attribute 'pageContext' for use by controllers.
+ *
+ * This middleware only runs for modules that use the page tree navigation
+ * component ('@typo3/backend/tree/page-tree-element'). This includes modules
+ * like web_layout, records, and others under the 'content' parent, as well
+ * as standalone modules that explicitly set the navigation component.
+ *
+ * The middleware:
+ * - Checks if the module or any of its parents use the page tree component
+ * - Extracts the page ID from request (query or body parameter 'id')
+ * - Defaults to page ID 0 (NullSite/root level) if not found
+ * - Creates PageContext with language resolution
+ *
+ * If PageContext creation fails (e.g. no site found, no page access),
+ * the middleware logs a warning but continues without breaking the request,
+ * allowing controllers to handle the missing context or create it manually.
+ *
+ * @internal
+ */
+readonly class PageContextInitialization implements MiddlewareInterface
+{
+    public function __construct(
+        protected PageContextFactory $pageContextFactory,
+        protected LoggerInterface $logger,
+    ) {}
+
+    public function process(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        if (!$this->requiresPageContext($request)) {
+            return $handler->handle($request);
+        }
+
+        $backendUser = $request->getAttribute('backend.user', $GLOBALS['BE_USER']);
+
+        // Only process if user is authenticated in the backend
+        if (!($backendUser instanceof BackendUserAuthentication) || !$backendUser->user) {
+            return $handler->handle($request);
+        }
+
+        $pageId = $this->determinePageId($request);
+        try {
+            $request = $request->withAttribute(
+                'pageContext',
+                $this->pageContextFactory->createFromRequest($request, $pageId, $backendUser)
+            );
+        } catch (\Exception $e) {
+            // If PageContext creation fails, log the error and continue without it.
+            // Controllers can fall back to manual creation if needed.
+            $this->logger->warning(
+                'Failed to create PageContext in middleware for page {page}: {error}',
+                [
+                    'page' => $pageId,
+                    'error' => $e->getMessage(),
+                    'exception' => $e,
+                ]
+            );
+        }
+
+        return $handler->handle($request);
+    }
+
+    private function determinePageId(ServerRequestInterface $request): int
+    {
+        $id = $request->getParsedBody()['id'] ?? $request->getQueryParams()['id'] ?? null;
+        if ($id !== null) {
+            return (int)$id;
+        }
+
+        $editStatement = $request->getParsedBody()['edit'] ?? $request->getQueryParams()['edit'] ?? null;
+        if (is_array($editStatement)) {
+            $table = key($editStatement);
+            $uidAndAction = current($editStatement);
+            $uid = (int)key($uidAndAction);
+            $action = current($uidAndAction);
+            if ($action === 'edit') {
+                return $this->getPageIdByRecord($table, $uid);
+            }
+            if ($action === 'new') {
+                return $this->getPageIdByRecord($table, $uid, true);
+            }
+        }
+
+        $commandStatement = $request->getParsedBody()['cmd'] ?? $request->getQueryParams()['cmd'] ?? null;
+        if (is_array($commandStatement)) {
+            $table = key($commandStatement);
+            $uidActionAndTarget = current($commandStatement);
+            $uid = (int)key($uidActionAndTarget);
+            $actionAndTarget = current($uidActionAndTarget);
+            $action = key($actionAndTarget);
+            $target = current($actionAndTarget);
+            if ($action === 'delete') {
+                return $this->getPageIdByRecord($table, $uid);
+            }
+            if ($action === 'copy' || $action === 'move') {
+                return $this->getPageIdByRecord($table, (int)($target['target'] ?? $target), true);
+            }
+        }
+
+        return 0;
+    }
+
+    private function getPageIdByRecord(string $table, int $id, bool $ignoreTable = false): int
+    {
+        $pageId = 0;
+        if ($table && $id) {
+            if (($ignoreTable || $table === 'pages') && $id >= 0) {
+                $pageId = $id;
+            } else {
+                $record = BackendUtility::getRecordWSOL($table, abs($id), '*', '', false);
+                $pageId = (int)($record['pid'] ?? 0);
+            }
+        }
+        return $pageId;
+    }
+
+    /**
+     * Check if the current request requires PageContext initialization.
+     *
+     * PageContext is required when:
+     * 1. Module uses the page tree navigation component
+     * 2. Route explicitly has 'requestPageContext' option set to true
+     */
+    private function requiresPageContext(ServerRequestInterface $request): bool
+    {
+        return ((($module = $request->getAttribute('module')) instanceof ModuleInterface) && $module->getNavigationComponent() === '@typo3/backend/tree/page-tree-element')
+            || ((($route = $request->getAttribute('route')) instanceof Route) && $route->getOption('requestPageContext'));
+    }
+}
diff --git a/Classes/Middleware/SiteResolver.php b/Classes/Middleware/SiteResolver.php
new file mode 100644
index 0000000..8c6eb5d
--- /dev/null
+++ b/Classes/Middleware/SiteResolver.php
@@ -0,0 +1,66 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\MiddlewareInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Routing\SiteMatcher;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Usually called after the route object is resolved, however, this is not possible yet as this happens
+ * within the RequestHandler/RouteDispatcher right now and should go away.
+ *
+ * This middleware checks for a "id" parameter. If present, it adds a site information to this page ID.
+ *
+ * Very useful for all "Web" related modules to resolve all available languages for a site.
+ */
+readonly class SiteResolver implements MiddlewareInterface
+{
+    public function __construct(
+        private SiteMatcher $siteMatcher
+    ) {}
+
+    /**
+     * Resolve the site information by checking the page ID ("id" parameter) which is typically
+     * used in BE modules of type "web".
+     */
+    public function process(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        $pageId = ($request->getQueryParams()['id'] ?? $request->getParsedBody()['id'] ?? 0);
+        if (!MathUtility::canBeInterpretedAsInteger($pageId)) {
+            // @todo: The "filelist" module abuses "id" to carry a storage like "1:/" around. This
+            //        should be changed. To *always* have a site attribute attached to the request,
+            //        we for now resolve to zero here, leading to NullSite object.
+            //        Change "filelist" module to no longer abuse "id" GET argument and throw an
+            //        exception here if $pageUid can not be resolved to an int.
+            $pageId = 0;
+        }
+        $pageId = (int)$pageId;
+        $rootLine = null;
+        if ($pageId > 0) {
+            $rootLine = BackendUtility::BEgetRootLine($pageId);
+        }
+        $site = $this->siteMatcher->matchByPageId($pageId, $rootLine);
+        $request = $request->withAttribute('site', $site);
+        return $handler->handle($request);
+    }
+}
diff --git a/Classes/Middleware/SudoModeInterceptor.php b/Classes/Middleware/SudoModeInterceptor.php
new file mode 100644
index 0000000..8ac5370
--- /dev/null
+++ b/Classes/Middleware/SudoModeInterceptor.php
@@ -0,0 +1,127 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Middleware;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestFactoryInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Server\MiddlewareInterface;
+use Psr\Http\Server\RequestHandlerInterface;
+use Psr\Log\LoggerInterface;
+use TYPO3\CMS\Backend\Controller\Security\SudoModeController;
+use TYPO3\CMS\Backend\Security\SudoMode\Access\AccessStorage;
+use TYPO3\CMS\Backend\Security\SudoMode\Exception\RequestGrantedException;
+use TYPO3\CMS\Backend\Security\SudoMode\Exception\VerificationRequiredException;
+use TYPO3\CMS\Core\Http\Application;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Http\RedirectResponse;
+
+/**
+ * Middleware that catches any `VerificationRequiredException` (= the current
+ * user must verify the access for a particular resource, route, module) by
+ * entering their password again; and any `RequestGrantedException` (= the
+ * verification process was successful & the user shall be redirected to
+ * the URI, that has been requested originally).
+ */
+final class SudoModeInterceptor implements MiddlewareInterface
+{
+    /**
+     * @internal
+     */
+    public ?ServerRequestInterface $currentRequest = null;
+
+    public function __construct(
+        private readonly AccessStorage $storage,
+        private readonly SudoModeController $controller,
+        private readonly ServerRequestFactoryInterface $serverRequestFactory,
+        private readonly Application $application,
+        private readonly LoggerInterface $logger,
+    ) {}
+
+    public function process(ServerRequestInterface $request, RequestHandlerInterface $handler): ResponseInterface
+    {
+        $this->currentRequest = $request;
+        try {
+            $response = $handler->handle($request);
+        } catch (VerificationRequiredException $exception) {
+            $response = $this->handleVerificationRequired($exception, $request);
+        } catch (RequestGrantedException $exception) {
+            $response = $this->handleRequestGrantedException($exception, $request);
+        }
+        $this->currentRequest = null;
+        return $response;
+    }
+
+    /**
+     * Redirects to the sudo mode controller, and renders the password verification dialog.
+     */
+    private function handleVerificationRequired(
+        VerificationRequiredException $exception,
+        ServerRequestInterface $request,
+    ): ResponseInterface {
+        $claim = $exception->getClaim();
+        $this->logger->info('Confirmation required', ['claim' => $claim->id]);
+        $this->storage->addClaim($claim);
+        $isAjaxCall = (bool)($request->getAttribute('route')?->getOption('ajax') ?? false);
+        if ($isAjaxCall) {
+            return (new JsonResponse([
+                'sudoModeInitialization' => [
+                    'verifyActionUri' => (string)$this->controller->buildVerifyActionUriForClaim($claim),
+                    'allowInstallToolPassword' => $GLOBALS['BE_USER']->isSystemMaintainer(),
+                    'isAjax' => true,
+                    'labels' => $GLOBALS['LANG']->getLabelsFromResource('EXT:backend/Resources/Private/Language/SudoMode.xlf'),
+                ],
+            ]))->withStatus(422, 'Step-Up required: A different authentication level is required');
+        }
+        $uri = $this->controller->buildModuleActionUriForClaim($claim);
+        return new RedirectResponse($uri, 401);
+    }
+
+    /**
+     * Redirects (GET) or Subrequests (non GET HTTP methods) to the URI that
+     * was originally requested (prior to this sudo mode interception).
+     */
+    private function handleRequestGrantedException(
+        RequestGrantedException $exception,
+        ServerRequestInterface $request,
+    ): ResponseInterface {
+        $instruction = $exception->getInstruction();
+        if ($instruction->getMethod() === 'GET') {
+            return new RedirectResponse($instruction->getUri(), 303);
+        }
+
+        $request = $this->serverRequestFactory
+            ->createServerRequest(
+                $instruction->getMethod(),
+                $instruction->getUri(),
+                $instruction->getServerParams()
+            )
+            ->withBody($instruction->getBody())
+            ->withParsedBody($instruction->getParsedBody())
+            ->withQueryParams($instruction->getQueryParams())
+            ->withRequestTarget($instruction->getRequestTarget())
+            // Use cookie params from current request, as cookies might have been updated in the meantime
+            ->withCookieParams($request->getCookieParams());
+        foreach ($instruction->getHeaders() as $name => $values) {
+            foreach ($values as $value) {
+                $request = $request->withAddedHeader($name, $value);
+            }
+        }
+        return $this->application->handle($request);
+    }
+}
diff --git a/Classes/Module/AccessGate/AdminGate.php b/Classes/Module/AccessGate/AdminGate.php
new file mode 100644
index 0000000..e082d2d
--- /dev/null
+++ b/Classes/Module/AccessGate/AdminGate.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module\AccessGate;
+
+use TYPO3\CMS\Backend\Module\ModuleAccessGateInterface;
+use TYPO3\CMS\Backend\Module\ModuleAccessResult;
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Core\Attribute\AsModuleAccessGate;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * Grants access only to admin users.
+ */
+#[AsModuleAccessGate(identifier: 'admin')]
+final readonly class AdminGate implements ModuleAccessGateInterface
+{
+    public function decide(ModuleInterface $module, BackendUserAuthentication $user): ModuleAccessResult
+    {
+        if ($module->getAccess() !== 'admin') {
+            return ModuleAccessResult::Abstain;
+        }
+        return $user->isAdmin() ? ModuleAccessResult::Granted : ModuleAccessResult::Denied;
+    }
+}
diff --git a/Classes/Module/AccessGate/SystemMaintainerGate.php b/Classes/Module/AccessGate/SystemMaintainerGate.php
new file mode 100644
index 0000000..7b7268a
--- /dev/null
+++ b/Classes/Module/AccessGate/SystemMaintainerGate.php
@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module\AccessGate;
+
+use TYPO3\CMS\Backend\Module\ModuleAccessGateInterface;
+use TYPO3\CMS\Backend\Module\ModuleAccessResult;
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Core\Attribute\AsModuleAccessGate;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * Grants access only to system maintainers (admins listed in
+ * $GLOBALS['TYPO3_CONF_VARS']['SYS']['systemMaintainers']).
+ */
+#[AsModuleAccessGate(identifier: 'systemMaintainer')]
+final readonly class SystemMaintainerGate implements ModuleAccessGateInterface
+{
+    public function decide(ModuleInterface $module, BackendUserAuthentication $user): ModuleAccessResult
+    {
+        if ($module->getAccess() !== BackendUserAuthentication::ROLE_SYSTEMMAINTAINER) {
+            return ModuleAccessResult::Abstain;
+        }
+        return $user->isSystemMaintainer() ? ModuleAccessResult::Granted : ModuleAccessResult::Denied;
+    }
+}
diff --git a/Classes/Module/AccessGate/UserGate.php b/Classes/Module/AccessGate/UserGate.php
new file mode 100644
index 0000000..7012a88
--- /dev/null
+++ b/Classes/Module/AccessGate/UserGate.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module\AccessGate;
+
+use TYPO3\CMS\Backend\Module\ModuleAccessGateInterface;
+use TYPO3\CMS\Backend\Module\ModuleAccessResult;
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Backend\Module\ModuleRegistry;
+use TYPO3\CMS\Core\Attribute\AsModuleAccessGate;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * Grants access based on explicit module permissions in
+ * be_users.userMods / be_groups.groupMods. Admin users
+ * are always granted access.
+ */
+#[AsModuleAccessGate(identifier: 'user')]
+final readonly class UserGate implements ModuleAccessGateInterface
+{
+    public function __construct(
+        private ModuleRegistry $moduleRegistry,
+    ) {}
+
+    public function decide(ModuleInterface $module, BackendUserAuthentication $user): ModuleAccessResult
+    {
+        if ($module->getAccess() !== 'user') {
+            return ModuleAccessResult::Abstain;
+        }
+        if ($user->isAdmin()) {
+            return ModuleAccessResult::Granted;
+        }
+        if ($user->check('modules', $module->getIdentifier())) {
+            return ModuleAccessResult::Granted;
+        }
+        $alias = array_search($module->getIdentifier(), $this->moduleRegistry->getModuleAliases(), true);
+        if ($alias !== false && $user->check('modules', $alias)) {
+            return ModuleAccessResult::Granted;
+        }
+        return ModuleAccessResult::Denied;
+    }
+}
diff --git a/Classes/Module/BaseModule.php b/Classes/Module/BaseModule.php
new file mode 100644
index 0000000..245a51b
--- /dev/null
+++ b/Classes/Module/BaseModule.php
@@ -0,0 +1,304 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module;
+
+/**
+ * The basic backend module, to be extended by more detailed implementations (e.g. ExtbaseModule)
+ *
+ * @internal
+ */
+abstract class BaseModule
+{
+    protected string $identifier;
+    protected string $packageName = '';
+    protected string $absolutePackagePath = '';
+    protected string $path = '';
+    protected string $iconIdentifier = '';
+    protected string $title = '';
+    protected string $description = '';
+    protected string $shortDescription = '';
+    protected array $position = [];
+    protected array $appearance = [];
+    protected string $access = '';
+    protected string $workspaceAccess = '';
+    protected string $parent = '';
+    protected ?ModuleInterface $parentModule = null;
+    /** @var array<string, ModuleInterface> */
+    protected array $subModules = [];
+    protected bool $standalone = false;
+    protected string $component = '@typo3/backend/module/iframe';
+    protected string $navigationComponent = '';
+    protected array $defaultModuleData = [];
+    protected array $aliases = [];
+    protected bool $inheritNavigationComponent = true;
+    protected array $routeOptions = [];
+    protected bool $showSubmoduleOverview = false;
+
+    final protected function __construct(string $identifier)
+    {
+        $this->identifier = $identifier;
+    }
+
+    public function getIdentifier(): string
+    {
+        return $this->identifier;
+    }
+
+    public function getPath(): string
+    {
+        return $this->path;
+    }
+
+    public function getIconIdentifier(): string
+    {
+        if ($this->iconIdentifier === '' && $this->hasParentModule()) {
+            return $this->getParentModule()->getIconIdentifier();
+        }
+
+        return $this->iconIdentifier;
+    }
+
+    public function getTitle(): string
+    {
+        return $this->title;
+    }
+
+    public function getDescription(): string
+    {
+        return $this->description;
+    }
+
+    public function getShortDescription(): string
+    {
+        return $this->shortDescription;
+    }
+
+    public function isStandalone(): bool
+    {
+        return $this->standalone;
+    }
+
+    public function getNavigationComponent(): string
+    {
+        if ($this->inheritNavigationComponent && $this->hasParentModule()) {
+            // Use parent navigation component if inheritance is enabled.
+            // Fallback if parent does not define a navigation component.
+            return $this->getParentModule()->getNavigationComponent() ?: $this->navigationComponent;
+        }
+        return $this->navigationComponent;
+    }
+
+    public function getComponent(): string
+    {
+        return $this->component;
+    }
+
+    public function getPosition(): array
+    {
+        return $this->position;
+    }
+
+    public function getAccess(): string
+    {
+        return $this->access;
+    }
+
+    public function getWorkspaceAccess(): string
+    {
+        return $this->workspaceAccess;
+    }
+
+    public function getParentIdentifier(): string
+    {
+        return $this->parent;
+    }
+
+    public function setParentModule(ModuleInterface $module): void
+    {
+        $this->parentModule = $module;
+    }
+
+    public function getParentModule(): ?ModuleInterface
+    {
+        return $this->parentModule;
+    }
+
+    public function hasParentModule(): bool
+    {
+        return $this->parentModule !== null;
+    }
+
+    public function addSubModule(ModuleInterface $module): void
+    {
+        $this->subModules[$module->getIdentifier()] = $module;
+    }
+
+    public function hasSubModule(string $identifier): bool
+    {
+        return isset($this->subModules[$identifier]);
+    }
+
+    public function hasSubModules(): bool
+    {
+        return $this->subModules !== [];
+    }
+
+    public function getSubModule(string $identifier): ?ModuleInterface
+    {
+        return $this->subModules[$identifier] ?? null;
+    }
+
+    public function removeSubModule(string $identifier): void
+    {
+        unset($this->subModules[$identifier]);
+    }
+
+    /**
+     * @return array<string, ModuleInterface>
+     */
+    public function getSubModules(): array
+    {
+        return $this->subModules;
+    }
+
+    public function getAppearance(): array
+    {
+        return $this->appearance;
+    }
+
+    public function getAliases(): array
+    {
+        return $this->aliases;
+    }
+
+    public function hasSubmoduleOverview(): bool
+    {
+        return $this->showSubmoduleOverview;
+    }
+
+    abstract public function getDefaultRouteOptions(): array;
+
+    public function getDefaultModuleData(): array
+    {
+        return $this->defaultModuleData;
+    }
+
+    /**
+     * Promotes this module to a standalone top-level module, inheriting properties from its parent.
+     *
+     * @internal Only to be used by ModuleRegistry
+     */
+    public function promoteToStandalone(string $navigationComponent, array $position, array $additionalAliases): void
+    {
+        $this->standalone = true;
+        $this->parent = '';
+        $this->parentModule = null;
+        if ($this->getNavigationComponent() === '') {
+            $this->navigationComponent = $navigationComponent;
+        }
+        if ($this->position === []) {
+            $this->position = $position;
+        }
+        $this->aliases = array_merge($this->aliases, $additionalAliases);
+    }
+
+    public static function createFromConfiguration(string $identifier, array $configuration): static
+    {
+        $obj = new static($identifier);
+        $obj->packageName = (string)($configuration['packageName'] ?? '');
+        $obj->absolutePackagePath = (string)($configuration['absolutePackagePath'] ?? '');
+        $obj->path = '/' . ltrim((string)$configuration['path'], '/');
+        $obj->standalone = (bool)($configuration['standalone'] ?? false);
+
+        if ($configuration['parent'] ?? false) {
+            $obj->parent = (string)$configuration['parent'];
+        }
+        if ($configuration['iconIdentifier'] ?? false) {
+            $obj->iconIdentifier = (string)$configuration['iconIdentifier'];
+        }
+        if ($configuration['access'] ?? false) {
+            $obj->access = (string)$configuration['access'];
+        }
+        if ($configuration['workspaces'] ?? false) {
+            $obj->workspaceAccess = (string)$configuration['workspaces'];
+        }
+        if ($configuration['component'] ?? false) {
+            $obj->component = (string)$configuration['component'];
+        }
+
+        $labelInformation = $configuration['labels'] ?? false;
+        if (is_array($labelInformation)) {
+            $obj->title = (string)($labelInformation['title'] ?? '');
+            $obj->description = (string)($labelInformation['description'] ?? '');
+            $obj->shortDescription = (string)($labelInformation['shortDescription'] ?? '');
+        } elseif (str_starts_with((string)$labelInformation, 'LLL:')) {
+            $labelsFile = $labelInformation;
+            $obj->title = $labelsFile . ':mlang_tabs_tab';
+            $obj->description = $labelsFile . ':mlang_labels_tabdescr';
+            $obj->shortDescription = $labelsFile . ':mlang_labels_tablabel';
+        } elseif (is_string($labelInformation) && !str_contains($labelInformation, ':') && str_contains($labelInformation, '.')) {
+            // New File Format. Uses "backend.modules.<modulename>" (for example "backend.modules.preview") as identifier,
+            // which results in "backend.modules.preview:title" etc.
+            $obj->title = $labelInformation . ':title';
+            $obj->description = $labelInformation . ':description';
+            $obj->shortDescription = $labelInformation . ':short_description';
+        }
+
+        if (is_array($configuration['position'] ?? false)) {
+            if (in_array('top', $configuration['position'], true)) {
+                $configuration['position'] = [
+                    'before' => '*',
+                ];
+            }
+            if (in_array('bottom', $configuration['position'], true)) {
+                $configuration['position'] = [
+                    'after' => '*',
+                ];
+            }
+            $obj->position = $configuration['position'];
+        }
+        if (is_array($configuration['appearance'] ?? false)) {
+            $obj->appearance = $configuration['appearance'];
+        }
+        if (is_array($configuration['moduleData'] ?? false)) {
+            $obj->defaultModuleData = $configuration['moduleData'];
+        }
+        if (is_array($configuration['aliases'] ?? false)) {
+            $obj->aliases = $configuration['aliases'];
+        }
+
+        if (isset($configuration['inheritNavigationComponentFromMainModule'])) {
+            $obj->inheritNavigationComponent = (bool)$configuration['inheritNavigationComponentFromMainModule'];
+        }
+
+        if (isset($configuration['navigationComponent'])) {
+            $obj->navigationComponent = (string)$configuration['navigationComponent'];
+        } elseif (isset($configuration['navigationComponentId'])) {
+            $obj->navigationComponent = (string)$configuration['navigationComponentId'];
+        }
+        if (is_array($configuration['routeOptions'] ?? null)) {
+            $obj->routeOptions = $configuration['routeOptions'];
+        }
+
+        if (isset($configuration['showSubmoduleOverview'])) {
+            $obj->showSubmoduleOverview = (bool)$configuration['showSubmoduleOverview'];
+        }
+
+        return $obj;
+    }
+}
diff --git a/Classes/Module/BeforeModuleCreationEvent.php b/Classes/Module/BeforeModuleCreationEvent.php
new file mode 100644
index 0000000..a8ff7f2
--- /dev/null
+++ b/Classes/Module/BeforeModuleCreationEvent.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module;
+
+/**
+ * Listeners can adjust the module configuration before the module gets created and registered
+ */
+final class BeforeModuleCreationEvent
+{
+    public function __construct(private readonly string $identifier, private array $configuration) {}
+
+    public function getIdentifier(): string
+    {
+        return $this->identifier;
+    }
+
+    public function getConfiguration(): array
+    {
+        return $this->configuration;
+    }
+
+    public function setConfiguration(array $configuration): void
+    {
+        $this->configuration = $configuration;
+    }
+
+    public function hasConfigurationValue(string $key): bool
+    {
+        return isset($this->configuration[$key]);
+    }
+
+    public function getConfigurationValue(string $key, mixed $default = null): mixed
+    {
+        return $this->configuration[$key] ?? $default;
+    }
+
+    public function setConfigurationValue(string $key, mixed $value): void
+    {
+        $this->configuration[$key] = $value;
+    }
+}
diff --git a/Classes/Module/ExtbaseModule.php b/Classes/Module/ExtbaseModule.php
new file mode 100644
index 0000000..d70816c
--- /dev/null
+++ b/Classes/Module/ExtbaseModule.php
@@ -0,0 +1,116 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module;
+
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Extbase\Core\Bootstrap;
+use TYPO3\CMS\Extbase\Utility\ExtensionUtility;
+
+/**
+ * An extbase built backend module
+ *
+ * @internal only for use within TYPO3 Core.
+ */
+class ExtbaseModule extends BaseModule implements ModuleInterface
+{
+    protected string $extensionName;
+    protected array $controllerActions;
+
+    /**
+     * Extbase modules always need a parent, use "content" as default
+     */
+    protected string $parent = 'content';
+
+    /**
+     * Access is restricted to "admin" by default for extbase modules
+     */
+    protected string $access = 'admin';
+
+    public function getExtensionName(): string
+    {
+        return $this->extensionName;
+    }
+
+    public function getControllerActions(): array
+    {
+        return $this->controllerActions;
+    }
+
+    public function getDefaultRouteOptions(): array
+    {
+        $allRoutes = [];
+        foreach ($this->controllerActions as $controllerConfiguration) {
+            foreach ($controllerConfiguration['actions'] as $actionName) {
+                if ($allRoutes === []) {
+                    $allRoutes['_default'] = array_replace_recursive(
+                        $this->routeOptions,
+                        [
+                            'module' => $this,
+                            'packageName' => $this->packageName,
+                            'absolutePackagePath' => $this->absolutePackagePath,
+                            'access' => $this->access,
+                            'target' => Bootstrap::class . '::handleBackendRequest',
+                            'controller' => $controllerConfiguration['alias'],
+                            'action' => $actionName,
+                        ]
+                    );
+                }
+                $allRoutes[$controllerConfiguration['alias'] . '_' . $actionName] = array_replace_recursive(
+                    $this->routeOptions,
+                    [
+                        'module' => $this,
+                        'path' => $controllerConfiguration['alias'] . '/' . $actionName,
+                        'packageName' => $this->packageName,
+                        'absolutePackagePath' => $this->absolutePackagePath,
+                        'access' => $this->access,
+                        'target' => Bootstrap::class . '::handleBackendRequest',
+                        'controller' => $controllerConfiguration['alias'],
+                        'action' => $actionName,
+                    ]
+                );
+            }
+        }
+        return $allRoutes;
+    }
+
+    protected static function sanitizeExtensionName(string $extensionName): string
+    {
+        return (string)str_replace(' ', '', ucwords(str_replace('_', ' ', $extensionName)));
+    }
+
+    protected static function sanitizeControllerActions(array $controllerActions): array
+    {
+        $sanitizedControllerActions = [];
+        foreach ($controllerActions as $controllerName => $actions) {
+            $sanitizedControllerActions[$controllerName] = [
+                'actions' => (is_array($actions) ? $actions : GeneralUtility::trimExplode(',', $actions)),
+                'alias' => ExtensionUtility::resolveControllerAliasFromControllerClassName($controllerName),
+                'className' => $controllerName,
+            ];
+        }
+        return $sanitizedControllerActions;
+    }
+
+    public static function createFromConfiguration(string $identifier, array $configuration): static
+    {
+        $obj = parent::createFromConfiguration($identifier, $configuration);
+        $obj->extensionName = self::sanitizeExtensionName((string)($configuration['extensionName'] ?? ''));
+        $obj->controllerActions = self::sanitizeControllerActions((array)($configuration['controllerActions'] ?? []));
+        return $obj;
+    }
+}
diff --git a/Classes/Module/MenuModule.php b/Classes/Module/MenuModule.php
new file mode 100644
index 0000000..1f07f4c
--- /dev/null
+++ b/Classes/Module/MenuModule.php
@@ -0,0 +1,192 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module;
+
+/**
+ * A representation for a module used for the menu generation.
+ *
+ * @internal only to be used by TYPO3 Core.
+ */
+class MenuModule implements ModuleInterface
+{
+    /**
+     * @var ModuleInterface[]
+     */
+    protected array $subModules = [];
+
+    public function __construct(protected readonly ModuleInterface $module, protected $isCollapsed = false) {}
+
+    public function getIdentifier(): string
+    {
+        return $this->module->getIdentifier();
+    }
+
+    public function getIconIdentifier(): string
+    {
+        return $this->module->getIconIdentifier();
+    }
+
+    public function getTitle(): string
+    {
+        return $this->module->getTitle();
+    }
+
+    public function getDescription(): string
+    {
+        return $this->module->getDescription();
+    }
+
+    public function getShortDescription(): string
+    {
+        return $this->module->getShortDescription();
+    }
+
+    public function isStandalone(): bool
+    {
+        return $this->module->isStandalone();
+    }
+
+    public function getComponent(): string
+    {
+        return $this->module->getComponent();
+    }
+
+    public function getNavigationComponent(): string
+    {
+        return $this->module->getNavigationComponent();
+    }
+
+    public function getPosition(): array
+    {
+        return $this->module->getPosition();
+    }
+
+    public function getAppearance(): array
+    {
+        return $this->module->getAppearance();
+    }
+
+    public function getAccess(): string
+    {
+        return $this->module->getAccess();
+    }
+
+    public function getWorkspaceAccess(): string
+    {
+        return $this->module->getWorkspaceAccess();
+    }
+
+    public function getParentIdentifier(): string
+    {
+        return $this->module->getParentIdentifier();
+    }
+
+    public function setParentModule(ModuleInterface $module): void
+    {
+        $this->module->setParentModule($module);
+    }
+
+    public function getParentModule(): ?ModuleInterface
+    {
+        return $this->module->getParentModule();
+    }
+
+    public function hasParentModule(): bool
+    {
+        return $this->module->hasParentModule();
+    }
+
+    public function addSubModule(ModuleInterface $module): void
+    {
+        $this->subModules[$module->getIdentifier()] = $module;
+    }
+
+    public function removeSubModule(string $identifier): void
+    {
+        unset($this->subModules[$identifier]);
+    }
+
+    public function hasSubModule(string $identifier): bool
+    {
+        return isset($this->subModules[$identifier]);
+    }
+
+    public function hasSubModules(): bool
+    {
+        return $this->subModules !== [];
+    }
+
+    public function getSubModule(string $identifier): ?ModuleInterface
+    {
+        return $this->subModules[$identifier] ?? null;
+    }
+
+    /**
+     * @return ModuleInterface[]
+     */
+    public function getSubModules(): array
+    {
+        return $this->subModules;
+    }
+
+    public function getPath(): string
+    {
+        return $this->module->getPath();
+    }
+
+    public function getDefaultRouteOptions(): array
+    {
+        return $this->module->getDefaultRouteOptions();
+    }
+
+    public function getDefaultModuleData(): array
+    {
+        return $this->module->getDefaultModuleData();
+    }
+
+    public function getAliases(): array
+    {
+        return $this->module->getAliases();
+    }
+
+    public function hasSubmoduleOverview(): bool
+    {
+        return $this->module->hasSubmoduleOverview();
+    }
+
+    public function isCollapsed(): bool
+    {
+        return $this->isCollapsed;
+    }
+
+    public function getIsCollapsed(): bool
+    {
+        return $this->isCollapsed();
+    }
+
+    public function getShouldBeLinked(): bool
+    {
+        if ($this->module->isStandalone()) {
+            return true;
+        }
+        if ($this->module->hasParentModule()) {
+            return true;
+        }
+        return false;
+    }
+}
diff --git a/Classes/Module/Module.php b/Classes/Module/Module.php
new file mode 100644
index 0000000..5f5b94a
--- /dev/null
+++ b/Classes/Module/Module.php
@@ -0,0 +1,87 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module;
+
+use TYPO3\CMS\Backend\Exception\NonRoutableModuleException;
+
+/**
+ * A standard backend nodule
+ */
+class Module extends BaseModule implements ModuleInterface
+{
+    protected array $routes;
+
+    public function getRoutes(): array
+    {
+        return $this->routes;
+    }
+
+    public function getDefaultRouteOptions(): array
+    {
+        $defaultRouteOptions = [];
+
+        if ($this->routes !== []) {
+            foreach ($this->routes as $routeIdentifier => $routeOptions) {
+                $defaultRouteOptions[$routeIdentifier] = array_replace_recursive(
+                    $this->routeOptions,
+                    $routeOptions,
+                    [
+                        'module' => $this,
+                        'packageName' => $this->packageName,
+                        'absolutePackagePath' => $this->absolutePackagePath,
+                        'access' => $this->access,
+                    ]
+                );
+            }
+        } elseif ($this->hasSubmoduleOverview()) {
+            // Show card-based overview of all submodules
+            $defaultRouteOptions['_default'] = array_replace_recursive(
+                $this->routeOptions,
+                [
+                    'target' => \TYPO3\CMS\Backend\Controller\SubmoduleOverviewController::class . '::handleRequest',
+                    'module' => $this,
+                    'packageName' => $this->packageName,
+                    'absolutePackagePath' => $this->absolutePackagePath,
+                    'access' => $this->access,
+                ]
+            );
+        } elseif ($this->hasSubModules()) {
+            // In case no routes are defined but the module has submodules,
+            // fall back and use the first submodules' route options instead.
+            $submodules = $this->getSubModules();
+            $firstSubModule = reset($submodules);
+            $defaultRouteOptions = $firstSubModule->getDefaultRouteOptions();
+        }
+
+        if (!isset($defaultRouteOptions['_default'])) {
+            throw new NonRoutableModuleException(
+                'No default route could be resolved for module ' . $this->identifier,
+                1674063354
+            );
+        }
+
+        return $defaultRouteOptions;
+    }
+
+    public static function createFromConfiguration(string $identifier, array $configuration): static
+    {
+        $obj = parent::createFromConfiguration($identifier, $configuration);
+        $obj->routes = $configuration['routes'] ?? [];
+        return $obj;
+    }
+}
diff --git a/Classes/Module/ModuleAccessGateInterface.php b/Classes/Module/ModuleAccessGateInterface.php
new file mode 100644
index 0000000..70a66c1
--- /dev/null
+++ b/Classes/Module/ModuleAccessGateInterface.php
@@ -0,0 +1,32 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module;
+
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * Interface for module access gates.
+ *
+ * Gates are responsible for deciding whether a backend user has access to a module.
+ * Each gate is registered with a unique identifier that corresponds to the `access`
+ * value in a module's configuration.
+ */
+interface ModuleAccessGateInterface
+{
+    public function decide(ModuleInterface $module, BackendUserAuthentication $user): ModuleAccessResult;
+}
diff --git a/Classes/Module/ModuleAccessGateRegistry.php b/Classes/Module/ModuleAccessGateRegistry.php
new file mode 100644
index 0000000..9618b81
--- /dev/null
+++ b/Classes/Module/ModuleAccessGateRegistry.php
@@ -0,0 +1,67 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module;
+
+/**
+ * Registry for module access gates, ordered by before/after dependencies
+ * during container compilation.
+ */
+class ModuleAccessGateRegistry
+{
+    /**
+     * @var array<string, ModuleAccessGateInterface>
+     */
+    private array $gates = [];
+
+    /**
+     * @param array<string, ModuleAccessGateInterface> $gates Pre-ordered gates (injected by ModuleAccessGatePass)
+     */
+    public function __construct(array $gates = [])
+    {
+        foreach ($gates as $identifier => $gate) {
+            $this->gates[$identifier] = $gate;
+        }
+    }
+
+    public function has(string $identifier): bool
+    {
+        return isset($this->gates[$identifier]);
+    }
+
+    /**
+     * @throws \InvalidArgumentException if gate does not exist
+     */
+    public function get(string $identifier): ModuleAccessGateInterface
+    {
+        if (!$this->has($identifier)) {
+            throw new \InvalidArgumentException(
+                sprintf('Module access gate with identifier "%s" is not registered.', $identifier),
+                1774436666
+            );
+        }
+        return $this->gates[$identifier];
+    }
+
+    /**
+     * @return array<string, ModuleAccessGateInterface>
+     */
+    public function getAll(): array
+    {
+        return $this->gates;
+    }
+}
diff --git a/Classes/Module/ModuleAccessResult.php b/Classes/Module/ModuleAccessResult.php
new file mode 100644
index 0000000..482622a
--- /dev/null
+++ b/Classes/Module/ModuleAccessResult.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module;
+
+/**
+ * Result of a module access gate decision.
+ */
+enum ModuleAccessResult
+{
+    /**
+     * Access is explicitly granted.
+     */
+    case Granted;
+
+    /**
+     * Access is explicitly denied.
+     */
+    case Denied;
+
+    /**
+     * The gate cannot decide - pass to next gate.
+     */
+    case Abstain;
+}
diff --git a/Classes/Module/ModuleData.php b/Classes/Module/ModuleData.php
new file mode 100644
index 0000000..1d56278
--- /dev/null
+++ b/Classes/Module/ModuleData.php
@@ -0,0 +1,126 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module;
+
+/**
+ * A simple DTO containing the user specific module settings, e.g. whether the clipboard is shown.
+ * The DTO is created in the PSR-15 middleware BackendModuleValidator, in case a backend module
+ * is requested and the user has necessary access permissions. The created DTO is then added as
+ * attribute to the PSR-7 Request and can be further used in components, such as middlewares or
+ * the route target (usually a backend controller).
+ *
+ * @see BackendModuleValidator
+ */
+class ModuleData
+{
+    protected array $properties = [];
+    protected string $moduleIdentifier;
+    protected array $defaultData = [];
+
+    public function __construct(string $moduleIdentifier, array $data, array $defaultData = [])
+    {
+        $this->moduleIdentifier = $moduleIdentifier;
+        $this->defaultData = $defaultData;
+        $this->properties = array_replace_recursive($defaultData, $data);
+    }
+
+    public static function createFromModule(ModuleInterface $module, array $data): self
+    {
+        return new self(
+            $module->getIdentifier(),
+            $data,
+            $module->getDefaultModuleData(),
+        );
+    }
+
+    public function getModuleIdentifier(): string
+    {
+        return $this->moduleIdentifier;
+    }
+
+    public function get(string $propertyName, mixed $default = null): mixed
+    {
+        return $this->properties[$propertyName] ?? $default;
+    }
+
+    public function has(string $propertyName): bool
+    {
+        return isset($this->properties[$propertyName]);
+    }
+
+    public function set(string $propertyName, mixed $value): void
+    {
+        $this->properties[$propertyName] = $value;
+    }
+
+    /**
+     * Cleans a single property by the given allowed list. First fallback
+     * is the default data list. If this list does also not contain an
+     * allowed value, the first value from the allowed list is taken.
+     *
+     * @return bool True if something has been cleaned up
+     */
+    public function clean(string $propertyName, array $allowedValues): bool
+    {
+        if (!$this->has($propertyName)) {
+            throw new \InvalidArgumentException('Property ' . $propertyName . ' can not be cleaned, since it does not exist.', 1644600510);
+        }
+
+        if ($allowedValues === []) {
+            throw new \InvalidArgumentException('Define at least one allowed value.', 1644600511);
+        }
+
+        if (in_array($this->properties[$propertyName], $allowedValues)) {
+            // Current value is allowed, nothing to do
+            return false;
+        }
+
+        if (isset($this->defaultData[$propertyName]) && in_array($this->defaultData[$propertyName], $allowedValues)) {
+            // Set property to its default value - if it is allowed
+            $this->properties[$propertyName] = $this->defaultData[$propertyName];
+        } else {
+            // Fall back to the first value of the allow list
+            $this->properties[$propertyName] = reset($allowedValues);
+        }
+
+        return true;
+    }
+
+    /**
+     * Cleans up all module data, which are defined in the
+     * given allowed data list. Usually called with $MOD_MENU.
+     */
+    public function cleanUp(array $allowedData, bool $useKeys = true): bool
+    {
+        $cleanUp = false;
+        foreach ($allowedData as $propertyName => $allowedValues) {
+            if (is_array($allowedValues)
+                && $this->has($propertyName)
+                && $this->clean($propertyName, $useKeys ? array_keys($allowedValues) : $allowedValues)
+            ) {
+                $cleanUp = true;
+            }
+        }
+        return $cleanUp;
+    }
+
+    public function toArray(): array
+    {
+        return $this->properties;
+    }
+}
diff --git a/Classes/Module/ModuleFactory.php b/Classes/Module/ModuleFactory.php
new file mode 100644
index 0000000..dbba7d3
--- /dev/null
+++ b/Classes/Module/ModuleFactory.php
@@ -0,0 +1,98 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Core\Imaging\IconRegistry;
+
+/**
+ * @internal only to be used within TYPO3 Core
+ */
+#[Autoconfigure(public: true)]
+readonly class ModuleFactory
+{
+    public function __construct(
+        protected IconRegistry $iconRegistry,
+        protected EventDispatcherInterface $eventDispatcher,
+    ) {}
+
+    public function createModule(string $identifier, array $configuration): ModuleInterface
+    {
+        $configuration = $this->eventDispatcher->dispatch(
+            new BeforeModuleCreationEvent($identifier, $configuration)
+        )->getConfiguration();
+
+        $configuration = $this->sanitizeConfiguration($identifier, $configuration);
+
+        if (is_array($configuration['controllerActions'] ?? false)) {
+            return ExtbaseModule::createFromConfiguration($identifier, $configuration);
+        }
+        return Module::createFromConfiguration($identifier, $configuration);
+    }
+
+    private function sanitizeConfiguration(string $identifier, array $configuration): array
+    {
+        if (empty($configuration['path'])) {
+            $configuration['path'] = '/module/' . trim(str_replace('_', '/', $identifier), '/');
+        }
+
+        if ($configuration['icon'] ?? false) {
+            $iconPath = $configuration['icon'];
+            if ($iconPath !== '') {
+                $iconIdentifier = 'module-' . $identifier;
+                $iconProvider = $this->iconRegistry->detectIconProvider($iconPath);
+                $this->iconRegistry->registerIcon($iconIdentifier, $iconProvider, ['source' => $iconPath]);
+                $configuration['iconIdentifier'] = $iconIdentifier;
+            }
+            unset($configuration['icon']);
+        }
+        return $configuration;
+    }
+
+    /**
+     * In order to keep modules that reference to an alias (e.g. switch of main module form "web" to "content"),
+     * the modules need to be re-located to reference the "new" identifier and not the now available alias. This
+     * concerns "parent" and the "position" options, which reference other module identifiers.
+     */
+    public function adaptAliasMappingFromModuleConfiguration(array $moduleConfigurations): array
+    {
+        // collect ALL aliases
+        $availableAliases = [];
+        foreach ($moduleConfigurations as $moduleIdentifier => $moduleConfiguration) {
+            foreach ($moduleConfiguration['aliases'] ?? [] as $aliasIdentifier) {
+                $availableAliases[$aliasIdentifier] = $moduleIdentifier;
+            }
+        }
+        // rewrite references
+        $adaptedModuleConfiguration = [];
+        foreach ($moduleConfigurations as $moduleIdentifier => $moduleConfiguration) {
+            if (isset($moduleConfiguration['parent'], $availableAliases[$moduleConfiguration['parent']])) {
+                $moduleConfiguration['parent'] = $availableAliases[$moduleConfiguration['parent']];
+            }
+            if (isset($moduleConfiguration['position']['before'], $availableAliases[$moduleConfiguration['position']['before']])) {
+                $moduleConfiguration['position']['before'] = $availableAliases[$moduleConfiguration['position']['before']];
+            }
+            if (isset($moduleConfiguration['position']['after'], $availableAliases[$moduleConfiguration['position']['after']])) {
+                $moduleConfiguration['position']['after'] = $availableAliases[$moduleConfiguration['position']['after']];
+            }
+            $adaptedModuleConfiguration[$moduleIdentifier] = $moduleConfiguration;
+        }
+        return $adaptedModuleConfiguration;
+    }
+}
diff --git a/Classes/Module/ModuleInterface.php b/Classes/Module/ModuleInterface.php
new file mode 100644
index 0000000..f55a7f1
--- /dev/null
+++ b/Classes/Module/ModuleInterface.php
@@ -0,0 +1,167 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module;
+
+/**
+ * An interface representing a TYPO3 Backend module.
+ */
+interface ModuleInterface
+{
+    /**
+     * The internal name of the module, used for referencing in permissions etc
+     */
+    public function getIdentifier(): string;
+
+    /**
+     * Return the main route path
+     */
+    public function getPath(): string;
+
+    /**
+     * The icon identifier for the module
+     */
+    public function getIconIdentifier(): string;
+
+    /**
+     * The title of the module, used in the menu
+     */
+    public function getTitle(): string;
+
+    /**
+     * A longer description, common for the "About" section with a long explanation
+     */
+    public function getDescription(): string;
+
+    /**
+     * A shorter description, used when hovering over a module in the menu as title attribute
+     */
+    public function getShortDescription(): string;
+
+    /**
+     * Useful for main modules that are also "clickable" such as the dashboard module
+     */
+    public function isStandalone(): bool;
+
+    /**
+     * Returns the view component responsible for rendering the module (iFrame or name of the web component)
+     */
+    public function getComponent(): string;
+
+    /**
+     * The web component to be rendering the navigation area
+     */
+    public function getNavigationComponent(): string;
+
+    /**
+     * The position of the module, such as [top] or [bottom] or [after => anotherModule] or [before => anotherModule]
+     */
+    public function getPosition(): array;
+
+    /**
+     * Returns a modules appearance options, e.g. used for module menu
+     */
+    public function getAppearance(): array;
+
+    /**
+     * Can be user (editor permissions), admin, or systemMaintainer
+     */
+    public function getAccess(): string;
+
+    /**
+     * Can be "*" (= empty) or "live" or "offline"
+     */
+    public function getWorkspaceAccess(): string;
+
+    /**
+     * The identifier of the parent module during registration
+     */
+    public function getParentIdentifier(): string;
+
+    /**
+     * Set a reference to the next upper menu item
+     *
+     * @internal Might vanish soon
+     */
+    public function setParentModule(ModuleInterface $module): void;
+
+    /**
+     * Get the reference to the next upper menu item
+     */
+    public function getParentModule(): ?ModuleInterface;
+
+    /**
+     * Can be checked if the module is a "main module"
+     */
+    public function hasParentModule(): bool;
+
+    /**
+     * Used to set another module as part of the parent module
+     *
+     * @internal Might vanish soon
+     */
+    public function addSubModule(ModuleInterface $module): void;
+
+    /**
+     * Remove a submodule
+     *
+     * @internal Might vanish soon
+     */
+    public function removeSubModule(string $identifier): void;
+
+    /**
+     * Checks whether this module has a submodule with the given identifier
+     */
+    public function hasSubModule(string $identifier): bool;
+
+    /**
+     * Checks if this module has further submodules
+     */
+    public function hasSubModules(): bool;
+
+    /**
+     * Return a submodule given by its full identifier
+     */
+    public function getSubModule(string $identifier): ?ModuleInterface;
+
+    /**
+     * Return all direct descendants of this module
+     * @return ModuleInterface[]
+     */
+    public function getSubModules(): array;
+
+    /**
+     * Returns module related route options - used for the router
+     */
+    public function getDefaultRouteOptions(): array;
+
+    /**
+     * Get allowed and available module data properties and their default values.
+     */
+    public function getDefaultModuleData(): array;
+
+    /**
+     * Return a list of identifiers that are aliases to this module
+     */
+    public function getAliases(): array;
+
+    /**
+     * Whether this module should display a card-based overview of its submodules
+     * instead of automatically routing to the first available submodule.
+     */
+    public function hasSubmoduleOverview(): bool;
+}
diff --git a/Classes/Module/ModuleProvider.php b/Classes/Module/ModuleProvider.php
new file mode 100644
index 0000000..a44e2c7
--- /dev/null
+++ b/Classes/Module/ModuleProvider.php
@@ -0,0 +1,329 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module;
+
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Utility\ExtensionManagementUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * This is the central point to retrieve modules from the ModuleRegistry, while
+ * performing the necessary access checks, which ModuleRegistry does not deal with.
+ */
+readonly class ModuleProvider
+{
+    public function __construct(
+        protected ModuleRegistry $moduleRegistry,
+        protected ModuleAccessGateRegistry $gateRegistry,
+    ) {}
+
+    /**
+     * Simple wrapper for the registry, which just checks if a
+     * module is registered. Does NOT perform any access checks.
+     */
+    public function isModuleRegistered(string $identifier): bool
+    {
+        return $this->moduleRegistry->hasModule($identifier);
+    }
+
+    /**
+     * Returns a Module for the given identifier. In case a user is given, also access checks are performed.
+     */
+    public function getModule(
+        string $identifier,
+        ?BackendUserAuthentication $user = null,
+        bool $respectWorkspaceRestrictions = true
+    ): ?ModuleInterface {
+        if (($user === null && $this->moduleRegistry->hasModule($identifier))
+            || $this->accessGranted($identifier, $user, $respectWorkspaceRestrictions)
+        ) {
+            $module = $this->moduleRegistry->getModule($identifier);
+            if ($user !== null) {
+                $this->filterInaccessibleSubModules($module, $user, $respectWorkspaceRestrictions);
+            }
+            return $module;
+        }
+
+        return null;
+    }
+
+    /**
+     * Returns all modules either grouped by main modules or flat.
+     * In case a user is given, also access checks are performed.
+     *
+     * @return ModuleInterface[]
+     */
+    public function getModules(
+        ?BackendUserAuthentication $user = null,
+        bool $respectWorkspaceRestrictions = true,
+        bool $grouped = true
+    ): array {
+        if (!$grouped) {
+            return array_filter(
+                $this->moduleRegistry->getModules(),
+                fn(ModuleInterface $module): bool => $user === null || $this->accessGranted($module->getIdentifier(), $user, $respectWorkspaceRestrictions)
+            );
+        }
+
+        $availableModules = array_filter($this->moduleRegistry->getModules(), static fn(ModuleInterface $module): bool => !$module->hasParentModule());
+
+        foreach ($availableModules as $identifier => $module) {
+            if ($user !== null && !$this->accessGranted($identifier, $user, $respectWorkspaceRestrictions)) {
+                unset($availableModules[$identifier]);
+                continue;
+            }
+            if ($user !== null) {
+                $this->filterInaccessibleSubModules($module, $user, $respectWorkspaceRestrictions);
+            }
+        }
+
+        return $availableModules;
+    }
+
+    /**
+     * Return the requested (main) module if exist and allowed, prepared
+     * for menu generation or similar structured output (nested). Takes
+     * TSConfig into account. Does not respect "appearance[renderInModuleMenu]".
+     */
+    public function getModuleForMenu(
+        string $identifier,
+        BackendUserAuthentication $user,
+        bool $respectWorkspaceRestrictions = true
+    ): ?MenuModule {
+        $module = $this->getModule($identifier, $user, $respectWorkspaceRestrictions);
+        if ($module === null) {
+            return null;
+        }
+        // Before preparing the module for the menu, check if it is defined ad hidden in TSconfig
+        $hideModules = GeneralUtility::trimExplode(',', $user->getTSConfig()['options.']['hideModules'] ?? '', true);
+        if (in_array($identifier, $hideModules, true)) {
+            return null;
+        }
+        $menuItem = new MenuModule(clone $module);
+        if ($menuItem->isStandalone()) {
+            return $menuItem;
+        }
+        $this->buildMenuModuleRecursively($menuItem, $module, $hideModules, $user, $respectWorkspaceRestrictions);
+        if (!$menuItem->hasSubModules()) {
+            // In case the main module does not have any submodules, unset it again
+            return null;
+        }
+        return $menuItem;
+    }
+
+    /**
+     * Returns all allowed modules for the current user, prepared
+     * for module menu generation or similar structured output (nested).
+     * Takes TSConfig and "appearance[renderInModuleMenu]" into account.
+     *
+     * @return MenuModule[]
+     */
+    public function getModulesForModuleMenu(
+        BackendUserAuthentication $user,
+        bool $respectWorkspaceRestrictions = true
+    ): array {
+        $moduleMenuItems = [];
+        $moduleMenuState = $this->getModuleMenuState($user);
+
+        // Before preparing the modules for the menu, check if we need to hide some of them (defined in TSconfig)
+        $hideModules = GeneralUtility::trimExplode(',', $user->getTSConfig()['options.']['hideModules'] ?? '', true);
+        foreach ($this->getModules($user, $respectWorkspaceRestrictions) as $identifier => $module) {
+            if (in_array($identifier, $hideModules, true)
+                || !($module->getAppearance()['renderInModuleMenu'] ?? true)
+            ) {
+                continue;
+            }
+            // Only use main modules for this first level
+            if ($module->hasParentModule()) {
+                continue;
+            }
+            $menuItem = new MenuModule(clone $module, isset($moduleMenuState[$identifier]));
+            $moduleMenuItems[$identifier] = $menuItem;
+            if ($menuItem->isStandalone()) {
+                continue;
+            }
+            $this->buildMenuModuleRecursively($menuItem, $module, $hideModules, $user, $respectWorkspaceRestrictions, true);
+            if (!$menuItem->hasSubModules()) {
+                // In case the main module does not have any submodules, unset it again
+                unset($moduleMenuItems[$identifier]);
+            }
+        }
+        return $moduleMenuItems;
+    }
+
+    /**
+     * Check access of a module for a given user
+     */
+    public function accessGranted(
+        string $identifier,
+        BackendUserAuthentication $user,
+        bool $respectWorkspaceRestrictions = true
+    ): bool {
+        if (!$this->moduleRegistry->hasModule($identifier)) {
+            return false;
+        }
+
+        $module = $this->moduleRegistry->getModule($identifier);
+
+        if ($respectWorkspaceRestrictions && ExtensionManagementUtility::isLoaded('workspaces')) {
+            $workspaceAccess = $module->getWorkspaceAccess();
+            if ($workspaceAccess === '' && $module->hasParentModule()) {
+                // In case workspace access is not set explicitly use the information
+                // from the parent module as this access restriction is inherited.
+                $workspaceAccess = $module->getParentModule()->getWorkspaceAccess();
+            }
+            if ($workspaceAccess !== '' && $workspaceAccess !== '*') {
+                if (($workspaceAccess === 'live' && $user->workspace !== 0)
+                    || ($workspaceAccess === 'offline' && $user->workspace === 0)
+                ) {
+                    return false;
+                }
+            } elseif ($user->workspace === -99 && $workspaceAccess !== '*') {
+                return false;
+            }
+        }
+
+        $moduleAccess = $module->getAccess();
+        if ($moduleAccess === '') {
+            // Early return since this module does not have any access permissions set
+            return true;
+        }
+
+        if ($this->gateRegistry->has($moduleAccess)) {
+            return $this->gateRegistry->get($moduleAccess)->decide($module, $user) === ModuleAccessResult::Granted;
+        }
+
+        return false;
+    }
+
+    /**
+     * Returns the first module, accessible for the given user.
+     * This will only return submodules or standalone modules.
+     *
+     * @internal not part of TYPO3's API. Only for use in TYPO3 Core.
+     */
+    public function getFirstAccessibleModule(BackendUserAuthentication $user): ?ModuleInterface
+    {
+        $modules = array_filter($this->moduleRegistry->getModules(), function (ModuleInterface $module) use ($user): bool {
+            return $this->accessGranted($module->getIdentifier(), $user)
+                && ($module->isStandalone() || $module->hasParentModule());
+        });
+
+        return reset($modules) ?: null;
+    }
+
+    /**
+     * Get all modules with access=user, to be selected in the user/group records
+     *
+     * @return ModuleInterface[]
+     * @internal not part of TYPO3's API. Only for use in TYPO3 Core.
+     */
+    public function getUserModules(): array
+    {
+        return array_filter($this->moduleRegistry->getModules(), static fn(ModuleInterface $module): bool => $module->getAccess() === 'user');
+    }
+
+    /**
+     * Recursively removes inaccessible submodules from a module at any depth
+     */
+    protected function filterInaccessibleSubModules(
+        ModuleInterface $module,
+        BackendUserAuthentication $user,
+        bool $respectWorkspaceRestrictions
+    ): void {
+        if (!$module->hasSubModules()) {
+            return;
+        }
+
+        foreach ($module->getSubModules() as $subModuleIdentifier => $subModule) {
+            if (!$this->accessGranted($subModuleIdentifier, $user, $respectWorkspaceRestrictions)) {
+                $module->removeSubModule($subModuleIdentifier);
+            } else {
+                $this->filterInaccessibleSubModules($subModule, $user, $respectWorkspaceRestrictions);
+            }
+        }
+    }
+
+    /**
+     * Recursively builds menu module structure, checking access, TSConfig hideModules,
+     * and optionally renderInModuleMenu appearance setting at all nesting levels
+     */
+    protected function buildMenuModuleRecursively(
+        MenuModule $menuItem,
+        ModuleInterface $module,
+        array $hideModules,
+        BackendUserAuthentication $user,
+        bool $respectWorkspaceRestrictions,
+        bool $checkRenderInModuleMenu = false
+    ): void {
+        $moduleMenuState = $this->getModuleMenuState($user);
+        foreach ($module->getSubModules() as $subModuleIdentifier => $subModule) {
+            if (in_array($subModuleIdentifier, $hideModules, true)
+                || ($checkRenderInModuleMenu && !($subModule->getAppearance()['renderInModuleMenu'] ?? true))
+            ) {
+                continue;
+            }
+            // Skip submodules that depend on their own submodules if they don't have any accessible ones
+            if (($subModule->getAppearance()['dependsOnSubmodules'] ?? false)
+                && !$this->hasAccessibleSubModules($subModule, $hideModules, $user, $respectWorkspaceRestrictions, $checkRenderInModuleMenu)
+            ) {
+                continue;
+            }
+            $subMenuItem = new MenuModule(clone $subModule, isset($moduleMenuState[$subModuleIdentifier]));
+            $menuItem->addSubModule($subMenuItem);
+            // Recursively build deeper levels
+            if ($subModule->hasSubModules()) {
+                $this->buildMenuModuleRecursively($subMenuItem, $subModule, $hideModules, $user, $respectWorkspaceRestrictions, $checkRenderInModuleMenu);
+            }
+        }
+    }
+
+    /**
+     * Check if a module has at least one accessible submodule at any depth
+     */
+    protected function hasAccessibleSubModules(
+        ModuleInterface $module,
+        array $hideModules,
+        BackendUserAuthentication $user,
+        bool $respectWorkspaceRestrictions,
+        bool $checkRenderInModuleMenu = false
+    ): bool {
+        foreach ($module->getSubModules() as $subModuleIdentifier => $subModule) {
+            if (in_array($subModuleIdentifier, $hideModules, true)
+                || ($checkRenderInModuleMenu && !($subModule->getAppearance()['renderInModuleMenu'] ?? true))
+                || !$this->accessGranted($subModuleIdentifier, $user, $respectWorkspaceRestrictions)
+            ) {
+                continue;
+            }
+            // If this submodule is accessible, return true
+            if (!($subModule->getAppearance()['dependsOnSubmodules'] ?? false)) {
+                return true;
+            }
+            // If it depends on submodules, check recursively
+            if ($this->hasAccessibleSubModules($subModule, $hideModules, $user, $respectWorkspaceRestrictions, $checkRenderInModuleMenu)) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    protected function getModuleMenuState(BackendUserAuthentication $user): array
+    {
+        return json_decode($user->uc['modulemenu'] ?? '{}', true);
+    }
+}
diff --git a/Classes/Module/ModuleRegistry.php b/Classes/Module/ModuleRegistry.php
new file mode 100644
index 0000000..c913f94
--- /dev/null
+++ b/Classes/Module/ModuleRegistry.php
@@ -0,0 +1,370 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module;
+
+use TYPO3\CMS\Backend\Routing\Route;
+use TYPO3\CMS\Backend\Routing\RouterConfigurationEvent;
+use TYPO3\CMS\Core\Routing\RouteCollection;
+
+/**
+ * @internal Always use the ModuleProvider API to access modules
+ */
+final class ModuleRegistry
+{
+    /**
+     * @var ModuleInterface[]
+     */
+    private array $modules = [];
+
+    /**
+     * This contains all available "aliases" as key, and the real module identifier as value
+     * @var array<string, string>
+     */
+    private array $moduleAliases = [];
+
+    /**
+     * @param ModuleInterface[] $modules
+     */
+    public function __construct(array $modules)
+    {
+        array_walk($modules, $this->addModule(...));
+        $this->modules = $this->applyHierarchy($this->modules);
+        $this->populateAliasMapping();
+    }
+
+    private function addModule(ModuleInterface $module): void
+    {
+        $identifier = $module->getIdentifier();
+        if (isset($this->modules[$identifier])) {
+            throw new \LogicException(
+                'A module with the identifier ' . $identifier . ' is already registered.',
+                1642174843
+            );
+        }
+        $this->modules[$module->getIdentifier()] = $module;
+    }
+
+    public function hasModule(string $identifier): bool
+    {
+        return isset($this->modules[$identifier]) || isset($this->moduleAliases[$identifier]);
+    }
+
+    public function getModule(string $identifier): ModuleInterface
+    {
+        if (!$this->hasModule($identifier)) {
+            throw new \InvalidArgumentException(
+                'Module with identifier ' . $identifier . ' does not exist.',
+                1642375889
+            );
+        }
+
+        // Resolve the alias to the real module
+        if (isset($this->moduleAliases[$identifier])) {
+            $identifier = $this->moduleAliases[$identifier];
+        }
+        return $this->modules[$identifier];
+    }
+
+    /**
+     * @return ModuleInterface[]
+     */
+    public function getModules(): array
+    {
+        return $this->modules;
+    }
+
+    /**
+     * Handle router configuration when the router is set up.
+     *
+     * The event registration is wired in `TYPO3\CMS\Backend\ServiceProvider::addEventListeners`
+     * instead of using an `AsEventListener` because this service is not autowired, but has a
+     * custom factory in `TYPO3\CMS\Backend\ServiceProvider`.
+     */
+    public function registerRoutesForModules(RouterConfigurationEvent $event): void
+    {
+        $router = $event->router;
+        foreach ($this->modules as $module) {
+            if (!$module->hasParentModule() && !$module->isStandalone()) {
+                // Skip first level modules, which are not standalone
+                continue;
+            }
+            $routeCollection = new RouteCollection();
+            foreach ($module->getDefaultRouteOptions() as $routeIdentifier => $routeOptions) {
+                $path = (string)(($routeOptions['path'] ?? false) ?: ('/' . $routeIdentifier));
+                $methods = (array)($routeOptions['methods'] ?? []);
+                unset($routeOptions['path'], $routeOptions['methods']);
+                if ($routeIdentifier === '_default') {
+                    // Add the first
+                    $route = new Route($module->getPath(), $routeOptions);
+                    if ($methods !== []) {
+                        $route->setMethods($methods);
+                    }
+                    $router->addRoute($module->getIdentifier(), $route, $module->getAliases());
+                } else {
+                    $route = new Route($path, $routeOptions);
+                    if ($methods !== []) {
+                        $route->setMethods($methods);
+                    }
+                    $routeCollection->add($routeIdentifier, $route);
+                }
+            }
+            $routeCollection->addNamePrefix($module->getIdentifier() . '.');
+            $routeCollection->addPrefix($module->getPath());
+            $router->addRouteCollection($routeCollection);
+        }
+    }
+
+    /**
+     * Applies sorting (based on the "position" configuration) to all
+     * registered modules and resolves the hierarchy (creating relations
+     * by attaching modules to the $parentModule and $subModules properties).
+     *
+     * @param ModuleInterface[] $modules
+     * @return ModuleInterface[]
+     */
+    private function applyHierarchy(array $modules): array
+    {
+        // Fetch top-level (parent) modules and fill them with sorted sub modules
+        $topLevelModules = [];
+        foreach ($modules as $identifier => $module) {
+            if ($module->getParentIdentifier() === '') {
+                $topLevelModules[$identifier] = $module;
+            }
+            $subModules = array_filter(
+                $modules,
+                static fn(ModuleInterface $mod): bool => $mod->getParentIdentifier() === $identifier
+            );
+            if ($subModules === []) {
+                continue;
+            }
+            // Sort sub modules and connect them with their parent module
+            $subModules = $this->applySorting($subModules);
+            foreach ($subModules as $subModule) {
+                $module->addSubModule($subModule);
+                $subModule->setParentModule($module);
+            }
+        }
+
+        // Promote single submodules to standalone modules and rebuild top-level modules afterwards
+        $topLevelModules = array_filter(
+            $this->promoteSingleSubmodulesToStandalone($modules, $topLevelModules),
+            static fn(ModuleInterface $module): bool => !$module->hasParentModule() || $module->isStandalone()
+        );
+
+        // Sort top level modules and return all modules (flat) with the correct sorting
+        return $this->flattenModules($this->applySorting($topLevelModules));
+    }
+
+    /**
+     * Promotes submodules to standalone if their parent module has only one submodule and is not
+     * standalone itself. This makes single submodules behave like standalone top-level modules.
+     *
+     * @param ModuleInterface[] $modules
+     * @param ModuleInterface[] $topLevelModules
+     * @return ModuleInterface[]
+     */
+    private function promoteSingleSubmodulesToStandalone(array $modules, array $topLevelModules): array
+    {
+        foreach ($topLevelModules as $parentIdentifier => $parentModule) {
+            // Skip already standalone modules
+            if ($parentModule->isStandalone()) {
+                continue;
+            }
+            // Only promote if explicitly enabled via appearance setting
+            if (!($parentModule->getAppearance()['promotesSingleSubmoduleToStandalone'] ?? false)) {
+                continue;
+            }
+            $subModules = $parentModule->getSubModules();
+            if (count($subModules) !== 1) {
+                continue;
+            }
+
+            /** @var BaseModule $subModule */
+            $subModule = reset($subModules);
+
+            // Promote the submodule to standalone, inheriting parent properties
+            $subModule->promoteToStandalone(
+                $parentModule->getNavigationComponent(),
+                $parentModule->getPosition(),
+                $parentModule->getAliases()
+            );
+
+            // Remove parent module from registry
+            unset($modules[$parentIdentifier]);
+        }
+
+        return $modules;
+    }
+
+    /**
+     * Ensures that modules within one level of hierarchy are ordered properly the way
+     * they were given respecting their "top", "bottom", "before" or "after" definition.
+     *
+     * @param ModuleInterface[] $modules
+     * @return ModuleInterface[]
+     */
+    private function applySorting(array $modules): array
+    {
+        $modulePositionInformation = [];
+        // First create a list of all needed data, that is the identifier, and its position
+        foreach ($modules as $identifier => $module) {
+            // @todo Should we enforce ['after' => '*'] in case ->getPosition() is empty?
+            $modulePositionInformation[$identifier] = $module->getPosition();
+            $modulePositionInformation[$identifier]['modulesToBeAddedDirectlyBefore'] = [];
+            $modulePositionInformation[$identifier]['modulesToBeAddedDirectlyAfter'] = [];
+        }
+
+        // Identifiers of modules to be added at the top
+        $highPriorityModules = [];
+        // Identifiers of modules to be added at the bottom
+        $lowPriorityModules = [];
+
+        // Sort out the "top" and "bottom", and also build a graph of directly dependant (before/after) modules
+        foreach ($modulePositionInformation as $identifier => $positionInformation) {
+            if ($positionInformation['before'] ?? false) {
+                if ($positionInformation['before'] === '*') {
+                    // Module should be added on top
+                    $highPriorityModules[] = $identifier;
+                } elseif (isset($modules[$positionInformation['before']])) {
+                    // Build the dependencies in case a valid module identifier is configured
+                    $modulePositionInformation[$positionInformation['before']]['modulesToBeAddedDirectlyBefore'][] = $identifier;
+                    $modulePositionInformation[$identifier]['modulesToBeAddedDirectlyAfter'][] = $positionInformation['before'];
+                }
+            } elseif ($positionInformation['after'] ?? false) {
+                if ($positionInformation['after'] === '*') {
+                    // Module should be added at the bottom
+                    $lowPriorityModules[] = $identifier;
+                } elseif (isset($modules[$positionInformation['after']])) {
+                    // Build the dependencies in case a valid module identifier is configured
+                    $modulePositionInformation[$identifier]['modulesToBeAddedDirectlyBefore'][] = $positionInformation['after'];
+                    $modulePositionInformation[$positionInformation['after']]['modulesToBeAddedDirectlyAfter'][] = $identifier;
+                }
+            }
+        }
+
+        // First add the top items and their dependant modules
+        $orderedModuleIdentifiers = $this->populateOrderingsForDependencies($highPriorityModules, $modulePositionInformation);
+        // Now add the bottom items and their dependant modules
+        // They will be cut out later, however, this is done now to also add their dependencies NOW (and not when looping over all items again)
+        $orderedModuleIdentifiers = $this->populateOrderingsForDependencies($lowPriorityModules, $modulePositionInformation, $orderedModuleIdentifiers);
+        $lastLowPriorityModule = end($orderedModuleIdentifiers);
+        // Loop through all items and see which have not been added yet. Keep the original sorting.
+        $orderedModuleIdentifiers = $this->populateOrderingsForDependencies(array_keys($modulePositionInformation), $modulePositionInformation, $orderedModuleIdentifiers);
+        // Find the lowest priority module and move everything after that module to the very end
+        if ($lowPriorityModules !== [] && $lastLowPriorityModule) {
+            $firstLowPriorityModule = reset($lowPriorityModules);
+            if ($firstLowPriorityModule !== $lastLowPriorityModule) {
+                $firstPosition = array_search($firstLowPriorityModule, $orderedModuleIdentifiers, true);
+                $lastPosition = array_search($lastLowPriorityModule, $orderedModuleIdentifiers, true);
+                if ($firstPosition !== false && $lastPosition !== false) {
+                    $extractedItems = array_slice($orderedModuleIdentifiers, $firstPosition, $lastPosition);
+                    $orderedModuleIdentifiers = array_merge($orderedModuleIdentifiers, $extractedItems);
+                }
+            }
+        }
+        // Use the ordered list and replace all valid identifiers with the corresponding
+        return array_replace(array_intersect_key(array_flip($orderedModuleIdentifiers), $modules), $modules);
+    }
+
+    /**
+     * Given module identifiers are added based on their module position information to the
+     * $alreadyOrderedModuleIdentifiers array (if not already present). In case the modules
+     * to be added have dependencies to other modules and those modules exist, corresponding
+     * modules are added to $alreadyOrderedModuleIdentifiers on the correct position as well.
+     */
+    private function populateOrderingsForDependencies(
+        array $moduleIdentifiersToBeAdded,
+        array $modulePositionInformation,
+        array $alreadyOrderedModuleIdentifiers = []
+    ): array {
+        foreach ($moduleIdentifiersToBeAdded as $identifier) {
+            // already placed somewhere
+            if (in_array($identifier, $alreadyOrderedModuleIdentifiers, true)) {
+                continue;
+            }
+            // Check if the current module has dependencies, which should be added BEFORE
+            foreach ($modulePositionInformation[$identifier]['modulesToBeAddedDirectlyBefore'] ?? [] as $dependantIdentifier) {
+                // already placed somewhere
+                if (in_array($dependantIdentifier, $alreadyOrderedModuleIdentifiers, true)) {
+                    continue;
+                }
+                // Check if the dependent module has dependencies, which should be added BEFORE
+                foreach ($modulePositionInformation[$dependantIdentifier]['modulesToBeAddedDirectlyBefore'] ?? [] as $dependantDependantIdentifier) {
+                    // already placed somewhere
+                    if (in_array($dependantDependantIdentifier, $alreadyOrderedModuleIdentifiers, true)) {
+                        continue;
+                    }
+                    // Add the sub dependency right away
+                    $alreadyOrderedModuleIdentifiers[] = $dependantDependantIdentifier;
+                }
+                // Add the dependant module now
+                $alreadyOrderedModuleIdentifiers[] = $dependantIdentifier;
+            }
+            // Add the actual module now
+            $alreadyOrderedModuleIdentifiers[] = $identifier;
+            // Check if the current module has dependencies, which should be added AFTER
+            foreach ($modulePositionInformation[$identifier]['modulesToBeAddedDirectlyAfter'] ?? [] as $dependantIdentifier) {
+                // already placed somewhere
+                if (in_array($dependantIdentifier, $alreadyOrderedModuleIdentifiers, true)) {
+                    continue;
+                }
+                // Add the dependant module right away
+                $alreadyOrderedModuleIdentifiers[] = $dependantIdentifier;
+                // Check if the dependent module has dependencies, which should be added AFTER
+                foreach ($modulePositionInformation[$dependantIdentifier]['modulesToBeAddedDirectlyAfter'] ?? [] as $dependantDependantIdentifier) {
+                    // already placed somewhere
+                    if (in_array($dependantDependantIdentifier, $alreadyOrderedModuleIdentifiers, true)) {
+                        continue;
+                    }
+                    // Add the sub dependency right away
+                    $alreadyOrderedModuleIdentifiers[] = $dependantDependantIdentifier;
+                }
+            }
+        }
+        return $alreadyOrderedModuleIdentifiers;
+    }
+
+    /**
+     * Create a flat modules array (looping through each level by calling "getSubmodules()" on the parent)
+     */
+    private function flattenModules(array $modules, $flatModules = []): array
+    {
+        foreach ($modules as $module) {
+            $flatModules[$module->getIdentifier()] = $module;
+            if ($module->hasSubmodules()) {
+                $flatModules = $this->flattenModules($module->getSubmodules(), $flatModules);
+            }
+        }
+        return $flatModules;
+    }
+
+    private function populateAliasMapping(): void
+    {
+        foreach ($this->modules as $moduleIdentifier => $module) {
+            foreach ($module->getAliases() as $aliasIdentifier) {
+                // Note: The last module defining the same alias wins in general
+                $this->moduleAliases[$aliasIdentifier] = $moduleIdentifier;
+            }
+        }
+    }
+
+    public function getModuleAliases(): array
+    {
+        return $this->moduleAliases;
+    }
+}
diff --git a/Classes/Module/ModuleResolver.php b/Classes/Module/ModuleResolver.php
new file mode 100644
index 0000000..1cb7ac5
--- /dev/null
+++ b/Classes/Module/ModuleResolver.php
@@ -0,0 +1,80 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Module;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * Resolves the current module from a request.
+ *
+ * This service provides a centralized way to determine which backend module
+ * is currently active based on various request attributes and parameters.
+ *
+ * @internal This class is not part of TYPO3's public API.
+ */
+final readonly class ModuleResolver
+{
+    public function __construct(
+        private ModuleProvider $moduleProvider,
+    ) {}
+
+    /**
+     * Resolves the current module from a request.
+     *
+     * Checks multiple sources in order:
+     * 1. Routing attribute (from route configuration)
+     * 2. Request attribute 'module'
+     * 3. Query parameter 'module'
+     *
+     * @param ServerRequestInterface|null $request The current request
+     * @return ModuleInterface|null The resolved module or null if not found
+     */
+    public function resolveModule(?ServerRequestInterface $request): ?ModuleInterface
+    {
+        if ($request === null) {
+            return null;
+        }
+
+        // Check routing attribute first
+        $routeResult = $request->getAttribute('routing');
+        $currentModule = $routeResult?->getRoute()?->getOption('module');
+        if ($currentModule !== null) {
+            return $currentModule;
+        }
+
+        // Check request attribute
+        $currentModule = $request->getAttribute('module');
+        if ($currentModule !== null) {
+            return $currentModule;
+        }
+
+        // Check query parameter
+        if (isset($request->getQueryParams()['module'])) {
+            $module = (string)$request->getQueryParams()['module'];
+            return $this->moduleProvider->getModule($module, $this->getBackendUser());
+        }
+
+        return null;
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Preview/FluidBasedContentPreviewRenderer.php b/Classes/Preview/FluidBasedContentPreviewRenderer.php
new file mode 100644
index 0000000..1dc89ac
--- /dev/null
+++ b/Classes/Preview/FluidBasedContentPreviewRenderer.php
@@ -0,0 +1,90 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Preview;
+
+use Psr\Log\LoggerInterface;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\Event\PageContentPreviewRenderingEvent;
+use TYPO3\CMS\Core\Attribute\AsEventListener;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Core\Environment;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\View\ViewFactoryData;
+use TYPO3\CMS\Core\View\ViewFactoryInterface;
+
+/**
+ * Check if a Fluid-based preview template was defined for a given CType and render it via Fluid.
+ *
+ * Example in page TSconfig:
+ * mod.web_layout.tt_content.preview.textmedia = EXT:site_mysite/Resources/Private/Templates/Preview/Textmedia.fluid.html
+ *
+ * @internal not part of the TYPO3 Core API
+ */
+final readonly class FluidBasedContentPreviewRenderer
+{
+    public function __construct(
+        private LoggerInterface $logger,
+        private ViewFactoryInterface $viewFactory,
+    ) {}
+
+    #[AsEventListener('typo3-backend/fluid-preview/content')]
+    public function __invoke(PageContentPreviewRenderingEvent $event): void
+    {
+        $record = $event->getRecord();
+        $context = $event->getPageLayoutContext();
+        $fluidTemplateFile = BackendUtility::getPagesTSconfig($record->getPid())['mod.']['web_layout.'][$event->getTable() . '.']['preview.'][$event->getRecordType()] ?? '';
+        if ($fluidTemplateFile === '') {
+            return;
+        }
+
+        $fluidTemplateFileAbsolutePath = GeneralUtility::getFileAbsFileName($fluidTemplateFile);
+        if ($fluidTemplateFileAbsolutePath === '') {
+            return;
+        }
+        try {
+            $event->setPreviewContent(
+                $this->viewFactory
+                    ->create(new ViewFactoryData(templatePathAndFilename: $fluidTemplateFileAbsolutePath, request: $context->getCurrentRequest()))
+                    ->assign('record', $record)
+                    ->render()
+            );
+        } catch (\Exception $e) {
+            $this->logger->warning('The backend preview for content element {uid} can not be rendered using the Fluid template file "{file}"', [
+                'uid' => $record->getUid(),
+                'file' => $fluidTemplateFileAbsolutePath,
+                'exception' => $e,
+            ]);
+            if ($this->getBackendUser()->shallDisplayDebugInformation()) {
+                $event->setPreviewContent(
+                    $this->viewFactory
+                        ->create(new ViewFactoryData(templatePathAndFilename: 'EXT:backend/Resources/Private/Templates/PageLayout/FluidBasedContentPreviewRenderingException.fluid.html'))
+                        ->assign('error', [
+                            'message' => str_replace(Environment::getProjectPath(), '', $e->getMessage()),
+                            'title' => 'Error while rendering FluidTemplate preview using ' . str_replace(Environment::getProjectPath(), '', $fluidTemplateFileAbsolutePath),
+                        ])
+                        ->render()
+                );
+            }
+        }
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Preview/PreviewRendererInterface.php b/Classes/Preview/PreviewRendererInterface.php
new file mode 100644
index 0000000..f5935ec
--- /dev/null
+++ b/Classes/Preview/PreviewRendererInterface.php
@@ -0,0 +1,70 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Preview;
+
+use TYPO3\CMS\Backend\View\BackendLayout\Grid\GridColumnItem;
+
+/**
+ * Interface PreviewRendererInterface
+ *
+ * Contract for classes capable of rendering previews of a given record
+ * from a table. Responsible for rendering preview header, preview content
+ * and wrapping of those two values.
+ *
+ * Responsibilities are segmented into three methods, one for each responsibility,
+ * which is done in order to allow overriding classes to change those parts
+ * individually without having to replace other parts. Rather than relying on
+ * implementations to be friendly and divide code into smaller pieces and
+ * give them (at least) protected visibility, the key methods are instead required
+ * on the interface directly.
+ *
+ * Callers are then responsible for calling each method and combining/wrapping
+ * the output appropriately.
+ */
+interface PreviewRendererInterface
+{
+    /**
+     * Dedicated method for rendering preview header HTML for
+     * the page module only. Receives the GridColumnItem
+     * that contains the record for which a preview header
+     * should be rendered and returned.
+     */
+    public function renderPageModulePreviewHeader(GridColumnItem $item): string;
+
+    /**
+     * Dedicated method for rendering preview body HTML for
+     * the page module only. Receives the GridColumnItem
+     * that contains the record for which a preview should be
+     * rendered and returned.
+     */
+    public function renderPageModulePreviewContent(GridColumnItem $item): string;
+
+    /**
+     * Render a footer for the record to display in page module below
+     * the body of the item's preview.
+     */
+    public function renderPageModulePreviewFooter(GridColumnItem $item): string;
+
+    /**
+     * Dedicated method for wrapping a preview header and body
+     * HTML. Receives $item, an instance of GridColumnItem holding
+     * among other things the record, which can be used to determine
+     * appropriate wrapping.
+     */
+    public function wrapPageModulePreview(string $previewHeader, string $previewContent, GridColumnItem $item): string;
+}
diff --git a/Classes/Preview/RecordFieldPreviewProcessor.php b/Classes/Preview/RecordFieldPreviewProcessor.php
new file mode 100644
index 0000000..596c1df
--- /dev/null
+++ b/Classes/Preview/RecordFieldPreviewProcessor.php
@@ -0,0 +1,263 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Preview;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Cache\Frontend\FrontendInterface;
+use TYPO3\CMS\Core\DataHandling\TableColumnType;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+use TYPO3\CMS\Core\Html\SanitizerBuilderFactory;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Imaging\ImageManipulation\CropVariantCollection;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Resource\FileReference;
+use TYPO3\CMS\Core\Resource\ProcessedFile;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Use this to render certain fields (label + values) as kind of shortcut or helper
+ * methods when implementing your own Preview Renderer.
+ *
+ * If you need your custom rendering, build your own renderer for your own PreviewRenderer
+ * class that you can then inject.
+ *
+ * The result is always HTML, and it's always HSCed -> ready to be rendered.
+ */
+#[Autoconfigure(public: true)]
+final readonly class RecordFieldPreviewProcessor
+{
+    public function __construct(
+        private TcaSchemaFactory $schemaFactory,
+        private UriBuilder $uriBuilder,
+        private IconFactory $iconFactory,
+        private SanitizerBuilderFactory $sanitizerBuilderFactory,
+        #[Autowire(service: 'cache.runtime')]
+        private FrontendInterface $runtimeCache,
+    ) {}
+
+    /**
+     * Prepare the value of a field but prepend the label before.
+     */
+    public function prepareFieldWithLabel(RecordInterface $record, string $fieldName): ?string
+    {
+        if ($record->has($fieldName)) {
+            $table = $record->getMainType();
+            $value = $record->get($fieldName);
+            if ($value !== '' && $value !== null) {
+                $itemLabels = $this->getItemLabels($record);
+                $fieldValue = BackendUtility::getProcessedValue($table, $fieldName, $value, 0, false, false, $record->getUid(), true, $record->getPid(), $record->getRawRecord()->toArray()) ?? '';
+                if ($fieldValue !== '') {
+                    return htmlspecialchars((string)($itemLabels[$fieldName] ?? '')) . ': ' . htmlspecialchars((string)$fieldValue);
+                }
+            }
+        }
+        return null;
+    }
+
+    /**
+     * Prepare the value of a field if it exists and it is not empty.
+     */
+    public function prepareField(RecordInterface $record, string $fieldName): ?string
+    {
+        if ($record->has($fieldName)) {
+            $table = $record->getMainType();
+            $value = $record->get($fieldName);
+            if ($value !== '' && $value !== null) {
+                $fieldValue = BackendUtility::getProcessedValue($table, $fieldName, $value, 0, false, false, $record->getUid(), true, $record->getPid(), $record->getRawRecord()->toArray()) ?? '';
+                if ($fieldValue !== '') {
+                    return htmlspecialchars((string)$fieldValue);
+                }
+            }
+        }
+        return null;
+    }
+
+    /**
+     * Processing of larger amounts of text (usually from RTE/bodytext fields) with word wrapping, etc.
+     */
+    public function prepareText(RecordInterface $record, string $fieldName, int $maxLength = 1500): ?string
+    {
+        if ($record->has($fieldName)) {
+            $input = $record->get($fieldName);
+            $schemaForType = $this->schemaFactory->get($record->getFullType());
+            if (is_string($input) && $input !== '' && $schemaForType->hasField($fieldName)) {
+                $isSimpleText = $schemaForType->getField($fieldName)->isType(TableColumnType::INPUT);
+                if (!$isSimpleText) {
+                    $input = strip_tags($input);
+                }
+                $input = GeneralUtility::fixed_lgd_cs($input, $maxLength);
+                return nl2br(htmlspecialchars(trim($input), ENT_QUOTES, 'UTF-8', false));
+            }
+        }
+        return null;
+    }
+
+    public function preparePlainHtml(RecordInterface $record, string $fieldName, int $maxLines = 100): ?string
+    {
+        if ($record->has($fieldName)) {
+            $html = GeneralUtility::trimExplode(LF, (string)$record->get($fieldName), true);
+            if ($html !== []) {
+                $html = array_slice($html, 0, $maxLines);
+                return str_replace(LF, '<br />', htmlspecialchars(implode(LF, $html)));
+            }
+        }
+        return null;
+    }
+
+    public function preparePreviewableHtml(RecordInterface $record, string $fieldName): ?string
+    {
+        if ($record->has($fieldName)) {
+            $content = $record->get($fieldName);
+            if (!is_string($content)) {
+                return null;
+            }
+            $builder = $this->sanitizerBuilderFactory->build('preview');
+            return $builder->build()->sanitize($content);
+        }
+        return null;
+    }
+
+    /**
+     * Render thumbnails for a file collection or files.
+     */
+    public function prepareFiles(iterable|FileReference $fileReferences): ?string
+    {
+        $thumbData = [];
+        $fileReferences = $fileReferences instanceof FileReference ? [$fileReferences] : $fileReferences;
+        foreach ($fileReferences as $fileReferenceObject) {
+            // Do not show previews of hidden references
+            if ($fileReferenceObject->getProperty('hidden')) {
+                continue;
+            }
+            $fileObject = $fileReferenceObject->getOriginalFile();
+            if ($fileObject->isMissing()) {
+                $thumbData[] = $this->iconFactory
+                    ->getIcon('mimetypes-other-other', IconSize::MEDIUM, 'overlay-missing')
+                    ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:warning.file_missing') . ' ' . $fileObject->getName())
+                    ->render();
+                continue;
+            }
+
+            // Preview web image or media elements
+            if ($GLOBALS['TYPO3_CONF_VARS']['GFX']['thumbnails']
+                && ($fileReferenceObject->getOriginalFile()->isImage() || $fileReferenceObject->getOriginalFile()->isMediaFile())
+            ) {
+                $cropVariantCollection = CropVariantCollection::create((string)$fileReferenceObject->getProperty('crop'));
+                $cropArea = $cropVariantCollection->getCropArea();
+                $processingConfiguration = [
+                    'maxWidth' => 64,
+                    'maxHeight' => 64,
+                ];
+                if (!$cropArea->isEmpty()) {
+                    $processingConfiguration = [
+                        'maxWidth' => 64,
+                        'maxHeight' => 64,
+                        'crop' => $cropArea->makeAbsoluteBasedOnFile($fileReferenceObject),
+                    ];
+                }
+                $processedImage = $fileObject->process(ProcessedFile::CONTEXT_IMAGECROPSCALEMASK, $processingConfiguration);
+                $attributes = [
+                    'src' => $processedImage->getPublicUrl() ?? '',
+                    'width' => $processedImage->getProperty('width'),
+                    'height' => $processedImage->getProperty('height'),
+                    'alt' => $fileReferenceObject->getAlternative() ?: $fileReferenceObject->getName(),
+                    'loading' => 'lazy',
+                ];
+                $thumbData[] = '<img ' . GeneralUtility::implodeAttributes($attributes, true) . '/>';
+            } else {
+                $thumbData[] = $this->iconFactory->getIconForResource($fileObject)->setTitle($fileObject->getName())->render();
+            }
+        }
+
+        if ($thumbData !== []) {
+            $result = '';
+            foreach ($thumbData as $thumbDataItem) {
+                $result .= '<div class="preview-thumbnails-element"><div class="preview-thumbnails-element-image">' . $thumbDataItem . '</div></div>';
+            }
+            return '<div class="preview-thumbnails">' . $result . '</div>';
+        }
+        return null;
+    }
+
+    /**
+     * Will create a link on the input string and possibly a big button after the string which links to editing in the
+     * RTE. Used for content element content displayed so the user can click the content / "Edit in Rich Text Editor"
+     * button
+     *
+     * @param string $linkText String to link. Must be prepared for HTML output.
+     * @return string If the whole thing was editable and $linkText is not empty $linkText is returned with the link
+     *                around. Otherwise just $linkText.
+     */
+    public function linkToEditForm(string $linkText, RecordInterface $record, ServerRequestInterface $request): string
+    {
+        if ($linkText === '') {
+            return $linkText;
+        }
+        $table = $record->getMainType();
+        $backendUser = $this->getBackendUser();
+        if ($backendUser->check('tables_modify', $table)
+            && $backendUser->checkRecordEditAccess($table, $record)->isAllowed
+            && (new Permission($backendUser->calcPerms(BackendUtility::getRecord('pages', $record->getPid()) ?? [])))->editContentPermissionIsGranted()
+        ) {
+            $returnUrl = $request->getAttribute('normalizedParams')->getRequestUri() . '#element-' . $table . '-' . $record->getUid();
+            $editParams = [
+                'edit' => [$table => [$record->getUid() => 'edit']],
+                'returnUrl' => $returnUrl,
+            ];
+            return '<typo3-backend-contextual-record-edit-trigger'
+                . ' url="' . htmlspecialchars((string)$this->uriBuilder->buildUriFromRoute('record_edit_contextual', $editParams)) . '"'
+                . ' edit-url="' . htmlspecialchars((string)$this->uriBuilder->buildUriFromRoute('record_edit', $editParams)) . '"'
+                . ' title="' . htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:edit')) . '"'
+                . '>' . $linkText . '</typo3-backend-contextual-record-edit-trigger>';
+        }
+        return $linkText;
+    }
+
+    private function getItemLabels(RecordInterface $record): array
+    {
+        $mainType = $record->getMainType();
+        $cacheIdentifier = 'recordfieldpreviewprocessor-' . $mainType;
+        $itemLabels = $this->runtimeCache->get($cacheIdentifier);
+        if ($itemLabels === false) {
+            $itemLabels = [];
+            foreach ($this->schemaFactory->get($mainType)->getFields() as $field) {
+                $itemLabels[$field->getName()] = $this->getLanguageService()->sL($field->getLabel());
+            }
+            $this->runtimeCache->set($cacheIdentifier, $itemLabels);
+        }
+        return $itemLabels;
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Preview/StandardContentPreviewRenderer.php b/Classes/Preview/StandardContentPreviewRenderer.php
new file mode 100644
index 0000000..12f3dcf
--- /dev/null
+++ b/Classes/Preview/StandardContentPreviewRenderer.php
@@ -0,0 +1,333 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Preview;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Domain\Repository\Localization\LocalizationRepository;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendLayout\Grid\GridColumnItem;
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\DataHandling\TableColumnType;
+use TYPO3\CMS\Core\Domain\RawRecord;
+use TYPO3\CMS\Core\Domain\Record;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Legacy preview rendering refactored from PageLayoutView.
+ * Provided as default preview rendering mechanism via
+ * StandardPreviewRendererResolver which detects the renderer
+ * based on TCA configuration.
+ *
+ * Can be replaced by custom implementations by changing this TCA configuration.
+ *
+ * See also PreviewRendererInterface documentation.
+ */
+#[Autoconfigure(public: true)]
+final readonly class StandardContentPreviewRenderer implements PreviewRendererInterface
+{
+    public function __construct(
+        private RecordFieldPreviewProcessor $fieldProcessor,
+        private TcaSchemaFactory $tcaSchemaFactory,
+        private LocalizationRepository $localizationRepository,
+        private BackendLayoutView $backendLayoutView,
+        private IconFactory $iconFactory,
+    ) {}
+
+    public function renderPageModulePreviewHeader(GridColumnItem $item): string
+    {
+        $record = $item->getRecord()->getRawRecord() ?? $item->getRecord();
+        $request = $item->getContext()->getCurrentRequest();
+        if (!$this->tcaSchemaFactory->has($record->getFullType())) {
+            return '';
+        }
+
+        $schema = $this->tcaSchemaFactory->get($item->getTable());
+        $outHeader = '';
+
+        if ($record->has('header_layout')) {
+            $headerLayout = (string)$record->get('header_layout');
+            if ($headerLayout === '100') {
+                $headerLayoutHiddenLabel = $this->getLanguageService()->sL('LLL:EXT:frontend/Resources/Private/Language/locallang_ttc.xlf:header_layout.I.6');
+                $outHeader .= '<div class="element-preview-header-status">' . htmlspecialchars($headerLayoutHiddenLabel) . '</div>';
+            }
+        }
+
+        $dateLabel = $this->fieldProcessor->prepareFieldWithLabel($record, 'date');
+        if ($dateLabel) {
+            $outHeader .= '<div class="element-preview-header-date">' . htmlspecialchars(strip_tags($dateLabel)) . ' </div>';
+        }
+
+        if ($schema->hasCapability(TcaSchemaCapability::Label)) {
+            $labelFieldName = $schema->getCapability(TcaSchemaCapability::Label)->getPrimaryFieldName();
+            $label = $this->fieldProcessor->prepareText($record, $labelFieldName);
+            if ($label !== null) {
+                $outHeader .= '<div class="element-preview-header-header">' . $this->fieldProcessor->linkToEditForm($label, $record, $request) . '</div>';
+            }
+        }
+
+        $subHeader = $this->fieldProcessor->prepareText($record, 'subheader');
+        if ($subHeader !== null) {
+            $outHeader .= '<div class="element-preview-header-subheader">' . $this->fieldProcessor->linkToEditForm($subHeader, $record, $request) . '</div>';
+        }
+
+        return $outHeader;
+    }
+
+    public function renderPageModulePreviewContent(GridColumnItem $item): string
+    {
+        $recordObj = $item->getRecord();
+        // This preview should only be used for tt_content records.
+        if ($recordObj->getMainType() !== 'tt_content') {
+            return '';
+        }
+
+        $languageService = $this->getLanguageService();
+        $recordType = $recordObj->getRecordType();
+        $schema = $this->tcaSchemaFactory->get($recordObj->getMainType());
+
+        // If the record type is unknown, render a warning message.
+        if (!$schema->hasSubSchema($recordType)) {
+            $message = sprintf(
+                $languageService->sL('core.core:labels.noMatchingValue'),
+                $recordType
+            );
+            return '<span class="badge badge-warning">' . htmlspecialchars($message) . '</span>';
+        }
+
+        if (!$this->backendLayoutView->isCTypeAllowedInColPosByPage(
+            $item->getRecordType(),
+            $item->getColumn()->getColumnNumber() ?? 0,
+            $item->getRecord()->getPid()
+        )) {
+            $message = sprintf(
+                $languageService->sL('core.core:labels.typeNotAllowedInColumn'),
+                $recordType
+            );
+            return '<span class="badge badge-warning">' . htmlspecialchars($message) . '</span>';
+        }
+        $subSchema = $schema->getSubSchema($recordType);
+        $request = $item->getContext()->getCurrentRequest();
+
+        // Draw preview of the item depending on its record type
+        switch ($recordType) {
+            case 'header':
+                break;
+            case 'shortcut':
+                if ($recordObj->has('records') && ($records = $recordObj->get('records'))) {
+                    $shortcutContent = '';
+                    $shortcutRecords = $records instanceof \Traversable ? $records : [$records];
+                    foreach ($shortcutRecords as $shortcutRecord) {
+                        $shortcutTableName = $shortcutRecord->getMainType();
+                        $row = $shortcutRecord->getRawRecord()?->toArray() ?? [];
+                        if ($recordObj instanceof Record) {
+                            $shortcutRecord = $this->translateShortcutRecord($recordObj, $shortcutRecord, $shortcutTableName);
+                        }
+                        $icon = $this->iconFactory->getIconForRecord($shortcutTableName, $row, IconSize::SMALL)->render();
+                        $icon = BackendUtility::wrapClickMenuOnIcon(
+                            $icon,
+                            $shortcutTableName,
+                            $shortcutRecord->getUid(),
+                            '1'
+                        );
+                        $pathToContainingPage = BackendUtility::getRecordPath($row['pid'], $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW), 0);
+                        $title = BackendUtility::getRecordTitle($shortcutTableName, $row);
+                        $itemContent = htmlspecialchars($title) . ' <span class="text-variant">[' . $recordObj->getUid() . '] ' . htmlspecialchars($pathToContainingPage) . '</span>';
+                        $shortcutContent .= '<li class="list-group-item">'
+                            . $icon
+                            . ' '
+                            . $this->fieldProcessor->linkToEditForm($itemContent, $shortcutRecord, $request)
+                            . '</li>';
+                    }
+                    return $shortcutContent !== '' ? '<ul class="list-group">' . $shortcutContent . '</ul>' : '';
+                }
+                break;
+            case 'menu_abstract':
+            case 'menu_categorized_content':
+            case 'menu_categorized_pages':
+            case 'menu_pages':
+            case 'menu_recently_updated':
+            case 'menu_related_pages':
+            case 'menu_section':
+            case 'menu_section_pages':
+            case 'menu_sitemap':
+            case 'menu_sitemap_pages':
+            case 'menu_subpages':
+                $row = $recordObj->getRawRecord()?->toArray() ?? [];
+                if ($recordType !== 'menu_sitemap' && (($row['pages'] ?? false) || ($row['selected_categories'] ?? false))) {
+                    // Show pages/categories if the menu type is not "Sitemap"
+                    $content = $this->generateListForMenuContentTypes($row, $recordType);
+                    return $this->fieldProcessor->linkToEditForm($content, $recordObj, $request);
+                }
+                break;
+            case 'bullets':
+                $list = GeneralUtility::trimExplode(LF, $recordObj->get('bodytext') ?? '', true);
+                if ($list !== []) {
+                    switch ($recordObj->get('bullets_type')) {
+                        case 0:
+                            $list = array_map(
+                                static fn(string $item) => '<li>' . htmlspecialchars($item) . '</li>',
+                                $list
+                            );
+                            return '<ul>' . implode(LF, $list) . '</ul>';
+                        case 1:
+                            $list = array_map(
+                                static fn(string $item) => '<li>' . htmlspecialchars($item) . '</li>',
+                                $list
+                            );
+                            return '<ol>' . implode(LF, $list) . '</ol>';
+                        case 2:
+                            $list = array_map(
+                                static fn(string $item): string
+                                => (static function () use ($item) {
+                                    $split = GeneralUtility::trimExplode('|', $item, true, 2);
+
+                                    return '<dt>' . htmlspecialchars($split[0]) . '</dt>'
+                                        . '<dd>' . htmlspecialchars($split[1] ?? '') . '</dd>';
+                                })(),
+                                $list
+                            );
+                            return '<dl>' . implode(LF, $list) . '</dl>';
+                    }
+                }
+                break;
+            case 'html':
+                $html = (string)$this->fieldProcessor->preparePlainHtml($recordObj, 'bodytext');
+                return $this->fieldProcessor->linkToEditForm($html, $recordObj, $request);
+            default:
+                $content = (string)$this->fieldProcessor->preparePreviewableHtml($recordObj, 'bodytext');
+                foreach ($subSchema->getFieldsOfType(TableColumnType::FILE) as $field) {
+                    $fieldName = $field->getName();
+                    if ($recordObj->has($fieldName) && ($image = $recordObj->get($fieldName))) {
+                        $content .= $this->fieldProcessor->prepareFiles($image);
+                    }
+                }
+                return $this->fieldProcessor->linkToEditForm($content, $recordObj, $request);
+        }
+        return '';
+    }
+
+    /**
+     * Render a footer for the record
+     */
+    public function renderPageModulePreviewFooter(GridColumnItem $item): string
+    {
+        $info = [];
+        $record = $item->getRecord()->getRawRecord() ?? $item->getRecord();
+        $schema = $this->tcaSchemaFactory->get($item->getTable());
+        if ($schema->hasCapability(TcaSchemaCapability::RestrictionStartTime)) {
+            $info[] = $this->fieldProcessor->prepareFieldWithLabel($record, $schema->getCapability(TcaSchemaCapability::RestrictionStartTime)->getFieldName());
+        }
+        if ($schema->hasCapability(TcaSchemaCapability::RestrictionEndTime)) {
+            $info[] = $this->fieldProcessor->prepareFieldWithLabel($record, $schema->getCapability(TcaSchemaCapability::RestrictionEndTime)->getFieldName());
+        }
+        if ($schema->hasCapability(TcaSchemaCapability::RestrictionUserGroup)) {
+            $info[] = $this->fieldProcessor->prepareFieldWithLabel($record, $schema->getCapability(TcaSchemaCapability::RestrictionUserGroup)->getFieldName());
+        }
+        if ($record->getMainType() === 'tt_content') {
+            foreach (['space_before_class', 'space_after_class'] as $additionalFieldName) {
+                $itm = $this->fieldProcessor->prepareFieldWithLabel($record, $additionalFieldName);
+                if ($itm !== null) {
+                    $info[] = $itm;
+                }
+            }
+        }
+        if ($schema->hasCapability(TcaSchemaCapability::InternalDescription)) {
+            $item = $this->fieldProcessor->prepareField($record, $schema->getCapability(TcaSchemaCapability::InternalDescription)->getFieldName());
+            if ($item !== null) {
+                $info[] = $item;
+            }
+        }
+
+        $info = array_filter($info);
+
+        if ($info === []) {
+            return '';
+        }
+
+        return implode('<br>', $info);
+    }
+
+    public function wrapPageModulePreview(string $previewHeader, string $previewContent, GridColumnItem $item): string
+    {
+        $previewHeader = $previewHeader ? '<div class="element-preview-header">' . $previewHeader . '</div>' : '';
+        $previewContent = $previewContent ? '<div class="element-preview-content">' . $previewContent . '</div>' : '';
+        return $previewHeader || $previewContent ? '<div class="element-preview">' . $previewHeader . $previewContent . '</div>' : '';
+    }
+
+    private function translateShortcutRecord(Record $targetRecord, Record $shortcutRecord, string $tableName): RawRecord
+    {
+        $targetLanguage = ($targetRecord->getLanguageId() ?? 0);
+        if ($targetLanguage === 0
+            || !$this->tcaSchemaFactory->get($tableName)->isLanguageAware()
+            || $targetLanguage === ($shortcutRecord->getLanguageId() ?? 0)
+        ) {
+            return $shortcutRecord->getRawRecord();
+        }
+
+        // record is localized - fetch the shortcut record translation, if available
+        $shortcutRecordLocalization = $this->localizationRepository->getRecordTranslation($tableName, $shortcutRecord, $targetLanguage);
+        return $shortcutRecordLocalization ?? $shortcutRecord->getRawRecord();
+    }
+
+    /**
+     * Generates a list of selected pages or categories for the menu content types
+     *
+     * @param array $record row from pages
+     */
+    private function generateListForMenuContentTypes(array $record, string $contentType): string
+    {
+        $table = 'pages';
+        $field = 'pages';
+        // get categories instead of pages
+        if (str_contains($contentType, 'menu_categorized')) {
+            $table = 'sys_category';
+            $field = 'selected_categories';
+        }
+        if (trim($record[$field] ?? '') === '') {
+            return '';
+        }
+        $content = '';
+        $uidList = GeneralUtility::intExplode(',', $record[$field], true);
+        foreach ($uidList as $uid) {
+            $pageRecord = BackendUtility::getRecord($table, $uid);
+            if ($pageRecord) {
+                $title = BackendUtility::getRecordTitle($table, $pageRecord);
+                $pathToContainingPage = BackendUtility::getRecordPath($pageRecord['pid'], $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW), 0);
+                $content .= '<li class="list-group-item">' . htmlspecialchars($title) . ' <span class="text-variant">[' . $uid . '] ' . htmlspecialchars($pathToContainingPage) . '</span></li>';
+            }
+        }
+        return $content ? '<ul class="list-group">' . $content . '</ul>' : '';
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Preview/StandardPreviewRendererResolver.php b/Classes/Preview/StandardPreviewRendererResolver.php
new file mode 100644
index 0000000..f50d681
--- /dev/null
+++ b/Classes/Preview/StandardPreviewRendererResolver.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Preview;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Scans TCA configuration to detect:
+ *
+ * - TCA.$table.types.$typeFromTypeField.previewRenderer
+ * - TCA.$table.ctrl.previewRenderer
+ *
+ * Depending on which one is defined and checking the first, type-specific
+ * variant first.
+ */
+#[Autoconfigure(public: true)]
+readonly class StandardPreviewRendererResolver
+{
+    public function __construct(
+        protected TcaSchemaFactory $tcaSchemaFactory
+    ) {}
+
+    /**
+     * @param RecordInterface $record A record from $table which will be previewed - allows returning a different PreviewRenderer based on record attributes
+     * @throws \UnexpectedValueException
+     * @throws \RuntimeException
+     */
+    public function resolveRendererFor(RecordInterface $record): PreviewRendererInterface
+    {
+        $table = $record->getMainType();
+        $row = $record->getRawRecord()?->toArray() ?? [];
+        $schema = $this->tcaSchemaFactory->get($table);
+        $previewRendererClassName = null;
+        if ($schema->supportsSubSchema()) {
+            $tcaTypeOfRow = '';
+            $subSchemaTypeInformation = $schema->getSubSchemaTypeInformation();
+            if ($subSchemaTypeInformation->isPointerToForeignFieldInForeignSchema()) {
+                if ($this->tcaSchemaFactory->has($subSchemaTypeInformation->getForeignSchemaName())) {
+                    // Note: We override the schema here to work on the foreign schema from now on.
+                    $schema = $this->tcaSchemaFactory->get($subSchemaTypeInformation->getForeignSchemaName());
+                    if (isset($row[$subSchemaTypeInformation->getFieldName()]) && $schema->hasField($subSchemaTypeInformation->getForeignFieldName())) {
+                        $foreignRecord = BackendUtility::getRecord($subSchemaTypeInformation->getForeignSchemaName(), $row[$subSchemaTypeInformation->getFieldName()], $subSchemaTypeInformation->getForeignFieldName());
+                        $tcaTypeOfRow = (string)($foreignRecord[$subSchemaTypeInformation->getForeignFieldName()] ?? '');
+                    }
+                }
+            } else {
+                $tcaTypeOfRow = (string)($row[$subSchemaTypeInformation->getFieldName()] ?? '');
+            }
+            if ($schema->hasSubSchema($tcaTypeOfRow)) {
+                // Outdated subschemas may still be present in the database fields, this must not block backend rendering and utilize fallback.
+                $subSchema = $schema->getSubSchema($record->getRecordType());
+                if (is_string($subSchema->getRawConfiguration()['previewRenderer'] ?? false) && $subSchema->getRawConfiguration()['previewRenderer'] !== '') {
+                    // A type-specific preview renderer was configured for the TCA type
+                    $previewRendererClassName = $subSchema->getRawConfiguration()['previewRenderer'];
+                }
+            }
+        }
+
+        if (!$previewRendererClassName) {
+            // Table either has no type field or no custom preview renderer was defined for the type.
+            // Use table's standard renderer if any is defined.
+            $previewRendererClassName = $schema->getRawConfiguration()['previewRenderer'] ?? null;
+        }
+
+        if (is_string($previewRendererClassName) && $previewRendererClassName !== '') {
+            if (!is_a($previewRendererClassName, PreviewRendererInterface::class, true)) {
+                throw new \UnexpectedValueException(
+                    sprintf(
+                        'Class %s must implement %s',
+                        $previewRendererClassName,
+                        PreviewRendererInterface::class
+                    ),
+                    1477512798
+                );
+            }
+            return GeneralUtility::makeInstance($previewRendererClassName);
+        }
+        throw new \RuntimeException(sprintf('No Preview renderer registered for table %s', $table), 1477520356);
+    }
+}
diff --git a/Classes/RecordList/DatabaseRecordList.php b/Classes/RecordList/DatabaseRecordList.php
new file mode 100644
index 0000000..8d773a7
--- /dev/null
+++ b/Classes/RecordList/DatabaseRecordList.php
@@ -0,0 +1,3612 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\RecordList;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Message\UriInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Clipboard\Clipboard;
+use TYPO3\CMS\Backend\Configuration\TranslationConfigurationProvider;
+use TYPO3\CMS\Backend\Context\PageContext;
+use TYPO3\CMS\Backend\Domain\Repository\Localization\LocalizationRepository;
+use TYPO3\CMS\Backend\Module\ModuleData;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\RecordList\Event\AfterRecordListRowPreparedEvent;
+use TYPO3\CMS\Backend\RecordList\Event\BeforeRecordDownloadPresetsAreDisplayedEvent;
+use TYPO3\CMS\Backend\RecordList\Event\ModifyRecordListHeaderColumnsEvent;
+use TYPO3\CMS\Backend\RecordList\Event\ModifyRecordListRecordActionsEvent;
+use TYPO3\CMS\Backend\RecordList\Event\ModifyRecordListTableActionsEvent;
+use TYPO3\CMS\Backend\Routing\PreviewUriBuilder;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ActionGroup;
+use TYPO3\CMS\Backend\Template\Components\Buttons\ButtonInterface;
+use TYPO3\CMS\Backend\Template\Components\Buttons\ButtonSize;
+use TYPO3\CMS\Backend\Template\Components\Buttons\GenericButton;
+use TYPO3\CMS\Backend\Template\Components\Buttons\LinkButton;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\Components\ComponentGroup;
+use TYPO3\CMS\Backend\Template\Components\ComponentInterface;
+use TYPO3\CMS\Backend\Tree\Repository\PageTreeRepository;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Backend\View\Event\ModifyDatabaseQueryForRecordListingEvent;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Cache\CacheManager;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+use TYPO3\CMS\Core\Database\Query\QueryHelper;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Database\ReferenceIndex;
+use TYPO3\CMS\Core\Domain\Persistence\RecordIdentityMap;
+use TYPO3\CMS\Core\Domain\Record;
+use TYPO3\CMS\Core\Domain\RecordFactory;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\LinkHandling\Exception\UnknownLinkHandlerException;
+use TYPO3\CMS\Core\LinkHandling\LinkService;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\Field\DateTimeFieldType;
+use TYPO3\CMS\Core\Schema\Field\NumberFieldType;
+use TYPO3\CMS\Core\Schema\SearchableSchemaFieldsCollector;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Service\DependencyOrderingService;
+use TYPO3\CMS\Core\Site\Entity\SiteLanguage;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\ExtensionManagementUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * Class for rendering of Content > Records module
+ * @internal This class is a specific TYPO3 Backend implementation and is not part of the TYPO3's Core API.
+ */
+#[Autoconfigure(public: true, shared: false)]
+class DatabaseRecordList
+{
+    // *********
+    // External:
+    // *********
+
+    /**
+     * Used to indicate which tables (values in the array) that can have a
+     * create-new-record link. If the array is empty, all tables are allowed.
+     *
+     * @var string[]
+     */
+    public $allowedNewTables = [];
+
+    /**
+     * Used to indicate which tables (values in the array) that cannot have a
+     * create-new-record link. If the array is empty, all tables are allowed.
+     *
+     * @var string[]
+     */
+    public $deniedNewTables = [];
+
+    /**
+     * If TRUE, will show the clipboard related actions in the table header.
+     *
+     * @var bool
+     */
+    public $showClipboardActions = false;
+
+    /**
+     * If TRUE, will DISABLE all control panels in lists. (Takes precedence)
+     *
+     * @var bool
+     */
+    public $noControlPanels = false;
+
+    /**
+     * If TRUE, clickmenus will be rendered
+     *
+     * @var bool
+     */
+    public $clickMenuEnabled = true;
+
+    /**
+     * Disable single table view
+     *
+     * @var bool
+     */
+    public $disableSingleTableView = false;
+
+    // *********
+    // Internal:
+    // *********
+
+    /**
+     * Set to the page record (see writeTop())
+     *
+     * @var string[]
+     */
+    public $pageRow = [];
+
+    /**
+     * Tables which should not list their translations
+     *
+     * @var string
+     */
+    public string $hideTranslations = '';
+
+    /**
+     * Cache for record path
+     *
+     * @var mixed[]
+     */
+    protected array $recPath_cache = [];
+
+    /**
+     * Field, to sort list by
+     */
+    public string $sortField = '';
+
+    /**
+     * Data of the module from the user's session
+     */
+    protected ?ModuleData $moduleData = null;
+
+    /**
+     * Page id
+     *
+     * @var int
+     */
+    public $id;
+
+    /**
+     * Used for tracking duplicate values of fields
+     *
+     * @var string[]
+     */
+    protected array $duplicateStack = [];
+
+    /**
+     * If TRUE, records are listed only if a specific table is selected.
+     *
+     * @var bool
+     */
+    public $listOnlyInSingleTableMode = false;
+
+    /**
+     * @var array[] Module configuration
+     */
+    public $modTSconfig;
+
+    /**
+     * Keys are fieldnames and values are td-css-classes to add in addElement();
+     */
+    protected array $addElement_tdCssClass = [];
+
+    /**
+     * Used for tracking next/prev uids
+     *
+     * @var int[][]
+     */
+    public $currentTable = [];
+
+    /**
+     * Number of records to show
+     */
+    public int $showLimit = 0;
+
+    /**
+     * Decides the columns shown. Filled with values that refers to the keys of the data-array. $this->fieldArray[0] is the title column.
+     *
+     * @var array
+     */
+    public $fieldArray = [];
+
+    /**
+     * Tables which should not get listed
+     *
+     * @var string
+     */
+    public $hideTables = '';
+
+    /**
+     * Page select permissions
+     *
+     * @var string
+     */
+    public $perms_clause = '';
+
+    /**
+     * Return URL
+     *
+     * @var string
+     */
+    public $returnUrl = '';
+
+    /**
+     * Tablename if single-table mode
+     *
+     * @var string
+     */
+    public $table = '';
+
+    /**
+     * Some permissions...
+     *
+     * @var Permission
+     */
+    public $calcPerms;
+
+    /**
+     * Mode for what happens when a user clicks the title of a record.
+     *
+     * @var string
+     */
+    public $clickTitleMode = '';
+
+    /**
+     * Levels to search down.
+     */
+    protected int $searchLevels = 0;
+
+    /**
+     * TSconfig which overwrites TCA-Settings
+     *
+     * @var string[][]
+     */
+    public array $tableTSconfigOverTCA = [];
+
+    /**
+     * Fields to display for the current table
+     *
+     * @var string[][]
+     */
+    public array $setFields = [];
+
+    /**
+     * Paging for the single table view
+     *
+     * @var int
+     */
+    protected $page = 0;
+
+    /**
+     * Search string
+     *
+     * @var string
+     */
+    public $searchString = '';
+
+    /**
+     * Field, indicating to sort in reverse order.
+     *
+     * @var bool
+     */
+    public bool $sortRev = false;
+
+    /**
+     * String, can contain the field name from a table which must have duplicate values marked.
+     */
+    protected string $duplicateField = '';
+
+    /**
+     * Specify a list of tables which are the only ones allowed to be displayed.
+     *
+     * @var string
+     */
+    public $tableList = '';
+
+    /**
+     * Clipboard object
+     *
+     * @var Clipboard
+     */
+    public $clipObj;
+
+    /**
+     * Tracking names of elements (for clipboard use)
+     *
+     * @var string[]
+     */
+    public $CBnames = [];
+
+    /**
+     * Whether the column selector should be displayed in the tables' header
+     *
+     * @internal
+     */
+    public bool $displayColumnSelector = true;
+
+    /**
+     * Whether the record download should be displayed in the tables' header
+     *
+     * @internal
+     */
+    public bool $displayRecordDownload = true;
+
+    /**
+     * [$tablename][$uid] = number of references to this record
+     *
+     * @var int[][]
+     */
+    protected array $referenceCount = [];
+
+    /**
+     * If defined the records are editable
+     */
+    protected bool $editable = true;
+
+    /**
+     * Array with before/after setting for tables
+     * Structure:
+     * 'tableName' => [
+     *    'before' => ['A', ...]
+     *    'after' => []
+     *  ]
+     *
+     * @var array[]
+     */
+    protected array $tableDisplayOrder = [];
+
+    /**
+     * Override the page ids taken into account by getPageIdConstraint()
+     */
+    protected array $overridePageIdList = [];
+
+    /**
+     * Override/add urlparameters in listUrl() method
+     * @var array<string,mixed>
+     */
+    protected array $overrideUrlParameters = [];
+
+    /**
+     * Current link: array with table names and uid
+     */
+    protected array $currentLink = [];
+
+    /**
+     * Only used to render translated records, used in records module to show page translations
+     */
+    protected bool $showOnlyTranslatedRecords = false;
+
+    /**
+     * This array contains all possible language uids, which could be translations of a record (excluding pages) in the default language
+     *
+     * It mainly depends on the current pageUid.
+     * Translations are possible, depending on
+     * - the site config
+     * - already translated page records
+     *
+     * @var int[]
+     */
+    protected array $possibleTranslations = [];
+
+    /**
+     * All languages that are allowed by the user
+     *
+     * This is used for the translation handling of pages only.
+     */
+    protected array $languagesAllowedForUser = [];
+
+    /**
+     * A runtime first-level cache to avoid unneeded calls to BackendUtility::getRecord()
+     */
+    protected array $pagePermsCache = [];
+    protected array $showLocalizeColumn = [];
+
+    protected ServerRequestInterface $request;
+    protected ?PageContext $pageContext = null;
+
+    protected ?RecordIdentityMap $recordIdentityMap = null;
+
+    public function __construct(
+        protected readonly IconFactory $iconFactory,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly TranslationConfigurationProvider $translateTools,
+        protected readonly EventDispatcherInterface $eventDispatcher,
+        protected readonly BackendViewFactory $backendViewFactory,
+        protected readonly ModuleProvider $moduleProvider,
+        protected readonly SearchableSchemaFieldsCollector $searchableSchemaFieldsCollector,
+        protected readonly TcaSchemaFactory $tcaSchemaFactory,
+        protected readonly RecordFactory $recordFactory,
+        protected readonly ComponentFactory $componentFactory,
+        protected readonly LocalizationRepository $localizationRepository,
+        protected readonly BackendLayoutView $backendLayoutView,
+        protected readonly LinkService $linkService,
+    ) {
+        $this->calcPerms = new Permission();
+    }
+
+    public function setRequest(ServerRequestInterface $request): void
+    {
+        $this->request = $request;
+        $pageContext = $request->getAttribute('pageContext');
+        if ($pageContext instanceof PageContext) {
+            $this->pageContext = $pageContext;
+        }
+    }
+
+    /**
+     * Returns a list of all fields / columns including meta-columns such as
+     * "_REF_" or "_PATH_" which should be rendered for the database table.
+     */
+    public function getColumnsToRender(string $table, bool $includeMetaColumns, string $selectedPreset = ''): array
+    {
+        $schema = $this->tcaSchemaFactory->get($table);
+        $columnsToSelect = [];
+        if ($schema->getCapability(TcaSchemaCapability::Label)->hasPrimaryField()) {
+            $columnsToSelect[] = $schema->getCapability(TcaSchemaCapability::Label)->getPrimaryFieldName();
+        }
+        // Setting fields selected in columnSelectorBox (saved in uc)
+        $rowListArray = [];
+        if (is_array($this->setFields[$table] ?? null)) {
+            $rowListArray = BackendUtility::getAllowedFieldsForTable($table);
+            if ($includeMetaColumns) {
+                $rowListArray[] = '_PATH_';
+                $rowListArray[] = '_REF_';
+            }
+            $rowListArray = array_intersect($rowListArray, $this->setFields[$table]);
+        }
+        // if no columns have been specified, show description (if configured)
+        if ($schema->hasCapability(TcaSchemaCapability::InternalDescription) && empty($rowListArray)) {
+            $rowListArray[] = $schema->getCapability(TcaSchemaCapability::InternalDescription)->getFieldName();
+        }
+
+        if ($includeMetaColumns) {
+            // If meta columns are enabled, add the record icon
+            array_unshift($columnsToSelect, 'icon');
+
+            if ($this->noControlPanels === false) {
+                // Add _SELECTOR_ as first item in case control panels are not disabled
+                array_unshift($columnsToSelect, '_SELECTOR_');
+
+                // Control-Panel
+                $columnsToSelect[] = '_CONTROL_';
+            }
+            // Path
+            if (!in_array('_PATH_', $rowListArray, true) && $this->searchLevels) {
+                $columnsToSelect[] = '_PATH_';
+            }
+            // Localization
+            if ($schema->isLanguageAware()) {
+                $columnsToSelect[] = '_LOCALIZATION_';
+                // Do not show the "Localize to:" field when only translated records should be shown
+                if (!$this->showOnlyTranslatedRecords) {
+                    $columnsToSelect[] = '_LOCALIZATION_b';
+                }
+            }
+        }
+
+        return $this->applyPresetToColumns(
+            $table,
+            $selectedPreset,
+            array_unique(array_merge($columnsToSelect, $rowListArray))
+        );
+    }
+
+    /**
+     * Checks if a preset exists that will modify the selected columns.
+     * @internal
+     */
+    protected function applyPresetToColumns(string $table, string $selectedPreset, array $columnsToRender): array
+    {
+        if ($selectedPreset === '') {
+            return $columnsToRender;
+        }
+
+        // To prevent client-side transmission of wanted column names,
+        // we only evaluate the defined presets and take the definition from there.
+        $presetRenderColumns = [];
+
+        $presets = $this->eventDispatcher->dispatch(
+            new BeforeRecordDownloadPresetsAreDisplayedEvent(
+                $table,
+                $this->modTSconfig['downloadPresets.'][$table . '.'] ?? [],
+                $this->request,
+                $this->id,
+            )
+        )->getPresets();
+
+        foreach ($presets as $presetData) {
+            if (($presetData->getIdentifier()) === $selectedPreset) {
+                $presetRenderColumns = ($presetData->getColumns());
+                break;
+            }
+        }
+
+        // Evaluation yielded empty list
+        if ($presetRenderColumns === []) {
+            return $columnsToRender;
+        }
+
+        // Make sure no column is configured in a preset that is not actually allowed.
+        foreach ($presetRenderColumns as $columnKey => $overlayColumnName) {
+            if (!in_array($overlayColumnName, $columnsToRender, true)) {
+                unset($presetRenderColumns[$columnKey]);
+            }
+        }
+
+        // Evaluation yielded no valid column names.
+        if ($presetRenderColumns === []) {
+            return $columnsToRender;
+        }
+
+        return $presetRenderColumns;
+    }
+
+    /**
+     * Based on the columns which should be rendered this method returns a list of actual
+     * database fields to be selected from the query string.
+     *
+     * @return string[] a list of all database table fields
+     * @internal: This method should be placed in another location in the future
+     */
+    public function getFieldsToSelect(string $table, array $columnsToRender): array
+    {
+        $selectFields = $columnsToRender;
+        $selectFields[] = 'uid';
+        $selectFields[] = 'pid';
+        if ($table === 'pages') {
+            $selectFields[] = 'module';
+            $selectFields[] = 'extendToSubpages';
+            $selectFields[] = 'nav_hide';
+            $selectFields[] = 'doktype';
+            $selectFields[] = 'shortcut';
+            $selectFields[] = 'shortcut_mode';
+            $selectFields[] = 'mount_pid';
+            $selectFields[] = 'is_siteroot';
+        }
+        if ($table === 'tt_content') {
+            $selectFields[] = 'colPos';
+        }
+        $schema = $this->tcaSchemaFactory->get($table);
+        foreach ([TcaSchemaCapability::RestrictionDisabledField,
+            TcaSchemaCapability::RestrictionEndTime,
+            TcaSchemaCapability::RestrictionStartTime,
+            TcaSchemaCapability::RestrictionUserGroup,
+            TcaSchemaCapability::CreatedAt,
+            TcaSchemaCapability::UpdatedAt,
+            TcaSchemaCapability::SoftDelete,
+            TcaSchemaCapability::SortByField,
+            TcaSchemaCapability::InternalDescription,
+            TcaSchemaCapability::EditLock] as $capability) {
+            if ($schema->hasCapability($capability)) {
+                $selectFields[] = $schema->getCapability($capability)->getFieldName();
+            }
+        }
+        if ($schema->supportsSubSchema()) {
+            $selectFields[] = $schema->getSubSchemaTypeInformation()->getFieldName();
+        }
+        if ($schema->getRawConfiguration()['typeicon_column'] ?? false) {
+            $selectFields[] = $schema->getRawConfiguration()['typeicon_column'];
+        }
+        if ($schema->isWorkspaceAware()) {
+            $selectFields[] = 't3ver_stage';
+            $selectFields[] = 't3ver_state';
+            $selectFields[] = 't3ver_wsid';
+            $selectFields[] = 't3ver_oid';
+        }
+        if ($schema->isLanguageAware()) {
+            $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+            $selectFields[] = $languageCapability->getLanguageField()->getName();
+            $selectFields[] = $languageCapability->getTranslationOriginPointerField()->getName();
+            if ($languageCapability->hasTranslationSourceField()) {
+                $selectFields[] = $languageCapability->getTranslationSourceField()->getName();
+            }
+            if ($languageCapability->hasDiffSourceField()) {
+                $selectFields[] = $languageCapability->getDiffSourceField()->getName();
+            }
+        }
+        $labelCapability = $schema->getCapability(TcaSchemaCapability::Label);
+        $selectFields = array_unique(array_merge($selectFields, $labelCapability->getAllLabelFieldNames()));
+        $fieldListFields = BackendUtility::getAllowedFieldsForTable($table, false);
+        // Making sure that the fields in the field-list ARE in the field-list from TCA!
+        return array_intersect($selectFields, $fieldListFields);
+    }
+
+    /**
+     * Creates the listing of records from a single table
+     *
+     * @param string $table Table name
+     * @throws \UnexpectedValueException
+     * @return string HTML table with the listing for the record.
+     */
+    public function getTable(string $table): string
+    {
+        // Finding the total amount of records on the page
+        $queryBuilderTotalItems = $this->getQueryBuilder($table, ['*'], false, 0, 1);
+        $totalItems = (int)$queryBuilderTotalItems
+            ->count('*')
+            ->resetOrderBy()
+            ->executeQuery()
+            ->fetchOne();
+        if ($totalItems === 0) {
+            return '';
+        }
+        $schema = $this->tcaSchemaFactory->get($table);
+        // Setting the limits for the amount of records to be displayed in the list and single table view.
+        // Using the default value and overwriting with page TSconfig. The limit is forced
+        // to be in the range of 0 - 10000.
+        // default 100 for single table view
+        $itemsLimitSingleTable = MathUtility::forceIntegerInRange((int)(
+            $this->modTSconfig['itemsLimitSingleTable'] ?? 100
+        ), 0, 10000);
+
+        // default 20 for list view
+        $itemsLimitPerTable = MathUtility::forceIntegerInRange((int)(
+            $this->modTSconfig['itemsLimitPerTable'] ?? 20
+        ), 0, 10000);
+
+        if ($this->showLimit) {
+            // Set limit defined by calling code
+            $itemsPerPage = $this->showLimit;
+        } else {
+            // Set limit depending on the view (single table vs. default)
+            $itemsPerPage = $this->table ? $itemsLimitSingleTable : $itemsLimitPerTable;
+        }
+
+        // Init
+        $labelCapability = $schema->getCapability(TcaSchemaCapability::Label);
+        $titleCol = $labelCapability->getPrimaryFieldName() ?? '';
+        $l10nEnabled = $schema->isLanguageAware();
+
+        $this->fieldArray = $this->getColumnsToRender($table, true);
+        // Creating the list of fields to include in the SQL query
+        $selectFields = $this->getFieldsToSelect($table, $this->fieldArray);
+
+        $firstElement = ($this->page - 1) * $itemsPerPage;
+        if ($firstElement > 2 && $itemsPerPage > 0) {
+            // Get the two previous rows for sorting if displaying page > 1
+            $firstElement -= 2;
+            $itemsPerPage += 2;
+            $queryBuilder = $this->getQueryBuilder($table, $selectFields, true, $firstElement, $itemsPerPage);
+            $firstElement += 2;
+            $itemsPerPage -= 2;
+        } else {
+            $queryBuilder = $this->getQueryBuilder($table, $selectFields, true, $firstElement, $itemsPerPage);
+        }
+
+        $queryResult = $queryBuilder->executeQuery();
+        $columnsOutput = '';
+        $onlyShowRecordsInSingleTableMode = $this->listOnlyInSingleTableMode && !$this->table;
+        // Fetch records only if not in single table mode
+        if ($onlyShowRecordsInSingleTableMode) {
+            $dbCount = $totalItems;
+        } elseif ($firstElement + $itemsPerPage <= $totalItems) {
+            $dbCount = $itemsPerPage + 2;
+        } else {
+            $dbCount = $totalItems - $firstElement + 2;
+        }
+        // If any records was selected, render the list:
+        if ($dbCount === 0) {
+            return '';
+        }
+
+        // Initialize RecordIdentityMap for this request
+        $this->recordIdentityMap = GeneralUtility::makeInstance(RecordIdentityMap::class);
+
+        // Get configuration of collapsed tables from user uc
+        $lang = $this->getLanguageService();
+
+        $tableIdentifier = $table;
+        // Use a custom table title for translated pages
+        if ($table === 'pages' && $this->showOnlyTranslatedRecords) {
+            // pages records in records module are split into two own sections, one for pages with
+            // sys_language_uid = 0 "Page" and an own section for sys_language_uid > 0 "Page Translation".
+            // This if sets the different title for the page translation case and a unique table identifier
+            // which is used in DOM as id.
+            $tableTitle = htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:pageTranslation'));
+            $tableIdentifier = 'pages_translated';
+        } else {
+            $tableTitle = htmlspecialchars($schema->getTitle($lang->sL(...)));
+            if ($tableTitle === '') {
+                $tableTitle = $table;
+            }
+        }
+
+        $backendUser = $this->getBackendUserAuthentication();
+        $tableCollapsed = (bool)($this->moduleData?->get('collapsedTables')[$tableIdentifier] ?? false);
+
+        // Header line is drawn
+        $theData = [];
+        if ($this->disableSingleTableView) {
+            $theData[$titleCol] = $tableTitle . ' (<span>' . $totalItems . '</span>)';
+        } else {
+            $icon = $this->table // @todo separate table header from contract/expand link
+                ? $this->iconFactory
+                    ->getIcon('actions-view-table-collapse', IconSize::SMALL)
+                    ->setTitle($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:contractView'))
+                    ->render()
+                : $this->iconFactory
+                    ->getIcon('actions-view-table-expand', IconSize::SMALL)
+                    ->setTitle($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:expandView'))
+                    ->render();
+            $theData[$titleCol] = $this->linkWrapTable($table, $tableTitle . ' (<span>' . $totalItems . '</span>) ' . $icon);
+        }
+        $tableActions = '';
+        $tableHeader = $theData[$titleCol];
+        if (!$onlyShowRecordsInSingleTableMode) {
+            // Add the "new record" button
+            $tableActions .= $this->createActionButtonNewRecord($table) ?? '';
+            // Create the Download button
+            $tableActions .= $this->createActionButtonDownload($table, $totalItems) ?? '';
+            // Show the select box
+            $tableActions .= $this->createActionButtonColumnSelector($table) ?? '';
+            // Render collapse button if in multi table mode
+            $tableActions .= $this->createActionButtonCollapse($table) ?? '';
+        }
+        $currentIdList = [];
+        // Render table rows only if in multi table view or if in single table view
+        $rowOutput = '';
+        if (!$onlyShowRecordsInSingleTableMode || $this->table) {
+            // Fixing an order table for sortby tables
+            $this->currentTable = [];
+            $allowManualSorting = $schema->hasCapability(TcaSchemaCapability::SortByField) && !$this->sortField;
+            $prevUid = 0;
+            $prevPrevUid = 0;
+            // Get first two rows and initialize prevPrevUid and prevUid if on page > 1
+            if ($firstElement > 2 && $itemsPerPage > 0) {
+                $row = $queryResult->fetchAssociative();
+                $prevPrevUid = -((int)$row['uid']);
+                $row = $queryResult->fetchAssociative();
+                $prevUid = $row['uid'];
+            }
+            $accRows = [];
+            // Accumulate Record objects here
+            while ($rowData = $queryResult->fetchAssociative()) {
+                // Apply workspace overlay before creating the record object so resolved records,
+                // including their icon-relevant properties, reflect the active workspace state.
+                BackendUtility::workspaceOL($table, $rowData, $backendUser->workspace, true);
+                if (!is_array($rowData)) {
+                    continue;
+                }
+                // Create Record object from database row
+                $record = $this->recordFactory->createResolvedRecordFromDatabaseRow(
+                    $table,
+                    $rowData,
+                    null,
+                    $this->recordIdentityMap
+                );
+                if (!$this->isRowListingConditionFulfilled($record)) {
+                    continue;
+                }
+
+                $accRows[] = $record;
+                $currentIdList[] = $record->getUid();
+                if ($allowManualSorting) {
+                    if ($prevUid) {
+                        $this->currentTable['prev'][$record->getUid()] = $prevPrevUid;
+                        $this->currentTable['next'][$prevUid] = -$record->getUid();
+                        $this->currentTable['prevUid'][$record->getUid()] = $prevUid;
+                    }
+                    $prevPrevUid = isset($this->currentTable['prev'][$record->getUid()]) ? -$prevUid : $record->getPid();
+                    $prevUid = $record->getUid();
+                }
+            }
+            // Render items:
+            $this->CBnames = [];
+            $this->duplicateStack = [];
+            $cc = 0;
+
+            // Build a set of UIDs already in the result set to prevent rendering duplicates
+            $resultSetUids = array_flip($currentIdList);
+
+            // If no search happened it means that the selected
+            // records are either default or All language and here we will not select translations
+            // which point to the main record:
+            $listTranslatedRecords = $l10nEnabled && $this->searchString === '' && !($this->hideTranslations === '*' || GeneralUtility::inList($this->hideTranslations, $table));
+            foreach ($accRows as $record) {
+                // Render item row if counter < limit
+                if ($cc < $itemsPerPage) {
+                    $cc++;
+                    // Reset translations
+                    $translations = [];
+                    // Initialize with FALSE which causes the localization panel to not be displayed as
+                    // the record is already localized, in free mode or has sys_language_uid -1 set.
+                    // Only set to TRUE if TranslationConfigurationProvider::translationInfo() returns
+                    // an array indicating the record can be translated.
+                    $translationEnabled = false;
+                    $languageFieldName = $schema->isLanguageAware() ? $schema->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName() : '';
+                    // Guard clause so we can quickly return if a record is localized to "all languages"
+                    // It should only be possible to localize a record off default (uid 0)
+                    $filterLanguages = $this->getSelectedLanguageIds();
+                    $rowLanguage = ($languageFieldName !== '' ? ($record->getRawRecord()->toArray()[$languageFieldName] ?? false) : false);
+                    if ($l10nEnabled && $rowLanguage !== -1) {
+                        $translationsRaw = $this->translateTools->translationInfo($table, $record->getUid(), 0, $record->getRawRecord()->toArray(), '*');
+                        if (is_array($translationsRaw)) {
+                            $translationEnabled = true;
+                            $translations = $translationsRaw['translations'] ?? [];
+                            // Filter translations to only show those in selected languages
+                            $translations = array_filter($translations, static function (array $translation) use ($languageFieldName, $filterLanguages): bool {
+                                return in_array((int)($translation[$languageFieldName] ?? 0), $filterLanguages, true);
+                            });
+                        }
+                    }
+
+                    // Don't pass possible translations - let makeLocalizationPanel handle filtering via moduleData
+                    $rowOutput .= $this->renderListRow($table, $record, 0, $translations, $translationEnabled);
+
+                    if ($listTranslatedRecords) {
+                        foreach ($translations as $lRow) {
+                            // Skip if this translation is already in the main result set to avoid duplicates
+                            if (isset($resultSetUids[$lRow['uid']])) {
+                                continue;
+                            }
+                            // In offline workspace, look for alternative record:
+                            BackendUtility::workspaceOL($table, $lRow, $backendUser->workspace, true);
+                            if (!is_array($lRow) || !$backendUser->checkLanguageAccess($lRow[$languageFieldName])) {
+                                continue;
+                            }
+                            // Create Record object for translation
+                            $translationRecord = $this->recordFactory->createResolvedRecordFromDatabaseRow(
+                                $table,
+                                $lRow,
+                                null,
+                                $this->recordIdentityMap
+                            );
+                            if (!$this->isRowListingConditionFulfilled($translationRecord)) {
+                                continue;
+                            }
+
+                            $currentIdList[] = $translationRecord->getUid();
+                            $rowOutput .= $this->renderListRow($table, $translationRecord, 1, [], false);
+                        }
+                    }
+                }
+            }
+            // Record navigation is added to the beginning and end of the table if in single table mode
+            if ($this->table) {
+                $pagination = $this->renderListNavigation($this->table, $totalItems, $itemsPerPage);
+                $rowOutput = $pagination . $rowOutput . $pagination;
+            } elseif ($totalItems > $itemsLimitPerTable) {
+                // Show that there are more records than shown
+                $rowOutput .= '
+                    <tr data-multi-record-selection-element="true">
+                        <td colspan="' . (count($this->fieldArray)) . '">
+                            <a href="' . htmlspecialchars((string)$this->listURL(null, $tableIdentifier)) . '" class="btn btn-sm btn-default">
+                                ' . $this->iconFactory->getIcon('actions-caret-down', IconSize::SMALL)->render() . '
+                                ' . $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.expandTable') . '
+                            </a>
+                        </td>
+                    </tr>';
+            }
+            // The header row for the table is now created
+            $columnsOutput = $this->renderListHeader($table, $currentIdList);
+        }
+
+        // Initialize multi record selection actions
+        $multiRecordSelectionActions = '';
+        if ($this->noControlPanels === false) {
+            $multiRecordSelectionActions = '
+                <div class="recordlist-heading-row t3js-multi-record-selection-actions hidden">
+                    <div class="recordlist-heading-title">
+                        <strong>' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.selection')) . '</strong>
+                    </div>
+                    <div class="recordlist-heading-actions">
+                        ' . $this->renderMultiRecordSelectionActions($table, $currentIdList) . '
+                    </div>
+                </div>
+            ';
+        }
+
+        $recordListMessages = '';
+        $recordlistMessageEntries = [];
+        if ($backendUser->workspace > 0 && ExtensionManagementUtility::isLoaded('workspaces') && !$schema->hasCapability(TcaSchemaCapability::Workspace)) {
+            // In case the table is not editable in workspace inform the user about the missing actions
+            if ($backendUser->workspaceAllowsLiveEditingInTable($table)) {
+                $recordlistMessageEntries[] = [
+                    'message' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.editingLiveRecordsWarning'),
+                    'severity' => ContextualFeedbackSeverity::WARNING,
+                ];
+            } else {
+                $recordlistMessageEntries[] = [
+                    'message' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.notEditableInWorkspace'),
+                    'severity' => ContextualFeedbackSeverity::INFO,
+                ];
+            }
+        }
+
+        foreach ($recordlistMessageEntries as $messageEntry) {
+            $recordListMessages .= '<div class="alert alert-' . $messageEntry['severity']->getCssClass() . '">';
+            $recordListMessages .= $this->iconFactory->getIcon($messageEntry['severity']->getIconIdentifier(), IconSize::SMALL)->render();
+            $recordListMessages .= ' ';
+            $recordListMessages .= htmlspecialchars($messageEntry['message'], ENT_QUOTES | ENT_HTML5);
+            $recordListMessages .= '</div>';
+        }
+
+        $collapseClass = $tableCollapsed && !$this->table ? 'collapse' : 'collapse show';
+        $dataState = $tableCollapsed && !$this->table ? 'collapsed' : 'expanded';
+        return '
+            <div class="recordlist" id="t3-table-' . htmlspecialchars($tableIdentifier) . '" data-multi-record-selection-identifier="t3-table-' . htmlspecialchars($tableIdentifier) . '">
+                <form action="' . htmlspecialchars((string)$this->listURL()) . '#t3-table-' . htmlspecialchars($tableIdentifier) . '" method="post" name="list-table-form-' . htmlspecialchars($tableIdentifier) . '">
+                    <input type="hidden" name="cmd_table" value="' . htmlspecialchars($tableIdentifier) . '" />
+                    <input type="hidden" name="cmd" />
+                    <div class="recordlist-heading ' . ($multiRecordSelectionActions !== '' ? 'multi-record-selection-panel' : '') . '">
+                        <div class="recordlist-heading-row">
+                            <div class="recordlist-heading-title">' . $tableHeader . '</div>
+                            <div class="recordlist-heading-actions">' . $tableActions . '</div>
+                        </div>
+                        ' . $multiRecordSelectionActions . '
+                    </div>
+                    ' . $recordListMessages . '
+                    <div class="' . $collapseClass . '" data-state="' . $dataState . '" id="recordlist-' . htmlspecialchars($tableIdentifier) . '">
+                        <div class="table-fit">
+                            <table data-table="' . htmlspecialchars($tableIdentifier) . '" class="table table-striped table-hover">
+                                <thead>
+                                    ' . $columnsOutput . '
+                                </thead>
+                                <tbody data-multi-record-selection-row-selection="true">
+                                    ' . $rowOutput . '
+                                </tbody>
+                            </table>
+                        </div>
+                    </div>
+                </form>
+            </div>
+        ';
+    }
+
+    /**
+     * If new records can be created on this page, create a button
+     */
+    public function createActionButtonNewRecord(string $table): ?ButtonInterface
+    {
+        if (!$this->isEditable($table)) {
+            return null;
+        }
+        if (!$this->showNewRecLink($table)) {
+            return null;
+        }
+        $permsAdditional = ($table === 'pages' ? Permission::PAGE_NEW : Permission::CONTENT_EDIT);
+        if (!$this->calcPerms->isGranted($permsAdditional)) {
+            return null;
+        }
+
+        if ($table === 'tt_content') {
+            // No button with tt_content table, content elements should be managed using page module.
+            return null;
+        }
+
+        $label = sprintf(
+            $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:newRecordOfType'),
+            $this->tcaSchemaFactory->get($table)->getTitle($this->getLanguageService()->sL(...)),
+        );
+        $dataAttributes = [
+            'recordlist-action' => 'new',
+        ];
+
+        $button = $this->componentFactory->createLinkButton()
+            ->setTitle($label)
+            ->setShowLabelText(true);
+
+        if ($table === 'pages') {
+            $button = $this->componentFactory->createGenericButton()
+                ->setTag('typo3-backend-new-page-wizard-button')
+                ->setLabel($label)
+                ->setShowLabelText(true)
+                ->setIcon($this->iconFactory->getIcon('actions-page-new', IconSize::SMALL))
+                ->setAttributes([
+                    'configuration' => json_encode([
+                        'preventPositionAutoAdvance' => true,
+                        'positionData' => [
+                            'pageUid' => $this->id,
+                            'insertPosition' => 'inside',
+                        ],
+                    ]),
+                ]);
+
+            return $button;
+        }
+
+        $button->setIcon($this->iconFactory->getIcon('actions-plus', IconSize::SMALL));
+        $button->setHref((string)$this->uriBuilder->buildUriFromRoute(
+            'record_edit',
+            [
+                'edit' => [
+                    $table => [
+                        $this->id => 'new',
+                    ],
+                ],
+                'module' => $this->request->getAttribute('module')?->getIdentifier() ?? '',
+                'returnUrl' => $this->listURL(),
+            ]
+        ));
+        return $button->setDataAttributes($dataAttributes);
+    }
+
+    protected function createActionButtonDownload(string $table, int $totalItems): ?ButtonInterface
+    {
+        // Do not render the download button for page translations or in case it is generally disabled
+        if (!$this->displayRecordDownload || $this->showOnlyTranslatedRecords) {
+            return null;
+        }
+
+        $shouldRenderDownloadButton = true;
+        // See if it is disabled in general
+        if (isset($this->modTSconfig['displayRecordDownload'])) {
+            $shouldRenderDownloadButton = (bool)$this->modTSconfig['displayRecordDownload'];
+        }
+        // Table override was explicitly set
+        if (isset($this->tableTSconfigOverTCA[$table]['displayRecordDownload'])) {
+            $shouldRenderDownloadButton = (bool)$this->tableTSconfigOverTCA[$table]['displayRecordDownload'];
+        }
+        // Do not render button if disabled
+        if ($shouldRenderDownloadButton === false) {
+            return null;
+        }
+
+        $schema = $this->tcaSchemaFactory->get($table);
+
+        $downloadButtonLabel = $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:download');
+        $downloadButtonTitle = sprintf($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:' . ($totalItems === 1 ? 'downloadRecord' : 'downloadRecords')), $totalItems);
+        $downloadCancelTitle = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.cancel');
+        $downloadSettingsUrl = (string)$this->uriBuilder->buildUriFromRoute(
+            'ajax_record_download_settings',
+            [
+                'id' => $this->id,
+                'table' => $table,
+                'searchString' => $this->searchString,
+                'searchLevels' => $this->searchLevels,
+                'sortField' => $this->sortField,
+                'sortRev' => $this->sortRev,
+            ],
+        );
+        $downloadSettingsTitle = sprintf(
+            $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:' . ($totalItems === 1 ? 'downloadRecordSettings' : 'downloadRecordsSettings')),
+            $schema->getTitle($this->getLanguageService()->sL(...)) ?: $table,
+            $totalItems
+        );
+
+        $button = $this->componentFactory->createGenericButton();
+        $button->setTag('typo3-recordlist-record-download-button');
+        $button->setLabel($downloadButtonLabel);
+        $button->setShowLabelText(true);
+        $button->setIcon($this->iconFactory->getIcon('actions-download', IconSize::SMALL));
+        $button->setAttributes([
+            'url' => $downloadSettingsUrl,
+            'subject' => $downloadSettingsTitle,
+            'ok' => $downloadButtonTitle,
+            'close' => $downloadCancelTitle,
+            'data-recordlist-action' => 'download',
+        ]);
+
+        return $button;
+    }
+
+    /**
+     * Creates a button, which triggers a modal for the column selection
+     */
+    protected function createActionButtonColumnSelector(string $table): ?ButtonInterface
+    {
+        if ($this->displayColumnSelector === false) {
+            // Early return in case column selector is disabled
+            return null;
+        }
+
+        $shouldRenderSelector = true;
+        // See if it is disabled in general
+        if (isset($this->modTSconfig['displayColumnSelector'])) {
+            $shouldRenderSelector = (bool)$this->modTSconfig['displayColumnSelector'];
+        }
+        // Table override was explicitly set to false
+        if (isset($this->modTSconfig['table.'][$table . '.']['displayColumnSelector'])) {
+            $shouldRenderSelector = (bool)$this->modTSconfig['table.'][$table . '.']['displayColumnSelector'];
+        }
+        // Do not render button if column selector is disabled
+        if ($shouldRenderSelector === false) {
+            return null;
+        }
+
+        $schema = $this->tcaSchemaFactory->get($table);
+
+        $lang = $this->getLanguageService();
+        $tableIdentifier = $table . (($table === 'pages' && $this->showOnlyTranslatedRecords) ? '_translated' : '');
+        $columnSelectorUrl = (string)$this->uriBuilder->buildUriFromRoute(
+            'ajax_show_columns_selector',
+            ['id' => $this->id, 'table' => $table]
+        );
+        $columnSelectorTitle = sprintf(
+            $lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_column_selector.xlf:showColumnsSelection'),
+            $schema->getTitle($lang->sL(...)) ?: $table,
+        );
+
+        $button = $this->componentFactory->createGenericButton();
+        $button->setTag('typo3-backend-column-selector-button');
+        $button->setLabel($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_column_selector.xlf:showColumns'));
+        $button->setShowLabelText(true);
+        $button->setIcon($this->iconFactory->getIcon('actions-options', IconSize::SMALL));
+        $button->setAttributes([
+            'data-url' => $columnSelectorUrl,
+            'data-target' => (string)($this->listURL()->withFragment('#t3-table-' . $tableIdentifier)),
+            'data-title' => $columnSelectorTitle,
+            'data-button-ok' => $lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_column_selector.xlf:updateColumnView'),
+            'data-button-close' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.cancel'),
+            'data-error-message' => $lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_column_selector.xlf:updateColumnView.error'),
+            'data-recordlist-action' => 'columns',
+        ]);
+
+        return $button;
+    }
+
+    protected function createActionButtonCollapse(string $table): ?ButtonInterface
+    {
+        if ($this->table !== '') {
+            return null;
+        }
+
+        $schema = $this->tcaSchemaFactory->get($table);
+
+        $tableIdentifier = $table . (($table === 'pages' && $this->showOnlyTranslatedRecords) ? '_translated' : '');
+        $tableCollapsed = (bool)($this->moduleData?->get('collapsedTables')[$tableIdentifier] ?? false);
+
+        $button = $this->componentFactory->createGenericButton();
+        $button->setLabel(sprintf(
+            $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:collapseExpandTable'),
+            $schema->getTitle($this->getLanguageService()->sL(...))
+        ));
+        $button->setClasses('t3js-toggle-recordlist');
+        $button->setIcon($this->iconFactory->getIcon(($tableCollapsed ? 'actions-view-list-expand' : 'actions-view-list-collapse'), IconSize::SMALL));
+        $button->setAttributes([
+            'aria-expanded' => ($tableCollapsed ? 'false' : 'true'),
+            'data-table' => $tableIdentifier,
+            'data-recordlist-action' => 'toggle',
+            'data-bs-toggle' => 'collapse',
+            'data-bs-target' => '#recordlist-' . $tableIdentifier,
+        ]);
+
+        return $button;
+    }
+
+    protected function getPreviewUriBuilder(string $table, RecordInterface $record): PreviewUriBuilder
+    {
+        return PreviewUriBuilder::createForRecordPreview(
+            $table,
+            $record,
+            (int)($table === 'pages' ? $record->getUid() : ($this->pageRow['uid'] ?? 0))
+        );
+    }
+
+    /**
+     * Check if all row listing conditions are fulfilled.
+     *
+     * This function serves as a dummy method to be overridden in extending classes.
+     *
+     * @param RecordInterface $record Record
+     * @return bool True, if all conditions are fulfilled.
+     */
+    protected function isRowListingConditionFulfilled(RecordInterface $record): bool
+    {
+        return true;
+    }
+
+    /**
+     * Rendering a single row for the list
+     *
+     * @param string $table Table name
+     * @param int $indent Indent from left.
+     * @param array $translations Array of already existing translations for the current record
+     * @param bool $translationEnabled Whether the record can be translated
+     * @return string Table row for the element
+     * @internal
+     * @see getTable()
+     */
+    public function renderListRow($table, RecordInterface $record, int $indent, array $translations, bool $translationEnabled): string
+    {
+        $titleCol = '';
+        $schema = $this->tcaSchemaFactory->get($table);
+        if ($schema->hasCapability(TcaSchemaCapability::Label)) {
+            $titleCol = $schema->getCapability(TcaSchemaCapability::Label)->getPrimaryFieldName();
+        }
+        $languageService = $this->getLanguageService();
+        $id_orig = $this->id;
+        // If in search mode, make sure the preview will show the correct page
+        if ($this->searchString !== '') {
+            $this->id = $record->getPid();
+        }
+
+        $tagAttributes = [
+            'class' => [],
+            'data-table' => $table,
+            'title' => 'id=' . $record->getUid(),
+        ];
+
+        // Add active class to record of current link
+        if (
+            isset($this->currentLink['tableNames'])
+            && (int)$this->currentLink['uid'] === $record->getUid()
+            && GeneralUtility::inList($this->currentLink['tableNames'], $table)
+        ) {
+            $tagAttributes['class'][] = 'active';
+        }
+        $tagAttributes['class'][] = 't3js-entity';
+
+        // Preparing and getting the data-array
+        $theData = [];
+        $deletePlaceholderClass = '';
+        $recTitle = null;
+        $lockInfo = false;
+        foreach ($this->fieldArray as $fCol) {
+            if ($fCol === $titleCol) {
+                $recTitle = BackendUtility::getRecordTitle($table, $record);
+                $warning = '';
+                // If the record is edit-locked	by another user, we will show a little warning sign:
+                $lockInfo = BackendUtility::isRecordLocked($table, $record->getUid());
+                if ($lockInfo) {
+                    $warning = '<span tabindex="0"'
+                        . ' title="' . htmlspecialchars($lockInfo['msg']) . '"'
+                        . ' aria-label="' . htmlspecialchars($lockInfo['msg']) . '">'
+                        . $this->iconFactory->getIcon('status-user-backend', IconSize::SMALL, 'overlay-edit')->render()
+                        . '</span>';
+                }
+                if ($this->isRecordDeletePlaceholder($record)) {
+                    // Delete placeholder records do not link to formEngine edit and are rendered strike-through
+                    $deletePlaceholderClass = ' deletePlaceholder';
+                    $theData[$fCol] = $theData['__label']
+                        = $warning
+                        . '<span title="' . htmlspecialchars($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:row.deletePlaceholder.title')) . '">'
+                            . htmlspecialchars($recTitle)
+                        . '</span>';
+                } else {
+                    $theData[$fCol] = $theData['__label'] = $warning . $this->linkWrapItems($table, $record->getUid(), $recTitle, $record);
+                }
+            } elseif ($fCol === 'pid') {
+                $theData[$fCol] = $record->getPid();
+            } elseif ($fCol === '_SELECTOR_') {
+                if ($table !== 'pages' || !$this->showOnlyTranslatedRecords) {
+                    // Add checkbox for all tables except the special page translations table
+                    $theData[$fCol] = $this->makeCheckbox($table, $record);
+                } else {
+                    // Remove "_SELECTOR_", which is always the first item, from the field list
+                    array_splice($this->fieldArray, 0, 1);
+                }
+            } elseif ($fCol === 'icon') {
+                $rowArray = $record->getRawRecord()?->toArray() ?? [];
+                $icon = $this->iconFactory
+                    ->getIconForRecord($table, $rowArray, IconSize::SMALL)
+                    ->setTitle(BackendUtility::getRecordIconAltText($record, $table, false))
+                    ->render('inline');
+                $theData[$fCol] = ''
+                    . ($indent ? '<span class="indent indent-inline-block" style="--indent-level: ' . $indent . '"></span> ' : '')
+                    . (($this->clickMenuEnabled && !$this->isRecordDeletePlaceholder($record)) ? BackendUtility::wrapClickMenuOnIcon($icon, $table, $record->getUid()) : $icon);
+            } elseif ($fCol === '_PATH_') {
+                $theData[$fCol] = $this->recPath($record->getPid());
+            } elseif ($fCol === '_REF_') {
+                $theData[$fCol] = $this->generateReferenceToolTip($table, $record->getUid());
+            } elseif ($fCol === '_CONTROL_') {
+                /** @var Record $record */
+                $theData[$fCol] = $this->makeControl($record);
+            } elseif ($fCol === '_LOCALIZATION_') {
+                // Language flag and title
+                $theData[$fCol] = $this->languageFlag($table, $record);
+                // Localize record
+                $localizationPanel = $translationEnabled ? $this->makeLocalizationPanel((string)$table, $record, $translations) : '';
+
+                if ($localizationPanel !== '') {
+                    $theData['_LOCALIZATION_b'] = '<div class="btn-group">' . $localizationPanel . '</div>';
+                    $this->showLocalizeColumn[$table] = true;
+                }
+            } elseif ($fCol !== '_LOCALIZATION_b') {
+                // default for all other columns, except "_LOCALIZATION_b"
+                $pageId = $table === 'pages' ? $record->getUid() : $record->getPid();
+                $fieldValue = $record->getRawRecord()?->has($fCol) ? $record->getRawRecord()->get($fCol) : '';
+                $tmpProc = BackendUtility::getProcessedValueExtra($table, $fCol, $fieldValue, 100, $record->getUid(), true, $pageId, $record->getRawRecord()?->toArray());
+                $theData[$fCol] = $this->linkUrlMail(htmlspecialchars((string)$tmpProc), (string)$fieldValue);
+            }
+        }
+        // Reset the ID if it was overwritten
+        if ($this->searchString !== '') {
+            $this->id = $id_orig;
+        }
+        // Add classes to table cells
+        $this->addElement_tdCssClass['_SELECTOR_'] = 'col-checkbox';
+        $this->addElement_tdCssClass[$titleCol] = 'col-title col-responsive' . $deletePlaceholderClass;
+        $this->addElement_tdCssClass['__label'] = $this->addElement_tdCssClass[$titleCol];
+        $this->addElement_tdCssClass['icon'] = 'col-icon';
+        $this->addElement_tdCssClass['_CONTROL_'] = 'col-control';
+        $this->addElement_tdCssClass['_PATH_'] = 'col-path';
+        $this->addElement_tdCssClass['_LOCALIZATION_'] = 'col-localizationa';
+        $this->addElement_tdCssClass['_LOCALIZATION_b'] = 'col-localizationb';
+        // Create element in table cells:
+        $theData['uid'] = $record->getUid();
+        if ($schema->isLanguageAware() && $record instanceof Record) {
+            $theData['_l10nparent_'] = $record->getLanguageInfo()?->getTranslationParent();
+        }
+
+        $tagAttributes = array_map(
+            static function (array|string $attributeValue): string {
+                if (is_array($attributeValue)) {
+                    return implode(' ', $attributeValue);
+                }
+                return $attributeValue;
+            },
+            $tagAttributes
+        );
+
+        $event = $this->eventDispatcher->dispatch(
+            new AfterRecordListRowPreparedEvent($table, $record, $theData, $this, $recTitle, $lockInfo, $tagAttributes)
+        );
+
+        return $this->addElement(
+            $event->getData(),
+            GeneralUtility::implodeAttributes($event->getTagAttributes(), true)
+        );
+    }
+
+    /**
+     * Gets the number of records referencing the record with the UID $uid in
+     * the table $tableName.
+     *
+     * @param string $tableName
+     * @param int $uid
+     * @return int The number of references to record $uid in table
+     */
+    protected function getReferenceCount($tableName, $uid)
+    {
+        if (!isset($this->referenceCount[$tableName][$uid])) {
+            $referenceIndex = GeneralUtility::makeInstance(ReferenceIndex::class);
+            $numberOfReferences = $referenceIndex->getNumberOfReferencedRecords($tableName, $uid);
+            $this->referenceCount[$tableName][$uid] = $numberOfReferences;
+        }
+        return $this->referenceCount[$tableName][$uid];
+    }
+
+    /**
+     * Rendering the header row for a table
+     *
+     * @param string $table Table name
+     * @param int[] $currentIdList Array of the currently displayed uids of the table
+     * @throws \UnexpectedValueException
+     * @return string Header table row
+     * @internal
+     * @see getTable()
+     */
+    public function renderListHeader(string $table, array $currentIdList): string
+    {
+        $lang = $this->getLanguageService();
+
+        $theData = [];
+        foreach ($this->fieldArray as $field) {
+            switch ((string)$field) {
+                case '_SELECTOR_':
+                    if ($table !== 'pages' || !$this->showOnlyTranslatedRecords) {
+                        // Add checkbox actions for all tables except the special page translations table
+                        $theData[$field] = $this->renderCheckboxActions();
+                    } else {
+                        // Remove "_SELECTOR_", which is always the first item, from the field list
+                        array_splice($this->fieldArray, 0, 1);
+                    }
+                    break;
+                case 'icon':
+                    // In case no checkboxes are rendered (page translations or disabled) add the icon
+                    // column, otherwise the selector column is using "colspan=2"
+                    if (!in_array('_SELECTOR_', $this->fieldArray, true)
+                        || ($table === 'pages' && $this->showOnlyTranslatedRecords)
+                    ) {
+                        $theData[$field] = '';
+                    }
+                    break;
+                case '_CONTROL_':
+                    $theData[$field] = '<i class="hidden">' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels._CONTROL_')) . '</i>';
+                    // In single table view, add button to edit displayed fields of marked / listed records
+                    if ($this->table && $this->canEditTable($table) && $currentIdList !== [] && $this->isEditable($table)) {
+                        $label = htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:editShownColumns'));
+                        $theData[$field] = '<button type="button"'
+                            . ' class="btn btn-default t3js-record-edit-multiple"'
+                            . ' title="' . $label . '"'
+                            . ' aria-label="' . $label . '"'
+                            . ' data-return-url="' . htmlspecialchars((string)$this->listURL()) . '"'
+                            . ' data-columns-only="' . GeneralUtility::jsonEncodeForHtmlAttribute(array_values($this->fieldArray)) . '">'
+                            . $this->iconFactory->getIcon('actions-document-open', IconSize::SMALL)->render()
+                            . '</button>';
+                    }
+                    break;
+                case '_LOCALIZATION_b':
+                    // Show translation options
+                    if ($this->showLocalizeColumn[$table] ?? false) {
+                        $theData[$field] = '<i>' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:Localize')) . '</i>';
+                    }
+                    break;
+                default:
+                    $theData[$field] = $this->renderListTableFieldHeader($table, $field, $currentIdList);
+            }
+        }
+
+        $event = $this->eventDispatcher->dispatch(
+            new ModifyRecordListHeaderColumnsEvent($theData, $table, $currentIdList, $this)
+        );
+
+        // Create and return header table row:
+        return $this->addElement($event->getColumns(), GeneralUtility::implodeAttributes($event->getHeaderAttributes(), true), 'th');
+    }
+
+    protected function renderListTableFieldHeader(string $table, string $field, array $currentIdList): string
+    {
+        $schema = $this->tcaSchemaFactory->get($table);
+        $label = $this->getFieldLabel($schema, $field);
+        $sortField = $field;
+
+        if (in_array($field, ['_SELECTOR_', '_CONTROL_', '_REF_', '_LOCALIZATION_', '_PATH_'])) {
+            return '<i>' . $label . '</i>';
+        }
+
+        $dropdownExtraItems = [];
+        if ($currentIdList !== []) {
+            // If the numeric clipboard pads are selected, show duplicate sorting link:
+            if ($this->table
+                && $this->noControlPanels === false
+                && $this->isClipboardFunctionalityEnabled($table)
+                && $this->clipObj->current !== 'normal'
+            ) {
+                $title = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:clip_duplicates');
+                $attributes = [
+                    'class' => 'dropdown-item',
+                    'href' => $this->listURL() . '&duplicateField=' . $field,
+                    'title' => $title,
+                    'aria-label' => $title,
+                ];
+                $dropdownExtraItems[] = '
+                    <a ' . GeneralUtility::implodeAttributes($attributes, true) . '>
+                        <span class="dropdown-item-columns">
+                            <span class="dropdown-item-column dropdown-item-column-icon">
+                                ' . $this->iconFactory->getIcon('actions-document-duplicates-select', IconSize::SMALL)->render() . '
+                            </span>
+                            <span class="dropdown-item-column dropdown-item-column-title">
+                                ' . htmlspecialchars($title) . '
+                            </span>
+                        </span>
+                    </a>
+                ';
+            }
+            // If the table and field can be edited, add link for editing THIS field for all listed records:
+            if ($this->isEditable($table, $field) && $this->canEditTable($table)) {
+                $title = sprintf($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:editThisColumn'), $label);
+                $attributes = [
+                    'type' => 'button',
+                    'class' => 'dropdown-item t3js-record-edit-multiple',
+                    'title' => $title,
+                    'aria-label' => $title,
+                    'data-return-url' => (string)$this->listURL(),
+                    'data-columns-only' => json_encode([$field]),
+                ];
+                $dropdownExtraItems[] = '
+                    <button ' . GeneralUtility::implodeAttributes($attributes, true) . '>
+                        <span class="dropdown-item-columns">
+                            <span class="dropdown-item-column dropdown-item-column-icon">
+                                ' . $this->iconFactory->getIcon('actions-document-open', IconSize::SMALL)->render() . '
+                            </span>
+                            <span class="dropdown-item-column dropdown-item-column-title">
+                                ' . htmlspecialchars($title) . '
+                            </span>
+                        </span>
+                    </button>
+                ';
+            }
+        }
+
+        $dropdownSortingItems = [];
+        if (!$this->disableSingleTableView) {
+            // Sort ascending
+            $title = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.sorting.asc');
+            $attributes = [
+                'class' => 'dropdown-item',
+                'href' => $this->listURL(null, $table, ['sortField', 'sortRev', 'table', 'pointer']) . '&sortField=' . $sortField . '&sortRev=0',
+                'title' => $title,
+                'aria-label' => $title,
+            ];
+            $dropdownSortingItems[] = '
+                <a ' . GeneralUtility::implodeAttributes($attributes, true) . '>
+                    <span class="dropdown-item-columns">
+                        <span class="dropdown-item-column dropdown-item-column-icon text-primary">
+                            ' . ($this->sortField === $sortField && !$this->sortRev ? $this->iconFactory->getIcon('actions-dot', IconSize::SMALL)->render() : '') . '
+                        </span>
+                        <span class="dropdown-item-column dropdown-item-column-title">
+                            ' . htmlspecialchars($title) . '
+                        </span>
+                    </span>
+                </a>
+            ';
+
+            // Sort decending
+            $title = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.sorting.desc');
+            $attributes = [
+                'class' => 'dropdown-item',
+                'href' => $this->listURL(null, $table, ['sortField', 'sortRev', 'table', 'pointer']) . '&sortField=' . $sortField . '&sortRev=1',
+                'title' => $title,
+                'aria-label' => $title,
+            ];
+            $dropdownSortingItems[] = '
+                <a ' . GeneralUtility::implodeAttributes($attributes, true) . '>
+                    <span class="dropdown-item-columns">
+                        <span class="dropdown-item-column dropdown-item-column-icon text-primary">
+                            ' . ($this->sortField === $sortField && $this->sortRev ? $this->iconFactory->getIcon('actions-dot', IconSize::SMALL)->render() : '') . '
+                        </span>
+                        <span class="dropdown-item-column dropdown-item-column-title">
+                            ' . htmlspecialchars($title) . '
+                        </span>
+                    </span>
+                </a>
+            ';
+        }
+
+        $dropdownExtraHasItems = $dropdownExtraItems !== [];
+        $dropdownSortingHasItems = $dropdownSortingItems !== [];
+        if (!$dropdownExtraHasItems && !$dropdownSortingHasItems) {
+            return $label;
+        }
+
+        $icon = '';
+        if ($dropdownSortingHasItems) {
+            $icon = $this->sortField === $sortField
+                ? $this->iconFactory->getIcon('actions-sort-amount-' . ($this->sortRev ? 'down' : 'up'), IconSize::SMALL)->render()
+                : $this->iconFactory->getIcon('empty-empty', IconSize::SMALL)->render();
+        }
+
+        return '
+            <div class="dropdown dropdown-static">
+                <button
+                    class="dropdown-toggle dropdown-toggle-link"
+                    type="button"
+                    data-bs-toggle="dropdown"
+                    aria-expanded="false"
+                >
+                    ' . $label . ' <div class="' . ($this->sortField === $sortField ? 'text-primary' : '') . '">' . $icon . '</div>
+                </button>
+                <ul class="dropdown-menu">
+                    ' . implode('', array_map(static fn($item) => '<li>' . $item . '</li>', $dropdownSortingItems)) . '
+                    ' . ($dropdownExtraHasItems && $dropdownSortingHasItems ? '<li><hr class="dropdown-divider" aria-hidden="true"></li>' : '') . '
+                    ' . implode('', array_map(static fn($item) => '<li>' . $item . '</li>', $dropdownExtraItems)) . '
+                </ul>
+            </div>
+        ';
+    }
+
+    /**
+     * Creates a page browser for tables with many records
+     *
+     * @return string Navigation HTML
+     */
+    protected function renderListNavigation(string $table, int $totalItems, int $itemsPerPage): string
+    {
+        $currentPage = $this->page;
+        $paginationColumns = count($this->fieldArray);
+        $totalPages = (int)ceil($totalItems / $itemsPerPage);
+        // Show page selector if not all records fit into one page
+        if ($totalPages <= 1) {
+            return '';
+        }
+        if ($totalItems > $currentPage * $itemsPerPage) {
+            $lastElementNumber = $currentPage * $itemsPerPage;
+        } else {
+            $lastElementNumber = $totalItems;
+        }
+        $view = $this->backendViewFactory->create($this->request);
+        return $view->assignMultiple([
+            'currentUrl' => $this->listURL(null, $table, ['pointer']),
+            'currentPage' => $currentPage,
+            'totalPages' => $totalPages,
+            'firstElement' => ((($currentPage - 1) * $itemsPerPage) + 1),
+            'lastElement' => $lastElementNumber,
+            'colspan' => $paginationColumns,
+        ])
+            ->render('ListNavigation');
+    }
+
+    /*********************************
+     *
+     * Rendering of various elements
+     *
+     *********************************/
+
+    /**
+     * Creates the control panel for a single record in the listing.
+     *
+     * @throws \UnexpectedValueException
+     * @return string HTML table with the control panel (unless disabled)
+     */
+    public function makeControl(RecordInterface $record): string
+    {
+        $table = $record->getMainType();
+        $backendUser = $this->getBackendUserAuthentication();
+        $schema = $this->tcaSchemaFactory->get($table);
+        $userTsConfig = $backendUser->getTSConfig();
+        $isDeletePlaceHolder = $this->isRecordDeletePlaceholder($record);
+        $primary = new ComponentGroup('primary');
+        $secondary = new ComponentGroup('secondary');
+        $languageFieldName = $transOrigPointerFieldName = '';
+        if ($schema->isLanguageAware()) {
+            $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+            $languageFieldName = $languageCapability->getLanguageField()->getName();
+            $transOrigPointerFieldName = $languageCapability->getTranslationOriginPointerField()->getName();
+        }
+        // Hide the move elements for localized records - doesn't make much sense to perform these options for them
+        $isL10nOverlay = $record->getRawRecord()?->has($transOrigPointerFieldName) && $record->getRawRecord()->get($transOrigPointerFieldName) > 0;
+        $localCalcPerms = $this->getPagePermissionsForRecord($record);
+        if ($table === 'pages') {
+            $permsEdit = $backendUser->checkLanguageAccess($record->getRawRecord()?->has($languageFieldName) ? $record->getRawRecord()->get($languageFieldName) : 0) && $localCalcPerms->editPagePermissionIsGranted();
+        } else {
+            $permsEdit = $localCalcPerms->editContentPermissionIsGranted() && $backendUser->checkRecordEditAccess($table, $record)->isAllowed;
+        }
+        $permsEdit = $this->overlayEditLockPermissions($table, $record, $permsEdit);
+
+        // "Show" link
+        $attributes = $this->getPreviewUriBuilder($table, $record)->buildDispatcherAttributes();
+        $viewButton = null;
+        if ($attributes !== null) {
+            $viewButton = $this->componentFactory->createGenericButton()
+                ->setIcon($this->iconFactory->getIcon($table === 'pages' ? 'actions-view-page' : 'actions-view'))
+                ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.showPage'))
+                ->setAttributes($attributes);
+        }
+        $secondary->add('view', $viewButton);
+
+        $editButton = null;
+        // "Edit" link: ( Only if permissions to edit the page-record of the content of the parent page ($this->id)
+        if ($permsEdit && !$isDeletePlaceHolder && $this->isEditable($table)) {
+            $params = [
+                'edit' => [
+                    $table => [
+                        $record->getUid() => 'edit',
+                    ],
+                ],
+                'module' => $this->request->getAttribute('module')?->getIdentifier() ?? '',
+            ];
+            $iconIdentifier = 'actions-open';
+            if ($table === 'pages') {
+                // Disallow manual adjustment of the language field for pages
+                $params['overrideVals']['pages']['language_tag'] = $record->getRawRecord()?->has($languageFieldName) ? $record->getRawRecord()->get($languageFieldName) : 0;
+                $iconIdentifier = 'actions-page-open';
+            }
+            $params['returnUrl'] = $this->listURL();
+            $editLink = $this->uriBuilder->buildUriFromRoute('record_edit', $params);
+
+            $editButton = $this->componentFactory->createLinkButton()
+                ->setIcon($this->iconFactory->getIcon($iconIdentifier, IconSize::SMALL))
+                ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:edit'))
+                ->setHref((string)$editLink);
+        }
+        $primary->add('edit', $editButton);
+
+        // "Info"
+        $viewBigAction = null;
+        if (!$isDeletePlaceHolder) {
+            $label = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:showInfo');
+            $viewBigAction = $this->componentFactory->createGenericButton()
+                ->setIcon($this->iconFactory->getIcon('actions-document-info', IconSize::SMALL))
+                ->setTitle($label)
+                ->setAttributes(array_merge(
+                    $this->createShowItemTagAttributesArray($table . ',' . $record->getUid()),
+                    ['aria-haspopup' => 'dialog']
+                ));
+        }
+        $secondary->add('info', $viewBigAction);
+
+        // "Move" wizard link for pages/tt_content elements:
+        if ($permsEdit && ($table === 'tt_content' || $table === 'pages') && $this->isEditable($table)) {
+            if ($isL10nOverlay || $isDeletePlaceHolder) {
+                $moveButton = null;
+            } else {
+                if ($table === 'pages') {
+                    $linkTitleLL = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:move_page');
+                    $icon = 'actions-page-move';
+                    $url = $this->uriBuilder->buildUriFromRoute('move_page', [
+                        'uid' => $record->getUid(),
+                        'table' => $table,
+                        'expandPage' => $record->getPid(),
+                    ]);
+                } else {
+                    $linkTitleLL = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:move_record');
+                    $icon = 'actions-document-move';
+                    $url = (string)$this->uriBuilder->buildUriFromRoute('move_element', [
+                        'uid' => $record->getUid(),
+                        'originalPid' => $record->getPid(),
+                        'expandPage' => $record->getPid(),
+                        'returnUrl' => $this->listURL(),
+                    ]);
+                }
+                $moveButton = $this->componentFactory->createGenericButton()
+                    ->setTag('typo3-backend-dispatch-modal-button')
+                    ->setIcon($this->iconFactory->getIcon($icon, IconSize::SMALL))
+                    ->setTitle($linkTitleLL)
+                    ->setAttributes([
+                        'subject' => $linkTitleLL,
+                        'url' => (string)$url,
+                        'aria-label' => $linkTitleLL,
+                    ]);
+            }
+            $secondary->add('move', $moveButton);
+        }
+
+        // If the table is NOT a read-only table, then show these links:
+        if ($this->isEditable($table)) {
+            // "Revert" link (history/undo)
+            if (trim($userTsConfig['options.']['showHistory.'][$table] ?? $userTsConfig['options.']['showHistory'] ?? '1')) {
+
+                $historyButton = null;
+                if (!$isDeletePlaceHolder) {
+                    $moduleUrl = $this->uriBuilder->buildUriFromRoute('record_history', [
+                        'element' => $table . ':' . $record->getUid(),
+                        'returnUrl' => $this->listURL(),
+                    ])->withFragment('#latest');
+                    $historyButton = $this->componentFactory->createLinkButton()
+                        ->setIcon($this->iconFactory->getIcon('actions-document-history-open', IconSize::SMALL))
+                        ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:history'))
+                        ->setHref((string)$moduleUrl);
+                }
+                $secondary->add('history', $historyButton);
+            }
+
+            // "Edit Perms" link:
+            if ($table === 'pages' && $this->moduleProvider->accessGranted('permissions_pages', $backendUser)) {
+                $permsButton = null;
+                if (!$isL10nOverlay && !$isDeletePlaceHolder) {
+                    $params = [
+                        'id' => $record->getUid(),
+                        'action' => 'edit',
+                        'returnUrl' => $this->listURL(),
+                    ];
+                    $href = $this->uriBuilder->buildUriFromRoute('permissions_pages', $params);
+                    $permsButton = $this->componentFactory->createLinkButton()
+                        ->setIcon($this->iconFactory->getIcon('actions-document-history-open', IconSize::SMALL))
+                        ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:permissions'))
+                        ->setHref((string)$href);
+                }
+                $secondary->add('perms', $permsButton);
+            }
+
+            // "New record after" link (ONLY if the records in the table are sorted by a "sortby"-row
+            // or if default values can depend on previous record):
+            if (($schema->hasCapability(TcaSchemaCapability::SortByField) || ($schema->getRawConfiguration()['useColumnsForDefaultValues'] ?? false)) && $permsEdit) {
+                $neededPermission = $table === 'pages' ? Permission::PAGE_NEW : Permission::CONTENT_EDIT;
+                if ($this->calcPerms->isGranted($neededPermission)) {
+                    $newButton = null;
+                    if (!$isL10nOverlay && !$isDeletePlaceHolder && $this->showNewRecLink($table)) {
+                        $params = [
+                            'edit' => [
+                                $table => [
+                                    (0 - $record->getUid()) => 'new',
+                                ],
+                            ],
+                            'module' => $this->request->getAttribute('module')?->getIdentifier() ?? '',
+                            'returnUrl' => $this->listURL(),
+                        ];
+                        $icon = ($table === 'pages' ? $this->iconFactory->getIcon('actions-page-new', IconSize::SMALL) : $this->iconFactory->getIcon('actions-plus', IconSize::SMALL));
+                        $titleLabel = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:new');
+                        if ($schema->hasCapability(TcaSchemaCapability::SortByField)) {
+                            $titleLabel = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:newRecord');
+                            if ($table === 'pages') {
+                                $titleLabel = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:newPage');
+                            }
+                        }
+
+                        if ($table === 'pages') {
+                            $newButton = $this->componentFactory->createGenericButton()
+                                ->setTag('typo3-backend-new-page-wizard-button')
+                                ->setIcon($icon)
+                                ->setTitle($titleLabel)
+                                ->setAttributes([
+                                    'configuration' => json_encode(['positionData' => ['pageUid' => $record->getUid(), 'insertPosition' => 'after']]),
+                                ]);
+                        } else {
+                            $newLink = $this->uriBuilder->buildUriFromRoute('record_edit', $params);
+                            $newButton = $this->componentFactory->createLinkButton()
+                                ->setIcon($icon)
+                                ->setTitle($titleLabel)
+                                ->setHref((string)$newLink);
+                        }
+                    }
+                    $secondary->add('new', $newButton);
+                }
+            }
+
+            // "Hide/Unhide" links:
+            $hiddenField = $schema->hasCapability(TcaSchemaCapability::RestrictionDisabledField) ? $schema->getCapability(TcaSchemaCapability::RestrictionDisabledField)->getFieldName() : '';
+            if (!empty($hiddenField)
+                && ($schema->getField($hiddenField)->supportsAccessControl() || $backendUser->check('non_exclude_fields', $table . ':' . $hiddenField))
+            ) {
+                if (!$permsEdit || $isDeletePlaceHolder || $this->isRecordCurrentBackendUser($record)) {
+                    $hideButton = null;
+                } else {
+                    $visibleTitle = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:hide' . ($table === 'pages' ? 'Page' : ''));
+                    $visibleIcon = 'actions-edit-hide';
+                    $visibleValue = '0';
+                    $hiddenTitle = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:unHide' . ($table === 'pages' ? 'Page' : ''));
+                    $hiddenIcon = 'actions-edit-unhide';
+                    $hiddenValue = '1';
+                    if (($rawRecord = $record->getRawRecord())?->has($hiddenField) && ($rawRecord->get($hiddenField) ?? false)) {
+                        $titleLabel = $hiddenTitle;
+                        $iconIdentifier = $hiddenIcon;
+                        $status = 'hidden';
+                    } else {
+                        $titleLabel = $visibleTitle;
+                        $iconIdentifier = $visibleIcon;
+                        $status = 'visible';
+                    }
+
+                    $attributes = [
+                        'data-datahandler-action' => 'visibility',
+                        'data-datahandler-status' => $status,
+                        'data-datahandler-visible-label' => $visibleTitle,
+                        'data-datahandler-visible-value' => $visibleValue,
+                        'data-datahandler-hidden-label' => $hiddenTitle,
+                        'data-datahandler-hidden-value' => $hiddenValue,
+                    ];
+                    $hideButton = $this->componentFactory->createGenericButton()
+                        ->setIcon($this->iconFactory->getIcon($iconIdentifier, IconSize::SMALL))
+                        ->setTitle($titleLabel)
+                        ->setAttributes($attributes);
+                }
+                $primary->add('hide', $hideButton);
+            }
+
+            // "Up/Down" links
+            if ($permsEdit && $schema->hasCapability(TcaSchemaCapability::SortByField) && !$this->sortField && !$this->searchLevels) {
+
+                $moveUpButton = null;
+                if (!$isL10nOverlay && !$isDeletePlaceHolder && isset($this->currentTable['prev'][$record->getUid()])) {
+                    // Up
+                    $params = [];
+                    $params['redirect'] = $this->listURL();
+                    $params['cmd'][$table][$record->getUid()]['move'] = $this->currentTable['prev'][$record->getUid()];
+                    $url = (string)$this->uriBuilder->buildUriFromRoute('tce_db', $params);
+                    $moveUpButton = $this->componentFactory->createLinkButton()
+                        ->setIcon($this->iconFactory->getIcon('actions-move-up', IconSize::SMALL))
+                        ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:moveUp'))
+                        ->setHref($url);
+                }
+                $primary->add('moveUp', $moveUpButton);
+
+                $moveDownButton = null;
+                if (!$isL10nOverlay && !$isDeletePlaceHolder && !empty($this->currentTable['next'][$record->getUid()])) {
+                    // Down
+                    $params = [];
+                    $params['redirect'] = $this->listURL();
+                    $params['cmd'][$table][$record->getUid()]['move'] = $this->currentTable['next'][$record->getUid()];
+                    $url = (string)$this->uriBuilder->buildUriFromRoute('tce_db', $params);
+                    $moveDownButton = $this->componentFactory->createLinkButton()
+                        ->setIcon($this->iconFactory->getIcon('actions-move-down', IconSize::SMALL))
+                        ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:moveDown'))
+                        ->setHref($url);
+                }
+                $primary->add('moveDown', $moveDownButton);
+            }
+
+            $deleteButton = null;
+            // "Delete" link:
+            $disableDelete = (bool)trim((string)($userTsConfig['options.']['disableDelete.'][$table] ?? $userTsConfig['options.']['disableDelete'] ?? ''));
+            if ($permsEdit
+                && !$disableDelete
+                && (($table === 'pages' && $localCalcPerms->deletePagePermissionIsGranted()) || ($table !== 'pages' && $this->calcPerms->editContentPermissionIsGranted()))
+                && !$this->isRecordCurrentBackendUser($record)
+                && !$isDeletePlaceHolder
+            ) {
+                $actionName = 'delete';
+                $recordInfo = BackendUtility::getRecordTitle($table, $record);
+                if ($this->getBackendUserAuthentication()->shallDisplayDebugInformation()) {
+                    $recordInfo .= ' [' . $table . ':' . $record->getUid() . ']';
+                }
+                $refCountMsg = BackendUtility::referenceCount(
+                    $table,
+                    $record->getUid(),
+                    LF . $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.referencesToRecord'),
+                    (string)$this->getReferenceCount($table, $record->getUid())
+                );
+                $translationCount = count($this->localizationRepository->getRecordTranslations($table, $record->getUid()));
+                if ($translationCount > 0) {
+                    $refCountMsg .= LF . sprintf(
+                        $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.translationsOfRecord'),
+                        $translationCount
+                    );
+                }
+
+                $warningText = sprintf($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:' . $actionName . 'Warning'), trim($recordInfo)) . $refCountMsg;
+                $icon = 'actions-edit-' . $actionName;
+                $linkTitle = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:' . $actionName);
+                $titleText = $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:label.confirm.delete_record.title');
+
+                $attributes = [
+                    'data-severity' => 'warning',
+                    'aria-haspopup' => 'dialog',
+                    'data-button-ok-text' => $linkTitle,
+                    'data-button-close-text' => $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:cancel'),
+                    'data-content' => $warningText,
+                    'data-uri' => (string)$this->uriBuilder->buildUriFromRoute('tce_db', [
+                        'cmd' => [
+                            $table => [
+                                $record->getUid() => [
+                                    'delete' => true,
+                                ],
+                            ],
+                        ],
+                        'redirect' => $this->listURL(),
+                    ]),
+                    'data-title' => $titleText,
+                ];
+                $deleteButton = $this->componentFactory->createGenericButton()
+                    ->setIcon($this->iconFactory->getIcon($icon, IconSize::SMALL))
+                    ->setTitle($linkTitle)
+                    ->setClasses('t3js-modal-trigger')
+                    ->setAttributes($attributes);
+            }
+            $primary->add('delete', $deleteButton);
+
+            // "Levels" links: Moving pages into new levels...
+            if ($permsEdit && $table === 'pages' && !$this->searchLevels) {
+                // Up (Paste as the page right after the current parent page)
+                if ($this->calcPerms->createPagePermissionIsGranted()) {
+                    $moveLeftButton = null;
+                    if (!$isDeletePlaceHolder && !$isL10nOverlay) {
+                        $params = [];
+                        $params['redirect'] = $this->listURL();
+                        $params['cmd'][$table][$record->getUid()]['move'] = -$this->id;
+                        $url = $this->uriBuilder->buildUriFromRoute('tce_db', $params);
+                        $moveLeftButton = $this->componentFactory->createLinkButton()
+                            ->setIcon($this->iconFactory->getIcon('actions-move-left', IconSize::SMALL))
+                            ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:prevLevel'))
+                            ->setHref((string)$url);
+                    }
+                    $secondary->add('moveLeft', $moveLeftButton);
+                }
+                $moveRightAction = null;
+                // Down (Paste as subpage to the page right above)
+                if (!$isL10nOverlay && !$isDeletePlaceHolder && !empty($this->currentTable['prevUid'][$record->getUid()])) {
+                    $localCalcPerms = $this->getPagePermissionsForRecord(
+                        $this->recordFactory->createResolvedRecordFromDatabaseRow(
+                            'pages',
+                            BackendUtility::getRecord('pages', $this->currentTable['prevUid'][$record->getUid()]) ?? [],
+                            null,
+                            $this->recordIdentityMap
+                        )
+                    );
+                    if ($localCalcPerms->createPagePermissionIsGranted()) {
+                        $params = [];
+                        $params['redirect'] = $this->listURL();
+                        $params['cmd'][$table][$record->getUid()]['move'] = $this->currentTable['prevUid'][$record->getUid()];
+                        $url = $this->uriBuilder->buildUriFromRoute('tce_db', $params);
+                        $moveRightAction = $this->componentFactory->createLinkButton()
+                            ->setIcon($this->iconFactory->getIcon('actions-move-right', IconSize::SMALL))
+                            ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:nextLevel'))
+                            ->setHref((string)$url);
+                    }
+                }
+                $secondary->add('moveRight', $moveRightAction);
+            }
+        }
+
+        // Add clipboard related actions
+        $clipboardActions = $this->makeClip($table, $record);
+        // Add the clipboard actions to the secondary cell group
+        if ($clipboardActions !== []) {
+            $secondary->add('divider', $this->componentFactory->createDropDownDivider());
+            foreach ($clipboardActions as $identifier => $action) {
+                $secondary->add($identifier, $action);
+            }
+        }
+
+        $event = $this->eventDispatcher->dispatch(
+            new ModifyRecordListRecordActionsEvent($primary, $secondary, $record, $this, $this->request)
+        );
+
+        $emptyAction = $this->componentFactory->createGenericButton()
+            ->setTag('span')
+            ->setIcon($this->iconFactory->getIcon('empty-empty'))
+            ->setClasses('disabled')
+            ->setAttributes([
+                'aria-hidden' => 'true',
+            ]);
+        $primary = $event->getActionGroup(ActionGroup::primary);
+        $output = ' <div class="btn-group">';
+        foreach ($primary->getItems($emptyAction) as $action) {
+            if (method_exists($action, 'setSize')) {
+                $action->setSize(ButtonSize::MEDIUM);
+            }
+            $output .= $action->render();
+        }
+        $output .= '</div>';
+
+        $secondary = $event->getActionGroup(ActionGroup::secondary);
+        $cellOutput = '';
+        foreach ($secondary->getItems() as $action) {
+            if ($action instanceof GenericButton) {
+                $action = $this->componentFactory->createDropDownItem()
+                    ->setTag($action->getTag())
+                    ->setLabel($action->getLabel() ?: $action->getTitle())
+                    ->setIcon($action->getIcon())
+                    ->setHref($action->getHref())
+                    ->setAttributes([
+                        ...$action->getAttributes(),
+                        'class' => $action->getClasses(),
+                    ]);
+                $cellOutput .= '<li>' . $action->render() . '</li>';
+                continue;
+            }
+            if ($action instanceof LinkButton) {
+                $attributes = [];
+                foreach ($action->getDataAttributes() as $key => $value) {
+                    $attributes['data-' . $key] = $value;
+                }
+                $action = $this->componentFactory->createDropDownItem()
+                    ->setLabel($action->getTitle())
+                    ->setIcon($action->getIcon())
+                    ->setHref($action->getHref())
+                    ->setAttributes([
+                        ...$action->getAttributes(),
+                        ...$attributes,
+                        'class' => $action->getClasses(),
+                        'role' => $action->getRole(),
+                    ]);
+                $cellOutput .= '<li>' . $action->render() . '</li>';
+                continue;
+            }
+            $cellOutput .= '<li>' . $action->render() . '</li>';
+        }
+
+        if ($cellOutput !== '') {
+            $icon = $this->iconFactory->getIcon('actions-menu-alternative', IconSize::SMALL);
+            $title = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.more');
+            $output .= ' <div class="btn-group dropdown">'
+                        . '<a title="' . htmlspecialchars($title) . '" href="#actions_' . $table . '_' . $record->getUid() . '" class="btn btn-default dropdown-toggle dropdown-toggle-no-chevron" data-bs-toggle="dropdown" data-bs-boundary="window" aria-expanded="false">' . $icon->render() . '</a>'
+                        . '<ul id="actions_' . $table . '_' . $record->getUid() . '" class="dropdown-menu">' . $cellOutput . '</ul>'
+                        . '</div>';
+        } else {
+            $output .= ' <div>' . $emptyAction . '</div>';
+        }
+
+        return $output;
+    }
+
+    /**
+     * Creates the clipboard actions for a single record in the listing.
+     *
+     * @param string $table The table
+     * @param RecordInterface $record The record for which to create the clipboard actions
+     * @return array<string, ComponentInterface>
+     */
+    public function makeClip(string $table, RecordInterface $record): array
+    {
+        // Return, if disabled:
+        if (!$this->isClipboardFunctionalityEnabled($table, $record)) {
+            return [];
+        }
+        $clipboardButtons = [];
+        $isEditable = $this->isEditable($table);
+        $schema = $this->tcaSchemaFactory->get($table);
+
+        if ($this->clipObj->current === 'normal') {
+            $isSel = $this->clipObj->isSelected($table, $record->getUid());
+
+            $copyTitle = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.' . ($isSel === 'copy' ? 'copyrelease' : 'copy'));
+            $copyUrl = $this->clipObj->selUrlDB($table, $record->getUid(), true, $isSel === 'copy');
+            $clipboardButtons['copy'] = $this->componentFactory->createLinkButton()
+                ->setIcon($this->iconFactory->getIcon($isSel === 'copy' ? 'actions-edit-copy-release' : 'actions-edit-copy', IconSize::SMALL))
+                ->setTitle($copyTitle)
+                ->setHref($copyUrl);
+            // Calculate permission to cut page or content
+            if ($table === 'pages') {
+                $localCalcPerms = $this->getPagePermissionsForRecord($record);
+                $permsEdit = $localCalcPerms->editPagePermissionIsGranted();
+            } else {
+                $permsEdit = $this->calcPerms->editContentPermissionIsGranted() && $this->getBackendUserAuthentication()->checkRecordEditAccess($table, $record)->isAllowed;
+            }
+            if (!$isEditable || !$this->overlayEditLockPermissions($table, $record, $permsEdit)) {
+                $clipboardButtons['cut'] = null;
+            } else {
+                $cutTitle = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.' . ($isSel === 'cut' ? 'cutrelease' : 'cut'));
+                $cutUrl = $this->clipObj->selUrlDB($table, $record->getUid(), false, $isSel === 'cut');
+                $clipboardButtons['cut'] = $this->componentFactory->createLinkButton()
+                    ->setIcon($this->iconFactory->getIcon($isSel === 'cut' ? 'actions-edit-cut-release' : 'actions-edit-cut', IconSize::SMALL))
+                    ->setTitle($cutTitle)
+                    ->setHref($cutUrl);
+            }
+        }
+
+        // Now, looking for selected elements from the current table:
+        if ($isEditable
+            && $schema->hasCapability(TcaSchemaCapability::SortByField)
+            && $this->clipObj->elFromTable($table) !== []
+            && $this->overlayEditLockPermissions($table, $record)
+        ) {
+            $clipboardButtons['divider'] = $this->componentFactory->createDropDownDivider();
+            $pasteAfterUrl = $this->clipObj->pasteUrl($table, -$record->getUid());
+            $pasteAfterTitle = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:clip_pasteAfter');
+            $pasteAfterContent = $this->clipObj->confirmMsgText($table, $record->getRawRecord()?->toArray(), 'after');
+            $clipboardButtons['pasteAfter'] = $this->componentFactory->createGenericButton()
+                ->setIcon($this->iconFactory->getIcon('actions-document-paste-after', IconSize::SMALL))
+                ->setTitle($pasteAfterTitle)
+                ->setAttributes([
+                    'data-severity' => 'warning',
+                    'aria-haspopup' => 'dialog',
+                    'data-uri' => $pasteAfterUrl,
+                    'data-content' => $pasteAfterContent,
+                ])
+                ->setClasses('t3js-modal-trigger');
+        }
+
+        // Now, looking for elements in general:
+        if ($table === 'pages' && $isEditable && $this->clipObj->elFromTable() !== []) {
+            $pasteIntoUrl = $this->clipObj->pasteUrl('', $record->getUid());
+            $pasteIntoTitle = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:clip_pasteInto');
+            $pasteIntoContent = $this->clipObj->confirmMsgText($table, $record->getRawRecord()?->toArray(), 'into');
+            $clipboardButtons['pasteInto'] = $this->componentFactory->createGenericButton()
+                ->setIcon($this->iconFactory->getIcon('actions-document-paste-into', IconSize::SMALL))
+                ->setTitle($pasteIntoTitle)
+                ->setAttributes([
+                    'data-severity' => 'warning',
+                    'aria-haspopup' => 'dialog',
+                    'data-uri' => $pasteIntoUrl,
+                    'data-content' => $pasteIntoContent,
+                ])
+                ->setClasses('t3js-modal-trigger');
+        }
+
+        return $clipboardButtons;
+    }
+
+    /**
+     * Adds the checkbox to select a single record in the listing
+     *
+     * @param string $table The table
+     * @return string The checkbox for the record
+     */
+    public function makeCheckbox(string $table, RecordInterface $record): string
+    {
+        // Early return if current record is a "delete placeholder"
+        if ($this->isRecordDeletePlaceholder($record)) {
+            return '';
+        }
+
+        $schema = $this->tcaSchemaFactory->get($table);
+        // Early return if current record is a translation
+        if ($schema->isLanguageAware()
+            && ($transPointerField = $schema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName())
+            && $record->getRawRecord()?->has($transPointerField)
+            && $record->getRawRecord()->get($transPointerField) !== 0
+        ) {
+            return '';
+        }
+
+        // In case clipObj is not set, just add a checkbox without any clipboard functionality
+        if ($this->clipObj === null) {
+            return '
+                <span class="form-check form-check-type-toggle">
+                    <input class="form-check-input t3js-multi-record-selection-check" type="checkbox" />
+                </span>';
+        }
+
+        // For the numeric clipboard pads (showing checkboxes where one can select elements on/off)
+        // Setting name of the element in ->CBnames array:
+        $identifier = $table . '|' . $record->getUid();
+        $this->CBnames[] = $identifier;
+        $isSelected = false;
+        // If the "duplicateField" value is set then select all elements which are duplicates...
+        if ($this->duplicateField && $record->getRawRecord()?->has($this->duplicateField)) {
+            $fieldValue = (string)$record->getRawRecord()->get($this->duplicateField);
+            $isSelected = in_array($fieldValue, $this->duplicateStack, true);
+            $this->duplicateStack[] = $fieldValue;
+        }
+        // Adding the checkbox to the panel:
+        return '
+            <span class="form-check form-check-type-toggle">
+                <input class="form-check-input t3js-multi-record-selection-check" type="checkbox" name="CBC[' . $identifier . ']" value="1" ' . ($isSelected ? 'checked="checked" ' : '') . '/>
+            </span>';
+    }
+
+    /**
+     * Creates the localization panel
+     */
+    public function makeLocalizationPanel(string $table, RecordInterface $record, array $translations): string
+    {
+        $out = '';
+        // All records excluding pages
+        $possibleTranslations = $this->possibleTranslations;
+        if ($table === 'pages') {
+            // Calculate possible translations for pages
+            $possibleTranslations = array_map(static fn(SiteLanguage $siteLanguage): int => $siteLanguage->getLanguageId(), $this->languagesAllowedForUser);
+            $possibleTranslations = array_filter($possibleTranslations, static fn(int $languageUid): bool => $languageUid > 0);
+        }
+
+        // Filter by currently selected languages in the language filter
+        $selectedLanguages = $this->getSelectedLanguageIds();
+        // Only show "localize to" for languages that are currently selected (excluding default 0)
+        $selectedLanguagesWithoutDefault = array_filter($selectedLanguages, static fn(int $languageId): bool => $languageId > 0);
+        // If only default language is selected, don't show any localization options
+        if (count($selectedLanguages) === 1 && in_array(0, $selectedLanguages, true)) {
+            $possibleTranslations = [];
+        } elseif ($selectedLanguagesWithoutDefault !== []) {
+            $possibleTranslations = array_intersect($possibleTranslations, $selectedLanguagesWithoutDefault);
+        }
+
+        // Traverse page translations and add icon for each language that does NOT yet exist and is included in site configuration:
+        $pageId = $table === 'pages' ? $record->getUid() : $record->getPid();
+        $languageInformation = $this->translateTools->getSystemLanguages($pageId);
+
+        foreach ($possibleTranslations as $lUid_OnPage) {
+            if ($this->isEditable($table)
+                && !$this->isRecordDeletePlaceholder($record)
+                && !isset($translations[$lUid_OnPage])
+                && $this->getBackendUserAuthentication()->checkLanguageAccess($lUid_OnPage)
+            ) {
+                if ($table === 'tt_content') {
+                    $colPos = $record->getRawRecord()?->get('colPos');
+                    if ($colPos !== null && !$this->backendLayoutView->isCTypeAllowedInColPosByPage($record->getRecordType(), $colPos, $record->getPid())) {
+                        continue;
+                    }
+                }
+
+                $title = htmlspecialchars($languageInformation[$lUid_OnPage]['title'] ?? '');
+                $lC = ($languageInformation[$lUid_OnPage]['flagIcon'] ?? false)
+                    ? $this->iconFactory->getIcon($languageInformation[$lUid_OnPage]['flagIcon'], IconSize::SMALL)->setTitle($title)->render()
+                    : $title;
+                $out .= '<typo3-backend-localization-button class="btn btn-default"'
+                    . ' record-type="' . $table . '"'
+                    . ' record-uid="' . $record->getUid() . '"'
+                    . ' target-language="' . $lUid_OnPage . '"'
+                    . '>'
+                    . $lC
+                    . '</typo3-backend-localization-button>';
+            }
+        }
+        return $out;
+    }
+
+    /*********************************
+     *
+     * Helper functions
+     *
+     *********************************/
+
+    /**
+     * Returns the path for a certain pid
+     * The result is cached internally for the session, thus you can call
+     * this function as much as you like without performance problems.
+     *
+     * @param int $pid The page id for which to get the path
+     * @return mixed[] The path.
+     */
+    public function recPath(int $pid): mixed
+    {
+        if (!isset($this->recPath_cache[$pid])) {
+            $this->recPath_cache[$pid] = BackendUtility::getRecordPath($pid, $this->perms_clause, 20);
+        }
+        return $this->recPath_cache[$pid];
+    }
+
+    /**
+     * Helper method around fetching the permissions of a record, by incorporating the record information AND the
+     * current user information.
+     */
+    protected function getPagePermissionsForRecord(RecordInterface $record): Permission
+    {
+        $pageId = $record->getPid();
+        $schema = $this->tcaSchemaFactory->get($record->getMainType());
+        if ($schema->isLanguageAware()
+            && $record->getMainType() === 'pages'
+            && ($transOrigPointerField = $schema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName())
+            && $record->getRawRecord()?->has($transOrigPointerField)
+        ) {
+            $pageId = $record->getRawRecord()->get($transOrigPointerField) ?: $record->getUid();
+        }
+
+        // If the listed table is 'pages' we have to request the permission settings for each page.
+        // If the listed table is not 'pages' we have to request the permission settings from the parent page
+        if (!isset($this->pagePermsCache[$pageId])) {
+            $this->pagePermsCache[$pageId] = new Permission($this->getBackendUserAuthentication()->calcPerms(BackendUtility::getRecord('pages', $pageId)));
+        }
+        return $this->pagePermsCache[$pageId];
+    }
+
+    /**
+     * Returns TRUE if a link for creating new records should be displayed for $table
+     *
+     * @param string $table Table name
+     * @return bool Returns TRUE if a link for creating new records should be displayed for $table
+     */
+    public function showNewRecLink(string $table): bool
+    {
+        // No deny/allow tables are set:
+        if (empty($this->allowedNewTables) && empty($this->deniedNewTables)) {
+            return true;
+        }
+        return !in_array($table, $this->deniedNewTables)
+            && (empty($this->allowedNewTables) || in_array($table, $this->allowedNewTables));
+    }
+
+    /**
+     * Check if the record represents the current backend user
+     */
+    protected function isRecordCurrentBackendUser(RecordInterface $record): bool
+    {
+        return $record->getMainType() === 'be_users' && $record->getUid() === (int)$this->getBackendUserAuthentication()->user['uid'];
+    }
+
+    /**
+     * Check if user is in workspace and given record is a delete placeholder
+     */
+    protected function isRecordDeletePlaceholder(RecordInterface $record): bool
+    {
+        return $this->getBackendUserAuthentication()->workspace > 0
+            && $record instanceof Record && $record->getVersionInfo()?->getState() === VersionState::DELETE_PLACEHOLDER;
+    }
+
+    public function setIsEditable(bool $isEditable): void
+    {
+        $this->editable = $isEditable;
+    }
+
+    /**
+     * Check if the table (and field) is readonly or editable.
+     */
+    public function isEditable(string $table, string $field = ''): bool
+    {
+        $backendUser = $this->getBackendUserAuthentication();
+        $schema = $this->tcaSchemaFactory->get($table);
+        return !($schema->hasCapability(TcaSchemaCapability::AccessReadOnly))
+            && $this->editable
+            && $backendUser->check('tables_modify', $table)
+            && ($schema->isWorkspaceAware() || $backendUser->workspaceAllowsLiveEditingInTable($table))
+            && (
+                $field === ''
+                || (
+                    $schema->hasField($field)
+                    && !($schema->getField($field)->getConfiguration()['readOnly'] ?? false)
+                )
+            );
+    }
+
+    /**
+     * Check if user can edit records in the table
+     */
+    protected function canEditTable(string $table): bool
+    {
+        if ($table === 'pages') {
+            $permsEdit = $this->calcPerms->editPagePermissionIsGranted();
+        } else {
+            $permsEdit = $this->calcPerms->editContentPermissionIsGranted();
+        }
+
+        return $permsEdit && $this->overlayEditLockPermissions($table);
+    }
+
+    /**
+     * Check if the current record is locked by editlock. Pages are locked if their editlock flag is set,
+     * records are if they are locked themselves or if the page they are on is locked (a page’s editlock
+     * is transitive for its content elements).
+     */
+    protected function overlayEditLockPermissions(string $table, ?RecordInterface $record = null, bool $editPermission = true): bool
+    {
+        if ($editPermission && !$this->getBackendUserAuthentication()->isAdmin()) {
+            $pagesEditLockFieldName = $this->tcaSchemaFactory->get('pages')->hasCapability(TcaSchemaCapability::EditLock) ? $this->tcaSchemaFactory->get('pages')->getCapability(TcaSchemaCapability::EditLock)->getFieldName() : '';
+            // If no $row is submitted we only check for general edit lock of current page (except for table "pages")
+            $pageHasEditLock = (bool)($this->pageRow[$pagesEditLockFieldName] ?? false);
+            if (empty($record)) {
+                return ($table === 'pages') || !$pageHasEditLock;
+            }
+            if (($table === 'pages' && $pagesEditLockFieldName && $record->getRawRecord()?->has($pagesEditLockFieldName) && $record->getRawRecord()->get($pagesEditLockFieldName))
+                || ($table !== 'pages' && $pageHasEditLock)
+            ) {
+                $editPermission = false;
+            } else {
+                $schema = $this->tcaSchemaFactory->get($table);
+                $recordEditLockFieldName = $schema->hasCapability(TcaSchemaCapability::EditLock) ? $schema->getCapability(TcaSchemaCapability::EditLock)->getFieldName() : '';
+                if ($record->getRawRecord()?->has($recordEditLockFieldName) && $record->getRawRecord()->get($recordEditLockFieldName)) {
+                    $editPermission = false;
+                }
+            }
+        }
+        return $editPermission;
+    }
+
+    public function setModuleData(ModuleData $moduleData): void
+    {
+        $this->moduleData = $moduleData;
+    }
+
+    /**
+     * Initializes the list generation
+     *
+     * @param int $id Page id for which the list is rendered. Must be >= 0
+     * @param string $table Tablename - if extended mode where only one table is listed at a time.
+     * @param int $pointer Browsing pointer.
+     * @param string $search Search word, if any
+     * @param int $levels Number of levels to search down the page tree
+     * @param int $showLimit Limit of records to be listed.
+     */
+    public function start(int $id, string $table, int $pointer, string $search = '', int $levels = 0, int $showLimit = 0): void
+    {
+        $backendUser = $this->getBackendUserAuthentication();
+        // Setting internal variables:
+        // sets the parent id
+        $this->id = (int)$id;
+        if ($this->tcaSchemaFactory->has($table)) {
+            // Setting single table mode, if table exists:
+            $this->table = $table;
+        }
+        // Resolve unique table identifier for page translations. See getTable()
+        if ($table === 'pages_translated') {
+            $this->table = 'pages';
+            $this->showOnlyTranslatedRecords = true;
+        }
+        $this->page = MathUtility::forceIntegerInRange((int)$pointer, 1, 10000000);
+        $this->showLimit = MathUtility::forceIntegerInRange((int)$showLimit, 0, 10000);
+        $this->searchString = trim($search);
+        $this->searchLevels = (int)$levels;
+        $this->sortField = (string)($this->request->getParsedBody()['sortField'] ?? $this->request->getQueryParams()['sortField'] ?? '');
+        $this->sortRev = (bool)($this->request->getParsedBody()['sortRev'] ?? $this->request->getQueryParams()['sortRev'] ?? false);
+        $this->duplicateField = (string)($this->request->getParsedBody()['duplicateField'] ?? $this->request->getQueryParams()['duplicateField'] ?? '');
+
+        // If there is a current link to a record, set the current link uid and get the table name from the link handler configuration
+        $currentLinkValue = trim($this->overrideUrlParameters['P']['currentValue'] ?? '');
+        if ($currentLinkValue) {
+            try {
+                $currentLinkParts = $this->linkService->resolve($currentLinkValue);
+                if ($currentLinkParts['type'] === 'record' && isset($currentLinkParts['identifier'])) {
+                    $this->currentLink['tableNames'] = $this->tableList;
+                    $this->currentLink['uid'] = (int)$currentLinkParts['uid'];
+                }
+            } catch (UnknownLinkHandlerException $e) {
+            }
+        }
+
+        // $table might be NULL at this point in the code. As the expressionBuilder
+        // is used to limit returned records based on the page permissions and the
+        // uid field of the pages it can hardcoded to work on the pages table.
+        $expressionBuilder = GeneralUtility::makeInstance(ConnectionPool::class)
+            ->getQueryBuilderForTable('pages')
+            ->expr();
+        $permsClause = $expressionBuilder->and($backendUser->getPagePermsClause(Permission::PAGE_SHOW));
+        // This will hide records from display - it has nothing to do with user rights!!
+        $pidList = GeneralUtility::intExplode(',', (string)($backendUser->getTSConfig()['options.']['hideRecords.']['pages'] ?? ''), true);
+        if (!empty($pidList)) {
+            $permsClause = $permsClause->with($expressionBuilder->notIn('pages.uid', $pidList));
+        }
+        $this->perms_clause = (string)$permsClause;
+
+        $this->possibleTranslations = $this->getPossibleTranslations($this->id);
+        $this->setFields = $this->getBackendUserAuthentication()->getModuleData('list/displayFields') ?? [];
+    }
+
+    /**
+     * Traverses the table(s) to be listed and renders the output code for each.
+     *
+     * @return string Rendered HTML
+     */
+    public function generateList(): string
+    {
+        $tableNames = $this->getTablesToRender();
+        $output = '';
+        foreach ($tableNames as $tableName) {
+            $output .= $this->getTable($tableName);
+        }
+        return $output;
+    }
+
+    /**
+     * Depending on various options returns a list of all TCA tables which should be shown
+     * and are allowed by the current user.
+     *
+     * @return array a list of all TCA tables
+     */
+    protected function getTablesToRender(): array
+    {
+        $hideTablesArray = GeneralUtility::trimExplode(',', $this->hideTables);
+        $backendUser = $this->getBackendUserAuthentication();
+
+        // pre-process tables and add sorting instructions
+        $tableNames = array_flip($this->tcaSchemaFactory->all()->getNames());
+        foreach ($tableNames as $tableName => $_) {
+            $hideTable = false;
+
+            // Checking if the table should be rendered:
+            // Checks that we see only permitted/requested tables:
+            if (($this->table && $tableName !== $this->table)
+                || ($this->tableList && !GeneralUtility::inList($this->tableList, (string)$tableName))
+                || !$backendUser->check('tables_select', $tableName)
+            ) {
+                $hideTable = true;
+            }
+
+            if (!$hideTable) {
+                // Don't show table if hidden by TCA ctrl section
+                // Don't show table if hidden by page TSconfig mod.web_list.hideTables
+                $schema = $this->tcaSchemaFactory->get($tableName);
+                $hideTable = $schema->hasCapability(TcaSchemaCapability::HideInUi)
+                    || in_array($tableName, $hideTablesArray, true)
+                    || in_array('*', $hideTablesArray, true);
+                // Override previous selection if table is enabled or hidden by TSconfig TCA override mod.web_list.table
+                $hideTable = (bool)($this->tableTSconfigOverTCA[$tableName]['hideTable'] ?? $hideTable);
+            }
+            if ($hideTable) {
+                unset($tableNames[$tableName]);
+            } else {
+                if (isset($this->tableDisplayOrder[$tableName])) {
+                    // Copy display order information
+                    $tableNames[$tableName] = $this->tableDisplayOrder[$tableName];
+                } else {
+                    $tableNames[$tableName] = [];
+                }
+            }
+        }
+        try {
+            $orderedTableNames = GeneralUtility::makeInstance(DependencyOrderingService::class)
+                ->orderByDependencies($tableNames);
+        } catch (\UnexpectedValueException $e) {
+            // If you have circular dependencies we just keep the original order and give a notice
+            // Example mod.web_list.tableDisplayOrder.pages.after = tt_content
+            $lang = $this->getLanguageService();
+            $header = $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:warning.tableDisplayOrder.title');
+            $msg = $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:warning.tableDisplayOrder.message');
+            $flashMessage = new FlashMessage($msg, $header, ContextualFeedbackSeverity::WARNING, true);
+            $flashMessageService = GeneralUtility::makeInstance(FlashMessageService::class);
+            $defaultFlashMessageQueue = $flashMessageService->getMessageQueueByIdentifier();
+            $defaultFlashMessageQueue->enqueue($flashMessage);
+            $orderedTableNames = $tableNames;
+        }
+        return array_keys($orderedTableNames);
+    }
+
+    /**
+     * Returns a QueryBuilder configured to select $fields from $table where the pid is restricted
+     * depending on the current searchlevel setting.
+     *
+     * @param string $table Table name
+     * @param string[] $fields Field list to select, * for all
+     */
+    public function getQueryBuilder(
+        string $table,
+        array $fields = ['*'],
+        bool $addSorting = true,
+        int $firstResult = 0,
+        int $maxResult = 0
+    ): QueryBuilder {
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)
+            ->getQueryBuilderForTable($table);
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUserAuthentication()->workspace));
+        $queryBuilder
+            ->select(...$fields)
+            ->from($table);
+        $schema = $this->tcaSchemaFactory->get($table);
+
+        // Additional constraints
+        if ($schema->isLanguageAware()) {
+            // Restrict to filtered language(s)
+            $filterLanguages = $this->getSelectedLanguageIds();
+            if (!empty($filterLanguages)) {
+                // Build list of allowed languages: always include "all languages" marker (-1) + selected languages
+                $allowedLanguages = [-1, ...$filterLanguages];
+
+                // Filter to only show records in the selected languages
+                $queryBuilder->andWhere(
+                    $queryBuilder->expr()->in(
+                        $schema->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName(),
+                        $queryBuilder->createNamedParameter($allowedLanguages, Connection::PARAM_INT_ARRAY)
+                    )
+                );
+
+                // For tables other than 'pages', only show original records (l10n_parent = 0).
+                // Page translations need to appear as separate records, but content translations
+                // are shown via the localization panel.
+                if ($table !== 'pages') {
+                    $queryBuilder->andWhere(
+                        $queryBuilder->expr()->eq(
+                            $schema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName(),
+                            0
+                        )
+                    );
+                }
+            } elseif ($this->searchString === '' && !$this->showOnlyTranslatedRecords) {
+                // No language filter set. Only restrict to the default language if no
+                // search request is in place and if only translations should be shown.
+                $queryBuilder->andWhere(
+                    $queryBuilder->expr()->or(
+                        $queryBuilder->expr()->lte($schema->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName(), 0),
+                        $queryBuilder->expr()->eq($schema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName(), 0)
+                    )
+                );
+            }
+        }
+        if ($table === 'pages' && $this->showOnlyTranslatedRecords && $schema->isLanguageAware()) {
+            $queryBuilder->andWhere($queryBuilder->expr()->in(
+                $schema->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName(),
+                $queryBuilder->quoteArrayBasedValueListToIntegerList(
+                    array_keys($this->languagesAllowedForUser)
+                )
+            ));
+        }
+        // Former prepareQueryBuilder
+        if ($maxResult > 0) {
+            $queryBuilder->setMaxResults($maxResult);
+        }
+        if ($firstResult > 0) {
+            $queryBuilder->setFirstResult($firstResult);
+        }
+        if ($addSorting) {
+            if ($this->sortField && in_array($this->sortField, BackendUtility::getAllowedFieldsForTable($table, false))) {
+                $queryBuilder->orderBy($this->sortField, $this->sortRev ? 'DESC' : 'ASC');
+            } else {
+                if ($schema->hasCapability(TcaSchemaCapability::SortByField)) {
+                    $orderBy = $schema->getCapability(TcaSchemaCapability::SortByField)->getFieldName();
+                } elseif ($schema->hasCapability(TcaSchemaCapability::DefaultSorting)) {
+                    $orderBy = (string)$schema->getCapability(TcaSchemaCapability::DefaultSorting)->getValue();
+                } else {
+                    $orderBy = '';
+                }
+                $orderBys = QueryHelper::parseOrderBy($orderBy);
+                foreach ($orderBys as $orderBy) {
+                    $queryBuilder->addOrderBy($orderBy[0], $orderBy[1]);
+                }
+            }
+        }
+
+        // Build the query constraints
+        $queryBuilder = $this->addPageIdConstraint($table, $queryBuilder, $this->searchLevels);
+        $searchWhere = $this->makeSearchString($table, $this->id, $queryBuilder);
+        if (!empty($searchWhere)) {
+            $queryBuilder->andWhere($searchWhere);
+        }
+
+        // Filtering on displayable pages (permissions):
+        if ($table === 'pages' && $this->perms_clause) {
+            $queryBuilder->andWhere($this->perms_clause);
+        }
+
+        // Filter out records that are translated, if TSconfig mod.web_list.hideTranslations is set
+        if ($schema->isLanguageAware()
+            && (GeneralUtility::inList($this->hideTranslations, $table) || $this->hideTranslations === '*')
+        ) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->eq(
+                    $schema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName(),
+                    0
+                )
+            );
+        } elseif ($schema->isLanguageAware() && $this->showOnlyTranslatedRecords) {
+            // When only translated records should be shown, it is necessary to use l10n_parent=pageId, instead of
+            // a check to the PID
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->eq(
+                    $schema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName(),
+                    $queryBuilder->createNamedParameter(
+                        $this->id,
+                        Connection::PARAM_INT
+                    )
+                )
+            );
+        }
+
+        // @todo This event should contain the $addSorting value, so listener knows when to add ORDER-BY stuff.
+        //       Additionally, having QueryBuilder order-by with `addSorting: false` should be deprecated along
+        //       with the additional event flag.
+        $event = new ModifyDatabaseQueryForRecordListingEvent(
+            $queryBuilder,
+            $table,
+            $this->id,
+            $fields,
+            $firstResult,
+            $maxResult,
+            $this
+        );
+        $this->eventDispatcher->dispatch($event);
+        return $event->getQueryBuilder();
+    }
+
+    /**
+     * Creates part of query for searching after a word ($this->searchString)
+     * fields in input table.
+     *
+     * @param string $table Table, in which the fields are being searched.
+     * @param int $currentPid Page id for the possible search limit
+     * @return string Returns part of WHERE-clause for searching, if applicable.
+     */
+    protected function makeSearchString(string $table, int $currentPid, QueryBuilder $queryBuilder)
+    {
+        $expressionBuilder = $queryBuilder->expr();
+        $constraints = [];
+        $tablePidField = $table === 'pages' ? 'uid' : 'pid';
+        // Make query only if table is valid and a search string is actually defined
+        if (empty($this->searchString)) {
+            return '';
+        }
+
+        $searchableFields = $this->searchableSchemaFieldsCollector->getFields($table);
+        [$subSchemaDivisorFieldName, $fieldsSubSchemaTypes] = $this->searchableSchemaFieldsCollector->getSchemaFieldSubSchemaTypes($table);
+        // Get fields from ctrl section of TCA first
+        if (MathUtility::canBeInterpretedAsInteger($this->searchString)) {
+            $constraints[] = $expressionBuilder->eq($table . '.uid', (int)$this->searchString);
+            foreach ($searchableFields as $field) {
+                $searchConstraint = null;
+                if ($field instanceof NumberFieldType || $field instanceof DateTimeFieldType) {
+                    $searchConstraint = $expressionBuilder->and(
+                        $expressionBuilder->eq($table . '.' . $field->getName(), (int)$this->searchString),
+                        $expressionBuilder->eq($table . '.' . $tablePidField, $currentPid)
+                    );
+                } else {
+                    $searchConstraint = $expressionBuilder->like(
+                        $table . '.' . $field->getName(),
+                        $queryBuilder->quote('%' . $this->searchString . '%')
+                    );
+                }
+
+                // If this table has subtypes (e.g. tt_content.CType), we want to ensure that only CType that contain
+                // e.g. "bodytext" in their list of fields, to search through them. This is important when a field
+                // is filled but its type has been changed.
+                if ($subSchemaDivisorFieldName !== ''
+                    && isset($fieldsSubSchemaTypes[$field->getName()])
+                    && $fieldsSubSchemaTypes[$field->getName()] !== []
+                ) {
+                    // Using `IN()` with a string-value quoted list is fine for all database systems, even when
+                    // used on integer-typed fields and no additional work required here to mitigate something.
+                    $searchConstraint = $queryBuilder->expr()->and(
+                        $searchConstraint,
+                        $queryBuilder->expr()->in(
+                            $table . '.' . $subSchemaDivisorFieldName,
+                            $queryBuilder->quoteArrayBasedValueListToStringList($fieldsSubSchemaTypes[$field->getName()])
+                        ),
+                    );
+                }
+
+                $constraints[] = $searchConstraint;
+            }
+        } elseif ($searchableFields->count() > 0) {
+            $like = $queryBuilder->quote('%' . $queryBuilder->escapeLikeWildcards($this->searchString) . '%');
+            foreach ($searchableFields as $field) {
+                $searchConstraint = $expressionBuilder->comparison(
+                    'LOWER(' . $queryBuilder->castFieldToTextType($table . '.' . $field->getName()) . ')',
+                    'LIKE',
+                    'LOWER(' . $like . ')'
+                );
+                // If this table has subtypes (e.g. tt_content.CType), we want to ensure that only CType that contain
+                // e.g. "bodytext" in their list of fields, to search through them. This is important when a field
+                // is filled but its type has been changed.
+                if ($subSchemaDivisorFieldName !== ''
+                    && isset($fieldsSubSchemaTypes[$field->getName()])
+                    && $fieldsSubSchemaTypes[$field->getName()] !== []
+                ) {
+                    // Using `IN()` with a string-value quoted list is fine for all database systems, even when
+                    // used on integer-typed fields and no additional work required here to mitigate something.
+                    $searchConstraint = $queryBuilder->expr()->and(
+                        $searchConstraint,
+                        $queryBuilder->expr()->in(
+                            $table . '.' . $subSchemaDivisorFieldName,
+                            $queryBuilder->quoteArrayBasedValueListToStringList($fieldsSubSchemaTypes[$field->getName()])
+                        ),
+                    );
+                }
+
+                $constraints[] = $searchConstraint;
+            }
+        }
+        // If no search field conditions have been built ensure no results are returned
+        if (empty($constraints)) {
+            return '0=1';
+        }
+
+        return (string)$expressionBuilder->or(...$constraints);
+    }
+
+    /**
+     * Returns the title (based on $label) of a table ($table) with the proper link around. For headers over tables.
+     * The link will cause the display of all extended mode or not for the table.
+     *
+     * @param string $table Table name
+     * @param string $label Table label
+     * @return string The linked table label
+     */
+    public function linkWrapTable(string $table, string $label): string
+    {
+        if ($this->table !== $table) {
+            $url = $this->listURL('', $table, ['pointer']);
+        } else {
+            $url = $this->listURL('', '', ['sortField', 'sortRev', 'table', 'pointer']);
+        }
+        return '<a href="' . htmlspecialchars((string)$url) . '">' . $label . '</a>';
+    }
+
+    /**
+     * Returns the title (based on $code) of a record (from table $table) with the proper link around (that is for 'pages'-records a link to the level of that record...)
+     *
+     * @param string $code Item title (not htmlspecialchars()'ed yet)
+     * @return string The item title. Ready for HTML output (is htmlspecialchars()'ed)
+     */
+    public function linkWrapItems(string $table, int $uid, string $code, RecordInterface $record): string
+    {
+        $lang = $this->getLanguageService();
+        $origCode = $code;
+        // If the title is blank, make a "no title" label:
+        if ((string)$code === '') {
+            $code = '<i>[' . htmlspecialchars(
+                $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.no_title')
+            ) . ']</i> - '
+                . htmlspecialchars(BackendUtility::getRecordTitle($table, $record));
+        } else {
+            $code = htmlspecialchars($code);
+        }
+        switch ($this->clickTitleMode) {
+            case 'edit':
+                // If the listed table is 'pages' we have to request the permission settings for each page:
+                if ($table === 'pages') {
+                    $localCalcPerms = $this->getPagePermissionsForRecord($record);
+                    $permsEdit = $localCalcPerms->editPagePermissionIsGranted();
+                } else {
+                    $backendUser = $this->getBackendUserAuthentication();
+                    $permsEdit = $this->calcPerms->editContentPermissionIsGranted() && $backendUser->checkRecordEditAccess($table, $record)->isAllowed;
+                }
+                // "Edit" link: ( Only if permissions to edit the page-record of the content of the parent page ($this->id)
+                if ($permsEdit && $this->isEditable($table)) {
+                    $params = [
+                        'edit' => [
+                            $table => [
+                                $record->getUid() => 'edit',
+                            ],
+                        ],
+                        'module' => $this->request->getAttribute('module')?->getIdentifier() ?? '',
+                        'returnUrl' => $this->listURL(),
+                    ];
+                    $editLink = (string)$this->uriBuilder->buildUriFromRoute('record_edit', $params);
+                    $label = htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:edit'));
+                    $code = '<a href="' . htmlspecialchars($editLink) . '"'
+                        . ' title="' . $label . '"'
+                        . ' aria-label="' . $label . '">'
+                        . $code . '</a>';
+                }
+                break;
+            case 'show':
+                // "Show" link
+                if (($attributes = $this->getPreviewUriBuilder($table, $record)->serializeDispatcherAttributes()) !== null) {
+                    $title = htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.showPage'));
+                    $code = '<button ' . $attributes
+                        . ' title="' . $title . '"'
+                        . ' aria-label="' . $title . '">'
+                        . $code . '</button>';
+                }
+                break;
+            case 'info':
+                // "Info": (All records)
+                $label = htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:showInfo'));
+                $code = '<a href="#" role="button"' // @todo add handler that triggers click on space key
+                    . $this->createShowItemTagAttributes($table . ',' . (int)$record->getUid())
+                    . ' title="' . $label . '"'
+                    . ' aria-label="' . $label . '"'
+                    . ' aria-haspopup="dialog">'
+                    . $code
+                    . '</a>';
+                break;
+            default:
+                // Output the label now:
+                if ($table === 'pages') {
+                    $code = '<a href="' . htmlspecialchars(
+                        (string)$this->listURL($uid, null, ['pointer'])
+                    ) . '">' . $code . '</a>';
+                } else {
+                    $code = $this->linkUrlMail($code, $origCode);
+                }
+        }
+        return $code;
+    }
+
+    /**
+     * Wrapping input code in link to URL or email if $testString is either.
+     *
+     * @param string $code code to wrap
+     * @param string $testString String which is tested for being a URL or email and which will be used for the link if so.
+     * @return string Link-Wrapped $code value, if $testString was URL or email.
+     */
+    protected function linkUrlMail(string $code, string $testString): string
+    {
+        // Check for URL:
+        $scheme = parse_url($testString, PHP_URL_SCHEME);
+        if ($scheme === 'http' || $scheme === 'https' || $scheme === 'ftp') {
+            return '<a href="' . htmlspecialchars($testString) . '" target="_blank">' . $code . '</a>';
+        }
+        // Check for email:
+        if (GeneralUtility::validEmail($testString)) {
+            return '<a href="mailto:' . htmlspecialchars($testString) . '" target="_blank">' . $code . '</a>';
+        }
+        // Return if nothing else...
+        return $code;
+    }
+
+    /**
+     * Creates the URL to this script, including all relevant GPvars
+     * Fixed GPvars are id, table, returnUrl, searchTerm, and search_levels
+     * The GPvars "sortField" and "sortRev" are also included UNLESS they are found in the $exclList variable.
+     *
+     * @param string|int|null $altId Alternative id value. Enter blank string for the current id ($this->id)
+     * @param string|null $table Table name to display. Use null for the current table.
+     * @param string|array|null $exclList List of fields NOT to include ("sortField", "sortRev" or "pointer")
+     */
+    public function listURL(string|int|null $altId = null, ?string $table = null, array|string|null $exclList = null): UriInterface
+    {
+        $urlParameters = [];
+        if ((string)$altId !== '') {
+            $urlParameters['id'] = $altId;
+        } else {
+            $urlParameters['id'] = $this->id;
+        }
+        $urlParameters['table'] = $table ?? $this->table;
+        if ($this->returnUrl) {
+            $urlParameters['returnUrl'] = $this->returnUrl;
+        }
+        if (!is_array($exclList)) {
+            $exclList = GeneralUtility::trimExplode(',', (string)$exclList, true);
+        }
+        if (($exclList === [] || !in_array('searchTerm', $exclList, true)) && $this->searchString) {
+            $urlParameters['searchTerm'] = $this->searchString;
+        }
+        if ($this->searchLevels) {
+            $urlParameters['search_levels'] = $this->searchLevels;
+        }
+        if (($exclList === [] || !in_array('pointer', $exclList, true)) && $this->page) {
+            $urlParameters['pointer'] = $this->page;
+        }
+        if (($exclList === [] || !in_array('sortField', $exclList, true)) && $this->sortField) {
+            $urlParameters['sortField'] = $this->sortField;
+        }
+        if (($exclList === [] || !in_array('sortRev', $exclList, true)) && $this->sortRev) {
+            $urlParameters['sortRev'] = $this->sortRev;
+        }
+        if ($exclList === [] || !in_array('languages', $exclList, true)) {
+            $urlParameters['languages'] = $this->getSelectedLanguageIds();
+        }
+
+        return $this->uriBuilder->buildUriFromRequest(
+            $this->request,
+            array_replace($urlParameters, $this->overrideUrlParameters)
+        );
+    }
+
+    /**
+     * Set URL parameters to override or add in the listUrl() method.
+     *
+     * @param array<string,mixed> $urlParameters
+     */
+    public function setOverrideUrlParameters(array $urlParameters, ServerRequestInterface $request): void
+    {
+        $currentUrlParameter = $request->getParsedBody()['curUrl'] ?? $request->getQueryParams()['curUrl'] ?? '';
+        if (isset($currentUrlParameter['url'])) {
+            $urlParameters['P']['currentValue'] = $currentUrlParameter['url'];
+        }
+        $this->overrideUrlParameters = $urlParameters;
+    }
+
+    /**
+     * Set table display order information
+     *
+     * Structure of $orderInformation:
+     *   'tableName' => [
+     *      'before' => // comma-separated string list or array of table names
+     *      'after' => // comma-separated string list or array of table names
+     * ]
+     *
+     * @param array $orderInformation
+     * @throws \UnexpectedValueException
+     */
+    public function setTableDisplayOrder(array $orderInformation): void
+    {
+        foreach ($orderInformation as $tableName => &$configuration) {
+            if (isset($configuration['before'])) {
+                if (is_string($configuration['before'])) {
+                    $configuration['before'] = GeneralUtility::trimExplode(',', $configuration['before'], true);
+                } elseif (!is_array($configuration['before'])) {
+                    throw new \UnexpectedValueException(
+                        'The specified "before" order configuration for table "' . $tableName . '" is invalid.',
+                        1504793406
+                    );
+                }
+            }
+            if (isset($configuration['after'])) {
+                if (is_string($configuration['after'])) {
+                    $configuration['after'] = GeneralUtility::trimExplode(',', $configuration['after'], true);
+                } elseif (!is_array($configuration['after'])) {
+                    throw new \UnexpectedValueException(
+                        'The specified "after" order configuration for table "' . $tableName . '" is invalid.',
+                        1504793407
+                    );
+                }
+            }
+        }
+        $this->tableDisplayOrder = $orderInformation;
+    }
+
+    public function getOverridePageIdList(): array
+    {
+        return $this->overridePageIdList;
+    }
+
+    /**
+     * @param int[]|array $overridePageIdList
+     */
+    public function setOverridePageIdList(array $overridePageIdList): void
+    {
+        $this->overridePageIdList = array_map(intval(...), $overridePageIdList);
+    }
+
+    /**
+     * Get all allowed mount pages to be searched in.
+     *
+     * @param int $id Page id
+     * @param int $depth Depth to go down
+     * @return int[]
+     */
+    protected function getSearchableWebmounts(int $id, int $depth): array
+    {
+        $runtimeCache = GeneralUtility::makeInstance(CacheManager::class)->getCache('runtime');
+        $hash = 'webmounts_list' . md5($id . '-' . $depth . '-' . $this->perms_clause);
+        $idList = $runtimeCache->get($hash);
+        if ($idList === false) {
+            $backendUser = $this->getBackendUserAuthentication();
+
+            if (!$backendUser->isAdmin() && $id === 0) {
+                $mountPoints = $backendUser->getWebmounts();
+            } else {
+                $mountPoints = [$id];
+            }
+            // Add the initial mount points to the pids
+            $idList = $mountPoints;
+            $repository = GeneralUtility::makeInstance(PageTreeRepository::class);
+            $repository->setAdditionalWhereClause($this->perms_clause);
+            $pages = $repository->getFlattenedPages($mountPoints, $depth);
+            foreach ($pages as $page) {
+                $idList[] = (int)$page['uid'];
+            }
+            $idList = array_unique($idList);
+            $runtimeCache->set($hash, $idList);
+        }
+
+        return $idList;
+    }
+
+    /**
+     * Add conditions to the QueryBuilder object ($queryBuilder) to limit a
+     * query to a list of page IDs based on the current search level setting.
+     *
+     * @return QueryBuilder Modified QueryBuilder object
+     */
+    protected function addPageIdConstraint(string $tableName, QueryBuilder $queryBuilder, int $searchLevels): QueryBuilder
+    {
+        // Set search levels to 999 instead of -1 as the following methods
+        // do not support -1 as valid value for infinite search.
+        if ($searchLevels === -1) {
+            $searchLevels = 999;
+        }
+
+        // When querying translated pages, the PID of the translated pages should be the same as the
+        // the PID of the current page
+        if ($tableName === 'pages' && $this->showOnlyTranslatedRecords) {
+            $pageRecord = BackendUtility::getRecordWSOL('pages', $this->id);
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->eq(
+                    $tableName . '.pid',
+                    $queryBuilder->createNamedParameter($pageRecord['pid'] ?? 0, Connection::PARAM_INT)
+                )
+            );
+        } elseif ($searchLevels === 0) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->eq(
+                    $tableName . '.pid',
+                    $queryBuilder->createNamedParameter($this->id, Connection::PARAM_INT)
+                )
+            );
+        } elseif ($searchLevels > 0) {
+            $allowedMounts = $this->getSearchableWebmounts($this->id, $searchLevels);
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->in(
+                    $tableName . '.pid',
+                    $queryBuilder->createNamedParameter($allowedMounts, Connection::PARAM_INT_ARRAY)
+                )
+            );
+        }
+
+        if (!empty($this->getOverridePageIdList())) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->in(
+                    $tableName . '.pid',
+                    $queryBuilder->createNamedParameter($this->getOverridePageIdList(), Connection::PARAM_INT_ARRAY)
+                )
+            );
+        }
+
+        return $queryBuilder;
+    }
+
+    protected function getBackendUserAuthentication(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    /**
+     * Returns a table-row with the content from the fields in the input data array.
+     * OBS: $this->fieldArray MUST be set! (represents the list of fields to display)
+     *
+     * @param array $data Is the data array, record with the fields. Notice: These fields are (currently) NOT htmlspecialchar'ed before being wrapped in <td>-tags
+     * @param string $rowParams Is insert in the <tr>-tags. Must carry a ' ' as first character
+     * @param string $colType Defines the tag being used for the columns. Default is td.
+     *
+     * @return string HTML content for the table row
+     */
+    protected function addElement($data, $rowParams = '', $colType = 'td')
+    {
+        $colType = ($colType === 'th') ? 'th' : 'td';
+        $dataUid = ($colType === 'td') ? ($data['uid'] ?? 0) : 0;
+        $l10nParent = $data['_l10nparent_'] ?? 0;
+        $out = '<tr ' . $rowParams . ' data-uid="' . $dataUid . '" data-l10nparent="' . $l10nParent . '" data-multi-record-selection-element="true">';
+
+        // Init rendering.
+        $colsp = '';
+        $lastKey = '';
+        $c = 0;
+        // __label is used as the label key to circumvent problems with uid used as label (see #67756)
+        // as it was introduced later on, check if it really exists before using it
+        $fields = $this->fieldArray;
+        if ($colType === 'td' && isset($data['__label'])) {
+            // The title label column does always follow the icon column. Since
+            // in some cases the first column - "_SELECTOR_" - might not be rendered,
+            // we always have to calculate the key by searching for the icon column.
+            $titleLabelKey = (int)(array_search('icon', $fields, true)) + 1;
+            $fields[$titleLabelKey] = '__label';
+        }
+        // Traverse field array which contains the data to present:
+        foreach ($fields as $vKey) {
+            if (isset($data[$vKey])) {
+                if ($lastKey) {
+                    $cssClass = $this->addElement_tdCssClass[$lastKey] ?? '';
+                    $out .= '
+						<' . $colType . ' class="' . $cssClass . ' nowrap' . '"' . $colsp . '>' . $data[$lastKey] . '</' . $colType . '>';
+                }
+                $lastKey = $vKey;
+                $c = 1;
+            } else {
+                if (!$lastKey) {
+                    $lastKey = $vKey;
+                }
+                $c++;
+            }
+            if ($c > 1) {
+                $colsp = ' colspan="' . $c . '"';
+            } else {
+                $colsp = '';
+            }
+        }
+        if ($lastKey) {
+            $cssClass = $this->addElement_tdCssClass[$lastKey] ?? '';
+            $out .= '
+				<' . $colType . ' class="' . $cssClass . ' nowrap' . '"' . $colsp . '>' . $data[$lastKey] . '</' . $colType . '>';
+        }
+        // End row
+        $out .= '
+		</tr>';
+        return $out;
+    }
+
+    /**
+     * Fetches all possible translations for the given page
+     *
+     * This depends on the site config and the current translations of the page record
+     * It is used to set the possible translations for all records excluding pages
+     *
+     * @param int $pageUid
+     * @return int[]
+     */
+    protected function getPossibleTranslations(int $pageUid): array
+    {
+        // Store languages that are included in the site configuration for the current page.
+        $availableSystemLanguageUids = array_keys($this->translateTools->getSystemLanguages($pageUid));
+        if ($availableSystemLanguageUids === []) {
+            return [];
+        }
+        $pagesSchema = $this->tcaSchemaFactory->get('pages');
+        if (!$pagesSchema->isLanguageAware()) {
+            return [];
+        }
+        // Look up page overlays:
+        $localizationParentField = $pagesSchema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName();
+        $languageField = $pagesSchema->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName();
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)
+            ->getQueryBuilderForTable('pages');
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUserAuthentication()->workspace));
+        $result = $queryBuilder
+            ->select('*')
+            ->from('pages')
+            ->where(
+                $queryBuilder->expr()->and(
+                    $queryBuilder->expr()->eq($localizationParentField, $queryBuilder->createNamedParameter($pageUid, Connection::PARAM_INT)),
+                    $queryBuilder->expr()->in($languageField, $queryBuilder->createNamedParameter($availableSystemLanguageUids, Connection::PARAM_INT_ARRAY)),
+                    $queryBuilder->expr()->gt(
+                        $languageField,
+                        $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                    )
+                )
+            )
+            ->executeQuery();
+        $allowedTranslationsOnPage = [];
+        while ($row = $result->fetchAssociative()) {
+            $allowedTranslationsOnPage[] = (int)$row[$languageField];
+        }
+        return $allowedTranslationsOnPage;
+    }
+
+    /**
+     * Return the icon for the language
+     *
+     * @return string Language icon
+     */
+    protected function languageFlag(string $table, RecordInterface $record): string
+    {
+        $schema = $this->tcaSchemaFactory->get($table);
+        $pageId = $record->getPid();
+        $languageUid = 0;
+        if ($schema->isLanguageAware()) {
+            if ($table === 'pages'
+                && ($transOrigPointerField = $schema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName())
+                && $record->getRawRecord()?->has($transOrigPointerField)
+            ) {
+                $pageId = $record->getRawRecord()->get($transOrigPointerField) ?: $record->getUid();
+            }
+            if (($languageField = $schema->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName()) && $record->getRawRecord()?->has($languageField)) {
+                $languageUid = $record->getRawRecord()->get($languageField);
+            }
+        }
+
+        $languageInformation = $this->translateTools->getSystemLanguages($pageId);
+        $title = htmlspecialchars($languageInformation[$languageUid]['title'] ?? '');
+        $indent = !$this->showOnlyTranslatedRecords && $this->isLocalized($record) ? '<span class="indent indent-inline-block" style="--indent-level: 1"></span> ' : '';
+        if ($languageInformation[$languageUid]['flagIcon'] ?? false) {
+            return $indent . $this->iconFactory
+                ->getIcon($languageInformation[$languageUid]['flagIcon'], IconSize::SMALL)
+                ->setTitle($title)
+                ->render() . ' ' . $title;
+        }
+        return $title;
+    }
+
+    /**
+     * Generates HTML code for a Reference tooltip out of
+     * sys_refindex records you hand over
+     */
+    protected function generateReferenceToolTip(string $table, int $uid): string
+    {
+        $numberOfReferences = $this->getReferenceCount($table, $uid);
+        if (!$numberOfReferences) {
+            $htmlCode = '<button type="button" class="btn btn-default" disabled><span style="display:inline-block;min-width:16px">-</span></button>';
+        } else {
+            $showReferences = $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:show_references');
+            $htmlCode = '<button type="button"'
+                . ' class="btn btn-default"'
+                . ' aria-haspopup="dialog"'
+                . ' ' . $this->createShowItemTagAttributes($table . ',' . $uid)
+                . ' title="' . htmlspecialchars($showReferences) . ' (' . $numberOfReferences . ')' . '">'
+                . '<span style="display:inline-block;min-width:16px">'
+                . $numberOfReferences
+                . '<span class="visually-hidden">' . $showReferences . '</span>'
+                . '</span>'
+                . '</button>';
+        }
+        return $htmlCode;
+    }
+
+    /**
+     * Render convenience actions, such as "check all"
+     *
+     * @return string HTML markup for the checkbox actions
+     */
+    protected function renderCheckboxActions(): string
+    {
+        $lang = $this->getLanguageService();
+
+        $dropdownItems['checkAll'] = '
+            <li>
+                <button type="button" class="dropdown-item" disabled data-multi-record-selection-check-action="check-all" title="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.checkAll')) . '">
+                    ' . $this->iconFactory->getIcon('actions-selection-elements-all', IconSize::SMALL)->render() . '
+                    ' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.checkAll')) . '
+                </button>
+            </li>';
+
+        $dropdownItems['checkNone'] = '
+            <li>
+                <button type="button" class="dropdown-item" disabled data-multi-record-selection-check-action="check-none" title="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.uncheckAll')) . '">
+                    ' . $this->iconFactory->getIcon('actions-selection-elements-none', IconSize::SMALL)->render() . '
+                    ' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.uncheckAll')) . '
+                </button>
+            </li>';
+
+        $dropdownItems['toggleSelection'] = '
+            <li>
+                <button type="button" class="dropdown-item" disabled data-multi-record-selection-check-action="toggle" title="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.toggleSelection')) . '">
+                    ' . $this->iconFactory->getIcon('actions-selection-elements-invert', IconSize::SMALL)->render() . '
+                    ' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.toggleSelection')) . '
+                </button>
+            </li>';
+
+        return '
+            <div class="dropdown">
+                <button type="button" class="dropdown-toggle dropdown-toggle-link t3js-multi-record-selection-check-actions-toggle" data-bs-toggle="dropdown" data-bs-boundary="window" aria-expanded="false" aria-label="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.openSelectionOptions')) . '">
+                    ' . $this->iconFactory->getIcon('actions-selection', IconSize::SMALL) . '
+                </button>
+                <ul class="dropdown-menu t3js-multi-record-selection-check-actions">
+                    ' . implode(PHP_EOL, $dropdownItems) . '
+                </ul>
+            </div>';
+    }
+
+    /**
+     * Render the multi record selection actions, which are shown as soon as one record is selected
+     */
+    protected function renderMultiRecordSelectionActions(string $table, array $currentIdList): string
+    {
+        $actions = [];
+        $lang = $this->getLanguageService();
+        $schema = $this->tcaSchemaFactory->get($table);
+        $userTsConfig = $this->getBackendUserAuthentication()->getTSConfig();
+        $addClipboardActions = $this->showClipboardActions && $this->isClipboardFunctionalityEnabled($table);
+        $editPermission = (
+            ($table === 'pages') ? $this->calcPerms->editPagePermissionIsGranted() : $this->calcPerms->editContentPermissionIsGranted()
+        ) && $this->overlayEditLockPermissions($table);
+
+        // Add actions in case table can be modified by the current user
+        if ($editPermission && $this->isEditable($table)) {
+            $editActionConfiguration = [
+                'idField' => 'uid',
+                'tableName' => $table,
+                'returnUrl' => (string)$this->listURL(),
+            ];
+            $actions['edit'] = '
+                <div class="btn-group">
+                    <button
+                        type="button"
+                        title="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.edit')) . '"
+                        class="btn btn-sm btn-default"
+                        data-multi-record-selection-action="edit"
+                        data-multi-record-selection-action-config="' . GeneralUtility::jsonEncodeForHtmlAttribute($editActionConfiguration) . '"
+                    >
+                        ' . $this->iconFactory->getIcon('actions-document-open', IconSize::SMALL)->render() . '
+                        ' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.edit')) . '
+                    </button>
+                    <button
+                        type="button"
+                        title="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.editColumns')) . '"
+                        class="btn btn-sm btn-default"
+                        data-multi-record-selection-action="edit"
+                        data-multi-record-selection-action-config="' . GeneralUtility::jsonEncodeForHtmlAttribute(array_merge($editActionConfiguration, ['columnsOnly' => array_values($this->getColumnsToRender($table, false))])) . '"
+                    >
+                        ' . $this->iconFactory->getIcon('actions-document-open', IconSize::SMALL)->render() . '
+                        ' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.editColumns')) . '
+                    </button>
+                </div>';
+
+            if (!(bool)trim((string)($userTsConfig['options.']['disableDelete.'][$table] ?? $userTsConfig['options.']['disableDelete'] ?? ''))) {
+                $deleteActionConfiguration = GeneralUtility::jsonEncodeForHtmlAttribute([
+                    'idField' => 'uid',
+                    'tableName' => $table,
+                    'ok' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:button.delete'),
+                    'cancel' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:button.cancel'),
+                    'title' => $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:clip_deleteMarked'),
+                    'content' => sprintf($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:clip_deleteMarkedWarning'), $schema->getTitle($lang->sL(...))),
+                ], true);
+                $actions['delete'] = '
+                    <button
+                        type="button"
+                        title="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.delete')) . '"
+                        class="btn btn-sm btn-default"
+                        data-multi-record-selection-action="delete"
+                        data-multi-record-selection-action-config="' . $deleteActionConfiguration . '"
+                        aria-haspopup="dialog"
+                    >
+                        ' . $this->iconFactory->getIcon('actions-edit-delete', IconSize::SMALL)->render() . '
+                        ' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.delete')) . '
+                    </button>';
+            }
+        }
+
+        // Add clipboard actions in case they  are enabled and clipboard is not deactivated
+        if ($addClipboardActions && (string)($this->modTSconfig['enableClipBoard'] ?? '') !== 'deactivated' && $this->clipObj->current !== 'normal') {
+            $copyMarked = '
+                <button type="button"
+                    class="btn btn-sm btn-default"
+                    title="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.transferToClipboard')) . '"
+                    data-multi-record-selection-action="copyMarked"
+                >
+                    ' . $this->iconFactory->getIcon('actions-edit-copy', IconSize::SMALL)->render() . '
+                    ' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.transferToClipboard')) . '
+                </button>';
+            $removeMarked = '
+                <button type="button"
+                    class="btn btn-sm btn-default"
+                    title="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.removeFromClipboard')) . '"
+                    data-multi-record-selection-action="removeMarked"
+                >
+                    ' . $this->iconFactory->getIcon('actions-minus', IconSize::SMALL)->render() . '
+                    ' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.removeFromClipboard')) . '
+                </button>';
+            // Add "copy marked" after "edit", or in case "edit" is not set, as first item
+            if (!isset($actions['edit'])) {
+                $actions = array_merge(['copyMarked' => $copyMarked], $actions);
+            } else {
+                $end = array_splice($actions, (int)(array_search('edit', array_keys($actions), true)) + 1);
+                $actions = array_merge($actions, ['copyMarked' => $copyMarked, 'removeMarked' => $removeMarked], $end);
+            }
+        }
+
+        $event = $this->eventDispatcher->dispatch(
+            new ModifyRecordListTableActionsEvent($actions, $table, $currentIdList, $this)
+        );
+        /** @var array<string, string> $actions */
+        $actions = $event->getActions();
+
+        if ($actions === []) {
+            // In case the user does not have permissions to execute on of the above
+            // actions or a hook removed all remaining actions, inform the user about this.
+            return '
+                <span class="badge badge-info">
+                    ' . htmlspecialchars($lang->sL($event->getNoActionLabel() ?: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.noActionAvailable')) . '
+                </span>
+                ';
+        }
+
+        return implode(LF, $actions);
+    }
+
+    /**
+     * If enabled, only translations are shown (= only with l10n_parent)
+     * See the use case in RecordList class, where a list of page translations is rendered before.
+     */
+    public function showOnlyTranslatedRecords(bool $showOnlyTranslatedRecords): void
+    {
+        $this->showOnlyTranslatedRecords = $showOnlyTranslatedRecords;
+    }
+
+    /**
+     * Creates data attributes to be handles in moddule `TYPO3/CMS/Backend/ActionDispatcher`
+     */
+    protected function createShowItemTagAttributes(string $arguments): string
+    {
+        return GeneralUtility::implodeAttributes([
+            'data-dispatch-action' => 'TYPO3.InfoWindow.showItem',
+            'data-dispatch-args-list' => $arguments,
+        ], true);
+    }
+
+    /**
+     * Creates data attributes to be handles in moddule `TYPO3/CMS/Backend/ActionDispatcher`
+     */
+    protected function createShowItemTagAttributesArray(string $arguments): array
+    {
+        return [
+            'data-dispatch-action' => 'TYPO3.InfoWindow.showItem',
+            'data-dispatch-args-list' => $arguments,
+        ];
+    }
+
+    protected function getFieldLabel(TcaSchema $schema, string $field): string
+    {
+        $table = $schema->getName();
+        // Check if $field is really a field and get the label and remove the colons at the end
+        if ($schema->hasField($field) && $schema->getField($field)->getLabel()) {
+            $label = $schema->getField($field)->getLabel();
+            $tsConfig = BackendUtility::getPagesTSconfig($this->id)['TCEFORM.'][$table . '.'] ?? null;
+            $tsConfigForTable = is_array($tsConfig) ? $tsConfig : null;
+            $tsConfigForField = isset($tsConfigForTable[$field . '.']) && is_array($tsConfigForTable[$field . '.'])
+                ? $tsConfigForTable[$field . '.']
+                : [];
+            $label = $this->getLanguageService()->translateLabel(
+                $tsConfigForField['label.'] ?? [],
+                $tsConfigForField['label'] ?? $label
+            );
+            $label = htmlspecialchars(rtrim(trim($label), ':'));
+        } elseif ($specialLabel = $this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.' . $field)) {
+            // Special label exists for this field (Probably a management field, e.g. sorting)
+            $label = htmlspecialchars($specialLabel);
+        } else {
+            // No TCA field, only output the $field variable with square brackets []
+            $label = '[' . rtrim(trim(htmlspecialchars($field)), ':') . ']';
+        }
+
+        return $label;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    public function setLanguagesAllowedForUser(array $languagesAllowedForUser): DatabaseRecordList
+    {
+        $this->languagesAllowedForUser = $languagesAllowedForUser;
+        return $this;
+    }
+
+    protected function isLocalized(RecordInterface $record): bool
+    {
+        if ($record instanceof Record) {
+            return $record->getLanguageId() > 0 && $record->getLanguageInfo()?->getTranslationParent() > 0;
+        }
+        $schema = $this->tcaSchemaFactory->get($record->getMainType());
+        if ($schema->isLanguageAware() && ($rawRecord = $record->getRawRecord()) !== null) {
+            $languageFieldName = $schema->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName();
+            $transPointerFieldName = $schema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName();
+            return $rawRecord->has($languageFieldName)
+                && $rawRecord->get($languageFieldName) > 0
+                && $rawRecord->has($transPointerFieldName)
+                && $rawRecord->get($transPointerFieldName) > 0;
+        }
+        return false;
+    }
+
+    /**
+     * Check whether the clipboard functionality is generally enabled.
+     * In case a row is given, this checks if the record is neither
+     * a "delete placeholder", nor a translation, nor a version
+     */
+    protected function isClipboardFunctionalityEnabled(string $table, ?RecordInterface $record = null): bool
+    {
+        $schema = $this->tcaSchemaFactory->get($table);
+        $transOrigPointerFieldName = $schema->isLanguageAware() ? $schema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName() : '';
+        return $this->clipObj !== null
+            && ($table !== 'pages' || !$this->showOnlyTranslatedRecords)
+            && (
+                $record === null
+                || (
+                    !$this->isRecordDeletePlaceholder($record)
+                    && (!$transOrigPointerFieldName || ($record->getRawRecord()?->has($transOrigPointerFieldName) && (int)($record->getRawRecord()->get($transOrigPointerFieldName) === 0)))
+                )
+            )
+            && ($schema->isWorkspaceAware() || $this->getBackendUserAuthentication()->workspaceAllowsLiveEditingInTable($table));
+    }
+
+    /**
+     * Get selected language IDs with fallback chain:
+     * 1. PageContext (if available) - preferred source
+     * 2. ModuleData 'languages' setting - backward compatibility
+     * 3. Default language [0] - last resort
+     *
+     * @return int[]
+     */
+    protected function getSelectedLanguageIds(): array
+    {
+        // Try PageContext first (preferred)
+        if ($this->pageContext !== null) {
+            return $this->pageContext->selectedLanguageIds;
+        }
+
+        // Fall back to ModuleData for backward compatibility
+        if ($this->moduleData instanceof ModuleData) {
+            if ($this->moduleData->has('languages')) {
+                $languages = $this->moduleData->get('languages');
+                if (is_array($languages) && !empty($languages)) {
+                    return $languages;
+                }
+            } elseif ($this->moduleData->has('language')) {
+                // Backward compat: old single 'language' parameter
+                $language = $this->moduleData->get('language');
+                if ($language !== null) {
+                    return [(int)$language];
+                }
+            }
+        }
+
+        return [0];
+    }
+}
diff --git a/Classes/RecordList/DownloadPreset.php b/Classes/RecordList/DownloadPreset.php
new file mode 100644
index 0000000..43f8fe7
--- /dev/null
+++ b/Classes/RecordList/DownloadPreset.php
@@ -0,0 +1,68 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\RecordList;
+
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+final class DownloadPreset
+{
+    public function __construct(
+        private readonly string $label,
+        private readonly array $columns,
+        private string $identifier = '',
+    ) {
+        $this->identifier = $identifier ?: md5($label . implode($columns));
+    }
+
+    public function getIdentifier(): string
+    {
+        return $this->identifier;
+    }
+
+    public function getLabel(): string
+    {
+        return $this->label;
+    }
+
+    public function getColumns(): array
+    {
+        return $this->columns;
+    }
+
+    public static function create(array $preset): self
+    {
+        $label = $preset['label'] ?? '';
+
+        if (is_array($preset['columns'] ?? null)) {
+            $columns = $preset['columns'];
+        } else {
+            $columns = GeneralUtility::trimExplode(',', $preset['columns'] ?? '', true);
+        }
+
+        // Presets with empty columns or empty label are ignored
+        if ($columns === [] || $label === '') {
+            throw new \InvalidArgumentException('Invalid download preset.', 1718195273);
+        }
+
+        return new self(
+            $label,
+            $columns,
+            $preset['identifier'] ?? '',
+        );
+    }
+}
diff --git a/Classes/RecordList/DownloadRecordList.php b/Classes/RecordList/DownloadRecordList.php
new file mode 100644
index 0000000..2058d12
--- /dev/null
+++ b/Classes/RecordList/DownloadRecordList.php
@@ -0,0 +1,135 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\RecordList;
+
+use TYPO3\CMS\Backend\Configuration\TranslationConfigurationProvider;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+
+/**
+ * Fetches all records like in the records module but returns them as array in order to allow
+ * downloads (e.g. CSV) in the Controller with prepared data.
+ *
+ * This class acts as a composition-based wrapper for DatabaseRecordList for creating records
+ * ready to be downloaded.
+ *
+ * @internal this class is not part of the TYPO3 Core API due to its nature as being a wrapper for DatabaseRecordList and a very specific implementation.
+ */
+class DownloadRecordList
+{
+    public function __construct(
+        protected DatabaseRecordList $recordList,
+        protected TranslationConfigurationProvider $translationConfigurationProvider,
+        protected TcaSchemaFactory $tcaSchemaFactory
+    ) {}
+
+    /**
+     * Add header line with field names.
+     *
+     * @param string[] $columnsToRender
+     * @return array the columns to be used / shown.
+     */
+    public function getHeaderRow(array $columnsToRender): array
+    {
+        // @todo: array_combine() was used in the initial revision already,
+        //        probably to filter out illegal values? Looks odd, but may be due to CSV quirks?
+        return array_combine($columnsToRender, $columnsToRender);
+    }
+
+    /**
+     * Fetches records including translations (if not hidden) from the database in the specified order given by
+     * DatabaseRecordList and returns the prepared records ready to be rendered.
+     *
+     * @param string $table the TCA table
+     * @param string[] $columnsToRender
+     * @param BackendUserAuthentication $backendUser the current backend user needed to check for permissions
+     * @param bool $rawValues Whether the field values should not be processed
+     * @return array[] an array of rows ready to be output
+     */
+    public function getRecords(
+        string $table,
+        array $columnsToRender,
+        BackendUserAuthentication $backendUser,
+        bool $hideTranslations = false,
+        bool $rawValues = false
+    ): array {
+        // Creating the list of fields to include in the SQL query
+        $selectFields = $this->recordList->getFieldsToSelect($table, $columnsToRender);
+        $queryResult = $this->recordList->getQueryBuilder($table, $selectFields)->executeQuery();
+        $schema = $this->tcaSchemaFactory->get($table);
+        $result = [];
+        $languageField = $schema->isLanguageAware() ? $schema->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName() : null;
+        // Render items
+        while ($row = $queryResult->fetchAssociative()) {
+            // In offline workspace, look for alternative record
+            BackendUtility::workspaceOL($table, $row, $backendUser->workspace, true);
+            if (!is_array($row)) {
+                continue;
+            }
+            $result[] = $this->prepareRow($table, $row, $columnsToRender, $rawValues);
+            if (!$schema->isLanguageAware()) {
+                continue;
+            }
+            if ($hideTranslations) {
+                continue;
+            }
+            // Guard clause so we can quickly return if a record is localized to "all languages"
+            // It should only be possible to localize a record off default (uid 0)
+            if ((int)$row[$languageField] === -1) {
+                continue;
+            }
+            $translationsRaw = $this->translationConfigurationProvider->translationInfo($table, $row['uid'], 0, $row, $selectFields);
+            foreach ($translationsRaw['translations'] ?? [] as $languageId => $translationRow) {
+                // In offline workspace, look for alternative record
+                BackendUtility::workspaceOL($table, $translationRow, $backendUser->workspace, true);
+                if (is_array($translationRow) && $backendUser->checkLanguageAccess($languageId)) {
+                    $result[] = $this->prepareRow($table, $translationRow, $columnsToRender, $rawValues);
+                }
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * Prepares a DB row to process the values and maps the values to the columns to render
+     * to have the same output.
+     *
+     * @param string $table Table name
+     * @param array $row Current record
+     * @param string[] $columnsToRender the columns to be displayed / downloaded
+     * @param bool $rawValues Whether the field values should not be processed
+     * @return array the prepared row
+     */
+    protected function prepareRow(string $table, array $row, array $columnsToRender, bool $rawValues): array
+    {
+        $schema = $this->tcaSchemaFactory->get($table);
+        $labelFieldName = $schema->getCapability(TcaSchemaCapability::Label)->getPrimaryFieldName() ?? '';
+        foreach ($columnsToRender as $columnName) {
+            if (!$rawValues) {
+                if ($columnName === $labelFieldName) {
+                    $row[$columnName] = BackendUtility::getRecordTitle($table, $row);
+                } elseif ($columnName !== 'pid') {
+                    $row[$columnName] = BackendUtility::getProcessedValueExtra($table, $columnName, $row[$columnName], 0, $row['uid'], false, 0, $row);
+                }
+            }
+        }
+        return array_intersect_key($row, array_flip($columnsToRender));
+    }
+}
diff --git a/Classes/RecordList/ElementBrowserRecordList.php b/Classes/RecordList/ElementBrowserRecordList.php
new file mode 100644
index 0000000..e7ab112
--- /dev/null
+++ b/Classes/RecordList/ElementBrowserRecordList.php
@@ -0,0 +1,127 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\RecordList;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\DataHandling\TableColumnType;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Resource\Filter\FileExtensionFilter;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Displays the page tree for browsing database records.
+ */
+#[Autoconfigure(public: true, shared: false)]
+class ElementBrowserRecordList extends DatabaseRecordList
+{
+    /**
+     * Table name of the field pointing to this element browser
+     */
+    protected string $relatingTable = '';
+
+    /**
+     * Field name of the field pointing to this element browser
+     */
+    protected string $relatingField = '';
+
+    /**
+     * Returns the title (based on $code) of a record (from table $table) with the proper link around (that is for "pages"-records a link to the level of that record...)
+     */
+    public function linkWrapItems(string $table, int $uid, string $code, RecordInterface $record): string
+    {
+        $row = $record->getRawRecord()->toArray();
+        if (!$code) {
+            $code = '<i>[' . htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.no_title')) . ']</i>';
+        } else {
+            $code = BackendUtility::getRecordTitlePrep($code);
+        }
+        $title = BackendUtility::getRecordTitle($table, $row);
+
+        $ATag = '<a href="#" data-close="0" title="' . htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:addToList')) . '">';
+        $ATag_alt = '<a href="#" data-close="1" title="' . htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:addToList')) . '">';
+        $ATag_e = '</a>';
+        $out = '<span data-uid="' . htmlspecialchars($row['uid']) . '" data-table="' . htmlspecialchars($table) . '" data-title="' . htmlspecialchars($title) . '">';
+        $out .= $ATag . $this->iconFactory->getIcon('actions-plus', IconSize::SMALL)->render() . $ATag_e . $ATag_alt . $code . $ATag_e;
+        $out .= '</span>';
+
+        return $out;
+    }
+
+    /**
+     * Check if all row listing conditions are fulfilled.
+     *
+     * @param RecordInterface $record Record
+     * @return bool True, if all conditions are fulfilled.
+     */
+    protected function isRowListingConditionFulfilled(RecordInterface $record): bool
+    {
+        $table = $record->getMainType();
+        $returnValue = true;
+        if (!$this->relatingField) {
+            return true;
+        }
+        if (!$this->relatingTable) {
+            return true;
+        }
+        $schema = $this->tcaSchemaFactory->get($this->relatingTable);
+        $field = $schema->getField($this->relatingField);
+        $tcaFieldConfig = $field->getConfiguration();
+        foreach ($tcaFieldConfig['filter'] ?? [] as $filter) {
+            if (!$filter['userFunc']) {
+                continue;
+            }
+            $parameters = $filter['parameters'] ?? [];
+            $parameters['values'] = [$table . '_' . $record->getUid()];
+            $parameters['tcaFieldConfig'] = $tcaFieldConfig;
+            $valueArray = GeneralUtility::callUserFunction($filter['userFunc'], $parameters, $this);
+            if (empty($valueArray)) {
+                $returnValue = false;
+            }
+        }
+        if ($field->isType(TableColumnType::FILE)) {
+            /** @var FileExtensionFilter $fileExtensionFilter */
+            $fileExtensionFilter = GeneralUtility::makeInstance(FileExtensionFilter::class);
+            $valueArray = $fileExtensionFilter->filter(
+                [$table . '_' . $record->getUid()],
+                (string)($tcaFieldConfig['allowed'] ?? ''),
+                (string)($tcaFieldConfig['disallowed'] ?? ''),
+            );
+            if ($valueArray === []) {
+                $returnValue = false;
+            }
+        }
+        return $returnValue;
+    }
+
+    /**
+     * Set which pointing field (in the TCEForm) we are currently rendering the element browser for
+     *
+     * @param string $tableName Table name
+     * @param string $fieldName Field name
+     */
+    public function setRelatingTableAndField(string $tableName, string $fieldName): void
+    {
+        // Check validity of the input data
+        if ($this->tcaSchemaFactory->has($tableName)) {
+            $this->relatingTable = $tableName;
+            if ($this->tcaSchemaFactory->get($tableName)->hasField($fieldName)) {
+                $this->relatingField = $fieldName;
+            }
+        }
+    }
+}
diff --git a/Classes/RecordList/Event/AfterRecordListRowPreparedEvent.php b/Classes/RecordList/Event/AfterRecordListRowPreparedEvent.php
new file mode 100644
index 0000000..beb7705
--- /dev/null
+++ b/Classes/RecordList/Event/AfterRecordListRowPreparedEvent.php
@@ -0,0 +1,82 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\RecordList\Event;
+
+use TYPO3\CMS\Backend\RecordList\DatabaseRecordList;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+
+/**
+ * An event to modify the record data for a table in the RecordList.
+ */
+final class AfterRecordListRowPreparedEvent
+{
+    public function __construct(
+        private readonly string $table,
+        private readonly RecordInterface $record,
+        private array $data,
+        private readonly DatabaseRecordList $recordList,
+        private readonly ?string $recTitle,
+        private readonly array|bool $lockInfo,
+        private array $tagAttributes,
+    ) {}
+
+    public function getTable(): string
+    {
+        return $this->table;
+    }
+
+    public function getRecord(): RecordInterface
+    {
+        return $this->record;
+    }
+
+    public function getData(): array
+    {
+        return $this->data;
+    }
+
+    public function setData(array $data): void
+    {
+        $this->data = $data;
+    }
+
+    public function getRecTitle(): ?string
+    {
+        return $this->recTitle;
+    }
+
+    public function getLockInfo(): bool|array
+    {
+        return $this->lockInfo;
+    }
+
+    public function getRecordList(): DatabaseRecordList
+    {
+        return $this->recordList;
+    }
+
+    public function getTagAttributes(): array
+    {
+        return $this->tagAttributes;
+    }
+
+    public function setTagAttributes(array $tagAttributes): void
+    {
+        $this->tagAttributes = $tagAttributes;
+    }
+}
diff --git a/Classes/RecordList/Event/BeforeRecordDownloadIsExecutedEvent.php b/Classes/RecordList/Event/BeforeRecordDownloadIsExecutedEvent.php
new file mode 100644
index 0000000..da1fca5
--- /dev/null
+++ b/Classes/RecordList/Event/BeforeRecordDownloadIsExecutedEvent.php
@@ -0,0 +1,111 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\RecordList\Event;
+
+use Psr\Http\Message\ServerRequestInterface;
+
+/**
+ * Listeners to this event are able to manipulate the download of records, usually triggered via Content > Record.
+ */
+final class BeforeRecordDownloadIsExecutedEvent
+{
+    /**
+     * @param array $headerRow - Array of downloaded header metadata
+     * @param array $records - Array of the actual data
+     * @param ServerRequestInterface $request - PSR request context (for the actual download request)
+     * @param string $table - Name of the originating database table
+     * @param string $format - Format of the exported data (JSON/CSV)
+     * @param string $filename - Name of the exported file for download
+     * @param int $id - Page uid from where records are fetched
+     * @param array $modTSconfig - Currently applied TS config when exporting
+     * @param array $columnsToRender - Array of selected columns that were fetched
+     * @param bool $hideTranslations - Hide translations?
+     */
+    public function __construct(
+        private array $headerRow,
+        private array $records,
+        private readonly ServerRequestInterface $request,
+        private readonly string $table,
+        private readonly string $format,
+        private readonly string $filename,
+        private readonly int $id,
+        private readonly array $modTSconfig,
+        private readonly array $columnsToRender,
+        private readonly bool $hideTranslations,
+    ) {}
+
+    public function getHeaderRow(): array
+    {
+        return $this->headerRow;
+    }
+
+    public function setHeaderRow(array $headerRow): void
+    {
+        $this->headerRow = $headerRow;
+    }
+
+    public function getRecords(): array
+    {
+        return $this->records;
+    }
+
+    public function setRecords(array $records): void
+    {
+        $this->records = $records;
+    }
+
+    public function getRequest(): ServerRequestInterface
+    {
+        return $this->request;
+    }
+
+    public function getTable(): string
+    {
+        return $this->table;
+    }
+
+    public function getFormat(): string
+    {
+        return $this->format;
+    }
+
+    public function getFilename(): string
+    {
+        return $this->filename;
+    }
+
+    public function getId(): int
+    {
+        return $this->id;
+    }
+
+    public function getModTSconfig(): array
+    {
+        return $this->modTSconfig;
+    }
+
+    public function getColumnsToRender(): array
+    {
+        return $this->columnsToRender;
+    }
+
+    public function isHideTranslations(): bool
+    {
+        return $this->hideTranslations;
+    }
+}
diff --git a/Classes/RecordList/Event/BeforeRecordDownloadPresetsAreDisplayedEvent.php b/Classes/RecordList/Event/BeforeRecordDownloadPresetsAreDisplayedEvent.php
new file mode 100644
index 0000000..55c34d8
--- /dev/null
+++ b/Classes/RecordList/Event/BeforeRecordDownloadPresetsAreDisplayedEvent.php
@@ -0,0 +1,90 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\RecordList\Event;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\RecordList\DownloadPreset;
+
+/**
+ * Event to manipulate the available list of download presets.
+ *
+ * Array $presets contains a list of DownloadPreset objects
+ * with their methods: `getIdentifier()`, `getLabel()` and `getColumns()`.
+ *
+ * The event is always coupled to a specific database table.
+ */
+final class BeforeRecordDownloadPresetsAreDisplayedEvent
+{
+    /** @var DownloadPreset[]  */
+    private array $presets;
+
+    /**
+     * @param string $table - Name of the originating database table
+     * @param array<string|int, array{columns: string|string[]|null, label: string|null}> $presets - Contains list of sub-arrays with keys "label" (string, name of the preset) and "columns" (string, comma-separated list of columns included in the preset)
+     * @param ServerRequestInterface $request - Request-context of the action that displays the preset
+     * @param int $id - Page ID where the records are stored
+     */
+    public function __construct(
+        private readonly string $table,
+        array $presets,
+        private readonly ServerRequestInterface $request,
+        private readonly int $id,
+    ) {
+        $this->setPresets($presets);
+    }
+
+    /**
+     * @return DownloadPreset[]
+     */
+    public function getPresets(): array
+    {
+        return $this->presets;
+    }
+
+    public function setPresets(array $presets): void
+    {
+        $this->presets = [];
+        foreach ($presets as $preset) {
+            if (is_array($preset)) {
+                try {
+                    $preset = DownloadPreset::create($preset);
+                } catch (\InvalidArgumentException) {
+                    continue;
+                }
+            }
+            if ($preset instanceof DownloadPreset) {
+                $this->presets[$preset->getIdentifier()] = $preset;
+            }
+        }
+    }
+
+    public function getDatabaseTable(): string
+    {
+        return $this->table;
+    }
+
+    public function getRequest(): ServerRequestInterface
+    {
+        return $this->request;
+    }
+
+    public function getId(): int
+    {
+        return $this->id;
+    }
+}
diff --git a/Classes/RecordList/Event/ModifyRecordListHeaderColumnsEvent.php b/Classes/RecordList/Event/ModifyRecordListHeaderColumnsEvent.php
new file mode 100644
index 0000000..5e108df
--- /dev/null
+++ b/Classes/RecordList/Event/ModifyRecordListHeaderColumnsEvent.php
@@ -0,0 +1,136 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\RecordList\Event;
+
+use TYPO3\CMS\Backend\RecordList\DatabaseRecordList;
+
+/**
+ * An event to modify the header columns for a table in the RecordList
+ */
+final class ModifyRecordListHeaderColumnsEvent
+{
+    /**
+     * Additional header attributes for the table header row
+     *
+     * @var string[]
+     */
+    private array $headerAttributes = [];
+
+    /**
+     * @param array<int> $recordIds
+     */
+    public function __construct(
+        private array $columns,
+        private readonly string $table,
+        private readonly array $recordIds,
+        private readonly DatabaseRecordList $recordList
+    ) {}
+
+    /**
+     * Add a new column or override an existing one. Latter is only possible,
+     * in case $columnName is given. Otherwise, the column will be added with
+     * a numeric index, which is generally not recommended.
+     *
+     * Note: Due to the behaviour of DatabaseRecordList, just adding a column
+     * does not mean that it is also displayed. The internal $fieldArray needs
+     * to be adjusted as well. This method only adds the column to the data array.
+     * Therefore, this method should mainly be used to edit existing columns, e.g.
+     * change their label.
+     */
+    public function setColumn(string $column, string $columnName = ''): void
+    {
+        if ($columnName !== '') {
+            $this->columns[$columnName] = $column;
+        } else {
+            $this->columns[] = $column;
+        }
+    }
+
+    /**
+     * Whether the column exists
+     */
+    public function hasColumn(string $columnName): bool
+    {
+        return (bool)($this->columns[$columnName] ?? false);
+    }
+
+    /**
+     * Get column by its name
+     *
+     * @return string|null The column or NULL if the column does not exist
+     */
+    public function getColumn(string $columnName): ?string
+    {
+        return $this->columns[$columnName] ?? null;
+    }
+
+    /**
+     * Remove column by its name
+     *
+     * @return bool Whether the column could be removed - Will therefore
+     *              return FALSE if the column to remove does not exist.
+     */
+    public function removeColumn(string $columnName): bool
+    {
+        if (!isset($this->columns[$columnName])) {
+            return false;
+        }
+        unset($this->columns[$columnName]);
+        return true;
+    }
+
+    public function setColumns(array $columns): void
+    {
+        $this->columns = $columns;
+    }
+
+    public function getColumns(): array
+    {
+        return $this->columns;
+    }
+
+    public function setHeaderAttributes(array $headerAttributes): void
+    {
+        $this->headerAttributes = $headerAttributes;
+    }
+
+    public function getHeaderAttributes(): array
+    {
+        return $this->headerAttributes;
+    }
+
+    public function getTable(): string
+    {
+        return $this->table;
+    }
+
+    public function getRecordIds(): array
+    {
+        return $this->recordIds;
+    }
+
+    /**
+     * Returns the current DatabaseRecordList instance.
+     *
+     * @todo Might be replaced by a DTO in the future
+     */
+    public function getRecordList(): DatabaseRecordList
+    {
+        return $this->recordList;
+    }
+}
diff --git a/Classes/RecordList/Event/ModifyRecordListRecordActionsEvent.php b/Classes/RecordList/Event/ModifyRecordListRecordActionsEvent.php
new file mode 100644
index 0000000..970451e
--- /dev/null
+++ b/Classes/RecordList/Event/ModifyRecordListRecordActionsEvent.php
@@ -0,0 +1,164 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\RecordList\Event;
+
+use Psr\Http\Message\RequestInterface;
+use TYPO3\CMS\Backend\RecordList\DatabaseRecordList;
+use TYPO3\CMS\Backend\Template\Components\ActionGroup;
+use TYPO3\CMS\Backend\Template\Components\ComponentGroup;
+use TYPO3\CMS\Backend\Template\Components\ComponentInterface;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+
+/**
+ * An event to modify the displayed record actions (e.g.
+ * "edit", "copy", "delete") for a table in the RecordList.
+ */
+final readonly class ModifyRecordListRecordActionsEvent
+{
+    public function __construct(
+        private ComponentGroup $primary,
+        private ComponentGroup $secondary,
+        private RecordInterface $record,
+        private DatabaseRecordList $recordList,
+        private RequestInterface $request,
+    ) {}
+
+    /**
+     * Add a new action or override an existing one. Latter is only possible,
+     * in case $columnName is given. Otherwise, the column will be added with
+     * a numeric index, which is generally not recommended. It's also possible
+     * to define the position of an action with either the "before" or "after"
+     * argument, while their value must be an existing action.
+     *
+     * Note: In case non or an invalid $group is provided, the new action will
+     * be added to the secondary group.
+     *
+     * @param ?ComponentInterface $action
+     * @param string $actionName
+     * @param ActionGroup $group
+     * @param string $before
+     * @param string $after
+     */
+    public function setAction(
+        ?ComponentInterface $action,
+        string $actionName,
+        ActionGroup $group = ActionGroup::secondary,
+        string $before = '',
+        string $after = '',
+    ): void {
+        if ($actionName === '') {
+            throw new \Exception('You must provide a valid action name when adding a new action.', 1761584690);
+        }
+
+        $componentGroup = match ($group) {
+            ActionGroup::primary => $this->primary,
+            ActionGroup::secondary => $this->secondary,
+        };
+        $componentGroup->add($actionName, $action, $before, $after);
+    }
+
+    /**
+     * Whether the action exists in the given group. In case non or
+     * an invalid $group is provided, both groups will be checked.
+     */
+    public function hasAction(string $actionName, ?ActionGroup $group = null): bool
+    {
+        return match ($group) {
+            ActionGroup::primary => $this->primary->has($actionName),
+            ActionGroup::secondary => $this->secondary->has($actionName),
+            null => $this->primary->has($actionName) || $this->secondary->has($actionName),
+        };
+    }
+
+    /**
+     * Get action by its name. In case the action exists in both groups
+     * and non or an invalid $group is provided, the action from the
+     * "primary" group will be returned.
+     */
+    public function getAction(string $actionName, ?ActionGroup $group = null): ?ComponentInterface
+    {
+        return match ($group) {
+            ActionGroup::primary => $this->primary->get($actionName),
+            ActionGroup::secondary => $this->secondary->get($actionName),
+            null => $this->primary->get($actionName) ?? $this->secondary->get($actionName),
+        };
+    }
+
+    /**
+     * Remove action by its name. In case the action exists in both groups
+     * and non or an invalid $group is provided, the action will be removed
+     * from both groups.
+     */
+    public function removeAction(string $actionName, ?ActionGroup $group = null): void
+    {
+        if ($group === null) {
+            $this->primary->remove($actionName);
+            $this->secondary->remove($actionName);
+            return;
+        }
+        match ($group) {
+            ActionGroup::primary => $this->primary->remove($actionName),
+            ActionGroup::secondary => $this->secondary->remove($actionName),
+        };
+    }
+
+    public function moveActionTo(
+        string $actionName,
+        ActionGroup $group,
+        string $before = '',
+        string $after = '',
+    ): void {
+        if (!$this->hasAction($actionName)) {
+            throw new \RuntimeException('The action "' . $actionName . '" does not exist and therefore cannot be moved.', 1761646464);
+        }
+        $action = $this->getAction($actionName);
+        $this->removeAction($actionName);
+        $this->setAction($action, $actionName, $group, $before, $after);
+    }
+
+    /**
+     * Get the actions of a specific group
+     */
+    public function getActionGroup(ActionGroup $group): ComponentGroup
+    {
+        return match ($group) {
+            ActionGroup::primary => $this->primary,
+            ActionGroup::secondary => $this->secondary,
+        };
+    }
+
+    public function getRecord(): RecordInterface
+    {
+        return $this->record;
+    }
+
+    /**
+     * Returns the current DatabaseRecordList instance.
+     *
+     * @todo Might be replaced by a DTO in the future
+     */
+    public function getRecordList(): DatabaseRecordList
+    {
+        return $this->recordList;
+    }
+
+    public function getRequest(): RequestInterface
+    {
+        return $this->request;
+    }
+}
diff --git a/Classes/RecordList/Event/ModifyRecordListTableActionsEvent.php b/Classes/RecordList/Event/ModifyRecordListTableActionsEvent.php
new file mode 100644
index 0000000..ee39d5b
--- /dev/null
+++ b/Classes/RecordList/Event/ModifyRecordListTableActionsEvent.php
@@ -0,0 +1,147 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\RecordList\Event;
+
+use TYPO3\CMS\Backend\RecordList\DatabaseRecordList;
+
+/**
+ * An event to modify the multi record selection actions (e.g.
+ * "edit", "copy to clipboard") for a table in the RecordList.
+ */
+final class ModifyRecordListTableActionsEvent
+{
+    /**
+     * The label, which will be displayed in case
+     * no action is available for current the user.
+     */
+    private string $noActionLabel = '';
+
+    /**
+     * @param array<int> $recordIds
+     */
+    public function __construct(
+        private array $actions,
+        private readonly string $table,
+        private readonly array $recordIds,
+        private readonly DatabaseRecordList $recordList
+    ) {}
+
+    /**
+     * Add a new action or override an existing one. Latter is only possible,
+     * in case $actionName is given. Otherwise, the action will be added with
+     * a numeric index, which is generally not recommended. It's also possible
+     * to define the position of an action with either the "before" or "after"
+     * argument, while their value must be an existing action.
+     */
+    public function setAction(string $action, string $actionName = '', string $before = '', string $after = ''): void
+    {
+        if ($actionName !== '') {
+            if ($before !== '' && $this->hasAction($before)) {
+                $end = array_splice($this->actions, (int)(array_search($before, array_keys($this->actions), true)));
+                $this->actions = array_merge($this->actions, [$actionName => $action], $end);
+            } elseif ($after !== '' && $this->hasAction($after)) {
+                $end = array_splice($this->actions, (int)(array_search($after, array_keys($this->actions), true)) + 1);
+                $this->actions = array_merge($this->actions, [$actionName => $action], $end);
+            } else {
+                $this->actions[$actionName] = $action;
+            }
+        } else {
+            $this->actions[] = $action;
+        }
+    }
+
+    /**
+     * Whether the action exists
+     */
+    public function hasAction(string $actionName): bool
+    {
+        return (bool)($this->actions[$actionName] ?? false);
+    }
+
+    /**
+     * Get action by its name
+     *
+     * @return string|null The action or NULL if the action does not exist
+     */
+    public function getAction(string $actionName): ?string
+    {
+        return $this->actions[$actionName] ?? null;
+    }
+
+    /**
+     * Remove action by its name
+     *
+     * @return bool Whether the action could be removed - Will therefore
+     *              return FALSE if the action to remove does not exist.
+     */
+    public function removeAction(string $actionName): bool
+    {
+        if (!isset($this->actions[$actionName])) {
+            return false;
+        }
+        unset($this->actions[$actionName]);
+        return true;
+    }
+
+    public function setActions(array $actions): void
+    {
+        $this->actions = $actions;
+    }
+
+    public function getActions(): array
+    {
+        return $this->actions;
+    }
+
+    public function setNoActionLabel(string $noActionLabel): void
+    {
+        $this->noActionLabel = $noActionLabel;
+    }
+
+    /**
+     * Get the label, which will be displayed, in case no
+     * action is available for the current user. Note: If
+     * this returns an empty string, this only means that
+     * no other listener set a label before. TYPO3 will
+     * always fall back to a default if this remains empty.
+     */
+    public function getNoActionLabel(): string
+    {
+        return $this->noActionLabel;
+    }
+
+    public function getTable(): string
+    {
+        return $this->table;
+    }
+
+    public function getRecordIds(): array
+    {
+        return $this->recordIds;
+    }
+
+    /**
+     * Returns the current DatabaseRecordList instance.
+     *
+     * @todo Might be replaced by a DTO in the future
+     */
+    public function getRecordList(): DatabaseRecordList
+    {
+        return $this->recordList;
+    }
+}
diff --git a/Classes/Resource/Processing/DeferredBackendImageProcessor.php b/Classes/Resource/Processing/DeferredBackendImageProcessor.php
new file mode 100644
index 0000000..7cb5a8c
--- /dev/null
+++ b/Classes/Resource/Processing/DeferredBackendImageProcessor.php
@@ -0,0 +1,85 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Resource\Processing;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Context\Context;
+use TYPO3\CMS\Core\Http\ApplicationType;
+use TYPO3\CMS\Core\Imaging\Exception\ZeroImageDimensionException;
+use TYPO3\CMS\Core\Imaging\ImageDimension;
+use TYPO3\CMS\Core\Resource\ProcessedFileRepository;
+use TYPO3\CMS\Core\Resource\Processing\ProcessorInterface;
+use TYPO3\CMS\Core\Resource\Processing\TaskInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+class DeferredBackendImageProcessor implements ProcessorInterface
+{
+    public function canProcessTask(TaskInterface $task): bool
+    {
+        $context = GeneralUtility::makeInstance(Context::class);
+        return ($GLOBALS['TYPO3_REQUEST'] ?? null) instanceof ServerRequestInterface
+            && ApplicationType::fromRequest($GLOBALS['TYPO3_REQUEST'])->isBackend()
+            && $task->getType() === 'Image'
+            && in_array($task->getName(), ['Preview', 'CropScaleMask'], true)
+            && (!$context->hasAspect('fileProcessing') || $context->getPropertyFromAspect('fileProcessing', 'deferProcessing'))
+            && $task->getSourceFile()->getProperty('width') > 0
+            && $task->getSourceFile()->getProperty('height') > 0
+            // Let the local image processor update the properties in case the target file exists already
+            && !$task->getSourceFile()->getStorage()->getProcessingFolder($task->getSourceFile())->hasFile($task->getTargetFileName());
+    }
+
+    public function processTask(TaskInterface $task): void
+    {
+        try {
+            $imageDimension = ImageDimension::fromProcessingTask($task);
+        } catch (ZeroImageDimensionException $e) {
+            // To not fail image processing, we just assume an image dimension here
+            $imageDimension = new ImageDimension(64, 64);
+        }
+        $processedFile = $task->getTargetFile();
+        if (!$processedFile->isPersisted()) {
+            // For now, we need to persist the processed file in the repository to be able to reference its uid
+            // We could instead introduce a processing queue and persist the information there
+            $processedFileRepository = GeneralUtility::makeInstance(ProcessedFileRepository::class);
+            $processedFileRepository->add($processedFile, $task);
+        }
+        $processedFile->setName($task->getTargetFileName());
+        $processingUrl = (string)GeneralUtility::makeInstance(UriBuilder::class)
+            ->buildUriFromRoute(
+                'image_processing',
+                [
+                    'id' => $processedFile->getUid(),
+                ]
+            );
+        // We know $GLOBALS['TYPO3_REQUEST'] exists and is BE because of canProcessTask()
+        $processedFile->updateProcessingUrl(GeneralUtility::locationHeaderUrl($processingUrl, $GLOBALS['TYPO3_REQUEST']));
+        $processedFile->updateProperties(
+            [
+                'width' => $imageDimension->getWidth(),
+                'height' => $imageDimension->getHeight(),
+                'size' => 0,
+                'checksum' => $task->getConfigurationChecksum(),
+            ]
+        );
+        $task->setExecuted(true);
+    }
+}
diff --git a/Classes/Resource/PublicUrlPrefixer.php b/Classes/Resource/PublicUrlPrefixer.php
new file mode 100644
index 0000000..7ca2492
--- /dev/null
+++ b/Classes/Resource/PublicUrlPrefixer.php
@@ -0,0 +1,67 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Resource;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Core\Resource\Event\GeneratePublicUrlForResourceEvent;
+use TYPO3\CMS\Core\Resource\ResourceInterface;
+use TYPO3\CMS\Core\Utility\PathUtility;
+
+#[Autoconfigure(public: true)]
+class PublicUrlPrefixer
+{
+    /**
+     * Static property to avoid an infinite loop, because this listener is called when
+     * public URLs are generated, but also calls public URL generation to obtain the
+     * URL without prefix from the driver and possibly other listeners
+     */
+    private static bool $isProcessingUrl = false;
+
+    public function prefixWithSitePath(GeneratePublicUrlForResourceEvent $event): void
+    {
+        $normalizedParams = ($GLOBALS['TYPO3_REQUEST'] ?? null)?->getAttribute('normalizedParams');
+        if (self::$isProcessingUrl || !$normalizedParams) {
+            return;
+        }
+        $resource = $event->getResource();
+        if (!$this->isLocalResource($resource)) {
+            return;
+        }
+
+        // Before calling getPublicUrl, we set the static property to true to avoid to be called in a loop
+        self::$isProcessingUrl = true;
+        try {
+            $resource = $event->getResource();
+            $originalUrl = $event->getStorage()->getPublicUrl($resource);
+            if (!$originalUrl || PathUtility::hasProtocolAndScheme($originalUrl)) {
+                return;
+            }
+            // @todo: The "dynamic" event registration in both FE and BE RequestHandler's plus this
+            //        ugly late Request dependency resolving within FAL should be refactored by
+            //        incorporating Request dependency into FAL URI generation in a more direct way.
+            $event->setPublicUrl($normalizedParams->getSitePath() . $originalUrl);
+        } finally {
+            self::$isProcessingUrl = false;
+        }
+    }
+
+    private function isLocalResource(ResourceInterface $resource): bool
+    {
+        return $resource->getStorage()->getDriverType() === 'Local';
+    }
+}
diff --git a/Classes/Routing/Event/AfterPagePreviewUriGeneratedEvent.php b/Classes/Routing/Event/AfterPagePreviewUriGeneratedEvent.php
new file mode 100644
index 0000000..5990b48
--- /dev/null
+++ b/Classes/Routing/Event/AfterPagePreviewUriGeneratedEvent.php
@@ -0,0 +1,84 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing\Event;
+
+use Psr\Http\Message\UriInterface;
+use TYPO3\CMS\Core\Context\Context;
+
+/**
+ * Listeners to this event will be able to modify the page preview
+ * URI, which had been generated for a page in the frontend.
+ */
+final class AfterPagePreviewUriGeneratedEvent
+{
+    public function __construct(
+        private UriInterface $previewUri,
+        private readonly int $pageId,
+        private readonly int $languageId,
+        private readonly array $rootline,
+        private readonly string $section,
+        private readonly array $additionalQueryParameters,
+        private readonly Context $context,
+        private readonly array $options
+    ) {}
+
+    public function setPreviewUri(UriInterface $previewUri): void
+    {
+        $this->previewUri = $previewUri;
+    }
+
+    public function getPreviewUri(): UriInterface
+    {
+        return $this->previewUri;
+    }
+
+    public function getPageId(): int
+    {
+        return $this->pageId;
+    }
+
+    public function getLanguageId(): int
+    {
+        return $this->languageId;
+    }
+
+    public function getRootline(): array
+    {
+        return $this->rootline;
+    }
+
+    public function getSection(): string
+    {
+        return $this->section;
+    }
+
+    public function getAdditionalQueryParameters(): array
+    {
+        return $this->additionalQueryParameters;
+    }
+
+    public function getContext(): Context
+    {
+        return $this->context;
+    }
+
+    public function getOptions(): array
+    {
+        return $this->options;
+    }
+}
diff --git a/Classes/Routing/Event/BeforePagePreviewUriGeneratedEvent.php b/Classes/Routing/Event/BeforePagePreviewUriGeneratedEvent.php
new file mode 100644
index 0000000..224bdc2
--- /dev/null
+++ b/Classes/Routing/Event/BeforePagePreviewUriGeneratedEvent.php
@@ -0,0 +1,116 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing\Event;
+
+use Psr\EventDispatcher\StoppableEventInterface;
+use Psr\Http\Message\UriInterface;
+use TYPO3\CMS\Core\Context\Context;
+
+/**
+ * Listeners to this event will be able to modify the corresponding parameters, before
+ * the page preview URI is being generated, when linking to a page in the frontend.
+ */
+final class BeforePagePreviewUriGeneratedEvent implements StoppableEventInterface
+{
+    private ?UriInterface $uri = null;
+
+    public function __construct(
+        private int $pageId,
+        private int $languageId,
+        private array $rootline,
+        private string $section,
+        private array $additionalQueryParameters,
+        private readonly Context $context,
+        private readonly array $options
+    ) {}
+
+    public function setPreviewUri(UriInterface $uri): void
+    {
+        $this->uri = $uri;
+    }
+
+    public function getPreviewUri(): ?UriInterface
+    {
+        return $this->uri;
+    }
+
+    public function isPropagationStopped(): bool
+    {
+        return $this->uri !== null;
+    }
+
+    public function getPageId(): int
+    {
+        return $this->pageId;
+    }
+
+    public function setPageId(int $pageId): void
+    {
+        $this->pageId = $pageId;
+    }
+
+    public function getLanguageId(): int
+    {
+        return $this->languageId;
+    }
+
+    public function setLanguageId(int $languageId): void
+    {
+        $this->languageId = $languageId;
+    }
+
+    public function getRootline(): array
+    {
+        return $this->rootline;
+    }
+
+    public function setRootline(array $rootline): void
+    {
+        $this->rootline = $rootline;
+    }
+
+    public function getSection(): string
+    {
+        return $this->section;
+    }
+
+    public function setSection(string $section): void
+    {
+        $this->section = $section;
+    }
+
+    public function getAdditionalQueryParameters(): array
+    {
+        return $this->additionalQueryParameters;
+    }
+
+    public function setAdditionalQueryParameters(array $additionalQueryParameters): void
+    {
+        $this->additionalQueryParameters = $additionalQueryParameters;
+    }
+
+    public function getContext(): Context
+    {
+        return $this->context;
+    }
+
+    public function getOptions(): array
+    {
+        return $this->options;
+    }
+}
diff --git a/Classes/Routing/Exception/InvalidRequestTokenException.php b/Classes/Routing/Exception/InvalidRequestTokenException.php
new file mode 100644
index 0000000..bfce791
--- /dev/null
+++ b/Classes/Routing/Exception/InvalidRequestTokenException.php
@@ -0,0 +1,23 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing\Exception;
+
+use TYPO3\CMS\Core\Exception;
+
+/**
+ * Exception thrown when request token was invalid
+ */
+class InvalidRequestTokenException extends Exception {}
diff --git a/Classes/Routing/Exception/MissingRequestTokenException.php b/Classes/Routing/Exception/MissingRequestTokenException.php
new file mode 100644
index 0000000..2bc1e51
--- /dev/null
+++ b/Classes/Routing/Exception/MissingRequestTokenException.php
@@ -0,0 +1,23 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing\Exception;
+
+use TYPO3\CMS\Core\Exception;
+
+/**
+ * Exception thrown when request token was missing.
+ */
+class MissingRequestTokenException extends Exception {}
diff --git a/Classes/Routing/Exception/ResourceNotFoundException.php b/Classes/Routing/Exception/ResourceNotFoundException.php
new file mode 100644
index 0000000..45e19e8
--- /dev/null
+++ b/Classes/Routing/Exception/ResourceNotFoundException.php
@@ -0,0 +1,23 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing\Exception;
+
+use TYPO3\CMS\Core\Exception;
+
+/**
+ * Exception thrown when a resource was not found.
+ */
+class ResourceNotFoundException extends Exception {}
diff --git a/Classes/Routing/Exception/RouteNotFoundException.php b/Classes/Routing/Exception/RouteNotFoundException.php
new file mode 100644
index 0000000..ed347dd
--- /dev/null
+++ b/Classes/Routing/Exception/RouteNotFoundException.php
@@ -0,0 +1,21 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing\Exception;
+
+/**
+ * Exception thrown when a route does not exist
+ */
+class RouteNotFoundException extends \TYPO3\CMS\Core\Routing\RouteNotFoundException {}
diff --git a/Classes/Routing/Exception/RouteTypeNotAllowedException.php b/Classes/Routing/Exception/RouteTypeNotAllowedException.php
new file mode 100644
index 0000000..67f2957
--- /dev/null
+++ b/Classes/Routing/Exception/RouteTypeNotAllowedException.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing\Exception;
+
+use TYPO3\CMS\Core\Exception;
+
+/**
+ * Exception thrown when a resource was found but the type (e.g. AJAX routes) did not match.
+ */
+class RouteTypeNotAllowedException extends Exception {}
diff --git a/Classes/Routing/PreviewUriBuilder.php b/Classes/Routing/PreviewUriBuilder.php
new file mode 100644
index 0000000..1ca5c7e
--- /dev/null
+++ b/Classes/Routing/PreviewUriBuilder.php
@@ -0,0 +1,654 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\UriInterface;
+use TYPO3\CMS\Backend\Routing\Event\AfterPagePreviewUriGeneratedEvent;
+use TYPO3\CMS\Backend\Routing\Event\BeforePagePreviewUriGeneratedEvent;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Context\Context;
+use TYPO3\CMS\Core\Context\DateTimeAspect;
+use TYPO3\CMS\Core\Context\VisibilityAspect;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\HiddenRestriction;
+use TYPO3\CMS\Core\DataHandling\PageDoktypeRegistry;
+use TYPO3\CMS\Core\Domain\DateTimeFactory;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+use TYPO3\CMS\Core\Domain\Repository\PageRepository;
+use TYPO3\CMS\Core\Exception\SiteNotFoundException;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Routing\InvalidRouteArgumentsException;
+use TYPO3\CMS\Core\Routing\RouterInterface;
+use TYPO3\CMS\Core\Routing\UnableToLinkToPageException;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\HttpUtility;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * Generate links to Frontend URLs with a modified scope.
+ */
+class PreviewUriBuilder
+{
+    public const OPTION_SWITCH_FOCUS = 'switchFocus';
+    public const OPTION_WINDOW_NAME = 'windowName';
+    public const OPTION_WINDOW_FEATURES = 'windowFeatures';
+    public const OPTION_WINDOW_SCOPE = 'windowScope';
+
+    public const OPTION_WINDOW_SCOPE_LOCAL = 'local';
+    public const OPTION_WINDOW_SCOPE_GLOBAL = 'global';
+
+    protected array $record = [];
+    protected string $table = 'pages';
+    protected int $pageId;
+    protected int $languageId = 0;
+    protected array $rootLine = [];
+    protected string $section = '';
+    protected array $additionalQueryParameters = [];
+    protected bool $moduleLoading = true;
+    protected Context $context;
+
+    /**
+     * @param int|array $page Page ID to be previewed
+     */
+    public static function create(int|array $page): self
+    {
+        $pageId = 0;
+        $schema = GeneralUtility::makeInstance(TcaSchemaFactory::class)->get('pages');
+        $laguageFieldName = $schema->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName();
+        $transOrigPointerFieldName = $schema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName();
+        if (!is_array($page)) {
+            $pageId = $page;
+            if ($pageId > 0) {
+                // If a page ID is given, we fetch the record from the database
+                $page = BackendUtility::getRecord('pages', $pageId) ?? [];
+            } else {
+                // If no valid page ID is given, we use an empty array
+                $page = [];
+            }
+        }
+        if ($page !== []) {
+            if (($page[$transOrigPointerFieldName] ?? 0) > 0) {
+                // If the page is a translation, we need to use the parent page's ID
+                $pageId = (int)$page[$transOrigPointerFieldName];
+            } else {
+                // Otherwise, use the current page's ID
+                $pageId = (int)($page['uid'] ?? 0);
+            }
+        }
+        $obj = new self($pageId);
+        $obj->pageId = $pageId;
+        $obj->record = $page;
+        $obj->languageId = (int)($page[$laguageFieldName] ?? 0);
+        return $obj;
+    }
+
+    /**
+     * @internal Only to be used by TYPO3 core - for now
+     */
+    public static function createForRecordPreview(string $table, int|array|RecordInterface $record, int $pageId): self
+    {
+        if ($record instanceof RecordInterface) {
+            $record = $record->getRawRecord()->toArray();
+        }
+        $recordId = is_int($record) ? $record : (int)($record['uid'] ?? 0);
+        $previewPageId = self::getPreviewPageId($table, $recordId, $pageId);
+        $obj = self::create($previewPageId);
+        $obj->table = $table;
+        $obj = $obj->withRootLine(BackendUtility::BEgetRootLine($previewPageId));
+        $obj = $obj->withSection($table === 'tt_content' ? '#c' . $recordId : '');
+        $obj = $obj->withAdditionalQueryParameters(self::getPreviewUrlParameters($previewPageId, $table, $record));
+
+        return $obj;
+    }
+
+    /**
+     * @param int $pageId Page ID to be previewed
+     */
+    public function __construct(int $pageId)
+    {
+        $this->pageId = $pageId;
+        $this->context = clone GeneralUtility::makeInstance(Context::class);
+        $this->context->setAspect('visibility', new VisibilityAspect(true, false, false, true));
+    }
+
+    /**
+     * @param bool $moduleLoading whether to enable JavaScript module loading
+     * @return static
+     */
+    public function withModuleLoading(bool $moduleLoading): self
+    {
+        if ($this->moduleLoading === $moduleLoading) {
+            return $this;
+        }
+        $target = clone $this;
+        $target->moduleLoading = $moduleLoading;
+        return $target;
+    }
+
+    /**
+     * @param array $rootLine (alternative) root-line of pages
+     * @return static
+     */
+    public function withRootLine(array $rootLine): self
+    {
+        if ($this->rootLine === $rootLine) {
+            return $this;
+        }
+        $target = clone $this;
+        $target->rootLine = $rootLine;
+        return $target;
+    }
+
+    /**
+     * @param int $language particular language
+     * @return static
+     */
+    public function withLanguage(int $language): self
+    {
+        if ($this->languageId === $language) {
+            return $this;
+        }
+        $target = clone $this;
+        $target->languageId = $language;
+        return $target;
+    }
+
+    /**
+     * @param string $section particular section (anchor element)
+     * @return static
+     */
+    public function withSection(string $section): self
+    {
+        if ($this->section === $section) {
+            return $this;
+        }
+        $target = clone $this;
+        $target->section = $section;
+        return $target;
+    }
+
+    /**
+     * @param string|array $additionalQueryParameters additional URI query parameters
+     * @return static
+     */
+    public function withAdditionalQueryParameters(array|string $additionalQueryParameters): self
+    {
+        if (is_array($additionalQueryParameters)) {
+            $additionalQueryParams = $additionalQueryParameters;
+        } else {
+            $additionalQueryParams = [];
+            parse_str($additionalQueryParameters, $additionalQueryParams);
+        }
+        $languageId = $this->languageId;
+        if (isset($additionalQueryParams['_language'])) {
+            $languageId = (int)$additionalQueryParams['_language'];
+            unset($additionalQueryParams['_language']);
+        }
+        // No change
+        if ($this->languageId === $languageId && $additionalQueryParams === $this->additionalQueryParameters) {
+            return $this;
+        }
+
+        $target = clone $this;
+        $target->additionalQueryParameters = $additionalQueryParams;
+        $target->languageId = $languageId;
+        return $target;
+    }
+
+    public function isPreviewable(): bool
+    {
+        if ($this->pageId === 0 || !isset($this->record['doktype'])) {
+            return false;
+        }
+        $isDeletePlaceholder = VersionState::tryFrom($this->record['t3ver_state'] ?? 0) === VersionState::DELETE_PLACEHOLDER;
+        if ($isDeletePlaceholder) {
+            return false;
+        }
+        // Custom records need to be configured via pages TSconfig to allow previews
+        if ($this->table !== 'pages' && $this->table !== 'tt_content') {
+            $previewConfiguration = BackendUtility::getPagesTSconfig($this->pageId)['TCEMAIN.']['preview.'][$this->table . '.'] ?? null;
+            if (!is_array($previewConfiguration)) {
+                return false;
+            }
+        }
+        return self::isPreviewableDoktype($this->pageId, (int)$this->record['doktype']);
+    }
+
+    /**
+     * Builds preview URI.
+     */
+    public function buildUri(?array $options = null, ?Context $context = null): ?UriInterface
+    {
+        $eventDispatcher = GeneralUtility::makeInstance(EventDispatcherInterface::class);
+        try {
+            $event = new BeforePagePreviewUriGeneratedEvent(
+                $this->pageId,
+                $this->languageId,
+                $this->rootLine,
+                $this->section,
+                $this->additionalQueryParameters,
+                $context ?? $this->context,
+                $this->enrichOptions($options)
+            );
+            $eventDispatcher->dispatch($event);
+
+            // If there hasn't been a custom preview URI set by an event listener, generate it.
+            if ($event->getPreviewUri() === null) {
+                if (!$this->isPreviewable()) {
+                    return null;
+                }
+                $permissionClause = $GLOBALS['BE_USER']->getPagePermsClause(Permission::PAGE_SHOW);
+                $pageInfo = BackendUtility::readPageAccess($event->getPageId(), $permissionClause) ?: [];
+                // Check if the page (= its rootline) has a site attached, otherwise just keep the URI as is
+                if ($event->getRootline() === []) {
+                    $event->setRootline(BackendUtility::BEgetRootLine($event->getPageId()));
+                }
+                // prepare custom context for link generation (to allow for example time based previews)
+                $event->setAdditionalQueryParameters(
+                    array_replace_recursive(
+                        $event->getAdditionalQueryParameters(),
+                        self::getAdditionalQueryParametersForAccessRestrictedPages($pageInfo, $event->getContext(), $event->getRootline())
+                    )
+                );
+
+                // Build the URI with a site as prefix, if configured
+                $siteFinder = GeneralUtility::makeInstance(SiteFinder::class);
+                try {
+                    $site = $siteFinder->getSiteByPageId($event->getPageId(), $event->getRootline());
+                } catch (SiteNotFoundException $e) {
+                    throw new UnableToLinkToPageException('The page ' . $event->getPageId() . ' had no proper connection to a site, no link could be built.', 1651499353);
+                }
+                try {
+                    $previewRouteParameters = $event->getAdditionalQueryParameters();
+                    // Reassemble encapsulated language id into route parameters to get proper localized page preview
+                    // uri for non-default languages.
+                    if ($event->getLanguageId() > 0) {
+                        $previewRouteParameters['_language'] = $site->getLanguageById($event->getLanguageId());
+                    }
+                    $event->setPreviewUri(
+                        $site->getRouter($event->getContext())->generateUri(
+                            $event->getPageId(),
+                            $previewRouteParameters,
+                            $event->getSection(),
+                            RouterInterface::ABSOLUTE_URL
+                        )
+                    );
+                } catch (\InvalidArgumentException|InvalidRouteArgumentsException $e) {
+                    throw new UnableToLinkToPageException(sprintf('The link to the page with ID "%d" could not be generated: %s', $event->getPageId(), $e->getMessage()), 1651499354, $e);
+                }
+            }
+
+            $event = new AfterPagePreviewUriGeneratedEvent(
+                $event->getPreviewUri(),
+                $event->getPageId(),
+                $event->getLanguageId(),
+                $event->getRootline(),
+                $event->getSection(),
+                $event->getAdditionalQueryParameters(),
+                $event->getContext(),
+                $event->getOptions(),
+            );
+            $eventDispatcher->dispatch($event);
+
+            return $event->getPreviewUri();
+        } catch (UnableToLinkToPageException $e) {
+            return null;
+        }
+    }
+
+    /**
+     * Builds attributes array (e.g. `['dispatch-action' => ...]`).
+     * CAVE: Attributes are NOT XSS-protected and need to be put through `htmlspecialchars`
+     *
+     * @param array|null $options
+     */
+    public function buildDispatcherDataAttributes(?array $options = null): ?array
+    {
+        if (null === ($attributes = $this->buildAttributes($options))) {
+            return null;
+        }
+        $this->loadActionDispatcher();
+        return $this->prefixAttributeNames('dispatch-', $attributes);
+    }
+
+    /**
+     * Builds attributes array (e.g. `['data-dispatch-action' => ...]`).
+     * CAVE: Attributes are NOT XSS-protected and need to be put through `htmlspecialchars`
+     *
+     * @param array|null $options
+     */
+    public function buildDispatcherAttributes(?array $options = null): ?array
+    {
+        if (null === ($attributes = $this->buildAttributes($options))) {
+            return null;
+        }
+        $this->loadActionDispatcher();
+        return $this->prefixAttributeNames('data-dispatch-', $attributes);
+    }
+
+    /**
+     * Serialized attributes are processed with `htmlspecialchars` and ready to be used.
+     *
+     * @param array|null $options
+     */
+    public function serializeDispatcherAttributes(?array $options = null): ?string
+    {
+        if (null === ($attributes = $this->buildDispatcherAttributes($options))) {
+            return null;
+        }
+        return ' ' . GeneralUtility::implodeAttributes($attributes, true);
+    }
+
+    /**
+     * `<typo3-immediate-action>` does not have a specific meaning and is used to
+     * expose `data` attributes, see custom element in `ImmediateActionElement.ts`.
+     *
+     * @param array|null $options
+     */
+    public function buildImmediateActionElement(?array $options = null): ?string
+    {
+        if (null === ($attributes = $this->buildAttributes($options))) {
+            return null;
+        }
+        $this->loadImmediateActionElement();
+        return sprintf(
+            // `<typo3-immediate-action action="TYPO3.WindowManager.localOpen" args="[...]">`
+            '<typo3-immediate-action %s></typo3-immediate-action>',
+            GeneralUtility::implodeAttributes($attributes, true)
+        );
+    }
+
+    /**
+     * Returns the preview page id, based on the given input, by checking
+     * preview configuration and alternatively looking up the rootline.
+     *
+     * @param string $table The table of the record to be previewed - might be empty for direct page preview ($pageId > 0)
+     * @param int $recordId The id of the record to be previewed - might be empty for direct page preview ($pageId > 0)
+     * @param int $pageId The page to preview the record on, also used to preview a page directly
+     * @internal Only to be used by TYPO3 core
+     */
+    public static function getPreviewPageId(string $table, int $recordId, int $pageId): int
+    {
+        if ($table === 'pages') {
+            $rootPageId = $recordId;
+            if ($rootPageId) {
+                $l10nPointer = GeneralUtility::makeInstance(TcaSchemaFactory::class)->get('pages')->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName();
+                $page = BackendUtility::getRecord('pages', $rootPageId, 'is_siteroot,' . $l10nPointer);
+                if ($page['is_siteroot'] && $page[$l10nPointer]) {
+                    $rootPageId = $page[$l10nPointer];
+                }
+            }
+        } else {
+            $rootPageId = max(0, $pageId);
+        }
+
+        $previewConfiguration = BackendUtility::getPagesTSconfig($rootPageId)['TCEMAIN.']['preview.'][$table . '.'] ?? [];
+
+        if (isset($previewConfiguration['previewPageId'])) {
+            return (int)$previewConfiguration['previewPageId'];
+        }
+
+        $rootPageData = null;
+        $rootLine = BackendUtility::BEgetRootLine($rootPageId);
+        $currentPage = (array)(reset($rootLine) ?: []);
+        if (VersionState::tryFrom($currentPage['t3ver_state'] ?? 0) !== VersionState::DELETE_PLACEHOLDER
+            && self::isPreviewableDoktype((int)($currentPage['uid'] ?? 0), (int)($currentPage['doktype'] ?? 0))
+        ) {
+            // try the current page
+            $previewPageId = $rootPageId;
+        } else {
+            // or search for the root page
+            foreach ($rootLine as $page) {
+                if ($page['is_siteroot'] ?? false) {
+                    $rootPageData = $page;
+                    break;
+                }
+            }
+            $previewPageId = isset($rootPageData)
+                ? (int)$rootPageData['uid']
+                : $rootPageId;
+        }
+        return $previewPageId;
+    }
+
+    protected function buildAttributes(?array $options = null): ?array
+    {
+        $options = $this->enrichOptions($options);
+        if (null === ($uri = $this->buildUri($options))) {
+            return null;
+        }
+        $args = [
+            // target URI
+            (string)$uri,
+            // whether to switch focus to that window
+            $options[self::OPTION_SWITCH_FOCUS],
+            // name of the window instance for JavaScript references
+            $options[self::OPTION_WINDOW_NAME],
+        ];
+        if (isset($options[self::OPTION_WINDOW_FEATURES])) {
+            // optional window features (e.g. 'width=500,height=300')
+            $args[] = $options[self::OPTION_WINDOW_FEATURES];
+        }
+        return [
+            'action' => $options[self::OPTION_WINDOW_SCOPE] === self::OPTION_WINDOW_SCOPE_GLOBAL
+                ? 'TYPO3.WindowManager.globalOpen'
+                : 'TYPO3.WindowManager.localOpen',
+            'args' => json_encode($args),
+        ];
+    }
+
+    /**
+     * Handles options to used for opening preview URI in a new window/tab.
+     * + `switchFocus` (bool): whether to focus new window in browser
+     * + `windowName` (string): name of window for internal reference
+     * + `windowScope` (string): `local` (current document) `global` (whole backend)
+     *
+     * @param array|null $options
+     */
+    protected function enrichOptions(?array $options = null): array
+    {
+        return array_merge(
+            [
+                self::OPTION_SWITCH_FOCUS => null,
+                // 'newTYPO3frontendWindow' was used in BackendUtility::viewOnClick
+                self::OPTION_WINDOW_NAME => 'newTYPO3frontendWindow',
+                self::OPTION_WINDOW_SCOPE => self::OPTION_WINDOW_SCOPE_LOCAL,
+            ],
+            $options ?? []
+        );
+    }
+
+    protected function loadActionDispatcher(): void
+    {
+        if (!$this->moduleLoading) {
+            return;
+        }
+        $pageRenderer = GeneralUtility::makeInstance(PageRenderer::class);
+        $pageRenderer->loadJavaScriptModule('@typo3/backend/action-dispatcher.js');
+    }
+
+    protected function loadImmediateActionElement(): void
+    {
+        if (!$this->moduleLoading) {
+            return;
+        }
+        $pageRenderer = GeneralUtility::makeInstance(PageRenderer::class);
+        $pageRenderer->loadJavaScriptModule('@typo3/backend/element/immediate-action-element.js');
+    }
+
+    protected function prefixAttributeNames(string $prefix, array $attributes): array
+    {
+        $attributeNames = array_map(
+            static function (string $name) use ($prefix): string {
+                return $prefix . $name;
+            },
+            array_keys($attributes)
+        );
+        return array_combine(
+            $attributeNames,
+            array_values($attributes)
+        );
+    }
+
+    /**
+     * Creates ADMCMD parameters for the "viewpage" extension / frontend
+     * @internal not part of TYPO3 Core API
+     */
+    public static function getAdditionalQueryParametersForAccessRestrictedPages(array $pageInfo, Context $context, array $rootLine): array
+    {
+        if ($pageInfo === []) {
+            return [];
+        }
+        // Initialize access restriction values from current page
+        $access = [
+            'fe_group' => (string)($pageInfo['fe_group'] ?? ''),
+            'starttime' => (int)($pageInfo['starttime'] ?? 0),
+            'endtime' => (int)($pageInfo['endtime'] ?? 0),
+        ];
+        // Only check rootline if the current page has not set extendToSubpages itself
+        if (!(bool)($pageInfo['extendToSubpages'] ?? false)) {
+            // remove the current page from the rootline
+            array_shift($rootLine);
+            foreach ($rootLine as $page) {
+                // Skip root node and pages which do not define extendToSubpages
+                if ((int)($page['uid'] ?? 0) === 0 || !(bool)($page['extendToSubpages'] ?? false)) {
+                    continue;
+                }
+                $access['fe_group'] = (string)($page['fe_group'] ?? '');
+                $access['starttime'] = (int)($page['starttime'] ?? 0);
+                $access['endtime'] = (int)($page['endtime'] ?? 0);
+                // Stop as soon as a page in the rootline has extendToSubpages set
+                break;
+            }
+        }
+        $additionalQueryParameters = [];
+        if ((int)$access['fe_group'] === -2) {
+            // -2 means "show at any login". We simulate first available fe_group.
+            $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)
+                ->getQueryBuilderForTable('fe_groups');
+            $queryBuilder->getRestrictions()
+                ->removeAll()
+                ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+                ->add(GeneralUtility::makeInstance(HiddenRestriction::class));
+
+            $activeFeGroupId = $queryBuilder->select('uid')
+                ->from('fe_groups')
+                ->executeQuery()
+                ->fetchOne();
+
+            if ($activeFeGroupId) {
+                $additionalQueryParameters['ADMCMD_simUser'] = $activeFeGroupId;
+            }
+        } elseif (!empty($access['fe_group'])) {
+            $additionalQueryParameters['ADMCMD_simUser'] = $access['fe_group'];
+        }
+        if ($access['starttime'] > $GLOBALS['EXEC_TIME']) {
+            // simulate access time to ensure PageRepository will find the page and in turn PageRouter will generate
+            // a URL for it
+            $dateAspect = new DateTimeAspect(DateTimeFactory::createFromTimestamp($access['starttime']));
+            $context->setAspect('date', $dateAspect);
+            $additionalQueryParameters['ADMCMD_simTime'] = $access['starttime'];
+        }
+        if ($access['endtime'] < $GLOBALS['EXEC_TIME'] && $access['endtime'] !== 0) {
+            // Set access time to page's endtime subtracted one second to ensure PageRepository will find the page and
+            // in turn PageRouter will generate a URL for it
+            $dateAspect = new DateTimeAspect(DateTimeFactory::createFromTimestamp($access['endtime'] - 1));
+            $context->setAspect('date', $dateAspect);
+            $additionalQueryParameters['ADMCMD_simTime'] = ($access['endtime'] - 1);
+        }
+        return $additionalQueryParameters;
+    }
+
+    /**
+     * Returns the parameters for the preview URL by evaluating language overlays and preview configuration
+     */
+    protected static function getPreviewUrlParameters(int $previewPageId, string $table, int|array $record): string
+    {
+        if (is_array($record)) {
+            $recordId = (int)($record['uid'] ?? 0);
+        } else {
+            $recordId = $record;
+            $record = BackendUtility::getRecord($table, $record) ?? [];
+        }
+
+        $linkParameters = [];
+        $previewConfiguration = BackendUtility::getPagesTSconfig($previewPageId)['TCEMAIN.']['preview.'][$table . '.'] ?? [];
+
+        // language handling
+        $schema = GeneralUtility::makeInstance(TcaSchemaFactory::class)->get($table);
+        if ($schema->isLanguageAware()
+            && ($languageField = $schema->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName())
+            && !empty($record[$languageField])
+        ) {
+            $l10nPointer = $schema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName();
+            if (!empty($record[$l10nPointer]) && ($previewConfiguration['useDefaultLanguageRecord'] ?? true) === false) {
+                $recordId = (int)$record[$l10nPointer];
+            } else {
+                $recordId = (int)$record['uid'];
+            }
+            $language = $record[$languageField];
+            if ($language > 0) {
+                $linkParameters['_language'] = $language;
+            }
+        }
+
+        // Always use live workspace record uid for the preview
+        if ($schema->isWorkspaceAware() && ($record['t3ver_oid'] ?? 0) > 0) {
+            $recordId = $record['t3ver_oid'];
+        }
+
+        // map record data to GET parameters
+        if (isset($previewConfiguration['fieldToParameterMap.'])) {
+            foreach ($previewConfiguration['fieldToParameterMap.'] as $field => $parameterName) {
+                $value = $record[$field] ?? '';
+                if ($field === 'uid') {
+                    $value = $recordId;
+                }
+                $linkParameters[$parameterName] = $value;
+            }
+        }
+
+        // add/override parameters by configuration
+        if (isset($previewConfiguration['additionalGetParameters.'])) {
+            $linkParameters = array_replace(
+                $linkParameters,
+                GeneralUtility::removeDotsFromTS($previewConfiguration['additionalGetParameters.'])
+            );
+        }
+
+        return HttpUtility::buildQueryString($linkParameters, '&');
+    }
+
+    /**
+     * Check whether the current page has a doktype, which can be previewed
+     */
+    protected static function isPreviewableDoktype(int $pageId, int $doktype): bool
+    {
+        if ($pageId <= 0 || $doktype <= 0) {
+            return false;
+        }
+        $doktypeRegistry = GeneralUtility::makeInstance(PageDoktypeRegistry::class);
+        return $doktypeRegistry->isPageViewable($doktype, $pageId);
+    }
+}
diff --git a/Classes/Routing/Route.php b/Classes/Routing/Route.php
new file mode 100644
index 0000000..394c0c1
--- /dev/null
+++ b/Classes/Routing/Route.php
@@ -0,0 +1,176 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing;
+
+use Symfony\Component\Routing\Route as SymfonyRoute;
+
+/**
+ * This is a single entity for a Route.
+ *
+ * The architecture is highly inspired by the Symfony Routing Component.
+ */
+class Route
+{
+    /**
+     * @var string
+     */
+    protected $path = '/';
+
+    protected array $methods = [];
+
+    /**
+     * @var array
+     */
+    protected $options = [];
+
+    public static function fromSymfonyRoute(SymfonyRoute $source, string $identifier): self
+    {
+        $options = $source->getOptions();
+        // Store the name of the Route in the _identifier option so the token can be checked against that
+        $options['_identifier'] = $identifier;
+        $methods = $options['methods'] ?? [];
+        unset($options['methods']);
+
+        $target = new self($source->getPath(), $options);
+        if (is_array($methods) && $methods !== []) {
+            $target->setMethods($methods);
+        }
+        return $target;
+    }
+
+    /**
+     * Constructor setting up the required path and options
+     *
+     * @param string $path The path pattern to match
+     * @param array $options An array of options
+     */
+    public function __construct($path, $options)
+    {
+        $this->setPath($path)->setOptions($options);
+    }
+
+    /**
+     * Returns the path
+     *
+     * @return string The path pattern
+     */
+    public function getPath()
+    {
+        return $this->path;
+    }
+
+    /**
+     * Sets the pattern for the path
+     * A pattern must start with a slash and must not have multiple slashes at the beginning because the
+     * generated path for this route would be confused with a network path, e.g. '//domain.com/path'.
+     *
+     * This method implements a fluent interface.
+     *
+     * @param string $pattern The path pattern
+     * @return Route The current Route instance
+     */
+    public function setPath($pattern)
+    {
+        $this->path = '/' . ltrim(trim($pattern), '/');
+        return $this;
+    }
+
+    /**
+     * Returns the uppercased HTTP methods this route is restricted to.
+     * An empty array means that any method is allowed.
+     *
+     * @return string[] The methods
+     */
+    public function getMethods(): array
+    {
+        return $this->methods;
+    }
+
+    /**
+     * Sets the HTTP methods (e.g. ['POST']) this route is restricted to.
+     * An empty array means that any method is allowed.
+     *
+     * This method implements a fluent interface.
+     *
+     * @param string[] $methods The array of allowed methods
+     */
+    public function setMethods(array $methods): self
+    {
+        $this->methods = array_map(strtoupper(...), $methods);
+        return $this;
+    }
+
+    /**
+     * Returns the options set
+     *
+     * @return array The options
+     */
+    public function getOptions()
+    {
+        return $this->options;
+    }
+
+    /**
+     * Sets the options
+     *
+     * This method implements a fluent interface.
+     *
+     * @param array $options The options
+     * @return Route The current Route instance
+     */
+    public function setOptions(array $options)
+    {
+        $this->options = $options;
+        return $this;
+    }
+
+    /**
+     * Sets an option value
+     *
+     * This method implements a fluent interface.
+     *
+     * @param string $name An option name
+     * @param mixed $value The option value
+     * @return Route The current Route instance
+     */
+    public function setOption($name, $value)
+    {
+        $this->options[$name] = $value;
+        return $this;
+    }
+
+    /**
+     * Get an option value
+     *
+     * @param string $name An option name
+     * @return mixed The option value or NULL when not given
+     */
+    public function getOption($name)
+    {
+        return $this->options[$name] ?? null;
+    }
+
+    /**
+     * Checks if an option has been set
+     *
+     * @param string $name An option name
+     * @return bool TRUE if the option is set, FALSE otherwise
+     */
+    public function hasOption($name)
+    {
+        return array_key_exists($name, $this->options);
+    }
+}
diff --git a/Classes/Routing/RouteRedirect.php b/Classes/Routing/RouteRedirect.php
new file mode 100644
index 0000000..ba01c2a
--- /dev/null
+++ b/Classes/Routing/RouteRedirect.php
@@ -0,0 +1,150 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Routing\Exception\RouteNotFoundException;
+use TYPO3\CMS\Backend\Routing\Exception\RouteTypeNotAllowedException;
+use TYPO3\CMS\Core\Http\Error\MethodNotAllowedException;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+
+/**
+ * A value object representing redirects within Backend routing.
+ */
+class RouteRedirect
+{
+    /**
+     * Name of route to be redirected to
+     */
+    private string $name;
+
+    /**
+     * Multi-dimensional query params array
+     * e.g. `['level1' => ['level2' => 'value']]`
+     */
+    private array $parameters;
+
+    public static function create(string $name, $params): self
+    {
+        if (is_string($params)) {
+            parse_str($params, $parsedParameters);
+            $params = $parsedParameters;
+        } elseif (!is_array($params)) {
+            throw new \LogicException('Params must be array or string', 1627907107);
+        }
+        return new self($name, $params);
+    }
+
+    public static function createFromRoute(Route $route, array $parameters): self
+    {
+        return new self($route->getOption('_identifier'), $parameters);
+    }
+
+    public static function createFromRequest(ServerRequestInterface $request): ?self
+    {
+        $name = $request->getQueryParams()['redirect'] ?? null;
+        if (empty($name)) {
+            return null;
+        }
+        return self::create($name, $request->getQueryParams()['redirectParams'] ?? []);
+    }
+
+    private function __construct(string $name, array $params)
+    {
+        $this->name = $name;
+        $this->parameters = $this->sanitizeParameters($params);
+    }
+
+    private function sanitizeParameters(array $redirectParameters): array
+    {
+        unset($redirectParameters['token']);
+        unset($redirectParameters['route']);
+        unset($redirectParameters['redirect']);
+        unset($redirectParameters['redirectParams']);
+        return $redirectParameters;
+    }
+
+    public function getName(): string
+    {
+        return $this->name;
+    }
+
+    public function getParameters(): array
+    {
+        return $this->parameters;
+    }
+
+    public function getFormattedParameters(): string
+    {
+        $redirectParameters = http_build_query($this->parameters, '', '&', PHP_QUERY_RFC3986);
+        return ltrim($redirectParameters, '&?');
+    }
+
+    public function hasParameters(): bool
+    {
+        return !empty($this->parameters);
+    }
+
+    /**
+     * Checks if the route can be resolved as a redirect.
+     *
+     * @throws RouteNotFoundException
+     * @throws MethodNotAllowedException
+     * @throws RouteTypeNotAllowedException
+     */
+    public function resolve(Router $router): void
+    {
+        $route = $router->getRoute($this->name);
+        if ($route === null) {
+            throw new RouteNotFoundException(
+                sprintf('Route "%s" was not found', $this->name),
+                1627907587
+            );
+        }
+        if ($route->getOption('ajax')) {
+            throw new RouteTypeNotAllowedException(
+                sprintf('AJAX route "%s" cannot be redirected', $this->name),
+                1627407451
+            );
+        }
+        // Links to modules are always allowed, no problem here
+        // Check for the AJAX option should be handled before
+        if ($route->getOption('module')) {
+            return;
+        }
+        if ($route->getMethods() !== [] && !in_array('GET', $route->getMethods(), true)) {
+            throw new MethodNotAllowedException(
+                $route->getMethods(),
+                1627407452
+            );
+        }
+        $settings = $route->getOption('redirect');
+        if (($settings['enable'] ?? false) !== true) {
+            throw new RouteNotFoundException(
+                sprintf('Route "%s" cannot be redirected', $this->name),
+                1627407511
+            );
+        }
+        // Only use allowed arguments, if set, otherwise no parameters are allowed
+        if (!empty($settings['parameters'])) {
+            $this->parameters = ArrayUtility::intersectRecursive($this->parameters, (array)$settings['parameters']);
+        } else {
+            $this->parameters = [];
+        }
+    }
+}
diff --git a/Classes/Routing/RouteResult.php b/Classes/Routing/RouteResult.php
new file mode 100644
index 0000000..23674b9
--- /dev/null
+++ b/Classes/Routing/RouteResult.php
@@ -0,0 +1,81 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing;
+
+use TYPO3\CMS\Core\Routing\RouteResultInterface;
+
+/**
+ * A route result for the TYPO3 Backend Routing,
+ * containing the matched Route and the related arguments found in the URL
+ */
+class RouteResult implements RouteResultInterface
+{
+    public function __construct(
+        protected Route $route,
+        protected array $arguments = [],
+    ) {}
+
+    public function getRoute(): Route
+    {
+        return $this->route;
+    }
+
+    public function getRouteName(): string
+    {
+        return $this->route->getOption('_identifier');
+    }
+
+    public function getArguments(): array
+    {
+        return $this->arguments;
+    }
+
+    public function offsetExists($offset): bool
+    {
+        return $offset === 'route' || isset($this->arguments[$offset]);
+    }
+
+    public function offsetGet(mixed $offset): mixed
+    {
+        return match ($offset) {
+            'route' => $this->route,
+            default => $this->arguments[$offset],
+        };
+    }
+
+    public function offsetSet(mixed $offset = '', mixed $value = ''): void
+    {
+        switch ($offset) {
+            case 'route':
+                $this->route = $value;
+                break;
+            default:
+                $this->arguments[$offset] = $value;
+        }
+    }
+
+    public function offsetUnset(mixed $offset): void
+    {
+        switch ($offset) {
+            case 'route':
+                throw new \InvalidArgumentException('You can never unset the Route in a route result', 1669839336);
+            default:
+                unset($this->arguments[$offset]);
+        }
+    }
+}
diff --git a/Classes/Routing/Router.php b/Classes/Routing/Router.php
new file mode 100644
index 0000000..da62b0c
--- /dev/null
+++ b/Classes/Routing/Router.php
@@ -0,0 +1,168 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use Symfony\Component\Routing\Matcher\UrlMatcher;
+use Symfony\Component\Routing\Route as SymfonyRoute;
+use TYPO3\CMS\Backend\Routing\Exception\ResourceNotFoundException;
+use TYPO3\CMS\Core\Http\Error\MethodNotAllowedException;
+use TYPO3\CMS\Core\Routing\BackendEntryPointResolver;
+use TYPO3\CMS\Core\Routing\RequestContextFactory;
+use TYPO3\CMS\Core\Routing\RouteCollection;
+
+/**
+ * Implementation of a class for adding routes, collecting throughout the Bootstrap
+ * to register all sorts of Backend Routes, and to fetch the main Collection in order
+ * to resolve a route (see ->match() and ->matchRequest()).
+ *
+ * Ideally, the Router is solely instantiated and accessed via the Bootstrap, the RequestHandler and the UriBuilder.
+ *
+ * See \TYPO3\CMS\Backend\Http\RequestHandler for more details on route matching() and Bootstrap->initializeBackendRouting().
+ *
+ * The architecture is inspired by the Symfony Routing Component.
+ */
+#[Autoconfigure(
+    public: true,
+    configurator: '@' . RouterConfigurator::class,
+)]
+class Router
+{
+    /**
+     * All routes used in the TYPO3 Backend
+     */
+    protected RouteCollection $routeCollection;
+
+    public function __construct(
+        protected readonly RequestContextFactory $requestContextFactory,
+        protected readonly BackendEntryPointResolver $backendEntryPointResolver,
+    ) {
+        $this->routeCollection = new RouteCollection();
+    }
+
+    /**
+     * Adds a new route with a given identifier
+     */
+    public function addRoute(string $routeIdentifier, Route $route, array $aliases = []): void
+    {
+        $symfonyRoute = new SymfonyRoute($route->getPath(), [], [], $route->getOptions());
+        $symfonyRoute->setMethods($route->getMethods());
+        $this->routeCollection->add($routeIdentifier, $symfonyRoute);
+        foreach ($aliases as $aliasName) {
+            $this->routeCollection->addAlias($aliasName, $routeIdentifier);
+        }
+    }
+
+    public function addRouteCollection(RouteCollection $routeCollection): void
+    {
+        $this->routeCollection->addCollection($routeCollection);
+    }
+
+    /**
+     * Fetch all registered routes, only use in UriBuilder. Does not care about aliases,
+     * so be careful with using this method.
+     */
+    public function getRoutes(): \Iterator
+    {
+        return $this->routeCollection->getIterator();
+    }
+
+    public function hasRoute(string $routeName): bool
+    {
+        return $this->routeCollection->get($routeName) !== null;
+    }
+
+    /**
+     * Returns a route by its identifier, or null if nothing found.
+     *
+     * @return SymfonyRoute|Route|null
+     */
+    public function getRoute(string $routeName)
+    {
+        return $this->routeCollection->get($routeName);
+    }
+
+    /**
+     * @internal only use in Core, this should not be exposed
+     */
+    public function getRouteCollection(): RouteCollection
+    {
+        return $this->routeCollection;
+    }
+
+    /**
+     * Tries to match a URL path with a set of routes.
+     *
+     * @param string $pathInfo The path info to be parsed
+     * @return Route the first Route object found
+     * @throws ResourceNotFoundException If the resource could not be found
+     */
+    public function match($pathInfo): Route
+    {
+        foreach ($this->routeCollection->getIterator() as $routeIdentifier => $route) {
+            // This check is done in a simple way as there are no parameters yet (get parameters only)
+            if ($route->getPath() === $pathInfo) {
+                return Route::fromSymfonyRoute($route, $routeIdentifier);
+            }
+        }
+
+        throw new ResourceNotFoundException('The requested resource "' . $pathInfo . '" was not found.', 1425389240);
+    }
+
+    /**
+     * Matches a PSR-7 Request and returns a RouteResult with parameters and the resolved route.
+     */
+    public function matchResult(ServerRequestInterface $request): RouteResult
+    {
+        $path = $this->backendEntryPointResolver->getBackendRoutePath($request);
+        if ($path === null) {
+            throw new ResourceNotFoundException('The requested resource "' . $request->getUri()->getPath() . '" does not contain a known backend route prefix.', 1704787661);
+        }
+
+        if ($path === '' || $path === '/' || $path === '/index.php') {
+            // Allow the login page to be displayed if routing is not used and on index.php
+            // (consolidate RouteDispatcher::evaluateReferrer() when changing 'login' to something different)
+            $path = '/login';
+        }
+        $requestContext = $this->requestContextFactory->fromBackendRequest($request);
+        try {
+            $result = (new UrlMatcher($this->routeCollection, $requestContext))->match($path);
+            $matchedSymfonyRoute = $this->routeCollection->get($result['_route']);
+            if ($matchedSymfonyRoute === null) {
+                throw new ResourceNotFoundException('The requested resource "' . $path . '" was not found.', 1607596900);
+            }
+        } catch (\Symfony\Component\Routing\Exception\MethodNotAllowedException $e) {
+            throw new MethodNotAllowedException($e->getAllowedMethods(), 1612649842, $e);
+        } catch (\Symfony\Component\Routing\Exception\ResourceNotFoundException $e) {
+            throw new ResourceNotFoundException('The requested resource "' . $path . '" was not found.', 1612649840);
+        }
+        $route = Route::fromSymfonyRoute($matchedSymfonyRoute, $result['_route']);
+        unset($result['_route']);
+        return new RouteResult($route, $result);
+    }
+
+    /**
+     * Tries to match a URI against the registered routes.
+     * Use ->matchResult() instead, as this method will be deprecated in the future.
+     *
+     * @return Route the first Route object found
+     */
+    public function matchRequest(ServerRequestInterface $request): Route
+    {
+        return $this->matchResult($request)->getRoute();
+    }
+}
diff --git a/Classes/Routing/RouterConfigurationEvent.php b/Classes/Routing/RouterConfigurationEvent.php
new file mode 100644
index 0000000..ccc07e1
--- /dev/null
+++ b/Classes/Routing/RouterConfigurationEvent.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing;
+
+/**
+ * @internal
+ */
+final readonly class RouterConfigurationEvent
+{
+    public function __construct(
+        public Router $router,
+    ) {}
+}
diff --git a/Classes/Routing/RouterConfigurator.php b/Classes/Routing/RouterConfigurator.php
new file mode 100644
index 0000000..65132c0
--- /dev/null
+++ b/Classes/Routing/RouterConfigurator.php
@@ -0,0 +1,62 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use TYPO3\CMS\Core\Cache\Frontend\PhpFrontend;
+
+/**
+ * @internal
+ */
+final readonly class RouterConfigurator
+{
+    public function __construct(
+        #[Autowire(service: 'backend.routes', lazy: true)]
+        private \ArrayObject $backendRoutes,
+        #[Autowire(service: 'cache.core')]
+        private PhpFrontend $coreCache,
+        #[Autowire(expression: 'service("package-dependent-cache-identifier").withPrefix("BackendRoutes").toString()')]
+        private string $cacheIdentifier,
+        private EventDispatcherInterface $eventDispatcher,
+    ) {}
+
+    public function __invoke(Router $router): void
+    {
+        $routesFromPackages = $this->coreCache->require($this->cacheIdentifier);
+        if ($routesFromPackages === false) {
+            $routesFromPackages = $this->backendRoutes->getArrayCopy();
+            $this->coreCache->set($this->cacheIdentifier, 'return ' . var_export($routesFromPackages, true) . ';');
+        }
+
+        foreach ($routesFromPackages as $name => $options) {
+            $path = $options['path'];
+            $methods = $options['methods'] ?? [];
+            $aliases = $options['aliases'] ?? [];
+            unset($options['path'], $options['methods'], $options['aliases']);
+            $route = new Route($path, $options);
+            if ($methods !== []) {
+                $route->setMethods($methods);
+            }
+            $router->addRoute($name, $route, $aliases);
+        }
+
+        // Add routes from all modules
+        $this->eventDispatcher->dispatch(new RouterConfigurationEvent($router));
+    }
+}
diff --git a/Classes/Routing/UriBuilder.php b/Classes/Routing/UriBuilder.php
new file mode 100644
index 0000000..56d64c4
--- /dev/null
+++ b/Classes/Routing/UriBuilder.php
@@ -0,0 +1,205 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Routing;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Message\UriInterface;
+use Symfony\Component\Routing\Generator\UrlGenerator;
+use Symfony\Component\Routing\Generator\UrlGeneratorInterface;
+use Symfony\Component\Routing\RequestContext;
+use Symfony\Component\Routing\Route as SymfonyRoute;
+use TYPO3\CMS\Backend\Routing\Exception\ResourceNotFoundException;
+use TYPO3\CMS\Backend\Routing\Exception\RouteNotFoundException;
+use TYPO3\CMS\Backend\Routing\Exception\RouteTypeNotAllowedException;
+use TYPO3\CMS\Core\Core\Environment;
+use TYPO3\CMS\Core\Core\SystemEnvironmentBuilder;
+use TYPO3\CMS\Core\FormProtection\FormProtectionFactory;
+use TYPO3\CMS\Core\Http\Error\MethodNotAllowedException;
+use TYPO3\CMS\Core\Http\ServerRequestFactory;
+use TYPO3\CMS\Core\Http\Uri;
+use TYPO3\CMS\Core\Routing\RequestContextFactory;
+use TYPO3\CMS\Core\SingletonInterface;
+
+/**
+ * Main UrlGenerator for creating URLs for the Backend. Generates a URL based on
+ * an identifier defined by Configuration/Backend/Routes.php of an extension,
+ * and adds some more parameters to the URL.
+ *
+ * Currently only available and useful when called from Router->generate() as the information
+ * about possible routes needs to be handed over.
+ */
+class UriBuilder implements SingletonInterface
+{
+    /**
+     * Generates an absolute URL
+     */
+    public const ABSOLUTE_URL = 'url';
+
+    /**
+     * Generates an absolute path
+     */
+    public const ABSOLUTE_PATH = 'absolute';
+
+    /**
+     * Generates an absolute url for URL sharing
+     */
+    public const SHAREABLE_URL = 'share';
+
+    /**
+     * @var array<non-empty-string, UriInterface>
+     */
+    protected array $generated = [];
+
+    protected ?RequestContext $requestContext = null;
+
+    /**
+     * Loads the router to fetch the available routes from the Router to be used for generating routes
+     */
+    public function __construct(
+        protected readonly Router $router,
+        protected readonly FormProtectionFactory $formProtectionFactory,
+        protected readonly RequestContextFactory $requestContextFactory
+    ) {}
+
+    /**
+     * @internal
+     */
+    public function setRequestContext(RequestContext $requestContext): void
+    {
+        $this->requestContext = $requestContext;
+    }
+
+    /**
+     * Generates a URL or path for a specific route based on the given route.
+     * Currently used to link to the current script, it is encouraged to use "buildUriFromRoute" if possible.
+     *
+     * If there is no route with the given name, the generator throws the RouteNotFoundException.
+     *
+     * @param string $pathInfo The path to the route
+     * @param array $parameters An array of parameters
+     * @param string $referenceType The type of reference to be generated (one of the constants)
+     * @return UriInterface The generated Uri
+     * @throws RouteNotFoundException If the named route doesn't exist
+     * @throws ResourceNotFoundException If no route matches the path info
+     */
+    public function buildUriFromRoutePath($pathInfo, $parameters = [], $referenceType = self::ABSOLUTE_PATH)
+    {
+        $route = $this->router->match($pathInfo);
+        return $this->buildUriFromRoute($route->getOption('_identifier'), $parameters, $referenceType);
+    }
+
+    /**
+     * Creates a link to a page with a route targetted as a redirect, if a "deep link" is possible.
+     * Currently works just fine for URLs built for "main" and "login" pages.
+     *
+     * @param RouteRedirect|null $redirect
+     * @throws RouteNotFoundException
+     * @internal this is experimental API used for creating logins to redirect to a different route
+     */
+    public function buildUriWithRedirect(string $name, array $parameters = [], ?RouteRedirect $redirect = null, string $referenceType = self::ABSOLUTE_PATH): UriInterface
+    {
+        if ($redirect === null) {
+            return $this->buildUriFromRoute($name, $parameters, $referenceType);
+        }
+
+        try {
+            $redirect->resolve($this->router);
+        } catch (RouteNotFoundException|RouteTypeNotAllowedException|MethodNotAllowedException $e) {
+            return $this->buildUriFromRoute($name, $parameters, $referenceType);
+        }
+        $parameters['redirect'] = $redirect->getName();
+        if ($redirect->hasParameters()) {
+            $parameters['redirectParams'] = $redirect->getFormattedParameters();
+        }
+        return $this->buildUriFromRoute($name, $parameters, $referenceType);
+    }
+
+    /**
+     * A shorthand function to link to e.g. the same as in the current request, so the internal attribute "route"
+     * is properly covered and does not need to be exposed all the time.
+     */
+    public function buildUriFromRequest(ServerRequestInterface $request, array $parameters = [], string $referenceType = self::ABSOLUTE_PATH): UriInterface
+    {
+        $route = $request->getAttribute('route');
+        if (!$route instanceof Route && !$route instanceof SymfonyRoute) {
+            throw new RouteNotFoundException('No route object was given inside the request object', 1691423325);
+        }
+        return $this->buildUriFromRoute($route->getOption('_identifier'), $parameters, $referenceType);
+    }
+
+    /**
+     * Generates a URL or path for a specific route based on the given parameters.
+     * When the route is configured with "access=public" then the token generation is left out.
+     *
+     * If there is no route with the given name, the generator throws the RouteNotFoundException.
+     *
+     * @param string $name The name of the route
+     * @param array $parameters An array of parameters
+     * @param string $referenceType The type of reference to be generated (one of the constants)
+     * @return UriInterface The generated Uri
+     * @throws RouteNotFoundException If the named route doesn't exist
+     */
+    public function buildUriFromRoute($name, $parameters = [], $referenceType = self::ABSOLUTE_PATH)
+    {
+        $cacheIdentifier = 'route' . $name . serialize($parameters) . $referenceType;
+        if (isset($this->generated[$cacheIdentifier])) {
+            return $this->generated[$cacheIdentifier];
+        }
+
+        $route = $this->router->getRoute((string)$name);
+        if ($route === null) {
+            throw new RouteNotFoundException('Unable to generate a URL for the named route "' . $name . '" because this route was not found.', 1476050190);
+        }
+
+        $parameters = array_merge(
+            $route->getOption('parameters') ?? [],
+            $parameters
+        );
+
+        // If the route is not shareable and doesn't have the "public" option set, a token must be generated.
+        if ($referenceType !== self::SHAREABLE_URL && (!$route->hasOption('access') || $route->getOption('access') !== 'public')) {
+            $parameters = [
+                'token' => $this->formProtectionFactory->createForType('backend')->generateToken('route', $name),
+            ] + $parameters;
+        }
+
+        $this->generated[$cacheIdentifier] = $this->buildUri($name, $parameters, (string)$referenceType);
+        return $this->generated[$cacheIdentifier];
+    }
+
+    /**
+     * Internal method building a Uri object, merging the GET parameters array into a flat queryString
+     *
+     * @param string $routeName The route name in the collection
+     * @param array $parameters An array of GET parameters
+     * @param string $referenceType The type of reference to be generated (one of the constants)
+     */
+    protected function buildUri(string $routeName, array $parameters, string $referenceType): UriInterface
+    {
+        if (isset($this->requestContext)) {
+            $requestContext = $this->requestContext;
+        } elseif (isset($GLOBALS['TYPO3_REQUEST'])) {
+            $requestContext = $this->requestContextFactory->fromBackendRequest($GLOBALS['TYPO3_REQUEST']);
+        } elseif (!Environment::isCli()) {
+            $requestContext = $this->requestContextFactory->fromBackendRequest(ServerRequestFactory::fromGlobals()->withAttribute('applicationType', SystemEnvironmentBuilder::REQUESTTYPE_BE));
+        } else {
+            $requestContext = new RequestContext('/typo3/');
+        }
+        $urlGenerator = new UrlGenerator($this->router->getRouteCollection(), $requestContext);
+        $url = $urlGenerator->generate($routeName, $parameters, $referenceType === self::ABSOLUTE_PATH ? UrlGeneratorInterface::ABSOLUTE_PATH : UrlGeneratorInterface::ABSOLUTE_URL);
+        return new Uri($url);
+    }
+}
diff --git a/Classes/Search/Event/BeforeLiveSearchFormIsBuiltEvent.php b/Classes/Search/Event/BeforeLiveSearchFormIsBuiltEvent.php
new file mode 100644
index 0000000..5226d2e
--- /dev/null
+++ b/Classes/Search/Event/BeforeLiveSearchFormIsBuiltEvent.php
@@ -0,0 +1,107 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\Event;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\SearchDemand;
+
+/**
+ * PSR-14 event to add, change or remove data for the live search form
+ */
+final class BeforeLiveSearchFormIsBuiltEvent
+{
+    private SearchDemand $searchDemand;
+
+    /**
+     * @var array<non-empty-string, mixed>
+     */
+    private array $additionalViewData = [];
+
+    /**
+     * @param list<non-empty-string> $hints
+     */
+    public function __construct(
+        private array $hints,
+        private readonly ServerRequestInterface $request,
+    ) {
+        $this->searchDemand = SearchDemand::fromRequest($this->request);
+    }
+
+    /**
+     * @return list<non-empty-string>
+     */
+    public function getHints(): array
+    {
+        return $this->hints;
+    }
+
+    /**
+     * @param list<non-empty-string> $hints
+     */
+    public function setHints(array $hints): void
+    {
+        $this->hints = [];
+        $this->addHints(...$hints);
+    }
+
+    public function addHint(string $label): void
+    {
+        $this->addHints($label);
+    }
+
+    public function addHints(string ...$labels): void
+    {
+        foreach ($labels as $label) {
+            if ($label === '') {
+                continue;
+            }
+            $this->hints[] = $label;
+        }
+    }
+
+    public function getRequest(): ServerRequestInterface
+    {
+        return $this->request;
+    }
+
+    public function getSearchDemand(): SearchDemand
+    {
+        return $this->searchDemand;
+    }
+
+    public function setSearchDemand(SearchDemand $searchDemand): void
+    {
+        $this->searchDemand = $searchDemand;
+    }
+
+    /**
+     * @return array<non-empty-string, mixed>
+     */
+    public function getAdditionalViewData(): array
+    {
+        return $this->additionalViewData;
+    }
+
+    /**
+     * @param array<non-empty-string, mixed> $viewData
+     */
+    public function setAdditionalViewData(array $viewData): void
+    {
+        $this->additionalViewData = $viewData;
+    }
+}
diff --git a/Classes/Search/Event/BeforeSearchInDatabaseRecordProviderEvent.php b/Classes/Search/Event/BeforeSearchInDatabaseRecordProviderEvent.php
new file mode 100644
index 0000000..cddd91a
--- /dev/null
+++ b/Classes/Search/Event/BeforeSearchInDatabaseRecordProviderEvent.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\Event;
+
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\SearchDemand;
+
+/**
+ * PSR-14 event to modify the incoming input about which tables should be searched for within
+ * the live search results. This allows adding additional DB tables to be excluded / ignored, to
+ * further limit the search result on certain page IDs or to modify the search query altogether.
+ */
+final class BeforeSearchInDatabaseRecordProviderEvent
+{
+    private array $ignoredTables = [];
+
+    public function __construct(
+        private array $searchPageIds,
+        private SearchDemand $searchDemand
+    ) {}
+
+    public function getSearchPageIds(): array
+    {
+        return $this->searchPageIds;
+    }
+
+    public function setSearchPageIds(array $searchPageIds): void
+    {
+        $this->searchPageIds = $searchPageIds;
+    }
+
+    public function getSearchDemand(): SearchDemand
+    {
+        return $this->searchDemand;
+    }
+
+    public function setSearchDemand(SearchDemand $searchDemand): void
+    {
+        $this->searchDemand = $searchDemand;
+    }
+
+    public function ignoreTable(string $table): void
+    {
+        $this->ignoredTables[] = $table;
+    }
+
+    public function setIgnoredTables(array $tables): void
+    {
+        $this->ignoredTables = $tables;
+    }
+
+    public function isTableIgnored(string $table): bool
+    {
+        return in_array($table, $this->ignoredTables, true);
+    }
+
+    /**
+     * @return string[]
+     */
+    public function getIgnoredTables(): array
+    {
+        return $this->ignoredTables;
+    }
+}
diff --git a/Classes/Search/Event/ModifyConstraintsForLiveSearchEvent.php b/Classes/Search/Event/ModifyConstraintsForLiveSearchEvent.php
new file mode 100644
index 0000000..5a5c794
--- /dev/null
+++ b/Classes/Search/Event/ModifyConstraintsForLiveSearchEvent.php
@@ -0,0 +1,71 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\Event;
+
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\SearchDemand;
+use TYPO3\CMS\Core\Database\Query\Expression\CompositeExpression;
+
+/**
+ * PSR-14 event to modify the query builder instance for the live search
+ */
+final class ModifyConstraintsForLiveSearchEvent
+{
+    /**
+     * @param array<int, string|CompositeExpression> $constraints
+     */
+    public function __construct(
+        private array $constraints,
+        private readonly string $table,
+        private readonly SearchDemand $searchDemand
+    ) {}
+
+    /**
+     * @return array<int, string|CompositeExpression>
+     */
+    public function getConstraints(): array
+    {
+        return $this->constraints;
+    }
+
+    /**
+     * Note that we only add a single/multiple constraints
+     * and do not allow to remove or override existing ones. This is
+     * a safeguard to not overwrite security-related query constraints.
+     */
+    public function addConstraints(string|CompositeExpression ...$constraints): void
+    {
+        foreach ($constraints as $constraint) {
+            $this->addConstraint($constraint);
+        }
+    }
+
+    public function addConstraint(string|CompositeExpression $constraint): void
+    {
+        $this->constraints[] = $constraint;
+    }
+
+    public function getTableName(): string
+    {
+        return $this->table;
+    }
+
+    public function getSearchDemand(): SearchDemand
+    {
+        return $this->searchDemand;
+    }
+}
diff --git a/Classes/Search/Event/ModifyQueryForLiveSearchEvent.php b/Classes/Search/Event/ModifyQueryForLiveSearchEvent.php
new file mode 100644
index 0000000..3e97427
--- /dev/null
+++ b/Classes/Search/Event/ModifyQueryForLiveSearchEvent.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\Event;
+
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+
+/**
+ * PSR-14 event to modify the query builder instance for the live search
+ */
+final readonly class ModifyQueryForLiveSearchEvent
+{
+    public function __construct(private QueryBuilder $queryBuilder, private string $table) {}
+
+    public function getQueryBuilder(): QueryBuilder
+    {
+        return $this->queryBuilder;
+    }
+
+    public function getTableName(): string
+    {
+        return $this->table;
+    }
+}
diff --git a/Classes/Search/Event/ModifyResultItemInLiveSearchEvent.php b/Classes/Search/Event/ModifyResultItemInLiveSearchEvent.php
new file mode 100644
index 0000000..7f71bae
--- /dev/null
+++ b/Classes/Search/Event/ModifyResultItemInLiveSearchEvent.php
@@ -0,0 +1,33 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\Event;
+
+use TYPO3\CMS\Backend\Search\LiveSearch\ResultItem;
+
+/**
+ * PSR-14 event to modify as result item created by the live search
+ */
+final readonly class ModifyResultItemInLiveSearchEvent
+{
+    public function __construct(private ResultItem $resultItem) {}
+
+    public function getResultItem(): ResultItem
+    {
+        return $this->resultItem;
+    }
+}
diff --git a/Classes/Search/EventListener/AddLiveSearchFrontendUriResolverListener.php b/Classes/Search/EventListener/AddLiveSearchFrontendUriResolverListener.php
new file mode 100644
index 0000000..1abe5df
--- /dev/null
+++ b/Classes/Search/EventListener/AddLiveSearchFrontendUriResolverListener.php
@@ -0,0 +1,80 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\EventListener;
+
+use TYPO3\CMS\Backend\Search\Event\ModifyConstraintsForLiveSearchEvent;
+use TYPO3\CMS\Core\Attribute\AsEventListener;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Routing\SiteUrlResolver;
+
+/**
+ * Event listener to add a "search for live frontend URI" query constraint
+ *
+ * @internal
+ */
+final readonly class AddLiveSearchFrontendUriResolverListener
+{
+    public function __construct(
+        private ConnectionPool $connectionPool,
+        private SiteUrlResolver $siteUrlResolver
+    ) {}
+
+    /**
+     * For a similar implementation to the Page Tree filter instead of "Live Search":
+     * @see \TYPO3\CMS\Backend\Tree\Repository\PageTreeFilter->addUidsFromSearchPhraseWithFrontendUri()
+     */
+    #[AsEventListener('typo3/cms-backend/add-live-search-frontend-uri-resolver')]
+    public function __invoke(ModifyConstraintsForLiveSearchEvent $event): void
+    {
+        if ($event->getTableName() !== 'pages') {
+            return;
+        }
+
+        $queryString = $event->getSearchDemand()->getQuery();
+
+        // Only if a search pattern uses "http(s)://...." then a frontend URL will be resolved.
+        if (!str_starts_with($queryString, 'http://') && !str_starts_with($queryString, 'https://')) {
+            return;
+        }
+
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('pages');
+        $resolvedPage = $this->siteUrlResolver->resolvePageUidAndLanguageBySiteUrl($queryString);
+        if ($resolvedPage !== null) {
+            $event->addConstraint(
+                $queryBuilder->expr()->or(
+                    $queryBuilder->expr()->eq(
+                        'uid',
+                        $resolvedPage['uid'],
+                    ),
+                    // On top of the common default page, finding a result by its URI also attaches
+                    // the specific language version, too.
+                    $queryBuilder->expr()->and(
+                        $queryBuilder->expr()->eq(
+                            'sys_language_uid',
+                            $resolvedPage['languageUid'],
+                        ),
+                        $queryBuilder->expr()->eq(
+                            'l10n_parent',
+                            $resolvedPage['uid'],
+                        ),
+                    ),
+                ),
+            );
+        }
+    }
+}
diff --git a/Classes/Search/EventListener/AddLiveSearchResultActionsListener.php b/Classes/Search/EventListener/AddLiveSearchResultActionsListener.php
new file mode 100644
index 0000000..d63ede3
--- /dev/null
+++ b/Classes/Search/EventListener/AddLiveSearchResultActionsListener.php
@@ -0,0 +1,82 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\EventListener;
+
+use TYPO3\CMS\Backend\Search\Event\ModifyResultItemInLiveSearchEvent;
+use TYPO3\CMS\Backend\Search\LiveSearch\DatabaseRecordProvider;
+use TYPO3\CMS\Backend\Search\LiveSearch\ResultItem;
+use TYPO3\CMS\Backend\Search\LiveSearch\ResultItemAction;
+use TYPO3\CMS\Core\Attribute\AsEventListener;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageServiceFactory;
+
+/**
+ * Event listener to add actions to search results
+ *
+ * @internal
+ */
+final readonly class AddLiveSearchResultActionsListener
+{
+    public function __construct(
+        private IconFactory $iconFactory,
+        private LanguageServiceFactory $languageServiceFactory
+    ) {}
+
+    #[AsEventListener('typo3/cms-backend/add-live-search-result-actions-listener')]
+    public function __invoke(ModifyResultItemInLiveSearchEvent $event): void
+    {
+        $resultItem = $event->getResultItem();
+        if ($resultItem->getProviderClassName() !== DatabaseRecordProvider::class) {
+            return;
+        }
+
+        if (($resultItem->getExtraData()['table'] ?? null) === 'be_users') {
+            $this->addSwitchUserAction($resultItem);
+        }
+    }
+
+    private function addSwitchUserAction(ResultItem $resultItem): void
+    {
+        $row = $resultItem->getInternalData()['row'];
+        $backendUserIsActive
+            = (int)$row['disable'] === 0
+            && ($row['starttime'] === 0 && $row['endtime'] === 0 || $row['starttime'] <= time() && ($row['starttime'] === 0 && $row['endtime'] > time()));
+        $currentUser = $this->getBackendUser();
+
+        if (
+            $backendUserIsActive
+            && $currentUser->isAdmin()
+            && $currentUser->getOriginalUserIdWhenInSwitchUserMode() === null
+            && (int)$currentUser->getUserId() !== (int)$resultItem->getExtraData()['uid']
+        ) {
+            $languageService = $this->languageServiceFactory->createFromUserPreferences($this->getBackendUser());
+            $switchUserAction = (new ResultItemAction('switch_backend_user'))
+                ->setLabel($languageService->sL('LLL:EXT:beuser/Resources/Private/Language/locallang.xlf:switchBackMode'))
+                ->setIcon($this->iconFactory->getIcon('actions-system-backend-user-switch', IconSize::SMALL))
+                ->setUrl('#');
+            $resultItem->addAction($switchUserAction);
+        }
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Search/EventListener/ExcludePagesFromSearchFieldsLookup.php b/Classes/Search/EventListener/ExcludePagesFromSearchFieldsLookup.php
new file mode 100644
index 0000000..1610ec2
--- /dev/null
+++ b/Classes/Search/EventListener/ExcludePagesFromSearchFieldsLookup.php
@@ -0,0 +1,35 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\EventListener;
+
+use TYPO3\CMS\Backend\Search\Event\BeforeSearchInDatabaseRecordProviderEvent;
+use TYPO3\CMS\Core\Attribute\AsEventListener;
+
+/**
+ * Event listener to exclude the "pages" table from the table lookup of the database record provider
+ *
+ * @internal
+ */
+final class ExcludePagesFromSearchFieldsLookup
+{
+    #[AsEventListener('typo3/cms-backend/exclude-pages-from-search-fields-lookup')]
+    public function __invoke(BeforeSearchInDatabaseRecordProviderEvent $event): void
+    {
+        $event->ignoreTable('pages');
+    }
+}
diff --git a/Classes/Search/LiveSearch/BackendModuleProvider.php b/Classes/Search/LiveSearch/BackendModuleProvider.php
new file mode 100644
index 0000000..714cc08
--- /dev/null
+++ b/Classes/Search/LiveSearch/BackendModuleProvider.php
@@ -0,0 +1,111 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\LiveSearch;
+
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Routing\Exception\RouteNotFoundException;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\SearchDemand;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Localization\LanguageServiceFactory;
+
+class BackendModuleProvider implements SearchProviderInterface
+{
+    private LanguageService $languageService;
+
+    public function __construct(
+        private readonly LanguageServiceFactory $languageServiceFactory,
+        private readonly UriBuilder $uriBuilder,
+        private readonly IconFactory $iconFactory,
+        private readonly ModuleProvider $moduleProvider
+    ) {
+        $this->languageService = $this->languageServiceFactory->createFromUserPreferences($this->getBackendUser());
+    }
+
+    public function getFilterLabel(): string
+    {
+        return $this->languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:liveSearch.backendModuleProvider.filterLabel');
+    }
+
+    public function find(SearchDemand $searchDemand): array
+    {
+        $items = [];
+
+        foreach ($this->getFilteredModules($searchDemand) as $module) {
+            // we can't generate accessible URLs for all modules by their identifier
+            // if URL generation fails, we don't create an action to open a module
+            // and if no actions exist, we skip result item creation altogether
+            try {
+                $moduleUrl = (string)$this->uriBuilder->buildUriFromRoute($module->getIdentifier());
+            } catch (RouteNotFoundException) {
+                continue;
+            }
+
+            $action = (new ResultItemAction('open_module'))
+                ->setLabel($this->languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:resultItem.backendModuleProvider.openModule'))
+                ->setUrl($moduleUrl);
+
+            $iconIdentifier = $module->getIconIdentifier();
+            if ($iconIdentifier === '' && $module->hasParentModule()) {
+                $iconIdentifier = $module->getParentModule()->getIconIdentifier();
+            }
+
+            $items[] = (new ResultItem(self::class))
+                ->setItemTitle($this->languageService->sL($module->getTitle()))
+                ->setTypeLabel($this->languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:liveSearch.backendModuleProvider.typeLabel'))
+                ->setIcon($this->iconFactory->getIcon($iconIdentifier, IconSize::SMALL))
+                ->setActions($action)
+                ->setExtraData([
+                    'moduleIdentifier' => $module->getIdentifier(),
+                ]);
+        }
+
+        return $items;
+    }
+
+    public function count(SearchDemand $searchDemand): int
+    {
+        return count($this->getFilteredModules($searchDemand));
+    }
+
+    /**
+     * @return list<ModuleInterface>
+     */
+    private function getFilteredModules(SearchDemand $searchDemand): array
+    {
+        $normalizedQuery = mb_strtolower($searchDemand->getQuery());
+        $filteredModules = array_filter(
+            $this->moduleProvider->getModules($this->getBackendUser(), true, false),
+            fn(ModuleInterface $module) => str_contains(mb_strtolower($this->languageService->sL($module->getTitle())), $normalizedQuery)
+        );
+
+        $firstResult = $searchDemand->getOffset();
+        $remainingItems = $searchDemand->getLimit();
+
+        return array_slice($filteredModules, $firstResult, $remainingItems, true);
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Search/LiveSearch/DatabaseRecordActionType.php b/Classes/Search/LiveSearch/DatabaseRecordActionType.php
new file mode 100644
index 0000000..e1aa546
--- /dev/null
+++ b/Classes/Search/LiveSearch/DatabaseRecordActionType.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\LiveSearch;
+
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+enum DatabaseRecordActionType: string
+{
+    case EDIT = 'edit';
+    case LIST = 'list';
+    case LAYOUT = 'layout';
+    case PREVIEW = 'preview';
+
+    /**
+     * Resolve the default action identifier from TSconfig:
+     * 1. Table-specific default (options.liveSearch.actions.<TABLE>.default)
+     * 2. Global default (options.liveSearch.actions.default)
+     * 3. Fallback to EDIT (for pages to LAYOUT)
+     * The value is then converted to a DatabaseRecordActionType enum;
+     * if conversion fails, fallback is used as a safe default.
+     *
+     * @param BackendUserAuthentication $backendUser The current backend user
+     * @param string $table The table name to find the default action for
+     * @return DatabaseRecordActionType NULL if file is missing or deleted, the generated url otherwise
+     */
+    public static function fromUserForTable(BackendUserAuthentication $backendUser, string $table): DatabaseRecordActionType
+    {
+        $defaultAction = $table === 'pages' ? self::LAYOUT : self::EDIT;
+        $userTsConfig = $backendUser->getTSConfig();
+
+        return self::tryFrom(
+            $userTsConfig['options.']['liveSearch.']['actions.'][$table . '.']['default']
+            ?? $userTsConfig['options.']['liveSearch.']['actions.']['default']
+            ?? $defaultAction->value
+        ) ?? $defaultAction;
+    }
+}
diff --git a/Classes/Search/LiveSearch/DatabaseRecordProvider.php b/Classes/Search/LiveSearch/DatabaseRecordProvider.php
new file mode 100644
index 0000000..3ca01b4
--- /dev/null
+++ b/Classes/Search/LiveSearch/DatabaseRecordProvider.php
@@ -0,0 +1,600 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\LiveSearch;
+
+use Doctrine\DBAL\ArrayParameterType;
+use Doctrine\DBAL\Platforms\PostgreSQLPlatform as DoctrinePostgreSQLPlatform;
+use Psr\EventDispatcher\EventDispatcherInterface;
+use TYPO3\CMS\Backend\Routing\PreviewUriBuilder;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Search\Event\BeforeSearchInDatabaseRecordProviderEvent;
+use TYPO3\CMS\Backend\Search\Event\ModifyConstraintsForLiveSearchEvent;
+use TYPO3\CMS\Backend\Search\Event\ModifyQueryForLiveSearchEvent;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\DemandProperty;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\DemandPropertyName;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\SearchDemand;
+use TYPO3\CMS\Backend\Tree\Repository\PageTreeRepository;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Expression\CompositeExpression;
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Exception\SiteNotFoundException;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Localization\LanguageServiceFactory;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\Field\DateTimeFieldType;
+use TYPO3\CMS\Core\Schema\Field\NumberFieldType;
+use TYPO3\CMS\Core\Schema\SearchableSchemaFieldsCollector;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Search provider to query records from database
+ *
+ * @internal
+ */
+final class DatabaseRecordProvider implements SearchProviderInterface
+{
+    private const int RECURSIVE_PAGE_LEVEL = 99;
+
+    private LanguageService $languageService;
+    private string $userPermissions;
+    private array $pageIdList = [];
+
+    public function __construct(
+        private readonly EventDispatcherInterface $eventDispatcher,
+        private readonly IconFactory $iconFactory,
+        private readonly LanguageServiceFactory $languageServiceFactory,
+        private readonly SiteFinder $siteFinder,
+        private readonly UriBuilder $uriBuilder,
+        private readonly QueryParser $queryParser,
+        private readonly SearchableSchemaFieldsCollector $searchableSchemaFieldsCollector,
+        private readonly TcaSchemaFactory $tcaSchemaFactory,
+        private readonly ConnectionPool $connectionPool,
+    ) {
+        $this->languageService = $this->languageServiceFactory->createFromUserPreferences($this->getBackendUser());
+        $this->userPermissions = $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW);
+    }
+
+    public function getFilterLabel(): string
+    {
+        return $this->languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:liveSearch.databaseRecordProvider.filterLabel');
+    }
+
+    public function count(SearchDemand $searchDemand): int
+    {
+        $count = 0;
+        $event = $this->eventDispatcher->dispatch(
+            new BeforeSearchInDatabaseRecordProviderEvent($this->getPageIdList(), $searchDemand)
+        );
+        $this->pageIdList = $event->getSearchPageIds();
+        $searchDemand = $event->getSearchDemand();
+
+        $accessibleTables = $this->getAccessibleTables($event);
+
+        $parsedCommand = $this->parseCommand($searchDemand);
+        $searchDemand = $parsedCommand['searchDemand'];
+        if ($parsedCommand['table'] !== null && in_array($parsedCommand['table'], $accessibleTables)) {
+            $accessibleTables = [$parsedCommand['table']];
+        }
+
+        foreach ($accessibleTables as $tableName) {
+            $count += $this->countByTable($searchDemand, $tableName);
+        }
+
+        return $count;
+    }
+
+    /**
+     * @return ResultItem[]
+     */
+    public function find(SearchDemand $searchDemand): array
+    {
+        $result = [];
+        $remainingItems = $searchDemand->getLimit();
+        $offset = $searchDemand->getOffset();
+        if ($remainingItems < 1) {
+            return [];
+        }
+
+        $event = $this->eventDispatcher->dispatch(
+            new BeforeSearchInDatabaseRecordProviderEvent($this->getPageIdList(), $searchDemand)
+        );
+        $this->pageIdList = $event->getSearchPageIds();
+        $searchDemand = $event->getSearchDemand();
+        $accessibleTables = $this->getAccessibleTables($event);
+
+        $parsedCommand = $this->parseCommand($searchDemand);
+        $searchDemand = $parsedCommand['searchDemand'];
+        if ($parsedCommand['table'] !== null && in_array($parsedCommand['table'], $accessibleTables)) {
+            $accessibleTables = [$parsedCommand['table']];
+        }
+
+        foreach ($accessibleTables as $tableName) {
+            if ($remainingItems < 1) {
+                break;
+            }
+
+            // To have a reliable offset calculation across several database tables, we have to count the amount of
+            // records and subtract the amount from the offset to be used, IF the amount is smaller than the requested
+            // offset. At any point, the offset will be smaller than the amount of records, which will then be used in
+            // ->findByTable().
+            // If any subsequent ->findByTable() call returns a result, the offset becomes irrelevant and is then zeroed.
+            if ($offset > 0) {
+                $tableCount = $this->countByTable($searchDemand, $tableName);
+                if ($tableCount <= $offset) {
+                    $offset = max(0, $offset - $tableCount);
+                    continue;
+                }
+            }
+
+            $tableResult = $this->findByTable($searchDemand, $tableName, $remainingItems, $offset);
+            if ($tableResult !== []) {
+                $remainingItems -= count($tableResult);
+                $offset = 0;
+                $result[] = $tableResult;
+            }
+        }
+
+        return array_merge([], ...$result);
+    }
+
+    private function parseCommand(SearchDemand $searchDemand): array
+    {
+        $tableName = null;
+        $commandQuery = null;
+        $query = $searchDemand->getQuery();
+
+        if ($this->queryParser->isValidCommand($query)) {
+            $commandQuery = $query;
+        } elseif ($this->queryParser->isValidPageJump($query)) {
+            $commandQuery = $this->queryParser->getCommandForPageJump($query);
+        }
+
+        if ($commandQuery !== null) {
+            $tableName = $this->queryParser->getTableNameFromCommand($query);
+            $extractedQueryString = $this->queryParser->getSearchQueryValue($commandQuery);
+            $searchDemand = new SearchDemand([
+                new DemandProperty(DemandPropertyName::query, $extractedQueryString),
+                ...array_filter(
+                    $searchDemand->getProperties(),
+                    static fn(DemandProperty $demandProperty): bool => $demandProperty->getName() !== DemandPropertyName::query
+                ),
+            ]);
+        }
+
+        return [
+            'searchDemand' => $searchDemand,
+            'table' => $tableName,
+        ];
+    }
+
+    private function getQueryBuilderForTable(SearchDemand $searchDemand, string $tableName): ?QueryBuilder
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable($tableName);
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace, true));
+
+        $constraints = $this->buildConstraintsForTable($searchDemand->getQuery(), $queryBuilder, $tableName);
+        $event = $this->eventDispatcher->dispatch(new ModifyConstraintsForLiveSearchEvent($constraints, $tableName, $searchDemand));
+        $constraints = $event->getConstraints();
+        if ($constraints === []) {
+            return null;
+        }
+
+        $queryBuilder
+            ->from($tableName)
+            ->where(
+                $queryBuilder->expr()->or(...$constraints)
+            );
+
+        if ($this->pageIdList !== []) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->in(
+                    'pid',
+                    $queryBuilder->createNamedParameter($this->pageIdList, ArrayParameterType::INTEGER)
+                )
+            );
+        }
+
+        /** @var ModifyQueryForLiveSearchEvent $event */
+        $event = $this->eventDispatcher->dispatch(new ModifyQueryForLiveSearchEvent($queryBuilder, $tableName));
+
+        return $event->getQueryBuilder();
+    }
+
+    private function countByTable(SearchDemand $searchDemand, string $tableName): int
+    {
+        $queryBuilder = $this->getQueryBuilderForTable($searchDemand, $tableName);
+        return (int)$queryBuilder?->count('*')->executeQuery()->fetchOne();
+    }
+
+    /**
+     * @return ResultItem[]
+     */
+    private function findByTable(SearchDemand $searchDemand, string $tableName, int $limit, int $offset): array
+    {
+        $queryBuilder = $this->getQueryBuilderForTable($searchDemand, $tableName);
+        if ($queryBuilder === null) {
+            return [];
+        }
+
+        $queryBuilder
+            ->select('*')
+            ->setFirstResult($offset)
+            ->setMaxResults($limit);
+
+        $queryBuilder->addOrderBy('uid', 'DESC');
+
+        $items = [];
+        $result = $queryBuilder->executeQuery();
+        $schema = $this->tcaSchemaFactory->get($tableName);
+        $rootLevelCapability = $schema->getCapability(TcaSchemaCapability::RestrictionRootLevel);
+        $hasWorkspaceCapability = $schema->hasCapability(TcaSchemaCapability::Workspace);
+
+        while ($row = $result->fetchAssociative()) {
+            BackendUtility::workspaceOL($tableName, $row);
+            if (!is_array($row)) {
+                continue;
+            }
+
+            $actions = [];
+
+            $editActionLink = $this->getEditActionLink($tableName, $row);
+            if ($editActionLink !== '') {
+                $actions[DatabaseRecordActionType::EDIT->value] = (new ResultItemAction(DatabaseRecordActionType::EDIT->value))
+                    ->setLabel($this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.edit'))
+                    ->setIcon($this->iconFactory->getIcon('actions-open', IconSize::SMALL))
+                    ->setUrl($editActionLink);
+            }
+
+            $layoutActionLink = $this->getLayoutActionLink($tableName, $row);
+            if ($layoutActionLink !== '') {
+                $actions[DatabaseRecordActionType::LAYOUT->value] = (new ResultItemAction(DatabaseRecordActionType::LAYOUT->value))
+                    ->setLabel($this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.view.layout'))
+                    ->setIcon($this->iconFactory->getIcon('actions-viewmode-layout', IconSize::SMALL))
+                    ->setUrl($layoutActionLink);
+            }
+
+            $listActionLink = $this->getRecordsActionLink($tableName, $row);
+            if ($listActionLink !== '') {
+                $actions[DatabaseRecordActionType::LIST->value] = (new ResultItemAction(DatabaseRecordActionType::LIST->value))
+                    ->setLabel($this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.showList'))
+                    ->setIcon($this->iconFactory->getIcon('actions-list', IconSize::SMALL))
+                    ->setUrl($listActionLink);
+            }
+
+            $previewActionLink = $this->getPreviewActionLink($tableName, $row);
+            if ($previewActionLink !== '') {
+                $actions[DatabaseRecordActionType::PREVIEW->value] = (new ResultItemAction(DatabaseRecordActionType::PREVIEW->value))
+                    ->setLabel($this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.showPage'))
+                    ->setIcon($this->iconFactory->getIcon('actions-file-view', IconSize::SMALL))
+                    ->setUrl($previewActionLink);
+            }
+
+            // Find the default action
+            $defaultActionIdentifier = DatabaseRecordActionType::fromUserForTable($this->getBackendUser(), $tableName);
+            $defaultAction = $actions[$defaultActionIdentifier->value] ?? null;
+
+            $extraData = [
+                'table' => $tableName,
+                'uid' => $row['uid'],
+                'inWorkspace' => $hasWorkspaceCapability && $row['t3ver_wsid'] > 0,
+            ];
+            if ($rootLevelCapability->canExistOnPages()) {
+                $extraData['breadcrumb'] = BackendUtility::getRecordPath($row['pid'], 'AND ' . $this->userPermissions, 0);
+            }
+
+            $language = null;
+            if ($schema->hasCapability(TcaSchemaCapability::Language)) {
+                $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+                $languageFieldName = $languageCapability->getLanguageField()->getName();
+                $languageId = (int)($row[$languageFieldName] ?? 0);
+                $language = $this->resolveLanguage((int)($row['pid'] ?? 0), $languageId);
+            }
+
+            $icon = $this->iconFactory->getIconForRecord($tableName, $row, IconSize::SMALL);
+            $recordTitle = BackendUtility::getRecordTitle($tableName, $row);
+            $items[] = (new ResultItem(self::class))
+                ->setItemTitle(BackendUtility::cropToTitleLength($recordTitle))
+                ->setTypeLabel($schema->getTitle($this->languageService->sL(...)) ?: $tableName)
+                ->setIcon($icon)
+                ->setActions(...array_values($actions))
+                ->setDefaultAction($defaultAction)
+                ->setLanguage($language)
+                ->setExtraData($extraData)
+                ->setInternalData([
+                    'row' => $row,
+                ])
+            ;
+        }
+
+        return $items;
+    }
+
+    private function canAccessTable(string $tableName): bool
+    {
+        if (!$this->tcaSchemaFactory->has($tableName)) {
+            return true;
+        }
+        $schema = $this->tcaSchemaFactory->get($tableName);
+        if ($schema->hasCapability(TcaSchemaCapability::HideInUi)) {
+            return false;
+        }
+        if (!$this->getBackendUser()->check('tables_select', $tableName)
+            && !$this->getBackendUser()->check('tables_modify', $tableName)) {
+            return false;
+        }
+
+        return true;
+    }
+
+    private function getAccessibleTables(BeforeSearchInDatabaseRecordProviderEvent $event): array
+    {
+        return array_filter($this->tcaSchemaFactory->all()->getNames(), function (string $tableName) use ($event): bool {
+            return $this->canAccessTable($tableName) && !$event->isTableIgnored($tableName);
+        });
+    }
+
+    /**
+     * List of available page uids for user, empty array for admin users.
+     *
+     * @return int[]
+     */
+    private function getPageIdList(): array
+    {
+        if ($this->getBackendUser()->isAdmin()) {
+            return [];
+        }
+        $mounts = $this->getBackendUser()->getWebmounts();
+        $pageList = $mounts;
+        $repository = GeneralUtility::makeInstance(PageTreeRepository::class);
+        $repository->setAdditionalWhereClause($this->userPermissions);
+        $pages = $repository->getFlattenedPages($mounts, self::RECURSIVE_PAGE_LEVEL);
+        foreach ($pages as $page) {
+            $pageList[] = (int)$page['uid'];
+        }
+        return $pageList;
+    }
+
+    /**
+     * @return CompositeExpression[]
+     */
+    private function buildConstraintsForTable(string $queryString, QueryBuilder $queryBuilder, string $tableName): array
+    {
+        $platform = $queryBuilder->getConnection()->getDatabasePlatform();
+        $isPostgres = $platform instanceof DoctrinePostgreSQLPlatform;
+        $fieldsToSearchWithin = $this->searchableSchemaFieldsCollector->getFields($tableName);
+        [$subSchemaDivisorFieldName, $fieldsSubSchemaTypes] = $this->searchableSchemaFieldsCollector->getSchemaFieldSubSchemaTypes($tableName);
+        $constraints = [];
+        // If the search string is a simple integer, assemble an equality comparison
+        if (MathUtility::canBeInterpretedAsInteger($queryString)) {
+            // Add uid and pid constraint
+            $constraints[] = $queryBuilder->expr()->eq(
+                'uid',
+                $queryBuilder->createNamedParameter($queryString, Connection::PARAM_INT)
+            );
+            $constraints[] = $queryBuilder->expr()->eq(
+                'pid',
+                $queryBuilder->createNamedParameter($queryString, Connection::PARAM_INT)
+            );
+            foreach ($fieldsToSearchWithin as $fieldName => $field) {
+                // Assemble the search condition only if the field is an integer
+                if ($field instanceof NumberFieldType || $field instanceof DateTimeFieldType) {
+                    $searchConstraint = $queryBuilder->expr()->eq(
+                        $fieldName,
+                        $queryBuilder->createNamedParameter($queryString, Connection::PARAM_INT)
+                    );
+                } else {
+                    // Otherwise assemble a like condition
+                    $searchConstraint = $queryBuilder->expr()->like(
+                        $fieldName,
+                        $queryBuilder->createNamedParameter(
+                            '%' . $queryBuilder->escapeLikeWildcards($queryString) . '%'
+                        )
+                    );
+                }
+
+                // If this table has subtypes (e.g. tt_content.CType), we want to ensure that only CType that contain
+                // e.g. "bodytext" in their list of fields, to search through them. This is important when a field
+                // is filled but its type has been changed.
+                if ($subSchemaDivisorFieldName !== ''
+                    && isset($fieldsSubSchemaTypes[$fieldName])
+                    && $fieldsSubSchemaTypes[$fieldName] !== []
+                ) {
+                    // Using `IN()` with a string-value quoted list is fine for all database systems, even when
+                    // used on integer-typed fields and no additional work required here to mitigate something.
+                    $searchConstraint = $queryBuilder->expr()->and(
+                        $searchConstraint,
+                        $queryBuilder->expr()->in(
+                            $subSchemaDivisorFieldName,
+                            $queryBuilder->quoteArrayBasedValueListToStringList($fieldsSubSchemaTypes[$fieldName])
+                        ),
+                    );
+                }
+
+                $constraints[] = $searchConstraint;
+            }
+        } else {
+            $like = '%' . $queryBuilder->escapeLikeWildcards($queryString) . '%';
+            foreach ($fieldsToSearchWithin as $fieldName => $field) {
+                // Enforce case-insensitive comparison by lower-casing field and value, unrelated to charset/collation
+                // on MySQL/MariaDB, for example if column collation is `utf8mb4_bin` - which would be case-sensitive.
+                $preparedFieldName = $isPostgres
+                    ? $queryBuilder->castFieldToTextType($fieldName)
+                    : $queryBuilder->quoteIdentifier($fieldName);
+                $searchConstraint = $queryBuilder->expr()->comparison(
+                    'LOWER(' . $preparedFieldName . ')',
+                    'LIKE',
+                    $queryBuilder->createNamedParameter(mb_strtolower($like))
+                );
+
+                // If this table has subtypes (e.g. tt_content.CType), we want to ensure that only CType that contain
+                // e.g. "bodytext" in their list of fields, to search through them. This is important when a field
+                // is filled but its type has been changed.
+                if ($subSchemaDivisorFieldName !== ''
+                    && isset($fieldsSubSchemaTypes[$fieldName])
+                    && $fieldsSubSchemaTypes[$fieldName] !== []
+                ) {
+                    // Using `IN()` with a string-value quoted list is fine for all database systems, even when
+                    // used on integer-typed fields and no additional work required here to mitigate something.
+                    $searchConstraint = $queryBuilder->expr()->and(
+                        $searchConstraint,
+                        $queryBuilder->expr()->in(
+                            $subSchemaDivisorFieldName,
+                            $queryBuilder->quoteArrayBasedValueListToStringList($fieldsSubSchemaTypes[$fieldName])
+                        ),
+                    );
+                }
+
+                $constraints[] = $searchConstraint;
+            }
+        }
+
+        return $constraints;
+    }
+
+    /**
+     * Build a backend edit link based on given record.
+     *
+     * @param string $tableName Record table name
+     * @param array $row Current record row from database.
+     * @return string Link to open an edit window for record.
+     * @see \TYPO3\CMS\Backend\Utility\BackendUtility::readPageAccess()
+     */
+    private function getEditActionLink(string $tableName, array $row): string
+    {
+        $backendUser = $this->getBackendUser();
+        $editLink = '';
+        $permissionSet = new Permission($backendUser->calcPerms(BackendUtility::readPageAccess($row['pid'], $this->userPermissions) ?: []));
+        $schema = $this->tcaSchemaFactory->get($tableName);
+        if (!$schema->hasCapability(TcaSchemaCapability::AccessReadOnly)
+            && (
+                $backendUser->isAdmin()
+                || (
+                    $permissionSet->editContentPermissionIsGranted()
+                    && !$schema->hasCapability(TcaSchemaCapability::AccessAdminOnly)
+                    && $backendUser->check('tables_modify', $tableName)
+                    && $backendUser->checkRecordEditAccess($tableName, $row)->isAllowed
+                )
+            )
+        ) {
+            // @todo pass module context to live search and pass module context to edit link and use for return url
+            $returnUrl = (string)$this->uriBuilder->buildUriFromRoute('records', ['id' => $row['pid']]);
+            $editLink = (string)$this->uriBuilder->buildUriFromRoute('record_edit', [
+                'edit[' . $tableName . '][' . $row['uid'] . ']' => 'edit',
+                'returnUrl' => $returnUrl,
+            ]);
+        }
+        return $editLink;
+    }
+
+    /**
+     * Build a link to the page layout for the given record.
+     *
+     * @param array $row Current record row from database.
+     * @return string Link to open an edit window for record.
+     */
+    private function getLayoutActionLink(string $tableName, array $row): string
+    {
+        $showLink = '';
+        if ($tableName !== 'tt_content') {
+            return $showLink;
+        }
+        if ($this->hasPagesAccess($row)) {
+            $parameter = [
+                'id' => $row['pid'],
+                'languages' => [$row['language_tag']],
+            ];
+            $showLink = ((string)$this->uriBuilder->buildUriFromRoute('web_layout', $parameter)) . '#element-' . $tableName . '-' . $row['uid'];
+        }
+        return $showLink;
+    }
+
+    /**
+     * Build a link to the record list based on given record.
+     *
+     * @param array $row Current record row from database.
+     * @return string Link to open an edit window for record.
+     */
+    private function getRecordsActionLink(string $table, array $row): string
+    {
+        return $this->hasPagesAccess($row) ? (((string)$this->uriBuilder->buildUriFromRoute('records', ['id' => $row['pid']])) . '#t3-table-' . $table) : '';
+    }
+
+    /**
+     * Build a preview link to display the record in the frontend.
+     *
+     * @param array $row Current record row from database.
+     * @return string Link to open an edit window for record.
+     */
+    private function getPreviewActionLink(string $table, array $row): string
+    {
+        $previewLink = '';
+        if ($this->hasPagesAccess($row)) {
+            $previewUriBuilder = PreviewUriBuilder::createForRecordPreview($table, $row, (int)($row['pid'] ?? 0));
+            if ($previewUriBuilder->isPreviewable()) {
+                $previewLink = (string)$previewUriBuilder->buildUri();
+            }
+        }
+        return $previewLink;
+    }
+
+    private function hasPagesAccess(array $row): bool
+    {
+        $backendUser = $this->getBackendUser();
+        $permissionSet = new Permission($backendUser->calcPerms(BackendUtility::getRecord('pages', $row['pid']) ?? []));
+        $pagesSchema = $this->tcaSchemaFactory->get('pages');
+        return $backendUser->isAdmin()
+            || (
+                $permissionSet->showPagePermissionIsGranted()
+                && !$pagesSchema->hasCapability(TcaSchemaCapability::AccessAdminOnly)
+                && $backendUser->check('tables_select', 'pages')
+            );
+    }
+
+    private function resolveLanguage(int $pageUid, int $languageId): ?array
+    {
+        try {
+            $siteLanguage = $this->siteFinder->getSiteByPageId($pageUid)->getLanguageById($languageId);
+            return [
+                'id' => $siteLanguage->getLanguageId(),
+                'title' => $siteLanguage->getTitle(),
+                'iconIdentifier' => $siteLanguage->getFlagIdentifier(),
+            ];
+        } catch (SiteNotFoundException|\InvalidArgumentException) {
+            return null;
+        }
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Search/LiveSearch/PageRecordProvider.php b/Classes/Search/LiveSearch/PageRecordProvider.php
new file mode 100644
index 0000000..72e5b23
--- /dev/null
+++ b/Classes/Search/LiveSearch/PageRecordProvider.php
@@ -0,0 +1,508 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\LiveSearch;
+
+use Doctrine\DBAL\ArrayParameterType;
+use Doctrine\DBAL\Platforms\PostgreSQLPlatform as DoctrinePostgreSQLPlatform;
+use Psr\EventDispatcher\EventDispatcherInterface;
+use TYPO3\CMS\Backend\Routing\PreviewUriBuilder;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Search\Event\ModifyConstraintsForLiveSearchEvent;
+use TYPO3\CMS\Backend\Search\Event\ModifyQueryForLiveSearchEvent;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\DemandProperty;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\DemandPropertyName;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\SearchDemand;
+use TYPO3\CMS\Backend\Tree\Repository\PageTreeRepository;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Expression\CompositeExpression;
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Exception\SiteNotFoundException;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Localization\LanguageServiceFactory;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\Field\DateTimeFieldType;
+use TYPO3\CMS\Core\Schema\Field\NumberFieldType;
+use TYPO3\CMS\Core\Schema\SearchableSchemaFieldsCollector;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Search provider to query pages from database
+ *
+ * @internal
+ */
+final class PageRecordProvider implements SearchProviderInterface
+{
+    private const int RECURSIVE_PAGE_LEVEL = 99;
+
+    private LanguageService $languageService;
+    private string $userPermissions;
+    private array $pageIdList = [];
+
+    public function __construct(
+        private readonly EventDispatcherInterface $eventDispatcher,
+        private readonly IconFactory $iconFactory,
+        private readonly LanguageServiceFactory $languageServiceFactory,
+        private readonly UriBuilder $uriBuilder,
+        private readonly QueryParser $queryParser,
+        private readonly SiteFinder $siteFinder,
+        private readonly SearchableSchemaFieldsCollector $searchableSchemaFieldsCollector,
+        private readonly TcaSchemaFactory $tcaSchemaFactory,
+        private readonly ConnectionPool $connectionPool,
+    ) {
+        $this->languageService = $this->languageServiceFactory->createFromUserPreferences($this->getBackendUser());
+        $this->userPermissions = $this->getBackendUser()->getPagePermsClause(Permission::PAGE_SHOW);
+    }
+
+    public function getFilterLabel(): string
+    {
+        return $this->languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:liveSearch.pageRecordProvider.filterLabel');
+    }
+
+    public function count(SearchDemand $searchDemand): int
+    {
+        $searchDemand = $this->parseCommand($searchDemand);
+        $queryBuilder = $this->getQueryBuilderForTable($searchDemand);
+        return (int)$queryBuilder?->count('*')->executeQuery()->fetchOne();
+    }
+
+    /**
+     * @return ResultItem[]
+     */
+    public function find(SearchDemand $searchDemand): array
+    {
+        $this->pageIdList = $this->getPageIdList();
+        $result = [];
+
+        $remainingItems = $searchDemand->getLimit();
+        $searchDemand = $this->parseCommand($searchDemand);
+        $tableResult = $this->findByTable($searchDemand, $remainingItems);
+
+        $result[] = $tableResult;
+
+        return array_merge([], ...$result);
+    }
+
+    private function parseCommand(SearchDemand $searchDemand): SearchDemand
+    {
+        $commandQuery = null;
+        $query = $searchDemand->getQuery();
+
+        if ($this->queryParser->isValidCommand($query)) {
+            $commandQuery = $query;
+        } elseif ($this->queryParser->isValidPageJump($query)) {
+            $commandQuery = $this->queryParser->getCommandForPageJump($query);
+        }
+
+        if ($commandQuery !== null) {
+            $tableName = $this->queryParser->getTableNameFromCommand($query);
+            if ($tableName === 'pages') {
+                $extractedQueryString = $this->queryParser->getSearchQueryValue($commandQuery);
+                $searchDemand = new SearchDemand([
+                    new DemandProperty(DemandPropertyName::query, $extractedQueryString),
+                    ...array_filter(
+                        $searchDemand->getProperties(),
+                        static fn(DemandProperty $demandProperty): bool => $demandProperty->getName() !== DemandPropertyName::query
+                    ),
+                ]);
+            }
+        }
+
+        return $searchDemand;
+    }
+
+    private function getQueryBuilderForTable(SearchDemand $searchDemand): ?QueryBuilder
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('pages');
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace, true));
+
+        $constraints = $this->buildConstraintsForTable($searchDemand->getQuery(), $queryBuilder);
+        $event = $this->eventDispatcher->dispatch(new ModifyConstraintsForLiveSearchEvent($constraints, 'pages', $searchDemand));
+        $constraints = $event->getConstraints();
+        if ($constraints === []) {
+            return null;
+        }
+
+        $queryBuilder
+            ->from('pages')
+            ->where(
+                $queryBuilder->expr()->or(...$constraints)
+            );
+
+        if ($this->userPermissions) {
+            $queryBuilder->andWhere($this->userPermissions);
+        }
+
+        if ($this->pageIdList !== []) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->in(
+                    'pid',
+                    $queryBuilder->createNamedParameter($this->pageIdList, ArrayParameterType::INTEGER)
+                )
+            );
+        }
+
+        $event = $this->eventDispatcher->dispatch(new ModifyQueryForLiveSearchEvent($queryBuilder, 'pages'));
+
+        return $event->getQueryBuilder();
+    }
+
+    /**
+     * @return ResultItem[]
+     */
+    private function findByTable(SearchDemand $searchDemand, int $limit): array
+    {
+        $queryBuilder = $this->getQueryBuilderForTable($searchDemand);
+        if ($queryBuilder === null) {
+            return [];
+        }
+
+        $queryBuilder
+            ->select('*')
+            ->setFirstResult($searchDemand->getOffset())
+            ->setMaxResults($limit)
+            ->addOrderBy('uid', 'DESC');
+
+        $queryBuilder->addOrderBy('uid', 'DESC');
+
+        $items = [];
+        $result = $queryBuilder->executeQuery();
+        $schema = $this->tcaSchemaFactory->get('pages');
+        $hasWorkspaceCapability = $schema->hasCapability(TcaSchemaCapability::Workspace);
+
+        while ($row = $result->fetchAssociative()) {
+            BackendUtility::workspaceOL('pages', $row);
+            if (!is_array($row)) {
+                continue;
+            }
+
+            $actions = [];
+
+            $editActionLink = $this->getEditActionLink($row);
+            if ($editActionLink !== '') {
+                $actions[DatabaseRecordActionType::EDIT->value] = (new ResultItemAction(DatabaseRecordActionType::EDIT->value))
+                    ->setLabel($this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.edit'))
+                    ->setIcon($this->iconFactory->getIcon('actions-open', IconSize::SMALL))
+                    ->setUrl($editActionLink);
+            }
+
+            $layoutActionLink = $this->getLayoutActionLink($row);
+            if ($layoutActionLink !== '') {
+                $actions[DatabaseRecordActionType::LAYOUT->value] = (new ResultItemAction(DatabaseRecordActionType::LAYOUT->value))
+                    ->setLabel($this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.view.layout'))
+                    ->setIcon($this->iconFactory->getIcon('actions-viewmode-layout', IconSize::SMALL))
+                    ->setUrl($layoutActionLink);
+            }
+
+            $listActionLink = $this->getRecordsActionLink($row);
+            if ($listActionLink !== '') {
+                $actions[DatabaseRecordActionType::LIST->value] = (new ResultItemAction(DatabaseRecordActionType::LIST->value))
+                    ->setLabel($this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.showList'))
+                    ->setIcon($this->iconFactory->getIcon('actions-list', IconSize::SMALL))
+                    ->setUrl($listActionLink);
+            }
+
+            $previewActionLink = $this->getPreviewActionLink($row);
+            if ($previewActionLink !== '') {
+                $actions[DatabaseRecordActionType::PREVIEW->value] = (new ResultItemAction(DatabaseRecordActionType::PREVIEW->value))
+                    ->setLabel($this->languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.showPage'))
+                    ->setIcon($this->iconFactory->getIcon('actions-file-view', IconSize::SMALL))
+                    ->setUrl($previewActionLink);
+            }
+
+            // Find the default action
+            $defaultActionIdentifier = DatabaseRecordActionType::fromUserForTable($this->getBackendUser(), 'pages');
+            $defaultAction = $actions[$defaultActionIdentifier->value] ?? null;
+
+            $icon = $this->iconFactory->getIconForRecord('pages', $row, IconSize::SMALL);
+            $items[] = (new ResultItem(self::class))
+                ->setItemTitle(BackendUtility::getRecordTitle('pages', $row))
+                ->setTypeLabel($schema->getTitle($this->languageService->sL(...)))
+                ->setIcon($icon)
+                ->setActions(...array_values($actions))
+                ->setDefaultAction($defaultAction)
+                ->setLanguage($this->resolveLanguage($row['l10n_source'] > 0 ? $row['l10n_source'] : $row['uid'], (int)$row['language_tag']))
+                ->setExtraData([
+                    'breadcrumb' => BackendUtility::getRecordPath($row['pid'], 'AND ' . $this->userPermissions, 0),
+                    'inWorkspace' => $hasWorkspaceCapability && $row['t3ver_wsid'] > 0,
+                ])
+                ->setInternalData([
+                    'row' => $row,
+                ])
+            ;
+        }
+
+        return $items;
+    }
+
+    /**
+     * List of available page uids for user, empty array for admin users.
+     *
+     * @return int[]
+     */
+    private function getPageIdList(): array
+    {
+        if ($this->getBackendUser()->isAdmin()) {
+            return [];
+        }
+        $mounts = $this->getBackendUser()->getWebmounts();
+        $pageList = $mounts;
+        $repository = GeneralUtility::makeInstance(PageTreeRepository::class);
+        $repository->setAdditionalWhereClause($this->userPermissions);
+        $pages = $repository->getFlattenedPages($mounts, self::RECURSIVE_PAGE_LEVEL);
+        foreach ($pages as $page) {
+            $pageList[] = (int)$page['uid'];
+        }
+        return $pageList;
+    }
+
+    /**
+     * @return CompositeExpression[]
+     */
+    private function buildConstraintsForTable(string $queryString, QueryBuilder $queryBuilder): array
+    {
+        $platform = $queryBuilder->getConnection()->getDatabasePlatform();
+        $isPostgres = $platform instanceof DoctrinePostgreSQLPlatform;
+        $fieldsToSearchWithin = $this->searchableSchemaFieldsCollector->getFields('pages');
+        [$subSchemaDivisorFieldName, $fieldsSubSchemaTypes] = $this->searchableSchemaFieldsCollector->getSchemaFieldSubSchemaTypes('pages');
+        $constraints = [];
+
+        // If the search string is a simple integer, assemble an equality comparison
+        if (MathUtility::canBeInterpretedAsInteger($queryString)) {
+            // Add uid and pid constraint
+            $constraints[] = $queryBuilder->expr()->eq(
+                'uid',
+                $queryBuilder->createNamedParameter($queryString, Connection::PARAM_INT)
+            );
+            $constraints[] = $queryBuilder->expr()->eq(
+                'pid',
+                $queryBuilder->createNamedParameter($queryString, Connection::PARAM_INT)
+            );
+            foreach ($fieldsToSearchWithin as $fieldName => $field) {
+                // Assemble the search condition only if the field is an integer
+                if ($field instanceof NumberFieldType || $field instanceof DateTimeFieldType) {
+                    $searchConstraint = $queryBuilder->expr()->eq(
+                        $fieldName,
+                        $queryBuilder->createNamedParameter($queryString, Connection::PARAM_INT)
+                    );
+                } else {
+                    // Otherwise assemble a like condition
+                    $searchConstraint = $queryBuilder->expr()->like(
+                        $fieldName,
+                        $queryBuilder->createNamedParameter(
+                            '%' . $queryBuilder->escapeLikeWildcards($queryString) . '%'
+                        )
+                    );
+                }
+
+                // If this table has subtypes (e.g. tt_content.CType), we want to ensure that only CType that contain
+                // e.g. "bodytext" in their list of fields, to search through them. This is important when a field
+                // is filled but its type has been changed.
+                if ($subSchemaDivisorFieldName !== ''
+                    && isset($fieldsSubSchemaTypes[$fieldName])
+                    && $fieldsSubSchemaTypes[$fieldName] !== []
+                ) {
+                    // Using `IN()` with a string-value quoted list is fine for all database systems, even when
+                    // used on integer-typed fields and no additional work required here to mitigate something.
+                    $searchConstraint = $queryBuilder->expr()->and(
+                        $searchConstraint,
+                        $queryBuilder->expr()->in(
+                            $subSchemaDivisorFieldName,
+                            $queryBuilder->quoteArrayBasedValueListToStringList($fieldsSubSchemaTypes[$fieldName])
+                        ),
+                    );
+                }
+
+                $constraints[] = $searchConstraint;
+            }
+        } else {
+            $like = '%' . $queryBuilder->escapeLikeWildcards($queryString) . '%';
+            foreach ($fieldsToSearchWithin as $fieldName => $field) {
+                $fieldConfig = $field->getConfiguration();
+
+                // Enforce case-insensitive comparison by lower-casing field and value, unrelated to charset/collation
+                // on MySQL/MariaDB, for example if column collation is `utf8mb4_bin` - which would be case-sensitive.
+                $preparedFieldName = $isPostgres
+                    ? $queryBuilder->castFieldToTextType($fieldName)
+                    : $queryBuilder->quoteIdentifier($fieldName);
+                $searchConstraint = $queryBuilder->expr()->comparison(
+                    'LOWER(' . $preparedFieldName . ')',
+                    'LIKE',
+                    $queryBuilder->createNamedParameter(mb_strtolower($like))
+                );
+
+                // If this table has subtypes (e.g. tt_content.CType), we want to ensure that only CType that contain
+                // e.g. "bodytext" in their list of fields, to search through them. This is important when a field
+                // is filled but its type has been changed.
+                if ($subSchemaDivisorFieldName !== ''
+                    && isset($fieldsSubSchemaTypes[$fieldName])
+                    && $fieldsSubSchemaTypes[$fieldName] !== []
+                ) {
+                    // Using `IN()` with a string-value quoted list is fine for all database systems, even when
+                    // used on integer-typed fields and no additional work required here to mitigate something.
+                    $searchConstraint = $queryBuilder->expr()->and(
+                        $searchConstraint,
+                        $queryBuilder->expr()->in(
+                            $subSchemaDivisorFieldName,
+                            $queryBuilder->quoteArrayBasedValueListToStringList($fieldsSubSchemaTypes[$fieldName])
+                        ),
+                    );
+                }
+
+                $constraints[] = $searchConstraint;
+            }
+        }
+
+        return $constraints;
+    }
+
+    /**
+     * Build a backend edit link based on given page.
+     *
+     * @param array $row Current page row from database.
+     * @return string Link to open an edit window for page.
+     * @see \TYPO3\CMS\Backend\Utility\BackendUtility::readPageAccess()
+     */
+    private function getEditActionLink(array $row): string
+    {
+        $backendUser = $this->getBackendUser();
+        $editLink = '';
+        $permissionSet = new Permission($backendUser->calcPerms(BackendUtility::readPageAccess($row['uid'], $this->userPermissions) ?: []));
+        $schema = $this->tcaSchemaFactory->get('pages');
+        if (!$schema->hasCapability(TcaSchemaCapability::AccessReadOnly)
+            && (
+                $backendUser->isAdmin()
+                || (
+                    $permissionSet->editContentPermissionIsGranted()
+                    && !$schema->hasCapability(TcaSchemaCapability::AccessAdminOnly)
+                    && $backendUser->check('tables_modify', 'pages')
+                    && $backendUser->checkRecordEditAccess('pages', $row)->isAllowed
+                )
+            )
+        ) {
+            $returnUrl = (string)$this->uriBuilder->buildUriFromRoute('web_layout', ['id' => $row['uid']]);
+            $editLink = (string)$this->uriBuilder->buildUriFromRoute('record_edit', [
+                'edit[pages][' . $row['uid'] . ']' => 'edit',
+                'returnUrl' => $returnUrl,
+            ]);
+        }
+        return $editLink;
+    }
+
+    /**
+     * Build a link to the page layout for the given record.
+     *
+     * @param array $row Current record row from database.
+     * @return string Link to open an edit window for record.
+     */
+    private function getLayoutActionLink(array $row): string
+    {
+        $showLink = '';
+        if ($this->hasPagesAccess($row)) {
+            $parameter = [
+                'id' => $row['language_tag'] === 0 ? $row['uid'] : $row['l10n_parent'],
+                'languages' => [$row['language_tag']],
+            ];
+            $showLink = (string)$this->uriBuilder->buildUriFromRoute('web_layout', $parameter);
+        }
+        return $showLink;
+    }
+
+    /**
+     * Build a link to the record list based on given record.
+     *
+     * @param array $row Current record row from database.
+     * @return string Link to open an edit window for record.
+     */
+    private function getRecordsActionLink(array $row): string
+    {
+        $showLink = '';
+        if ($this->hasPagesAccess($row)) {
+            $parameter = [
+                'id' => $row['language_tag'] === 0 ? $row['uid'] : $row['l10n_parent'],
+                'languages' => [$row['language_tag']],
+            ];
+            $showLink = ((string)$this->uriBuilder->buildUriFromRoute('records', $parameter)) . '#t3-table-pages';
+        }
+        return $showLink;
+    }
+
+    /**
+     * Build a preview link to display the record in the frontend.
+     *
+     * @param array $row Current record row from database.
+     * @return string Link to open an edit window for record.
+     */
+    private function getPreviewActionLink(array $row): string
+    {
+        $previewLink = '';
+        if ($this->hasPagesAccess($row)) {
+            $previewUriBuilder = PreviewUriBuilder::create($row);
+            if ($previewUriBuilder->isPreviewable()) {
+                $previewLink = (string)$previewUriBuilder->buildUri();
+            }
+        }
+
+        return $previewLink;
+    }
+
+    private function hasPagesAccess(array $row): bool
+    {
+        $backendUser = $this->getBackendUser();
+        $permissionSet = new Permission($backendUser->calcPerms(BackendUtility::getRecord('pages', $row['uid']) ?? []));
+        $pagesSchema = $this->tcaSchemaFactory->get('pages');
+        return $backendUser->isAdmin()
+            || (
+                $permissionSet->showPagePermissionIsGranted()
+                && !$pagesSchema->hasCapability(TcaSchemaCapability::AccessAdminOnly)
+                && $backendUser->check('tables_select', 'pages')
+            );
+    }
+
+    private function resolveLanguage(int $pageUid, int $languageId): ?array
+    {
+        try {
+            $siteLanguage = $this->siteFinder->getSiteByPageId($pageUid)->getLanguageById($languageId);
+            return [
+                'id' => $siteLanguage->getLanguageId(),
+                'title' => $siteLanguage->getTitle(),
+                'iconIdentifier' => $siteLanguage->getFlagIdentifier(),
+            ];
+        } catch (SiteNotFoundException|\InvalidArgumentException) {
+            return null;
+        }
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Search/LiveSearch/QueryParser.php b/Classes/Search/LiveSearch/QueryParser.php
new file mode 100644
index 0000000..8be0573
--- /dev/null
+++ b/Classes/Search/LiveSearch/QueryParser.php
@@ -0,0 +1,155 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\LiveSearch;
+
+/**
+ * Class for parsing query parameters in backend live search.
+ * Detects searches for #pages:23 or #content:mycontent
+ *
+ * @internal This class is a specific Backend controller implementation and is not considered part of the Public TYPO3 API.
+ */
+class QueryParser
+{
+    /**
+     * @var string
+     */
+    public const COMMAND_KEY_INDICATOR = '#';
+
+    /**
+     * @var string
+     */
+    public const COMMAND_SPLIT_INDICATOR = ':';
+    /**
+     * @var string
+     */
+    protected $commandKey = '';
+
+    /**
+     * @var string
+     */
+    protected $tableName = '';
+
+    /**
+     * Retrieve the validated command key
+     *
+     * @param string $query
+     */
+    protected function extractKeyFromQuery($query)
+    {
+        [$this->commandKey] = explode(':', substr($query, 1));
+    }
+
+    /**
+     * Extract the search value from the full search query which contains also the command part.
+     *
+     * @param string $query For example #news:weather
+     * @return string The extracted search value
+     */
+    public function getSearchQueryValue($query)
+    {
+        $this->extractKeyFromQuery($query);
+        return str_replace(self::COMMAND_KEY_INDICATOR . $this->commandKey . self::COMMAND_SPLIT_INDICATOR, '', $query);
+    }
+
+    /**
+     * Find the registered table command and retrieve the matching table name.
+     *
+     * @param string $query
+     * @return string Database Table name
+     */
+    public function getTableNameFromCommand($query)
+    {
+        $tableName = '';
+        $this->extractKeyFromQuery($query);
+        if (array_key_exists($this->commandKey, $GLOBALS['TYPO3_CONF_VARS']['SYS']['livesearch'])) {
+            $tableName = $GLOBALS['TYPO3_CONF_VARS']['SYS']['livesearch'][$this->commandKey];
+        }
+        return $tableName;
+    }
+
+    /**
+     * Verify if a given query contains a page jump command.
+     *
+     * @param string $query A valid value looks like '#14'
+     * @return int
+     */
+    public function getId($query)
+    {
+        return (int)str_replace(self::COMMAND_KEY_INDICATOR, '', $query);
+    }
+
+    /**
+     * Verify if a given query contains a page jump command.
+     *
+     * @param string $query A valid value looks like '#14'
+     * @return bool
+     */
+    public function isValidPageJump($query)
+    {
+        $isValid = false;
+        if (preg_match('~^#(\\d)+$~', $query)) {
+            $isValid = true;
+        }
+        return $isValid;
+    }
+
+    /**
+     * Verify if a given query contains a registered command key.
+     *
+     * @param string $query
+     * @return bool
+     */
+    public function isValidCommand($query)
+    {
+        $isValid = false;
+        if (str_starts_with($query, self::COMMAND_KEY_INDICATOR) && strpos($query, self::COMMAND_SPLIT_INDICATOR) > 1 && $this->getTableNameFromCommand($query)) {
+            $isValid = true;
+        }
+        return $isValid;
+    }
+
+    /**
+     * Gets the command for the given table.
+     *
+     * @param string $tableName The table to find a command for.
+     * @return string
+     */
+    public function getCommandForTable($tableName)
+    {
+        $commandArray = array_keys($GLOBALS['TYPO3_CONF_VARS']['SYS']['livesearch'], $tableName);
+        return $commandArray[0] ?? '';
+    }
+
+    /**
+     * Gets the page jump command for a given query.
+     *
+     * @param string $query
+     * @return string
+     */
+    public function getCommandForPageJump($query)
+    {
+        if ($this->isValidPageJump($query)) {
+            $command = $this->getCommandForTable('pages');
+            $id = $this->getId($query);
+            $resultQuery = self::COMMAND_KEY_INDICATOR . $command . self::COMMAND_SPLIT_INDICATOR . $id;
+        } else {
+            $resultQuery = false;
+        }
+        return $resultQuery;
+    }
+}
diff --git a/Classes/Search/LiveSearch/ResultItem.php b/Classes/Search/LiveSearch/ResultItem.php
new file mode 100644
index 0000000..153d514
--- /dev/null
+++ b/Classes/Search/LiveSearch/ResultItem.php
@@ -0,0 +1,165 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\LiveSearch;
+
+use TYPO3\CMS\Core\Imaging\Icon;
+
+/**
+ * Class that represents a search result item
+ *
+ * @internal Class may change in further iterations, do not rely on it
+ */
+final class ResultItem implements \JsonSerializable
+{
+    private string $itemTitle = '';
+    private string $typeLabel = '';
+    private ?Icon $icon = null;
+    private ?array $language = null;
+    private ?string $thumbnailUrl = null;
+    /**
+     * @var array<string, string>
+     */
+    private array $properties = [];
+    /**
+     * @var ResultItemAction[]
+     */
+    private array $actions = [];
+    private ?ResultItemAction $defaultAction = null;
+    private array $extraData = [];
+    private array $internalData = [];
+
+    /**
+     * @param class-string $providerClassName
+     */
+    public function __construct(private readonly string $providerClassName) {}
+
+    public function getProviderClassName(): string
+    {
+        return $this->providerClassName;
+    }
+
+    public function setItemTitle(string $itemTitle): self
+    {
+        $this->itemTitle = $itemTitle;
+
+        return $this;
+    }
+
+    public function setTypeLabel(string $typeLabel): self
+    {
+        $this->typeLabel = $typeLabel;
+
+        return $this;
+    }
+
+    public function setIcon(Icon $icon): self
+    {
+        $this->icon = $icon;
+
+        return $this;
+    }
+
+    public function setThumbnailUrl(?string $thumbnailUrl): self
+    {
+        $this->thumbnailUrl = $thumbnailUrl;
+
+        return $this;
+    }
+
+    public function addProperty(string $label, string $value): self
+    {
+        $this->properties[$label] = $value;
+
+        return $this;
+    }
+
+    public function setActions(ResultItemAction ...$action): self
+    {
+        $this->actions = $action;
+
+        return $this;
+    }
+
+    public function addAction(ResultItemAction $action): self
+    {
+        $this->actions[] = $action;
+
+        return $this;
+    }
+
+    public function getDefaultAction(): ?ResultItemAction
+    {
+        return $this->defaultAction;
+    }
+
+    public function setDefaultAction(?ResultItemAction $defaultAction): ResultItem
+    {
+        $this->defaultAction = $defaultAction;
+
+        return $this;
+    }
+
+    public function getExtraData(): array
+    {
+        return $this->extraData;
+    }
+
+    public function setExtraData(array $extraData): ResultItem
+    {
+        $this->extraData = $extraData;
+        return $this;
+    }
+
+    public function getInternalData(): array
+    {
+        return $this->internalData;
+    }
+
+    public function setInternalData(array $internalData): ResultItem
+    {
+        $this->internalData = $internalData;
+
+        return $this;
+    }
+
+    public function setLanguage(?array $language): self
+    {
+        $this->language = $language;
+
+        return $this;
+    }
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'provider' => $this->providerClassName,
+            'itemTitle' => $this->itemTitle,
+            'typeLabel' => $this->typeLabel,
+            'icon' => [
+                'identifier' => $this->icon?->getIdentifier(),
+                'overlay' => $this->icon?->getOverlayIcon()?->getIdentifier(),
+            ],
+            'thumbnailUrl' => $this->thumbnailUrl,
+            'properties' => $this->properties,
+            'actions' => $this->actions,
+            'defaultAction' => $this->defaultAction ?? $this->actions[0],
+            'language' => $this->language,
+            'extraData' => $this->extraData,
+        ];
+    }
+}
diff --git a/Classes/Search/LiveSearch/ResultItemAction.php b/Classes/Search/LiveSearch/ResultItemAction.php
new file mode 100644
index 0000000..daecfc6
--- /dev/null
+++ b/Classes/Search/LiveSearch/ResultItemAction.php
@@ -0,0 +1,76 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\LiveSearch;
+
+use TYPO3\CMS\Core\Imaging\Icon;
+
+/**
+ * Class that represents a search result item action
+ *
+ * @internal Class may change in further iterations, do not rely on it
+ */
+final class ResultItemAction implements \JsonSerializable
+{
+    private string $label = '';
+    private ?Icon $icon = null;
+    private string $url = '';
+
+    /**
+     * @param non-empty-string $identifier
+     */
+    public function __construct(private readonly string $identifier) {}
+
+    public function getIdentifier(): string
+    {
+        return $this->identifier;
+    }
+
+    public function setLabel(string $label): self
+    {
+        $this->label = $label;
+
+        return $this;
+    }
+
+    public function setIcon(?Icon $icon): self
+    {
+        $this->icon = $icon;
+
+        return $this;
+    }
+
+    public function setUrl(string $url): self
+    {
+        $this->url = $url;
+
+        return $this;
+    }
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'identifier' => $this->identifier,
+            'label' => $this->label,
+            'icon' => [
+                'identifier' => $this->icon?->getIdentifier(),
+                'overlay' => $this->icon?->getOverlayIcon()?->getIdentifier(),
+            ],
+            'url' => $this->url,
+        ];
+    }
+}
diff --git a/Classes/Search/LiveSearch/SearchDemand/DemandProperty.php b/Classes/Search/LiveSearch/SearchDemand/DemandProperty.php
new file mode 100644
index 0000000..91fbb01
--- /dev/null
+++ b/Classes/Search/LiveSearch/SearchDemand/DemandProperty.php
@@ -0,0 +1,36 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand;
+
+final readonly class DemandProperty
+{
+    public function __construct(
+        private DemandPropertyName $name,
+        private mixed $value,
+    ) {}
+
+    public function getName(): DemandPropertyName
+    {
+        return $this->name;
+    }
+
+    public function getValue(): mixed
+    {
+        return $this->value;
+    }
+}
diff --git a/Classes/Search/LiveSearch/SearchDemand/DemandPropertyName.php b/Classes/Search/LiveSearch/SearchDemand/DemandPropertyName.php
new file mode 100644
index 0000000..86511be
--- /dev/null
+++ b/Classes/Search/LiveSearch/SearchDemand/DemandPropertyName.php
@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand;
+
+enum DemandPropertyName
+{
+    case pageId;
+    case query;
+    case limit;
+    case offset;
+    case searchProviders;
+}
diff --git a/Classes/Search/LiveSearch/SearchDemand/MutableSearchDemand.php b/Classes/Search/LiveSearch/SearchDemand/MutableSearchDemand.php
new file mode 100644
index 0000000..c168af3
--- /dev/null
+++ b/Classes/Search/LiveSearch/SearchDemand/MutableSearchDemand.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand;
+
+/**
+ * @internal for internal use only, no public API
+ */
+final class MutableSearchDemand extends SearchDemand
+{
+    public static function fromSearchDemand(SearchDemand $searchDemand): self
+    {
+        return new self($searchDemand->getProperties());
+    }
+
+    public function setProperty(DemandPropertyName $name, mixed $value): self
+    {
+        $this->demandProperties[$name->name] = new DemandProperty($name, $value);
+
+        return $this;
+    }
+
+    public function freeze(): SearchDemand
+    {
+        return new SearchDemand($this->demandProperties);
+    }
+}
diff --git a/Classes/Search/LiveSearch/SearchDemand/SearchDemand.php b/Classes/Search/LiveSearch/SearchDemand/SearchDemand.php
new file mode 100644
index 0000000..c0a9255
--- /dev/null
+++ b/Classes/Search/LiveSearch/SearchDemand/SearchDemand.php
@@ -0,0 +1,102 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchProviderInterface;
+
+/**
+ * Holds necessary data to query data from a search provider
+ *
+ * @internal may change in further iterations, do not rely on it
+ */
+class SearchDemand
+{
+    public const DEFAULT_LIMIT = 20;
+
+    /**
+     * @var DemandProperty[] $demandProperties
+     */
+    protected array $demandProperties = [];
+
+    /**
+     * @param DemandProperty[] $demandProperties
+     */
+    final public function __construct(array $demandProperties = [])
+    {
+        $this->demandProperties = array_reduce($demandProperties, static function (array $result, DemandProperty $item) {
+            $result[$item->getName()->name] = $item;
+            return $result;
+        }, []);
+    }
+
+    public function getProperty(DemandPropertyName $demandPropertyName): ?DemandProperty
+    {
+        return $this->demandProperties[$demandPropertyName->name] ?? null;
+    }
+
+    /**
+     * @return DemandProperty[]
+     */
+    public function getProperties(): array
+    {
+        return $this->demandProperties;
+    }
+
+    public function getPageId(): int
+    {
+        return (int)($this->getProperty(DemandPropertyName::pageId)?->getValue() ?? 0);
+    }
+
+    public function getQuery(): string
+    {
+        return $this->getProperty(DemandPropertyName::query)?->getValue() ?? '';
+    }
+
+    public function getLimit(): int
+    {
+        return (int)($this->getProperty(DemandPropertyName::limit)?->getValue() ?? self::DEFAULT_LIMIT);
+    }
+
+    public function getOffset(): int
+    {
+        return (int)($this->getProperty(DemandPropertyName::offset)?->getValue() ?? 0);
+    }
+
+    /**
+     * @return class-string<SearchProviderInterface>[]
+     */
+    public function getSearchProviders(): array
+    {
+        return $this->getProperty(DemandPropertyName::searchProviders)?->getValue() ?? [];
+    }
+
+    public static function fromRequest(ServerRequestInterface $request): static
+    {
+        $demandProperties = [];
+        foreach (DemandPropertyName::cases() as $demandProperty) {
+            $demandPropertyName = $demandProperty->name;
+            $valueFromRequest = $request->getParsedBody()[$demandPropertyName] ?? $request->getQueryParams()[$demandPropertyName] ?? null;
+            if ($valueFromRequest !== null) {
+                $demandProperties[] = new DemandProperty($demandProperty, $valueFromRequest);
+            }
+        }
+
+        return new static($demandProperties);
+    }
+}
diff --git a/Classes/Search/LiveSearch/SearchProviderInterface.php b/Classes/Search/LiveSearch/SearchProviderInterface.php
new file mode 100644
index 0000000..d812179
--- /dev/null
+++ b/Classes/Search/LiveSearch/SearchProviderInterface.php
@@ -0,0 +1,37 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\LiveSearch;
+
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\SearchDemand;
+
+/**
+ * Interface to declare a search provider used for the backend search
+ *
+ * @internal Interface may change in further iterations, do not rely on it
+ */
+interface SearchProviderInterface
+{
+    public function count(SearchDemand $searchDemand): int;
+
+    /**
+     * @return ResultItem[]
+     */
+    public function find(SearchDemand $searchDemand): array;
+
+    public function getFilterLabel(): string;
+}
diff --git a/Classes/Search/LiveSearch/SearchProviderRegistry.php b/Classes/Search/LiveSearch/SearchProviderRegistry.php
new file mode 100644
index 0000000..48cdbd9
--- /dev/null
+++ b/Classes/Search/LiveSearch/SearchProviderRegistry.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\LiveSearch;
+
+/**
+ * Registry that holds all registered search providers
+ *
+ * @internal
+ */
+final class SearchProviderRegistry
+{
+    /**
+     * @var SearchProviderInterface[]
+     */
+    private array $providers = [];
+
+    /**
+     * @param iterable<SearchProviderInterface> $providers
+     */
+    public function __construct(iterable $providers)
+    {
+        foreach ($providers as $item) {
+            $this->providers[get_class($item)] = $item;
+        }
+    }
+
+    /**
+     * @return SearchProviderInterface[]
+     */
+    public function getProviders(): array
+    {
+        return $this->providers;
+    }
+}
diff --git a/Classes/Search/LiveSearch/SearchRepository.php b/Classes/Search/LiveSearch/SearchRepository.php
new file mode 100644
index 0000000..d880a08
--- /dev/null
+++ b/Classes/Search/LiveSearch/SearchRepository.php
@@ -0,0 +1,139 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Search\LiveSearch;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use TYPO3\CMS\Backend\Search\Event\ModifyResultItemInLiveSearchEvent;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\DemandPropertyName;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\MutableSearchDemand;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchDemand\SearchDemand;
+use TYPO3\CMS\Core\Pagination\ArrayPaginator;
+
+/**
+ * Repository class to ease using the search API.
+ *
+ * @internal
+ */
+final readonly class SearchRepository
+{
+    public function __construct(
+        private EventDispatcherInterface $eventDispatcher,
+        private SearchProviderRegistry $searchProviderRegistry,
+    ) {}
+
+    /**
+     * Returns a list of available search providers including a flag whether they are currently active.
+     *
+     * @param SearchDemand $searchDemand
+     * @return array<class-string, array{instance: SearchProviderInterface, isActive: bool}>
+     */
+    public function getSearchProviderState(SearchDemand $searchDemand): array
+    {
+        $searchProviders = [];
+        foreach ($this->searchProviderRegistry->getProviders() as $searchProviderClassName => $searchProvider) {
+            $searchProviders[$searchProviderClassName] = [
+                'instance' => $searchProvider,
+                'isActive' => in_array($searchProviderClassName, $searchDemand->getSearchProviders(), true),
+            ];
+        }
+
+        return $searchProviders;
+    }
+
+    /**
+     * @return SearchProviderInterface[]
+     */
+    public function getViableSearchProviders(SearchDemand $searchDemand): array
+    {
+        return array_filter(
+            $this->searchProviderRegistry->getProviders(),
+            static fn(SearchProviderInterface $provider): bool => $searchDemand->getSearchProviders() === [] || in_array(get_class($provider), $searchDemand->getSearchProviders(), true)
+        );
+    }
+
+    public function find(SearchDemand $searchDemand): ArrayPaginator
+    {
+        $searchResults = [];
+        $totalCount = 0;
+        $mutableSearchDemand = MutableSearchDemand::fromSearchDemand($searchDemand);
+        $offset = $searchDemand->getOffset();
+        $remainingItems = $searchDemand->getLimit();
+
+        foreach ($this->getViableSearchProviders($searchDemand) as $provider) {
+            // Initialize remaining-items and offset for current iteration
+            $mutableSearchDemand
+                ->setProperty(DemandPropertyName::limit, $remainingItems)
+                ->setProperty(DemandPropertyName::offset, $offset);
+
+            $count = $provider->count($mutableSearchDemand->freeze());
+            // Total count is relevant outside of this loop:
+            // Paginator calculates number of pages and fills up its result set with stub-entries.
+            $totalCount += $count;
+
+            if ($count < $offset) {
+                // The number of potential results is smaller than the offset, do not query results
+                $offset -= $count;
+                continue;
+            }
+
+            if ($remainingItems < 1) {
+                continue;
+            }
+
+            $providerResult = $provider->find($mutableSearchDemand->freeze());
+            if ($providerResult !== []) {
+                foreach ($providerResult as $key => $resultItem) {
+                    $modifyRecordEvent = $this->eventDispatcher->dispatch(new ModifyResultItemInLiveSearchEvent($resultItem));
+                    $providerResult[$key] = $modifyRecordEvent->getResultItem();
+                }
+                $remainingItems -= count($providerResult);
+                // We have got a first usable result from the current SearchProvider here. The offset is thereby fulfilled.
+                // All follow-up SearchProviders must run with offset=0 to start with their first item:
+                // * to generate a correct item-count and
+                // * to provide more items if there are still open remaining-items.
+                $offset = 0;
+
+                $searchResults[] = $providerResult;
+            }
+        }
+        unset($mutableSearchDemand);
+
+        $flattenedSearchResults = array_merge([], ...$searchResults);
+        $resultCount = count($flattenedSearchResults);
+
+        $currentPage = (int)floor(($searchDemand->getOffset() + $searchDemand->getLimit()) / $searchDemand->getLimit());
+        if (ceil($totalCount / $searchDemand->getLimit()) < $currentPage) {
+            // Requested page does not match with the overall amount of items, reset to first page
+            $currentPage = 1;
+        }
+
+        if ($resultCount > 0) {
+            // The paginator expects a full result set to be able to calculate its pagination. This will have negative
+            // performance consequences, therefore we only consider the current result set and create stubs for the "gaps".
+            $paginatorItems = array_merge(
+                array_fill(0, $searchDemand->getOffset(), null),
+                $flattenedSearchResults,
+                array_fill(0, $totalCount - $searchDemand->getOffset() - $resultCount, null)
+            );
+        } else {
+            $paginatorItems = [];
+        }
+
+        return new ArrayPaginator($paginatorItems, $currentPage, SearchDemand::DEFAULT_LIMIT);
+    }
+}
diff --git a/Classes/Security/CategoryPermissionsAspect.php b/Classes/Security/CategoryPermissionsAspect.php
new file mode 100644
index 0000000..5c1a796
--- /dev/null
+++ b/Classes/Security/CategoryPermissionsAspect.php
@@ -0,0 +1,157 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Tree\TreeNode;
+use TYPO3\CMS\Backend\Tree\TreeNodeCollection;
+use TYPO3\CMS\Core\Attribute\AsEventListener;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Http\ApplicationType;
+use TYPO3\CMS\Core\Tree\Event\ModifyTreeDataEvent;
+use TYPO3\CMS\Core\Tree\TableConfiguration\DatabaseTreeDataProvider;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * This event listener deals with tree data security which reacts on a PSR-14 event
+ * on data object initialization.
+ *
+ * The aspect defines category mount points according to BE User permissions.
+ *
+ * @internal This class is TYPO3-internal hook and is not considered part of the Public TYPO3 API.
+ */
+final class CategoryPermissionsAspect
+{
+    /**
+     * @var string
+     */
+    private $categoryTableName = 'sys_category';
+
+    /**
+     * The listener for the event in DatabaseTreeDataProvider, which only affects the TYPO3 Backend
+     */
+    #[AsEventListener('backend-user-permissions')]
+    public function addUserPermissionsToCategoryTreeData(ModifyTreeDataEvent $event): void
+    {
+        // Only evaluate this in the backend
+        if (!($GLOBALS['TYPO3_REQUEST'] ?? null) instanceof ServerRequestInterface
+            || !ApplicationType::fromRequest($GLOBALS['TYPO3_REQUEST'])->isBackend()
+        ) {
+            return;
+        }
+
+        /** @var DatabaseTreeDataProvider $dataProvider */
+        $dataProvider = $event->getProvider();
+        $treeData = $event->getTreeData();
+
+        if (!$GLOBALS['BE_USER']->isAdmin() && $dataProvider->getTableName() === $this->categoryTableName) {
+            // Get User permissions related to category
+            $categoryMountPoints = $GLOBALS['BE_USER']->getCategoryMountPoints();
+
+            // Backup child nodes to be processed.
+            $treeNodeCollection = $treeData->getChildNodes();
+
+            if (!empty($categoryMountPoints) && $treeData->hasChildNodes()) {
+                $shallRepopulateTree = false;
+
+                // Check the rootline against categoryMountPoints when tree was filtered
+                foreach ($dataProvider->getStartingPoints() as $startingPoint) {
+                    if (!in_array($startingPoint, $categoryMountPoints)) {
+                        $shallRepopulateTree = true;
+                        break;
+                    }
+                    $uidsInRootline = $this->findUidsInRootline($startingPoint);
+                    if (empty(array_intersect($categoryMountPoints, $uidsInRootline))) {
+                        $shallRepopulateTree = true;
+                        break;
+                    }
+                }
+
+                if ($shallRepopulateTree) {
+                    // First, remove all child nodes which must be analyzed to be considered as "secure".
+                    // The nodes were backed up in variable $treeNodeCollection beforehand.
+                    $treeData->removeChildNodes();
+
+                    // Create an empty tree node collection to receive the secured nodes.
+                    $securedTreeNodeCollection = GeneralUtility::makeInstance(TreeNodeCollection::class);
+
+                    foreach ($categoryMountPoints as $categoryMountPoint) {
+                        $treeNode = $this->lookUpCategoryMountPointInTreeNodes((int)$categoryMountPoint, $treeNodeCollection);
+                        if ($treeNode !== null) {
+                            $securedTreeNodeCollection->append($treeNode);
+                        }
+                    }
+
+                    // Reset child nodes.
+                    $treeData->setChildNodes($securedTreeNodeCollection);
+                }
+            }
+        }
+    }
+
+    /**
+     * Recursively look up for a category mount point within a tree.
+     */
+    private function lookUpCategoryMountPointInTreeNodes(int $categoryMountPoint, TreeNodeCollection $treeNodeCollection): ?TreeNode
+    {
+        $result = null;
+
+        // If any User permission, recursively traverse the tree and set tree part as mount point
+        foreach ($treeNodeCollection as $treeNode) {
+            /** @var TreeNode $treeNode */
+            if ((int)$treeNode->getId() === $categoryMountPoint) {
+                $result = $treeNode;
+                break;
+            }
+
+            if ($treeNode->hasChildNodes()) {
+                $node = $this->lookUpCategoryMountPointInTreeNodes($categoryMountPoint, $treeNode->getChildNodes());
+                if ($node !== null) {
+                    $result = $node;
+                    break;
+                }
+            }
+        }
+        return $result;
+    }
+
+    /**
+     * Find parent uids in rootline
+     */
+    private function findUidsInRootline(int $uid): array
+    {
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)
+            ->getQueryBuilderForTable($this->categoryTableName);
+        $row = $queryBuilder
+            ->select('parent')
+            ->from($this->categoryTableName)
+            ->where(
+                $queryBuilder->expr()->eq('uid', $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT))
+            )
+            ->executeQuery()
+            ->fetchAssociative();
+
+        $parentUids = [];
+        if ($row['parent'] > 0) {
+            $parentUids = $this->findUidsInRootline($row['parent']);
+            $parentUids[] = $row['parent'];
+        }
+        return $parentUids;
+    }
+}
diff --git a/Classes/Security/ContentSecurityPolicy/CspAjaxController.php b/Classes/Security/ContentSecurityPolicy/CspAjaxController.php
new file mode 100644
index 0000000..e64a4c6
--- /dev/null
+++ b/Classes/Security/ContentSecurityPolicy/CspAjaxController.php
@@ -0,0 +1,217 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\ContentSecurityPolicy;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\Uid\UuidV4;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Crypto\HashService;
+use TYPO3\CMS\Core\Http\JsonResponse;
+use TYPO3\CMS\Core\Http\NullResponse;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Event\InvestigateMutationsEvent;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\ModelService;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\MutationSuggestion;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\PolicyProvider;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Reporting\Report;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Reporting\ReportAttribute;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Reporting\ReportDemand;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Reporting\ReportRepository;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Reporting\ReportStatus;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Reporting\Resolution;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Reporting\ResolutionRepository;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Reporting\SummarizedReport;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Scope;
+
+/**
+ * AJAX endpoint for the CSP backend module, providing access to persisted CSP reports & resolutions.
+ * @internal This is a specific Backend Controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class CspAjaxController
+{
+    public function __construct(
+        protected ModelService $modelService,
+        protected PolicyProvider $policyProvider,
+        protected ReportRepository $reportRepository,
+        protected ResolutionRepository $resolutionRepository,
+        protected EventDispatcherInterface $eventDispatcher,
+        protected HashService $hashService,
+    ) {}
+
+    public function handleRequest(ServerRequestInterface $request): ResponseInterface
+    {
+        if ($request->getMethod() === 'GET') {
+            return (new NullResponse())->withStatus(400);
+        }
+        if (!$this->isSystemMaintainer()) {
+            return (new NullResponse())->withStatus(403);
+        }
+        return $this->dispatchAction($request)
+            ?? (new NullResponse())->withStatus(500);
+    }
+
+    protected function dispatchAction(ServerRequestInterface $request): ?ResponseInterface
+    {
+        $parsedBody = $request->getParsedBody();
+        $hmac = $parsedBody['hmac'] ?? null;
+        $action = $parsedBody['action'] ?? null;
+        $summaries = $parsedBody['summaries'] ?? [];
+        $scope = Scope::tryFrom($parsedBody['scope'] ?? '');
+        $uuid = $parsedBody['uuid'] ?? null;
+        if ($uuid !== null) {
+            $uuid = Uuidv4::fromString($uuid);
+        }
+        if (!empty($parsedBody['suggestion'])) {
+            $suggestion = $this->modelService->buildMutationSuggestionFromArray($parsedBody['suggestion']);
+        }
+        // reports
+        if ($action === 'fetchReports') {
+            return $this->fetchReportsAction($scope);
+        }
+        if ($action === 'muteReport' && is_array($summaries)) {
+            return $this->muteReportAction(...$summaries);
+        }
+        if ($action === 'deleteReport' && is_array($summaries)) {
+            return $this->deleteReportAction(...$summaries);
+        }
+        if ($action === 'deleteReports') {
+            return $this->deleteReportsAction($scope);
+        }
+        if ($action === 'handleReport' && $uuid !== null) {
+            return $this->handleReportAction($uuid);
+        }
+        if ($action === 'mutateReport'
+            && $scope !== null
+            && is_array($summaries)
+            && isset($suggestion)
+            && hash_equals($suggestion->hmac(), $hmac)
+        ) {
+            return $this->mutateReportAction($scope, $suggestion, ...$summaries);
+        }
+        return null;
+    }
+
+    protected function fetchReportsAction(?Scope $scope): ResponseInterface
+    {
+        $demand = ReportDemand::create();
+        $demand->scope = $scope;
+        $reports = $this->reportRepository->findAllSummarized($demand);
+        // @todo not sure whether this is a good idea performance-wise
+        $reports = array_map(
+            function (SummarizedReport $report): SummarizedReport {
+                $event = $this->dispatchInvestigateMutationsEvent($report);
+                if ($event->getMutationSuggestions() !== []) {
+                    $mutationHashes = array_map(
+                        static fn(MutationSuggestion $suggestion): string => $suggestion->hash(),
+                        $event->getMutationSuggestions()
+                    );
+                    $report = $report->withMutationHashes(...$mutationHashes)
+                        ->withAttribute(ReportAttribute::fixable);
+                }
+                return $report;
+            },
+            $reports
+        );
+        return new JsonResponse($reports);
+    }
+
+    protected function muteReportAction(string ...$summaries): ResponseInterface
+    {
+        $reports = $this->reportRepository->findBySummary(...$summaries);
+        $uuids = array_map(static fn(Report $report): UuidV4 => $report->uuid, $reports);
+        $this->reportRepository->updateStatus(ReportStatus::Muted, ...$uuids);
+        return new JsonResponse(['uuids' => $uuids]);
+    }
+
+    protected function deleteReportAction(string ...$summaries): ResponseInterface
+    {
+        $reports = $this->reportRepository->findBySummary(...$summaries);
+        $reportUuids = $this->resolveReportUuids(...$reports);
+        $this->reportRepository->updateStatus(ReportStatus::Deleted, ...$reportUuids);
+        return new JsonResponse(['uuids' => $reportUuids]);
+    }
+
+    protected function deleteReportsAction(?Scope $scope): ResponseInterface
+    {
+        $amount = $this->reportRepository->removeAll($scope);
+        return new JsonResponse(['amount' => $amount]);
+    }
+
+    protected function handleReportAction(UuidV4 $uuid): ResponseInterface
+    {
+        $report = $this->reportRepository->findByUuid($uuid);
+        if ($report === null) {
+            return new JsonResponse();
+        }
+        $event = $this->dispatchInvestigateMutationsEvent($report);
+        $suggestions = $event->getMutationSuggestions();
+        // reverse sort by priority (higher priorities take precedence)
+        usort($suggestions, static fn(MutationSuggestion $a, MutationSuggestion $b) => $b->priority <=> $a->priority);
+        return new JsonResponse($suggestions);
+    }
+
+    protected function mutateReportAction(Scope $scope, MutationSuggestion $suggestion, string ...$initiators): ResponseInterface
+    {
+        $summary = $this->generateResolutionSummary($scope, $suggestion);
+        $resolution = $this->resolutionRepository->findBySummary($summary);
+        $reports = $this->reportRepository->findBySummary(...$initiators);
+        if ($resolution !== null || $reports === []) {
+            return new JsonResponse();
+        }
+        $resolution = new Resolution($summary, $scope, $suggestion->identifier, $suggestion->collection, ['initiators' => $initiators]);
+        $this->resolutionRepository->add($resolution);
+        $reportUuids = $this->resolveReportUuids(...$reports);
+        $this->reportRepository->updateStatus(ReportStatus::Handled, ...$reportUuids);
+        return new JsonResponse(['initiators' => $initiators, 'uuids' => $reportUuids]);
+    }
+
+    protected function dispatchInvestigateMutationsEvent(Report $report): InvestigateMutationsEvent
+    {
+        // @todo for future versions, it might be considered to distinguish `enforce` and `report` in the database
+        $policy = $this->policyProvider->provideFor($report->scope, $report->details->resolveDisposition());
+        $event = new InvestigateMutationsEvent($policy, $report);
+        $this->eventDispatcher->dispatch($event);
+        return $event;
+    }
+
+    protected function generateResolutionSummary(Scope $scope, MutationSuggestion $suggestion): string
+    {
+        return $this->hashService->hmac(
+            json_encode([
+                $scope,
+                $suggestion->identifier,
+                $suggestion->collection,
+            ]),
+            self::class,
+        );
+    }
+
+    protected function resolveReportUuids(Report ...$reports): array
+    {
+        return array_map(static fn(Report $report): UuidV4 => $report->uuid, $reports);
+    }
+
+    protected function isSystemMaintainer(): bool
+    {
+        $backendUser = $GLOBALS['BE_USER'] ?? null;
+        return $backendUser instanceof BackendUserAuthentication && $backendUser->isSystemMaintainer();
+    }
+}
diff --git a/Classes/Security/ContentSecurityPolicy/CspModuleController.php b/Classes/Security/ContentSecurityPolicy/CspModuleController.php
new file mode 100644
index 0000000..f963c36
--- /dev/null
+++ b/Classes/Security/ContentSecurityPolicy/CspModuleController.php
@@ -0,0 +1,106 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\ContentSecurityPolicy;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ButtonBar;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\ModuleTemplate;
+use TYPO3\CMS\Backend\Template\ModuleTemplateFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Configuration\Features;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\ScopeRepository;
+use TYPO3\CMS\Core\Utility\ExtensionManagementUtility;
+
+/**
+ * Content-Security-Policy backend module view, loading the CSP lit-element and providing the current context.
+ * @internal This is a specific Backend Controller implementation and is not considered part of the Public TYPO3 API.
+ */
+#[AsController]
+readonly class CspModuleController
+{
+    public function __construct(
+        protected Features $features,
+        protected UriBuilder $uriBuilder,
+        protected PageRenderer $pageRenderer,
+        protected ScopeRepository $scopeRepository,
+        protected ModuleTemplateFactory $moduleTemplateFactory,
+        protected IconFactory $iconFactory,
+        protected ComponentFactory $componentFactory,
+    ) {}
+
+    public function mainAction(ServerRequestInterface $request): ResponseInterface
+    {
+        $view = $this->moduleTemplateFactory->create($request);
+        $this->registerDocHeaderButtons($view, $request->getAttribute('module'));
+        $view->assignMultiple([
+            'configurationStatus' => $this->getConfigurationStatus(),
+            'scopes' => array_map(strval(...), $this->scopeRepository->findAll()),
+            'controlUri' => $this->uriBuilder->buildUriFromRoutePath('/ajax/security/csp/control'),
+            'extLowlevelAvailable' => ExtensionManagementUtility::isLoaded('lowlevel'),
+        ]);
+        return $view->renderResponse('Security/CspModule');
+    }
+
+    protected function registerDocHeaderButtons(ModuleTemplate $view, ModuleInterface $currentModule): void
+    {
+        $view->getDocHeaderComponent()->setShortcutContext(
+            $currentModule->getIdentifier(),
+            $this->getLanguageService()->translate('title', 'backend.modules.content_security_policy')
+        );
+        $view->getDocHeaderComponent()->disableAutomaticReloadButton();
+        $reloadButton = $this->componentFactory
+            ->createReloadButton((string)$this->uriBuilder->buildUriFromRoute($currentModule->getIdentifier()))
+            ->setDataAttributes(['csp-reports-handler' => 'refresh']);
+        $view->addButtonToButtonBar($reloadButton, ButtonBar::BUTTON_POSITION_RIGHT);
+    }
+
+    protected function getConfigurationStatus(): array
+    {
+        return [
+            'featureDisabled' => array_filter([
+                'backend' => [],
+                'frontend' => !$this->features->isFeatureEnabled('security.frontend.enforceContentSecurityPolicy')
+                    && !$this->features->isFeatureEnabled('security.frontend.reportContentSecurityPolicy')
+                        ? ['enforce', 'report']
+                        : [],
+            ]),
+            'customReporting' => array_filter([
+                'BE' => $GLOBALS['TYPO3_CONF_VARS']['BE']['contentSecurityPolicyReportingUrl'] ?? '',
+                'FE' => $GLOBALS['TYPO3_CONF_VARS']['FE']['contentSecurityPolicyReportingUrl'] ?? '',
+            ]),
+        ];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Security/EmailLoginNotification.php b/Classes/Security/EmailLoginNotification.php
new file mode 100644
index 0000000..edf91a1
--- /dev/null
+++ b/Classes/Security/EmailLoginNotification.php
@@ -0,0 +1,141 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Log\LoggerInterface;
+use Symfony\Component\Mailer\Exception\TransportException;
+use Symfony\Component\Mime\Exception\RfcComplianceException;
+use TYPO3\CMS\Core\Attribute\AsEventListener;
+use TYPO3\CMS\Core\Authentication\AbstractUserAuthentication;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Authentication\Event\AfterUserLoggedInEvent;
+use TYPO3\CMS\Core\Core\SystemEnvironmentBuilder;
+use TYPO3\CMS\Core\Http\ServerRequestFactory;
+use TYPO3\CMS\Core\Mail\MailerInterface;
+use TYPO3\CMS\Core\Mail\TemplatedEmailFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Sends out an email if a backend user has just been logged in.
+ *
+ * Relevant settings:
+ * $GLOBALS['TYPO3_CONF_VARS']['BE']['warning_mode']
+ * $GLOBALS['TYPO3_CONF_VARS']['BE']['warning_email_addr']
+ * $BE_USER->getUserSettings()->isEmailMeAtLoginEnabled()
+ *
+ * @internal this is not part of TYPO3 API as this is an internal hook
+ */
+final class EmailLoginNotification
+{
+    private int $warningMode = 0;
+    private string $warningEmailRecipient = '';
+
+    /**
+     * @var ServerRequestInterface
+     */
+    private $request;
+
+    public function __construct(
+        private readonly MailerInterface $mailer,
+        private readonly TemplatedEmailFactory $emailFactory,
+        private readonly LoggerInterface $logger,
+    ) {
+        $this->warningMode = (int)($GLOBALS['TYPO3_CONF_VARS']['BE']['warning_mode'] ?? 0);
+        $this->warningEmailRecipient = $GLOBALS['TYPO3_CONF_VARS']['BE']['warning_email_addr'] ?? '';
+    }
+
+    /**
+     * Sends an email notification to warning_email_address and/or the logged-in user's email address.
+     */
+    #[AsEventListener('typo3/cms-backend/login-notification')]
+    public function emailAtLogin(AfterUserLoggedInEvent $event): void
+    {
+        if (!$event->getUser() instanceof BackendUserAuthentication) {
+            return;
+        }
+        $currentUser = $event->getUser();
+        $user = $currentUser->user;
+        $genericLoginWarning = $this->warningMode > 0 && !empty($this->warningEmailRecipient);
+        $userLoginNotification = $currentUser->getUserSettings()->isEmailMeAtLoginEnabled() && GeneralUtility::validEmail($user['email']);
+        if (!$genericLoginWarning && !$userLoginNotification) {
+            return;
+        }
+        $this->request = $event->getRequest() ?? $GLOBALS['TYPO3_REQUEST'] ?? ServerRequestFactory::fromGlobals()
+            ->withAttribute('applicationType', SystemEnvironmentBuilder::REQUESTTYPE_BE);
+
+        if ($genericLoginWarning) {
+            $prefix = $currentUser->isAdmin() ? '[AdminLoginWarning]' : '[LoginWarning]';
+            if ($this->warningMode & 1) {
+                // First bit: Send warning email on any login
+                $this->sendEmail($this->warningEmailRecipient, $currentUser, $prefix);
+            } elseif ($currentUser->isAdmin() && $this->warningMode & 2) {
+                // Second bit: Only send warning email when an admin logs in
+                $this->sendEmail($this->warningEmailRecipient, $currentUser, $prefix);
+            }
+        }
+        // Trigger an email to the current BE user, if this has been enabled in the user configuration
+        if ($userLoginNotification) {
+            $this->sendEmail($user['email'], $currentUser);
+        }
+    }
+
+    /**
+     * Sends an email.
+     */
+    private function sendEmail(string $recipient, AbstractUserAuthentication $user, ?string $subjectPrefix = null): void
+    {
+        $headline = 'TYPO3 Backend Login notification';
+        $recipients = explode(',', $recipient);
+        $email = $this->emailFactory->create($this->request)
+            ->to(...$recipients)
+            ->setTemplate('Security/LoginNotification')
+            ->assignMultiple([
+                'user' => $user->user,
+                'prefix' => $subjectPrefix,
+                'language' => ($user->user['lang'] ?? '') ?: 'en',
+                'headline' => $headline,
+            ]);
+        try {
+            $this->mailer->send($email);
+        } catch (TransportException $e) {
+            $this->logger->warning('Could not send notification email to "{recipient}" due to mailer settings error', [
+                'recipient' => $recipient,
+                'userId' => $user->user['uid'] ?? 0,
+                'recipientList' => $recipients,
+                'exception' => $e,
+            ]);
+        } catch (RfcComplianceException $e) {
+            $this->logger->warning('Could not send notification email to "{recipient}" due to invalid email address', [
+                'recipient' => $recipient,
+                'userId' => $user->user['uid'] ?? 0,
+                'recipientList' => $recipients,
+                'exception' => $e,
+            ]);
+        } catch (\Exception $e) {
+            // Catch all other exceptions, otherwise a failed email login notification will keep
+            // a user from logging in. See https://forge.typo3.org/issues/103546
+            $this->logger->error('Could not send notification email to "{recipient}" due to a PHP exception', [
+                'recipient' => $recipient,
+                'userId' => $user->user['uid'] ?? 0,
+                'recipientList' => $recipients,
+                'exception' => $e,
+            ]);
+        }
+    }
+}
diff --git a/Classes/Security/SudoMode/Access/AccessClaim.php b/Classes/Security/SudoMode/Access/AccessClaim.php
new file mode 100644
index 0000000..41546b7
--- /dev/null
+++ b/Classes/Security/SudoMode/Access/AccessClaim.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\SudoMode\Access;
+
+/**
+ * Representation of a claim (request) to a specific subject, before being granted.
+ * The user still has to verify, that this claim is correct, by entering their password.
+ *
+ * @internal
+ */
+class AccessClaim implements \JsonSerializable
+{
+    public readonly string $id;
+
+    /**
+     * @var AccessSubjectInterface[]
+     */
+    public readonly array $subjects;
+
+    public function __construct(
+        public readonly ServerRequestInstruction $instruction,
+        public readonly int $expiration,
+        public ?string $origin = null,
+        ?string $id = null,
+        AccessSubjectInterface ...$subjects,
+    ) {
+        $this->subjects = $subjects;
+        $this->id = $id ?? bin2hex(random_bytes(20));
+    }
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'subjects' => $this->subjects,
+            'instruction' => $this->instruction,
+            'expiration' => $this->expiration,
+            'origin' => $this->origin,
+            'id' => $this->id,
+        ];
+    }
+}
diff --git a/Classes/Security/SudoMode/Access/AccessFactory.php b/Classes/Security/SudoMode/Access/AccessFactory.php
new file mode 100644
index 0000000..4bbf6c2
--- /dev/null
+++ b/Classes/Security/SudoMode/Access/AccessFactory.php
@@ -0,0 +1,129 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\SudoMode\Access;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Routing\Route;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Factory to create `AccessClaim`, `AccessGrant` and `RouteAccessSubject` instances.
+ *
+ * @internal
+ */
+#[Autoconfigure(public: true)]
+class AccessFactory
+{
+    protected const DEFAULT_CLAIM_LIFETIME = 300;
+
+    protected readonly int $currentTimestamp;
+
+    public function __construct()
+    {
+        $this->currentTimestamp = (int)($GLOBALS['EXEC_TIME'] ?? time());
+    }
+
+    public function buildClaimFromArray(array $data): AccessClaim
+    {
+        return GeneralUtility::makeInstance(
+            AccessClaim::class,
+            ServerRequestInstruction::buildFromArray($data['instruction']),
+            $data['expiration'] ?? 0,
+            $data['origin'] ?? null,
+            $data['id'] ?? null,
+            ...array_map(fn(array $subject) => $this->buildSubjectFromArray($subject), $data['subjects']),
+        );
+    }
+
+    public function buildGrantFromArray(array $data): AccessGrant
+    {
+        return GeneralUtility::makeInstance(
+            AccessGrant::class,
+            $this->buildSubjectFromArray($data['subject']),
+            $data['expiration']
+        );
+    }
+
+    public function buildSubjectFromArray(array $data): AccessSubjectInterface
+    {
+        $className = $data['class'] ?? '[empty]';
+        if (is_a($className, AccessSubjectInterface::class, true)) {
+            return $className::fromArray($data);
+        }
+        throw new \LogicException(
+            sprintf('Subject %s does not implement %s', $className, AccessSubjectInterface::class),
+            1605861181
+        );
+    }
+
+    public function buildRouteAccessSubject(ServerRequestInterface $request): RouteAccessSubject
+    {
+        /** @var ?Route $route */
+        $route = $request->getAttribute('route');
+        if ($route === null) {
+            throw new \LogicException(
+                'Missing route request attribute',
+                1605861905
+            );
+        }
+        $settings = $route->getOption('sudoMode');
+        return GeneralUtility::makeInstance(
+            RouteAccessSubject::class,
+            rtrim($route->getPath(), '/'),
+            $settings['lifetime'] ?? null,
+            $settings['group'] ?? null
+        );
+    }
+
+    public function buildTableAccessSubject(string $tableName, string $fieldName, string $id, array $settings): TableAccessSubject
+    {
+        $subjectParts = array_filter(
+            [$tableName, $fieldName, $id],
+            static fn(string $part): bool => $part !== ''
+        );
+        return GeneralUtility::makeInstance(
+            TableAccessSubject::class,
+            implode('.', $subjectParts),
+            $settings['lifetime'] ?? null,
+            $settings['group'] ?? null,
+            $settings['once'] ?? false,
+        );
+    }
+
+    public function buildClaimForSubjectRequest(ServerRequestInterface $request, ?string $origin, AccessSubjectInterface ...$subjects): AccessClaim
+    {
+        return GeneralUtility::makeInstance(
+            AccessClaim::class,
+            ServerRequestInstruction::createForServerRequest($request),
+            $this->currentTimestamp + self::DEFAULT_CLAIM_LIFETIME,
+            $origin,
+            null,
+            ...$subjects
+        );
+    }
+
+    public function buildGrantForSubject(AccessSubjectInterface $subject): AccessGrant
+    {
+        return GeneralUtility::makeInstance(
+            AccessGrant::class,
+            $subject,
+            $this->currentTimestamp + $subject->getLifetime()->inSeconds()
+        );
+    }
+}
diff --git a/Classes/Security/SudoMode/Access/AccessGrant.php b/Classes/Security/SudoMode/Access/AccessGrant.php
new file mode 100644
index 0000000..a199949
--- /dev/null
+++ b/Classes/Security/SudoMode/Access/AccessGrant.php
@@ -0,0 +1,40 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\SudoMode\Access;
+
+/**
+ * Representation of any granted access to a particular subject, having an expiration time.
+ * The user successfully verified a previous `AccessClaim` by entering their password.
+ *
+ * @internal
+ */
+readonly class AccessGrant implements \JsonSerializable
+{
+    public function __construct(
+        public AccessSubjectInterface $subject,
+        public int $expiration,
+    ) {}
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'subject' => $this->subject,
+            'expiration' => $this->expiration,
+        ];
+    }
+}
diff --git a/Classes/Security/SudoMode/Access/AccessLifetime.php b/Classes/Security/SudoMode/Access/AccessLifetime.php
new file mode 100644
index 0000000..2e87eec
--- /dev/null
+++ b/Classes/Security/SudoMode/Access/AccessLifetime.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\SudoMode\Access;
+
+/**
+ * Defines the lifetime of the sudo mode in a human-readable form.
+ */
+enum AccessLifetime: string
+{
+    case veryShort = 'veryShort';
+    case short = 'short';
+    case medium = 'medium';
+    case long = 'long';
+    case veryLong = 'veryLong';
+
+    public function inSeconds(): int
+    {
+        return self::lifetimes()[$this] * 60;
+    }
+
+    private static function lifetimes(): \WeakMap
+    {
+        $map = new \WeakMap();
+        $map[self::veryShort] = 5;
+        $map[self::short] = 10;
+        $map[self::medium] = 15;
+        $map[self::long] = 30;
+        $map[self::veryLong] = 60;
+        return $map;
+    }
+}
diff --git a/Classes/Security/SudoMode/Access/AccessStorage.php b/Classes/Security/SudoMode/Access/AccessStorage.php
new file mode 100644
index 0000000..07112f2
--- /dev/null
+++ b/Classes/Security/SudoMode/Access/AccessStorage.php
@@ -0,0 +1,153 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\SudoMode\Access;
+
+use Psr\Log\LoggerInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * Wrapper for storing `AccessClaim` and `AccessGrant` items in the backend user session storage.
+ *
+ * @internal
+ */
+#[Autoconfigure(public: true)]
+readonly class AccessStorage
+{
+    protected const CLAIM_KEY = 'backend.sudo-mode.claim';
+    protected const GRANT_KEY = 'backend.sudo-mode.grant';
+
+    protected int $currentTimestamp;
+
+    public function __construct(
+        protected AccessFactory $factory,
+        protected LoggerInterface $logger,
+    ) {
+        $this->currentTimestamp = (int)($GLOBALS['EXEC_TIME'] ?? time());
+    }
+
+    public function findGrantsBySubject(AccessSubjectInterface $subject): array
+    {
+        $relevantItems = array_filter(
+            $this->fetchGrants(),
+            // either group matches (if given), or subject matches
+            fn(array $item) => $this->subjectMatchesItem($subject, $item)
+        );
+        return array_map($this->factory->buildGrantFromArray(...), $relevantItems);
+    }
+
+    public function addGrant(AccessGrant $grant): void
+    {
+        $items = $this->fetchGrants();
+        $identity = $grant->subject->getIdentity();
+        if (isset($items[$identity])) {
+            $this->logger->warning(
+                sprintf('Grant %s does already exist', $identity),
+                $grant->jsonSerialize()
+            );
+        }
+        $items[$identity] = $grant;
+        $this->commitItems(self::GRANT_KEY, $items);
+    }
+
+    public function removeGrant(AccessGrant $grant): void
+    {
+        $items = $this->fetchGrants();
+        $identity = $grant->subject->getIdentity();
+        if (!isset($items[$identity])) {
+            $this->logger->warning(
+                sprintf('Grant %s does not exist', $identity),
+                $grant->jsonSerialize()
+            );
+        }
+        unset($items[$identity]);
+        $this->commitItems(self::GRANT_KEY, $items);
+    }
+
+    public function findClaimById(string $id): ?AccessClaim
+    {
+        $item = $this->fetchClaims()[$id] ?? null;
+        return !empty($item) ? $this->factory->buildClaimFromArray($item) : null;
+    }
+
+    public function findClaimBySubject(AccessSubjectInterface $subject): ?AccessClaim
+    {
+        foreach ($this->fetchClaims() as $item) {
+            if ($this->subjectMatchesItem($subject, $item)) {
+                return $this->factory->buildClaimFromArray($item);
+            }
+        }
+        return null;
+    }
+
+    public function addClaim(AccessClaim $claim): void
+    {
+        $items = $this->fetchClaims();
+        $items[$claim->id] = $claim;
+        $this->commitItems(self::CLAIM_KEY, $items);
+    }
+
+    public function removeClaim(AccessClaim $claim): void
+    {
+        $items = $this->fetchClaims();
+        unset($items[$claim->id]);
+        $this->commitItems(self::CLAIM_KEY, $items);
+    }
+
+    protected function fetchGrants(): array
+    {
+        return $this->fetchItems(self::GRANT_KEY);
+    }
+
+    protected function fetchClaims(): array
+    {
+        return $this->fetchItems(self::CLAIM_KEY);
+    }
+
+    protected function fetchItems(string $sessionKey): array
+    {
+        $sessionData = $this->getBackendUser()->getSessionData($sessionKey);
+        $items = json_decode((string)$sessionData, true, 16) ?? [];
+        $purgedItems = array_filter(
+            $items,
+            fn(array $item) => ($item['expiration'] ?? 0) >= $this->currentTimestamp
+        );
+        if (count($purgedItems) < count($items)) {
+            $this->commitItems($sessionKey, $purgedItems);
+        }
+        return $purgedItems;
+    }
+
+    protected function commitItems(string $sessionKey, array $items): void
+    {
+        // using `json_encode` here, since `UserSession` still uses PHP `serialize`
+        $this->getBackendUser()->setAndSaveSessionData($sessionKey, json_encode($items, JSON_INVALID_UTF8_SUBSTITUTE));
+    }
+
+    protected function subjectMatchesItem(AccessSubjectInterface $subject, array $item): bool
+    {
+        // either group matches (if given), or subject matches
+        return ($item['subject']['identity'] ?? null) === $subject->getIdentity()
+            || ($subject->getGroup() !== null && ($item['subject']['group'] ?? null) === $subject->getGroup());
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Security/SudoMode/Access/AccessSubjectInterface.php b/Classes/Security/SudoMode/Access/AccessSubjectInterface.php
new file mode 100644
index 0000000..e65bb50
--- /dev/null
+++ b/Classes/Security/SudoMode/Access/AccessSubjectInterface.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\SudoMode\Access;
+
+/**
+ * Base interface for a subject that shall be handled during the sudo mode process.
+ * A "subject" can be a resource, a route, a database record, anything.
+ * Specific implementations of this interface provide the details and behavior.
+ */
+interface AccessSubjectInterface extends \JsonSerializable
+{
+    /**
+     * Reconstitutes a subject object from its serialized representation.
+     */
+    public static function fromArray(array $data): static;
+
+    /**
+     * Provides a unique string identifier of the subject.
+     */
+    public function getIdentity(): string;
+
+    /**
+     * Provides the actual subject name (e.g. a route, an aspect, a resource, ...)
+     */
+    public function getSubject(): string;
+
+    /**
+     * If given, grants access to same-group sudo mode subjects.
+     */
+    public function getGroup(): ?string;
+
+    /**
+     * Provides a distinct lifetime type, e.g. XS, S, M, L, XL.
+     */
+    public function getLifetime(): AccessLifetime;
+
+    /**
+     * If true, the subject may only be used once and requires a new grant for the same task.
+     */
+    public function isOnce(): bool;
+}
diff --git a/Classes/Security/SudoMode/Access/RouteAccessSubject.php b/Classes/Security/SudoMode/Access/RouteAccessSubject.php
new file mode 100644
index 0000000..a48c0aa
--- /dev/null
+++ b/Classes/Security/SudoMode/Access/RouteAccessSubject.php
@@ -0,0 +1,102 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\SudoMode\Access;
+
+/**
+ * Representation of a backend route (and implicitly a module) that
+ * shall be handled during the sudo mode process.
+ *
+ * @internal
+ */
+class RouteAccessSubject implements AccessSubjectInterface
+{
+    /**
+     * The route subject, e.g. `/module/system/maintenance`
+     */
+    protected string $subject;
+    /**
+     * The distinct lifetime type, e.g. XS, S, M, L, XL
+     */
+    protected AccessLifetime $lifetime;
+    /**
+     * If given, grants access to same-group sudo mode subjects.
+     * Example: If access to admin tool route "maintenance" (of group "systemMaintainer")
+     * was granted, access to other groups, like "settings" or "upgrade" are granted as well.
+     */
+    protected ?string $group;
+
+    public static function fromArray(array $data): static
+    {
+        $subject = $data['subject'] ?? null;
+        $lifetime = AccessLifetime::tryFrom($data['lifetime']);
+        $group = $data['group'] ?? null;
+        if (!is_string($subject)) {
+            throw new \LogicException('Property subject must be of type string', 1681111813);
+        }
+        if ($lifetime === null) {
+            throw new \LogicException('Property lifetime cannot be resolved', 1681111814);
+        }
+        if ($group !== null && !is_string($group)) {
+            throw new \LogicException('Property group must be of type string, or omitted', 1681111815);
+        }
+        return new static($subject, $lifetime, $group);
+    }
+
+    final public function __construct(string $subject, ?AccessLifetime $lifetime = null, ?string $group = null)
+    {
+        $this->subject = $subject;
+        $this->lifetime = $lifetime ?? AccessLifetime::veryShort;
+        $this->group = $group;
+    }
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'class' => self::class,
+            'identity' => $this->getIdentity(),
+            'subject' => $this->subject,
+            'lifetime' => $this->lifetime->value,
+            'group' => $this->group,
+        ];
+    }
+
+    public function getIdentity(): string
+    {
+        return sprintf('route:%s', $this->subject);
+    }
+
+    public function getSubject(): string
+    {
+        return $this->subject;
+    }
+
+    public function getGroup(): ?string
+    {
+        return $this->group;
+    }
+
+    public function getLifetime(): AccessLifetime
+    {
+        return $this->lifetime;
+    }
+
+    public function isOnce(): bool
+    {
+        return false;
+    }
+}
diff --git a/Classes/Security/SudoMode/Access/ServerRequestInstruction.php b/Classes/Security/SudoMode/Access/ServerRequestInstruction.php
new file mode 100644
index 0000000..7e3f27a
--- /dev/null
+++ b/Classes/Security/SudoMode/Access/ServerRequestInstruction.php
@@ -0,0 +1,184 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\SudoMode\Access;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Message\StreamInterface;
+use Psr\Http\Message\UriInterface;
+use TYPO3\CMS\Core\Http\Stream;
+use TYPO3\CMS\Core\Http\Uri;
+
+/**
+ * Reduced representation of `ServerRequest` information, which is used
+ * to replay the intercepted request later, once access was granted.
+ *
+ * @internal
+ */
+class ServerRequestInstruction implements \JsonSerializable
+{
+    /**
+     * Attribute names that shall be taken from the original request
+     */
+    protected const KEEP_ATTRIBUTE_NAMES = [
+        'applicationType',
+    ];
+
+    protected string $requestTarget;
+    protected string $method;
+    protected UriInterface $uri;
+    protected StreamInterface $body;
+    protected ?array $parsedBody;
+    protected array $queryParams;
+    protected array $attributes;
+    protected array $serverParams;
+    protected array $headers;
+
+    public static function createForServerRequest(ServerRequestInterface $request): self
+    {
+        $target = new self();
+        $target->requestTarget = $request->getRequestTarget();
+        $target->method = $request->getMethod();
+        $target->uri = self::clone($request->getUri());
+        $target->body = self::clone($request->getBody());
+        $target->parsedBody = self::clone($request->getParsedBody());
+        $target->queryParams = $request->getQueryParams();
+        $target->serverParams = $request->getServerParams();
+        $target->headers = $request->getHeaders();
+        $target->attributes = array_filter(
+            $request->getAttributes(),
+            static fn(string $name) => in_array($name, self::KEEP_ATTRIBUTE_NAMES, true),
+            ARRAY_FILTER_USE_KEY
+        );
+        return $target;
+    }
+
+    public static function buildFromArray(array $data): self
+    {
+        $target = new self();
+        $target->requestTarget = $data['requestTarget'];
+        $target->method = $data['method'];
+        $target->uri = new Uri($data['uri']);
+        $target->body = new Stream('php://temp', 'w+b');
+        $target->body->write($data['body']['contents']);
+        $target->parsedBody = $data['parsedBody'];
+        $target->queryParams = $data['queryParams'];
+        $target->serverParams = $data['serverParams'];
+        $target->headers = $data['headers'];
+        $target->attributes = $data['attributes'] ?? [];
+        return $target;
+    }
+
+    protected static function clone($value)
+    {
+        if (is_object($value)) {
+            return clone $value;
+        }
+        return $value;
+    }
+
+    protected function __construct()
+    {
+        // avoid creating class instances directly from external
+    }
+
+    protected function __clone()
+    {
+        // avoid cloning class instances directly from external
+    }
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'class' => self::class,
+            'requestTarget' => $this->requestTarget,
+            'method' => $this->method,
+            'uri' => (string)$this->uri,
+            'body' => [
+                'contents' => (string)$this->body,
+            ],
+            'parsedBody' => $this->parsedBody,
+            'queryParams' => $this->queryParams,
+            'serverParams' => $this->serverParams,
+            'headers' => $this->headers,
+            'attributes' => $this->attributes,
+        ];
+    }
+
+    /**
+     * Applies instructions to given ServerRequest ("replaying the request").
+     */
+    public function applyTo(ServerRequestInterface $request): ServerRequestInterface
+    {
+        $request = $request
+            ->withRequestTarget($this->requestTarget)
+            ->withMethod($this->method)
+            ->withUri($this->uri)
+            ->withBody($this->body)
+            ->withParsedBody($this->parsedBody)
+            ->withQueryParams($this->queryParams);
+        foreach ($this->attributes as $name => $value) {
+            $request = $request->withAttribute($name, $value);
+        }
+        return $request;
+    }
+
+    public function getRequestTarget(): string
+    {
+        return $this->requestTarget;
+    }
+
+    public function getMethod(): string
+    {
+        return $this->method;
+    }
+
+    public function getUri(): UriInterface
+    {
+        return $this->uri;
+    }
+
+    public function getBody(): StreamInterface
+    {
+        return $this->body;
+    }
+
+    public function getParsedBody(): ?array
+    {
+        return $this->parsedBody;
+    }
+
+    public function getQueryParams(): array
+    {
+        return $this->queryParams;
+    }
+
+    public function getServerParams(): array
+    {
+        return $this->serverParams;
+    }
+
+    public function getHeaders(): array
+    {
+        return $this->headers;
+    }
+
+    public function getAttributes(): array
+    {
+        return $this->attributes;
+    }
+}
diff --git a/Classes/Security/SudoMode/Access/TableAccessSubject.php b/Classes/Security/SudoMode/Access/TableAccessSubject.php
new file mode 100644
index 0000000..475ba15
--- /dev/null
+++ b/Classes/Security/SudoMode/Access/TableAccessSubject.php
@@ -0,0 +1,117 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\SudoMode\Access;
+
+/**
+ * Representation of a table or table column that
+ * shall be handled during the sudo mode process.
+ *
+ * @internal
+ */
+class TableAccessSubject implements AccessSubjectInterface
+{
+    /**
+     * The table column subject, e.g. `tx_foo`, `tx_foo.bar` or `tx_foo.bar.123`
+     */
+    protected string $subject;
+
+    /**
+     * The distinct lifetime type, e.g. XS, S, M, L, XL
+     */
+    protected AccessLifetime $lifetime;
+
+    /**
+     * If given, grants access to same-group sudo mode subjects.
+     */
+    protected ?string $group;
+
+    /**
+     * If true, the subject may only be used once and requires a new grant for the same task.
+     */
+    protected bool $once;
+
+    public static function fromArray(array $data): static
+    {
+        $subject = $data['subject'] ?? null;
+        $lifetime = AccessLifetime::tryFrom($data['lifetime']);
+        $group = $data['group'] ?? null;
+        $once = $data['once'] ?? null;
+        if (!is_string($subject)) {
+            throw new \LogicException('Property subject must be of type string', 1743646793);
+        }
+        if ($lifetime === null) {
+            throw new \LogicException('Property lifetime cannot be resolved', 1743646794);
+        }
+        if ($group !== null && !is_string($group)) {
+            throw new \LogicException('Property group must be of type string, or omitted', 1743646795);
+        }
+        if ($once !== null && !is_bool($once)) {
+            throw new \LogicException('Property once must be of type bool, or omitted', 1743646796);
+        }
+        return new static($subject, $lifetime, $group, $once);
+    }
+
+    final public function __construct(
+        string $subject,
+        ?AccessLifetime $lifetime = null,
+        ?string $group = null,
+        ?bool $once = null,
+    ) {
+        $this->subject = $subject;
+        $this->lifetime = $lifetime ?? AccessLifetime::veryShort;
+        $this->group = $group;
+        $this->once = $once;
+    }
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'class' => self::class,
+            'identity' => $this->getIdentity(),
+            'subject' => $this->subject,
+            'lifetime' => $this->lifetime->value,
+            'group' => $this->group,
+            'once' => $this->once,
+        ];
+    }
+
+    public function getIdentity(): string
+    {
+        return sprintf('table:%s', $this->subject);
+    }
+
+    public function getSubject(): string
+    {
+        return $this->subject;
+    }
+
+    public function getGroup(): ?string
+    {
+        return $this->group;
+    }
+
+    public function getLifetime(): AccessLifetime
+    {
+        return $this->lifetime;
+    }
+
+    public function isOnce(): bool
+    {
+        return $this->once;
+    }
+}
diff --git a/Classes/Security/SudoMode/Event/SudoModeRequiredEvent.php b/Classes/Security/SudoMode/Event/SudoModeRequiredEvent.php
new file mode 100644
index 0000000..3e6d990
--- /dev/null
+++ b/Classes/Security/SudoMode/Event/SudoModeRequiredEvent.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\SudoMode\Event;
+
+use TYPO3\CMS\Backend\Security\SudoMode\Access\AccessClaim;
+
+final class SudoModeRequiredEvent
+{
+    private bool $verificationRequired = true;
+
+    public function __construct(private readonly AccessClaim $claim) {}
+
+    public function getClaim(): AccessClaim
+    {
+        return $this->claim;
+    }
+
+    public function isVerificationRequired(): bool
+    {
+        return $this->verificationRequired;
+    }
+
+    public function setVerificationRequired(bool $verificationRequired): void
+    {
+        $this->verificationRequired = $verificationRequired;
+    }
+}
diff --git a/Classes/Security/SudoMode/Event/SudoModeVerifyEvent.php b/Classes/Security/SudoMode/Event/SudoModeVerifyEvent.php
new file mode 100644
index 0000000..6db9f82
--- /dev/null
+++ b/Classes/Security/SudoMode/Event/SudoModeVerifyEvent.php
@@ -0,0 +1,57 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\SudoMode\Event;
+
+use TYPO3\CMS\Backend\Security\SudoMode\Access\AccessClaim;
+
+final class SudoModeVerifyEvent
+{
+    private bool $verified = false;
+
+    public function __construct(
+        private readonly AccessClaim $claim,
+        #[\SensitiveParameter]
+        private readonly string $password,
+        private readonly bool $useInstallToolPassword,
+    ) {}
+
+    public function getClaim(): AccessClaim
+    {
+        return $this->claim;
+    }
+
+    public function getPassword(): string
+    {
+        return $this->password;
+    }
+
+    public function isUseInstallToolPassword(): bool
+    {
+        return $this->useInstallToolPassword;
+    }
+
+    public function isVerified(): bool
+    {
+        return $this->verified;
+    }
+
+    public function setVerified(bool $verified): void
+    {
+        $this->verified = $verified;
+    }
+}
diff --git a/Classes/Security/SudoMode/Exception/RequestGrantedException.php b/Classes/Security/SudoMode/Exception/RequestGrantedException.php
new file mode 100644
index 0000000..1c513f2
--- /dev/null
+++ b/Classes/Security/SudoMode/Exception/RequestGrantedException.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\SudoMode\Exception;
+
+use TYPO3\CMS\Backend\Security\SudoMode\Access\ServerRequestInstruction;
+
+/**
+ * Exception that signals that the current user must verify the access for a
+ * particular resource, route, module, etc. by entering their password again.
+ *
+ * @internal
+ */
+final class RequestGrantedException extends \RuntimeException
+{
+    private ServerRequestInstruction $instruction;
+
+    public function withInstruction(ServerRequestInstruction $instruction): self
+    {
+        $this->instruction = $instruction;
+        return $this;
+    }
+
+    public function getInstruction(): ServerRequestInstruction
+    {
+        return $this->instruction;
+    }
+}
diff --git a/Classes/Security/SudoMode/Exception/VerificationRequiredException.php b/Classes/Security/SudoMode/Exception/VerificationRequiredException.php
new file mode 100644
index 0000000..56e5c5a
--- /dev/null
+++ b/Classes/Security/SudoMode/Exception/VerificationRequiredException.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\SudoMode\Exception;
+
+use TYPO3\CMS\Backend\Security\SudoMode\Access\AccessClaim;
+
+/**
+ * Exception that signals that the verification process was successful, and that
+ * the user shall be redirected to the URI, that has been requested originally.
+ *
+ * @internal
+ */
+final class VerificationRequiredException extends \RuntimeException
+{
+    private AccessClaim $claim;
+
+    public function withClaim(AccessClaim $bundle): self
+    {
+        $this->claim = $bundle;
+        return $this;
+    }
+
+    public function getClaim(): AccessClaim
+    {
+        return $this->claim;
+    }
+}
diff --git a/Classes/Security/SudoMode/PasswordVerification.php b/Classes/Security/SudoMode/PasswordVerification.php
new file mode 100644
index 0000000..1f38f04
--- /dev/null
+++ b/Classes/Security/SudoMode/PasswordVerification.php
@@ -0,0 +1,126 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Security\SudoMode;
+
+use TYPO3\CMS\Core\Authentication\AbstractAuthenticationService;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Crypto\PasswordHashing\InvalidPasswordHashException;
+use TYPO3\CMS\Core\Crypto\PasswordHashing\PasswordHashFactory;
+use TYPO3\CMS\Core\Http\ServerRequest;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Install\Controller\BackendModuleController;
+
+/**
+ * Service for either verifying the password of the current backend user
+ * session, or the admin tool password (without actually going through
+ * the complete authentication process).
+ *
+ * @internal
+ */
+readonly class PasswordVerification
+{
+    public function __construct(
+        protected PasswordHashFactory $passwordHashFactory
+    ) {}
+
+    /**
+     * Verifies that provided password matches Install Tool password.
+     */
+    public function verifyInstallToolPassword(string $password): bool
+    {
+        $installToolPassword = $GLOBALS['TYPO3_CONF_VARS']['BE']['installToolPassword'] ?? null;
+        if ($password === '') {
+            return false;
+        }
+
+        try {
+            return $this->passwordHashFactory
+                ->get($installToolPassword, 'BE')
+                ->checkPassword($password, $installToolPassword);
+        } catch (InvalidPasswordHashException) {
+            return false;
+        }
+    }
+
+    /**
+     * Verifies that the provided password is actually correct for current backend user
+     * by stepping through the authentication chain in `$GLOBALS['BE_USER]`.
+     */
+    public function verifyBackendUserPassword(string $password, BackendUserAuthentication $backendUser): bool
+    {
+        if ($password === '') {
+            return false;
+        }
+
+        // clone the current backend user object to avoid
+        // possible side effects for the real instance
+        $backendUser = clone $backendUser;
+        $loginData = [
+            'status' => 'sudo-mode',
+            'origin' => BackendModuleController::class,
+            'uname'  => $backendUser->user['username'],
+            'uident' => $password,
+        ];
+        // currently there is no dedicated API to perform authentication
+        // that's why this process partially has to be simulated here
+        $fakeRequest = new ServerRequest();
+        $loginData = $backendUser->processLoginData($loginData, $fakeRequest);
+        $authInfo = $backendUser->getAuthInfoArray($fakeRequest);
+
+        $authenticated = false;
+        /** @var AbstractAuthenticationService $service or any other service (sic!) */
+        foreach ($this->getAuthServices($backendUser, $loginData, $authInfo) as $service) {
+            if (!method_exists($service, 'authUser')) {
+                // The abstract does not cover this method, but the actual implementations do.
+                // Happy PHPStan, happy life (or so).
+                continue;
+            }
+
+            $ret = $service->authUser($backendUser->user);
+            if ($ret <= 0) {
+                return false;
+            }
+            if ($ret >= 200) {
+                return true;
+            }
+            if ($ret < 100) {
+                $authenticated = true;
+            }
+        }
+        return $authenticated;
+    }
+
+    /**
+     * Initializes authentication services to be used in a foreach loop
+     *
+     * @return \Generator<int, object>
+     */
+    protected function getAuthServices(BackendUserAuthentication $backendUser, array $loginData, array $authInfo): \Generator
+    {
+        $serviceChain = [];
+        $subType = 'authUserBE';
+        while ($service = GeneralUtility::makeInstanceService('auth', $subType, $serviceChain)) {
+            if (!$service instanceof AbstractAuthenticationService) {
+                continue;
+            }
+            $serviceChain[] = $service->getServiceKey();
+            $service->initAuth($subType, $loginData, $authInfo, $backendUser);
+            yield $service;
+        }
+    }
+}
diff --git a/Classes/Service/PageLanguageInformationService.php b/Classes/Service/PageLanguageInformationService.php
new file mode 100644
index 0000000..00fc4b5
--- /dev/null
+++ b/Classes/Service/PageLanguageInformationService.php
@@ -0,0 +1,261 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Service;
+
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use TYPO3\CMS\Backend\Domain\Model\Language\LanguageItem;
+use TYPO3\CMS\Backend\Domain\Model\Language\LanguageStatus;
+use TYPO3\CMS\Backend\Domain\Model\Language\PageLanguageInformation;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Cache\Frontend\FrontendInterface;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Site\Entity\NullSite;
+use TYPO3\CMS\Core\Site\Entity\Site;
+use TYPO3\CMS\Core\Site\Entity\SiteInterface;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * Central service for gathering page language information.
+ *
+ * This service provides the SINGLE source of truth for:
+ * - Which languages exist (have translations)
+ * - Which languages can be created (permissions + missing)
+ * - Which languages are unavailable (no permission)
+ * - Translation records with workspace overlay
+ * - UI properties (labels, flags, icons)
+ *
+ * Note: Languages marked as "Unavailable" are included in the result
+ * for potential future use (e.g., showing "No Access" indicators),
+ * but controllers currently filter them out before displaying the UI.
+ *
+ * @internal
+ */
+final readonly class PageLanguageInformationService
+{
+    public function __construct(
+        private TcaSchemaFactory $tcaSchemaFactory,
+        private ConnectionPool $connectionPool,
+        #[Autowire(service: 'cache.runtime')]
+        private FrontendInterface $runtimeCache,
+    ) {}
+
+    /**
+     * Get complete language information for a page.
+     *
+     * This method fetches and analyzes all language-related data for a page,
+     * including existing translations, permissions, and available languages.
+     */
+    public function getLanguageInformationForPage(
+        int $pageId,
+        SiteInterface $site,
+        BackendUserAuthentication $backendUser
+    ): PageLanguageInformation {
+        // Build cache key: page ID + workspace + user ID (for permissions)
+        $cacheKey = $this->getCacheKeyForPage($pageId, $backendUser);
+
+        // Check runtime cache
+        $cachedInfo = $this->runtimeCache->get($cacheKey);
+        if ($cachedInfo instanceof PageLanguageInformation) {
+            return $cachedInfo;
+        }
+
+        // Get ALL enabled languages (without permission filtering)
+        // We need to do permission checks ourselves to properly classify as Unavailable
+        if ($site instanceof Site) {
+            // For Site we use getAllLanguages(), because getLanguages() would remove "disabled" languages
+            $allLanguages = $site->getAllLanguages();
+        } else {
+            $allLanguages = $site->getLanguages();
+        }
+
+        // For NullSite (page 0), respect mod.SHARED.disableLanguages TSconfig
+        $disabledLanguages = [];
+        if ($site instanceof NullSite) {
+            $pageTs = BackendUtility::getPagesTSconfig($pageId);
+            $pageTs = $pageTs['mod.']['SHARED.'] ?? [];
+            $disabledLanguages = GeneralUtility::intExplode(',', (string)($pageTs['disableLanguages'] ?? ''), true);
+        }
+
+        $existingTranslations = $this->fetchExistingTranslations($pageId, $backendUser);
+        $canUserCreateTranslations = $this->canUserCreatePageTranslations($backendUser, $pageId);
+
+        $availableLanguages = [];
+        $languageStatuses = [];
+        $creatableLanguageIds = [];
+        foreach ($allLanguages as $siteLanguage) {
+            $languageId = $siteLanguage->getLanguageId();
+
+            if (in_array($languageId, $disabledLanguages, true)) {
+                // For NullSite: skip languages disabled via TSconfig
+                continue;
+            }
+
+            // Check if user has access to this specific language
+            if (!$backendUser->checkLanguageAccess($languageId)) {
+                // Language exists in site config but user has no access
+                $languageStatuses[$languageId] = LanguageStatus::Unavailable;
+                // Include in availableLanguages for potential future use (e.g., "No Access" indicators)
+                // Note: Controllers currently filter out Unavailable languages before display
+                $availableLanguages[$languageId] = $siteLanguage;
+                continue;
+            }
+
+            // User has access to this language
+            $availableLanguages[$languageId] = $siteLanguage;
+
+            if ($languageId === 0 || isset($existingTranslations[$languageId])) {
+                // Default language or existing translation
+                $languageStatuses[$languageId] = LanguageStatus::Existing;
+            } elseif ($canUserCreateTranslations) {
+                // Can be created (user has page edit permission AND language access)
+                $languageStatuses[$languageId] = LanguageStatus::Creatable;
+                $creatableLanguageIds[] = $languageId;
+            } else {
+                // Cannot be created (no page edit permission, but has language access)
+                $languageStatuses[$languageId] = LanguageStatus::Unavailable;
+            }
+        }
+
+        // Filter existingTranslations to only include languages that are available.
+        // This ensures consistency: a language with a translation in the database but whose
+        // language does not exist in site configuration should not appear as "existing" in the UI.
+        $existingTranslations = array_intersect_key($existingTranslations, $availableLanguages);
+
+        $languageInformation = new PageLanguageInformation(
+            pageId: $pageId,
+            availableLanguages: $availableLanguages,
+            languageStatuses: $languageStatuses,
+            existingTranslations: $existingTranslations,
+            creatableLanguageIds: $creatableLanguageIds,
+            canUserCreateTranslations: $canUserCreateTranslations,
+            languageItems: $this->getLanguageItems($languageStatuses, $availableLanguages),
+        );
+
+        // Store in runtime cache for this request
+        $this->runtimeCache->set($cacheKey, $languageInformation);
+
+        return $languageInformation;
+    }
+
+    /**
+     * Get language items ready for UI rendering. Includes all UI properties (labels, flags, etc.)
+     *
+     * @return LanguageItem[] Array of language items
+     */
+    private function getLanguageItems(array $languageStatuses, array $availableLanguages): array
+    {
+        $languageItems = [];
+        foreach ($availableLanguages as $siteLanguage) {
+            $languageId = $siteLanguage->getLanguageId();
+            $languageItems[] = new LanguageItem(
+                siteLanguage: $siteLanguage,
+                status: $languageStatuses[$languageId] ?? LanguageStatus::Unavailable,
+            );
+        }
+        return $languageItems;
+    }
+
+    /**
+     * Fetch existing page translations with workspace overlay.
+     *
+     * This is the centralized logic that was previously duplicated across
+     * PageLayoutController and RecordListController.
+     *
+     * @param int $pageId Page ID
+     * @param BackendUserAuthentication $backendUser Current backend user
+     * @return array<int, array> Translation records keyed by language ID
+     */
+    private function fetchExistingTranslations(
+        int $pageId,
+        BackendUserAuthentication $backendUser
+    ): array {
+        $schema = $this->tcaSchemaFactory->get('pages');
+        $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+        $languageField = $languageCapability->getLanguageField()->getName();
+        $translationOriginField = $languageCapability->getTranslationOriginPointerField()->getName();
+
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('pages');
+        $queryBuilder->getRestrictions()->removeAll()
+            ->add(new DeletedRestriction())
+            ->add(new WorkspaceRestriction($backendUser->workspace));
+
+        $queryBuilder
+            ->select('*')
+            ->from('pages')
+            ->where(
+                $queryBuilder->expr()->eq(
+                    $translationOriginField,
+                    $queryBuilder->createNamedParameter($pageId, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->neq(
+                    $languageField,
+                    0
+                )
+            );
+
+        $existingTranslations = [];
+        $statement = $queryBuilder->executeQuery();
+
+        while ($row = $statement->fetchAssociative()) {
+            BackendUtility::workspaceOL('pages', $row, $backendUser->workspace);
+            if ($row && VersionState::tryFrom($row['t3ver_state'] ?? 0) !== VersionState::DELETE_PLACEHOLDER) {
+                $existingTranslations[(int)$row[$languageField]] = $row;
+            }
+        }
+
+        return $existingTranslations;
+    }
+
+    /**
+     * Check if user can create page translations.
+     *
+     * @param BackendUserAuthentication $backendUser Current backend user
+     * @param int $pageId Page ID
+     * @return bool True if user can create translations
+     */
+    private function canUserCreatePageTranslations(
+        BackendUserAuthentication $backendUser,
+        int $pageId
+    ): bool {
+        // Check table permission
+        if (!$backendUser->check('tables_modify', 'pages')) {
+            return false;
+        }
+
+        // Check page permission
+        $pageInfo = BackendUtility::readPageAccess($pageId, $backendUser->getPagePermsClause(Permission::PAGE_SHOW));
+        if (!$pageInfo) {
+            return false;
+        }
+
+        return $backendUser->doesUserHaveAccess($pageInfo, Permission::PAGE_EDIT);
+    }
+
+    private function getCacheKeyForPage(int $pageId, BackendUserAuthentication $backendUser): string
+    {
+        return 'PageLanguageInformation_' . $pageId . '_' . $backendUser->workspace . '_' . $backendUser->getUserId();
+    }
+}
diff --git a/Classes/Service/PageLinkMessageProvider.php b/Classes/Service/PageLinkMessageProvider.php
new file mode 100644
index 0000000..9468693
--- /dev/null
+++ b/Classes/Service/PageLinkMessageProvider.php
@@ -0,0 +1,333 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Service;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Domain\RecordFactory;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+use TYPO3\CMS\Core\LinkHandling\PageTypeLinkResolver;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * @internal To be used in the Content > Layout module and not part of public API.
+ */
+readonly class PageLinkMessageProvider
+{
+    public function __construct(
+        protected ConnectionPool $connectionPool,
+        protected PageTypeLinkResolver $pageTypeLinkResolver,
+        protected RecordFactory $recordFactory,
+        protected UriBuilder $uriBuilder,
+        protected TcaSchemaFactory $tcaSchemaFactory,
+    ) {}
+
+    /**
+     * Generates the messages that are displayed in the Content > Layout module
+     * to show the target of a page of type link.
+     *
+     * @param array $pageRecord the database row of the page of type link
+     * @return array{
+     *      message: string,
+     *      state: ContextualFeedbackSeverity
+     *  }
+     */
+    public function generateMessagesForPageTypeLink(array $pageRecord, ServerRequestInterface $request): array
+    {
+        $languageService = $this->getLanguageService();
+        $linkInfo = $this->pageTypeLinkResolver->resolveTypolinkParts($pageRecord);
+        if (($linkInfo['url'] ?? '') === '') {
+            // No link is set
+            return $this->getMessageForMissingLink($request, $languageService);
+        }
+        return match (($linkInfo['type'] ?? '')) {
+            // The current page links to another page
+            'page' => $this->getMessageForPageTypeLinkToPage($linkInfo, $request, $languageService),
+            // The current page links to another record
+            'record' => $this->getMessageForPageTypeLinkToRecord($linkInfo, $request, $languageService),
+            default => $this->getMessageBasedOnPageRecordAndUnhandledLinkTypes($pageRecord, $linkInfo, $request, $languageService),
+        };
+    }
+
+    protected function generateFrontendLink(string $pageLink, LanguageService $languageService, string $type): array
+    {
+        $pageLink = htmlspecialchars($pageLink);
+        $pageLinkHtml = sprintf('<a href="%s" target="_blank" rel="noreferrer">%s</a>', $pageLink, $pageLink);
+        $linkTypeLabel = $languageService->translate($type, 'backend.links') ?? $languageService->translate('destination', 'backend.links');
+        return [
+            $pageLinkHtml,
+            $linkTypeLabel,
+        ];
+    }
+
+    /**
+     * Generates a link to the page module containing the content element and
+     * displays information about the content element.
+     */
+    protected function generateLinkToContentElement(int $fragment, ServerRequestInterface $request, string $linkedPage): string
+    {
+        $languageService = $this->getLanguageService();
+        $record = $this->findRecord('tt_content', $fragment);
+        if ($record === null) {
+            return '';
+        }
+        $params = [
+            'edit' => [$record->getMainType() => [$record->getUid() => 'edit']],
+            'module' => '',
+            'returnUrl' => (string)$request->getAttribute('normalizedParams')->getRequestUri(),
+        ];
+        $uri = (string)$this->uriBuilder->buildUriFromRoute('record_edit', $params);
+        $recordLabel = htmlspecialchars($record->get('header'));
+
+        if (empty($recordLabel)) {
+            $recordLabel = '<em>[' . htmlspecialchars($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.no_title')) . ']</em>';
+        }
+        $linkToContentElement = sprintf('<a href="%s">%s</a>', htmlspecialchars($uri), $recordLabel);
+        return sprintf(
+            $languageService->translate('link_destination_content_element', 'backend.pages.messages'),
+            $languageService->translate('doktype.link', 'core.db.pages'),
+            $linkToContentElement,
+            $linkedPage
+        );
+    }
+
+    /**
+     * @return array{
+     *     message: string,
+     *     state: ContextualFeedbackSeverity,
+     * }
+     */
+    protected function getMessageForMissingLink(ServerRequestInterface $request, LanguageService $languageService): array
+    {
+        // No link is set
+        return [
+            'message' => sprintf(
+                $languageService->translate('link_missing', 'backend.pages.messages'),
+                $languageService->translate('link', 'core.db.pages'),
+                $languageService->translate('doktype.link', 'core.db.pages'),
+            ),
+            'state' => ContextualFeedbackSeverity::ERROR,
+        ];
+    }
+
+    /**
+     * @param array $linkInfo
+     * @return array{
+     *     message: string,
+     *     state: ContextualFeedbackSeverity,
+     * }
+     */
+    protected function getMessageForPageTypeLinkToPage(
+        array $linkInfo,
+        ServerRequestInterface $request,
+        LanguageService $languageService,
+    ): array {
+        $backendUser = $this->getBackendUser();
+        if (($linkInfo['pageuid'] ?? '') === 'current') {
+            return [
+                'message' => $this->generateLinkToCurrent($linkInfo, $request, $languageService),
+                'state' => ContextualFeedbackSeverity::INFO,
+            ];
+        }
+        $linkToPid = $this->uriBuilder->buildUriFromRoute('web_layout', ['id' => $linkInfo['pageuid']]);
+        $path = BackendUtility::getRecordPath($linkInfo['pageuid'], $backendUser->getPagePermsClause(Permission::PAGE_SHOW), 1000);
+        $linkedPath = '<a href="' . htmlspecialchars((string)$linkToPid) . '">' . htmlspecialchars($path) . '</a>';
+        if (MathUtility::canBeInterpretedAsInteger($linkInfo['fragment'] ?? false)) {
+            return [
+                'message' => $this->generateLinkToContentElement((int)$linkInfo['fragment'], $request, $linkedPath),
+                'state' => ContextualFeedbackSeverity::INFO,
+            ];
+        }
+        $message = sprintf(
+            $languageService->translate('link_destination', 'backend.pages.messages'),
+            $languageService->translate('doktype.link', 'core.db.pages'),
+            $languageService->translate('page', 'backend.links'),
+            $linkedPath
+        );
+        if ($linkInfo['additionalParams'] ?? false) {
+            $message .= ' ' . sprintf(
+                $languageService->translate('link_destination_additional_parameters', 'backend.pages.messages'),
+                htmlspecialchars($linkInfo['additionalParams']),
+            );
+        }
+        return [
+            'message' => $message,
+            'state' => ContextualFeedbackSeverity::INFO,
+        ];
+    }
+
+    /**
+     * Generates the backend message for link pages linking to current request page,
+     * with or without appending parameters.
+     */
+    protected function generateLinkToCurrent(array $linkInfo, ServerRequestInterface $request, LanguageService $languageService): string
+    {
+        $queryParameters = $linkInfo['url'] ?? '';
+        if ($queryParameters === '') {
+            return sprintf(
+                $languageService->translate('link_current', 'backend.pages.messages'),
+                $languageService->translate('doktype.link', 'core.db.pages'),
+            );
+        }
+        return sprintf(
+            $languageService->translate('link_current_with_added_queryparameters', 'backend.pages.messages'),
+            $languageService->translate('doktype.link', 'core.db.pages'),
+            $queryParameters,
+        );
+    }
+
+    /**
+     * @param array $pageRecord the database row of the page of type link
+     * @param array $linkInfo
+     * @return array{
+     *     message: string,
+     *     state: ContextualFeedbackSeverity,
+     * }
+     */
+    protected function getMessageBasedOnPageRecordAndUnhandledLinkTypes(
+        array $pageRecord,
+        array $linkInfo,
+        ServerRequestInterface $request,
+        LanguageService $languageService,
+    ): array {
+        $pageLink = $this->pageTypeLinkResolver->resolvePageLinkUrl($pageRecord, $request);
+        if ($pageLink === '') {
+            // The link cannot be resolved
+            return [
+                'message' => sprintf(
+                    $languageService->translate('link_invalid', 'backend.pages.messages'),
+                    $languageService->translate('link', 'core.db.pages'),
+                    htmlspecialchars($pageRecord['link'] ?? ''),
+                ),
+                'state' => ContextualFeedbackSeverity::ERROR,
+            ];
+        }
+        // Display the frontend link destination, for example external URL or link to a file or email address
+        [$pageLinkHtml, $linkTypeLabel] = $this->generateFrontendLink($pageLink, $languageService, $linkInfo['type']);
+        return [
+            'message' => sprintf(
+                $languageService->translate('link_destination', 'backend.pages.messages'),
+                $languageService->translate('doktype.link', 'core.db.pages'),
+                $linkTypeLabel,
+                $pageLinkHtml
+            ),
+            'state' => ContextualFeedbackSeverity::INFO,
+        ];
+    }
+
+    /**
+     * @param array $linkInfo
+     * @return array{
+     *     message: string,
+     *     state: ContextualFeedbackSeverity,
+     * }
+     */
+    protected function getMessageForPageTypeLinkToRecord(
+        array $linkInfo,
+        ServerRequestInterface $request,
+        LanguageService $languageService,
+    ): array {
+        $pageTsConfig = BackendUtility::getPagesTSconfig($request->getQueryParams()['id'] ?? 0);
+        $linkConfig = $pageTsConfig['TCEMAIN.']['linkHandler.'][$linkInfo['identifier'] . '.'] ?? [];
+        $table = $linkConfig['configuration.']['table'] ?? null;
+        if ($linkConfig === [] || $table === null) {
+            return [
+                'message' => 'No page TSconfig definition found for link of type ' . $linkInfo['identifier'] . '. Expected TCEMAIN.linkHandler.' . $linkInfo['identifier'],
+                'state' => ContextualFeedbackSeverity::ERROR,
+            ];
+        }
+        $uid = (int)$linkInfo['uid'];
+        $record = $this->findRecord($table, $uid);
+        if ($record === null) {
+            return [
+                'message' => 'This page links to record with uid ' . $uid . ' in table ' . $table . ' which could not be resolved.',
+                'state' => ContextualFeedbackSeverity::ERROR,
+            ];
+        }
+        $params = [
+            'edit' => [$table => [$uid => 'edit']],
+            'module' => 'records',
+            'returnUrl' => '',
+        ];
+        $linkToPid = (string)$this->uriBuilder->buildUriFromRoute('record_edit', $params);
+        $schema = $this->tcaSchemaFactory->get($table);
+        $label = BackendUtility::getRecordTitle($table, $record);
+        $label = BackendUtility::cropToTitleLength($label);
+        $linkedPath = '<a href="' . htmlspecialchars($linkToPid) . '">' . htmlspecialchars($label) . '</a>';
+        $message = sprintf(
+            $languageService->translate('link_destination_record', 'backend.pages.messages'),
+            $languageService->translate('doktype.link', 'core.db.pages'),
+            $languageService->sL($schema->getTitle()),
+            $linkedPath,
+        );
+        if ($linkInfo['additionalParams'] ?? false) {
+            $message .= ' ' . sprintf(
+                $languageService->translate('link_destination_additional_parameters', 'backend.pages.messages'),
+                htmlspecialchars($linkInfo['additionalParams']),
+            );
+        }
+        return [
+            'message' => $message,
+            'state' => ContextualFeedbackSeverity::INFO,
+        ];
+    }
+
+    protected function findRecord(string $table, int $uid): ?RecordInterface
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable($table);
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+        $queryBuilder
+            ->select('*')
+            ->from($table)
+            ->where(
+                $queryBuilder->expr()->eq(
+                    'uid',
+                    $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT)
+                )
+            );
+        $row = $queryBuilder->executeQuery()->fetchAssociative();
+        if ($row === false) {
+            return null;
+        }
+        return $this->recordFactory->createFromDatabaseRow($table, $row);
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/ServiceProvider.php b/Classes/ServiceProvider.php
new file mode 100644
index 0000000..1568e4a
--- /dev/null
+++ b/Classes/ServiceProvider.php
@@ -0,0 +1,125 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend;
+
+use Psr\Container\ContainerInterface;
+use TYPO3\CMS\Backend\Module\ModuleFactory;
+use TYPO3\CMS\Backend\Module\ModuleRegistry;
+use TYPO3\CMS\Backend\Routing\RouterConfigurationEvent;
+use TYPO3\CMS\Core\Cache\Event\CacheWarmupEvent;
+use TYPO3\CMS\Core\EventDispatcher\ListenerProvider;
+use TYPO3\CMS\Core\Package\AbstractServiceProvider;
+use TYPO3\CMS\Core\Package\Cache\PackageDependentCacheIdentifier;
+
+/**
+ * @internal
+ */
+class ServiceProvider extends AbstractServiceProvider
+{
+    protected static function getPackagePath(): string
+    {
+        return __DIR__ . '/../';
+    }
+
+    protected static function getPackageName(): string
+    {
+        return 'typo3/cms-backend';
+    }
+
+    public function getFactories(): array
+    {
+        return [
+            ModuleRegistry::class => self::getModuleRegistry(...),
+            'backend.routes' => self::getBackendRoutes(...),
+            'backend.routes.warmer' => self::getBackendRoutesWarmer(...),
+            'backend.modules' => self::getBackendModules(...),
+            'backend.modules.warmer' => self::getBackendModulesWarmer(...),
+        ];
+    }
+
+    public function getExtensions(): array
+    {
+        return [
+            ListenerProvider::class => self::addEventListeners(...),
+        ] + parent::getExtensions();
+    }
+
+    public static function getModuleRegistry(ContainerInterface $container): ModuleRegistry
+    {
+        $moduleFactory = $container->get(ModuleFactory::class);
+        $cache = $container->get('cache.core');
+        $cacheIdentifier = $container->get(PackageDependentCacheIdentifier::class)->withPrefix('BackendModules')->toString();
+        $modulesFromPackages = $cache->require($cacheIdentifier);
+        if ($modulesFromPackages === false) {
+            $modulesFromPackages = $container->get('backend.modules')->getArrayCopy();
+            $modulesFromPackages = $moduleFactory->adaptAliasMappingFromModuleConfiguration($modulesFromPackages);
+            $cache->set($cacheIdentifier, 'return ' . var_export($modulesFromPackages, true) . ';');
+        }
+
+        foreach ($modulesFromPackages as $identifier => $configuration) {
+            $modulesFromPackages[$identifier] = $moduleFactory->createModule($identifier, $configuration);
+        }
+
+        return self::new($container, ModuleRegistry::class, [$modulesFromPackages]);
+    }
+
+    public static function getBackendRoutes(ContainerInterface $container): \ArrayObject
+    {
+        return new \ArrayObject();
+    }
+
+    public static function getBackendRoutesWarmer(ContainerInterface $container): \Closure
+    {
+        return static function (CacheWarmupEvent $event) use ($container) {
+            if ($event->hasGroup('system')) {
+                $cache = $container->get('cache.core');
+                $cacheIdentifier = $container->get(PackageDependentCacheIdentifier::class)->withPrefix('BackendRoutes')->toString();
+                $routesFromPackages = $container->get('backend.routes')->getArrayCopy();
+                $cache->set($cacheIdentifier, 'return ' . var_export($routesFromPackages, true) . ';');
+            }
+        };
+    }
+
+    public static function getBackendModules(ContainerInterface $container): \ArrayObject
+    {
+        return new \ArrayObject();
+    }
+
+    public static function getBackendModulesWarmer(ContainerInterface $container): \Closure
+    {
+        return static function (CacheWarmupEvent $event) use ($container) {
+            if ($event->hasGroup('system')) {
+                $moduleFactory = $container->get(ModuleFactory::class);
+                $cache = $container->get('cache.core');
+                $cacheIdentifier = $container->get(PackageDependentCacheIdentifier::class)->withPrefix('BackendModules')->toString();
+                $modulesFromPackages = $container->get('backend.modules')->getArrayCopy();
+                $modulesFromPackages = $moduleFactory->adaptAliasMappingFromModuleConfiguration($modulesFromPackages);
+                $cache->set($cacheIdentifier, 'return ' . var_export($modulesFromPackages, true) . ';');
+            }
+        };
+    }
+
+    public static function addEventListeners(ContainerInterface $container, ListenerProvider $listenerProvider): ListenerProvider
+    {
+        $listenerProvider->addListener(CacheWarmupEvent::class, 'backend.routes.warmer');
+        $listenerProvider->addListener(CacheWarmupEvent::class, 'backend.modules.warmer');
+        $listenerProvider->addListener(RouterConfigurationEvent::class, ModuleRegistry::class, 'registerRoutesForModules', 'backend/module-registry');
+
+        return $listenerProvider;
+    }
+}
diff --git a/Classes/Sidebar/ModuleMenuSidebarComponent.php b/Classes/Sidebar/ModuleMenuSidebarComponent.php
new file mode 100644
index 0000000..a59a181
--- /dev/null
+++ b/Classes/Sidebar/ModuleMenuSidebarComponent.php
@@ -0,0 +1,93 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Sidebar;
+
+use TYPO3\CMS\Backend\Attribute\AsSidebarComponent;
+use TYPO3\CMS\Backend\Module\MenuModule;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Module menu sidebar component.
+ *
+ * Renders the main backend module navigation menu in the sidebar.
+ *
+ * @internal
+ */
+#[AsSidebarComponent(identifier: 'module-menu')]
+final readonly class ModuleMenuSidebarComponent implements SidebarComponentInterface
+{
+    public function __construct(
+        private ModuleProvider $moduleProvider,
+        private BackendViewFactory $viewFactory,
+        private UriBuilder $uriBuilder,
+    ) {}
+
+    public function hasAccess(SidebarComponentContext $context): bool
+    {
+        return !empty($this->moduleProvider->getModulesForModuleMenu($context->user));
+    }
+
+    public function getResult(SidebarComponentContext $context): SidebarComponentResult
+    {
+        $modules = $this->moduleProvider->getModulesForModuleMenu($context->user);
+
+        if ($modules === []) {
+            return new SidebarComponentResult('', '');
+        }
+
+        $view = $this->viewFactory->create($context->request);
+        $view->assignMultiple([
+            'modules' => $modules,
+            'modulesInformation' => GeneralUtility::jsonEncodeForHtmlAttribute(
+                $this->getModulesInformation($context),
+                false
+            ),
+        ]);
+
+        return new SidebarComponentResult(
+            identifier: 'module-menu',
+            html: $view->render('Backend/ModuleMenu'),
+            module: '@typo3/backend/module-menu.js',
+        );
+    }
+
+    /**
+     * Get module information for JavaScript.
+     *
+     * @return array<string, mixed>
+     */
+    private function getModulesInformation(SidebarComponentContext $context): array
+    {
+        $modules = [];
+        foreach ($this->moduleProvider->getModules($context->user, true, false) as $identifier => $module) {
+            $menuModule = new MenuModule(clone $module);
+            $modules[$identifier] = [
+                'name' => $identifier,
+                'aliases' => $module->getAliases(),
+                'component' => $menuModule->getComponent(),
+                'navigationComponentId' => $menuModule->getNavigationComponent(),
+                'parent' => $menuModule->hasParentModule() ? $menuModule->getParentIdentifier() : '',
+                'link' => $menuModule->getShouldBeLinked() ? (string)$this->uriBuilder->buildUriFromRoute($module->getIdentifier()) : '',
+            ];
+        }
+        return $modules;
+    }
+}
diff --git a/Classes/Sidebar/Sidebar.php b/Classes/Sidebar/Sidebar.php
new file mode 100644
index 0000000..49a390c
--- /dev/null
+++ b/Classes/Sidebar/Sidebar.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Sidebar;
+
+/**
+ * Renders the complete backend sidebar with all registered components.
+ *
+ * @internal
+ */
+final readonly class Sidebar
+{
+    /**
+     * @param array<string, SidebarComponentInterface> $components Components keyed by identifier
+     */
+    public function __construct(
+        private array $components,
+        private SidebarComponentContext $context,
+    ) {}
+
+    /**
+     * @return array{
+     *   html: string,
+     *   modules: list<string>,
+     *   accessible: bool,
+     *   expanded: bool
+     * }
+     */
+    public function render(): array
+    {
+        $html = [];
+        $modules = [];
+        foreach ($this->components as $identifier => $component) {
+            $result = $component->getResult($this->context);
+            $html[] = '<div class="sidebar-component" data-identifier="' . htmlspecialchars($identifier) . '">' . $result->html . '</div>';
+            if ($result->module) {
+                $modules[] = $result->module;
+            }
+        }
+
+        return [
+            'html' => $html === [] ? '' : '<div class="sidebar-container">' . implode(LF, $html) . '</div>',
+            'modules' => $modules,
+            'accessible' => $this->isAccessible(),
+            'expanded' => $this->isExpanded(),
+        ];
+    }
+
+    public function isAccessible(): bool
+    {
+        return $this->components !== [];
+    }
+
+    public function isExpanded(): bool
+    {
+        $collapseState = $this->context->user->uc['BackendComponents']['States']['typo3-sidebar']['collapsed'] ?? false;
+        return $collapseState !== true && $collapseState !== 'true';
+    }
+
+    public function getComponentByIdentifier(string $identifier): ?SidebarComponentInterface
+    {
+        return $this->components[$identifier] ?? null;
+    }
+}
diff --git a/Classes/Sidebar/SidebarComponentContext.php b/Classes/Sidebar/SidebarComponentContext.php
new file mode 100644
index 0000000..3e26a52
--- /dev/null
+++ b/Classes/Sidebar/SidebarComponentContext.php
@@ -0,0 +1,34 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Sidebar;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * Context object for sidebar components
+ *
+ * @internal
+ */
+final readonly class SidebarComponentContext
+{
+    public function __construct(
+        public ServerRequestInterface $request,
+        public BackendUserAuthentication $user,
+    ) {}
+}
diff --git a/Classes/Sidebar/SidebarComponentInterface.php b/Classes/Sidebar/SidebarComponentInterface.php
new file mode 100644
index 0000000..1452e63
--- /dev/null
+++ b/Classes/Sidebar/SidebarComponentInterface.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Sidebar;
+
+/**
+ * Interface for backend sidebar components.
+ *
+ * Use the AsSidebarComponent attribute to register sidebar components
+ * and configure their identifier and ordering.
+ *
+ * @internal
+ */
+interface SidebarComponentInterface
+{
+    /**
+     * Check if the current user has access to this sidebar component.
+     */
+    public function hasAccess(SidebarComponentContext $context): bool;
+
+    /**
+     * Render the sidebar component HTML.
+     */
+    public function getResult(SidebarComponentContext $context): SidebarComponentResult;
+}
diff --git a/Classes/Sidebar/SidebarComponentResult.php b/Classes/Sidebar/SidebarComponentResult.php
new file mode 100644
index 0000000..de7e449
--- /dev/null
+++ b/Classes/Sidebar/SidebarComponentResult.php
@@ -0,0 +1,44 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Sidebar;
+
+/**
+ * Result object for sidebar component rendering.
+ *
+ * This class provides a structured response format that can be consistently
+ * evaluated on both PHP and JavaScript sides.
+ *
+ * @internal
+ */
+final readonly class SidebarComponentResult implements \JsonSerializable
+{
+    public function __construct(
+        public string $identifier,
+        public string $html,
+        public string $module = '',
+    ) {}
+
+    public function jsonSerialize(): array
+    {
+        return [
+            'identifier' => $this->identifier,
+            'html' => $this->html,
+            'module' => $this->module,
+        ];
+    }
+}
diff --git a/Classes/Sidebar/SidebarComponentsRegistry.php b/Classes/Sidebar/SidebarComponentsRegistry.php
new file mode 100644
index 0000000..29b66a6
--- /dev/null
+++ b/Classes/Sidebar/SidebarComponentsRegistry.php
@@ -0,0 +1,75 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Sidebar;
+
+/**
+ * Registry for sidebar components.
+ *
+ * Components are ordered by before/after dependencies during container compilation.
+ *
+ * @internal
+ */
+class SidebarComponentsRegistry
+{
+    /**
+     * All registered components in their ordered positions.
+     *
+     * @var array<string, SidebarComponentInterface>
+     */
+    private array $components = [];
+
+    /**
+     * @param array<string, SidebarComponentInterface> $sidebarComponents Pre-ordered components (injected by SidebarComponentsPass)
+     */
+    public function __construct(array $sidebarComponents = [])
+    {
+        foreach ($sidebarComponents as $identifier => $component) {
+            $this->components[$identifier] = $component;
+        }
+    }
+
+    /**
+     * Get all sidebar components.
+     *
+     * @return array<string, SidebarComponentInterface>
+     */
+    public function getComponents(): array
+    {
+        return $this->components;
+    }
+
+    public function hasComponent(string $identifier): bool
+    {
+        return isset($this->components[$identifier]);
+    }
+
+    /**
+     * @throws \InvalidArgumentException if component does not exist
+     */
+    public function getComponent(string $identifier): SidebarComponentInterface
+    {
+        if (!$this->hasComponent($identifier)) {
+            throw new \InvalidArgumentException(
+                sprintf('Sidebar component with identifier "%s" is not registered', $identifier),
+                1765923035
+            );
+        }
+
+        return $this->components[$identifier];
+    }
+}
diff --git a/Classes/Sidebar/SidebarFactory.php b/Classes/Sidebar/SidebarFactory.php
new file mode 100644
index 0000000..b130691
--- /dev/null
+++ b/Classes/Sidebar/SidebarFactory.php
@@ -0,0 +1,41 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Sidebar;
+
+/**
+ * Factory to create request-scoped Sidebar instances.
+ *
+ * @internal
+ */
+final readonly class SidebarFactory
+{
+    public function __construct(
+        private SidebarComponentsRegistry $registry,
+    ) {}
+
+    public function create(SidebarComponentContext $context): Sidebar
+    {
+        $components = [];
+        foreach ($this->registry->getComponents() as $identifier => $component) {
+            if ($component->hasAccess($context)) {
+                $components[$identifier] = $component;
+            }
+        }
+        return new Sidebar($components, $context);
+    }
+}
diff --git a/Classes/Template/Components/AbstractControl.php b/Classes/Template/Components/AbstractControl.php
new file mode 100644
index 0000000..9ab8be7
--- /dev/null
+++ b/Classes/Template/Components/AbstractControl.php
@@ -0,0 +1,96 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components;
+
+/**
+ * Base class providing common properties for UI controls in the backend.
+ * Provides standard HTML attributes like title, CSS classes, and data attributes
+ * that are shared across various component types (buttons, menu items, etc.).
+ *
+ * This class is extended by components like:
+ * - AbstractButton
+ * - MenuItem
+ *
+ * Example (inherited in MenuItem):
+ *
+ * ```
+ * public function __construct(
+ *     protected readonly ComponentFactory $componentFactory,
+ * ) {}
+ *
+ * $menuItem = $this->componentFactory->createMenuItem()
+ *     ->setTitle('My Item')              // From AbstractControl
+ *     ->setClasses('custom-class')       // From AbstractControl
+ *     ->setDataAttributes([              // From AbstractControl
+ *         'action' => 'do-something'
+ *     ])
+ *     ->setHref('/target');              // MenuItem-specific
+ * ```
+ */
+class AbstractControl
+{
+    /**
+     * CSS classes to apply to the rendered element
+     */
+    protected string $classes = '';
+
+    /**
+     * Title/label text for the control
+     */
+    protected string $title = '';
+
+    /**
+     * HTML data-* attributes for the control
+     *
+     * @var array<string, string> Key-value pairs (e.g., ['action' => 'save'])
+     */
+    protected array $dataAttributes = [];
+
+    public function getClasses(): string
+    {
+        return $this->classes;
+    }
+
+    public function getTitle(): string
+    {
+        return $this->title;
+    }
+
+    public function getDataAttributes(): array
+    {
+        return $this->dataAttributes;
+    }
+
+    public function setClasses(string $classes): static
+    {
+        $this->classes = $classes;
+        return $this;
+    }
+
+    public function setTitle(string $title): static
+    {
+        $this->title = $title;
+        return $this;
+    }
+
+    public function setDataAttributes(array $dataAttributes): static
+    {
+        $this->dataAttributes = $dataAttributes;
+        return $this;
+    }
+}
diff --git a/Classes/Template/Components/ActionGroup.php b/Classes/Template/Components/ActionGroup.php
new file mode 100644
index 0000000..a321e8a
--- /dev/null
+++ b/Classes/Template/Components/ActionGroup.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components;
+
+/**
+ * Defines groups for record list / file list actions.
+ * Currently, there are only two of them, which can be used to move Buttons between the Primary Group and the Secondary Group via Events.
+ */
+enum ActionGroup
+{
+    case primary;
+    case secondary;
+}
diff --git a/Classes/Template/Components/Breadcrumb.php b/Classes/Template/Components/Breadcrumb.php
new file mode 100644
index 0000000..70ab30e
--- /dev/null
+++ b/Classes/Template/Components/Breadcrumb.php
@@ -0,0 +1,121 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Log\LoggerInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Breadcrumb\BreadcrumbContext;
+use TYPO3\CMS\Backend\Breadcrumb\BreadcrumbProviderInterface;
+use TYPO3\CMS\Backend\Dto\Breadcrumb\BreadcrumbNode;
+
+/**
+ * Breadcrumb component, building breadcrumbs for the backend doc header.
+ *
+ * This component uses a provider-based architecture:
+ * - BreadcrumbProviderInterface implementations generate breadcrumb nodes
+ * - Providers are selected based on the context type (record, resource, etc.)
+ *
+ * @internal This class is a specific Backend implementation and is not part of the TYPO3's Core API.
+ */
+#[Autoconfigure(public: true)]
+final readonly class Breadcrumb
+{
+    /**
+     * @param iterable<BreadcrumbProviderInterface> $providers
+     */
+    public function __construct(
+        private iterable $providers,
+        private LoggerInterface $logger,
+    ) {}
+
+    /**
+     * Generates breadcrumb nodes from a breadcrumb context.
+     *
+     * @param ServerRequestInterface|null $request The current request for module detection
+     * @param BreadcrumbContext|null $context The breadcrumb context containing main entity and suffix nodes
+     * @return BreadcrumbNode[] Array of breadcrumb nodes
+     */
+    public function getBreadcrumb(?ServerRequestInterface $request, ?BreadcrumbContext $context): array
+    {
+        // Generate nodes from providers (works for both null and non-null context)
+        $nodes = $this->generateNodesFromContext($context, $request);
+
+        // Append suffix nodes only if context is not null
+        if ($context !== null && $context->hasSuffixNodes()) {
+            foreach ($context->suffixNodes as $suffixNode) {
+                $nodes[] = $suffixNode;
+            }
+        }
+
+        return $nodes;
+    }
+
+    /**
+     * Generates breadcrumb nodes from a context using providers.
+     *
+     * @return BreadcrumbNode[]
+     */
+    private function generateNodesFromContext(?BreadcrumbContext $context, ?ServerRequestInterface $request): array
+    {
+        $provider = $this->findProvider($context);
+
+        if ($provider === null) {
+            $this->logger->warning(
+                'No breadcrumb provider found for context',
+                ['context_type' => get_debug_type($context)]
+            );
+            return [];
+        }
+
+        try {
+            return $provider->generate($context, $request);
+        } catch (\Exception $e) {
+            $this->logger->error(
+                'Failed to generate breadcrumb from provider',
+                [
+                    'provider' => get_class($provider),
+                    'context_type' => get_debug_type($context),
+                    'exception' => $e->getMessage(),
+                ]
+            );
+            return [];
+        }
+    }
+
+    /**
+     * Finds the most suitable provider for the given context.
+     *
+     * Providers are checked in priority order (highest first).
+     */
+    private function findProvider(?BreadcrumbContext $context): ?BreadcrumbProviderInterface
+    {
+        $providers = iterator_to_array($this->providers);
+
+        // Sort by priority (highest first)
+        usort($providers, static fn($a, $b) => $b->getPriority() <=> $a->getPriority());
+
+        foreach ($providers as $provider) {
+            if ($provider->supports($context)) {
+                return $provider;
+            }
+        }
+
+        return null;
+    }
+}
diff --git a/Classes/Template/Components/ButtonBar.php b/Classes/Template/Components/ButtonBar.php
new file mode 100644
index 0000000..b7d5876
--- /dev/null
+++ b/Classes/Template/Components/ButtonBar.php
@@ -0,0 +1,207 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Template\Components\Buttons\ButtonInterface;
+use TYPO3\CMS\Backend\Template\Components\Buttons\PositionInterface;
+
+/**
+ * Container for managing buttons in the backend module document header.
+ * The ButtonBar organizes buttons into two positions (left and right) with multiple groups,
+ * allowing precise control over button placement and visual grouping.
+ *
+ * Buttons are organized in a three-level structure:
+ * 1. Position: LEFT or RIGHT side of the header
+ * 2. Group: Numerical groups within each position (1, 2, 3, etc.)
+ * 3. Individual buttons within each group
+ *
+ * Groups are rendered with visual spacing between them, allowing logical grouping
+ * of related actions. Lower group numbers appear first (left-to-right, or top-to-bottom on mobile).
+ *
+ * Example - Using pre-configured buttons from ComponentFactory:
+ *
+ * ```
+ * public function __construct(
+ *     protected readonly ComponentFactory $componentFactory,
+ * ) {}
+ *
+ * public function myAction(): ResponseInterface
+ * {
+ *     $buttonBar = $this->moduleTemplate->getDocHeaderComponent()->getButtonBar();
+ *
+ *     // Use pre-configured save button
+ *     $saveButton = $this->componentFactory->createSaveButton('editform');
+ *     $buttonBar->addButton($saveButton, ButtonBar::BUTTON_POSITION_LEFT, 1);
+ *
+ *     // Use pre-configured back button
+ *     $backButton = $this->componentFactory->createBackButton($returnUrl);
+ *     $buttonBar->addButton($backButton, ButtonBar::BUTTON_POSITION_LEFT, 2);
+ * }
+ * ```
+ *
+ * Example - Creating custom buttons with ComponentFactory:
+ *
+ * ```
+ * public function __construct(
+ *     protected readonly ComponentFactory $componentFactory,
+ * ) {}
+ *
+ * public function myAction(): ResponseInterface
+ * {
+ *     $buttonBar = $this->moduleTemplate->getDocHeaderComponent()->getButtonBar();
+ *
+ *     // Create custom link button
+ *     $customButton = $this->componentFactory->createLinkButton()
+ *         ->setHref('/custom-action')
+ *         ->setTitle('Custom Action')
+ *         ->setIcon($iconFactory->getIcon('actions-custom'));
+ *     $buttonBar->addButton($customButton, ButtonBar::BUTTON_POSITION_LEFT, 1);
+ * }
+ * ```
+ *
+ * Example - Buttons with automatic positioning:
+ *
+ * ```
+ * // ShortcutButton implements PositionInterface and positions itself automatically
+ * $shortcutButton = $this->componentFactory->createShortcutButton()
+ *     ->setRouteIdentifier('my_module')
+ *     ->setDisplayName('My Module');
+ * $buttonBar->addButton($shortcutButton); // Position and group are automatic
+ * ```
+ *
+ * Example - Dropdown button:
+ *
+ * ```
+ * $dropdownButton = $this->componentFactory->createDropDownButton()
+ *     ->setLabel('Actions')
+ *     ->setIcon($iconFactory->getIcon('actions-menu'));
+ *
+ * $item1 = $this->componentFactory->createDropDownItem()
+ *     ->setLabel('Edit')
+ *     ->setHref('/edit');
+ * $dropdownButton->addItem($item1);
+ *
+ * $item2 = $this->componentFactory->createDropDownItem()
+ *     ->setLabel('Delete')
+ *     ->setHref('/delete');
+ * $dropdownButton->addItem($item2);
+ *
+ * $buttonBar->addButton($dropdownButton, ButtonBar::BUTTON_POSITION_RIGHT, 1);
+ * ```
+ *
+ * @phpstan-type Buttons array<self::BUTTON_POSITION_*, array<int, list<ButtonInterface>>>
+ */
+#[Autoconfigure(public: true)]
+class ButtonBar
+{
+    /**
+     * Position constant for left side of the button bar
+     */
+    public const BUTTON_POSITION_LEFT = 'left';
+
+    /**
+     * Position constant for right side of the button bar
+     */
+    public const BUTTON_POSITION_RIGHT = 'right';
+
+    /**
+     * Internal array of all registered buttons
+     *
+     * @var Buttons
+     */
+    protected array $buttons = [];
+
+    public function __construct(
+        protected readonly EventDispatcherInterface $eventDispatcher,
+    ) {}
+
+    /**
+     * Add a new button
+     *
+     * Buttons implementing PositionInterface will automatically use their own
+     * predefined position and group, ignoring the $buttonPosition and $buttonGroup
+     * parameters. This ensures buttons like ShortcutButton always appear in their
+     * designated location.
+     *
+     * @param ButtonInterface $button The Button Object to add
+     * @param self::BUTTON_POSITION_* $buttonPosition Position of the button (left/right). Ignored if button implements PositionInterface.
+     * @param int $buttonGroup Buttongroup of the button. Ignored if button implements PositionInterface.
+     *
+     * @throws \InvalidArgumentException In case a button is not valid
+     */
+    public function addButton(
+        ButtonInterface $button,
+        string $buttonPosition = self::BUTTON_POSITION_LEFT,
+        int $buttonGroup = 1
+    ): static {
+        if (!$button->isValid()) {
+            throw new \InvalidArgumentException('Button "' . $button->getType() . '" is not valid', 1441706370);
+        }
+        // Buttons implementing PositionInterface define their own position and group
+        if ($button instanceof PositionInterface) {
+            $buttonPosition = $button->getPosition();
+            $buttonGroup = $button->getGroup();
+        }
+        // We make the button immutable here
+        $this->buttons[$buttonPosition][$buttonGroup][] = clone $button;
+        return $this;
+    }
+
+    /**
+     * Returns an associative array of all buttons in the form of
+     * ButtonPosition > ButtonGroup > Button
+     */
+    public function getButtons(ServerRequestInterface $request): array
+    {
+        // here we need to call the sorting methods and stuff.
+        foreach ($this->buttons as $position => $_) {
+            ksort($this->buttons[$position]);
+        }
+
+        // Dispatch event for manipulating the docHeaderButtons
+        $this->buttons = $this->eventDispatcher->dispatch(new ModifyButtonBarEvent($this->buttons, $this, $request))->getButtons();
+
+        return $this->buttons;
+    }
+
+    /**
+     * Checks whether a button of the specified type has been added to the button bar.
+     *
+     * This is primarily used for backwards compatibility detection to prevent
+     * duplicate automatic buttons when controllers manually add them.
+     *
+     * @param class-string<ButtonInterface> $buttonClassName Fully qualified button class name
+     * @return bool True if a button of this type exists, false otherwise
+     */
+    public function hasButtonOfType(string $buttonClassName): bool
+    {
+        foreach ($this->buttons as $groups) {
+            foreach ($groups as $groupButtons) {
+                foreach ($groupButtons as $button) {
+                    if ($button instanceof $buttonClassName) {
+                        return true;
+                    }
+                }
+            }
+        }
+        return false;
+    }
+}
diff --git a/Classes/Template/Components/Buttons/AbstractButton.php b/Classes/Template/Components/Buttons/AbstractButton.php
new file mode 100644
index 0000000..4a3740f
--- /dev/null
+++ b/Classes/Template/Components/Buttons/AbstractButton.php
@@ -0,0 +1,140 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons;
+
+use TYPO3\CMS\Backend\Template\Components\AbstractControl;
+use TYPO3\CMS\Core\Imaging\Icon;
+
+/**
+ * Base class for all button types in the backend document header.
+ * Provides common functionality for buttons including icon handling, label text display,
+ * and disabled state management.
+ *
+ * This class extends AbstractControl (providing title, classes, data attributes) and
+ * implements ButtonInterface (providing validation, type identification, and rendering).
+ *
+ * @see ButtonInterface
+ * @see AbstractControl
+ */
+class AbstractButton extends AbstractControl implements ButtonInterface
+{
+    /**
+     * Optional icon to display on the button
+     */
+    protected ?Icon $icon = null;
+
+    /**
+     * Whether to show the button's label text (from title property).
+     * If false, only the icon is shown (label is used for title attribute).
+     */
+    protected bool $showLabelText = false;
+
+    /**
+     * Whether the button is in disabled state
+     */
+    protected bool $disabled = false;
+
+    /**
+     * Attributes for the button
+     */
+    protected array $attributes = [];
+
+    public function getShowLabelText(): bool
+    {
+        return $this->showLabelText;
+    }
+
+    public function setShowLabelText(bool $showLabelText): static
+    {
+        $this->showLabelText = $showLabelText;
+        return $this;
+    }
+
+    public function getIcon(): ?Icon
+    {
+        return $this->icon;
+    }
+
+    public function getType(): string
+    {
+        return static::class;
+    }
+
+    public function setIcon(?Icon $icon): static
+    {
+        $this->icon = $icon;
+        return $this;
+    }
+
+    public function isDisabled(): bool
+    {
+        return $this->disabled;
+    }
+
+    public function setDisabled(bool $disabled): static
+    {
+        $this->disabled = $disabled;
+        return $this;
+    }
+
+    /**
+     * @param array<string, string> $attributes
+     */
+    public function setAttributes(array $attributes): static
+    {
+        $this->attributes = $attributes;
+        return $this;
+    }
+
+    /**
+     * @return array<string, string>
+     */
+    public function getAttributes(): array
+    {
+        return $this->attributes;
+    }
+
+    /**
+     * Implementation from ButtonInterface
+     * This object is an abstract, so no implementation is necessary
+     */
+    public function isValid(): bool
+    {
+        return false;
+    }
+
+    /**
+     * Implementation from ButtonInterface
+     * This object is an abstract, so no implementation is necessary
+     */
+    public function __toString(): string
+    {
+        return '';
+    }
+
+    /**
+     * Implementation from ButtonInterface
+     * This object is an abstract, so no implementation is necessary
+     *
+     * @return string
+     */
+    public function render(): string
+    {
+        return '';
+    }
+}
diff --git a/Classes/Template/Components/Buttons/Action/ShortcutButton.php b/Classes/Template/Components/Buttons/Action/ShortcutButton.php
new file mode 100644
index 0000000..23c19d2
--- /dev/null
+++ b/Classes/Template/Components/Buttons/Action/ShortcutButton.php
@@ -0,0 +1,262 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons\Action;
+
+use TYPO3\CMS\Backend\Routing\Router;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ButtonBar;
+use TYPO3\CMS\Backend\Template\Components\Buttons\ButtonInterface;
+use TYPO3\CMS\Backend\Template\Components\Buttons\PositionInterface;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Shortcut button for the DocHeader that enables bookmarking of backend module states.
+ *
+ * This button allows users to create bookmarks to specific module views
+ * with their context (e.g., specific page, record, or configuration). The shortcut
+ * preserves the route and arguments for quick access later.
+ *
+ * The button is automatically added to all backend modules by default when shortcut
+ * context is provided. It's positioned on the right side of the button bar as the
+ * last button (group 91).
+ *
+ * Example - Using automatic bookmark button (recommended):
+ *
+ * ```
+ * public function myAction(ServerRequestInterface $request): ResponseInterface
+ * {
+ *     $view = $this->moduleTemplateFactory->create($request);
+ *
+ *     // Set shortcut context - button is added automatically
+ *     $view->getDocHeaderComponent()->setShortcutContext(
+ *         routeIdentifier: 'my_module',
+ *         displayName: 'My Module: ' . $pageTitle,
+ *         arguments: ['id' => $pageId]
+ *     );
+ *
+ *     return $view->renderResponse('MyTemplate');
+ * }
+ * ```
+ *
+ * Note: Manually creating and adding a ShortcutButton to the button bar is not supported.
+ * It is no longer detected and does not suppress the automatic shortcut button.
+ * Use DocHeaderComponent::setShortcutContext() instead.
+ */
+class ShortcutButton implements ButtonInterface, PositionInterface
+{
+    protected string $routeIdentifier = '';
+
+    protected string $displayName = '';
+
+    /**
+     * @var array List of parameter/value pairs relevant for this bookmark
+     */
+    protected array $arguments = [];
+
+    protected bool $copyUrlToClipboard = true;
+
+    protected bool $disabled = false;
+
+    public function getRouteIdentifier(): string
+    {
+        return $this->routeIdentifier;
+    }
+
+    public function setRouteIdentifier(string $routeIdentifier): static
+    {
+        $this->routeIdentifier = $routeIdentifier;
+        return $this;
+    }
+
+    public function getDisplayName(): string
+    {
+        return $this->displayName;
+    }
+
+    public function setDisplayName(string $displayName): static
+    {
+        $this->displayName = $displayName;
+        return $this;
+    }
+
+    public function setArguments(array $arguments): static
+    {
+        $this->arguments = $arguments;
+        return $this;
+    }
+
+    /**
+     * Defines whether the button should be extended to also allow
+     * copying the current URL to the operating systems' clipboard.
+     */
+    public function setCopyUrlToClipboard(bool $copyUrlToClipboard): static
+    {
+        $this->copyUrlToClipboard = $copyUrlToClipboard;
+        return $this;
+    }
+
+    public function isDisabled(): bool
+    {
+        return $this->disabled;
+    }
+
+    public function setDisabled(bool $disabled): static
+    {
+        $this->disabled = $disabled;
+        return $this;
+    }
+
+    public function getPosition(): string
+    {
+        return ButtonBar::BUTTON_POSITION_RIGHT;
+    }
+
+    public function getGroup(): int
+    {
+        return 91;
+    }
+
+    public function getType(): string
+    {
+        return static::class;
+    }
+
+    public function isValid(): bool
+    {
+        return $this->displayName !== '' && $this->routeExists($this->routeIdentifier);
+    }
+
+    public function __toString(): string
+    {
+        return $this->render();
+    }
+
+    public function render(): string
+    {
+        $canCreateBookmark = $this->getBackendUser()->mayMakeShortcut();
+        // Early return in case the current user is not allowed to create bookmarks.
+        // Note: This is not checked in isValid(), since it only concerns the current
+        //       user and does not mean, the button is not configured properly.
+        if (!$canCreateBookmark && !$this->copyUrlToClipboard) {
+            return '';
+        }
+
+        $routeIdentifier = $this->routeIdentifier;
+        $arguments = $this->arguments;
+        $pageRenderer = GeneralUtility::makeInstance(PageRenderer::class);
+
+        // The route parameter is not needed, since this is already provided with the $routeIdentifier
+        unset($arguments['route']);
+
+        // returnUrl should not be stored in the database
+        unset($arguments['returnUrl']);
+
+        // Encode arguments to be stored in the database
+        $encodedArguments = json_encode($arguments) ?: '';
+
+        if ($canCreateBookmark && !$this->copyUrlToClipboard) {
+            // Load the bookmark button custom element
+            $pageRenderer->loadJavaScriptModule('@typo3/backend/bookmark/element/bookmark-button-element.js');
+
+            return $this->renderBookmarkButton($routeIdentifier, $encodedArguments);
+        }
+
+        $iconFactory = GeneralUtility::makeInstance(IconFactory::class);
+        $dropdownItems = [];
+        $componentFactory = GeneralUtility::makeInstance(ComponentFactory::class);
+
+        // Bookmark Button
+        if ($canCreateBookmark) {
+            // Load the bookmark button custom element
+            $pageRenderer->loadJavaScriptModule('@typo3/backend/bookmark/element/bookmark-button-element.js');
+
+            $bookmarkItem = $componentFactory->createDropDownGeneric();
+            $bookmarkItem->setTag('typo3-backend-bookmark-button');
+            $bookmarkItem->setAttributes([
+                'route' => $routeIdentifier,
+                'arguments' => $encodedArguments,
+                'display-name' => $this->displayName,
+            ]);
+            $dropdownItems[] = $bookmarkItem;
+        }
+
+        // Clipboard Button
+        if ($this->copyUrlToClipboard) {
+            $pageRenderer->loadJavaScriptModule('@typo3/backend/copy-to-clipboard.js');
+            $clipboardItem = $componentFactory->createDropDownItem();
+            $clipboardItem->setTag('typo3-copy-to-clipboard');
+            $clipboardItem->setLabel($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.copyCurrentUrl'));
+            $clipboardItem->setAttributes([
+                'text' => (string)GeneralUtility::makeInstance(UriBuilder::class)->buildUriFromRoute(
+                    $routeIdentifier,
+                    $arguments,
+                    UriBuilder::SHAREABLE_URL
+                ),
+            ]);
+            $clipboardItem->setIcon($iconFactory->getIcon('actions-link', IconSize::SMALL));
+            $dropdownItems[] = $clipboardItem;
+        }
+
+        $dropdownButton = $componentFactory->createDropDownButton();
+        $dropdownButton->setLabel($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.share'));
+        $dropdownButton->setIcon($iconFactory->getIcon('actions-share-alt', IconSize::SMALL));
+        $dropdownButton->setDisabled($this->isDisabled());
+        foreach ($dropdownItems as $dropdownItem) {
+            $dropdownButton->addItem($dropdownItem);
+        }
+
+        return (string)$dropdownButton;
+    }
+
+    /**
+     * Renders the bookmark button custom element.
+     */
+    protected function renderBookmarkButton(string $routeIdentifier, string $encodedArguments): string
+    {
+        $attributes = [
+            'class' => 'btn btn-default btn-sm',
+            'route' => $routeIdentifier,
+            'arguments' => $encodedArguments,
+            'display-name' => $this->displayName,
+            'hide-label-text' => 'true',
+        ];
+
+        return '<typo3-backend-bookmark-button ' . GeneralUtility::implodeAttributes($attributes, true) . '></typo3-backend-bookmark-button>';
+    }
+
+    protected function routeExists(string $routeIdentifier): bool
+    {
+        return GeneralUtility::makeInstance(Router::class)->hasRoute($routeIdentifier);
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Template/Components/Buttons/ButtonInterface.php b/Classes/Template/Components/Buttons/ButtonInterface.php
new file mode 100644
index 0000000..2d2f95c
--- /dev/null
+++ b/Classes/Template/Components/Buttons/ButtonInterface.php
@@ -0,0 +1,31 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons;
+
+use TYPO3\CMS\Backend\Template\Components\ComponentInterface;
+
+/**
+ * Interface for buttons in the document header.
+ *
+ * All button types (LinkButton, InputButton, DropDownButton, etc.) must implement
+ * this interface to be added to the ButtonBar.
+ *
+ * This interface extends ComponentInterface, which provides the common contract
+ * for all renderable backend components.
+ */
+interface ButtonInterface extends ComponentInterface {}
diff --git a/Classes/Template/Components/Buttons/ButtonSize.php b/Classes/Template/Components/Buttons/ButtonSize.php
new file mode 100644
index 0000000..4d1770d
--- /dev/null
+++ b/Classes/Template/Components/Buttons/ButtonSize.php
@@ -0,0 +1,25 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons;
+
+enum ButtonSize: string
+{
+    case SMALL = 'btn-sm';
+    case MEDIUM = '';
+    // large does not exist on purpose, see styleguide
+}
diff --git a/Classes/Template/Components/Buttons/DropDown/AbstractDropDownItem.php b/Classes/Template/Components/Buttons/DropDown/AbstractDropDownItem.php
new file mode 100644
index 0000000..f41c554
--- /dev/null
+++ b/Classes/Template/Components/Buttons/DropDown/AbstractDropDownItem.php
@@ -0,0 +1,198 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons\DropDown;
+
+use TYPO3\CMS\Core\Imaging\Icon;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Base class for all dropdown menu items that can be added to DropDownButton or SplitButton.
+ * Provides common functionality for dropdown items including icon handling, labels, links,
+ * custom HTML tags, and active state management.
+ *
+ * Implements DropDownItemInterface, providing validation, type identification, and rendering
+ * capabilities for all dropdown items.
+ */
+abstract class AbstractDropDownItem implements \Stringable
+{
+    /**
+     * HTML tag name for the dropdown item element (e.g., 'a', 'button', custom elements)
+     */
+    protected string $tag = 'a';
+
+    /**
+     * Optional icon displayed before the label
+     */
+    protected ?Icon $icon = null;
+
+    /**
+     * Text content/label of the dropdown item
+     */
+    protected ?string $label = null;
+
+    /**
+     * Tooltip/title attribute (defaults to label if not explicitly set)
+     */
+    protected ?string $title = null;
+
+    /**
+     * URL/href for link items
+     */
+    protected ?string $href = null;
+
+    /**
+     * Custom HTML attributes for the element
+     *
+     * @var array<string, string>
+     */
+    protected array $attributes = [];
+
+    /**
+     * Whether this item is currently active/selected
+     */
+    protected bool $active = false;
+
+    public function setTag(string $tag): static
+    {
+        $this->tag = htmlspecialchars(trim($tag));
+        return $this;
+    }
+
+    public function getTag(): string
+    {
+        return $this->tag;
+    }
+
+    public function getIcon(): ?Icon
+    {
+        return $this->icon;
+    }
+
+    public function setIcon(?Icon $icon): static
+    {
+        $icon?->setSize(IconSize::SMALL);
+        $this->icon = $icon;
+        return $this;
+    }
+
+    public function getLabel(): ?string
+    {
+        return $this->label;
+    }
+
+    public function setLabel(?string $label): static
+    {
+        $this->label = $label;
+        return $this;
+    }
+
+    public function getTitle(): ?string
+    {
+        return $this->title ?? $this->label;
+    }
+
+    public function setTitle(?string $title): static
+    {
+        $this->title = $title;
+        return $this;
+    }
+
+    public function getHref(): ?string
+    {
+        return $this->href;
+    }
+
+    public function setHref(?string $href): static
+    {
+        $this->href = $href;
+        return $this;
+    }
+
+    /**
+     * @param array<string, string> $attributes
+     */
+    public function setAttributes(array $attributes): static
+    {
+        $this->attributes = $attributes;
+        return $this;
+    }
+
+    public function setAttribute(string $name, string $value): static
+    {
+        $this->attributes[$name] = $value;
+        return $this;
+    }
+
+    /**
+     * @return array<string, string>
+     */
+    public function getAttributes(): array
+    {
+        return $this->attributes;
+    }
+    public function isActive(): bool
+    {
+        return $this->active;
+    }
+
+    public function setActive(bool $active): static
+    {
+        $this->active = $active;
+        return $this;
+    }
+
+    public function isValid(): bool
+    {
+        return $this->getLabel() !== null && trim($this->getLabel()) !== '';
+    }
+
+    public function getType(): string
+    {
+        return static::class;
+    }
+
+    protected function getAttributesString(): string
+    {
+        $attributes = $this->getAttributes();
+        $attributes['class'] = rtrim('dropdown-item dropdown-item-spaced ' . ($attributes['class'] ?? ''));
+        if ($this->isActive()) {
+            $attributes['aria-selected'] = 'true';
+        }
+        if ($this->getHref()) {
+            $attributes['href'] = $this->getHref();
+        }
+        if ($this->getTitle()) {
+            $attributes['title'] = $this->getTitle();
+        }
+
+        return GeneralUtility::implodeAttributes($attributes, true);
+    }
+
+    protected function getRenderedIcon(): string
+    {
+        return $this->getIcon()?->render() ?? '';
+    }
+
+    abstract public function render(): string;
+
+    public function __toString(): string
+    {
+        return $this->render();
+    }
+}
diff --git a/Classes/Template/Components/Buttons/DropDown/DropDownDivider.php b/Classes/Template/Components/Buttons/DropDown/DropDownDivider.php
new file mode 100644
index 0000000..42b3ccd
--- /dev/null
+++ b/Classes/Template/Components/Buttons/DropDown/DropDownDivider.php
@@ -0,0 +1,51 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons\DropDown;
+
+/**
+ * This dropdown item type renders the divider element.
+ *
+ * Example:
+ *
+ * ```
+ * $item = $this->componentFactory->createDropDownDivider()
+ * $dropDownButton->addItem($item);
+ * ```
+ */
+class DropDownDivider implements DropDownItemInterface
+{
+    public function getType(): string
+    {
+        return static::class;
+    }
+
+    public function isValid(): bool
+    {
+        return true;
+    }
+
+    public function render(): string
+    {
+        return '<hr class="dropdown-divider">';
+    }
+
+    public function __toString(): string
+    {
+        return $this->render();
+    }
+}
diff --git a/Classes/Template/Components/Buttons/DropDown/DropDownGeneric.php b/Classes/Template/Components/Buttons/DropDown/DropDownGeneric.php
new file mode 100644
index 0000000..d5c22c3
--- /dev/null
+++ b/Classes/Template/Components/Buttons/DropDown/DropDownGeneric.php
@@ -0,0 +1,42 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons\DropDown;
+
+/**
+ * Dropdown item with relaxed validation - like DropDownItem but label is optional.
+ *
+ * Use for web components or custom elements that render their own content.
+ */
+class DropDownGeneric extends AbstractDropDownItem implements DropDownItemInterface
+{
+    public function isValid(): bool
+    {
+        return $this->tag !== '';
+    }
+
+    public function render(): string
+    {
+        return sprintf(
+            '<%1$s %2$s>%3$s%4$s</%1$s>',
+            $this->getTag(),
+            $this->getAttributesString(),
+            $this->getRenderedIcon(),
+            htmlspecialchars($this->getLabel() ?? '')
+        );
+    }
+}
diff --git a/Classes/Template/Components/Buttons/DropDown/DropDownHeader.php b/Classes/Template/Components/Buttons/DropDown/DropDownHeader.php
new file mode 100644
index 0000000..78ed496
--- /dev/null
+++ b/Classes/Template/Components/Buttons/DropDown/DropDownHeader.php
@@ -0,0 +1,65 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons\DropDown;
+
+/**
+ * This dropdown item type renders a noninteractive text element
+ * to group items and gives more meaning to a set of options.
+ *
+ * Example:
+ *
+ * ```
+ * $item = $this->componentFactory->createDropDownHeader()->setLabel('Label');
+ * $dropDownButton->addItem($item);
+ * ```
+ */
+class DropDownHeader implements DropDownItemInterface
+{
+    protected ?string $label = null;
+
+    public function getLabel(): ?string
+    {
+        return $this->label;
+    }
+
+    public function setLabel(?string $label): static
+    {
+        $this->label = $label;
+        return $this;
+    }
+
+    public function getType(): string
+    {
+        return static::class;
+    }
+
+    public function isValid(): bool
+    {
+        return $this->getLabel() !== null && trim($this->getLabel()) !== '';
+    }
+
+    public function render(): string
+    {
+        return '<h6 class="dropdown-header">' . htmlspecialchars(trim($this->getLabel())) . '</h6>';
+    }
+
+    public function __toString(): string
+    {
+        return $this->render();
+    }
+}
diff --git a/Classes/Template/Components/Buttons/DropDown/DropDownItem.php b/Classes/Template/Components/Buttons/DropDown/DropDownItem.php
new file mode 100644
index 0000000..1b34ca5
--- /dev/null
+++ b/Classes/Template/Components/Buttons/DropDown/DropDownItem.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons\DropDown;
+
+/**
+ * This dropdown item type renders a simple element.
+ * Use this element if you need a link, button.
+ *
+ * Example:
+ *
+ * ```
+ * $item = $this->componentFactory->createDropDownItem()
+ *     ->setTag('a')
+ *     ->setHref('#')
+ *     ->setLabel('Label')
+ *     ->setTitle('Title')
+ *     ->setIcon($this->iconFactory->getIcon('actions-heart'))
+ *     ->setAttributes(['data-value' => '123']);
+ * $dropDownButton->addItem($item);
+ * ```
+ */
+class DropDownItem extends AbstractDropDownItem implements DropDownItemInterface
+{
+    public function render(): string
+    {
+        return sprintf(
+            '<%1$s %2$s>%3$s%4$s</%1$s>',
+            $this->getTag(),
+            $this->getAttributesString(),
+            $this->getIcon()?->render() ?? '',
+            htmlspecialchars($this->getLabel())
+        );
+    }
+}
diff --git a/Classes/Template/Components/Buttons/DropDown/DropDownItemInterface.php b/Classes/Template/Components/Buttons/DropDown/DropDownItemInterface.php
new file mode 100644
index 0000000..e4258c5
--- /dev/null
+++ b/Classes/Template/Components/Buttons/DropDown/DropDownItemInterface.php
@@ -0,0 +1,31 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons\DropDown;
+
+use TYPO3\CMS\Backend\Template\Components\ComponentInterface;
+
+/**
+ * Interface for dropdown items that can be added to a DropDownButton.
+ *
+ * Dropdown items include interactive elements (DropDownItem, DropDownRadio, DropDownToggle)
+ * and structural elements (DropDownHeader, DropDownDivider).
+ *
+ * This interface extends ComponentInterface, which provides the common contract
+ * for all renderable backend components.
+ */
+interface DropDownItemInterface extends ComponentInterface {}
diff --git a/Classes/Template/Components/Buttons/DropDown/DropDownRadio.php b/Classes/Template/Components/Buttons/DropDown/DropDownRadio.php
new file mode 100644
index 0000000..47c6b57
--- /dev/null
+++ b/Classes/Template/Components/Buttons/DropDown/DropDownRadio.php
@@ -0,0 +1,73 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons\DropDown;
+
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * This dropdown item type renders an element with an active state.
+ * Use this element to display a radio-like selection of a state.
+ * When set to active, it will show a dot in front of the icon and
+ * text to indicate that this is the current selection.
+ *
+ * At least 2 of these items need to exist within a dropdown button,
+ * so a user has a choice of a state to select.
+ *
+ * Example:
+ *
+ * ```
+ * $item = $this->componentFactory->createDropDownRadio()
+ *     ->setHref('#')
+ *     ->setActive(true)
+ *     ->setLabel('List')
+ *     ->setTitle('List')
+ *     ->setIcon($this->iconFactory->getIcon('actions-viewmode-list'))
+ *     ->setAttributes(['data-type' => 'list']);
+ * $dropDownButton->addItem($item);
+ *
+ * $item = $this->componentFactory->createDropDownRadio()
+ *     ->setHref('#')
+ *     ->setActive(false)
+ *     ->setLabel('Tiles')
+ *     ->setTitle('Tiles')
+ *     ->setIcon($this->iconFactory->getIcon('actions-viewmode-tiles'))
+ *     ->setAttributes(['data-type' => 'tiles']);
+ * $dropDownButton->addItem($item);
+ * ```
+ */
+class DropDownRadio extends AbstractDropDownItem implements DropDownItemInterface
+{
+    public function render(): string
+    {
+        $iconFactory = GeneralUtility::makeInstance(IconFactory::class);
+        $statusIcon = $this->isActive()
+            ? '<span class="text-primary">' . $iconFactory->getIcon('actions-dot', IconSize::SMALL)->render() . '</span>'
+            : $iconFactory->getIcon('empty-empty', IconSize::SMALL)->render();
+
+        return sprintf(
+            '<%1$s %2$s>%3$s%4$s%5$s</%1$s>',
+            $this->getTag(),
+            $this->getAttributesString(),
+            $statusIcon,
+            $this->getRenderedIcon(),
+            htmlspecialchars($this->getLabel())
+        );
+    }
+}
diff --git a/Classes/Template/Components/Buttons/DropDown/DropDownToggle.php b/Classes/Template/Components/Buttons/DropDown/DropDownToggle.php
new file mode 100644
index 0000000..0579aa0
--- /dev/null
+++ b/Classes/Template/Components/Buttons/DropDown/DropDownToggle.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons\DropDown;
+
+/**
+ * This dropdown item type renders an element with an active state.
+ * When set to active, it will show a checkmark in front of the icon
+ * and text to indicate the current state.
+ *
+ * Example:
+ *
+ * ```
+ * $item = $this->componentFactory->createDropDownToggle()
+ *     ->setHref('#')
+ *     ->setActive(true)
+ *     ->setLabel('Label')
+ *     ->setTitle('Title')
+ *     ->setIcon($this->iconFactory->getIcon('actions-heart'))
+ *     ->setAttributes(['data-value' => '123']);
+ * $dropDownButton->addItem($item);
+ * ```
+ */
+class DropDownToggle extends AbstractDropDownItem implements DropDownItemInterface
+{
+    public function render(): string
+    {
+        // Status Icon
+        $this->setAttribute('data-dropdowntoggle-status', $this->isActive() ? 'active' : 'inactive');
+        return sprintf(
+            '<%1$s %2$s><span class="dropdown-item-status"></span>%3$s%4$s</%1$s>',
+            $this->getTag(),
+            $this->getAttributesString(),
+            $this->getRenderedIcon(),
+            htmlspecialchars($this->getLabel())
+        );
+    }
+}
diff --git a/Classes/Template/Components/Buttons/DropDownButton.php b/Classes/Template/Components/Buttons/DropDownButton.php
new file mode 100644
index 0000000..887dcd9
--- /dev/null
+++ b/Classes/Template/Components/Buttons/DropDownButton.php
@@ -0,0 +1,247 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons;
+
+use TYPO3\CMS\Backend\Template\Components\Buttons\DropDown\DropDownItemInterface;
+use TYPO3\CMS\Backend\Template\Components\Buttons\DropDown\DropDownRadio;
+use TYPO3\CMS\Core\Imaging\Icon;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * This button type is a container for dropdown items.
+ * It will render a dropdown containing all items attached
+ * to it. There are different kinds available, each item
+ * needs to implement the DropDownItemInterface. When this
+ * type contains elements of type DropDownRadio it will use
+ * the icon of the first active item of this type.
+ *
+ * Example:
+ *
+ * ```
+ * public function __construct(
+ *     protected readonly ComponentFactory $componentFactory,
+ * ) {}
+ *
+ * public function myAction(): ResponseInterface
+ * {
+ *     $buttonBar = $this->moduleTemplate->getDocHeaderComponent()->getButtonBar();
+ *     $dropDownButton = $this->componentFactory->createDropDownButton()
+ *          ->setLabel('Dropdown')
+ *          ->setTitle('Save')
+ *          ->setIcon($this->iconFactory->getIcon('actions-heart'))
+ *          ->setShowLabelText(true)
+ *          ->addItem(
+ *              $this->componentFactory->createDropDownItem()
+ *                  ->setLabel('Item')
+ *                  ->setHref('#')
+ *          );
+ *     $buttonBar->addButton($dropDownButton, ButtonBar::BUTTON_POSITION_RIGHT, 2);
+ * }
+ * ```
+ */
+class DropDownButton implements ButtonInterface
+{
+    protected ?Icon $icon = null;
+    protected string $label = '';
+    protected ?string $title = null;
+    protected array $items = [];
+    protected bool $showLabelText = false;
+    protected bool $showActiveLabelText = false;
+    protected bool $disabled = false;
+    protected ButtonSize $size = ButtonSize::SMALL;
+
+    public function getIcon(): ?Icon
+    {
+        return $this->icon;
+    }
+
+    public function setIcon(?Icon $icon): static
+    {
+        $icon?->setSize(IconSize::SMALL);
+        $this->icon = $icon;
+        return $this;
+    }
+
+    public function getLabel(): string
+    {
+        return $this->label;
+    }
+
+    public function setLabel(string $label): static
+    {
+        $this->label = $label;
+        return $this;
+    }
+
+    public function getTitle(): string
+    {
+        return $this->title ?? $this->label;
+    }
+
+    public function setTitle(?string $title): static
+    {
+        $this->title = $title;
+        return $this;
+    }
+
+    public function getShowLabelText(): bool
+    {
+        return $this->showLabelText;
+    }
+
+    public function setShowLabelText(bool $showLabelText): static
+    {
+        $this->showLabelText = $showLabelText;
+        return $this;
+    }
+
+    public function getShowActiveLabelText(): bool
+    {
+        return $this->showActiveLabelText;
+    }
+
+    public function setShowActiveLabelText(bool $showActiveLabelText): static
+    {
+        $this->showActiveLabelText = $showActiveLabelText;
+        return $this;
+    }
+
+    public function isDisabled(): bool
+    {
+        return $this->disabled;
+    }
+
+    public function setDisabled(bool $disabled): static
+    {
+        $this->disabled = $disabled;
+        return $this;
+    }
+
+    public function addItem(DropDownItemInterface $item): static
+    {
+        if (!$item->isValid()) {
+            throw new \InvalidArgumentException(
+                'Only valid items may be assigned to a DropdownButton. "'
+                . $item->getType()
+                . '" did not pass validation',
+                1667645426
+            );
+        }
+
+        $this->items[] = clone $item;
+
+        return $this;
+    }
+
+    public function getSize(): ButtonSize
+    {
+        return $this->size;
+    }
+
+    public function setSize(ButtonSize $size): DropDownButton
+    {
+        $this->size = $size;
+        return $this;
+    }
+
+    /**
+     * @return DropDownItemInterface[]
+     */
+    public function getItems(): array
+    {
+        return $this->items;
+    }
+
+    public function isValid(): bool
+    {
+        return !empty($this->getLabel())
+            && ($this->getShowLabelText() || $this->getIcon())
+            && !empty($this->getItems());
+    }
+
+    public function getType(): string
+    {
+        return static::class;
+    }
+
+    public function render(): string
+    {
+        $items = $this->getItems();
+
+        /**
+         * @var DropDownRadio|null $activeItem
+         */
+        $activeItem = null;
+        /**
+         * @var DropDownRadio[] $activeItems
+         */
+        $activeItems = array_filter($items, static function (DropDownItemInterface $item): bool {
+            return $item instanceof DropDownRadio && $item->isActive();
+        });
+        if (!empty($activeItems)) {
+            $activeItem = array_shift($activeItems);
+        }
+
+        $attributes = [
+            'type' => 'button',
+            'class' => 'btn ' . $this->getSize()->value . ' btn-default dropdown-toggle',
+            'data-bs-toggle' => 'dropdown',
+            'aria-expanded' => 'false',
+        ];
+        if ($this->isDisabled()) {
+            $attributes['disabled'] = 'disabled';
+        }
+
+        $buttonLabel = '';
+        if ($this->getShowLabelText()) {
+            if ($activeItem !== null && $this->getShowActiveLabelText()) {
+                // Render label with visually-hidden span for screen readers
+                $buttonLabel = '<span class="visually-hidden">' . htmlspecialchars($this->getLabel()) . ':</span> ' . htmlspecialchars($activeItem->getLabel());
+            } else {
+                // No active item or showActiveLabelText is false, just render the label
+                $buttonLabel = htmlspecialchars($this->getLabel());
+            }
+        } else {
+            // Add aria-label and title for accessibility when label text is not shown
+            // Both serve different purposes: aria-label for screen readers, title for visual tooltip
+            if ($activeItem !== null && $this->getShowActiveLabelText()) {
+                $attributes['aria-label'] = htmlspecialchars($this->getTitle() . ': ' . $activeItem->getLabel());
+                $attributes['title'] = htmlspecialchars($this->getTitle() . ': ' . $activeItem->getLabel());
+            } else {
+                $attributes['aria-label'] = $this->getTitle();
+                $attributes['title'] = $this->getTitle();
+            }
+        }
+
+        $icon = $activeItem?->getIcon()?->render() ?? $this->getIcon()?->render() ?? '';
+        $buttonContent = $icon . ($icon !== '' && $buttonLabel !== '' ? ' ' : '') . $buttonLabel;
+
+        return sprintf(
+            '<div class="btn-group"><button %s>%s</button><ul class="dropdown-menu">%s</ul></div>',
+            GeneralUtility::implodeAttributes($attributes, true),
+            $buttonContent,
+            implode('', array_map(static fn(DropDownItemInterface $item) => '<li>' . $item->render() . '</li>', $items))
+        );
+    }
+
+    public function __toString(): string
+    {
+        return $this->render();
+    }
+}
diff --git a/Classes/Template/Components/Buttons/FullyRenderedButton.php b/Classes/Template/Components/Buttons/FullyRenderedButton.php
new file mode 100644
index 0000000..2e19cac
--- /dev/null
+++ b/Classes/Template/Components/Buttons/FullyRenderedButton.php
@@ -0,0 +1,82 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons;
+
+/**
+ * This button type is an intermediate solution for buttons that are rendered
+ * by methods from TYPO3 itself, like the CSH buttons or Bookmark buttons.
+ *
+ * There should be no need to use them, so do yourself a favour and don't.
+ *
+ * Example:
+ *
+ * ```
+ * public function __construct(
+ *     protected readonly ComponentFactory $componentFactory,
+ * ) {}
+ *
+ * public function myAction(): ResponseInterface
+ * {
+ *     $buttonBar = $this->moduleTemplate->getDocHeaderComponent()->getButtonBar();
+ *     $myButton = $this->componentFactory->createFullyRenderedButton()
+ *          ->setHtmlSource('<span class="i-should-not-be-using-this>Foo</span>');
+ *     $buttonBar->addButton($myButton, ButtonBar::BUTTON_POSITION_LEFT, 1);
+ * }
+ * ```
+ */
+class FullyRenderedButton implements ButtonInterface
+{
+    /**
+     * The full HTML source of the rendered button.
+     * This source will be passed through to the frontend as is, so keep htmlspecialchars() in mind.
+     *
+     * @var string
+     */
+    protected string $htmlSource = '';
+
+    public function getHtmlSource(): string
+    {
+        return $this->htmlSource;
+    }
+
+    public function setHtmlSource(string $htmlSource): static
+    {
+        $this->htmlSource = $htmlSource;
+        return $this;
+    }
+
+    public function getType(): string
+    {
+        return static::class;
+    }
+
+    public function isValid(): bool
+    {
+        return trim($this->getHtmlSource()) !== '' && $this->getType() === static::class;
+    }
+
+    public function __toString(): string
+    {
+        return $this->render();
+    }
+
+    public function render(): string
+    {
+        return '<span class="btn btn-sm btn-default">' . $this->getHtmlSource() . '</span>';
+    }
+}
diff --git a/Classes/Template/Components/Buttons/GenericButton.php b/Classes/Template/Components/Buttons/GenericButton.php
new file mode 100644
index 0000000..616da05
--- /dev/null
+++ b/Classes/Template/Components/Buttons/GenericButton.php
@@ -0,0 +1,248 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons;
+
+use TYPO3\CMS\Core\Imaging\Icon;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * A flexible button type that allows rendering any HTML tag (button, anchor, or custom
+ * web components) with full control over attributes. Unlike other button types that
+ * extend AbstractButton, GenericButton implements ButtonInterface directly, providing
+ * maximum flexibility for custom implementations.
+ *
+ * Use cases:
+ * - Custom web components (e.g., <typo3-custom-element>)
+ * - Standard buttons with custom attributes
+ * - Links with button styling
+ * - Any HTML element that should appear as a button in the document header
+ *
+ * Key features:
+ * - Configurable HTML tag (button, a, custom elements)
+ * - Full attribute control (href, data attributes, etc.)
+ * - Icon and label support
+ * - Automatic HTML escaping for security
+ *
+ * Example - Standard button:
+ *
+ * ```
+ * public function __construct(
+ *     protected readonly ComponentFactory $componentFactory,
+ * ) {}
+ *
+ * public function myAction(): ResponseInterface
+ * {
+ *     $buttonBar = $this->moduleTemplate->getDocHeaderComponent()->getButtonBar();
+ *     $button = $this->componentFactory->createGenericButton()
+ *         ->setTag('button')
+ *         ->setLabel('Save')
+ *         ->setTitle('Save changes')
+ *         ->setIcon($iconFactory->getIcon('actions-save'))
+ *         ->setShowLabelText(true)
+ *         ->setAttributes(['type' => 'submit', 'form' => 'myForm']);
+ *     $buttonBar->addButton($button);
+ * }
+ * ```
+ *
+ * Example - Web component:
+ *
+ * ```
+ * $button = $this->componentFactory->createGenericButton()
+ *     ->setTag('typo3-my-action-button')
+ *     ->setLabel('Custom Action')
+ *     ->setIcon($iconFactory->getIcon('actions-heart'))
+ *     ->setAttributes([
+ *         'url' => '/my-action',
+ *         'data-value' => '123'
+ *     ]);
+ * $buttonBar->addButton($button);
+ * ```
+ *
+ * Example - Link styled as button:
+ *
+ * ```
+ * $button = $this->componentFactory->createGenericButton()
+ *     ->setTag('a')
+ *     ->setHref('/target-page')
+ *     ->setLabel('View Page')
+ *     ->setTitle('Open target page')
+ *     ->setIcon($iconFactory->getIcon('actions-view'));
+ * $buttonBar->addButton($button);
+ * ```
+ */
+class GenericButton implements ButtonInterface
+{
+    protected string $tag = 'button';
+    protected ?Icon $icon = null;
+    protected string $label = '';
+    protected ?string $title = null;
+    protected ?string $href = null;
+    protected string $classes = '';
+    protected ButtonSize $size = ButtonSize::SMALL;
+    protected array $attributes = [];
+    protected bool $showLabelText = false;
+
+    public function setTag(string $tag): static
+    {
+        $this->tag = htmlspecialchars(trim($tag));
+        return $this;
+    }
+
+    public function getTag(): string
+    {
+        return $this->tag;
+    }
+
+    public function getIcon(): ?Icon
+    {
+        return $this->icon;
+    }
+
+    public function setIcon(?Icon $icon): static
+    {
+        $icon?->setSize(IconSize::SMALL);
+        $this->icon = $icon;
+        return $this;
+    }
+
+    public function getLabel(): ?string
+    {
+        return $this->label;
+    }
+
+    public function setLabel(?string $label): static
+    {
+        $this->label = $label;
+        return $this;
+    }
+
+    public function getTitle(): ?string
+    {
+        return $this->title ?? $this->label;
+    }
+
+    public function setTitle(?string $title): static
+    {
+        $this->title = $title;
+        return $this;
+    }
+
+    public function getHref(): ?string
+    {
+        return $this->href;
+    }
+
+    public function setHref(?string $href): static
+    {
+        $this->href = $href;
+        return $this;
+    }
+
+    public function getClasses(): string
+    {
+        return $this->classes;
+    }
+
+    public function setClasses(string $classes): static
+    {
+        $this->classes = $classes;
+        return $this;
+    }
+
+    public function getSize(): ButtonSize
+    {
+        return $this->size;
+    }
+
+    public function setSize(ButtonSize $size): static
+    {
+        $this->size = $size;
+        return $this;
+    }
+
+    /**
+     * @param array<string, string> $attributes
+     */
+    public function setAttributes(array $attributes): static
+    {
+        $this->attributes = $attributes;
+        return $this;
+    }
+
+    /**
+     * @return array<string, string>
+     */
+    public function getAttributes(): array
+    {
+        return $this->attributes;
+    }
+
+    public function getShowLabelText(): bool
+    {
+        return $this->showLabelText;
+    }
+
+    public function setShowLabelText(bool $showLabelText): static
+    {
+        $this->showLabelText = $showLabelText;
+        return $this;
+    }
+
+    public function isValid(): bool
+    {
+        return trim($this->getLabel()) !== ''
+            && $this->getType() === static::class
+            && $this->getIcon() !== null;
+    }
+
+    public function getType(): string
+    {
+        return static::class;
+    }
+
+    protected function getAttributesString(): string
+    {
+        $attributes = $this->getAttributes();
+        $attributes['class'] = rtrim('btn ' . $this->getSize()->value . ' btn-default ' . $this->getClasses());
+        if ($this->getHref()) {
+            $attributes['href'] = $this->getHref();
+        }
+        if ($this->getTitle()) {
+            $attributes['title'] = $this->getTitle();
+        }
+
+        return GeneralUtility::implodeAttributes($attributes, true);
+    }
+
+    public function render(): string
+    {
+        return sprintf(
+            '<%1$s %2$s>%3$s%4$s</%1$s>',
+            $this->getTag(),
+            $this->getAttributesString(),
+            $this->getIcon()?->render() ?? '',
+            htmlspecialchars($this->getShowLabelText() ? $this->getLabel() : '')
+        );
+    }
+
+    public function __toString(): string
+    {
+        return $this->render();
+    }
+}
diff --git a/Classes/Template/Components/Buttons/InputButton.php b/Classes/Template/Components/Buttons/InputButton.php
new file mode 100644
index 0000000..0852130
--- /dev/null
+++ b/Classes/Template/Components/Buttons/InputButton.php
@@ -0,0 +1,131 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons;
+
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * This button type renders a HTML tag <button> and takes the HTML attributes
+ * name and value as additional attributes to those defined in AbstractButton.
+ *
+ * Since we no longer want to have any <input type="submit" /> in the TYPO3 core
+ * you should use this button type to send forms
+ *
+ * Example:
+ *
+ * ```
+ * public function __construct(
+ *     protected readonly ComponentFactory $componentFactory,
+ * ) {}
+ *
+ * public function myAction(): ResponseInterface
+ * {
+ *     $buttonBar = $this->moduleTemplate->getDocHeaderComponent()->getButtonBar();
+ *     $saveButton = $this->componentFactory->createInputButton()
+ *          ->setName('save')
+ *          ->setValue('1')
+ *          ->setIcon($this->iconFactory->getIcon('actions-document-save', IconSize::SMALL))
+ *          ->setTitle('Save');
+ *     $buttonBar->addButton($saveButton, ButtonBar::BUTTON_POSITION_LEFT, 1);
+ * }
+ * ```
+ */
+class InputButton extends AbstractButton
+{
+    protected string $name = '';
+    protected string $value = '';
+    protected string $form = '';
+
+    public function getName(): string
+    {
+        return $this->name;
+    }
+
+    public function setName(string $name): static
+    {
+        $this->name = $name;
+        return $this;
+    }
+
+    public function getValue(): string
+    {
+        return $this->value;
+    }
+
+    public function setValue(string $value): static
+    {
+        $this->value = $value;
+        return $this;
+    }
+
+    public function getForm(): string
+    {
+        return $this->form;
+    }
+
+    public function setForm(string $form): static
+    {
+        $this->form = $form;
+        return $this;
+    }
+
+    public function isValid(): bool
+    {
+        return trim($this->getName()) !== ''
+            && trim($this->getValue()) !== ''
+            && trim($this->getTitle()) !== ''
+            && $this->getType() === static::class
+            && $this->getIcon() !== null;
+    }
+
+    public function render(): string
+    {
+        $attributes = [
+            'name' => $this->getName(),
+            'class' => 'btn btn-sm btn-default ' . $this->getClasses(),
+            'value' => $this->getValue(),
+            'title' => $this->getTitle(),
+            'form' => trim($this->getForm()),
+        ];
+        if ($this->isDisabled()) {
+            $attributes['disabled'] = 'disabled';
+        }
+        $labelText = '';
+        if ($this->showLabelText) {
+            $labelText = ' ' . $this->title;
+        }
+        foreach ($this->attributes as $attributeName => $attributeValue) {
+            $attributes[$attributeName] = $attributeValue;
+        }
+        foreach ($this->dataAttributes as $attributeName => $attributeValue) {
+            $attributes['data-' . $attributeName] = $attributeValue;
+        }
+
+        return sprintf(
+            '<button %s>%s%s</button>',
+            GeneralUtility::implodeAttributes($attributes, true),
+            $this->getIcon()?->render() ?? '',
+            htmlspecialchars($labelText)
+        );
+    }
+
+    public function __toString(): string
+    {
+        return $this->render();
+    }
+}
diff --git a/Classes/Template/Components/Buttons/LanguageSelectorBuilder.php b/Classes/Template/Components/Buttons/LanguageSelectorBuilder.php
new file mode 100644
index 0000000..239ebfe
--- /dev/null
+++ b/Classes/Template/Components/Buttons/LanguageSelectorBuilder.php
@@ -0,0 +1,232 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons;
+
+use TYPO3\CMS\Backend\Context\PageContext;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Localization\LanguageService;
+
+/**
+ * Builds the language selector dropdown for backend modules (Page, List).
+ *
+ * This centralizes the language selection UI logic to ensure consistent behavior
+ * across all modules. It handles both single-select (radio buttons) and multi-select
+ * (toggles/checkboxes) modes.
+ *
+ * @internal
+ */
+final readonly class LanguageSelectorBuilder
+{
+    public function __construct(
+        private ComponentFactory $componentFactory,
+        private IconFactory $iconFactory,
+    ) {}
+
+    public function build(
+        PageContext $pageContext,
+        LanguageSelectorMode $mode,
+        \Closure $urlBuilder,
+        bool $showToggleAll = true,
+    ): ButtonInterface {
+        $languageService = $this->getLanguageService();
+        $languageInfo = $pageContext->languageInformation;
+        $selectedLanguages = $pageContext->selectedLanguageIds;
+        $availableLanguages = $languageInfo->availableLanguages;
+
+        // Calculate selector label and icon
+        $selectorIcon = null;
+        $selectedExistingLanguages = array_intersect($selectedLanguages, $languageInfo->getAllExistingLanguageIds());
+
+        if (count($selectedExistingLanguages) === 1 && reset($selectedExistingLanguages) === 0) {
+            // Only default language exists/selected - show the language title and flag
+            $defaultLanguage = $availableLanguages[0] ?? null;
+            if ($defaultLanguage) {
+                $selectorLabel = $defaultLanguage->getTitle();
+                $selectorIcon = $this->iconFactory->getIcon($defaultLanguage->getFlagIdentifier());
+            } else {
+                $selectorLabel = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.language');
+            }
+        } else {
+            // Multiple languages being shown
+            $displayedLanguageCount = count($selectedExistingLanguages);
+            // In comparison mode, default language (0) is always shown
+            // If it's not in the selected list, it was auto-added, so increment the count
+            if (!in_array(0, $selectedExistingLanguages, true)) {
+                $displayedLanguageCount++;
+            }
+            $selectorLabel = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.languages') . ' (' . $displayedLanguageCount . ')';
+            $selectorIcon = $this->iconFactory->getIcon('flags-multiple');
+        }
+
+        $languageDropDownButton = $this->componentFactory->createDropDownButton()
+            ->setLabel($selectorLabel)
+            ->setShowActiveLabelText(true)
+            ->setShowLabelText(true);
+
+        if ($selectorIcon !== null) {
+            $languageDropDownButton->setIcon($selectorIcon);
+        }
+
+        $defaultLanguageItem = null;
+        $existingLanguageItems = [];
+        $newLanguageItems = [];
+
+        foreach ($languageInfo->languageItems as $languageItem) {
+            if (!$languageItem->isAvailable()) {
+                // Skip unavailable languages (no permission to create)
+                continue;
+            }
+
+            if ($languageItem->isCreatable()) {
+                // Language doesn't exist yet - show "Create translation" button
+                $createTranslationHelpText = sprintf(
+                    $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.createTranslationFor'),
+                    $languageItem->getTitle()
+                );
+                $item = $this->componentFactory->createDropDownItem()
+                    ->setTag('typo3-backend-localization-button')
+                    ->setIcon($this->iconFactory->getIcon($languageItem->getFlagIdentifier()))
+                    ->setLabel($languageItem->getTitle())
+                    ->setTitle($createTranslationHelpText)
+                    ->setAttributes([
+                        'record-type' => 'pages',
+                        'record-uid' => (string)$pageContext->pageId,
+                        'target-language' => (string)$languageItem->getLanguageId(),
+                        'aria-label' => $createTranslationHelpText,
+                    ]);
+                $newLanguageItems[] = $item;
+            } else {
+                // Language exists - build selection item
+                if ($mode === LanguageSelectorMode::MULTI_SELECT) {
+                    // Multi-select mode: Use toggles/checkboxes
+                    if ($languageItem->getLanguageId() === 0) {
+                        // Default language is always selected and disabled in multi-select
+                        // Store separately to add divider after it
+                        // Add accessibility attributes to explain why it's disabled
+                        $defaultLanguageHelpText = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.defaultLanguageAlwaysShown');
+                        $defaultLanguageItem = $this->componentFactory->createDropDownToggle()
+                            ->setActive(true)
+                            ->setIcon($this->iconFactory->getIcon($languageItem->getFlagIdentifier()))
+                            ->setHref('#')
+                            ->setLabel($languageItem->getTitle())
+                            ->setTitle($defaultLanguageHelpText)
+                            ->setAttributes([
+                                'disabled' => 'disabled',
+                                'aria-label' => $languageItem->getTitle() . ' (' . $defaultLanguageHelpText . ')',
+                            ]);
+                        // Don't add to $existingLanguageItems - will be added separately with divider
+                        continue;
+                    }
+
+                    $isSelected = in_array($languageItem->getLanguageId(), $selectedLanguages, true);
+                    $newSelectedLanguages = $selectedLanguages;
+                    if ($isSelected) {
+                        // Deselect this language
+                        $newSelectedLanguages = array_values(array_diff($newSelectedLanguages, [$languageItem->getLanguageId()]));
+                        // Ensure default language (0) is always present
+                        if (!in_array(0, $newSelectedLanguages, true)) {
+                            array_unshift($newSelectedLanguages, 0);
+                        }
+                    } else {
+                        // Select this language
+                        $newSelectedLanguages = array_unique(array_merge($newSelectedLanguages, [$languageItem->getLanguageId()]));
+                    }
+                    $item = $this->componentFactory->createDropDownToggle()
+                        ->setActive($isSelected)
+                        ->setIcon($this->iconFactory->getIcon($languageItem->getFlagIdentifier()))
+                        ->setHref($urlBuilder($newSelectedLanguages))
+                        ->setLabel($languageItem->getTitle());
+                } else {
+                    // Single-select mode: Use radio buttons
+                    $item = $this->componentFactory->createDropDownRadio()
+                        ->setActive($languageItem->getLanguageId() === $pageContext->getPrimaryLanguageId())
+                        ->setIcon($this->iconFactory->getIcon($languageItem->getFlagIdentifier()))
+                        ->setHref($urlBuilder([$languageItem->getLanguageId()]))
+                        ->setLabel($languageItem->getTitle());
+                }
+                $existingLanguageItems[] = $item;
+            }
+        }
+
+        // Add default language first (if in multi-select mode)
+        if ($defaultLanguageItem !== null) {
+            $languageDropDownButton->addItem($defaultLanguageItem);
+            // Add divider after default language to visually separate it from other languages
+            if (!empty($existingLanguageItems)) {
+                $languageDropDownButton->addItem($this->componentFactory->createDropDownDivider());
+            }
+        }
+
+        // Add other existing languages
+        foreach ($existingLanguageItems as $existingItem) {
+            $languageDropDownButton->addItem($existingItem);
+        }
+
+        // Add "Toggle All" option for multi-select mode AFTER the language list
+        // (so users see what they're toggling before the action)
+        if ($mode === LanguageSelectorMode::MULTI_SELECT && $showToggleAll && !empty($languageInfo->existingTranslations)) {
+            $languageDropDownButton->addItem($this->componentFactory->createDropDownDivider());
+
+            $areAllSelected = empty(array_diff(array_keys($languageInfo->existingTranslations), array_diff($selectedLanguages, [0])));
+            $toggleUrl = $urlBuilder($areAllSelected ? [0] : $languageInfo->getAllExistingLanguageIds());
+
+            // Count how many languages can be toggled (excluding default)
+            $toggleableCount = count($languageInfo->existingTranslations);
+
+            if ($areAllSelected) {
+                $toggleLabel = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.uncheckAll') . ' (' . $toggleableCount . ')';
+                $toggleIcon = 'actions-selection-elements-none';
+                $toggleTitle = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.deselectAllLanguages');
+            } else {
+                $toggleLabel = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.checkAll') . ' (' . $toggleableCount . ')';
+                $toggleIcon = 'actions-selection-elements-all';
+                $toggleTitle = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.selectAllLanguages');
+            }
+
+            $toggleItem = $this->componentFactory->createDropDownItem()
+                ->setIcon($this->iconFactory->getIcon($toggleIcon))
+                ->setHref($toggleUrl)
+                ->setLabel($toggleLabel)
+                ->setTitle($toggleTitle)
+                ->setAttributes([
+                    'aria-label' => $toggleTitle,
+                ]);
+            $languageDropDownButton->addItem($toggleItem);
+        }
+
+        // Add separator and new languages if any with stronger visual separation
+        if (!empty($newLanguageItems)) {
+            $languageDropDownButton->addItem($this->componentFactory->createDropDownDivider());
+            $languageDropDownButton->addItem(
+                $this->componentFactory->createDropDownHeader()
+                ->setLabel($languageService->sL('core.core:labels.new_page_translation'))
+            );
+            foreach ($newLanguageItems as $item) {
+                $languageDropDownButton->addItem($item);
+            }
+        }
+
+        return $languageDropDownButton;
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Template/Components/Buttons/LanguageSelectorMode.php b/Classes/Template/Components/Buttons/LanguageSelectorMode.php
new file mode 100644
index 0000000..05ed07c
--- /dev/null
+++ b/Classes/Template/Components/Buttons/LanguageSelectorMode.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons;
+
+/**
+ * Defines how the language selector dropdown should behave.
+ *
+ * @internal
+ */
+enum LanguageSelectorMode
+{
+    /**
+     * Single language selection using radio buttons.
+     * Used in Page Module's "Layout" view where only one language is displayed at a time.
+     */
+    case SINGLE_SELECT;
+
+    /**
+     * Multiple language selection using checkboxes/toggles.
+     * Used in Page Module's "Comparison" view and records module where multiple languages can be viewed simultaneously.
+     */
+    case MULTI_SELECT;
+}
diff --git a/Classes/Template/Components/Buttons/LinkButton.php b/Classes/Template/Components/Buttons/LinkButton.php
new file mode 100644
index 0000000..1896ced
--- /dev/null
+++ b/Classes/Template/Components/Buttons/LinkButton.php
@@ -0,0 +1,131 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons;
+
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * This button type renders a regular anchor tag with TYPO3s way to render a
+ * button control.
+ *
+ * Example:
+ *
+ * ```
+ * public function __construct(
+ *     protected readonly ComponentFactory $componentFactory,
+ * ) {}
+ *
+ * public function myAction(): ResponseInterface
+ * {
+ *     $buttonBar = $this->moduleTemplate->getDocHeaderComponent()->getButtonBar();
+ *     $saveButton = $this->componentFactory->createLinkButton()
+ *          ->setHref('#')
+ *          ->setDataAttributes([
+ *              'foo' => 'bar'
+ *          ])
+ *          ->setIcon($this->iconFactory->getIcon('actions-document-save', IconSize::SMALL))
+ *          ->setTitle('Save');
+ *     $buttonBar->addButton($saveButton, ButtonBar::BUTTON_POSITION_LEFT, 1);
+ * }
+ * ```
+ */
+class LinkButton extends AbstractButton
+{
+    protected string $href = '';
+
+    protected string $role = 'button';
+
+    protected ButtonSize $size = ButtonSize::SMALL;
+
+    public function getHref(): string
+    {
+        return $this->href;
+    }
+
+    public function setHref(string $href): static
+    {
+        $this->href = $href;
+        return $this;
+    }
+
+    public function getRole(): string
+    {
+        return $this->role;
+    }
+
+    public function setRole(string $role): static
+    {
+        $this->role = $role;
+        return $this;
+    }
+
+    public function getSize(): ButtonSize
+    {
+        return $this->size;
+    }
+
+    public function setSize(ButtonSize $size): static
+    {
+        $this->size = $size;
+        return $this;
+    }
+
+    public function isValid(): bool
+    {
+        return trim($this->getHref()) !== ''
+            && trim($this->getTitle()) !== ''
+            && $this->getType() === static::class
+            && $this->getIcon() !== null;
+    }
+
+    public function render(): string
+    {
+        $attributes = [
+            'role' => $this->getRole(),
+            'href' => $this->getHref(),
+            // @see SplitButton - hard-coded replacement for this hard-coded class-list
+            'class' => 'btn ' . $this->getSize()->value . ' btn-default ' . $this->getClasses(),
+            'title' => $this->getTitle(),
+        ];
+        $labelText = '';
+        if ($this->showLabelText) {
+            $labelText = ' ' . $this->title;
+        }
+        foreach ($this->attributes as $attributeName => $attributeValue) {
+            $attributes[$attributeName] = $attributeValue;
+        }
+        foreach ($this->dataAttributes as $attributeName => $attributeValue) {
+            $attributes['data-' . $attributeName] = $attributeValue;
+        }
+        if ($this->isDisabled()) {
+            $attributes['aria-disabled'] = 'true';
+            $attributes['class'] .= ' disabled';
+        }
+        return sprintf(
+            '<a %s>%s%s</a>',
+            GeneralUtility::implodeAttributes($attributes, true),
+            $this->getIcon()?->render() ?? '',
+            htmlspecialchars($labelText),
+        );
+    }
+
+    public function __toString(): string
+    {
+        return $this->render();
+    }
+}
diff --git a/Classes/Template/Components/Buttons/PositionInterface.php b/Classes/Template/Components/Buttons/PositionInterface.php
new file mode 100644
index 0000000..ebb2ff3
--- /dev/null
+++ b/Classes/Template/Components/Buttons/PositionInterface.php
@@ -0,0 +1,74 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons;
+
+/**
+ * Interface for buttons that define their own fixed position and group.
+ *
+ * Buttons implementing this interface will automatically override the position
+ * and group parameters passed to ButtonBar::addButton(), ensuring they always
+ * appear in their designated location regardless of what the developer specifies.
+ *
+ * This is useful for buttons that should always appear in a consistent location
+ * across the backend, such as the ShortcutButton which always appears in the
+ * top right corner.
+ *
+ * Example implementation:
+ *
+ * ```
+ * class MyButton implements ButtonInterface, PositionInterface
+ * {
+ *     public function getPosition(): string
+ *     {
+ *         return ButtonBar::BUTTON_POSITION_RIGHT;
+ *     }
+ *
+ *     public function getGroup(): int
+ *     {
+ *         return 90;
+ *     }
+ * }
+ * ```
+ *
+ * Usage:
+ *
+ * ```
+ * $button = $buttonBar->makeMyButton();
+ * // Position and group are ignored - button defines its own
+ * $buttonBar->addButton($button);
+ * ```
+ */
+interface PositionInterface
+{
+    /**
+     * Returns the position where this button should be rendered.
+     *
+     * @return string Either ButtonBar::BUTTON_POSITION_LEFT or ButtonBar::BUTTON_POSITION_RIGHT
+     */
+    public function getPosition(): string;
+
+    /**
+     * Returns the group number for this button.
+     *
+     * Groups determine the visual grouping and order of buttons within a position.
+     * Lower numbers appear first.
+     *
+     * @return int The group number (e.g., 1, 10, 90, 91)
+     */
+    public function getGroup(): int;
+}
diff --git a/Classes/Template/Components/Buttons/SplitButton.php b/Classes/Template/Components/Buttons/SplitButton.php
new file mode 100644
index 0000000..c66d70a
--- /dev/null
+++ b/Classes/Template/Components/Buttons/SplitButton.php
@@ -0,0 +1,282 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons;
+
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * This button type renders a bootstrap split button.
+ * It takes multiple button objects as parameters.
+ *
+ * The button objects must contain at least one primary
+ * button that is displayed as the main icon, and all other
+ * items will be revealed within a dropdown.
+ *
+ * If a button is of Type "LinkButton" it will not utilize a
+ * HTML `<button>` tag, but instead use `<a>`.
+ *
+ * Example:
+ *
+ * ```
+ * public function __construct(
+ *     protected readonly ComponentFactory $componentFactory,
+ * ) {}
+ *
+ * public function myAction(): ResponseInterface
+ * {
+ *     $buttonBar = $this->moduleTemplate->getDocHeaderComponent()->getButtonBar();
+ *
+ *     $saveButton = $this->componentFactory->createInputButton()
+ *          ->setName('save')
+ *          ->setValue('1')
+ *          ->setIcon($this->iconFactory->getIcon('actions-document-save', IconSize::SMALL))
+ *          ->setTitle('Save');
+ *
+ *     $saveAndCloseButton = $this->componentFactory->createInputButton()
+ *          ->setName('save_and_close')
+ *          ->setValue('1')
+ *          ->setTitle('Save and close')
+ *          ->setIcon($this->iconFactory->getIcon('actions-document-save-close', IconSize::SMALL));
+ *
+ *     $saveAndShowPageButton = $this->componentFactory->createInputButton()
+ *          ->setName('save_and_show')
+ *          ->setValue('1')
+ *          ->setTitle('Save and show')
+ *          ->setIcon($this->iconFactory->getIcon('actions-document-save-view', IconSize::SMALL));
+ *
+ *     $moduleLink = $this->componentFactory->createLinkButton()
+ *          ->setHref((string)$this->uriBuilder->buildUriFromRoute('file_edit', $parameter))
+ *          ->setDataAttributes(['customAttribute' => 'customValue'])
+ *          ->setShowLabelText(true)
+ *          ->setTitle('Edit file')
+ *          ->setIcon($this->iconFactory->getIcon('file-edit', IconSize::SMALL));
+ *
+ *     $splitButtonElement = $this->componentFactory->createSplitButton()
+ *          ->addItem($saveButton, true)
+ *          ->addItem($saveAndCloseButton)
+ *          ->addItem($moduleLink)
+ *          ->addItem($saveAndShowPageButton);
+ * }
+ * ```
+ */
+class SplitButton extends AbstractButton
+{
+    /**
+     * Internal var that determines whether the split button has received any primary actions yet
+     */
+    protected bool $containsPrimaryAction = false;
+
+    /**
+     * Primary action button
+     */
+    protected ?AbstractButton $primary = null;
+
+    /**
+     * Array of option buttons for the dropdown
+     *
+     * @var AbstractButton[]
+     */
+    protected array $options = [];
+
+    /**
+     * Adds an instance of any button to the split button
+     *
+     * @param AbstractButton $item ButtonObject to add
+     * @param bool $primaryAction Is the button the primary action?
+     *
+     * @throws \InvalidArgumentException In case a button is not valid
+     */
+    public function addItem(AbstractButton $item, bool $primaryAction = false): static
+    {
+        if (!$item->isValid()) {
+            throw new \InvalidArgumentException(
+                'Only valid items may be assigned to a split Button. "'
+                . $item->getType()
+                . '" did not pass validation',
+                1441706330
+            );
+        }
+        if ($primaryAction && $this->containsPrimaryAction) {
+            throw new \InvalidArgumentException('A splitButton may only contain one primary action', 1441706340);
+        }
+        if ($primaryAction) {
+            $this->containsPrimaryAction = true;
+            $this->primary = clone $item;
+        } else {
+            $this->options[] = clone $item;
+        }
+        return $this;
+    }
+
+    /**
+     * Returns the split button items as a typed DTO.
+     *
+     * If no primary action was explicitly set, the first option button
+     * becomes the primary action.
+     *
+     * @return SplitButtonItems The typed container with primary and option buttons
+     */
+    public function getItems(): SplitButtonItems
+    {
+        $primary = $this->primary;
+        $options = $this->options;
+
+        // If no primary action was set, use the first option as primary or thrown an exception if no option exists
+        if ($primary === null) {
+            if (count($options) > 0) {
+                $primary = array_shift($options);
+            } else {
+                throw new \RuntimeException('Split button requires at least one button', 1761311538);
+            }
+        }
+
+        return new SplitButtonItems(primary: $primary, options: $options);
+    }
+
+    public function isValid(): bool
+    {
+        try {
+            return $this->getItems()->isValid();
+        } catch (\RuntimeException) {
+            return false;
+        }
+    }
+
+    /**
+     * Renders the HTML markup of the button
+     */
+    public function render(): string
+    {
+        $items = $this->getItems();
+        $primary = $items->primary;
+        $options = $items->options;
+
+        $attributes = [
+            'class' => 'btn btn-sm btn-default ' . $primary->getClasses(),
+        ];
+        if (method_exists($primary, 'getName')) {
+            $attributes['name'] = $primary->getName();
+        }
+        if (method_exists($primary, 'getValue')) {
+            $attributes['value'] = $primary->getValue();
+        }
+        if (method_exists($primary, 'getForm') && !empty($primary->getForm())) {
+            $attributes['form'] = $primary->getForm();
+        }
+        if ($primary->getAttributes() !== []) {
+            foreach ($primary->getAttributes() as $attributeName => $attributeValue) {
+                $attributes[$attributeName] = $attributeValue;
+            }
+        }
+        if ($primary->getDataAttributes() !== []) {
+            foreach ($primary->getDataAttributes() as $attributeName => $attributeValue) {
+                $attributes['data-' . $attributeName] = $attributeValue;
+            }
+        }
+
+        if ($primary instanceof LinkButton) {
+            // This is needed because the LinkButton can NOT use its ->render() method,
+            // as we want to stick our icon in the result HTML.
+            $attributes['href'] = $primary->getHref();
+            $attributes['role'] = $primary->getRole();
+            $attributes['title'] = $primary->getTitle();
+        }
+
+        $attributesString = GeneralUtility::implodeAttributes($attributes, true);
+
+        if ($primary instanceof LinkButton) {
+            $primaryButtonHTML = '<a ' . $attributesString . '>
+            ' . ($primary->getIcon()?->render('inline') ?? '') . '
+                ' . htmlspecialchars($primary->getTitle()) . '
+            </a>';
+        } else {
+            $primaryButtonHTML = '<button ' . $attributesString . ' type="submit">
+            ' . ($primary->getIcon()?->render('inline') ?? '') . '
+                ' . htmlspecialchars($primary->getTitle()) . '
+            </button>';
+        }
+
+        $content = '
+        <div class="btn-group t3js-splitbutton">
+            ' . $primaryButtonHTML . '
+            <button type="button" class="btn btn-sm btn-default dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
+                <span class="visually-hidden">Toggle Dropdown</span>
+            </button>
+            <ul class="dropdown-menu">';
+
+        foreach ($options as $option) {
+            if ($option instanceof InputButton) {
+                // if the option is an InputButton we have to create a custom rendering
+                $optionAttributes = [
+                    'href' => '#',
+                    'data-name' => $option->getName(),
+                    'data-value' => $option->getValue(),
+                    'data-form' => $option->getForm(),
+                ];
+
+                if (!empty($option->getClasses())) {
+                    $optionAttributes['class'] = $option->getClasses();
+                }
+                $optionAttributes['class'] = implode(' ', [$optionAttributes['class'] ?? '', 'dropdown-item']);
+                $optionAttributesString = '';
+                foreach ($optionAttributes as $key => $value) {
+                    $optionAttributesString .= ' ' . htmlspecialchars($key) . '="' . htmlspecialchars($value) . '"';
+                }
+                $html
+                    = '<a' . $optionAttributesString . '>'
+                        . '<span class="dropdown-item-columns">'
+                            . '<span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true">'
+                                . ($option->getIcon()?->render('inline') ?? '')
+                            . '</span>'
+                            . '<span class="dropdown-item-column dropdown-item-column-title">'
+                                . htmlspecialchars($option->getTitle())
+                            . '</span>'
+                        . '</span>'
+                    . '</a>';
+            } else {
+                // for any other kind of button we simply use what comes along (e.g. LinkButton)
+                $html = $option->render();
+
+                if ($option instanceof LinkButton) {
+                    // Links inside a dropdown should not be displayed as a button.
+                    // Unfortunately, the LinkButton has its class-list
+                    // "btn btn-sm btn-default" hard-coded, which makes sense for
+                    // its normal context, but not this context. Since it's hard via
+                    // CSS to reset the "btn" look, we heuristically remove it here.
+                    $html = str_replace('class="btn btn-sm btn-default', 'class="btn-sm btn-default dropdown-item', $html);
+                }
+            }
+
+            $content .= '
+                <li>
+                   ' . $html . '
+                </li>
+            ';
+        }
+        $content .= '
+            </ul>
+        </div>
+        ';
+        return $content;
+    }
+
+    public function __toString(): string
+    {
+        return $this->render();
+    }
+}
diff --git a/Classes/Template/Components/Buttons/SplitButtonItems.php b/Classes/Template/Components/Buttons/SplitButtonItems.php
new file mode 100644
index 0000000..552a157
--- /dev/null
+++ b/Classes/Template/Components/Buttons/SplitButtonItems.php
@@ -0,0 +1,51 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Buttons;
+
+/**
+ * SplitButtonItems
+ *
+ * Type-safe container for split button items.
+ *
+ * A split button consists of one primary action button and an array of
+ * option buttons shown in a dropdown menu. This DTO ensures type safety
+ * and prevents the use of magic array keys.
+ *
+ * @internal This is a concrete implementation and not part of the TYPO3 Public API.
+ */
+final readonly class SplitButtonItems
+{
+    /**
+     * @param AbstractButton $primary The primary action button
+     * @param AbstractButton[] $options Array of option buttons for the dropdown
+     */
+    public function __construct(
+        public AbstractButton $primary,
+        public array $options,
+    ) {}
+
+    /**
+     * Checks if the split button has a valid configuration.
+     *
+     * @return bool True if primary action exists and at least one option is available
+     */
+    public function isValid(): bool
+    {
+        return $this->primary->isValid() && count($this->options) > 0;
+    }
+}
diff --git a/Classes/Template/Components/ComponentFactory.php b/Classes/Template/Components/ComponentFactory.php
new file mode 100644
index 0000000..0f2c832
--- /dev/null
+++ b/Classes/Template/Components/ComponentFactory.php
@@ -0,0 +1,290 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\UriInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Template\Components\Buttons\Action\ShortcutButton;
+use TYPO3\CMS\Backend\Template\Components\Buttons\DropDown\DropDownDivider;
+use TYPO3\CMS\Backend\Template\Components\Buttons\DropDown\DropDownGeneric;
+use TYPO3\CMS\Backend\Template\Components\Buttons\DropDown\DropDownHeader;
+use TYPO3\CMS\Backend\Template\Components\Buttons\DropDown\DropDownItem;
+use TYPO3\CMS\Backend\Template\Components\Buttons\DropDown\DropDownRadio;
+use TYPO3\CMS\Backend\Template\Components\Buttons\DropDown\DropDownToggle;
+use TYPO3\CMS\Backend\Template\Components\Buttons\DropDownButton;
+use TYPO3\CMS\Backend\Template\Components\Buttons\FullyRenderedButton;
+use TYPO3\CMS\Backend\Template\Components\Buttons\GenericButton;
+use TYPO3\CMS\Backend\Template\Components\Buttons\InputButton;
+use TYPO3\CMS\Backend\Template\Components\Buttons\LinkButton;
+use TYPO3\CMS\Backend\Template\Components\Buttons\SplitButton;
+use TYPO3\CMS\Backend\Template\Components\Event\ModifyPreviewUrlForQrCodeEvent;
+use TYPO3\CMS\Backend\Template\Components\Menu\Menu;
+use TYPO3\CMS\Backend\Template\Components\Menu\MenuItem;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Factory for creating backend template components, e.g. buttons.
+ *
+ * This ComponentFactory serves as the central location for all component creation in the backend,
+ * providing both pre-configured components for common patterns and basic component factory methods.
+ *
+ * Currently focused on button creation, but designed to be extensible for other component types
+ * (menus, breadcrumbs, etc.) in the future.
+ *
+ * This reduces boilerplate code and ensures consistent UX across the backend by providing
+ * standardized component configurations for recurring use cases.
+ *
+ * Example - Creating a back button:
+ *
+ * ```
+ * public function __construct(
+ *     protected readonly ComponentFactory $componentFactory,
+ * ) {}
+ *
+ * public function myAction(): ResponseInterface
+ * {
+ *     $buttonBar = $this->moduleTemplate->getDocHeaderComponent()->getButtonBar();
+ *
+ *     // Use pre-configured back button
+ *     $backButton = $this->componentFactory->createBackButton($returnUrl);
+ *     $buttonBar->addButton($backButton, ButtonBar::BUTTON_POSITION_LEFT, 1);
+ * }
+ * ```
+ */
+#[Autoconfigure(public: true)]
+readonly class ComponentFactory
+{
+    public function __construct(
+        protected IconFactory $iconFactory,
+        protected EventDispatcherInterface $eventDispatcher,
+        protected PageRenderer $pageRenderer,
+    ) {}
+
+    /**
+     * Creates a standardized "back" navigation button.
+     */
+    public function createBackButton(string|UriInterface $returnUrl): LinkButton
+    {
+        return $this->createLinkButton()
+            ->setHref((string)$returnUrl)
+            ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.goBack'))
+            ->setIcon($this->iconFactory->getIcon('actions-view-go-back', IconSize::SMALL))
+            ->setShowLabelText(true);
+    }
+
+    /**
+     * Creates a standardized "close" button.
+     *
+     * Similar to back button but uses "actions-close" icon and "Close" label.
+     * Typically used for closing detail views or modal-like overlays.
+     */
+    public function createCloseButton(string|UriInterface $closeUrl): LinkButton
+    {
+        return $this->createLinkButton()
+            ->setHref((string)$closeUrl)
+            ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.close'))
+            ->setIcon($this->iconFactory->getIcon('actions-close', IconSize::SMALL))
+            ->setShowLabelText(true);
+    }
+
+    /**
+     * Creates a standardized "reload" button for reloading the current view.
+     *
+     * Uses "actions-refresh" icon without a displayed label.
+     *
+     * Note: As of TYPO3 v14, the reload button is automatically added to all modules
+     * by default. Controllers only need to manually create this button if they need
+     * custom reload behavior. In that case, use DocHeaderComponent::disableAutomaticReloadButton()
+     * to prevent the automatic one from being added.
+     */
+    public function createReloadButton(string|UriInterface $requestUri): LinkButton
+    {
+        return $this->createLinkButton()
+            ->setHref((string)$requestUri)
+            ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.reload'))
+            ->setIcon($this->iconFactory->getIcon('actions-refresh', IconSize::SMALL));
+    }
+
+    /**
+     * Creates a standardized "save" button for forms.
+     *
+     * Returns an InputButton configured with:
+     * - "actions-document-save" icon
+     * - Translated "Save" label (shown as text)
+     * - name="_savedok" and value="1"
+     * - Associated with the specified form
+     *
+     * @param string $formName The HTML form ID this button belongs to
+     * @return InputButton Fully configured save button
+     */
+    public function createSaveButton(string $formName = ''): InputButton
+    {
+        $button = $this->createInputButton()
+            ->setName('_savedok')
+            ->setValue('1')
+            ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.save') ?: 'Save')
+            ->setIcon($this->iconFactory->getIcon('actions-document-save', IconSize::SMALL))
+            ->setShowLabelText(true);
+
+        if ($formName !== '') {
+            $button->setForm($formName);
+        }
+
+        return $button;
+    }
+
+    public function createViewButton(array $previewDataAttributes = []): LinkButton
+    {
+        return $this->createLinkButton()
+            ->setHref('#')
+            ->setDataAttributes($previewDataAttributes)
+            ->setDisabled(!$previewDataAttributes)
+            ->setTitle($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.showPage'))
+            ->setIcon($this->iconFactory->getIcon('actions-view-page', IconSize::SMALL))
+            ->setShowLabelText(true);
+    }
+
+    /**
+     * Creates a standardized QR code button that opens a modal with a QR code for the given URL.
+     *
+     * Uses the typo3-qrcode-modal-button web component which displays a scannable QR code
+     * in a modal dialog. The QR code can be downloaded as PNG or SVG.
+     *
+     * @param string|UriInterface $previewUrl The URL to encode in the QR code
+     * @param bool $showCopyUrl Whether to show the URL field with copy button in the modal
+     */
+    public function createQrCodeButton(string|UriInterface $previewUrl, bool $showCopyUrl = true): GenericButton
+    {
+        $languageService = $this->getLanguageService();
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/element/qrcode-modal-button.js');
+        $attributes = [
+            'content' => (string)$previewUrl,
+            'modal-title' => $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:showPageQrCode.modalTitle'),
+        ];
+        if ($showCopyUrl) {
+            $attributes['show-url'] = '1';
+        }
+        return $this->createGenericButton()
+            ->setTag('typo3-qrcode-modal-button')
+            ->setLabel($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:showPageQrCode'))
+            ->setTitle($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:showPageQrCode'))
+            ->setIcon($this->iconFactory->getIcon('actions-qrcode', IconSize::SMALL))
+            ->setAttributes($attributes);
+    }
+
+    /**
+     * Generates a preview URL suitable for QR codes.
+     *
+     * Dispatches the ModifyPreviewUrlForQrCodeEvent to allow extensions (e.g., workspaces)
+     * to provide alternative URLs. For example, the workspaces extension can provide a URL
+     * with ADMCMD_prev parameter that works without backend authentication.
+     *
+     * @param string|UriInterface|null $fallbackUrl Fallback URL if no listener modifies the URL
+     */
+    public function getPreviewUrlForQrCode(int $pageId, int $languageId, string|UriInterface|null $fallbackUrl = null): ?string
+    {
+        return $this->eventDispatcher->dispatch(
+            new ModifyPreviewUrlForQrCodeEvent($pageId, $languageId, $fallbackUrl !== null ? (string)$fallbackUrl : null)
+        )->getPreviewUrl();
+    }
+
+    public function createGenericButton(): GenericButton
+    {
+        return GeneralUtility::makeInstance(GenericButton::class);
+    }
+
+    public function createInputButton(): InputButton
+    {
+        return GeneralUtility::makeInstance(InputButton::class);
+    }
+
+    public function createSplitButton(): SplitButton
+    {
+        return GeneralUtility::makeInstance(SplitButton::class);
+    }
+
+    public function createDropDownButton(): DropDownButton
+    {
+        return GeneralUtility::makeInstance(DropDownButton::class);
+    }
+
+    public function createDropDownDivider(): DropDownDivider
+    {
+        return GeneralUtility::makeInstance(DropDownDivider::class);
+    }
+
+    public function createDropDownItem(): DropDownItem
+    {
+        return GeneralUtility::makeInstance(DropDownItem::class);
+    }
+
+    public function createDropDownRadio(): DropDownRadio
+    {
+        return GeneralUtility::makeInstance(DropDownRadio::class);
+    }
+
+    public function createDropDownToggle(): DropDownToggle
+    {
+        return GeneralUtility::makeInstance(DropDownToggle::class);
+    }
+
+    public function createDropDownHeader(): DropDownHeader
+    {
+        return GeneralUtility::makeInstance(DropDownHeader::class);
+    }
+
+    public function createDropDownGeneric(): DropDownGeneric
+    {
+        return GeneralUtility::makeInstance(DropDownGeneric::class);
+    }
+
+    public function createLinkButton(): LinkButton
+    {
+        return GeneralUtility::makeInstance(LinkButton::class);
+    }
+
+    public function createFullyRenderedButton(): FullyRenderedButton
+    {
+        return GeneralUtility::makeInstance(FullyRenderedButton::class);
+    }
+
+    public function createShortcutButton(): ShortcutButton
+    {
+        return GeneralUtility::makeInstance(ShortcutButton::class);
+    }
+
+    public function createMenuItem(): MenuItem
+    {
+        return GeneralUtility::makeInstance(MenuItem::class);
+    }
+
+    public function createMenu(): Menu
+    {
+        return GeneralUtility::makeInstance(Menu::class);
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Template/Components/ComponentGroup.php b/Classes/Template/Components/ComponentGroup.php
new file mode 100644
index 0000000..bb7196a
--- /dev/null
+++ b/Classes/Template/Components/ComponentGroup.php
@@ -0,0 +1,87 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components;
+
+final class ComponentGroup
+{
+    /**
+     * @param array<string, ComponentInterface> $items
+     */
+    private array $items = [];
+
+    public function __construct(
+        public readonly string $identifier,
+    ) {}
+
+    public function get(string $identifier): ?ComponentInterface
+    {
+        return $this->items[$identifier] ?? null;
+    }
+
+    public function remove(string $identifier): true
+    {
+        if (isset($this->items[$identifier])) {
+            unset($this->items[$identifier]);
+        }
+        return true;
+    }
+
+    /**
+     * @return array<string, ComponentInterface>
+     */
+    public function getItems(?ComponentInterface $ifEmptyUseThis = null): array
+    {
+        $result = [];
+        foreach ($this->items as $key => $item) {
+            $result[$key] = $item ?? $ifEmptyUseThis;
+        }
+        return array_filter($result);
+    }
+
+    /**
+     * @param array<string, ?ComponentInterface> $items
+     */
+    public function setItems(array $items): void
+    {
+        $this->items = [];
+        foreach ($items as $identifier => $item) {
+            $this->add($identifier, $item);
+        }
+    }
+
+    /**
+     * $before and $after references the string keys used for $identifier
+     */
+    public function add(string $identifier, ?ComponentInterface $item, string $before = '', string $after = ''): void
+    {
+        if ($before !== '' && $this->has($before)) {
+            $end = array_splice($this->items, (int)(array_search($before, array_keys($this->items), true)));
+            $this->items = array_merge($this->items, [$identifier => $item], $end);
+        } elseif ($after !== '' && $this->has($after)) {
+            $end = array_splice($this->items, (int)(array_search($after, array_keys($this->items), true)) + 1);
+            $this->items = array_merge($this->items, [$identifier => $item], $end);
+        } else {
+            $this->items[$identifier] = $item;
+        }
+    }
+
+    public function has(string $identifier): bool
+    {
+        return array_key_exists($identifier, $this->items);
+    }
+}
diff --git a/Classes/Template/Components/ComponentInterface.php b/Classes/Template/Components/ComponentInterface.php
new file mode 100644
index 0000000..1f43c36
--- /dev/null
+++ b/Classes/Template/Components/ComponentInterface.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components;
+
+/**
+ * Common interface for all renderable backend components (buttons, dropdown items, etc.).
+ *
+ * This interface provides the base contract for components that can be validated,
+ * typed, and rendered as HTML. It is extended by more specific interfaces like
+ * ButtonInterface and DropDownItemInterface.
+ */
+interface ComponentInterface extends \Stringable
+{
+    /**
+     * Validates whether the component is properly configured and can be rendered.
+     *
+     * Each implementing class defines its own validation rules (e.g., required fields).
+     *
+     * @return bool True if the component is valid and can be rendered, false otherwise
+     */
+    public function isValid(): bool;
+
+    /**
+     * Returns the fully qualified class name as the component type identifier.
+     *
+     * This is used to identify the specific component type in validation and rendering.
+     *
+     * @return string The fully qualified class name (e.g., 'TYPO3\CMS\Backend\Template\Components\Buttons\LinkButton')
+     */
+    public function getType(): string;
+
+    /**
+     * Renders the component as an HTML string.
+     *
+     * This method should only be called after validating the component with isValid().
+     * The returned HTML is ready to be output to the browser.
+     *
+     * @return string The rendered HTML markup
+     */
+    public function render(): string;
+}
diff --git a/Classes/Template/Components/DocHeaderComponent.php b/Classes/Template/Components/DocHeaderComponent.php
new file mode 100644
index 0000000..2f6d789
--- /dev/null
+++ b/Classes/Template/Components/DocHeaderComponent.php
@@ -0,0 +1,432 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Breadcrumb\BreadcrumbContext;
+use TYPO3\CMS\Backend\Breadcrumb\BreadcrumbFactory;
+use TYPO3\CMS\Backend\Dto\Breadcrumb\BreadcrumbNode;
+use TYPO3\CMS\Backend\Template\Components\Buttons\Action\ShortcutButton;
+use TYPO3\CMS\Backend\Template\Components\Buttons\ButtonInterface;
+use TYPO3\CMS\Core\Resource\ResourceInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Document header component for backend modules.
+ *
+ * This component manages the header area of backend module views, providing:
+ * - Breadcrumb navigation (via BreadcrumbContext)
+ * - Button bar for action buttons (save, close, delete, etc.)
+ * - Drop-down menus for module-specific actions
+ *
+ * The component can be enabled or disabled to control visibility of the entire
+ * document header. It integrates with the ModuleTemplate to provide a consistent
+ * header across all backend modules.
+ *
+ * Usage in a controller:
+ *
+ * ```
+ * public function __construct(
+ *     protected readonly ComponentFactory $componentFactory,
+ * ) {}
+ *
+ * public function myAction(): ResponseInterface
+ * {
+ *     $view = $this->moduleTemplateFactory->create($request);
+ *     $docHeader = $view->getDocHeaderComponent();
+ *
+ *     // Set breadcrumb for a page
+ *     $docHeader->setPageBreadcrumb($pageInfo);
+ *
+ *     // Add action buttons using ComponentFactory
+ *     $buttonBar = $docHeader->getButtonBar();
+ *     $saveButton = $this->componentFactory->createSaveButton('editform');
+ *     $buttonBar->addButton($saveButton, ButtonBar::BUTTON_POSITION_LEFT, 1);
+ * }
+ * ```
+ */
+#[Autoconfigure(public: true)]
+class DocHeaderComponent
+{
+    /**
+     * Button bar component for managing action buttons.
+     */
+    protected ButtonBar $buttonBar;
+
+    /**
+     * Breadcrumb component for rendering navigation trails.
+     */
+    protected Breadcrumb $breadcrumb;
+
+    /**
+     * Context information for breadcrumb rendering.
+     *
+     * Contains the main context (page, record, or resource) and optional suffix nodes
+     * for additional navigation elements.
+     */
+    protected ?BreadcrumbContext $breadcrumbContext = null;
+
+    /**
+     * Whether the document header is enabled and should be rendered.
+     */
+    protected bool $enabled = true;
+
+    /**
+     * Language selector component.
+     */
+    protected ?ComponentInterface $languageSelector = null;
+
+    /**
+     * The automatic shortcut button instance, if configured.
+     */
+    protected ?ShortcutButton $automaticShortcutButton = null;
+
+    /**
+     * Whether the automatic reload button should be added.
+     */
+    protected bool $automaticReloadButton = true;
+
+    public function __construct(
+        protected readonly MenuRegistry $menuRegistry,
+        protected readonly BreadcrumbFactory $breadcrumbFactory,
+        protected readonly ComponentFactory $componentFactory,
+    ) {
+        $this->buttonBar = GeneralUtility::makeInstance(ButtonBar::class);
+        $this->breadcrumb = GeneralUtility::makeInstance(Breadcrumb::class);
+    }
+
+    /**
+     * Sets the breadcrumb context for rendering.
+     *
+     * This is the main API for providing breadcrumb information.
+     *
+     * For common scenarios, use the convenience methods instead:
+     * - setPageBreadcrumb() for page records
+     * - setRecordBreadcrumb() for any record
+     * - setResourceBreadcrumb() for files or folders
+     *
+     * @param BreadcrumbContext|null $breadcrumbContext The breadcrumb context
+     */
+    public function setBreadcrumbContext(?BreadcrumbContext $breadcrumbContext): void
+    {
+        $this->breadcrumbContext = $breadcrumbContext;
+    }
+
+    /**
+     * Sets breadcrumb from a page record array.
+     *
+     * Example:
+     *     $view->getDocHeaderComponent()->setPageBreadcrumb($pageInfo);
+     *
+     * @param array $pageRecord The page record array (must contain 'uid')
+     */
+    public function setPageBreadcrumb(array $pageRecord): void
+    {
+        $this->breadcrumbContext = $this->breadcrumbFactory->forPageArray($pageRecord);
+    }
+
+    /**
+     * Sets breadcrumb for editing a record.
+     *
+     * Example:
+     *     $view->getDocHeaderComponent()->setRecordBreadcrumb('tt_content', 123);
+     *
+     * @param string $table The table name
+     * @param int $uid The record UID
+     */
+    public function setRecordBreadcrumb(string $table, int $uid): void
+    {
+        $this->breadcrumbContext = $this->breadcrumbFactory->forEditAction($table, $uid);
+    }
+
+    /**
+     * Sets breadcrumb for any resource (file or folder).
+     *
+     * Example:
+     *     $view->getDocHeaderComponent()->setResourceBreadcrumb($file);
+     *     $view->getDocHeaderComponent()->setResourceBreadcrumb($folder);
+     *
+     * @param ResourceInterface $resource The resource (file or folder)
+     */
+    public function setResourceBreadcrumb(ResourceInterface $resource): void
+    {
+        $this->breadcrumbContext = $this->breadcrumbFactory->forResource($resource);
+    }
+
+    /**
+     * Adds a suffix node to the current breadcrumb context.
+     *
+     * Suffix nodes are appended after the main breadcrumb trail and are useful for:
+     * - Indicating "Create New" actions
+     * - Showing "Edit Multiple" states
+     * - Adding custom contextual information
+     *
+     * Example:
+     *
+     *     $docHeader->setPageBreadcrumb($pageInfo);
+     *     $docHeader->addBreadcrumbSuffixNode(
+     *         new BreadcrumbNode(
+     *             identifier: 'new',
+     *             label: 'Create New Content Element',
+     *             icon: 'actions-add'
+     *         )
+     *     );
+     *
+     * Note: This creates or modifies the breadcrumb context. If you need to build
+     * a complete context, use BreadcrumbFactory instead.
+     *
+     * @param BreadcrumbNode $node The node to append
+     */
+    public function addBreadcrumbSuffixNode(BreadcrumbNode $node): void
+    {
+        if ($this->breadcrumbContext === null) {
+            $this->breadcrumbContext = new BreadcrumbContext(null, [$node]);
+        } else {
+            // Create new context with added suffix node
+            $existingSuffixNodes = $this->breadcrumbContext->suffixNodes;
+            $existingSuffixNodes[] = $node;
+            $this->breadcrumbContext = new BreadcrumbContext(
+                $this->breadcrumbContext->mainContext,
+                $existingSuffixNodes
+            );
+        }
+    }
+
+    /**
+     * Returns the menu registry for adding drop-down menus to the document header.
+     */
+    public function getMenuRegistry(): MenuRegistry
+    {
+        return $this->menuRegistry;
+    }
+
+    /**
+     * Returns the button bar for adding action buttons to the document header.
+     *
+     * The button bar supports multiple button positions (left, right) and groups
+     * to organize buttons logically.
+     */
+    public function getButtonBar(): ButtonBar
+    {
+        return $this->buttonBar;
+    }
+
+    /**
+     * Determines whether this component is enabled and should be rendered.
+     *
+     * When disabled, the entire document header (including breadcrumbs, buttons,
+     * and menus) will not be displayed in the backend module.
+     */
+    public function isEnabled(): bool
+    {
+        return $this->enabled;
+    }
+
+    /**
+     * Enables this component for rendering.
+     */
+    public function enable(): void
+    {
+        $this->enabled = true;
+    }
+
+    /**
+     * Disables this component to prevent rendering.
+     */
+    public function disable(): void
+    {
+        $this->enabled = false;
+    }
+
+    public function setLanguageSelector(?ComponentInterface $component): void
+    {
+        $this->languageSelector = $component;
+    }
+
+    public function getLanguageSelector(): ?ComponentInterface
+    {
+        return $this->languageSelector;
+    }
+
+    /**
+     * Sets the context for the automatic shortcut button.
+     *
+     * Controllers can use this method to provide shortcut information without
+     * manually creating and adding the shortcut button. The button will be
+     * automatically added to the button bar in the correct position.
+     *
+     * Example:
+     *
+     *     $docHeader->setShortcutContext('site_configuration.edit', sprintf('Edit site: %s', $siteIdentifier), ['site' => $siteIdentifier]);
+     *
+     * @param string $routeIdentifier The route identifier for the shortcut
+     * @param string $displayName The display name shown in the bookmark list
+     * @param array $arguments Optional arguments to include in the shortcut URL
+     */
+    public function setShortcutContext(string $routeIdentifier, string $displayName, array $arguments = []): void
+    {
+        $this->automaticShortcutButton = $this->componentFactory->createShortcutButton()
+            ->setRouteIdentifier($routeIdentifier)
+            ->setDisplayName($displayName)
+            ->setArguments($arguments);
+    }
+
+    /**
+     * Disables the automatic reload button for this module.
+     *
+     * Use this if your module needs custom reload behavior or should not
+     * have a reload button at all.
+     */
+    public function disableAutomaticReloadButton(): void
+    {
+        $this->automaticReloadButton = false;
+    }
+
+    /**
+     * Disables the automatic shortcut button for this module.
+     *
+     * Use this if your module should not have a shortcut button.
+     */
+    public function disableAutomaticShortcutButton(): void
+    {
+        $this->automaticShortcutButton = null;
+    }
+
+    /**
+     * Returns the complete document header content as an array for rendering.
+     *
+     * This method aggregates all components (buttons, breadcrumbs) into
+     * a structured array that can be consumed by the Fluid template rendering
+     * the backend module layout.
+     *
+     * The returned array structure:
+     * - 'enabled': Whether the document header should be rendered
+     * - 'buttons': Array of button configurations from the button bar
+     * - 'breadcrumb': Breadcrumb trail data from the breadcrumb context
+     * - 'languageSelector': Language Selector
+     */
+    public function docHeaderContent(?ServerRequestInterface $request): array
+    {
+        // Process MenuRegistry and add any menus as dropdown buttons to the button bar
+        $moduleMenuButton = $this->processMenuRegistry();
+        if ($moduleMenuButton !== null) {
+            $this->buttonBar->addButton($moduleMenuButton, ButtonBar::BUTTON_POSITION_LEFT, 0);
+        }
+
+        // Add automatic buttons (reload, shortcut)
+        $this->addAutomaticButtons($request);
+
+        return [
+            'enabled' => $this->isEnabled(),
+            'buttons' => $this->buttonBar->getButtons($request),
+            'breadcrumb' => $this->breadcrumb->getBreadcrumb($request, $this->breadcrumbContext),
+            'languageSelector' => $this->getLanguageSelector(),
+        ];
+    }
+
+    /**
+     * Adds automatic reload and shortcut buttons to the button bar.
+     *
+     * This method is called automatically by docHeaderContent() and handles:
+     * - Adding automatic reload button (if enabled)
+     * - Adding automatic shortcut button (if configured)
+     *
+     * The buttons are added to groups 90 and 91 on the right side, which are conventionally
+     * used for these system buttons. This ensures they appear at the end of the button bar
+     * while still allowing PSR-14 event listeners to modify or remove them via ModifyButtonBarEvent.
+     */
+    private function addAutomaticButtons(?ServerRequestInterface $request): void
+    {
+        if ($request === null) {
+            return;
+        }
+
+        // Add automatic reload button if enabled
+        if ($this->automaticReloadButton) {
+            $reloadButton = $this->componentFactory->createReloadButton(
+                $request->getAttribute('normalizedParams')->getRequestUri()
+            );
+            // Add to group 90 on the right (conventionally second-to-last position)
+            $this->buttonBar->addButton($reloadButton, ButtonBar::BUTTON_POSITION_RIGHT, 90);
+        }
+
+        // Add automatic shortcut button if configured
+        if ($this->automaticShortcutButton !== null) {
+            // Add to group 91 on the right (conventionally last position)
+            $this->buttonBar->addButton($this->automaticShortcutButton);
+        }
+    }
+
+    /**
+     * Processes registered menus from the MenuRegistry into a dropdown button component.
+     *
+     * Takes the first registered menu from the MenuRegistry and creates a dropdown button
+     * component that can be added to the button bar.
+     *
+     * @return ButtonInterface|null The dropdown button, or null if no menus registered
+     */
+    private function processMenuRegistry(): ?ButtonInterface
+    {
+        $menus = $this->menuRegistry->getMenus();
+
+        if ($menus === []) {
+            return null;
+        }
+
+        if (count($menus) > 1) {
+            throw new \RuntimeException('The menuRegistry should only contain one menu. '
+            . 'Multiple DocHeaderComponents can not be displayed - prefer to add distinct dropdown '
+            . 'buttons to add more view possibilities, or create actual submodules instead of secondary menus.', 1783447740);
+        }
+
+        // Use the first menu (most controllers only register one menu)
+        $menu = reset($menus);
+
+        // Hide menu if it's either empty or offers only one item
+        if (count($menu->getMenuItems()) < 2) {
+            return null;
+        }
+
+        $label = $menu->getLabel();
+        $dropdownButton = $this->componentFactory->createDropDownButton()
+            ->setShowActiveLabelText(true)
+            ->setShowLabelText(true);
+
+        foreach ($menu->getMenuItems() as $menuItem) {
+            if ($label === '') {
+                // Previously, the menu was rendered as a <select>, which meant the first or
+                // currently selected <option> acted as the visible label. The menu itself had
+                // no separate label. As a fallback, we now use the first menu item title as the
+                // button label, ensuring the DropDownButton is valid. The button will still
+                // always display the active item, because setShowActiveLabelText(true) is set.
+                $label = $menuItem->getTitle();
+            }
+            $dropdownItem = $this->componentFactory->createDropDownRadio()
+                ->setHref($menuItem->getHref())
+                ->setLabel($menuItem->getTitle())
+                ->setActive($menuItem->isActive());
+
+            $dropdownButton->addItem($dropdownItem);
+        }
+
+        $dropdownButton->setLabel($label);
+
+        return $dropdownButton;
+    }
+}
diff --git a/Classes/Template/Components/Event/ModifyPreviewUrlForQrCodeEvent.php b/Classes/Template/Components/Event/ModifyPreviewUrlForQrCodeEvent.php
new file mode 100644
index 0000000..e02d13c
--- /dev/null
+++ b/Classes/Template/Components/Event/ModifyPreviewUrlForQrCodeEvent.php
@@ -0,0 +1,59 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Event;
+
+/**
+ * Listeners to this event are able to modify the preview URL used for QR codes
+ * in the backend. This allows extensions to provide alternative URLs, for example
+ * workspace-aware preview URLs that work without backend authentication.
+ */
+final class ModifyPreviewUrlForQrCodeEvent
+{
+    private ?string $previewUrl = null;
+
+    public function __construct(
+        private readonly int $pageId,
+        private readonly int $languageId,
+        private readonly ?string $fallbackUrl,
+    ) {}
+
+    public function getPageId(): int
+    {
+        return $this->pageId;
+    }
+
+    public function getLanguageId(): int
+    {
+        return $this->languageId;
+    }
+
+    public function getFallbackUrl(): ?string
+    {
+        return $this->fallbackUrl;
+    }
+
+    public function getPreviewUrl(): ?string
+    {
+        return $this->previewUrl ?? $this->fallbackUrl;
+    }
+
+    public function setPreviewUrl(?string $previewUrl): void
+    {
+        $this->previewUrl = $previewUrl;
+    }
+}
diff --git a/Classes/Template/Components/Menu/Menu.php b/Classes/Template/Components/Menu/Menu.php
new file mode 100644
index 0000000..9223ae4
--- /dev/null
+++ b/Classes/Template/Components/Menu/Menu.php
@@ -0,0 +1,128 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Menu;
+
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Represents a navigation menu in the backend module document header, typically rendered
+ * as a dropdown selector that allows users to switch between different views or modes
+ * within a module.
+ *
+ * Menus consist of multiple MenuItems and are registered with the MenuRegistry in the
+ * DocHeaderComponent. The menu is automatically rendered in the module's document header.
+ *
+ * Example:
+ *
+ * ```
+ * public function __construct(
+ *     protected readonly ComponentFactory $componentFactory,
+ * ) {}
+ *
+ * public function myAction(): ResponseInterface
+ * {
+ *     $menuRegistry = $this->moduleTemplate->getDocHeaderComponent()->getMenuRegistry();
+ *     $menu = $this->componentFactory->createMenu();
+ *     $menu->setIdentifier('myModuleMenu')
+ *         ->setLabel('Select View');
+ *
+ *     $menuItem1 = $this->componentFactory->createMenuItem()
+ *         ->setTitle('List View')
+ *         ->setHref($listViewUrl)
+ *         ->setActive(true);
+ *     $menu->addMenuItem($menuItem1);
+ *
+ *     $menuItem2 = $this->componentFactory->createMenuItem()
+ *         ->setTitle('Grid View')
+ *         ->setHref($gridViewUrl);
+ *     $menu->addMenuItem($menuItem2);
+ *
+ *     $menuRegistry->addMenu($menu);
+ * }
+ * ```
+ */
+class Menu
+{
+    protected string $identifier = '';
+
+    /**
+     * Label of the Menu (displayed as the dropdown label)
+     */
+    protected string $label = '';
+
+    protected array $menuItems = [];
+
+    public function getIdentifier(): string
+    {
+        return $this->identifier;
+    }
+
+    public function getDataIdentifier(): string
+    {
+        $dataMenuIdentifier = GeneralUtility::camelCaseToLowerCaseUnderscored($this->identifier);
+        return str_replace('_', '-', $dataMenuIdentifier);
+    }
+
+    public function getLabel(): string
+    {
+        return $this->label;
+    }
+
+    public function getMenuItems(): array
+    {
+        return $this->menuItems;
+    }
+
+    public function setIdentifier(string $identifier): static
+    {
+        $this->identifier = $identifier;
+        return $this;
+    }
+
+    /**
+     * @param string $label LabelText for the menu (accepts LLL syntax)
+     */
+    public function setLabel(string $label): static
+    {
+        $this->label = $label;
+        return $this;
+    }
+
+    /**
+     * Adds a new menuItem
+     *
+     * @param MenuItem $menuItem The menuItem to add to the menu
+     *
+     * @throws \InvalidArgumentException In case a menuItem is not valid
+     */
+    public function addMenuItem(MenuItem $menuItem): static
+    {
+        if (!$menuItem->isValid()) {
+            throw new \InvalidArgumentException('MenuItem "' . $menuItem->getTitle() . '" is not valid', 1442236317);
+        }
+        // @todo implement sorting of menu items
+        // @todo maybe even things like spacers/sections?
+        $this->menuItems[] = clone $menuItem;
+        return $this;
+    }
+
+    public function isValid(): bool
+    {
+        return trim($this->getIdentifier()) !== '';
+    }
+}
diff --git a/Classes/Template/Components/Menu/MenuItem.php b/Classes/Template/Components/Menu/MenuItem.php
new file mode 100644
index 0000000..8f48437
--- /dev/null
+++ b/Classes/Template/Components/Menu/MenuItem.php
@@ -0,0 +1,82 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\Menu;
+
+use TYPO3\CMS\Backend\Template\Components\AbstractControl;
+
+/**
+ * Represents a single item within a Menu in the backend module document header.
+ * Each MenuItem has a title, URL (href), and can be marked as active to indicate
+ * the current selection.
+ *
+ * MenuItems inherit from AbstractControl, providing access to common properties like
+ * title, CSS classes, and data attributes.
+ *
+ * Example:
+ *
+ * ```
+ * public function __construct(
+ *     protected readonly ComponentFactory $componentFactory,
+ * ) {}
+ *
+ * public function myAction(): ResponseInterface
+ * {
+ *     $menu = $this->componentFactory->createMenu();
+ *     $menuItem = $this->componentFactory->createMenuItem()
+ *         ->setTitle('List View')
+ *         ->setHref('/my-module?view=list')
+ *         ->setActive(true)  // Marks this item as currently selected
+ *         ->setClasses('my-custom-class')
+ *         ->setDataAttributes(['action' => 'switch-view']);
+ *     $menu->addMenuItem($menuItem);
+ * }
+ * ```
+ */
+class MenuItem extends AbstractControl
+{
+    protected string $href = '';
+
+    protected bool $active = false;
+
+    public function setHref(string $href): static
+    {
+        $this->href = $href;
+        return $this;
+    }
+
+    public function getHref(): string
+    {
+        return $this->href;
+    }
+
+    public function setActive(bool $active): static
+    {
+        $this->active = $active;
+        return $this;
+    }
+
+    public function isActive(): bool
+    {
+        return $this->active;
+    }
+
+    public function isValid(): bool
+    {
+        return $this->getHref() !== '' && $this->getTitle() !== '';
+    }
+}
diff --git a/Classes/Template/Components/MenuRegistry.php b/Classes/Template/Components/MenuRegistry.php
new file mode 100644
index 0000000..07796ac
--- /dev/null
+++ b/Classes/Template/Components/MenuRegistry.php
@@ -0,0 +1,95 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components;
+
+use TYPO3\CMS\Backend\Template\Components\Menu\Menu;
+
+/**
+ * Central registry for managing menus in the backend module document header.
+ * The MenuRegistry is part of the DocHeaderComponent and holds all menus that should
+ * be displayed in the module's header area.
+ *
+ * Menus are typically used to provide navigation between different views or modes within
+ * a module (e.g., switching between list/grid view, or different content types).
+ *
+ * Example:
+ *
+ * ```
+ * public function __construct(
+ *     protected readonly ComponentFactory $componentFactory,
+ * ) {}
+ *
+ * public function myAction(): ResponseInterface
+ * {
+ *     // Get the menu registry from the module template
+ *     $menuRegistry = $this->moduleTemplate->getDocHeaderComponent()->getMenuRegistry();
+ *
+ *     // Create and configure a menu
+ *     $menu = $this->componentFactory->createMenu();
+ *     $menu->setIdentifier('viewSelector')->setLabel('View');
+ *
+ *     // Add menu items
+ *     $listItem = $this->componentFactory->createMenuItem()
+ *         ->setTitle('List')
+ *         ->setHref('/module?view=list')
+ *         ->setActive($currentView === 'list');
+ *     $menu->addMenuItem($listItem);
+ *
+ *     // Register the menu
+ *     $menuRegistry->addMenu($menu);
+ * }
+ * ```
+ */
+class MenuRegistry
+{
+    /**
+     * Internal array that stores all registered menus
+     *
+     * @var array<string, Menu>
+     */
+    protected array $menus = [];
+
+    /**
+     * Adds a menu to the registry
+     *
+     * @throws \InvalidArgumentException In case a menu is not valid
+     */
+    public function addMenu(Menu $menu): static
+    {
+        if (!$menu->isValid()) {
+            throw new \InvalidArgumentException('Menu "' . $menu->getIdentifier() . '" is not valid', 1442236362);
+        }
+        $this->menus[$menu->getIdentifier()] = clone $menu;
+        return $this;
+    }
+
+    /**
+     * Returns all menus in an abstract array
+     *
+     * @return Menu[]
+     */
+    public function getMenus(): array
+    {
+        foreach ($this->menus as $key => $menu) {
+            if (empty($menu->getMenuItems())) {
+                unset($this->menus[$key]);
+            }
+        }
+        return $this->menus;
+    }
+}
diff --git a/Classes/Template/Components/ModifyButtonBarEvent.php b/Classes/Template/Components/ModifyButtonBarEvent.php
new file mode 100644
index 0000000..c59c30d
--- /dev/null
+++ b/Classes/Template/Components/ModifyButtonBarEvent.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components;
+
+use Psr\Http\Message\ServerRequestInterface;
+
+/**
+ * PSR-14 event that allows listeners to modify the buttons in the backend module
+ * document header button bar. This event is dispatched after all buttons have been
+ * added to the button bar, but before they are rendered.
+ *
+ * Use cases:
+ * - Add custom buttons to existing modules
+ * - Remove or hide buttons based on conditions
+ * - Modify button properties (labels, icons, etc.)
+ * - Reorder buttons
+ *
+ * Example event listener:
+ *
+ * ```
+ * use TYPO3\CMS\Backend\Template\Components\ModifyButtonBarEvent;
+ * use TYPO3\CMS\Backend\Template\Components\ButtonBar;
+ * use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+ * use TYPO3\CMS\Core\Attribute\AsEventListener;
+ *
+ * final class MyButtonBarListener
+ * {
+ *     public function __construct(
+ *         protected readonly ComponentFactory $componentFactory,
+ *     ) {}
+ *
+ *     #[AsEventListener]
+ *     public function __invoke(ModifyButtonBarEvent $event): void
+ *     {
+ *         $buttons = $event->getButtons();
+ *         $buttonBar = $event->getButtonBar();
+ *
+ *         $myButton = $this->componentFactory->createLinkButton()
+ *             ->setHref('/my-action')
+ *             ->setTitle('My Action')
+ *             ->setIcon($iconFactory->getIcon('actions-heart'));
+ *
+ *         $buttons[ButtonBar::BUTTON_POSITION_RIGHT][1][] = clone $myButton;
+ *
+ *         $event->setButtons($buttons);
+ *     }
+ * }
+ * ```
+ *
+ * @phpstan-import-type Buttons from ButtonBar
+ */
+final class ModifyButtonBarEvent
+{
+    /**
+     * @param Buttons $buttons
+     */
+    public function __construct(private array $buttons, private readonly ButtonBar $buttonBar, private readonly ServerRequestInterface $request) {}
+
+    /**
+     * @return Buttons
+     */
+    public function getButtons(): array
+    {
+        return $this->buttons;
+    }
+
+    /**
+     * @param Buttons $buttons
+     */
+    public function setButtons(array $buttons): void
+    {
+        $this->buttons = $buttons;
+    }
+
+    public function getButtonBar(): ButtonBar
+    {
+        return $this->buttonBar;
+    }
+
+    public function getRequest(): ServerRequestInterface
+    {
+        return $this->request;
+    }
+}
diff --git a/Classes/Template/Components/MultiRecordSelection/Action.php b/Classes/Template/Components/MultiRecordSelection/Action.php
new file mode 100644
index 0000000..29cbf75
--- /dev/null
+++ b/Classes/Template/Components/MultiRecordSelection/Action.php
@@ -0,0 +1,85 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Components\MultiRecordSelection;
+
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Defines a bulk action that can be performed on multiple selected records in the backend.
+ * These actions appear when users select multiple records in list views or other record
+ * listings, allowing operations like mass delete, mass edit, etc.
+ *
+ * Actions are readonly DTOs that encapsulate the configuration,
+ * icon, and label for a multi-record operation.
+ *
+ * Example:
+ *
+ * ```
+ * $action = new Action(
+ *     name: 'delete',
+ *     configuration: ['action' => 'deleteRecords'],
+ *     iconIdentifier: 'actions-delete',
+ *     labelKey: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.delete'
+ * );
+ *
+ * // The action provides formatted output for rendering
+ * $actionName = $action->getName();           // 'delete'
+ * $jsonConfig = $action->getConfiguration();  // JSON-encoded for HTML attributes
+ * $label = $action->getLabel();               // Translated label
+ * $icon = $action->getIcon();                 // Rendered icon HTML
+ * ```
+ *
+ * @internal
+ */
+readonly class Action
+{
+    public function __construct(
+        protected string $name,
+        protected array $configuration,
+        protected string $iconIdentifier,
+        protected string $labelKey,
+    ) {}
+
+    public function getName(): string
+    {
+        return $this->name;
+    }
+
+    public function getConfiguration(): string
+    {
+        return GeneralUtility::jsonEncodeForHtmlAttribute($this->configuration);
+    }
+
+    public function getLabel(): string
+    {
+        return $this->getLanguageService()->sL($this->labelKey);
+    }
+
+    public function getIcon(): string
+    {
+        return GeneralUtility::makeInstance(IconFactory::class)->getIcon($this->iconIdentifier, IconSize::SMALL)->render();
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Template/Enum/ModuleLayout.php b/Classes/Template/Enum/ModuleLayout.php
new file mode 100644
index 0000000..c01a6ca
--- /dev/null
+++ b/Classes/Template/Enum/ModuleLayout.php
@@ -0,0 +1,27 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template\Enum;
+
+/**
+ * @internal
+ */
+enum ModuleLayout: string
+{
+    case WIDE = 'wide';
+    case NORMAL = 'normal';
+}
diff --git a/Classes/Template/ModuleTemplate.php b/Classes/Template/ModuleTemplate.php
new file mode 100644
index 0000000..5b984eb
--- /dev/null
+++ b/Classes/Template/ModuleTemplate.php
@@ -0,0 +1,394 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template;
+
+use Psr\Http\Message\ResponseInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Module\ModuleInterface;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ButtonBar;
+use TYPO3\CMS\Backend\Template\Components\Buttons\ButtonInterface;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\Template\Components\DocHeaderComponent;
+use TYPO3\CMS\Backend\Template\Enum\ModuleLayout;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Configuration\ExtensionConfiguration;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageQueue;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\View\ResponsableViewInterface;
+use TYPO3\CMS\Core\View\ViewInterface;
+use TYPO3\CMS\Extbase\Mvc\ExtbaseRequestParameters;
+
+/**
+ * A class taking care of the "outer" HTML of a module, especially
+ * the doc header and other related parts.
+ */
+final class ModuleTemplate implements ViewInterface, ResponsableViewInterface
+{
+    use PageRendererBackendSetupTrait;
+
+    private bool $uiBlock = false;
+
+    private string $moduleId = '';
+    private string $moduleName = '';
+    private string $moduleClass = '';
+    /**
+     * @internal
+     */
+    private ModuleLayout $moduleLayout = ModuleLayout::WIDE;
+    private string $title = '';
+    private string $bodyTag = '<body>';
+    private string $formTag = '';
+
+    private FlashMessageQueue $flashMessageQueue;
+    private DocHeaderComponent $docHeaderComponent;
+
+    /**
+     * Init PageRenderer and properties.
+     */
+    public function __construct(
+        protected readonly PageRenderer $pageRenderer,
+        protected readonly IconFactory $iconFactory,
+        protected readonly UriBuilder $uriBuilder,
+        protected readonly ModuleProvider $moduleProvider,
+        protected readonly FlashMessageService $flashMessageService,
+        protected readonly ExtensionConfiguration $extensionConfiguration,
+        protected readonly ViewInterface $view,
+        protected readonly ComponentFactory $componentFactory,
+        protected readonly ServerRequestInterface $request,
+    ) {
+        $module = $request->getAttribute('module');
+        if ($module instanceof ModuleInterface) {
+            // third level, needs the second level in order to keep highlighting in the module menu
+            if ($module->getParentModule()?->getParentModule()) {
+                $this->setModuleName($module->getParentModule()->getIdentifier());
+            } else {
+                $this->setModuleName($module->getIdentifier());
+            }
+            $this->setModuleName($module->getIdentifier());
+        } else {
+            $this->setModuleName($request->getAttribute('route')?->getOption('_identifier') ?? '');
+        }
+        $this->flashMessageQueue = $flashMessageService->getMessageQueueByIdentifier();
+        $this->docHeaderComponent = GeneralUtility::makeInstance(DocHeaderComponent::class);
+        $this->setUpBasicPageRendererForBackend($pageRenderer, $extensionConfiguration, $request, $this->getLanguageService());
+    }
+
+    /**
+     * Add a variable to the view data collection.
+     */
+    public function assign(string $key, mixed $value): self
+    {
+        $this->view->assign($key, $value);
+        return $this;
+    }
+
+    /**
+     * Add multiple variables to the view data collection.
+     */
+    public function assignMultiple(array $values): self
+    {
+        $this->view->assignMultiple($values);
+        return $this;
+    }
+
+    /**
+     * Render the module.
+     */
+    public function render(string $templateFileName = ''): string
+    {
+        $this->prepareRender($templateFileName);
+        return $this->pageRenderer->render($this->request);
+    }
+
+    /**
+     * Render the module and create an HTML 200 response from it. This is a
+     * lazy shortcut so controllers don't need to take care of this in the backend.
+     */
+    public function renderResponse(string $templateFileName = ''): ResponseInterface
+    {
+        $this->prepareRender($templateFileName);
+        return $this->pageRenderer->renderResponse($this->request);
+    }
+
+    private function prepareRender(string $templateFileName): void
+    {
+        if ($templateFileName === '') {
+            $extbaseRequestMessage = '';
+            /** @var ExtbaseRequestParameters|null $extbaseRequestParameters */
+            $extbaseRequestParameters = $this->request->getAttribute('extbase');
+            if ($extbaseRequestParameters) {
+                // This extbase specific code is a helper for a more detailed exception
+                // message, and a tribute to extbase backend extensions being upgraded.
+                // Introduced with v13, it could potentially vanish at some point again.
+                $templateFileName = $extbaseRequestParameters->getControllerName() . '/'
+                    . ucfirst($extbaseRequestParameters->getControllerActionName());
+                $extbaseRequestMessage = ' Expected template filename is "' . $templateFileName . '".';
+            }
+            throw new \InvalidArgumentException('A template filename must be provided.' . $extbaseRequestMessage, 1732184506);
+        }
+
+        $this->assignMultiple([
+            'docHeader' => $this->docHeaderComponent->docHeaderContent($this->request),
+            'moduleId' => $this->moduleId,
+            'moduleName' => $this->moduleName,
+            'moduleClass' => $this->moduleClass,
+            'moduleLayout' => $this->moduleLayout->value,
+            'uiBlock' => $this->uiBlock,
+            'flashMessageQueueIdentifier' => $this->flashMessageQueue->getIdentifier(),
+            'formTag' => $this->formTag,
+        ]);
+        $this->pageRenderer->getJavaScriptRenderer()->includeAllImports();
+        $this->pageRenderer->loadJavaScriptModule('bootstrap');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/dropdown.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/context-help.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/global-event-handler.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/action-dispatcher.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/element/immediate-action-element.js');
+        $this->pageRenderer->loadJavaScriptModule('@typo3/backend/hotkeys.js');
+        $this->pageRenderer->addBodyContent($this->bodyTag . $this->view->render($templateFileName));
+        $this->pageRenderer->setTitle($this->title);
+        $updateSignalDetails = BackendUtility::getUpdateSignalDetails();
+        if (!empty($updateSignalDetails['html'])) {
+            $this->pageRenderer->addHeaderData(implode("\n", $updateSignalDetails['html']));
+        }
+        $this->dispatchNotificationMessages();
+    }
+
+    /**
+     * @internal
+     */
+    public function setLayout(ModuleLayout $moduleLayout): self
+    {
+        $this->moduleLayout = $moduleLayout;
+        return $this;
+    }
+
+    /**
+     * Set to something like '<body id="foo">' when a special body tag is needed.
+     */
+    public function setBodyTag(string $bodyTag): self
+    {
+        $this->bodyTag = $bodyTag;
+        return $this;
+    }
+
+    /**
+     * Title string of the module: "My module · Edit view"
+     */
+    public function setTitle(string $title, string $context = ''): self
+    {
+        $titleComponents = [$title];
+        if ($context !== '') {
+            $titleComponents[] = $context;
+        }
+        $this->title = implode(' · ', $titleComponents);
+        return $this;
+    }
+
+    /**
+     * Get the DocHeader. Can be used in controllers to add custom
+     * buttons / menus / ... to the doc header.
+     */
+    public function getDocHeaderComponent(): DocHeaderComponent
+    {
+        return $this->docHeaderComponent;
+    }
+
+    /**
+     * A "<form>" tag encapsulating the entire module, including doc-header.
+     */
+    public function setForm(string $formTag = ''): self
+    {
+        $this->formTag = $formTag;
+        return $this;
+    }
+
+    /**
+     * Optional 'data-module-id="{moduleId}"' on first <div> in body.
+     * Can be helpful in JavaScript.
+     */
+    public function setModuleId(string $moduleId): self
+    {
+        $this->moduleId = $moduleId;
+        return $this;
+    }
+
+    /**
+     * Optional 'data-module-name="{moduleName}"' on first <div> in body.
+     * Can be helpful in JavaScript.
+     */
+    public function setModuleName(string $moduleName): self
+    {
+        $this->moduleName = $moduleName;
+        return $this;
+    }
+
+    /**
+     * Optional 'class="module {moduleClass}"' on first <div> in body.
+     * Can be helpful styling modules.
+     */
+    public function setModuleClass(string $moduleClass): self
+    {
+        $this->moduleClass = $moduleClass;
+        return $this;
+    }
+
+    /**
+     * Creates a message object and adds it to the FlashMessageQueue.
+     * These messages are automatically rendered when the view is rendered.
+     */
+    public function addFlashMessage(string $messageBody, string $messageTitle = '', ContextualFeedbackSeverity $severity = ContextualFeedbackSeverity::OK, bool $storeInSession = true): self
+    {
+        $flashMessage = new FlashMessage($messageBody, $messageTitle, $severity, $storeInSession);
+        $this->flashMessageQueue->enqueue($flashMessage);
+        return $this;
+    }
+
+    /**
+     * ModuleTemplate by default uses queue 'core.template.flashMessages'. Modules
+     * may want to maintain an own queue. Use this method to render flash messages
+     * of a non-default queue at the default position in module HTML output. Call
+     * this method *before* adding single messages with addFlashMessage().
+     */
+    public function setFlashMessageQueue(FlashMessageQueue $flashMessageQueue): self
+    {
+        $this->flashMessageQueue = $flashMessageQueue;
+        return $this;
+    }
+
+    /**
+     * UI block is a spinner shown during browser rendering phase of the module,
+     * automatically removed when rendering finished. This is done by default,
+     * but the UI block can be turned off when needed for whatever reason.
+     */
+    public function setUiBlock(bool $uiBlock): self
+    {
+        $this->uiBlock = $uiBlock;
+        return $this;
+    }
+
+    /**
+     * Generates a module actions dropdown in the docheader button bar.
+     *
+     * Creates a dropdown button on the LEFT side (group 0) containing navigation to
+     * submodules or module actions. The button label shows the currently active module/action.
+     */
+    public function makeDocHeaderModuleMenu(array $additionalQueryParams = []): self
+    {
+        $currentModule = $this->request->getAttribute('module');
+        if (!($currentModule instanceof ModuleInterface)) {
+            // Early return in case the current request does not provide a module
+            return $this;
+        }
+        if ($currentModule->getParentModule()?->hasParentModule()) {
+            $menuModule = $this->moduleProvider->getModuleForMenu($currentModule->getParentIdentifier(), $this->getBackendUser());
+        } else {
+            // This is a fallback in case a second level module is called here
+            $menuModule = $this->moduleProvider->getModuleForMenu($currentModule->getIdentifier(), $this->getBackendUser());
+        }
+
+        if ($menuModule === null || !$menuModule->hasSubModules()) {
+            return $this;
+        }
+
+        $itemCount = 0;
+        $dropdownButton = $this->componentFactory->createDropDownButton()
+            ->setLabel($this->getLanguageService()->sL('backend.messages:moduleMenu.dropdown.label'))
+            ->setShowActiveLabelText(true)
+            ->setShowLabelText(true);
+
+        // Add "Overview" link if exists
+        if ($menuModule->hasSubmoduleOverview()) {
+            $isActive = $menuModule->getIdentifier() === $currentModule->getIdentifier();
+            $overviewLabel = $this->getLanguageService()->sL('backend.messages:moduleMenu.dropdown.overview');
+            $dropdownItem = $this->componentFactory->createDropDownRadio()
+                ->setHref((string)$this->uriBuilder->buildUriFromRoute($menuModule->getIdentifier(), $additionalQueryParams))
+                ->setLabel($overviewLabel)
+                ->setActive($isActive);
+
+            $dropdownButton->addItem($dropdownItem);
+            $itemCount++;
+        }
+
+        // Add all submodules
+        foreach ($menuModule->getSubModules() as $module) {
+            $isActive = $module->getIdentifier() === $currentModule->getIdentifier();
+            $moduleTitle = $this->getLanguageService()->sL($module->getTitle());
+            $dropdownItem = $this->componentFactory->createDropDownRadio()
+                ->setHref((string)$this->uriBuilder->buildUriFromRoute($module->getIdentifier(), $additionalQueryParams))
+                ->setLabel($moduleTitle)
+                ->setActive($isActive);
+
+            $dropdownButton->addItem($dropdownItem);
+            $itemCount++;
+        }
+
+        // Only add dropdown if there's more than one item
+        if ($itemCount > 1) {
+            // Add to button bar at LEFT, group 0 (first position)
+            $this->getDocHeaderComponent()->getButtonBar()->addButton($dropdownButton, ButtonBar::BUTTON_POSITION_LEFT, 0);
+        }
+
+        return $this;
+    }
+
+    /**
+     * Shorthand method to add a new button to the button bar
+     */
+    public function addButtonToButtonBar(
+        ButtonInterface $button,
+        string $buttonPosition = ButtonBar::BUTTON_POSITION_LEFT,
+        int $buttonGroup = 1
+    ): self {
+        $this->getDocHeaderComponent()->getButtonBar()->addButton($button, $buttonPosition, $buttonGroup);
+        return $this;
+    }
+
+    /**
+     * Dispatches all messages in a special FlashMessageQueue to the PageRenderer to be rendered as inline notifications
+     */
+    private function dispatchNotificationMessages(): void
+    {
+        $notificationQueue = $this->flashMessageService->getMessageQueueByIdentifier(FlashMessageQueue::NOTIFICATION_QUEUE);
+        foreach ($notificationQueue->getAllMessagesAndFlush() as $message) {
+            $notificationInstruction = JavaScriptModuleInstruction::create('@typo3/backend/notification.js');
+            $notificationInstruction->invoke('showMessage', $message->getTitle(), $message->getMessage(), $message->getSeverity());
+            $this->pageRenderer->getJavaScriptRenderer()->addJavaScriptModuleInstruction($notificationInstruction);
+        }
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Template/ModuleTemplateFactory.php b/Classes/Template/ModuleTemplateFactory.php
new file mode 100644
index 0000000..71ac41f
--- /dev/null
+++ b/Classes/Template/ModuleTemplateFactory.php
@@ -0,0 +1,62 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Template\Components\ComponentFactory;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Core\Configuration\ExtensionConfiguration;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Page\PageRenderer;
+
+/**
+ * A factory class creating backend related ModuleTemplate view objects.
+ */
+#[Autoconfigure(public: true, shared: false)]
+final readonly class ModuleTemplateFactory
+{
+    public function __construct(
+        private PageRenderer $pageRenderer,
+        private IconFactory $iconFactory,
+        private UriBuilder $uriBuilder,
+        private ModuleProvider $moduleProvider,
+        private FlashMessageService $flashMessageService,
+        private ExtensionConfiguration $extensionConfiguration,
+        private BackendViewFactory $viewFactory,
+        private ComponentFactory $componentFactory,
+    ) {}
+
+    public function create(ServerRequestInterface $request): ModuleTemplate
+    {
+        return new ModuleTemplate(
+            $this->pageRenderer,
+            $this->iconFactory,
+            $this->uriBuilder,
+            $this->moduleProvider,
+            $this->flashMessageService,
+            $this->extensionConfiguration,
+            $this->viewFactory->create($request),
+            $this->componentFactory,
+            $request,
+        );
+    }
+}
diff --git a/Classes/Template/PageRendererBackendSetupTrait.php b/Classes/Template/PageRendererBackendSetupTrait.php
new file mode 100644
index 0000000..4f25d2d
--- /dev/null
+++ b/Classes/Template/PageRendererBackendSetupTrait.php
@@ -0,0 +1,127 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Template;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Core\Configuration\ExtensionConfiguration;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Package\PackageManager;
+use TYPO3\CMS\Core\Page\PageRenderer;
+use TYPO3\CMS\Core\SystemResource\Exception\CanNotResolvePublicResourceException;
+use TYPO3\CMS\Core\SystemResource\Exception\CanNotResolveSystemResourceException;
+use TYPO3\CMS\Core\SystemResource\Exception\InvalidSystemResourceIdentifierException;
+use TYPO3\CMS\Core\SystemResource\Identifier\PackageResourceIdentifier;
+use TYPO3\CMS\Core\SystemResource\Identifier\SystemResourceIdentifierFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\PathUtility;
+
+/**
+ * This is an internal helper trait to DRY basic PageRenderer backend
+ * setup code in the backend. It configures the PageRenderer for general
+ * backend use (charset, favicon, ...).
+ * Most prominent use is ModuleTemplate - The View used to render backend
+ * modules that have doc headers. It's also used in controllers that render
+ * backend things that have no doc header: For instance the login, the main
+ * frame and link handlers - the iframes within modals.
+ * The PageRenderer in general is more on the "maybe we can get rid of it soon"
+ * side. This trait exists to simplify a possible refactoring. In general,
+ * controllers should strive to do as little PageRenderer calls as possible and
+ * move existing calls to templates using f:be.pageRenderer ViewHelper. This
+ * will simplify substituting PageRenderer with a slim dedicated backend solution.
+ *
+ * @internal helper. Do not use in extensions.
+ */
+trait PageRendererBackendSetupTrait
+{
+    /**
+     * Sets mandatory parameters for the PageRenderer.
+     */
+    protected function setUpBasicPageRendererForBackend(
+        PageRenderer $pageRenderer,
+        ExtensionConfiguration $extensionConfiguration,
+        ServerRequestInterface $request,
+        LanguageService $languageService,
+    ): void {
+        $pageRenderer->setLanguage($languageService->getLocale(), $request);
+        $pageRenderer->setMetaTag('name', 'viewport', 'width=device-width, initial-scale=1');
+        $pageRenderer->setFavIcon($this->getBackendFavicon($extensionConfiguration, $request));
+        $nonce = $request->getAttribute('nonce');
+        if ($nonce !== null) {
+            $pageRenderer->setNonce($nonce);
+            $pageRenderer->setApplyNonceHint(true);
+        }
+        $this->loadStylesheets($pageRenderer);
+    }
+
+    /**
+     * Load all registered stylesheets from $GLOBALS['TYPO3_CONF_VARS']['BE']['stylesheets']
+     */
+    protected function loadStylesheets(PageRenderer $pageRenderer): void
+    {
+        // @todo this needs to be replaced with usage of the yet to be created
+        //       System Resource API that can handle folders
+        //       This will then remove the need to use internal SystemResourceIdentifierFactory here
+        $packageManager = GeneralUtility::makeInstance(PackageManager::class);
+        $identifierFactory = new SystemResourceIdentifierFactory($packageManager);
+        foreach ($GLOBALS['TYPO3_CONF_VARS']['BE']['stylesheets'] ?? [] as $potentialResourceIdentifier) {
+            try {
+                $resourceIdentifier = $identifierFactory->create($potentialResourceIdentifier);
+            } catch (InvalidSystemResourceIdentifierException) {
+                continue;
+            }
+            if (!$resourceIdentifier instanceof PackageResourceIdentifier) {
+                continue;
+            }
+            $package = $resourceIdentifier->getPackage();
+            $relativePath = $resourceIdentifier->getRelativePath();
+            $absolutePath = $package->getPackagePath() . $relativePath;
+            if (is_dir($absolutePath)) {
+                // Path like 'PKG:vendor/my-extension:Resources/Public/Css/Backend'
+                foreach (GeneralUtility::getFilesInDir($absolutePath, 'css') as $cssFile) {
+                    $pageRenderer->addCssFile((string)$resourceIdentifier->withRelativePath(rtrim($relativePath, '/') . '/' . $cssFile));
+                }
+            } elseif (file_exists($absolutePath)) {
+                // A single file 'PKG:my_extension:Resources/Public/Css/Backend/main.css' or just a single file
+                $pageRenderer->addCssFile((string)$resourceIdentifier);
+            }
+        }
+    }
+
+    /**
+     * Retrieves configured favicon for backend with fallback.
+     */
+    protected function getBackendFavicon(ExtensionConfiguration $extensionConfiguration, ServerRequestInterface $request): string
+    {
+        $backendFavicon = $extensionConfiguration->get('backend', 'backendFavicon');
+        if (!empty($backendFavicon)) {
+            return $this->getUriForFileName($request, $backendFavicon);
+        }
+        return $this->getUriForFileName($request, 'EXT:backend/Resources/Public/Icons/favicon.ico');
+    }
+
+    /**
+     * Returns the uri for a system resource
+     *
+     * @throws CanNotResolvePublicResourceException
+     * @throws CanNotResolveSystemResourceException
+     */
+    protected function getUriForFileName(ServerRequestInterface $request, string $resourceIdentifier): string
+    {
+        return (string)PathUtility::getSystemResourceUri($resourceIdentifier, $request);
+    }
+}
diff --git a/Classes/Toolbar/InformationStatus.php b/Classes/Toolbar/InformationStatus.php
new file mode 100644
index 0000000..f47f7d1
--- /dev/null
+++ b/Classes/Toolbar/InformationStatus.php
@@ -0,0 +1,49 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Toolbar;
+
+/**
+ * Enum with the severities of the SystemInformation toolbar menu
+ */
+enum InformationStatus: string
+{
+    case NOTICE = '';
+    case INFO = 'info';
+    case OK = 'success';
+    case WARNING = 'warning';
+    case ERROR = 'danger';
+
+    /**
+     * Check if the given status is greater than this status instance
+     */
+    public function isGreaterThan(InformationStatus $status): bool
+    {
+        return $this->getOrderRepresentation($this) > $this->getOrderRepresentation($status);
+    }
+
+    private function getOrderRepresentation(InformationStatus $status): int
+    {
+        return match ($status) {
+            self::NOTICE => -2,
+            self::INFO => -1,
+            self::OK => 0,
+            self::WARNING => 1,
+            self::ERROR => 2,
+        };
+    }
+}
diff --git a/Classes/Toolbar/RequestAwareToolbarItemInterface.php b/Classes/Toolbar/RequestAwareToolbarItemInterface.php
new file mode 100644
index 0000000..0110894
--- /dev/null
+++ b/Classes/Toolbar/RequestAwareToolbarItemInterface.php
@@ -0,0 +1,29 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Toolbar;
+
+use Psr\Http\Message\ServerRequestInterface;
+
+/**
+ * Interface for toolbar items that need the ServerRequestInterface Request.
+ * The setter is called immediately after class instantiation.
+ * Useful for toolbar items that depend on a request, for instance when dealing
+ * with views based on BackendViewFactory.
+ */
+interface RequestAwareToolbarItemInterface
+{
+    public function setRequest(ServerRequestInterface $request): void;
+}
diff --git a/Classes/Toolbar/ToolbarItemInterface.php b/Classes/Toolbar/ToolbarItemInterface.php
new file mode 100644
index 0000000..5b0bc27
--- /dev/null
+++ b/Classes/Toolbar/ToolbarItemInterface.php
@@ -0,0 +1,77 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Toolbar;
+
+/**
+ * Interface for classes which extend the backend by adding items to the top toolbar
+ */
+interface ToolbarItemInterface
+{
+    /**
+     * Checks whether the user has access to this toolbar item
+     * @TODO: Split into two methods a permission method and a "hasContent" or similar
+     *
+     * @return bool TRUE if user has access, FALSE if not
+     */
+    public function checkAccess();
+
+    /**
+     * Render "item" part of this toolbar
+     *
+     * @return string Toolbar item HTML
+     */
+    public function getItem();
+
+    /**
+     * TRUE if this toolbar item has a collapsible drop down
+     *
+     * @return bool
+     */
+    public function hasDropDown();
+
+    /**
+     * Render "drop down" part of this toolbar
+     *
+     * @return string Drop down HTML
+     */
+    public function getDropDown();
+
+    /**
+     * Returns an array with additional attributes added to containing <li> tag of the item.
+     *
+     * Typical usages are additional css classes and data-* attributes, classes may be merged
+     * with other classes needed by the framework. Do NOT set an id attribute here.
+     *
+     * array(
+     *     'class' => 'my-class',
+     *     'data-foo' => '42',
+     * )
+     *
+     * @return array List item HTML attributes
+     */
+    public function getAdditionalAttributes();
+
+    /**
+     * Returns an integer between 0 and 100 to determine
+     * the position of this item relative to others
+     *
+     * By default, extensions should return 50 to be sorted between main core
+     * items and other items that should be on the very right.
+     *
+     * @return int 0 .. 100
+     */
+    public function getIndex();
+}
diff --git a/Classes/Toolbar/ToolbarItemsRegistry.php b/Classes/Toolbar/ToolbarItemsRegistry.php
new file mode 100644
index 0000000..a9dddf7
--- /dev/null
+++ b/Classes/Toolbar/ToolbarItemsRegistry.php
@@ -0,0 +1,58 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Toolbar;
+
+/**
+ * Registry class for toolbar items
+ * @internal
+ */
+class ToolbarItemsRegistry
+{
+    protected array $toolbarItems = [];
+
+    public function __construct(iterable $toolbarItems)
+    {
+        foreach ($toolbarItems as $toolbarItem) {
+            if ($toolbarItem instanceof ToolbarItemInterface) {
+                $index = (int)$toolbarItem->getIndex();
+                if ($index < 0 || $index > 100) {
+                    throw new \RuntimeException(
+                        'getIndex() must return an integer between 0 and 100',
+                        1415968498
+                    );
+                }
+                // Find next free position in array
+                while (isset($this->toolbarItems[$index])) {
+                    $index++;
+                }
+                $this->toolbarItems[$index] = $toolbarItem;
+            }
+        }
+        ksort($this->toolbarItems);
+    }
+
+    /**
+     * Get all registered toolbarItems
+     *
+     * @return ToolbarItemInterface[]
+     */
+    public function getToolbarItems(): array
+    {
+        return $this->toolbarItems;
+    }
+}
diff --git a/Classes/Tree/AbstractTree.php b/Classes/Tree/AbstractTree.php
new file mode 100644
index 0000000..c740e8f
--- /dev/null
+++ b/Classes/Tree/AbstractTree.php
@@ -0,0 +1,71 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree;
+
+use TYPO3\CMS\Backend\Tree\Renderer\AbstractTreeRenderer;
+
+/**
+ * Abstract Tree
+ */
+abstract class AbstractTree
+{
+    /**
+     * Data Provider
+     *
+     * @var \TYPO3\CMS\Backend\Tree\AbstractTreeDataProvider
+     */
+    protected $dataProvider;
+
+    /**
+     * Tree Node Decorator
+     *
+     * @var \TYPO3\CMS\Backend\Tree\Renderer\AbstractTreeRenderer
+     */
+    protected $nodeRenderer;
+
+    public function setDataProvider(AbstractTreeDataProvider $dataProvider)
+    {
+        $this->dataProvider = $dataProvider;
+    }
+
+    /**
+     * @return \TYPO3\CMS\Backend\Tree\AbstractTreeDataProvider
+     */
+    public function getDataProvider()
+    {
+        return $this->dataProvider;
+    }
+
+    public function setNodeRenderer(AbstractTreeRenderer $nodeRenderer)
+    {
+        $this->nodeRenderer = $nodeRenderer;
+    }
+
+    /**
+     * @return \TYPO3\CMS\Backend\Tree\Renderer\AbstractTreeRenderer
+     */
+    public function getNodeRenderer()
+    {
+        return $this->nodeRenderer;
+    }
+
+    /**
+     * Returns the root node
+     *
+     * @return \TYPO3\CMS\Backend\Tree\TreeNode
+     */
+    abstract public function getRoot();
+}
diff --git a/Classes/Tree/AbstractTreeDataProvider.php b/Classes/Tree/AbstractTreeDataProvider.php
new file mode 100644
index 0000000..23fd8b4
--- /dev/null
+++ b/Classes/Tree/AbstractTreeDataProvider.php
@@ -0,0 +1,36 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree;
+
+/**
+ * Abstract Tree Data Provider
+ */
+abstract class AbstractTreeDataProvider
+{
+    /**
+     * Root Node
+     *
+     * @var TreeNode
+     */
+    protected $rootNode;
+
+    /**
+     * Returns the root node
+     *
+     * @return TreeNode
+     */
+    abstract public function getRoot();
+}
diff --git a/Classes/Tree/ComparableNodeInterface.php b/Classes/Tree/ComparableNodeInterface.php
new file mode 100644
index 0000000..8c49021
--- /dev/null
+++ b/Classes/Tree/ComparableNodeInterface.php
@@ -0,0 +1,46 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree;
+
+/**
+ * Interface that defines the comparison of nodes
+ */
+interface ComparableNodeInterface
+{
+    /**
+     * Compare Node against another one
+     *
+     * Returns:
+     * 1 if the current node is greater than the $other,
+     * -1 if $other is greater than the current node and
+     * 0 if the nodes are equal
+     *
+     * <strong>Example</strong>
+     * <pre>
+     * if ($this->sortValue > $other->sortValue) {
+     * return 1;
+     * } elseif ($this->sortValue < $other->sortValue) {
+     * return -1;
+     * } else {
+     * return 0;
+     * }
+     * </pre>
+     *
+     * @param \TYPO3\CMS\Backend\Tree\TreeNode $other
+     * @return int see description
+     */
+    public function compareTo($other);
+}
diff --git a/Classes/Tree/FileStorageTreeProvider.php b/Classes/Tree/FileStorageTreeProvider.php
new file mode 100644
index 0000000..ea9fd0e
--- /dev/null
+++ b/Classes/Tree/FileStorageTreeProvider.php
@@ -0,0 +1,238 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree;
+
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Resource\Driver\DriverInterface;
+use TYPO3\CMS\Core\Resource\Exception\InsufficientFolderAccessPermissionsException;
+use TYPO3\CMS\Core\Resource\Exception\InsufficientFolderReadPermissionsException;
+use TYPO3\CMS\Core\Resource\Folder;
+use TYPO3\CMS\Core\Resource\FolderInterface;
+use TYPO3\CMS\Core\Resource\InaccessibleFolder;
+use TYPO3\CMS\Core\Resource\ResourceStorage;
+use TYPO3\CMS\Core\Resource\Utility\ListUtility;
+
+/**
+ * Responsible for fetching a tree-structure of folders.
+ *
+ * @internal not part of TYPO3 Core API due to the specific use case for the FileStorageTree component.
+ */
+readonly class FileStorageTreeProvider
+{
+    public function prepareFolderInformation(Folder $folder, ?string $alternativeName = null, ?Folder $parentFolder = null, ?array $children = null): array
+    {
+        $name = $alternativeName ?? $folder->getName();
+        $storage = $folder->getStorage();
+        try {
+            $parentFolder = $parentFolder ?? $folder->getParentFolder();
+        } catch (InsufficientFolderAccessPermissionsException) {
+            $parentFolder = null;
+        }
+        if (str_contains($folder->getRole(), FolderInterface::ROLE_MOUNT)) {
+            $tableName = 'sys_filemount';
+            $isStorage = true;
+        } elseif ($parentFolder === null || $folder->getIdentifier() === $storage->getRootLevelFolder()->getIdentifier()) {
+            $tableName = 'sys_file_storage';
+            $isStorage = true;
+        } else {
+            $tableName = 'sys_file';
+            $isStorage = false;
+        }
+
+        try {
+            $hasSubfolders = $storage->isBrowsable() && (is_array($children) ? $children !== [] : !empty($folder->getSubfolders()));
+        } catch (\InvalidArgumentException|InsufficientFolderReadPermissionsException) {
+            $hasSubfolders = false;
+        }
+
+        return [
+            'resource' => $folder,
+            'identifier' => rawurlencode($folder->getCombinedIdentifier()),
+            'name' => $name,
+            'storage' => $storage->getUid(),
+            'pathIdentifier' => rawurlencode($folder->getIdentifier()),
+            'hasChildren' => $hasSubfolders,
+            'parentIdentifier' => !$isStorage ? rawurlencode($parentFolder->getCombinedIdentifier()) : null,
+            'recordType' => $tableName,
+        ];
+    }
+
+    /**
+     * Fetch all file storages / file mounts visible for a user.
+     */
+    public function getRootNodes(BackendUserAuthentication $user): array
+    {
+        $items = [];
+        $storages = $user->getFileStorages();
+        foreach ($storages as $storageObject) {
+            $items = array_merge($items, $this->getFoldersInStorage($storageObject, $user));
+        }
+        return $items;
+    }
+
+    /**
+     * Fetch all folders recursively in a single store.
+     */
+    protected function getFoldersInStorage(ResourceStorage $resourceStorage, BackendUserAuthentication $user): array
+    {
+        $rootLevelFolders = $this->getMountsInStorage($resourceStorage, $user);
+        $items = [];
+        foreach ($rootLevelFolders as $rootLevelFolderInfo) {
+            /** @var Folder $rootLevelFolder */
+            $rootLevelFolder = $rootLevelFolderInfo['folder'];
+            $item = $this->prepareFolderInformation($rootLevelFolder, $rootLevelFolderInfo['name']);
+            $item['depth'] = 0;
+            $item['expanded'] = true;
+            $item['loaded'] = true;
+            $items[] = $item;
+            if ($resourceStorage->isBrowsable()) {
+                // Handle sub folders if the mount is browsable.
+                $childItems = $this->getSubfolders($rootLevelFolder, 1);
+                array_push($items, ...$childItems);
+            }
+        }
+        return $items;
+    }
+
+    /**
+     * Filter a tree by a search word
+     *
+     * @return FolderInterface[]
+     * @throws \Exception
+     */
+    public function getFilteredTree(BackendUserAuthentication $user, string $search): array
+    {
+        $foundFolders = [];
+        $storages = $user->getFileStorages();
+        foreach ($storages as $resourceStorage) {
+            $processingFolders = $resourceStorage->getProcessingFolders();
+            $processingFolderIdentifiers = array_map(static function (Folder $folder): string {
+                return $folder->getIdentifier();
+            }, $processingFolders);
+            $resourceStorage->addFileAndFolderNameFilter(static function ($itemName, $itemIdentifier, $parentIdentifier, array $additionalInformation, DriverInterface $driver) use ($resourceStorage, $search, $processingFolderIdentifiers) {
+                // Skip items in processing folders
+                $isInProcessingFolder = array_filter($processingFolderIdentifiers, static function (string $processingFolderIdentifier) use ($parentIdentifier): bool {
+                    return stripos($parentIdentifier, $processingFolderIdentifier) !== false;
+                });
+                if (!empty($isInProcessingFolder)) {
+                    return -1;
+                }
+                if ($itemName instanceof Folder) {
+                    if ($resourceStorage->isProcessingFolder($itemName)) {
+                        return -1;
+                    }
+                    $name = $itemName->getName();
+                } elseif (is_string($itemName)) {
+                    $name = $itemName;
+                } else {
+                    return -1;
+                }
+                if (stripos($name, $search) !== false) {
+                    return true;
+                }
+                return -1;
+            });
+            try {
+                $files = $folders = [];
+                // Because $resourceStorage->getRootLevelFolder() does not return an actual root folder but
+                // the first file mount, we first need to check if we have file mounts and then fetch them one by one.
+                if (($fileMounts = $resourceStorage->getFileMounts()) !== []) {
+                    foreach ($fileMounts as $identifier => $configuration) {
+                        foreach ($resourceStorage->getFilesInFolder($resourceStorage->getFolder($identifier), 0, 0, true, true) as $file) {
+                            $files[] = $file;
+                        }
+                        foreach ($resourceStorage->getFolderIdentifiersInFolder($identifier, true, true) as $folder) {
+                            $folders[] = $folder;
+                        }
+                    }
+                } else {
+                    $files = $resourceStorage->getFilesInFolder($resourceStorage->getRootLevelFolder(), 0, 0, true, true);
+                    $folders = $resourceStorage->getFolderIdentifiersInFolder($resourceStorage->getRootLevelFolder()->getIdentifier(), true, true);
+                }
+                foreach ($files as $file) {
+                    $folder = $file->getParentFolder();
+                    $foundFolders[$folder->getCombinedIdentifier()] = $folder;
+                }
+                foreach ($folders as $folder) {
+                    $folderObj = $resourceStorage->getFolder($folder);
+                    $foundFolders[$folderObj->getCombinedIdentifier()] = $folderObj;
+                }
+            } catch (InsufficientFolderAccessPermissionsException $e) {
+                // do nothing
+            }
+            $resourceStorage->resetFileAndFolderNameFiltersToDefault();
+        }
+        return $foundFolders;
+    }
+
+    public function getSubfolders(Folder $folderObject, int $currentDepth): array
+    {
+        $items = [];
+        $subFolders = [];
+        if (!$folderObject instanceof InaccessibleFolder) {
+            $subFolders = $folderObject->getSubfolders();
+            $subFolders = ListUtility::resolveSpecialFolderNames($subFolders);
+            uksort($subFolders, strnatcasecmp(...));
+        }
+        foreach ($subFolders as $subFolderName => $subFolder) {
+            $subFolderName = (string)$subFolderName; // Enforce string cast in case $subFolderName contains numeric chars only
+            $children = [];
+            if (!($subFolder instanceof InaccessibleFolder)) {
+                // Get children to determine if that folder can be expanded again, 'hasChildren true' then renders expand triangle
+                $children = $subFolder->getSubfolders();
+            }
+            $items[] = array_merge(
+                $this->prepareFolderInformation($subFolder, $subFolderName, $folderObject, $children),
+                [
+                    'depth' => $currentDepth,
+                    'expanded' => false,
+                    'loaded' => false,
+                ]
+            );
+        }
+        return $items;
+    }
+
+    /**
+     * Fetches all "root level folders" of a storage. If a user has file mounts in this storage, they are properly resolved.
+     *
+     * @return array|array[]
+     */
+    protected function getMountsInStorage(ResourceStorage $resourceStorage, BackendUserAuthentication $user): array
+    {
+        $fileMounts = $resourceStorage->getFileMounts();
+        if (!empty($fileMounts)) {
+            return array_map(static function (array $fileMountInfo): array {
+                return [
+                    'folder' => $fileMountInfo['folder'],
+                    'name' => $fileMountInfo['title'],
+                ];
+            }, $fileMounts);
+        }
+
+        if ($user->isAdmin()) {
+            return [
+                [
+                    'folder' => $resourceStorage->getRootLevelFolder(),
+                    'name' => $resourceStorage->getName(),
+                ],
+            ];
+        }
+        return [];
+    }
+}
diff --git a/Classes/Tree/Renderer/AbstractTreeRenderer.php b/Classes/Tree/Renderer/AbstractTreeRenderer.php
new file mode 100644
index 0000000..affc123
--- /dev/null
+++ b/Classes/Tree/Renderer/AbstractTreeRenderer.php
@@ -0,0 +1,50 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree\Renderer;
+
+use TYPO3\CMS\Backend\Tree\AbstractTree;
+use TYPO3\CMS\Backend\Tree\TreeNodeCollection;
+use TYPO3\CMS\Backend\Tree\TreeRepresentationNode;
+
+/**
+ * Abstract Renderer
+ */
+abstract class AbstractTreeRenderer
+{
+    /**
+     * Renders a node recursive or just a single instance
+     *
+     * @param bool $recursive
+     * @return mixed
+     */
+    abstract public function renderNode(TreeRepresentationNode $node, $recursive = true);
+
+    /**
+     * Renders a node collection recursive or just a single instance
+     *
+     * @param bool $recursive
+     * @return mixed
+     */
+    abstract public function renderNodeCollection(TreeNodeCollection $collection, $recursive = true);
+
+    /**
+     * Renders a tree recursively or just a single instance
+     *
+     * @param bool $recursive
+     * @return mixed
+     */
+    abstract public function renderTree(AbstractTree $tree, $recursive = true);
+}
diff --git a/Classes/Tree/Renderer/UnorderedListTreeRenderer.php b/Classes/Tree/Renderer/UnorderedListTreeRenderer.php
new file mode 100644
index 0000000..e26a928
--- /dev/null
+++ b/Classes/Tree/Renderer/UnorderedListTreeRenderer.php
@@ -0,0 +1,85 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree\Renderer;
+
+use TYPO3\CMS\Backend\Tree\AbstractTree;
+use TYPO3\CMS\Backend\Tree\TreeNodeCollection;
+use TYPO3\CMS\Backend\Tree\TreeRepresentationNode;
+
+/**
+ * Renderer for unordered lists
+ */
+class UnorderedListTreeRenderer extends AbstractTreeRenderer
+{
+    /**
+     * recursion level
+     *
+     * @var int
+     */
+    protected $recursionLevel = 0;
+
+    /**
+     * Renders a node recursive or just a single instance
+     *
+     * @param bool $recursive
+     * @return string
+     */
+    public function renderNode(TreeRepresentationNode $node, $recursive = true)
+    {
+        $code = '<li><span class="' . htmlspecialchars($node->getIcon()) . '">&nbsp;</span>' . htmlspecialchars($node->getLabel());
+        if ($recursive && $node->hasChildNodes()) {
+            $this->recursionLevel++;
+            $code .= $this->renderNodeCollection($node->getChildNodes());
+            $this->recursionLevel--;
+        }
+        $code .= '</li>';
+        return $code;
+    }
+
+    /**
+     * Renders a node collection recursive or just a single instance
+     *
+     * @param bool $recursive
+     * @return string
+     */
+    public function renderTree(AbstractTree $tree, $recursive = true)
+    {
+        $this->recursionLevel = 0;
+        $code = '<ul class="level' . $this->recursionLevel . '" style="margin-left:10px">';
+        // @todo: this doc block is a hack, as it needs to be a TreeReprsentationNode
+        /** @var TreeRepresentationNode $rootNode */
+        $rootNode = $tree->getRoot();
+        $code .= $this->renderNode($rootNode, $recursive);
+        $code .= '</ul>';
+        return $code;
+    }
+
+    /**
+     * Renders a tree recursively or just a single instance
+     *
+     * @param bool $recursive
+     * @return string
+     */
+    public function renderNodeCollection(TreeNodeCollection $collection, $recursive = true)
+    {
+        $code = '<ul class="level' . $this->recursionLevel . '" style="margin-left:10px">';
+        foreach ($collection as $node) {
+            $code .= $this->renderNode($node, $recursive);
+        }
+        $code .= '</ul>';
+        return $code;
+    }
+}
diff --git a/Classes/Tree/Repository/AfterRawPageRowPreparedEvent.php b/Classes/Tree/Repository/AfterRawPageRowPreparedEvent.php
new file mode 100644
index 0000000..8403c6f
--- /dev/null
+++ b/Classes/Tree/Repository/AfterRawPageRowPreparedEvent.php
@@ -0,0 +1,45 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree\Repository;
+
+/**
+ * Listeners to this event will be able to modify a page with the special _children key,
+ * or completely change e.g. a title.
+ */
+final class AfterRawPageRowPreparedEvent
+{
+    public function __construct(
+        private array $rawPage,
+        private readonly int $workspaceId
+    ) {}
+
+    public function getRawPage(): array
+    {
+        return $this->rawPage;
+    }
+
+    public function setRawPage(array $rawPage): void
+    {
+        $this->rawPage = $rawPage;
+    }
+
+    public function getWorkspaceId(): int
+    {
+        return $this->workspaceId;
+    }
+}
diff --git a/Classes/Tree/Repository/BeforePageTreeIsFilteredEvent.php b/Classes/Tree/Repository/BeforePageTreeIsFilteredEvent.php
new file mode 100644
index 0000000..ffc42b8
--- /dev/null
+++ b/Classes/Tree/Repository/BeforePageTreeIsFilteredEvent.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree\Repository;
+
+use TYPO3\CMS\Core\Database\Query\Expression\CompositeExpression;
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+
+/**
+ * Listeners to this event will be able to modify the search parts, to be used to filter the page tree
+ */
+final class BeforePageTreeIsFilteredEvent
+{
+    public function __construct(
+        /** @param CompositeExpression $searchParts The search parts to be used for filtering */
+        public CompositeExpression $searchParts,
+        /** @param int[] $searchUids The UIDs to be used for filtering by a special search part, which is added by Core always after listener evaluation */
+        public array $searchUids,
+        /** @param string $searchPhrase The complete search phrase, as entered by the user */
+        public readonly string $searchPhrase,
+        /** @param QueryBuilder $queryBuilder This instance is provided for context and to simplify the creation of the search parts and must not be manipulated by listeners */
+        public readonly QueryBuilder $queryBuilder,
+    ) {}
+}
diff --git a/Classes/Tree/Repository/PageTreeFilter.php b/Classes/Tree/Repository/PageTreeFilter.php
new file mode 100644
index 0000000..e65c34b
--- /dev/null
+++ b/Classes/Tree/Repository/PageTreeFilter.php
@@ -0,0 +1,595 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree\Repository;
+
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use TYPO3\CMS\Backend\Controller\Event\AfterPageTreeItemsPreparedEvent;
+use TYPO3\CMS\Backend\Dto\Tree\Label\Label;
+use TYPO3\CMS\Core\Attribute\AsEventListener;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Cache\Frontend\FrontendInterface;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Routing\SiteUrlResolver;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+
+/**
+ * Page tree filter implementation providing search functionality for the backend page tree.
+ *
+ * This class implements page tree filtering through multiple event listeners that work together
+ * to provide comprehensive search capabilities including:
+ *
+ * - Numeric UID search (direct page ID lookup)
+ * - Wildcard text search in title/nav_title fields
+ * - Search by Frontend URI
+ * - Optional search in translated page titles
+ * - Visual labels indicating how pages were matched
+ *
+ * Overview
+ * ========
+ *
+ * The filtering process consists of two main phases:
+ *
+ * 1. Query Building Phase (BeforePageTreeIsFilteredEvent)
+ *    - addUidsFromSearchPhrase: Extracts numeric UIDs from search phrase
+ *    - addWildCardAliasFilter: Adds LIKE queries for title/nav_title
+ *    - addUidsFromSearchPhraseWithFrontendUri: Adds numeric UIDs from resolved frontend URIs
+ *    - addTranslatedPagesFilter: Queries translated pages (if enabled)
+ *
+ * 2. Label Attachment Phase (AfterPageTreeItemsPreparedEvent)
+ *    - attachSearchResultLabel: Adds "Search result" label to directly matched pages
+ *    - attachTranslationInfoLabel: Adds translation info labels
+ *
+ * Runtime Cache Usage
+ * ===================
+ *
+ * Two runtime caches are utilized to speed up matching.
+ *
+ * One for translation matches with the structure:
+ * [
+ *   pageUid => [languageUid1, languageUid2, ...]
+ * ]
+ *
+ * This allows the label attachment phase to know which translations matched,
+ * enabling informative labels like "Found in translation: German".
+ *
+ * The cache is populated during query building and consumed during label attachment.
+ * Cache key: 'pageTree_translationMatches'
+ *
+ * The other is for frontend URI matches with the structure:
+ * [
+ *   pageUid1 => true, pageUid2 => true, ...
+ * ]
+ *
+ * This allows a simple array_key_exists lookup. The cache key is 'pageTree_uriMatches'
+ * and also consumed for label attachment.
+ *
+ * User Configuration
+ * ==================
+ *
+ * Translation search can be controlled via:
+ * - TSConfig: options.pageTree.searchInTranslatedPages (default: true)
+ * - User Preference: pageTree_searchInTranslatedPages
+ *
+ * Language restrictions from user groups are respected automatically.
+ *
+ * URI search can be controlled via:
+ * - TSConfig: options.pageTree.searchByFrontendUri (default: true)
+ * - User Preference: pageTree_searchByFrontendUri
+ *
+ * @internal
+ */
+final readonly class PageTreeFilter
+{
+    /**
+     * Color for "Search result" labels on directly matched pages
+     */
+    private const string SEARCH_RESULT_LABEL_COLOR = '#F5A770';
+
+    /**
+     * Runtime cache identifier for storing translation match information
+     */
+    private const string CACHE_IDENTIFIER_TRANSLATION = 'pageTree_translationMatches';
+
+    /**
+     * Runtime cache identifier for storing URI match information
+     */
+    private const string CACHE_IDENTIFIER_URI = 'pageTree_uriMatches';
+
+    public function __construct(
+        private SiteFinder $siteFinder,
+        #[Autowire(service: 'cache.runtime')]
+        private FrontendInterface $runtimeCache,
+        private SiteUrlResolver $siteUrlResolver,
+        private ConnectionPool $connectionPool,
+    ) {}
+
+    /**
+     * Extracts numeric page UIDs from the search phrase and adds them to the query.
+     *
+     * When a user searches for "123", this method:
+     * 1. Extracts the UID (123) and adds it to event->searchUids
+     * 2. If translation search is enabled, checks if 123 is a translated page
+     * 3. If yes, also adds the l10n_parent UID to show the default language page
+     *
+     * Example: Searching for UID 456 where 456 is a German translation of page 123
+     * will result in page 123 being shown with a "Found in translation: German" label.
+     *
+     * Supports comma-separated UIDs: "123,456,789"
+     */
+    #[AsEventListener('page-tree-uid-provider')]
+    public function addUidsFromSearchPhrase(BeforePageTreeIsFilteredEvent $event): void
+    {
+        // Extract true integers from search string
+        $searchPhrases = GeneralUtility::trimExplode(',', $event->searchPhrase, true);
+        $numericUids = [];
+        foreach ($searchPhrases as $searchPhrase) {
+            if (MathUtility::canBeInterpretedAsInteger($searchPhrase) && $searchPhrase > 0) {
+                $uid = (int)$searchPhrase;
+                $event->searchUids[] = $uid;
+                $numericUids[] = $uid;
+            }
+        }
+
+        // Event listeners after this one may reset this array to clear unwanted UID restrictions.
+        $event->searchUids = array_unique($event->searchUids);
+
+        // Check if any numeric UIDs match translated pages and add their l10n_parent
+        if ($numericUids !== [] && $this->isTranslatedPagesSearchEnabled()) {
+            $queryBuilder = $this->createPreparedPagesQueryBuilder();
+            $whereConditions = [
+                $queryBuilder->expr()->in('uid', $queryBuilder->createNamedParameter($numericUids, Connection::PARAM_INT_ARRAY)),
+            ];
+            $translatedPages = $this->fetchTranslatedPages($queryBuilder, $whereConditions);
+            $this->processTranslatedPages($event, $translatedPages);
+        }
+    }
+
+    /**
+     * Adds wildcard search conditions for title and nav_title fields.
+     *
+     * Creates a LIKE query that searches in both the 'title' and
+     * 'nav_title' fields of default language pages.
+     *
+     * Example: Searching for "Home" will find pages with:
+     * - title = "Homepage"
+     * - nav_title = "Home Navigation"
+     */
+    #[AsEventListener(identifier: 'page-tree-wildcard-alias-filter', after: 'page-tree-uid-provider')]
+    public function addWildCardAliasFilter(BeforePageTreeIsFilteredEvent $event): void
+    {
+        $searchFilterWildcard = '%' . $event->queryBuilder->escapeLikeWildcards($event->searchPhrase) . '%';
+        $searchWhereAlias = $event->queryBuilder->expr()->or(
+            $event->queryBuilder->expr()->like(
+                'nav_title',
+                $event->queryBuilder->createNamedParameter($searchFilterWildcard)
+            ),
+            $event->queryBuilder->expr()->like(
+                'title',
+                $event->queryBuilder->createNamedParameter($searchFilterWildcard)
+            )
+        );
+        $event->searchParts = $event->searchParts->with($searchWhereAlias);
+    }
+
+    /**
+     * Searches in translated page titles if translation search is enabled.
+     *
+     * Performs a separate query to find translated pages (sys_language_uid > 0)
+     * whose `title` or `nav_title` matches the search phrase. When matches are found,
+     * the `l10n_parent` pages are added to search results with language information
+     * stored in runtime cache.
+     *
+     * This allows finding pages like:
+     * - Default page "Products" with German translation "Produkte"
+     * - Searching for "Produkte" shows "Products" with label "Found in translation: German"
+     *
+     * Respects:
+     * - User's language permissions (allowed_languages from user groups)
+     * - TSConfig setting options.pageTree.searchInTranslatedPages
+     * - User preference pageTree_searchInTranslatedPages
+     */
+    #[AsEventListener('page-tree-translated-pages-filter')]
+    public function addTranslatedPagesFilter(BeforePageTreeIsFilteredEvent $event): void
+    {
+        if (!$this->isTranslatedPagesSearchEnabled()) {
+            return;
+        }
+
+        $queryBuilder = $this->createPreparedPagesQueryBuilder();
+        $searchFilterWildcard = '%' . $event->queryBuilder->escapeLikeWildcards($event->searchPhrase) . '%';
+
+        $whereConditions = [
+            $queryBuilder->expr()->or(
+                $queryBuilder->expr()->like('title', $queryBuilder->createNamedParameter($searchFilterWildcard)),
+                $queryBuilder->expr()->like('nav_title', $queryBuilder->createNamedParameter($searchFilterWildcard))
+            ),
+        ];
+
+        $translatedPages = $this->fetchTranslatedPages($queryBuilder, $whereConditions);
+        $this->processTranslatedPages($event, $translatedPages);
+    }
+
+    /**
+     * Attaches "Search result" labels to pages that directly matched the search.
+     *
+     * A page "directly matched" if its language is 0 and:
+     * - Its UID equals the numeric search phrase
+     * - Its title or nav_title contains the search phrase (case-insensitive)
+     *
+     * Pages that matched via translations do NOT get this label - they
+     * get the translation info label instead.
+     */
+    #[AsEventListener('page-tree-add-search-result-label')]
+    public function attachSearchResultLabel(AfterPageTreeItemsPreparedEvent $event): void
+    {
+        $searchPhrase = $event->getRequest()->getQueryParams()['q'] ?? '';
+        if (trim($searchPhrase) === '') {
+            return;
+        }
+
+        $label = $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:pageTree.searchResult') ?: 'Search result';
+        $items = $event->getItems();
+        $searchPhraseLower = mb_strtolower($searchPhrase);
+
+        $uriMatches = $this->runtimeCache->get(self::CACHE_IDENTIFIER_URI) ?: [];
+
+        foreach ($items as &$item) {
+            $page = $item['_page'] ?? [];
+            if (!is_array($page)) {
+                continue;
+            }
+
+            $matchedDirectly = false;
+
+            // Check if search phrase is numeric and matches the page UID
+            if (MathUtility::canBeInterpretedAsInteger($searchPhrase) && (int)$searchPhrase === (int)($page['uid'] ?? 0)) {
+                $matchedDirectly = true;
+            }
+
+            // Check if page title or nav_title contains the search phrase
+            if (!$matchedDirectly) {
+                $title = mb_strtolower((string)($page['title'] ?? ''));
+                $navTitle = mb_strtolower((string)($page['nav_title'] ?? ''));
+
+                if (str_contains($title, $searchPhraseLower) || str_contains($navTitle, $searchPhraseLower)) {
+                    $matchedDirectly = true;
+                }
+            }
+
+            if (!isset($item['labels'])) {
+                $item['labels'] = [];
+            }
+
+            if ($matchedDirectly) {
+                $item['labels'][] = new Label(
+                    label: $label,
+                    color: self::SEARCH_RESULT_LABEL_COLOR,
+                    inheritByChildren: false,
+                );
+            }
+
+            // Through the populated uriMatches runtime cache, we check if the current item
+            // was matched by its frontend URI
+            if (array_key_exists($page['uid'], $uriMatches)) {
+                $label = $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:pageTree.found_in_frontend_uri') ?: $label;
+                $item['labels'][] = new Label(
+                    label: $label,
+                    color: self::SEARCH_RESULT_LABEL_COLOR,
+                    inheritByChildren: false,
+                );
+
+                // Also attach a label to indicate a translated URI
+                if ($uriMatches[$page['uid']]['languageUid'] !== 0) {
+                    if ($uriMatches[$page['uid']]['languageName'] === '') {
+                        $label = $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:pageTree.found_translation') ?: 'Found translation';
+                    } else {
+                        $label = sprintf(
+                            $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:pageTree.found_in_translation') ?: 'Found in translation: %s',
+                            $uriMatches[$page['uid']]['languageName']
+                        );
+                    }
+                    $item['labels'][] = new Label(
+                        label: $label,
+                        color: self::SEARCH_RESULT_LABEL_COLOR,
+                        inheritByChildren: false,
+                    );
+                }
+            }
+        }
+        unset($item);
+        $event->setItems($items);
+    }
+
+    /**
+     * Attaches translation info labels to pages found via translated uid / content.
+     *
+     * Reads translation match information from runtime cache (populated during
+     * the query building phase) and creates informative labels:
+     *
+     * - Single translation: "Found in translation: German"
+     * - Multiple translations: "Found in multiple translations"
+     *
+     * The language name is resolved from the site configuration when possible.
+     *
+     * Priority: 1 (shown before regular search result labels)
+     */
+    #[AsEventListener('page-tree-add-translation-status')]
+    public function attachTranslationInfoLabel(AfterPageTreeItemsPreparedEvent $event): void
+    {
+        $searchPhrase = $event->getRequest()->getQueryParams()['q'] ?? '';
+        if (trim($searchPhrase) === '') {
+            return;
+        }
+
+        $items = $event->getItems();
+        foreach ($items as &$item) {
+            $translationLanguageUids = $item['_translationLanguageUids'] ?? [];
+
+            if (empty($translationLanguageUids)) {
+                continue;
+            }
+
+            $page = $item['_page'] ?? [];
+            if (!is_array($page) || !isset($page['uid'])) {
+                continue;
+            }
+
+            $pageUid = (int)$page['uid'];
+
+            // Determine label based on number of translations found
+            $translationCount = count($translationLanguageUids);
+            if ($translationCount === 1) {
+                // Single translation - show language name
+                $languageTag = $translationLanguageUids[0];
+                $languageName = $this->getLanguageName($pageUid, $languageTag);
+                if ($languageName === '') {
+                    $label = $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:pageTree.found_translation') ?: 'Found translation';
+                } else {
+                    $label = sprintf(
+                        $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:pageTree.found_in_translation') ?: 'Found in translation: %s',
+                        $languageName
+                    );
+                }
+            } else {
+                // Multiple translations
+                $label = $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:pageTree.found_in_multiple_translations') ?: 'Found in multiple translations';
+            }
+
+            // Add a label to highlight pages found via translation
+            if (!isset($item['labels'])) {
+                $item['labels'] = [];
+            }
+            $item['labels'][] = new Label(
+                label: $label,
+                color: self::SEARCH_RESULT_LABEL_COLOR,
+                priority: 1,
+                inheritByChildren: false,
+            );
+        }
+        unset($item);
+        $event->setItems($items);
+    }
+
+    /**
+     * Find pages via their frontend URI
+     */
+    #[AsEventListener(identifier: 'page-tree-frontend-uri-provider', after: 'page-tree-uid-provider')]
+    public function addUidsFromSearchPhraseWithFrontendUri(BeforePageTreeIsFilteredEvent $event): void
+    {
+        if (!$this->isFrontendUriSearchEnabled()) {
+            return;
+        }
+        $uriMatches = $this->runtimeCache->get(self::CACHE_IDENTIFIER_URI) ?: [];
+
+        // Extract possible frontend URIs from search string
+        $searchPhrases = GeneralUtility::trimExplode(',', $event->searchPhrase, true);
+        foreach ($searchPhrases as $searchPhrase) {
+            if (str_starts_with($searchPhrase, 'http://') || str_starts_with($searchPhrase, 'https://')) {
+                // If a search pattern uses "http(s)://...." then a frontend URL will be resolved.
+                $resolvedPage = $this->siteUrlResolver->resolvePageUidAndLanguageBySiteUrl($searchPhrase);
+                if ($resolvedPage !== null) {
+                    $event->searchUids[] = $resolvedPage['uid'];
+                    $uriMatches[$resolvedPage['uid']] = $resolvedPage;
+                }
+            }
+        }
+
+        $this->runtimeCache->set(self::CACHE_IDENTIFIER_URI, $uriMatches);
+
+        // Event listeners after this one may reset this array to clear unwanted UID restrictions.
+        $event->searchUids = array_unique($event->searchUids);
+    }
+
+    private function createPreparedPagesQueryBuilder(): QueryBuilder
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('pages');
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class));
+
+        return $queryBuilder;
+    }
+
+    /**
+     * Fetches translated pages with common base conditions plus additional WHERE clauses.
+     *
+     * Applies standard conditions that all translation queries need:
+     * - sys_language_uid > 0 (only translated pages)
+     * - l10n_parent > 0 (must have a parent page)
+     * - Workspace conditions (respects current workspace)
+     * - Language restrictions (from user group permissions)
+     *
+     * @param array $additionalConditions Extra WHERE conditions (e.g., UID match or title LIKE)
+     */
+    private function fetchTranslatedPages(QueryBuilder $queryBuilder, array $additionalConditions): array
+    {
+        $allowedLanguages = $this->getAllowedLanguagesForCurrentUser();
+        $workspace = $this->getBackendUser()->workspace;
+
+        $workspaceCondition = $workspace === 0
+            ? $queryBuilder->expr()->eq('t3ver_wsid', $queryBuilder->createNamedParameter(0, Connection::PARAM_INT))
+            : $queryBuilder->expr()->in('t3ver_wsid', $queryBuilder->createNamedParameter([0, $workspace], Connection::PARAM_INT_ARRAY));
+
+        $whereConditions = [
+            $queryBuilder->expr()->gt('sys_language_uid', $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)),
+            $queryBuilder->expr()->gt('l10n_parent', $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)),
+            $workspaceCondition,
+            ...$additionalConditions,
+        ];
+
+        if ($allowedLanguages !== []) {
+            $whereConditions[] = $queryBuilder->expr()->in(
+                'sys_language_uid',
+                $queryBuilder->createNamedParameter($allowedLanguages, Connection::PARAM_INT_ARRAY)
+            );
+        }
+
+        return $queryBuilder
+            ->select('l10n_parent', 'sys_language_uid')
+            ->from('pages')
+            ->where(...$whereConditions)
+            ->executeQuery()
+            ->fetchAllAssociative();
+    }
+
+    /**
+     * Processes translated page query results: adds parent UIDs and updates cache.
+     *
+     * For each translated page found:
+     * 1. Adds the l10n_parent UID to event->searchUids (avoiding duplicates)
+     * 2. Stores the language UID in runtime cache for later label attachment
+     *
+     * The runtime cache structure is:
+     * [pageUid => [languageUid1, languageUid2, ...]]
+     *
+     * @param array $translatedPages Query results with l10n_parent and sys_language_uid
+     */
+    private function processTranslatedPages(BeforePageTreeIsFilteredEvent $event, array $translatedPages): void
+    {
+        $translationMatches = $this->runtimeCache->get(self::CACHE_IDENTIFIER_TRANSLATION) ?: [];
+        $addedParents = [];
+
+        foreach ($translatedPages as $translatedPage) {
+            $l10nParent = (int)$translatedPage['l10n_parent'];
+            $languageTag = $translatedPage['language_tag'] ?? '';
+
+            // Add parent UID to search results (avoiding duplicates)
+            if (!isset($addedParents[$l10nParent])) {
+                $event->searchUids[] = $l10nParent;
+                $addedParents[$l10nParent] = true;
+            }
+
+            // Store translation match in runtime cache
+            if (!isset($translationMatches[$l10nParent])) {
+                $translationMatches[$l10nParent] = [];
+            }
+            if (!in_array($languageTag, $translationMatches[$l10nParent], true)) {
+                $translationMatches[$l10nParent][] = $languageTag;
+            }
+        }
+
+        $this->runtimeCache->set(self::CACHE_IDENTIFIER_TRANSLATION, $translationMatches);
+    }
+
+    private function getLanguageName(int $pageUid, string $languageTag): string
+    {
+        try {
+            $site = $this->siteFinder->getSiteByPageId($pageUid);
+            foreach ($site->getAllLanguages() as $language) {
+                if ($language->getLanguageTag() === $languageTag) {
+                    return $language->getTitle();
+                }
+            }
+            return $languageTag;
+        } catch (\Exception) {
+            return $languageTag;
+        }
+    }
+
+    /**
+     * Checks if translation search is enabled for the current user.
+     *
+     * Checks:
+     * - TSConfig options.pageTree.searchInTranslatedPages
+     * - User preference pageTree_searchInTranslatedPages
+     */
+    private function isTranslatedPagesSearchEnabled(): bool
+    {
+        $backendUser = $this->getBackendUser();
+
+        // If feature is disabled, always return false
+        $translationSearchAvailable = (bool)($backendUser->getTSConfig()['options.']['pageTree.']['searchInTranslatedPages'] ?? true);
+        if (!$translationSearchAvailable) {
+            return false;
+        }
+
+        // If feature is available, check user preference
+        if (isset($backendUser->uc['pageTree_searchInTranslatedPages'])) {
+            return (bool)$backendUser->uc['pageTree_searchInTranslatedPages'];
+        }
+
+        return true;
+    }
+
+    /**
+     * Checks if frontend URI search is enabled for the current user.
+     *
+     * Checks:
+     * - TSConfig options.pageTree.searchByFrontendUri
+     * - User preference pageTree_searchByFrontendUri
+     */
+    private function isFrontendUriSearchEnabled(): bool
+    {
+        $backendUser = $this->getBackendUser();
+
+        // If feature is disabled, always return false
+        $frontendUriSearchAvailable = (bool)($backendUser->getTSConfig()['options.']['pageTree.']['searchByFrontendUri'] ?? true);
+        if (!$frontendUriSearchAvailable) {
+            return false;
+        }
+
+        // If feature is available, check user preference
+        if (isset($backendUser->uc['pageTree_searchByFrontendUri'])) {
+            return (bool)$backendUser->uc['pageTree_searchByFrontendUri'];
+        }
+
+        return true;
+    }
+
+    private function getAllowedLanguagesForCurrentUser(): array
+    {
+        $allowedLanguages = trim($this->getBackendUser()->groupData['allowed_languages'] ?? '');
+        return $allowedLanguages !== '' ? GeneralUtility::intExplode(',', $allowedLanguages) : [];
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Tree/Repository/PageTreeRepository.php b/Classes/Tree/Repository/PageTreeRepository.php
new file mode 100644
index 0000000..54e7e45
--- /dev/null
+++ b/Classes/Tree/Repository/PageTreeRepository.php
@@ -0,0 +1,816 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree\Repository;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Cache\CacheManager;
+use TYPO3\CMS\Core\Cache\Frontend\FrontendInterface;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\QueryHelper;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\DataHandling\PlainDataResolver;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * Fetches ALL pages in the page tree, possibly overlaid with the workspace
+ * in a sorted way.
+ *
+ * This works agnostic of the Backend User, allows to be used in FE as well in the future.
+ *
+ * @internal this class is not public API yet, as it needs to be proven stable enough first.
+ */
+class PageTreeRepository
+{
+    /**
+     * Fields to be queried from the database
+     *
+     * @var string[]
+     */
+    protected readonly array $fields;
+
+    /**
+     * The fields array, quoted for repeated use in recursive pages queries, to avoid the need to newly
+     * quote the fields for each single query (which can get really expensive for a large amount of fields)
+     * @var string[]
+     */
+    protected readonly array $quotedFields;
+
+    /**
+     * The workspace ID to operate on
+     */
+    protected readonly int $currentWorkspace;
+
+    /**
+     * Full page tree when selected without permissions applied.
+     */
+    protected array $fullPageTree = [];
+
+    protected readonly array $additionalQueryRestrictions;
+
+    protected ?string $additionalWhereClause = null;
+
+    protected ?int $languageFilter = null;
+
+    protected string $defaultLanguageTag;
+
+    protected EventDispatcherInterface $eventDispatcher;
+
+    protected readonly FrontendInterface $runtimeCache;
+
+    /**
+     * @param int $workspaceId the workspace ID to be checked for.
+     * @param array $additionalFieldsToQuery an array with more fields that should be accessed.
+     * @param array $additionalQueryRestrictions an array with more restrictions to add
+     */
+    public function __construct(int $workspaceId = 0, array $additionalFieldsToQuery = [], array $additionalQueryRestrictions = [])
+    {
+        $this->defaultLanguageTag = \Local\Multilanguage\Service\DefaultLanguageTagService::getTag();
+        $this->currentWorkspace = $workspaceId;
+        $this->fields = array_merge([
+            'uid',
+            'pid',
+            'sorting',
+            'starttime',
+            'endtime',
+            'hidden',
+            'fe_group',
+            'title',
+            'nav_title',
+            'nav_hide',
+            'php_tree_stop',
+            'doktype',
+            'is_siteroot',
+            'module',
+            'extendToSubpages',
+            'content_from_pid',
+            't3ver_oid',
+            't3ver_wsid',
+            't3ver_state',
+            't3ver_stage',
+            'perms_userid',
+            'perms_user',
+            'perms_groupid',
+            'perms_group',
+            'perms_everybody',
+            'mount_pid',
+            'shortcut',
+            'shortcut_mode',
+            'mount_pid_ol',
+            'link',
+            'sys_language_uid',
+            'l10n_parent',
+            'language_tag',
+        ], $additionalFieldsToQuery);
+        $this->additionalQueryRestrictions = $additionalQueryRestrictions;
+
+        // @todo: use DI in the future
+        $this->eventDispatcher = GeneralUtility::makeInstance(EventDispatcherInterface::class);
+        $this->runtimeCache = GeneralUtility::makeInstance(CacheManager::class)->getCache('runtime');
+        $this->quotedFields = GeneralUtility::makeInstance(ConnectionPool::class)
+            ->getQueryBuilderForTable('pages')
+            ->quoteIdentifiersForSelect($this->fields);
+    }
+
+    public function setLanguageFilter(?int $languageUid): void
+    {
+        $this->languageFilter = $languageUid;
+    }
+
+    public function setAdditionalWhereClause(string $additionalWhereClause): void
+    {
+        $this->additionalWhereClause = $additionalWhereClause;
+    }
+
+    private function getLanguageCondition($queryBuilder): void
+    {
+        $queryBuilder->andWhere(
+            $queryBuilder->expr()->or(
+                $queryBuilder->expr()->eq('language_tag', $queryBuilder->createNamedParameter($this->defaultLanguageTag)),
+                $queryBuilder->expr()->or(
+                    $queryBuilder->expr()->eq('language_tag', $queryBuilder->createNamedParameter('')),
+                    $queryBuilder->expr()->isNull('language_tag')
+                )
+            )
+        );
+    }
+
+    /**
+     * Get translation language UIDs that matched for a specific page UID
+     *
+     * @return int[]
+     */
+    public function getTranslationMatches(int $pageUid): array
+    {
+        $translationMatches = $this->runtimeCache->get('pageTree_translationMatches') ?: [];
+        return $translationMatches[$pageUid] ?? [];
+    }
+
+    /**
+     * Main entry point for this repository, to fetch the tree data for a page.
+     * Basically the page record, plus all child pages and their child pages recursively, stored within "_children" item.
+     *
+     * @param int $entryPoint the page ID to fetch the tree for
+     * @param callable|null $callback a callback to be used to check for permissions and filter out pages not to be included.
+     */
+    public function getTree(
+        int $entryPoint,
+        ?callable $callback = null,
+        array $dbMounts = []
+    ): array {
+        $this->fetchAllPages($dbMounts);
+        if ($entryPoint === 0) {
+            $tree = $this->fullPageTree;
+        } else {
+            $tree = $this->findInPageTree($entryPoint, $this->fullPageTree);
+        }
+        if (!empty($tree) && $callback !== null) {
+            $this->applyCallbackToChildren($tree, $callback);
+        }
+        return $tree;
+    }
+
+    /**
+     * Removes items from a tree based on a callback, usually used for permission checks
+     */
+    protected function applyCallbackToChildren(array &$tree, callable $callback): void
+    {
+        if (!isset($tree['_children'])) {
+            return;
+        }
+        foreach ($tree['_children'] as $k => &$childPage) {
+            if (!$callback($childPage)) {
+                unset($tree['_children'][$k]);
+                continue;
+            }
+            $this->applyCallbackToChildren($childPage, $callback);
+        }
+    }
+
+    /**
+     * Get the page tree based on a given page record and a given depth
+     *
+     * @param array $pageTree The page record of the top level page you want to get the page tree of
+     * @param int $depth Number of levels to fetch
+     * @param ?array $entryPointIds entryPointIds to include (null in case no entry-points were provided)
+     * @return array An array with page records and their children
+     */
+    public function getTreeLevels(array $pageTree, int $depth, ?array $entryPointIds = null): array
+    {
+        $groupedAndSortedPagesByPid = [];
+        // the method was called without any entry-point information
+        if ($entryPointIds === null) {
+            $parentPageIds = [$pageTree['uid']];
+            // the method was called with entry-point information, that is not empty
+        } elseif ($entryPointIds !== []) {
+            $pageRecords = $this->getPageRecords($entryPointIds);
+            $groupedAndSortedPagesByPid[$pageTree['uid']] = $pageRecords;
+            $parentPageIds = $entryPointIds;
+        }
+        for ($i = 0; $i < $depth; $i++) {
+            // stop in case the initial or recursive query did not have any pages
+            if (empty($parentPageIds)) {
+                break;
+            }
+            $pageRecords = $this->getChildPageRecords($parentPageIds);
+            $groupedAndSortedPagesByPid = $this->groupAndSortPages($pageRecords, $groupedAndSortedPagesByPid);
+            $parentPageIds = array_column($pageRecords, 'uid');
+        }
+        $this->addChildrenToPage($pageTree, $groupedAndSortedPagesByPid);
+        return $pageTree;
+    }
+
+    /**
+     * Useful to get a list of pages, with a specific depth, e.g. to limit
+     * a query to another table to a list of page IDs.
+     *
+     * @param int[] $entryPointIds
+     */
+    public function getFlattenedPages(array $entryPointIds, int $depth): array
+    {
+        $allPageRecords = $this->getPageRecords($entryPointIds);
+        $parentPageIds = $entryPointIds;
+        for ($i = 0; $i < $depth; $i++) {
+            if (empty($parentPageIds)) {
+                break;
+            }
+            $pageRecords = $this->getChildPageRecords($parentPageIds);
+            $parentPageIds = array_column($pageRecords, 'uid');
+            $allPageRecords = array_merge($allPageRecords, $pageRecords);
+        }
+        return $allPageRecords;
+    }
+
+    protected function getChildPageRecords(array $parentPageIds): array
+    {
+        return $this->getPageRecords([], $parentPageIds);
+    }
+
+    /**
+     * Retrieve the page records based on the given page or parent page ids
+     */
+    protected function getPageRecords(array $pageIds = [], array $parentPageIds = []): array
+    {
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)
+            ->getQueryBuilderForTable('pages');
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->currentWorkspace));
+
+        if (!empty($this->additionalQueryRestrictions)) {
+            foreach ($this->additionalQueryRestrictions as $additionalQueryRestriction) {
+                $queryBuilder->getRestrictions()->add($additionalQueryRestriction);
+            }
+        }
+
+        $queryBuilder->getConcreteQueryBuilder()->select(...$this->quotedFields);
+        $queryBuilder
+            ->from('pages')
+            ->where('1=1');
+        $this->getLanguageCondition($queryBuilder);
+        $queryBuilder
+            // ensure deterministic sorting
+            ->orderBy('sorting', 'ASC')
+            ->addOrderBy('uid', 'ASC');
+
+        if (!empty($this->additionalWhereClause)) {
+            $queryBuilder->andWhere(
+                QueryHelper::stripLogicalOperatorPrefix($this->additionalWhereClause)
+            );
+        }
+
+        if (count($pageIds) > 0) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->in('uid', $queryBuilder->createNamedParameter($pageIds, Connection::PARAM_INT_ARRAY))
+            );
+        }
+
+        if (count($parentPageIds) > 0) {
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->in('pid', $queryBuilder->createNamedParameter($parentPageIds, Connection::PARAM_INT_ARRAY))
+            );
+        }
+
+        $pageRecords = $queryBuilder
+            ->executeQuery()
+            ->fetchAllAssociative();
+
+        // This is necessary to resolve all IDs in a workspace
+        if ($this->currentWorkspace !== 0 && !empty($pageRecords)) {
+            $livePageIds = [];
+            $movedPages = [];
+            foreach ($pageRecords as $pageRecord) {
+                $livePageIds[] = (int)$pageRecord['uid'];
+                if (VersionState::tryFrom($pageRecord['t3ver_state'] ?? 0) === VersionState::MOVE_POINTER) {
+                    $movedPages[$pageRecord['t3ver_oid']] = [
+                        'pid' => (int)$pageRecord['pid'],
+                        'sorting' => (int)$pageRecord['sorting'],
+                    ];
+                }
+            }
+
+            // Resolve placeholders of workspace versions
+            $resolver = GeneralUtility::makeInstance(
+                PlainDataResolver::class,
+                'pages',
+                $livePageIds
+            );
+            $resolver->setWorkspaceId($this->currentWorkspace);
+            $resolver->setKeepDeletePlaceholder(false);
+            $resolver->setKeepMovePlaceholder(false);
+            $resolver->setKeepLiveIds(false);
+            $recordIds = $resolver->get();
+
+            if (!empty($recordIds)) {
+                $queryBuilder->getRestrictions()->removeAll();
+                $queryBuilder->getConcreteQueryBuilder()->select(...$this->quotedFields);
+                $pageRecords = $queryBuilder
+                    ->from('pages')
+                    ->where(
+                        $queryBuilder->expr()->in('uid', $queryBuilder->createNamedParameter($recordIds, Connection::PARAM_INT_ARRAY))
+                    )
+                    // ensure deterministic sorting
+                    ->orderBy('sorting', 'ASC')
+                    ->addOrderBy('uid', 'ASC')
+                    ->executeQuery()
+                    ->fetchAllAssociative();
+
+                foreach ($pageRecords as &$pageRecord) {
+                    if (VersionState::tryFrom($pageRecord['t3ver_state'] ?? 0) === VersionState::MOVE_POINTER && !empty($movedPages[$pageRecord['t3ver_oid']])) {
+                        $pageRecord['uid'] = $pageRecord['t3ver_oid'];
+                        $pageRecord['sorting'] = (int)$movedPages[$pageRecord['t3ver_oid']]['sorting'];
+                        $pageRecord['pid'] = (int)$movedPages[$pageRecord['t3ver_oid']]['pid'];
+                    } elseif ((int)$pageRecord['t3ver_oid'] > 0) {
+                        $liveRecord = BackendUtility::getRecord('pages', $pageRecord['t3ver_oid']);
+                        $pageRecord['sorting'] = (int)$liveRecord['sorting'];
+                        $pageRecord['uid'] = (int)$liveRecord['uid'];
+                        $pageRecord['pid'] = (int)$liveRecord['pid'];
+                    }
+                }
+                unset($pageRecord);
+            } else {
+                $pageRecords = [];
+            }
+        }
+        foreach ($pageRecords as &$pageRecord) {
+            $pageRecord['uid'] = (int)$pageRecord['uid'];
+        }
+
+        return $pageRecords;
+    }
+
+    public function hasChildren(int $pid): bool
+    {
+        $pageRecords = $this->getChildPageRecords([$pid]);
+        return !empty($pageRecords);
+    }
+
+    /**
+     * Fetch all non-deleted pages, regardless of permissions (however, considers additionalQueryRestrictions and additionalWhereClause).
+     * That's why it's internal.
+     *
+     * @return array the full page tree of the whole installation
+     */
+    protected function fetchAllPages(array $dbMounts): array
+    {
+        if (!empty($this->fullPageTree)) {
+            return $this->fullPageTree;
+        }
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)
+            ->getQueryBuilderForTable('pages');
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->currentWorkspace));
+
+        if (!empty($this->additionalQueryRestrictions)) {
+            foreach ($this->additionalQueryRestrictions as $additionalQueryRestriction) {
+                $queryBuilder->getRestrictions()->add($additionalQueryRestriction);
+            }
+        }
+
+        $queryBuilder->getConcreteQueryBuilder()->select(...$this->quotedFields);
+        $query = $queryBuilder
+            ->from('pages')
+            ->where('1=1');
+        $this->getLanguageCondition($queryBuilder);
+
+        if (!empty($this->additionalWhereClause)) {
+            $queryBuilder->andWhere(
+                QueryHelper::stripLogicalOperatorPrefix($this->additionalWhereClause)
+            );
+        }
+
+        $pageRecords = $query->executeQuery()->fetchAllAssociative();
+
+        $ids = array_column($pageRecords, 'uid');
+        foreach ($dbMounts as $mount) {
+            $entryPointRootLine = BackendUtility::BEgetRootLine($mount, '', false, $this->fields);
+            foreach ($entryPointRootLine as $page) {
+                $pageId = (int)$page['uid'];
+                if (in_array($pageId, $ids) || $pageId === 0) {
+                    continue;
+                }
+                $pageRecords[] = $page;
+                $ids[] = $pageId;
+            }
+        }
+
+        $livePagePids = [];
+        $movedPages = [];
+        // This is necessary to resolve all IDs in a workspace
+        if ($this->currentWorkspace !== 0 && !empty($pageRecords)) {
+            $livePageIds = [];
+            foreach ($pageRecords as $pageRecord) {
+                $livePageIds[] = (int)$pageRecord['uid'];
+                $livePagePids[(int)$pageRecord['uid']] = (int)$pageRecord['pid'];
+                if (VersionState::tryFrom($pageRecord['t3ver_state'] ?? 0) === VersionState::MOVE_POINTER) {
+                    $movedPages[$pageRecord['t3ver_oid']] = [
+                        'pid' => (int)$pageRecord['pid'],
+                        'sorting' => (int)$pageRecord['sorting'],
+                    ];
+                }
+            }
+            // Resolve placeholders of workspace versions
+            $resolver = GeneralUtility::makeInstance(
+                PlainDataResolver::class,
+                'pages',
+                $livePageIds
+            );
+            $resolver->setWorkspaceId($this->currentWorkspace);
+            $resolver->setKeepDeletePlaceholder(false);
+            $resolver->setKeepMovePlaceholder(false);
+            $resolver->setKeepLiveIds(false);
+            $recordIds = $resolver->get();
+
+            $queryBuilder->getRestrictions()->removeAll();
+            $queryBuilder->getConcreteQueryBuilder()->select(...$this->quotedFields);
+            $pageRecords = $queryBuilder
+                ->from('pages')
+                ->where(
+                    $queryBuilder->expr()->in('uid', $recordIds)
+                )
+                ->executeQuery()
+                ->fetchAllAssociative();
+        }
+
+        // Now set up sorting, nesting (tree-structure) for all pages based on pid+sorting fields
+        $groupedAndSortedPagesByPid = [];
+        foreach ($pageRecords as $pageRecord) {
+            $parentPageId = (int)$pageRecord['pid'];
+            // In case this is a record from a workspace
+            // The uid+pid of the live-version record is fetched
+            // This is done in order to avoid fetching records again (e.g. via BackendUtility::workspaceOL()
+            if ((int)$pageRecord['t3ver_oid'] > 0) {
+                // When a move pointer is found, the pid+sorting of the versioned record should be used
+                if (VersionState::tryFrom($pageRecord['t3ver_state'] ?? 0) === VersionState::MOVE_POINTER && !empty($movedPages[$pageRecord['t3ver_oid']])) {
+                    $parentPageId = (int)$movedPages[$pageRecord['t3ver_oid']]['pid'];
+                    $pageRecord['sorting'] = (int)$movedPages[$pageRecord['t3ver_oid']]['sorting'];
+                } else {
+                    // Just a record in a workspace (not moved etc)
+                    $parentPageId = (int)($livePagePids[$pageRecord['t3ver_oid']] ?? $pageRecord['pid']);
+                }
+                // this is necessary so the links to the modules are still pointing to the live IDs
+                $pageRecord['uid'] = (int)$pageRecord['t3ver_oid'];
+                $pageRecord['pid'] = $parentPageId;
+            }
+
+            $sorting = (int)$pageRecord['sorting'];
+            while (isset($groupedAndSortedPagesByPid[$parentPageId][$sorting])) {
+                $sorting++;
+            }
+            $groupedAndSortedPagesByPid[$parentPageId][$sorting] = $pageRecord;
+        }
+
+        $this->fullPageTree = [
+            'uid' => 0,
+            'title' => $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?: 'TYPO3',
+        ];
+        $this->addChildrenToPage($this->fullPageTree, $groupedAndSortedPagesByPid);
+        return $this->fullPageTree;
+    }
+
+    /**
+     * Adds the property "_children" to a page record with the child pages
+     *
+     * @param array[] $groupedAndSortedPagesByPid
+     */
+    protected function addChildrenToPage(array &$page, array &$groupedAndSortedPagesByPid): void
+    {
+        $page['_children'] = $groupedAndSortedPagesByPid[(int)$page['uid']] ?? [];
+        ksort($page['_children']);
+
+        $event = $this->eventDispatcher->dispatch(new AfterRawPageRowPreparedEvent($page, $this->currentWorkspace));
+        $page = $event->getRawPage();
+        foreach ($page['_children'] as &$child) {
+            $this->addChildrenToPage($child, $groupedAndSortedPagesByPid);
+        }
+    }
+
+    /**
+     * Looking for a page by traversing the tree
+     *
+     * @param int $pageId the page ID to search for
+     * @param array $pages the page tree to look for the page
+     * @return array Array of the tree data, empty array if nothing was found
+     */
+    protected function findInPageTree(int $pageId, array $pages): array
+    {
+        foreach ($pages['_children'] as $childPage) {
+            if ((int)$childPage['uid'] === $pageId) {
+                return $childPage;
+            }
+            $result = $this->findInPageTree($pageId, $childPage);
+            if (!empty($result)) {
+                return $result;
+            }
+        }
+        return [];
+    }
+
+    /**
+     * Retrieve the page tree based on the given search filter
+     */
+    public function fetchFilteredTree(string $searchFilter, array $allowedMountPointPageIds, string $additionalWhereClause): array
+    {
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)
+            ->getQueryBuilderForTable('pages');
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class));
+
+        if (!empty($this->additionalQueryRestrictions)) {
+            foreach ($this->additionalQueryRestrictions as $additionalQueryRestriction) {
+                $queryBuilder->getRestrictions()->add($additionalQueryRestriction);
+            }
+        }
+
+        $expressionBuilder = $queryBuilder->expr();
+
+        if ($this->currentWorkspace === 0) {
+            // Only include records from live workspace
+            $workspaceIdExpression = $expressionBuilder->eq('t3ver_wsid', 0);
+        } else {
+            // Include live records PLUS records from the given workspace
+            $workspaceIdExpression = $expressionBuilder->in(
+                't3ver_wsid',
+                $queryBuilder->createNamedParameter([0, $this->currentWorkspace], Connection::PARAM_INT_ARRAY)
+            );
+        }
+
+        $queryBuilder->getConcreteQueryBuilder()->select(...$this->quotedFields);
+        $queryBuilder = $queryBuilder
+            ->from('pages')
+            ->where(
+                $workspaceIdExpression,
+                QueryHelper::stripLogicalOperatorPrefix($additionalWhereClause)
+            );
+        $this->getLanguageCondition($queryBuilder);
+
+        // Clear translation matches cache for new search
+        $this->runtimeCache->remove('pageTree_translationMatches');
+
+        // Allow to extend search parts and search uids
+        $event = $this->eventDispatcher->dispatch(
+            new BeforePageTreeIsFilteredEvent($expressionBuilder->or(), [], $searchFilter, $queryBuilder)
+        );
+        $searchParts = $event->searchParts;
+        $searchUids = $event->searchUids;
+
+        if (!empty($searchUids)) {
+            // Ensure that the LIVE id is also found
+            if ($this->currentWorkspace > 0) {
+                $uidConditions = [
+                    // Check for UID of live record
+                    $expressionBuilder->and(
+                        $expressionBuilder->in('uid', $queryBuilder->createNamedParameter($searchUids, Connection::PARAM_INT_ARRAY)),
+                        $expressionBuilder->eq('t3ver_wsid', 0),
+                    ),
+                    // Check for UID of live record in versioned record
+                    $expressionBuilder->and(
+                        $expressionBuilder->in('t3ver_oid', $queryBuilder->createNamedParameter($searchUids, Connection::PARAM_INT_ARRAY)),
+                        $expressionBuilder->eq('t3ver_wsid', $queryBuilder->createNamedParameter($this->currentWorkspace, Connection::PARAM_INT)),
+                    ),
+                ];
+                // Check for UID for new or moved versioned record (only if searchFilter is numeric)
+                if (MathUtility::canBeInterpretedAsInteger($searchFilter)) {
+                    $uidConditions[] = $expressionBuilder->and(
+                        $expressionBuilder->eq('uid', $queryBuilder->createNamedParameter((int)$searchFilter, Connection::PARAM_INT)),
+                        $expressionBuilder->eq('t3ver_oid', 0),
+                        $expressionBuilder->eq('t3ver_wsid', $queryBuilder->createNamedParameter($this->currentWorkspace, Connection::PARAM_INT)),
+                    );
+                }
+                $uidFilter = $expressionBuilder->or(...$uidConditions);
+            } else {
+                $uidFilter = $expressionBuilder->in('uid', $queryBuilder->createNamedParameter($searchUids, Connection::PARAM_INT_ARRAY));
+            }
+            $searchParts = $searchParts->with($uidFilter);
+        }
+
+        $queryBuilder->andWhere($searchParts);
+        $pageRecords = $queryBuilder
+            ->executeQuery()
+            ->fetchAllAssociative();
+
+        $livePagePids = [];
+        if ($this->currentWorkspace !== 0 && !empty($pageRecords)) {
+            $livePageIds = [];
+            foreach ($pageRecords as $pageRecord) {
+                $livePageIds[] = (int)$pageRecord['uid'];
+                $livePagePids[(int)$pageRecord['uid']] = (int)$pageRecord['pid'];
+                if ((int)$pageRecord['t3ver_oid'] > 0) {
+                    $livePagePids[(int)$pageRecord['t3ver_oid']] = (int)$pageRecord['pid'];
+                }
+                if (VersionState::tryFrom($pageRecord['t3ver_state'] ?? 0) === VersionState::MOVE_POINTER) {
+                    $movedPages[$pageRecord['t3ver_oid']] = [
+                        'pid' => (int)$pageRecord['pid'],
+                        'sorting' => (int)$pageRecord['sorting'],
+                    ];
+                }
+            }
+            // Resolve placeholders of workspace versions
+            $resolver = GeneralUtility::makeInstance(
+                PlainDataResolver::class,
+                'pages',
+                $livePageIds
+            );
+            $resolver->setWorkspaceId($this->currentWorkspace);
+            $resolver->setKeepDeletePlaceholder(false);
+            $resolver->setKeepMovePlaceholder(false);
+            $resolver->setKeepLiveIds(false);
+            $recordIds = $resolver->get();
+
+            $pageRecords = [];
+            if (!empty($recordIds)) {
+                $queryBuilder->getRestrictions()->removeAll();
+                $queryBuilder->getConcreteQueryBuilder()->select(...$this->quotedFields);
+                $queryBuilder
+                    ->from('pages')
+                    ->where(
+                        $queryBuilder->expr()->in('uid', $queryBuilder->createNamedParameter($recordIds, Connection::PARAM_INT_ARRAY))
+                    );
+                $queryBuilder->andWhere($searchParts);
+                $pageRecords = $queryBuilder
+                    ->executeQuery()
+                    ->fetchAllAssociative();
+            }
+        }
+
+        $pages = [];
+        foreach ($pageRecords as $pageRecord) {
+            // In case this is a record from a workspace
+            // The uid+pid of the live-version record is fetched
+            // This is done in order to avoid fetching records again (e.g. via BackendUtility::workspaceOL()
+            if ((int)$pageRecord['t3ver_oid'] > 0) {
+                // This probably should also remove the live version
+                $versionState = VersionState::tryFrom($pageRecord['t3ver_state'] ?? 0);
+                if ($versionState === VersionState::DELETE_PLACEHOLDER) {
+                    continue;
+                }
+                // When a move pointer is found, the pid+sorting of the versioned record be used
+                if ($versionState === VersionState::MOVE_POINTER && !empty($movedPages[$pageRecord['t3ver_oid']])) {
+                    $parentPageId = (int)$movedPages[$pageRecord['t3ver_oid']]['pid'];
+                    $pageRecord['sorting'] = (int)$movedPages[$pageRecord['t3ver_oid']]['sorting'];
+                } else {
+                    // Just a record in a workspace (not moved etc)
+                    $parentPageId = (int)$livePagePids[$pageRecord['t3ver_oid']];
+                }
+                // this is necessary so the links to the modules are still pointing to the live IDs
+                $pageRecord['uid'] = (int)$pageRecord['t3ver_oid'];
+                $pageRecord['pid'] = $parentPageId;
+            }
+            $pages[(int)$pageRecord['uid']] = $pageRecord;
+        }
+        unset($pageRecords);
+
+        $pages = $this->filterPagesOnMountPoints($pages, $allowedMountPointPageIds);
+
+        $groupedAndSortedPagesByPid = $this->groupAndSortPages($pages);
+
+        $this->fullPageTree = [
+            'uid' => 0,
+            'title' => $GLOBALS['TYPO3_CONF_VARS']['SYS']['sitename'] ?: 'TYPO3',
+        ];
+        $this->addChildrenToPage($this->fullPageTree, $groupedAndSortedPagesByPid);
+
+        return $this->fullPageTree;
+    }
+
+    /**
+     * Filter all records outside of the allowed mount points
+     */
+    protected function filterPagesOnMountPoints(array $pages, array $mountPoints): array
+    {
+        foreach ($pages as $key => $pageRecord) {
+            $rootline = BackendUtility::BEgetRootLine(
+                $pageRecord['uid'],
+                '',
+                $this->currentWorkspace !== 0,
+                $this->fields
+            );
+            $rootline = array_reverse($rootline);
+            if (!in_array(0, $mountPoints, true)) {
+                $isInsideMountPoints = false;
+                foreach ($rootline as $rootlineElement) {
+                    if (in_array((int)$rootlineElement['uid'], $mountPoints, true)) {
+                        $isInsideMountPoints = true;
+                        break;
+                    }
+                }
+                if (!$isInsideMountPoints) {
+                    unset($pages[$key]);
+                    //skip records outside of the allowed mount points
+                    continue;
+                }
+            }
+
+            $inFilteredRootline = false;
+            $amountOfRootlineElements = count($rootline);
+            for ($i = 0; $i < $amountOfRootlineElements; ++$i) {
+                $rootlineElement = $rootline[$i];
+                $rootlineElement['uid'] = (int)$rootlineElement['uid'];
+                $isInWebMount = false;
+                if ($rootlineElement['uid'] > 0) {
+                    $isInWebMount = (int)$this->getBackendUser()->isInWebMount($rootlineElement);
+                }
+
+                if (!$isInWebMount
+                    || ($rootlineElement['uid'] === (int)$mountPoints[0]
+                        && $rootlineElement['uid'] !== $isInWebMount)
+                ) {
+                    continue;
+                }
+                if ($this->getBackendUser()->isAdmin() || ($rootlineElement['uid'] === $isInWebMount && in_array($rootlineElement['uid'], $mountPoints, true))) {
+                    $inFilteredRootline = true;
+                }
+                if (!$inFilteredRootline) {
+                    continue;
+                }
+
+                if (!isset($pages[$rootlineElement['uid']])) {
+                    $pages[$rootlineElement['uid']] = $rootlineElement;
+                }
+            }
+        }
+        // Make sure the mountpoints show up in page tree even when parent pages are not accessible pages
+        foreach ($mountPoints as $mountPoint) {
+            if ($mountPoint !== 0) {
+                if (!array_key_exists($mountPoint, $pages)) {
+                    $pages[$mountPoint] = BackendUtility::getRecordWSOL('pages', $mountPoint);
+                    $pages[$mountPoint]['uid'] = (int)$pages[$mountPoint]['uid'];
+                }
+                $pages[$mountPoint]['pid'] = 0;
+            }
+        }
+
+        return $pages;
+    }
+
+    /**
+     * Group pages by parent page and sort pages based on sorting property
+     */
+    protected function groupAndSortPages(array $pages, array $groupedAndSortedPagesByPid = []): array
+    {
+        foreach ($pages as $pageRecord) {
+            $parentPageId = (int)$pageRecord['pid'];
+            $sorting = (int)$pageRecord['sorting'];
+            // If the page record was already added in another depth level, don't add it another time.
+            // This may happen, if entry points are intersecting each other (Entry point B is inside entry point A).
+            if (($groupedAndSortedPagesByPid[$parentPageId][$sorting]['uid'] ?? 0) === $pageRecord['uid']) {
+                continue;
+            }
+            while (isset($groupedAndSortedPagesByPid[$parentPageId][$sorting])) {
+                $sorting++;
+            }
+            $groupedAndSortedPagesByPid[$parentPageId][$sorting] = $pageRecord;
+        }
+
+        return $groupedAndSortedPagesByPid;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Tree/SortedTreeNodeCollection.php b/Classes/Tree/SortedTreeNodeCollection.php
new file mode 100644
index 0000000..20e7b77
--- /dev/null
+++ b/Classes/Tree/SortedTreeNodeCollection.php
@@ -0,0 +1,97 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree;
+
+/**
+ * Sorted Tree Node Collection
+ *
+ * Note: This collection works only with integers as offset keys and not
+ * with much datasets. You have been warned!
+ */
+class SortedTreeNodeCollection extends TreeNodeCollection
+{
+    /**
+     * Checks if a specific node is inside the collection
+     *
+     * @return bool
+     */
+    public function contains(TreeNode $node)
+    {
+        return $this->offsetOf($node) !== -1;
+    }
+
+    /**
+     * Returns the offset key of given node
+     *
+     * @return int
+     */
+    protected function offsetOf(TreeNode $node)
+    {
+        return $this->binarySearch($node, 0, $this->count() - 1);
+    }
+
+    /**
+     * Binary search that returns the offset of a given node
+     *
+     * @param int $start
+     * @param int $end
+     * @return int
+     */
+    protected function binarySearch(TreeNode $node, $start, $end)
+    {
+        if (!$start && $end - $start >= 2 || $end - $start > 2) {
+            $divider = (int)ceil(($end - $start) / 2);
+            if ($this->offsetGet($divider)->equals($node)) {
+                return $divider;
+            }
+            if ($this->offsetGet($divider)->compareTo($node) > 0) {
+                return $this->binarySearch($node, $start, $divider - 1);
+            }
+            return $this->binarySearch($node, $divider + 1, $end);
+        }
+        if ($this->offsetGet($start)->equals($node)) {
+            return $start;
+        }
+        if ($this->offsetGet($end)->equals($node)) {
+            return $end;
+        }
+        return -1;
+    }
+
+    /**
+     * Normalizes the array by reordering the keys
+     */
+    protected function normalize()
+    {
+        $nodes = [];
+        foreach ($this as $node) {
+            $nodes[] = $node;
+        }
+        $this->exchangeArray($nodes);
+    }
+
+    /**
+     * Adds a node to the internal list in a sorted approach
+     *
+     * @param TreeNode $node
+     */
+    public function append($node): void
+    {
+        parent::append($node);
+        $this->asort();
+        $this->normalize();
+    }
+}
diff --git a/Classes/Tree/TreeNode.php b/Classes/Tree/TreeNode.php
new file mode 100644
index 0000000..5e00a63
--- /dev/null
+++ b/Classes/Tree/TreeNode.php
@@ -0,0 +1,252 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree;
+
+use TYPO3\CMS\Core\Exception;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Tree Node
+ */
+class TreeNode implements ComparableNodeInterface
+{
+    /**
+     * Node Identifier
+     *
+     * @var string|int
+     */
+    protected $id = '';
+
+    /**
+     * Parent Node
+     *
+     * @var TreeNode|null
+     */
+    protected $parentNode;
+
+    /**
+     * Child Nodes
+     *
+     * @var TreeNodeCollection|null
+     */
+    protected $childNodes;
+
+    /**
+     * @internal This is part of the category tree performance hack.
+     */
+    protected array $additionalData = [];
+
+    /**
+     * Constructor
+     *
+     * You can move an initial data array to initialize the instance and further objects.
+     * This is useful for the deserialization.
+     *
+     * @param array $data
+     */
+    public function __construct(array $data = [])
+    {
+        if ($data !== []) {
+            $this->dataFromArray($data);
+        }
+    }
+
+    /**
+     * Sets the child nodes collection
+     */
+    public function setChildNodes(TreeNodeCollection $childNodes)
+    {
+        $this->childNodes = $childNodes;
+    }
+
+    /**
+     * Removes child nodes collection
+     */
+    public function removeChildNodes()
+    {
+        if ($this->childNodes !== null) {
+            $this->childNodes = null;
+        }
+    }
+
+    /**
+     * Returns child nodes collection
+     *
+     * @return TreeNodeCollection
+     */
+    public function getChildNodes()
+    {
+        return $this->childNodes;
+    }
+
+    /**
+     * Returns TRUE if the node has child nodes attached
+     *
+     * @return bool
+     */
+    public function hasChildNodes()
+    {
+        if ($this->childNodes !== null) {
+            return true;
+        }
+        return false;
+    }
+
+    /**
+     * Sets the identifier
+     *
+     * @param string|int $id
+     */
+    public function setId($id)
+    {
+        $this->id = $id;
+    }
+
+    /**
+     * Returns the identifier
+     *
+     * @return string|int
+     */
+    public function getId()
+    {
+        return $this->id;
+    }
+
+    /**
+     * Sets the parent node
+     *
+     * @param TreeNode|null $parentNode
+     */
+    public function setParentNode(?TreeNode $parentNode = null)
+    {
+        $this->parentNode = $parentNode;
+    }
+
+    /**
+     * Returns the parent node
+     *
+     * @return TreeNode
+     */
+    public function getParentNode()
+    {
+        return $this->parentNode;
+    }
+
+    /**
+     * Compares a node if it's identical to another node by the id property.
+     *
+     * @return bool
+     */
+    public function equals(TreeNode $other)
+    {
+        return $this->id == $other->getId();
+    }
+
+    /**
+     * Compares a node to another one.
+     *
+     * Returns:
+     * 1 if its greater than the other one
+     * -1 if its smaller than the other one
+     * 0 if its equal
+     *
+     * @param TreeNode $other
+     * @return int See description above
+     */
+    public function compareTo($other)
+    {
+        if ($this->equals($other)) {
+            return 0;
+        }
+        return $this->id > $other->getId() ? 1 : -1;
+    }
+
+    /**
+     * @internal This is part of the category tree performance hack
+     */
+    public function getAdditionalData(): array
+    {
+        return $this->additionalData;
+    }
+
+    /**
+     * Returns the node in an array representation that can be used for serialization
+     *
+     * @param bool $addChildNodes
+     * @return array
+     */
+    public function toArray($addChildNodes = true)
+    {
+        $arrayRepresentation = [
+            'serializeClassName' => static::class,
+            'id' => $this->id,
+        ];
+        if ($this->parentNode !== null) {
+            $arrayRepresentation['parentNode'] = $this->parentNode->toArray(false);
+        } else {
+            $arrayRepresentation['parentNode'] = '';
+        }
+        if ($this->hasChildNodes() && $addChildNodes) {
+            $arrayRepresentation['childNodes'] = $this->childNodes->toArray();
+        } else {
+            $arrayRepresentation['childNodes'] = '';
+        }
+        return $arrayRepresentation;
+    }
+
+    /**
+     * Sets data of the node by a given data array
+     *
+     * @param array $data
+     */
+    public function dataFromArray($data)
+    {
+        $this->setId($data['id'] ?? $data['uid']);
+        if (isset($data['parentNode']) && $data['parentNode'] !== '') {
+            /** @var TreeNode $parentNode */
+            $parentNode = GeneralUtility::makeInstance($data['parentNode']['serializeClassName'], $data['parentNode']);
+            $this->setParentNode($parentNode);
+        }
+        if (isset($data['childNodes']) && $data['childNodes'] !== '') {
+            /** @var TreeNodeCollection $childNodes */
+            $childNodes = GeneralUtility::makeInstance($data['childNodes']['serializeClassName'], $data['childNodes']);
+            $this->setChildNodes($childNodes);
+        }
+        // @todo: This is part of the category tree performance hack
+        $this->additionalData = $data;
+    }
+
+    /**
+     * Returns class state to be serialized.
+     */
+    public function __serialize(): array
+    {
+        return $this->toArray();
+    }
+
+    /**
+     * Fills the current node with the given serialized information
+     *
+     * @throws Exception if the deserialized object type is not identical to the current one
+     */
+    public function __unserialize(array $arrayRepresentation): void
+    {
+        if ($arrayRepresentation['serializeClassName'] !== static::class) {
+            throw new Exception('Deserialized object type is not identical!', 1294586646);
+        }
+        $this->dataFromArray($arrayRepresentation);
+    }
+}
diff --git a/Classes/Tree/TreeNodeCollection.php b/Classes/Tree/TreeNodeCollection.php
new file mode 100644
index 0000000..1b7d2cd
--- /dev/null
+++ b/Classes/Tree/TreeNodeCollection.php
@@ -0,0 +1,110 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree;
+
+use TYPO3\CMS\Core\Exception;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Tree Node Collection
+ */
+class TreeNodeCollection extends \ArrayObject
+{
+    /**
+     * You can move an initial data array to initialize the instance and further objects.
+     * This is useful for the deserialization.
+     *
+     * @param array $data
+     */
+    public function __construct(array $data = [])
+    {
+        parent::__construct();
+        if (!empty($data)) {
+            $this->dataFromArray($data);
+        }
+    }
+
+    /**
+     * Sorts the internal nodes array
+     *
+     * @param int $flags Optional parameter, ignored. Added to be compatible with asort method signature in PHP 8.
+     */
+    public function asort(int $flags = SORT_REGULAR): true
+    {
+        $this->uasort($this->nodeCompare(...));
+        return true;
+    }
+
+    /**
+     * Compares a node with another one
+     *
+     * @see \TYPO3\CMS\Backend\Tree\TreeNode::compareTo
+     * @internal
+     */
+    public function nodeCompare(TreeNode $node, TreeNode $otherNode): int
+    {
+        return $node->compareTo($otherNode);
+    }
+
+    /**
+     * Returns class state to be serialized.
+     */
+    public function __serialize(): array
+    {
+        return $this->toArray();
+    }
+
+    /**
+     * Fills the current node with the given serialized information
+     *
+     * @throws Exception if the deserialized object type is not identical to the current one
+     */
+    public function __unserialize($data): void
+    {
+        if ($data['serializeClassName'] !== static::class) {
+            throw new Exception('Deserialized object type is not identical!', 1294586647);
+        }
+        $this->dataFromArray($data);
+    }
+
+    /**
+     * Returns the collection in an array representation for e.g. serialization
+     */
+    public function toArray(): array
+    {
+        $arrayRepresentation = [
+            'serializeClassName' => static::class,
+        ];
+        $iterator = $this->getIterator();
+        while ($iterator->valid()) {
+            $arrayRepresentation[] = $iterator->current()->toArray();
+            $iterator->next();
+        }
+        return $arrayRepresentation;
+    }
+
+    /**
+     * Sets the data of the node collection by a given array
+     */
+    public function dataFromArray(array $data): void
+    {
+        unset($data['serializeClassName']);
+        foreach ($data as $index => $nodeArray) {
+            $node = GeneralUtility::makeInstance($nodeArray['serializeClassName'], $nodeArray);
+            $this->offsetSet($index, $node);
+        }
+    }
+}
diff --git a/Classes/Tree/TreeRepresentationNode.php b/Classes/Tree/TreeRepresentationNode.php
new file mode 100644
index 0000000..40c64dd
--- /dev/null
+++ b/Classes/Tree/TreeRepresentationNode.php
@@ -0,0 +1,177 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree;
+
+use TYPO3\CMS\Core\Imaging\Icon;
+
+/**
+ * Representation Tree Node
+ */
+class TreeRepresentationNode extends TreeNode
+{
+    /**
+     * Node Label
+     *
+     * @var string
+     */
+    protected $label = '';
+
+    /**
+     * Node Type
+     *
+     * @var string
+     */
+    protected $type = '';
+
+    /**
+     * Node CSS Class
+     *
+     * @var string
+     */
+    protected $class = '';
+
+    /**
+     * Node Icon
+     *
+     * @var string|Icon
+     */
+    protected $icon = '';
+
+    /**
+     * Callback function that is called e.g after a click on the label
+     *
+     * @var string
+     */
+    protected $callbackAction = '';
+
+    /**
+     * @param string $class
+     */
+    public function setClass($class)
+    {
+        $this->class = $class;
+    }
+
+    /**
+     * @return string
+     */
+    public function getClass()
+    {
+        return $this->class;
+    }
+
+    /**
+     * @param string|Icon $icon
+     */
+    public function setIcon($icon)
+    {
+        $this->icon = $icon;
+    }
+
+    /**
+     * @return string|Icon
+     */
+    public function getIcon()
+    {
+        return $this->icon;
+    }
+
+    /**
+     * @param string $label
+     */
+    public function setLabel($label)
+    {
+        $this->label = $label;
+    }
+
+    /**
+     * @return string
+     */
+    public function getLabel()
+    {
+        return $this->label;
+    }
+
+    /**
+     * @param string $type
+     */
+    public function setType($type)
+    {
+        $this->type = $type;
+    }
+
+    /**
+     * @return string
+     */
+    public function getType()
+    {
+        return $this->type;
+    }
+
+    /**
+     * Sets the callback action
+     *
+     * @param string $callbackAction
+     */
+    public function setCallbackAction($callbackAction)
+    {
+        $this->callbackAction = $callbackAction;
+    }
+
+    /**
+     * Returns the callback action
+     *
+     * @return string
+     */
+    public function getCallbackAction()
+    {
+        return $this->callbackAction;
+    }
+
+    /**
+     * Returns the node in an array representation that can be used for serialization
+     *
+     * @param bool $addChildNodes
+     * @return array
+     */
+    public function toArray($addChildNodes = true)
+    {
+        $arrayRepresentation = parent::toArray();
+        $arrayRepresentation = array_merge($arrayRepresentation, [
+            'label' => $this->label,
+            'type' => $this->type,
+            'class' => $this->class,
+            'icon' => $this->icon,
+            'callbackAction' => $this->callbackAction,
+        ]);
+        return $arrayRepresentation;
+    }
+
+    /**
+     * Sets data of the node by a given data array
+     *
+     * @param array $data
+     */
+    public function dataFromArray($data)
+    {
+        parent::dataFromArray($data);
+        $this->setLabel($data['label']);
+        $this->setType($data['type']);
+        $this->setClass($data['class']);
+        $this->setIcon($data['icon']);
+        $this->setCallbackAction($data['callbackAction']);
+    }
+}
diff --git a/Classes/Tree/View/AbstractContentPagePositionMap.php b/Classes/Tree/View/AbstractContentPagePositionMap.php
new file mode 100644
index 0000000..303710d
--- /dev/null
+++ b/Classes/Tree/View/AbstractContentPagePositionMap.php
@@ -0,0 +1,323 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree\View;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Restriction\EndTimeRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\HiddenRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\StartTimeRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * @internal This class is a TYPO3 Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+abstract class AbstractContentPagePositionMap
+{
+    /**
+     * Can be set to the language id to select content elements for.
+     */
+    public int $cur_sys_language = 0;
+
+    protected BackendLayoutView $backendLayoutView;
+
+    public function __construct(BackendLayoutView $backendLayoutView)
+    {
+        $this->backendLayoutView = $backendLayoutView;
+    }
+
+    /**
+     * Creates a linked position icon
+     *
+     * @param array|null $row The record row. If this is an array the link will cause an insert after this
+     *                        content element, otherwise the link will insert at the first position in the column.
+     * @param int $colPos Column position value.
+     * @param int $pid PID value.
+     * @return string HTML
+     */
+    abstract protected function insertPositionIcon(?array $row, int $colPos, int $pid): string;
+
+    /**
+     * Create content element header (includes record type (CType) icon, content element title, etc.)
+     *
+     * @param array $row The element row
+     * @return string HTML
+     */
+    abstract protected function getRecordHeader(array $row): string;
+
+    /**
+     * Creates HTML for inserting/moving content elements.
+     *
+     * @param int $pid page id onto which to insert content element.
+     * @return string HTML
+     */
+    public function printContentElementColumns(int $pid, array $pageInfo, ServerRequestInterface $request): string
+    {
+        $lines = [];
+        $columnsConfiguration = $this->getColumnsConfiguration($pid);
+        foreach ($columnsConfiguration as $columnConfiguration) {
+            if ($columnConfiguration['isRestricted']) {
+                // Do not fetch records of restricted columns
+                continue;
+            }
+            $colPos = $columnConfiguration['colPos'];
+            $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable('tt_content');
+            $queryBuilder
+                ->getRestrictions()
+                ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace))
+                ->removeByType(HiddenRestriction::class)
+                ->removeByType(StartTimeRestriction::class)
+                ->removeByType(EndTimeRestriction::class);
+            $queryBuilder
+                ->select('*')
+                ->from('tt_content')
+                ->where(
+                    $queryBuilder->expr()->eq('pid', $queryBuilder->createNamedParameter($pid, Connection::PARAM_INT)),
+                    $queryBuilder->expr()->eq('colPos', $queryBuilder->createNamedParameter($colPos, Connection::PARAM_INT))
+                )
+                ->orderBy('sorting');
+
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->eq(
+                    'sys_language_uid',
+                    $queryBuilder->createNamedParameter($this->cur_sys_language, Connection::PARAM_INT)
+                )
+            );
+
+            $res = $queryBuilder->executeQuery();
+            $lines[$colPos] = [
+                $this->insertPositionIcon(null, $colPos, $pid),
+            ];
+
+            while ($row = $res->fetchAssociative()) {
+                BackendUtility::workspaceOL('tt_content', $row);
+                if (is_array($row)) {
+                    $lines[$colPos][] = $this->getRecordHeader($row);
+                    $lines[$colPos][] = $this->insertPositionIcon($row, $colPos, $pid);
+                }
+            }
+        }
+        return $this->printRecordMap($lines, $columnsConfiguration, $pid);
+    }
+
+    /**
+     * Creates the table with the content columns
+     *
+     * @param array $lines Array with arrays of lines for each column
+     * @param array $tcaColumnsConfiguration Column configuration array
+     * @param int $pid The id of the page
+     * @return string HTML
+     */
+    protected function printRecordMap(array $lines, array $tcaColumnsConfiguration, int $pid): string
+    {
+        $lang = $this->getLanguageService();
+        $hideRestrictedColumns = (bool)(BackendUtility::getPagesTSconfig($pid)['mod.']['web_layout.']['hideRestrictedCols'] ?? false);
+        $backendLayout = $this->backendLayoutView->getSelectedBackendLayout($pid);
+
+        if (isset($backendLayout['__config']['backend_layout.'])) {
+            // Build position map based on the fetched backend layout
+            $colCount = (int)($backendLayout['__config']['backend_layout.']['colCount'] ?? 0);
+            $rowCount = (int)($backendLayout['__config']['backend_layout.']['rowCount'] ?? 0);
+
+            // Cycle through rows
+            $tableRows = [];
+            for ($row = 1; $row <= $rowCount; $row++) {
+                $rowConfig = $backendLayout['__config']['backend_layout.']['rows.'][$row . '.'] ?? null;
+                if (!$rowConfig) {
+                    // Skip empty rows
+                    continue;
+                }
+
+                // Cycle through cells
+                $tableCells = [];
+                for ($col = 1; $col <= $colCount; $col++) {
+                    $columnConfig = $rowConfig['columns.'][$col . '.'] ?? null;
+                    if (!$columnConfig) {
+                        // Skip empty columns
+                        continue;
+                    }
+
+                    // Set table cell attributes
+                    $tableCellAttributes = [
+                        'class' => 'col-nowrap col-min',
+                    ];
+                    if (isset($columnConfig['colspan'])) {
+                        $tableCellAttributes['colspan'] = $columnConfig['colspan'];
+                    }
+                    if (isset($columnConfig['rowspan'])) {
+                        $tableCellAttributes['rowspan'] = $columnConfig['rowspan'];
+                    }
+
+                    $columnKey = null;
+                    $columnTitle = '';
+                    $isRestricted = false;
+                    $isUnassigned = true;
+                    if (isset($columnConfig['colPos'])) {
+                        // If colPos is defined, initialize column information (e.g. title and restricted state)
+                        $columnKey = (int)$columnConfig['colPos'];
+                        foreach ($tcaColumnsConfiguration as $tcaColumnConfiguration) {
+                            if ($tcaColumnConfiguration['colPos'] === $columnKey) {
+                                $columnTitle = '<strong>' . htmlspecialchars($lang->sL($tcaColumnConfiguration['title'])) . '</strong>';
+                                $isRestricted = $tcaColumnConfiguration['isRestricted'];
+                                $isUnassigned = false;
+                            }
+                        }
+                    }
+
+                    // Generate the cell content, based on the columns' state (e.g. restricted or unassigned)
+                    $cellContent = '';
+                    if ($isRestricted) {
+                        if ($hideRestrictedColumns) {
+                            // Hide in case this column is not accessible and hideRestrictedColumns is set
+                            $tableCellAttributes['class'] = 'hidden';
+                        } else {
+                            $cellContent = '
+                                <p class="column-title">
+                                    ' . $columnTitle . ' <em>(' . htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:noAccess')) . ')</em>
+                                </p>';
+                            $tableCellAttributes['class'] .= ' danger';
+                        }
+                    } elseif ($isUnassigned) {
+                        if ($hideRestrictedColumns) {
+                            // Hide in case this column is not assigned and hideRestrictedColumns is set
+                            $tableCellAttributes['class'] = 'hidden';
+                        } else {
+                            $cellContent = '
+                                <em>
+                                    ' . htmlspecialchars($lang->sL($columnConfig['name']) ?: '') . '
+                                    ' . ' (' . htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:notAssigned')) . ')' . '
+                                </em>';
+                            $tableCellAttributes['class'] .= ' warning';
+                        }
+                    } else {
+                        // If not restricted and not unassigned, wrap column title and render list (if available)
+                        $cellContent = '<p class="column-title">' . $columnTitle . '</p>';
+                        if (!empty($lines[$columnKey])) {
+                            $cellContent .= '
+                                <ul>
+                                    ' . implode(LF, array_map(static fn(string $line): string => '<li>' . $line . '</li>', $lines[$columnKey])) . '
+                                </ul>';
+                        }
+                    }
+
+                    // Add the table cell
+                    $tableCells[] = '<td ' . GeneralUtility::implodeAttributes($tableCellAttributes) . '>' . $cellContent . '</td>';
+                }
+
+                // Add the table row
+                $tableRows[] = '<tr>' . implode(LF, $tableCells) . '</tr>';
+            }
+
+            // Create the table content
+            $tableContent
+                = '<colgroup>' . str_repeat('<col span="1" style="width: calc(100% / ' . $colCount . ')">', $colCount) . '</colgroup>'
+                . '<tbody>' . implode(LF, $tableRows) . '</tbody>';
+        } else {
+            // Build position map based on TCA colPos configuration
+            $tableCells = [];
+            foreach ($tcaColumnsConfiguration as $tcaColumnConfiguration) {
+                if ($hideRestrictedColumns && $tcaColumnConfiguration['isRestricted']) {
+                    // Skip in case this column is not accessible and restricted columns should be hidden
+                    continue;
+                }
+
+                // Generate the cell content, based on the columns' state (e.g. restricted or unassigned)
+                $tableCellClasses = 'col-nowrap col-min';
+                $columnTitle = '<strong>' . htmlspecialchars($tcaColumnConfiguration['title']) . '</strong>';
+                if ($tcaColumnConfiguration['isRestricted']) {
+                    // If this colPos is restricted, add an information to the column title and color the cell
+                    $tableCellClasses .= ' danger';
+                    $cellContent = '
+                        <p class="column-title">
+                            ' . $columnTitle . ' <em>(' . htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:noAccess')) . ')</em>
+                        </p>';
+                } else {
+                    // If not restricted, wrap column title and render list (if available)
+                    $cellContent = '<p class="column-title">' . $columnTitle . '</p>';
+                    if (!empty($lines[$tcaColumnConfiguration['colPos']])) {
+                        $cellContent .= '
+                            <ul>
+                                ' . implode(LF, array_map(static fn(string $line): string => '<li>' . $line . '</li>', $lines[$tcaColumnConfiguration['colPos']])) . '
+                            </ul>';
+                    }
+                }
+
+                // Add the table cell
+                $tableCells[] = '<td class="' . $tableCellClasses . '">' . $cellContent . '</td>';
+            }
+
+            // Create the table content
+            $tableContent = '<tbody><tr>' . implode(LF, $tableCells) . '</tr></tbody>';
+        }
+
+        // Return the record map (table)
+        return '
+            <table class="page-position-grid">
+                ' . $tableContent . '
+            </table>';
+    }
+
+    /**
+     * Fetch TCA colPos list from BackendLayoutView and prepare for map generation.
+     * This also takes the "colPos_list" TSconfig into account.
+     */
+    protected function getColumnsConfiguration(int $pageId): array
+    {
+        $backendLayout = $this->backendLayoutView->getBackendLayoutForPage($pageId);
+        $items = [];
+        // Prepare the columns configuration (using named keys, etc.)
+        foreach ($backendLayout->getUsedColumns() as $colPos => $label) {
+            $items[] = [
+                'title' => $label,
+                'colPos' => (int)$colPos,
+                'isRestricted' => false,
+            ];
+        }
+
+        $sharedColPosList = trim(BackendUtility::getPagesTSconfig($pageId)['mod.']['SHARED.']['colPos_list'] ?? '');
+        if ($sharedColPosList !== '') {
+            $activeColPosArray = array_unique(GeneralUtility::intExplode(',', $sharedColPosList));
+            if (!empty($items) && !empty($activeColPosArray)) {
+                foreach ($items as &$item) {
+                    if (!in_array((int)$item['colPos'], $activeColPosArray, true)) {
+                        $item['isRestricted'] = true;
+                    }
+                }
+                unset($item);
+            }
+        }
+
+        return $items;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Tree/View/AbstractTreeView.php b/Classes/Tree/View/AbstractTreeView.php
new file mode 100644
index 0000000..6942f10
--- /dev/null
+++ b/Classes/Tree/View/AbstractTreeView.php
@@ -0,0 +1,419 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree\View;
+
+use Doctrine\DBAL\Result;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\QueryHelper;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconProvider\AbstractSvgIconProvider;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Base class for creating a browsable array/page/folder tree in HTML
+ *
+ * @internal This class is a TYPO3 Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+abstract class AbstractTreeView
+{
+    /**
+     * Database table to get the tree data from.
+     * Leave blank if data comes from an array.
+     */
+    protected string $table = 'pages';
+
+    /**
+     * Defines the field of $table which is the parent id field (like pid for table pages).
+     */
+    protected string $parentField = 'pid';
+
+    /**
+     * WHERE clause used for selecting records for the tree. Is set by function init.
+     *
+     * @see init()
+     */
+    protected string $clause = '';
+
+    /**
+     * Field for ORDER BY. Is set by function init.
+     *
+     * @see init()
+     */
+    public string $orderByFields = 'sorting';
+
+    /**
+     * Default set of fields selected from the tree table.
+     * Make SURE that these fields names listed herein are actually possible to select from $this->table (if that variable is set to a TCA table name)
+     *
+     * @see addField()
+     */
+    protected array $fieldArray = [
+        'uid',
+        'pid',
+        'title',
+        'is_siteroot',
+        'doktype',
+        'nav_title',
+        'mount_pid',
+        'php_tree_stop',
+        't3ver_state',
+        'hidden',
+        'starttime',
+        'endtime',
+        'fe_group',
+        'module',
+        'extendToSubpages',
+        'nav_hide',
+        't3ver_wsid',
+        'crdate',
+        'tstamp',
+        'sorting',
+        'deleted',
+        'perms_userid',
+        'perms_groupid',
+        'perms_user',
+        'perms_group',
+        'perms_everybody',
+        'editlock',
+        'l18n_cfg',
+    ];
+
+    /**
+     * If true, HTML code is also accumulated in ->tree array during rendering of the tree
+     */
+    public bool $makeHTML = true;
+
+    // *********
+    // Internal
+    // *********
+    // For record trees:
+    // one-dim array of the uid's selected.
+    protected array $ids = [];
+
+    // The hierarchy of element uids
+    protected array $ids_hierarchy = [];
+
+    // The hierarchy of versioned element uids
+    public array $orig_ids_hierarchy = [];
+
+    // Temporary, internal array
+    public array $buffer_idH = [];
+
+    // For both types
+    // Tree is accumulated in this variable
+    public array $tree = [];
+
+    /**
+     * @param string $clause Record WHERE clause
+     * @param string $orderByFields Record ORDER BY field
+     */
+    public function init($clause = '', $orderByFields = '')
+    {
+        if ($clause) {
+            $this->clause = $clause;
+        }
+        if ($orderByFields) {
+            $this->orderByFields = $orderByFields;
+        }
+    }
+
+    public function addField(string $field): void
+    {
+        $this->fieldArray[] = $field;
+    }
+
+    /**
+     * Resets the tree, recs, ids, ids_hierarchy and orig_ids_hierarchy internal variables. Use it if you need it.
+     */
+    protected function reset(): void
+    {
+        $this->tree = [];
+        $this->ids = [];
+        $this->ids_hierarchy = [];
+        $this->orig_ids_hierarchy = [];
+    }
+
+    /*******************************************
+     *
+     * rendering parts
+     *
+     *******************************************/
+    /**
+     * Generate the plus/minus icon for the browsable tree.
+     *
+     * @param array $row Record for the entry
+     * @param int $a The current entry number
+     * @param int $c The total number of entries. If equal to $a, a "bottom" element is returned.
+     * @param int $nextCount The number of sub-elements to the current element.
+     * @param bool $isOpen The element was expanded to render subelements if this flag is set.
+     * @return string Image tag with the plus/minus icon.
+     * @see \TYPO3\CMS\Backend\Tree\View\PageTreeView::PMicon()
+     */
+    protected function PMicon($row, $a, $c, $nextCount, $isOpen)
+    {
+        if ($nextCount) {
+            $iconFactory = GeneralUtility::makeInstance(IconFactory::class);
+
+            // Wrap the plus/minus icon in a link
+            $anchor = $row['uid'] ? '#' . $row['uid'] : '';
+            $name = $row['uid'] ? ' name="' . $row['uid'] . '"' : '';
+            $aUrl = $anchor;
+            if ($isOpen) {
+                $class = 'treelist-control-open';
+                $icon = $iconFactory->getIcon('actions-chevron-down', IconSize::SMALL);
+            } else {
+                $class = 'treelist-control-collapsed';
+                $icon = $iconFactory->getIcon('actions-chevron-end', IconSize::SMALL);
+            }
+            return '<a class="treelist-control ' . $class . '" href="' . htmlspecialchars($aUrl) . '"' . $name . '>' . $icon->render(AbstractSvgIconProvider::MARKUP_IDENTIFIER_INLINE) . '</a>';
+        }
+        return '';
+    }
+
+    /*******************************************
+     *
+     * tree handling
+     *
+     *******************************************/
+    /**
+     * Returns TRUE/FALSE if the next level for $id should be expanded - based on
+     * data in $this->stored[][] and ->expandAll flag.
+     * Used in subclasses
+     *
+     * @param int $id Record id/key
+     * @return bool
+     * @internal
+     * @see \TYPO3\CMS\Backend\Tree\View\PageTreeView::expandNext()
+     */
+    public function expandNext($id)
+    {
+        return false;
+    }
+
+    /******************************
+     *
+     * Functions that might be overwritten by extended classes
+     *
+     ********************************/
+
+    /**
+     * Get the icon markup for the row
+     *
+     * @param array $row The row to get the icon for
+     * @return string The icon markup, wrapped into a span tag, with the records title as title attribute
+     */
+    protected function getIcon(array $row): string
+    {
+        $title = $this->getTitleAttrib($row);
+        $iconFactory = GeneralUtility::makeInstance(IconFactory::class);
+        $icon = $row['is_siteroot'] ? $iconFactory->getIcon('apps-pagetree-folder-root', IconSize::SMALL) : $iconFactory->getIconForRecord($this->table, $row, IconSize::SMALL);
+        return $icon->setTitle($title)->render();
+    }
+
+    /**
+     * Returns the value for the image "title" attribute
+     *
+     * @param array $row The input row array (where the key "title" is used for the title)
+     * @return string The attribute value (is htmlspecialchared() already)
+     */
+    protected function getTitleAttrib($row)
+    {
+        return htmlspecialchars($row['title']);
+    }
+
+    /********************************
+     *
+     * tree data building
+     *
+     ********************************/
+    /**
+     * Fetches the data for the tree
+     *
+     * @param int $uid item id for which to select subitems (parent id)
+     * @param int $depth Max depth (recursivity limit)
+     * @param string $depthData HTML-code prefix for recursive calls.
+     * @return int<0, max> The count of items on the level
+     */
+    public function getTree(int $uid, int $depth = 999, string $depthData = ''): int
+    {
+        // Buffer for id hierarchy is reset:
+        $this->buffer_idH = [];
+        // Init vars
+        $HTML = '';
+        $a = 0;
+        $res = $this->getDataInit($uid);
+        $c = $res->rowCount();
+        $crazyRecursionLimiter = 9999;
+        $idH = [];
+        // Traverse the records:
+        while ($crazyRecursionLimiter > 0 && ($row = $this->getDataNext($res))) {
+            if (!$this->getBackendUser()->isInWebMount($this->table === 'pages' ? $row : $row['pid'])) {
+                // Current record is not within web mount => skip it
+                continue;
+            }
+
+            $a++;
+            $crazyRecursionLimiter--;
+            $newID = $row['uid'];
+            if ($newID == 0) {
+                throw new \RuntimeException('Endless recursion detected: TYPO3 has detected an error in the database. Please fix it manually (e.g. using phpMyAdmin) and change the UID of ' . $this->table . ':0 to a new value. See https://forge.typo3.org/issues/16150 to get more information about a possible cause.', 1294586383);
+            }
+            // Reserve space.
+            $this->tree[] = [];
+            end($this->tree);
+            // Get the key for this space
+            $treeKey = key($this->tree);
+            // Accumulate the id of the element in the internal arrays
+            $this->ids[] = ($idH[$row['uid']]['uid'] = $row['uid']);
+            $this->ids_hierarchy[$depth][] = $row['uid'];
+            $this->orig_ids_hierarchy[$depth][] = (!empty($row['_ORIG_uid'])) ? $row['_ORIG_uid'] : $row['uid'];
+
+            // Make a recursive call to the next level
+            $nextLevelDepthData = $depthData . '<span class="treeline-icon treeline-icon-' . ($a === $c ? 'clear' : 'line') . '"></span>';
+            $hasSub = $this->expandNext($newID) && !($row['php_tree_stop'] ?? false);
+            if ($depth > 1 && $hasSub) {
+                $nextCount = $this->getTree($newID, $depth - 1, $nextLevelDepthData);
+                if (!empty($this->buffer_idH)) {
+                    $idH[$row['uid']]['subrow'] = $this->buffer_idH;
+                }
+                // Set "did expand" flag
+                $isOpen = true;
+            } else {
+                $nextCount = $this->getCount((int)$newID);
+                // Clear "did expand" flag
+                $isOpen = false;
+            }
+            // Set HTML-icons, if any:
+            if ($this->makeHTML) {
+                $HTML = $this->PMicon($row, $a, $c, $nextCount, $isOpen);
+            }
+            // Finally, add the row/HTML content to the ->tree array in the reserved key.
+            $this->tree[$treeKey] = [
+                'row' => $row,
+                'HTML' => $HTML,
+                'icon' => $this->getIcon($row),
+                'invertedDepth' => $depth,
+                'depthData' => $depthData,
+                'hasSub' => $nextCount && $hasSub,
+                'isFirst' => $a === 1,
+                'isLast' => $a === $c,
+            ];
+        }
+
+        $res->free();
+        $this->buffer_idH = $idH;
+        return $c;
+    }
+
+    /********************************
+     *
+     * Data handling
+     * Works with records and arrays
+     *
+     ********************************/
+    /**
+     * Returns the number of records having the parent id, $uid
+     *
+     * @param int $uid Id to count subitems for
+     */
+    protected function getCount(int $uid): int
+    {
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable($this->table);
+        $queryBuilder->getRestrictions()
+                ->removeAll()
+                ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+                ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+        $count = $queryBuilder
+                ->count('uid')
+                ->from($this->table)
+                ->where(
+                    $queryBuilder->expr()->eq(
+                        $this->parentField,
+                        $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT)
+                    ),
+                    QueryHelper::stripLogicalOperatorPrefix($this->clause)
+                )
+                ->executeQuery()
+                ->fetchOne();
+
+        return (int)$count;
+    }
+
+    /**
+     * Getting the tree data: Selecting/Initializing data pointer to items for a certain parent id.
+     * For tables: This will make a database query to select all children to "parent"
+     */
+    protected function getDataInit(int $parentId): Result
+    {
+        $queryBuilder = GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable($this->table);
+        $queryBuilder->getRestrictions()
+                ->removeAll()
+                ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+                ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+        $queryBuilder
+                ->select(...$this->fieldArray)
+                ->from($this->table)
+                ->where(
+                    $queryBuilder->expr()->eq(
+                        $this->parentField,
+                        $queryBuilder->createNamedParameter($parentId, Connection::PARAM_INT)
+                    ),
+                    QueryHelper::stripLogicalOperatorPrefix($this->clause)
+                );
+
+        foreach (QueryHelper::parseOrderBy($this->orderByFields) as $orderPair) {
+            [$fieldName, $order] = $orderPair;
+            $queryBuilder->addOrderBy($fieldName, $order);
+        }
+
+        return $queryBuilder->executeQuery();
+    }
+
+    /**
+     * Getting the tree data: next entry
+     *
+     * @see getDataInit()
+     */
+    protected function getDataNext(Result $res): array|false
+    {
+        while ($row = $res->fetchAssociative()) {
+            BackendUtility::workspaceOL($this->table, $row, $this->getBackendUser()->workspace, true);
+            if (is_array($row)) {
+                break;
+            }
+        }
+        return $row;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Tree/View/ContentCreationPagePositionMap.php b/Classes/Tree/View/ContentCreationPagePositionMap.php
new file mode 100644
index 0000000..799d3a3
--- /dev/null
+++ b/Classes/Tree/View/ContentCreationPagePositionMap.php
@@ -0,0 +1,119 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree\View;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * Position map class for creating content elements
+ *
+ * @internal This class is a TYPO3 Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+#[Autoconfigure(public: true)]
+class ContentCreationPagePositionMap extends AbstractContentPagePositionMap
+{
+    /**
+     * Default values defined for the item
+     */
+    public array $defVals = [];
+
+    /**
+     * Whether the item should directly be persisted (avoiding FormEngine)
+     */
+    public bool $saveAndClose = false;
+
+    /**
+     * The return url, forwarded to FormEngine (or SimpleDataHandler)
+     */
+    public string $R_URI = '';
+
+    protected IconFactory $iconFactory;
+    protected UriBuilder $uriBuilder;
+
+    public function __construct(IconFactory $iconFactory, UriBuilder $uriBuilder, BackendLayoutView $backendLayoutView)
+    {
+        $this->iconFactory = $iconFactory;
+        $this->uriBuilder = $uriBuilder;
+        parent::__construct($backendLayoutView);
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    protected function insertPositionIcon(?array $row, int $colPos, int $pid): string
+    {
+        if ($this->saveAndClose) {
+            $target = (string)$this->uriBuilder->buildUriFromRoute('tce_db', [
+                'data' => [
+                    'tt_content' => [
+                        StringUtility::getUniqueId('NEW') => array_replace($this->defVals, [
+                            'colPos' => $colPos,
+                            'pid' => (is_array($row) ? -$row['uid'] : $pid),
+                            'sys_language_uid' => $this->cur_sys_language,
+                        ]),
+                    ],
+                ],
+                'redirect' => $this->R_URI,
+            ]);
+        } else {
+            // @todo pass module context to this handler and pass to record_edit here
+            $target = (string)$this->uriBuilder->buildUriFromRoute('record_edit', [
+                'edit' => [
+                    'tt_content' => [
+                        (is_array($row) ? -$row['uid'] : $pid) => 'new',
+                    ],
+                ],
+                'returnUrl' => $this->R_URI,
+                'defVals' => [
+                    'tt_content' => array_replace($this->defVals, [
+                        'colPos' => $colPos,
+                        'sys_language_uid' => $this->cur_sys_language,
+                    ]),
+                ],
+            ]);
+        }
+
+        $buttonLabel = htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:insertNewRecordHere'));
+        return '
+            <div class="page-position-action">
+                <button type="button" class="btn btn-default btn-sm" data-target="' . htmlspecialchars($target) . '" title="' . $buttonLabel . '">
+                    ' . $this->iconFactory->getIcon('actions-arrow-left-alt', IconSize::SMALL)->render() . ' ' . $buttonLabel . '
+                </button>
+            </div>';
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    protected function getRecordHeader(array $row): string
+    {
+        return '
+            <div class="page-position-record">
+                <span title="' . BackendUtility::getRecordIconAltText($row, 'tt_content') . '">
+                    ' . $this->iconFactory->getIconForRecord('tt_content', $row, IconSize::SMALL)->render() . '
+                    ' . BackendUtility::getRecordTitle('tt_content', $row, true) . '
+                </span>
+            </div>';
+    }
+}
diff --git a/Classes/Tree/View/ContentMovingPagePositionMap.php b/Classes/Tree/View/ContentMovingPagePositionMap.php
new file mode 100644
index 0000000..2b7ea73
--- /dev/null
+++ b/Classes/Tree/View/ContentMovingPagePositionMap.php
@@ -0,0 +1,99 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree\View;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Position map class for moving content elements
+ *
+ * @internal This class is a TYPO3 Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+#[Autoconfigure(public: true)]
+class ContentMovingPagePositionMap extends AbstractContentPagePositionMap
+{
+    /**
+     * The move uid
+     */
+    public int $moveUid = 0;
+
+    /**
+     * The copy mode (either "move" or "copy")
+     */
+    public string $copyMode = 'move';
+
+    protected IconFactory $iconFactory;
+
+    public function __construct(IconFactory $iconFactory, BackendLayoutView $backendLayoutView)
+    {
+        $this->iconFactory = $iconFactory;
+        parent::__construct($backendLayoutView);
+    }
+
+    /**
+     * {@inheritdoc}
+     */
+    protected function insertPositionIcon(?array $row, int $colPos, int $pid): string
+    {
+        if (is_array($row)) {
+            $attributes = [
+                'data-action' => 'paste',
+                'data-position' => '-' . $row['uid'],
+                'data-colpos' => $colPos,
+            ];
+        } else {
+            $attributes = [
+                'data-action' => 'paste',
+                'data-position' => $pid,
+                'data-colpos' => $colPos,
+            ];
+        }
+        $buttonLabelTransUnit = $this->copyMode === 'move' ? 'moveElementToHere' : 'copyElementToHere';
+        $buttonLabel = htmlspecialchars($this->getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:' . $buttonLabelTransUnit));
+        return '
+            <div class="page-position-action">
+                <button class="btn btn-default" title="' . $buttonLabel . '" ' . GeneralUtility::implodeAttributes($attributes, true) . '>
+                    ' . $this->iconFactory->getIcon('actions-arrow-left-alt', IconSize::SMALL)->render() . ' <span class="t3js-button-label">' . $buttonLabel . '</span>
+                </button>
+            </div>';
+    }
+
+    /**
+     * Create record header (includes the record icon, record title etc.)
+     *
+     * @param array $row Record row.
+     * @return string HTML
+     */
+    protected function getRecordHeader(array $row): string
+    {
+        return '
+            <div class="page-position-record">
+                <span title="' . BackendUtility::getRecordIconAltText($row, 'tt_content') . '">
+                    ' . $this->iconFactory->getIconForRecord('tt_content', $row, IconSize::SMALL)->render() . '
+                    ' . ($this->moveUid === (int)$row['uid'] ? '<strong>' : '') . '
+                    ' . BackendUtility::getRecordTitle('tt_content', $row, true) . '
+                    ' . ($this->moveUid === (int)$row['uid'] ? '</strong>' : '') . '
+                </span>
+            </div>';
+    }
+}
diff --git a/Classes/Tree/View/LinkParameterProviderInterface.php b/Classes/Tree/View/LinkParameterProviderInterface.php
new file mode 100644
index 0000000..9804ee6
--- /dev/null
+++ b/Classes/Tree/View/LinkParameterProviderInterface.php
@@ -0,0 +1,29 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree\View;
+
+interface LinkParameterProviderInterface
+{
+    /**
+     * Provides an array or GET parameters for URL generation
+     *
+     * @param array $values Array of values to include into the parameters or which might influence the parameters
+     * @return string[] Array of parameters which have to be added to URLs
+     */
+    public function getUrlParameters(array $values): array;
+}
diff --git a/Classes/Tree/View/PageTreeView.php b/Classes/Tree/View/PageTreeView.php
new file mode 100644
index 0000000..73a7bd0
--- /dev/null
+++ b/Classes/Tree/View/PageTreeView.php
@@ -0,0 +1,78 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Tree\View;
+
+/**
+ * Generate a page-tree, non-browsable.
+ *
+ * @internal This class is a TYPO3 Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+class PageTreeView extends AbstractTreeView
+{
+    protected ?int $currentPageId = null;
+
+    /**
+     * Init function
+     * REMEMBER to feed a $clause which will filter out non-readable pages!
+     *
+     * @param string $clause Part of where query which will filter out non-readable pages.
+     * @param string $orderByFields Record ORDER BY field
+     */
+    public function init($clause = '', $orderByFields = '')
+    {
+        $tag = \Local\Multilanguage\Service\DefaultLanguageTagService::getTag();
+        parent::init(" AND deleted=0 AND (language_tag='" . $tag . "' OR language_tag='') " . $clause, $orderByFields);
+    }
+
+    /**
+     * Returns TRUE/FALSE if the next level for $id should be expanded - and all levels should, so we always return true.
+     * Here the branch is expanded if the current id matches the global id for the listing/new
+     *
+     * @param int $id ID (uid) to test for
+     * @return bool
+     */
+    public function expandNext($id)
+    {
+        if ($this->currentPageId !== null) {
+            return (int)$id === $this->currentPageId;
+        }
+        return true;
+    }
+
+    /**
+     * Generate the plus/minus icon for the browsable tree.
+     * In this case, there is no plus-minus icon displayed.
+     *
+     * @param array $row Record for the entry
+     * @param int $a The current entry number
+     * @param int $c The total number of entries. If equal to $a, a 'bottom' element is returned.
+     * @param int $nextCount The number of sub-elements to the current element.
+     * @param bool $isOpen The element was expanded to render subelements if this flag is set.
+     * @return string Image tag with the plus/minus icon.
+     * @see AbstractTreeView::PMicon()
+     */
+    protected function PMicon($row, $a, $c, $nextCount, $isOpen)
+    {
+        return '<span class="treeline-icon treeline-icon-join' . ($a == $c ? 'bottom' : '') . '"></span>';
+    }
+
+    public function setCurrentPageId(int $currentPageId): void
+    {
+        $this->currentPageId = $currentPageId;
+    }
+}
diff --git a/Classes/Upgrades/UserSettingsMigration.php b/Classes/Upgrades/UserSettingsMigration.php
new file mode 100644
index 0000000..689d675
--- /dev/null
+++ b/Classes/Upgrades/UserSettingsMigration.php
@@ -0,0 +1,126 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Upgrades;
+
+use Doctrine\DBAL\Types\Type;
+use Doctrine\DBAL\Types\Types;
+use TYPO3\CMS\Core\Attribute\UpgradeWizard;
+use TYPO3\CMS\Core\Authentication\UserSettingsFactory;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Upgrades\DatabaseUpdatedPrerequisite;
+use TYPO3\CMS\Core\Upgrades\UpgradeWizardInterface;
+
+/**
+ * Migrates user profile settings from the serialized "uc" field
+ * to the new "user_settings" JSON field.
+ *
+ * @since 14.2
+ * @internal This class is only meant to be used within EXT:backend and is not part of the TYPO3 Core API.
+ */
+#[UpgradeWizard('setup_userSettingsMigration')]
+final readonly class UserSettingsMigration implements UpgradeWizardInterface
+{
+    public function __construct(
+        private ConnectionPool $connectionPool,
+        private UserSettingsFactory $userSettingsFactory,
+    ) {}
+
+    public function getTitle(): string
+    {
+        return 'Migrate user profile settings to JSON format';
+    }
+
+    public function getDescription(): string
+    {
+        return 'Extracts profile settings from the serialized "uc" field '
+             . 'into the new "user_settings" JSON field for improved structure and security.';
+    }
+
+    public function getPrerequisites(): array
+    {
+        return [DatabaseUpdatedPrerequisite::class];
+    }
+
+    public function updateNecessary(): bool
+    {
+        return $this->hasRecordsToMigrate();
+    }
+
+    public function executeUpdate(): bool
+    {
+        $connection = $this->connectionPool->getConnectionForTable('be_users');
+        $hasFailures = false;
+        foreach ($this->getRecordsToMigrate() as $record) {
+            try {
+                $uc = @unserialize($record['uc'], ['allowed_classes' => false]);
+                if (!is_array($uc)) {
+                    continue;
+                }
+                $userSettings = $this->userSettingsFactory->createFromUc($uc);
+                $connection->update(
+                    'be_users',
+                    [
+                        // The array must be passed directly to prevent double JSON encoding.
+                        // See: https://review.typo3.org/c/Packages/TYPO3.CMS/+/89293
+                        'user_settings' => $userSettings->toArray(),
+                    ],
+                    ['uid' => (int)$record['uid']],
+                    [
+                        // @todo This behavior cannot be modified yet; the array value must be passed directly
+                        //       until https://review.typo3.org/c/Packages/TYPO3.CMS/+/89293 is merged,
+                        //       otherwise the value will be JSON-encoded twice.
+                        'user_settings' => Type::getType(Types::JSON),
+                    ],
+                );
+            } catch (\Throwable) {
+                $hasFailures = true;
+            }
+        }
+        return !$hasFailures;
+    }
+
+    private function hasRecordsToMigrate(): bool
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('be_users');
+        return (bool)$queryBuilder
+            ->count('uid')
+            ->from('be_users')
+            ->where(
+                $queryBuilder->expr()->isNotNull('uc'),
+                $queryBuilder->expr()->neq('uc', $queryBuilder->createNamedParameter('')),
+                $queryBuilder->expr()->isNull('user_settings')
+            )
+            ->executeQuery()
+            ->fetchOne();
+    }
+
+    private function getRecordsToMigrate(): array
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('be_users');
+        return $queryBuilder
+            ->select('uid', 'uc')
+            ->from('be_users')
+            ->where(
+                $queryBuilder->expr()->isNotNull('uc'),
+                $queryBuilder->expr()->neq('uc', $queryBuilder->createNamedParameter('')),
+                $queryBuilder->expr()->isNull('user_settings')
+            )
+            ->executeQuery()
+            ->fetchAllAssociative();
+    }
+}
diff --git a/Classes/Upgrades/UserSettingsNormalizationMigration.php b/Classes/Upgrades/UserSettingsNormalizationMigration.php
new file mode 100644
index 0000000..9e9d647
--- /dev/null
+++ b/Classes/Upgrades/UserSettingsNormalizationMigration.php
@@ -0,0 +1,110 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Upgrades;
+
+use Doctrine\DBAL\Types\Type;
+use Doctrine\DBAL\Types\Types;
+use TYPO3\CMS\Core\Attribute\UpgradeWizard;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Upgrades\DatabaseUpdatedPrerequisite;
+use TYPO3\CMS\Core\Upgrades\UpgradeWizardInterface;
+
+/**
+ * Migrate double-json encoded user settings to single-encoded user settings.
+ *
+ * @since 14.2
+ * @internal This class is only meant to be used within EXT:backend and is not part of the TYPO3 Core API.
+ */
+#[UpgradeWizard('setup_userSettingsCleanUpMigration')]
+final readonly class UserSettingsNormalizationMigration implements UpgradeWizardInterface
+{
+    public function __construct(
+        private ConnectionPool $connectionPool,
+    ) {}
+
+    public function getTitle(): string
+    {
+        return 'Migrate double json encoded user_settings to valid json encoded values.';
+    }
+
+    public function getDescription(): string
+    {
+        return 'Finds double json_encoded user settings and write it single encoded.';
+    }
+
+    public function getPrerequisites(): array
+    {
+        return [DatabaseUpdatedPrerequisite::class];
+    }
+
+    public function executeUpdate(): bool
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('be_users');
+        $connection = $queryBuilder->getConnection();
+        $result = $queryBuilder
+            ->select('uid', 'user_settings')
+            ->from('be_users')
+            ->where(
+                $queryBuilder->expr()->like('user_settings', $queryBuilder->quote('"{%}"')),
+            )
+            ->executeQuery();
+        while ($row = $result->fetchAssociative()) {
+            $userSettings = json_decode(
+                json: json_decode(
+                    json: $row['user_settings'],
+                    flags: JSON_THROW_ON_ERROR | JSON_OBJECT_AS_ARRAY
+                ),
+                flags: JSON_THROW_ON_ERROR | JSON_OBJECT_AS_ARRAY,
+            );
+            if (!is_array($userSettings)) {
+                continue;
+            }
+            $connection->update(
+                'be_users',
+                [
+                    // The array must be passed directly to prevent double JSON encoding.
+                    // See: https://review.typo3.org/c/Packages/TYPO3.CMS/+/89293
+                    'user_settings' => $userSettings,
+                ],
+                [
+                    'uid' => (int)($row['uid']),
+                ],
+                [
+                    // @todo This behavior cannot be modified yet; the array value must be passed directly
+                    //       until https://review.typo3.org/c/Packages/TYPO3.CMS/+/89293 is merged,
+                    //       otherwise the value will be JSON-encoded twice.
+                    'user_settings' => Type::getType(Types::JSON),
+                ],
+            );
+        }
+        return $this->updateNecessary() === false;
+    }
+
+    public function updateNecessary(): bool
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('be_users');
+        return (bool)($queryBuilder
+            ->count('*')
+            ->from('be_users')
+            ->where(
+                $queryBuilder->expr()->like('user_settings', $queryBuilder->quote('"{%}"')),
+            )
+            ->executeQuery()
+            ->fetchOne());
+    }
+}
diff --git a/Classes/Upgrades/UserSettingsScrubbingMigration.php b/Classes/Upgrades/UserSettingsScrubbingMigration.php
new file mode 100644
index 0000000..5f21dbb
--- /dev/null
+++ b/Classes/Upgrades/UserSettingsScrubbingMigration.php
@@ -0,0 +1,168 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Upgrades;
+
+use Doctrine\DBAL\Result;
+use Doctrine\DBAL\Types\Type;
+use Doctrine\DBAL\Types\Types;
+use TYPO3\CMS\Core\Attribute\UpgradeWizard;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Upgrades\DatabaseUpdatedPrerequisite;
+use TYPO3\CMS\Core\Upgrades\UpgradeWizardInterface;
+
+/**
+ * Removes confidential data "password" and "password2" from user settings.
+ *
+ * @since 14.3
+ * @internal This class is only meant to be used within EXT:backend and is not part of the TYPO3 Core API.
+ */
+#[UpgradeWizard('setup_userSettingsScrubbingMigration')]
+final readonly class UserSettingsScrubbingMigration implements UpgradeWizardInterface
+{
+    public function __construct(
+        private ConnectionPool $connectionPool,
+    ) {}
+
+    public function getTitle(): string
+    {
+        return 'Scrub user settings to remove confidential credential data from serialized data (uc and user_settings)';
+    }
+
+    public function getDescription(): string
+    {
+        return 'Evaluates all uc and user_settings profile data in the "be_users" database table, removes "password" and "password2" field contents.';
+    }
+
+    public function getPrerequisites(): array
+    {
+        return [DatabaseUpdatedPrerequisite::class];
+    }
+
+    public function updateNecessary(): bool
+    {
+        return $this->hasRecordsToMigrate();
+    }
+
+    public function executeUpdate(): bool
+    {
+        $connection = $this->connectionPool->getConnectionForTable('be_users');
+        $hasFailures = false;
+
+        $result = $this->getRecordsToMigrate();
+        while ($record = $result->fetchAssociative()) {
+            try {
+                // Redact "user_settings" (may fall back to "uc" for data)
+                $userSettings = $record['user_settings'];
+                if (!is_string($userSettings)) {
+                    continue;
+                }
+                $userSettings = json_decode(json: $userSettings, flags: JSON_THROW_ON_ERROR | JSON_OBJECT_AS_ARRAY);
+                if (is_string($userSettings)) {
+                    // https://review.typo3.org/c/Packages/TYPO3.CMS/+/93395 introduced a double `json_encode()` issue,
+                    // which is resolved here as well. The fallback remains in place in case the generic cleanup upgrade
+                    // wizard from https://review.typo3.org/c/Packages/TYPO3.CMS/+/93726 has not been executed yet,
+                    // ensuring affected records are cleaned up during this step.
+                    $userSettings = json_decode(json: $userSettings, flags: JSON_THROW_ON_ERROR | JSON_OBJECT_AS_ARRAY);
+                }
+                if (!is_array($userSettings)) {
+                    $hasFailures = true;
+                    continue;
+                }
+                // Remove invalid entries.
+                unset($userSettings['password'], $userSettings['password2']);
+
+                $uc = @unserialize($record['uc'], ['allowed_classes' => false]);
+                // Update "uc", only if unserializable - redact two keys, only if set.
+                if (is_array($uc)) {
+                    // Remove invalid entries.
+                    unset($uc['password'], $uc['password2']);
+                    $connection->update(
+                        'be_users',
+                        [
+                            'uc' => serialize($uc),
+                            // The array must be passed directly to prevent double JSON encoding.
+                            // See: https://review.typo3.org/c/Packages/TYPO3.CMS/+/89293
+                            'user_settings' => $userSettings,
+                        ],
+                        [
+                            'uid' => (int)$record['uid'],
+                        ],
+                        [
+                            'uc' => Connection::PARAM_LOB,
+                            // @todo This behavior cannot be modified yet; the array value must be passed directly
+                            //       until https://review.typo3.org/c/Packages/TYPO3.CMS/+/89293 is merged,
+                            //       otherwise the value will be JSON-encoded twice.
+                            'user_settings' => Type::getType(Types::JSON),
+                        ],
+                    );
+                } else {
+                    // No "uc" serialization, only update user_settings.
+                    $connection->update(
+                        'be_users',
+                        [
+                            'user_settings' => $userSettings,
+                        ],
+                        ['uid' => (int)$record['uid']],
+                        [
+                            // @todo This behavior cannot be modified yet; the array value must be passed directly
+                            //       until https://review.typo3.org/c/Packages/TYPO3.CMS/+/89293 is merged,
+                            //       otherwise the value will be JSON-encoded twice.
+                            'user_settings' => Type::getType(Types::JSON),
+                        ],
+                    );
+                }
+            } catch (\Throwable) {
+                $hasFailures = true;
+            }
+        }
+
+        return !$hasFailures;
+    }
+
+    private function hasRecordsToMigrate(): bool
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('be_users');
+        return (bool)$queryBuilder
+            ->count('uid')
+            ->from('be_users')
+            ->where(
+                $queryBuilder->expr()->or(
+                    $queryBuilder->expr()->like('uc', $queryBuilder->createNamedParameter('%' . $queryBuilder->escapeLikeWildcards(':"password') . '%')),
+                    $queryBuilder->expr()->like('user_settings', $queryBuilder->createNamedParameter('%' . $queryBuilder->escapeLikeWildcards('"password') . '%')),
+                ),
+            )
+            ->executeQuery()
+            ->fetchOne();
+    }
+
+    private function getRecordsToMigrate(): Result
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('be_users');
+        return $queryBuilder
+            ->select('uid', 'uc', 'user_settings')
+            ->from('be_users')
+            ->where(
+                $queryBuilder->expr()->or(
+                    $queryBuilder->expr()->like('uc', $queryBuilder->createNamedParameter('%' . $queryBuilder->escapeLikeWildcards(':"password') . '%')),
+                    $queryBuilder->expr()->like('user_settings', $queryBuilder->createNamedParameter('%' . $queryBuilder->escapeLikeWildcards('"password') . '%')),
+                ),
+            )
+            ->executeQuery();
+    }
+}
diff --git a/Classes/User/SharedUserPreferences.php b/Classes/User/SharedUserPreferences.php
new file mode 100644
index 0000000..97599b9
--- /dev/null
+++ b/Classes/User/SharedUserPreferences.php
@@ -0,0 +1,88 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\User;
+
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+
+/**
+ * Manages language selection preferences across modules.
+ * Provides fallback chain for language resolution.
+ *
+ * Language preferences are stored in be_users.uc['pageLanguages'] as:
+ * [pageId => languageIds[]]
+ *
+ * Page-specific preferences are shared across all modules working with that page.
+ *
+ * @internal
+ */
+final class SharedUserPreferences
+{
+    /**
+     * Resolve selected languages with fallback chain.
+     *
+     * Priority order:
+     * 1. Explicit request parameter (not stored, just for current request)
+     * 2. Page-specific stored preference (shared across modules)
+     * 3. ModuleData from request (for backward compat)
+     * 4. Default [0]
+     *
+     * @param array|null $requestLanguages Languages from request parameter
+     * @param array|null $moduleDataLanguages Languages from ModuleData (for backward compat)
+     * @return int[] Resolved language IDs
+     */
+    public function resolveLanguages(
+        BackendUserAuthentication $backendUser,
+        ?array $requestLanguages,
+        int $pageId,
+        ?array $moduleDataLanguages = null
+    ): array {
+        // 1. Explicit request parameter (highest priority)
+        if (!empty($requestLanguages)) {
+            return array_unique(array_map(intval(...), $requestLanguages));
+        }
+
+        // 2. Page-specific preference (shared across modules)
+        $pageSpecific = $backendUser->uc['pageLanguages'][$pageId] ?? null;
+        if (is_array($pageSpecific)) {
+            return $pageSpecific;
+        }
+
+        // 3. ModuleData from request (for backward compat)
+        if (!empty($moduleDataLanguages)) {
+            return array_unique(array_map(intval(...), $moduleDataLanguages));
+        }
+
+        // 4. Default
+        return [0];
+    }
+
+    /**
+     * Store language selection for a page (shared across modules).
+     *
+     * This preference will be used by ALL modules working with this page,
+     * ensuring consistent language selection across Page Module, Records module, etc.
+     */
+    public function setPageLanguages(BackendUserAuthentication $backendUser, int $pageId, array $languageIds): void
+    {
+        if (!isset($backendUser->uc['pageLanguages'])) {
+            $backendUser->uc['pageLanguages'] = [];
+        }
+        $backendUser->uc['pageLanguages'][$pageId] = $languageIds;
+        $backendUser->writeUC();
+    }
+}
diff --git a/Classes/UserFunctions/UserSettingsItemsProcFunc.php b/Classes/UserFunctions/UserSettingsItemsProcFunc.php
new file mode 100644
index 0000000..6e43984
--- /dev/null
+++ b/Classes/UserFunctions/UserSettingsItemsProcFunc.php
@@ -0,0 +1,134 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\UserFunctions;
+
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Backend\Module\ModuleProvider;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Localization\DateFormatter;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Localization\LanguageServiceFactory;
+use TYPO3\CMS\Core\Localization\Locales;
+use TYPO3\CMS\Core\Localization\OfficialLanguages;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+#[Autoconfigure(public: true)]
+final readonly class UserSettingsItemsProcFunc
+{
+    public function __construct(
+        private ModuleProvider $moduleProvider,
+        private Locales $locales,
+        private OfficialLanguages $officialLanguages,
+        private LanguageServiceFactory $languageServiceFactory
+    ) {}
+
+    public function addLanguageItems(array &$params): void
+    {
+        $items = $this->locales->getLanguages();
+        $languageService = $this->getLanguageService();
+        // get all labels in default language as well
+        $defaultLanguageLabelService = $this->languageServiceFactory->create('en');
+        foreach ($items as $languageCode => $name) {
+            if (!$this->locales->isLanguageKeyAvailable($languageCode)) {
+                continue;
+            }
+            // TYPO3 + Ecosystem wrongly uses "ch" as Chinese, but it should be Chamorro (see #106125)
+            // Ideally, we should remove "ch" from the system, marked as chinese, and then "go for it".
+            // Chinese Simplified is "zh-CN"
+            if ($languageCode === 'ch') {
+                $labelIdentifier = 'LLL:EXT:backend/Resources/Private/Language/user_profile.xlf:warning.chinese_simplified';
+            } else {
+                $labelIdentifier = $this->officialLanguages->getLabelIdentifier($languageCode);
+            }
+            $localizedName = $languageService->sL($labelIdentifier) ?: $name;
+            $defaultName = $defaultLanguageLabelService->sL($labelIdentifier);
+            if ($defaultName === $localizedName || $defaultName === '') {
+                $defaultName = $languageCode;
+            }
+            if ($defaultName !== $languageCode) {
+                $defaultName .= ' - ' . $languageCode;
+            }
+            $params['items'][] = [
+                'label' => $localizedName . ' [' . $defaultName . ']',
+                'value' => $languageCode,
+            ];
+        }
+    }
+
+    public function renderStartModuleSelect(array &$params): void
+    {
+        // Load available backend modules
+        $params['items'][] = ['label' => 'LLL:EXT:backend/Resources/Private/Language/user_profile.xlf:start_module.first_in_menu', 'value' => ''];
+        foreach ($this->moduleProvider->getModules($this->getBackendUser(), false) as $identifier => $module) {
+            if ($module->hasSubModules() || $module->isStandalone()) {
+                $subItems = [];
+                if ($module->hasSubModules()) {
+                    foreach ($module->getSubModules() as $subModuleIdentifier => $subModule) {
+                        $subItems[] = [
+                            'label' => $this->getLanguageService()->sL($subModule->getTitle()),
+                            'value' => $subModuleIdentifier,
+                        ];
+                    }
+                } elseif ($module->isStandalone()) {
+                    $subItems[] = [
+                        'label' => $this->getLanguageService()->sL($module->getTitle()),
+                        'value' => $identifier,
+                    ];
+                }
+                if ($subItems !== []) {
+                    // For selects with optgroups, we use a special label format or flat list if optgroups aren't directly supported in items array this way.
+                    // Actually, TYPO3 select items can handle optgroups if provided in a certain way, or just a flat list.
+                    // Traditional itemsProcFunc just adds to $params['items'].
+                    foreach ($subItems as $item) {
+                        $params['items'][] = [
+                            'label' => $this->getLanguageService()->sL($module->getTitle()) . ': ' . $item['label'],
+                            'value' => $item['value'],
+                        ];
+                    }
+                }
+            }
+        }
+    }
+
+    public function renderDateTimeFirstDayOfWeekSelect(array &$params): void
+    {
+        $params['items'][] = ['label' => 'LLL:EXT:backend/Resources/Private/Language/user_profile.xlf:datetime_first_day_of_week.inherit', 'value' => ''];
+        $locale = $this->getLanguageService()->getLocale();
+
+        // There's no "cool" way to retrieve all weekday names like JavaScript Intl.DateTimeFormat->formatToParts() in PHP,
+        // without requiring external dependencies to userland packages.
+        // So we have to iterate that and create a timestamp for each day.
+        // We use an index starting with "1" to prevent "0" being cast to the default value ''.
+        for ($i = 1; $i <= 7; $i++) {
+            $timestamp = new \DateTime('Sunday +' . ($i - 1) . ' days');
+            $dateFormatter = GeneralUtility::makeInstance(DateFormatter::class);
+            $dayName = $dateFormatter->strftime('%A', $timestamp, $locale);
+            $params['items'][] = ['label' => $dayName, 'value' => (string)$i];
+        }
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    private function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/Utility/BackendUtility.php b/Classes/Utility/BackendUtility.php
new file mode 100644
index 0000000..841c87d
--- /dev/null
+++ b/Classes/Utility/BackendUtility.php
@@ -0,0 +1,2600 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Utility;
+
+use Doctrine\DBAL\Statement;
+use Doctrine\DBAL\Types\Type;
+use Psr\Log\LoggerInterface;
+use TYPO3\CMS\Backend\Configuration\TranslationConfigurationProvider;
+use TYPO3\CMS\Backend\Domain\Model\Element\ImmediateActionElement;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Cache\CacheManager;
+use TYPO3\CMS\Core\Cache\Frontend\FrontendInterface;
+use TYPO3\CMS\Core\Core\Environment;
+use TYPO3\CMS\Core\Country\CountryProvider;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Platform\PlatformInformation;
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+use TYPO3\CMS\Core\Database\Query\QueryHelper;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\RelationHandler;
+use TYPO3\CMS\Core\Domain\DateTimeFactory;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+use TYPO3\CMS\Core\Domain\Repository\PageRepository;
+use TYPO3\CMS\Core\Exception\SiteNotFoundException;
+use TYPO3\CMS\Core\Localization\DateFormatter;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Log\LogManager;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\Field\JsonFieldType;
+use TYPO3\CMS\Core\Schema\Field\NoneFieldType;
+use TYPO3\CMS\Core\Schema\Field\PassthroughFieldType;
+use TYPO3\CMS\Core\Schema\SchemaLabelResolver;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Site\Entity\NullSite;
+use TYPO3\CMS\Core\Site\SiteFinder;
+use TYPO3\CMS\Core\TypoScript\PageTsConfig;
+use TYPO3\CMS\Core\TypoScript\PageTsConfigFactory;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\ExtensionManagementUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * Standard functions available for the TYPO3 backend.
+ * You are encouraged to use this class in your own applications (Backend Modules)
+ * Don't instantiate - call functions with "\TYPO3\CMS\Backend\Utility\BackendUtility::" prefixed the function name.
+ *
+ * Call ALL methods without making an object!
+ * Eg. to get a page-record 51 do this: '\TYPO3\CMS\Backend\Utility\BackendUtility::getRecord('pages',51)'
+ */
+class BackendUtility
+{
+    /*******************************************
+     *
+     * SQL-related, selecting records, searching
+     *
+     *******************************************/
+    /**
+     * Gets record with uid = $uid from $table
+     * You can set $field to a list of fields (default is '*')
+     * Additional WHERE clauses can be added by $where (fx. ' AND some_field = 1')
+     * Will automatically check if records has been deleted and if so, not return anything.
+     * $table must be available in Schema API
+     *
+     * @param string $table Table name, available in Schema API
+     * @param int|string $uid UID of record
+     * @param string|list<non-empty-string> $fields List of fields to select, either as comma-separated string or array of field names
+     * @param string $where Additional WHERE clause, eg. ' AND some_field = 0'
+     * @param bool $useDeleteClause Use the deleteClause to check if a record is deleted (default TRUE)
+     * @return array|null Returns the row if found, otherwise NULL
+     */
+    public static function getRecord(string $table, $uid, string|array $fields = ['*'], $where = '', $useDeleteClause = true): ?array
+    {
+        if (self::getTcaSchema($table) === null
+            || !MathUtility::canBeInterpretedAsInteger($uid)
+            || (int)$uid > 2147483647
+            || (int)$uid < 1
+        ) {
+            // Return null early in case there is no TCA, the input is no integer, or an integer is
+            // larger than (2^31) - 1. This needs to be increased when we switch to bigint uids.
+            // Do not throw an exception because normal operation needs to
+            // continue as DataHandler and friends expect 'null' records for these cases.
+            return null;
+        }
+        $uid = (int)$uid;
+        $queryBuilder = self::getQueryBuilderForTable($table);
+        $queryBuilder->getRestrictions()->removeAll();
+        if ($useDeleteClause) {
+            $queryBuilder->getRestrictions()->add(GeneralUtility::makeInstance(DeletedRestriction::class));
+        }
+        $selectFields = is_array($fields)
+            // Simulate a similar "trim" + remove empty values like GeneralUtility::trimExplode() does
+            ? array_values(array_filter(array_map(trim(...), $fields), static fn(string $field): bool => $field !== ''))
+            : GeneralUtility::trimExplode(',', $fields, true);
+        $queryBuilder
+            ->select(...$selectFields)
+            ->from($table)
+            ->where($queryBuilder->expr()->eq('uid', $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT)));
+        if ($where) {
+            // Add custom where clause
+            $queryBuilder->andWhere(QueryHelper::stripLogicalOperatorPrefix($where));
+        }
+        if ($row = $queryBuilder->executeQuery()->fetchAssociative()) {
+            return $row;
+        }
+        return null;
+    }
+
+    /**
+     * Like getRecord(), but overlays workspace version if any.
+     *
+     * @param string $table Table name, available in Schema API
+     * @param int $uid UID of record
+     * @param string|list<non-empty-string> $fields List of fields to select, either as comma-separated string or array of field names
+     * @param string $where Additional WHERE clause, eg. ' AND some_field = 0'
+     * @param bool $useDeleteClause Use the deleteClause to check if a record is deleted (default TRUE)
+     * @param bool $unsetMovePointers If TRUE the function does not return a "pointer" row for moved records in a workspace
+     * @return array|null Returns the row if found, else NULL
+     */
+    public static function getRecordWSOL(
+        $table,
+        $uid,
+        string|array $fields = ['*'],
+        $where = '',
+        $useDeleteClause = true,
+        $unsetMovePointers = false
+    ): ?array {
+        $fields = is_array($fields)
+            // Simulate a similar "trim" + remove empty values like GeneralUtility::trimExplode() does
+            ? array_values(array_filter(array_map(trim(...), $fields), static fn(string $field): bool => $field !== ''))
+            : GeneralUtility::trimExplode(',', $fields, true);
+        if ($fields !== ['*']) {
+            $internalFields = array_unique(array_merge($fields, ['uid', 'pid']));
+            $row = self::getRecord($table, $uid, $internalFields, $where, $useDeleteClause);
+            self::workspaceOL($table, $row, -99, $unsetMovePointers);
+            if (is_array($row)) {
+                foreach ($row as $key => $_) {
+                    if (!in_array($key, $fields, true) && $key[0] !== '_') {
+                        unset($row[$key]);
+                    }
+                }
+            }
+        } else {
+            $row = self::getRecord($table, $uid, $fields, $where, $useDeleteClause);
+            self::workspaceOL($table, $row, -99, $unsetMovePointers);
+        }
+        return $row;
+    }
+
+    /**
+     * Purges computed properties starting with underscore character ('_').
+     *
+     * @param array<string,mixed> $record
+     * @return array<string,mixed>
+     * @internal should only be used from within TYPO3 Core
+     */
+    public static function purgeComputedPropertiesFromRecord(array $record): array
+    {
+        return array_filter(
+            $record,
+            static function (string $propertyName): bool {
+                return $propertyName[0] !== '_';
+            },
+            ARRAY_FILTER_USE_KEY
+        );
+    }
+
+    /**
+     * Purges computed property names starting with underscore character ('_').
+     *
+     * @internal should only be used from within TYPO3 Core
+     */
+    public static function purgeComputedPropertyNames(array $propertyNames): array
+    {
+        return array_filter(
+            $propertyNames,
+            static function (string $propertyName): bool {
+                return $propertyName[0] !== '_';
+            }
+        );
+    }
+
+    /**
+     * Makes a backwards explode on the $str and returns an array with ($table, $uid).
+     * Example: tt_content_45 => ['tt_content', 45]
+     *
+     * @param string $str [tablename]_[uid] string to explode
+     * @return array
+     * @internal should only be used from within TYPO3 Core
+     */
+    public static function splitTable_Uid($str)
+    {
+        $split = explode('_', strrev($str), 2);
+        $uid = $split[0];
+        $table = $split[1] ?? '';
+        return [strrev($table), strrev($uid)];
+    }
+
+    /**
+     * Backend implementation of enableFields()
+     * Notice that "fe_groups" is not selected for - only disabled, starttime and endtime.
+     * Notice that deleted-fields are NOT filtered - you must ALSO call deleteClause in addition.
+     * $GLOBALS["SIM_ACCESS_TIME"] is used for date.
+     *
+     * @param string $table The table from which to return enableFields WHERE clause. Table name must have a valid configuration.
+     * @param bool $inv Means that the query will select all records NOT VISIBLE records (inverted selection)
+     * @return string WHERE clause part
+     * @internal should only be used from within TYPO3 Core, but DefaultRestrictionHandler is recommended as alternative
+     */
+    public static function BEenableFields(string $table, $inv = false): string
+    {
+        $schema = self::getTcaSchema($table);
+        if ($schema === null) {
+            return '';
+        }
+        $expressionBuilder = self::getConnectionForTable($table)
+            ->getExpressionBuilder();
+        $query = $expressionBuilder->and();
+        $invQuery = $expressionBuilder->or();
+
+        if ($schema->hasCapability(TcaSchemaCapability::RestrictionDisabledField)) {
+            $field = $table . '.' . $schema->getCapability(TcaSchemaCapability::RestrictionDisabledField)->getFieldName();
+            $query = $query->with($expressionBuilder->eq($field, 0));
+            $invQuery = $invQuery->with($expressionBuilder->neq($field, 0));
+        }
+        if ($schema->hasCapability(TcaSchemaCapability::RestrictionStartTime)) {
+            $field = $table . '.' . $schema->getCapability(TcaSchemaCapability::RestrictionStartTime)->getFieldName();
+            $query = $query->with($expressionBuilder->lte($field, (int)$GLOBALS['SIM_ACCESS_TIME']));
+            $invQuery = $invQuery->with(
+                $expressionBuilder->and(
+                    $expressionBuilder->neq($field, 0),
+                    $expressionBuilder->gt($field, (int)$GLOBALS['SIM_ACCESS_TIME'])
+                )
+            );
+        }
+        if ($schema->hasCapability(TcaSchemaCapability::RestrictionEndTime)) {
+            $field = $table . '.' . $schema->getCapability(TcaSchemaCapability::RestrictionEndTime)->getFieldName();
+            $query = $query->with(
+                $expressionBuilder->or(
+                    $expressionBuilder->eq($field, 0),
+                    $expressionBuilder->gt($field, (int)$GLOBALS['SIM_ACCESS_TIME'])
+                )
+            );
+            $invQuery = $invQuery->with(
+                $expressionBuilder->and(
+                    $expressionBuilder->neq($field, 0),
+                    $expressionBuilder->lte($field, (int)$GLOBALS['SIM_ACCESS_TIME'])
+                )
+            );
+        }
+
+        if ($query->count() === 0) {
+            return '';
+        }
+
+        return ' AND ' . ($inv ? $invQuery : $query);
+    }
+
+    /*******************************************
+     *
+     * Page tree, TCA related
+     *
+     *******************************************/
+    /**
+     * Returns what is called the 'RootLine'. That is an array with information about the page records from a page id
+     * ($uid) and back to the root.
+     * By default deleted pages are filtered.
+     * This RootLine will follow the tree all the way to the root. This is opposite to another kind of root line known
+     * from the frontend where the rootline stops when a root-template is found.
+     *
+     * @param int $uid Page id for which to create the root line.
+     * @param string $clause Clause can be used to select other criteria. It would typically be where-clauses that
+     *          stops the process if we meet a page, the user has no reading access to.
+     * @param bool $workspaceOL If TRUE, version overlay is applied. This must be requested specifically because it is
+     *          usually only wanted when the rootline is used for visual output while for permission checking you want the raw thing!
+     * @param string[] $additionalFields Additional Fields to select for rootline records
+     * @param bool $useDeleteClause Use the deleteClause to check if a record is deleted (default TRUE)
+     * @return array Root line array, all the way to the page tree root uid=0 (or as far as $clause allows!), including the page given as $uid
+     */
+    public static function BEgetRootLine($uid, $clause = '', $workspaceOL = false, array $additionalFields = [], bool $useDeleteClause = true)
+    {
+        $runtimeCache = GeneralUtility::makeInstance(CacheManager::class)->getCache('runtime');
+        $beGetRootLineCache = $runtimeCache->get('backendUtilityBeGetRootLine') ?: [];
+        $output = [];
+        $pid = $uid;
+        $ident = $pid . '-' . $clause . '-' . $workspaceOL . ($additionalFields ? '-' . md5(implode(',', $additionalFields)) : '');
+        if (is_array($beGetRootLineCache[$ident] ?? false)) {
+            $output = $beGetRootLineCache[$ident];
+        } else {
+            $loopCheck = 100;
+            $theRowArray = [];
+            while ($uid != 0 && $loopCheck) {
+                $loopCheck--;
+                $row = self::getPageForRootline($uid, $clause, $workspaceOL, $additionalFields, $useDeleteClause);
+                if ($row === false) {
+                    break;
+                }
+                $uid = (int)$row['pid'];
+                $theRowArray[] = $row;
+            }
+            $fields = [
+                'uid',
+                'pid',
+                'title',
+                'doktype',
+                'slug',
+                'tsconfig_includes',
+                'TSconfig',
+                'is_siteroot',
+                't3ver_oid',
+                't3ver_wsid',
+                't3ver_state',
+                't3ver_stage',
+                'backend_layout',
+                'backend_layout_next_level',
+                'hidden',
+                'starttime',
+                'endtime',
+                'fe_group',
+                'nav_hide',
+                'content_from_pid',
+                'module',
+                'extendToSubpages',
+            ];
+            $fields = array_merge($fields, $additionalFields);
+            $rootPage = array_fill_keys($fields, null);
+            if ($uid == 0) {
+                $rootPage['uid'] = 0;
+                $theRowArray[] = $rootPage;
+            }
+            $c = count($theRowArray);
+            foreach ($theRowArray as $val) {
+                $c--;
+                $output[$c] = array_intersect_key($val, $rootPage);
+                if (isset($val['_ORIG_pid'])) {
+                    $output[$c]['_ORIG_pid'] = $val['_ORIG_pid'];
+                }
+            }
+            $beGetRootLineCache[$ident] = $output;
+            $runtimeCache->set('backendUtilityBeGetRootLine', $beGetRootLineCache);
+        }
+        return $output;
+    }
+
+    /**
+     * Gets the cached page record for the rootline
+     *
+     * @param int $uid Page id for which to create the root line.
+     * @param string $clause Clause can be used to select other criteria. It would typically be where-clauses that stops the process if we meet a page, the user has no reading access to.
+     * @param bool $workspaceOL If TRUE, version overlay is applied. This must be requested specifically because it is usually only wanted when the rootline is used for visual output while for permission checking you want the raw thing!
+     * @param string[] $additionalFields AdditionalFields to fetch from the root line
+     * @param bool $useDeleteClause Use the deleteClause to check if a record is deleted (default TRUE)
+     * @return array|false Cached page record for the rootline or false if nothing was found
+     * @see BEgetRootLine
+     */
+    protected static function getPageForRootline($uid, $clause, $workspaceOL, array $additionalFields = [], bool $useDeleteClause = true): array|false
+    {
+        $runtimeCache = GeneralUtility::makeInstance(CacheManager::class)->getCache('runtime');
+        $pageForRootlineCache = $runtimeCache->get('backendUtilityPageForRootLine') ?: [];
+        $statementCacheIdent = md5($clause . ($additionalFields ? '-' . implode(',', $additionalFields) : '') . ($useDeleteClause ? '-delete' : ''));
+        $ident = $uid . '-' . $workspaceOL . '-' . $statementCacheIdent;
+        if (is_array($pageForRootlineCache[$ident] ?? false)) {
+            $row = $pageForRootlineCache[$ident];
+        } else {
+            /** @var Statement|false $statement */
+            $statement = $runtimeCache->get('getPageForRootlineStatement-' . $statementCacheIdent);
+            if (!$statement) {
+                $queryBuilder = self::getQueryBuilderForTable('pages');
+                $queryBuilder->getRestrictions()->removeAll();
+                if ($useDeleteClause) {
+                    $queryBuilder->getRestrictions()->add(GeneralUtility::makeInstance(DeletedRestriction::class));
+                }
+                $queryBuilder
+                    ->select(
+                        'pid',
+                        'uid',
+                        'title',
+                        'doktype',
+                        'slug',
+                        'tsconfig_includes',
+                        'TSconfig',
+                        'is_siteroot',
+                        't3ver_oid',
+                        't3ver_wsid',
+                        't3ver_state',
+                        't3ver_stage',
+                        'backend_layout',
+                        'backend_layout_next_level',
+                        'hidden',
+                        'starttime',
+                        'endtime',
+                        'fe_group',
+                        'nav_hide',
+                        'content_from_pid',
+                        'module',
+                        'extendToSubpages',
+                        ...$additionalFields
+                    )
+                    ->from('pages')
+                    ->where(
+                        $queryBuilder->expr()->eq('uid', $queryBuilder->createPositionalParameter($uid, Connection::PARAM_INT)),
+                        QueryHelper::stripLogicalOperatorPrefix($clause)
+                    );
+                $statement = $queryBuilder->prepare();
+                $runtimeCache->set('getPageForRootlineStatement-' . $statementCacheIdent, $statement);
+            }
+
+            $statement->bindValue(1, (int)$uid, Connection::PARAM_INT);
+            $result = $statement->executeQuery();
+            $row = $result->fetchAssociative();
+            $result->free();
+
+            if ($row) {
+                if ($workspaceOL) {
+                    self::workspaceOL('pages', $row);
+                }
+                if (is_array($row)) {
+                    $pageForRootlineCache[$ident] = $row;
+                    $runtimeCache->set('backendUtilityPageForRootLine', $pageForRootlineCache);
+                }
+            }
+        }
+        return $row;
+    }
+
+    /**
+     * Returns the path (visually) of a page $uid, fx. "/First page/Second page/Another subpage"
+     * Each part of the path will be limited to $titleLimit characters
+     * Deleted pages are filtered out.
+     *
+     * @param int $uid Page uid for which to create record path
+     * @param string $clause Clause is additional where clauses, eg.
+     * @param int $titleLimit Title limit
+     * @param int $fullTitleLimit Title limit of Full title (typ. set to 1000 or so)
+     * @return mixed Path of record (string) OR array with short/long title if $fullTitleLimit is set.
+     */
+    public static function getRecordPath($uid, $clause, $titleLimit, $fullTitleLimit = 0)
+    {
+        if (!$titleLimit) {
+            $titleLimit = 1000;
+        }
+        $output = $fullOutput = '/';
+        $clause = trim($clause);
+        if ($clause !== '' && !str_starts_with($clause, 'AND')) {
+            $clause = 'AND ' . $clause;
+        }
+        $data = self::BEgetRootLine($uid, $clause, true);
+        foreach ($data as $record) {
+            if ($record['uid'] === 0) {
+                continue;
+            }
+            $output = '/' . GeneralUtility::fixed_lgd_cs(strip_tags($record['title']), (int)$titleLimit) . $output;
+            if ($fullTitleLimit) {
+                $fullOutput = '/' . GeneralUtility::fixed_lgd_cs(strip_tags($record['title']), (int)$fullTitleLimit) . $fullOutput;
+            }
+        }
+        if ($fullTitleLimit) {
+            return [$output, $fullOutput];
+        }
+        return $output;
+    }
+
+    /**
+     * Returns a page record (of page with $id) with an extra field "_thePath" set to the record path if
+     * the WHERE clause $perms_clause selects the record. This works as an access check that returns a page
+     * record if access was granted, otherwise false.
+     * If $id is zero a pseudo root-page with "_thePath" set is returned IF the current BE_USER is admin.
+     * In any case ->isInWebMount must return TRUE for the user (regardless of $perms_clause)
+     *
+     * @param int $id Page uid for which to check read-access
+     * @param string $perms_clause This is typically a value generated with static::getBackendUserAuthentication()->getPagePermsClause(1);
+     * @return array|false Returns page record if OK, otherwise FALSE.
+     */
+    public static function readPageAccess($id, $perms_clause): array|false
+    {
+        $id = (int)$id;
+        if (!$id) {
+            if (static::getBackendUserAuthentication()->isAdmin()) {
+                return ['_thePath' => '/'];
+            }
+        } else {
+            $pageinfo = self::getRecord('pages', $id, '*', $perms_clause);
+            if (($pageinfo['uid'] ?? false) && static::getBackendUserAuthentication()->isInWebMount($pageinfo, $perms_clause)) {
+                self::workspaceOL('pages', $pageinfo);
+                if (is_array($pageinfo)) {
+                    $recordPathResultArray = self::getRecordPath((int)$pageinfo['uid'], $perms_clause, 15, 1000);
+                    $pageinfo['_thePath'] = $recordPathResultArray[0];
+                    $pageinfo['_thePathFull'] = $recordPathResultArray[1];
+                    return $pageinfo;
+                }
+            }
+        }
+        return false;
+    }
+
+    /**
+     * Returns the "type" value of $rec from $table which can be used to look up the correct "types" rendering section
+     * If the schema does not support sub schemata, zero is used.
+     * If zero is not a valid sub schemata for the table, then the $fieldValue returned will default to 1 (no matter if that is valid or not)
+     *
+     * Note: This method is very similar to the type determination of FormDataProvider/DatabaseRecordTypeValue,
+     * however, it has two differences:
+     * 1) The method in TCEForms also takes care of localization (which is difficult to do here as the whole infrastructure for language overlays is only in TCEforms).
+     * 2) The $row array looks different in TCEForms, as in there it's not the raw record but the prepared data from other providers is handled, which changes e.g. how "select"
+     * and "group" field values are stored, which makes different processing of the "foreign pointer field" type field variant necessary.
+     *
+     * @param string $table Table name present in TCA
+     * @param array $row Record from $table
+     * @throws \RuntimeException
+     * @return string|null Field value
+     */
+    public static function getTCAtypeValue($table, $row, bool $skipFallback = false)
+    {
+        $typeNum = null;
+        $schema = self::getTcaSchema($table);
+        if ($schema) {
+            if ($schema->supportsSubSchema()) {
+                $subSchemaInformation = $schema->getSubSchemaTypeInformation();
+                if ($subSchemaInformation->isPointerToForeignFieldInForeignSchema()) {
+                    $pointerField = $subSchemaInformation->getFieldName();
+                    // Check if the record has been persisted already
+                    $foreignUid = 0;
+                    if (isset($row['uid'])) {
+                        // Get field value from database if field is not in the $row array
+                        if (!isset($row[$subSchemaInformation->getFieldName()])) {
+                            $localRow = self::getRecord($table, $row['uid'], $pointerField);
+                            $foreignUid = $localRow[$pointerField] ?? 0;
+                        } else {
+                            $foreignUid = $row[$pointerField];
+                        }
+                    }
+                    if ($foreignUid) {
+                        if (($foreignSchema = self::getTcaSchema($subSchemaInformation->getForeignSchemaName())) !== null) {
+                            if (isset($row[$pointerField]) && $foreignSchema->hasField($subSchemaInformation->getForeignFieldName())) {
+                                $foreignRecord = self::getRecord($subSchemaInformation->getForeignSchemaName(), $row[$pointerField], $subSchemaInformation->getForeignFieldName());
+                                $typeNum = $foreignRecord[$subSchemaInformation->getForeignFieldName()] ?? null;
+                            }
+                        }
+                    }
+                } else {
+                    $typeNum = $row[$subSchemaInformation->getFieldName()] ?? null;
+                }
+            }
+        }
+        // If typeNum is an array, e.g. when using type=select and renderType=selectCheckBox, use the
+        // first value or fallback to NULL in case multiple values are selected - which does not work.
+        if (is_array($typeNum)) {
+            $typeNum = count($typeNum) === 1 ? reset($typeNum) : null;
+        }
+        // If current typeNum doesn't exist, set it to 0 (or to 1 for historical reasons, if 0 doesn't exist)
+        // @todo Resolve this
+        if ($typeNum === null || !$schema?->hasSubSchema((string)$typeNum)) {
+            if ($skipFallback) {
+                return null;
+            }
+            $typeNum = $schema?->hasSubSchema('0') ? '0' : '1';
+        }
+        // Force to string. Necessary for eg '-1' to be recognized as a type value.
+        return (string)$typeNum;
+    }
+
+    /*******************************************
+     *
+     * TypoScript related
+     *
+     *******************************************/
+
+    /**
+     * Returns the page TSconfig for page with uid $pageUid.
+     *
+     * This method tends to be called by casual backend controllers multiple times
+     * with the same page uid, it has a runtime cache to short circuit this.
+     *
+     * The DataHandler however tends to also call this for different page uids when
+     * doing bulk operations like multi row updates or imports, for instance by
+     * the cache flush logic. FormEngine can trigger this as well when editing
+     * multiple pages at once.
+     *
+     * A single-level page uid -> PageTsConfig cache can be pretty memory
+     * hungry since the PageTsConfig object can be relatively huge. To prevent
+     * this method from being a memory hog, a two-level-cache is implemented:
+     * Many pages typically share the same page TSconfig. We get the rootline
+     * of a page, and create a hash from the two relevant TSconfig and
+     * tsconfig_includes fields, the attached site identifier, plus the hash of
+     * matched conditions. We then store a hash-to-object cache entry per
+     * different hash, and a page uid-to-hash pointer.
+     *
+     * @param int $pageUid
+     */
+    public static function getPagesTSconfig($pageUid): array
+    {
+        $runtimeCache = static::getRuntimeCache();
+        $pageTsConfigHash = $runtimeCache->get('pageTsConfig-pid-to-hash-' . $pageUid);
+        if ($pageTsConfigHash) {
+            $pageTsConfig = $runtimeCache->get('pageTsConfig-hash-to-object-' . $pageTsConfigHash);
+            if ($pageTsConfig instanceof PageTsConfig) {
+                return $pageTsConfig->getPageTsConfigArray();
+            }
+        }
+
+        $pageUid = (int)$pageUid;
+        $fullRootLine = self::BEgetRootLine($pageUid, '', true);
+        // Order correctly
+        ksort($fullRootLine);
+
+        try {
+            $site = GeneralUtility::makeInstance(SiteFinder::class)->getSiteByPageId($pageUid);
+        } catch (SiteNotFoundException) {
+            $site = new NullSite();
+        }
+
+        $pageTsConfigFactory = GeneralUtility::makeInstance(PageTsConfigFactory::class);
+        $pageTsConfig = $pageTsConfigFactory->create($fullRootLine, $site, static::getBackendUserAuthentication()?->getUserTsConfig());
+
+        $cacheRelevantData = $site->getIdentifier() . json_encode($pageTsConfig->getConditionListWithVerdicts(), JSON_THROW_ON_ERROR);
+        foreach ($fullRootLine as $rootLine) {
+            if (!empty($rootLine['TSconfig'])) {
+                $cacheRelevantData .= (string)$rootLine['TSconfig'];
+            }
+            if (!empty($rootLine['tsconfig_includes'])) {
+                $cacheRelevantData .= (string)$rootLine['tsconfig_includes'];
+            }
+        }
+        $pageTsConfigHash = hash('xxh3', $cacheRelevantData);
+
+        $runtimeCache->set('pageTsConfig-pid-to-hash-' . $pageUid, $pageTsConfigHash);
+        $runtimeCache->set('pageTsConfig-hash-to-object-' . $pageTsConfigHash, $pageTsConfig);
+        return $pageTsConfig->getPageTsConfigArray();
+    }
+
+    /*******************************************
+     *
+     * Users / Groups related
+     *
+     *******************************************/
+    /**
+     * Returns an array with be_users records of all user NOT DELETED sorted by their username
+     * Keys in the array is the be_users uid
+     *
+     * @param string $fields Optional $fields list (default: username,usergroup,uid) can be used to set the selected fields
+     * @param string $where Optional $where clause (fx. "AND username='pete'") can be used to limit query
+     * @return array
+     * @internal should only be used from within TYPO3 Core, use a direct SQL query instead to ensure proper DBAL where statements
+     */
+    public static function getUserNames($fields = 'username,usergroup,uid', $where = '')
+    {
+        return self::getRecordsSortedByTitle(
+            GeneralUtility::trimExplode(',', $fields, true),
+            'be_users',
+            'username',
+            'AND pid=0 ' . $where
+        );
+    }
+
+    /**
+     * Returns an array with be_groups records (title, uid) of all groups NOT DELETED sorted by their title
+     *
+     * @param string $fields Field list
+     * @param string $where WHERE clause
+     * @return array
+     * @internal should only be used from within TYPO3 Core, use a direct SQL query instead to ensure proper DBAL where statements
+     */
+    public static function getGroupNames($fields = 'title,uid', $where = '')
+    {
+        return self::getRecordsSortedByTitle(
+            GeneralUtility::trimExplode(',', $fields, true),
+            'be_groups',
+            'title',
+            'AND pid=0 ' . $where
+        );
+    }
+
+    /**
+     * Returns an array of all non-deleted records of a table sorted by a given title field.
+     * The value of the title field will be replaced by the return value
+     * of self::getRecordTitle() before the sorting is performed.
+     *
+     * @param array $fields Fields to select
+     * @param string $table Table name
+     * @param string $titleField Field that will contain the record title
+     * @param string $where Additional where clause
+     * @return array Array of sorted records
+     */
+    protected static function getRecordsSortedByTitle(array $fields, string $table, $titleField, $where = ''): array
+    {
+        $fieldsIndex = array_flip($fields);
+        // Make sure the titleField is amongst the fields when getting sorted
+        $fieldsIndex[$titleField] = 1;
+
+        $result = [];
+
+        $queryBuilder = self::getQueryBuilderForTable($table);
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class));
+
+        $res = $queryBuilder
+            ->select('*')
+            ->from($table)
+            ->where(QueryHelper::stripLogicalOperatorPrefix($where))
+            ->executeQuery();
+
+        while ($record = $res->fetchAssociative()) {
+            // store the uid, because it might be unset if it's not among the requested $fields
+            $recordId = (int)$record['uid'];
+            $record[$titleField] = self::getRecordTitle($table, $record);
+
+            // include only the requested fields in the result
+            $result[$recordId] = array_intersect_key($record, $fieldsIndex);
+        }
+
+        // sort records by $sortField. This is not done in the query because the title might have been overwritten by
+        // self::getRecordTitle();
+        return ArrayUtility::sortArraysByKey($result, $titleField);
+    }
+
+    /*******************************************
+     *
+     * Output related
+     *
+     *******************************************/
+    /**
+     * Returns the difference in days between input $tstamp and $EXEC_TIME
+     *
+     * @param int|\DateTimeInterface $tstamp Time stamp (seconds) or DateTime object
+     */
+    public static function daysUntil(int|\DateTimeInterface $tstamp): int
+    {
+        if ($tstamp instanceof \DateTimeInterface) {
+            $tstamp = $tstamp->getTimestamp();
+        }
+        $delta_t = $tstamp - $GLOBALS['EXEC_TIME'];
+        return (int)ceil($delta_t / (3600 * 24));
+    }
+
+    /**
+     * Returns $tstamp formatted as "ddmmyy" (According to $GLOBALS['TYPO3_CONF_VARS']['SYS']['ddmmyy'])
+     *
+     * @param \DateTimeInterface|int $tstamp Time stamp, seconds
+     * @return string Formatted time
+     */
+    public static function date(\DateTimeInterface|int $tstamp)
+    {
+        if ($tstamp instanceof \DateTimeInterface) {
+            return $tstamp->format($GLOBALS['TYPO3_CONF_VARS']['SYS']['ddmmyy']);
+        }
+        return date($GLOBALS['TYPO3_CONF_VARS']['SYS']['ddmmyy'], (int)$tstamp);
+    }
+
+    /**
+     * Returns $tstamp formatted as "ddmmyy hhmm" (According to $GLOBALS['TYPO3_CONF_VARS']['SYS']['ddmmyy'] AND $GLOBALS['TYPO3_CONF_VARS']['SYS']['hhmm'])
+     *
+     * @param int $value Time stamp, seconds
+     * @return string Formatted time
+     */
+    public static function datetime($value): string
+    {
+        return date(
+            $GLOBALS['TYPO3_CONF_VARS']['SYS']['ddmmyy'] . ' ' . $GLOBALS['TYPO3_CONF_VARS']['SYS']['hhmm'],
+            $value
+        );
+    }
+
+    /**
+     * Returns $tstamp formatted as "ddmmyy hhmmss" (According to $GLOBALS['TYPO3_CONF_VARS']['SYS']['ddmmyy'] and
+     * a fixed hhmmss format
+     *
+     * @param int $value Time stamp, seconds
+     * @return string Formatted time
+     */
+    public static function datetimesec(int $value): string
+    {
+        return date(
+            $GLOBALS['TYPO3_CONF_VARS']['SYS']['ddmmyy'] . ' H:i:s',
+            $value
+        );
+    }
+
+    /**
+     * Returns $value (in seconds) formatted as hh:mm:ss
+     * For instance $value = 3600 + 60*2 + 3 should return "01:02:03"
+     *
+     * @param int $value Time stamp, seconds
+     * @param bool $withSeconds Output hh:mm:ss. If FALSE: hh:mm
+     * @return string Formatted time
+     */
+    public static function time($value, $withSeconds = true)
+    {
+        return gmdate('H:i' . ($withSeconds ? ':s' : ''), (int)$value);
+    }
+
+    /**
+     * Returns the "age" in minutes / hours / days / years of the number of $seconds inputted.
+     *
+     * @param int $seconds Seconds is the difference of current time() and a certain timestamp
+     * @param string $labels Labels should be something like ' min| hrs| days| yrs| min| hour| day| year'. This value is typically delivered by this function call: $GLOBALS["LANG"]->sL("LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.minutesHoursDaysYears")
+     * @return string Formatted time
+     */
+    public static function calcAge($seconds, $labels = 'min|hrs|days|yrs|min|hour|day|year')
+    {
+        $now = DateTimeFactory::createFromTimestamp($GLOBALS['EXEC_TIME']);
+        $then = DateTimeFactory::createFromTimestamp($GLOBALS['EXEC_TIME'] - $seconds);
+        // Show past dates without a leading sign, but future dates with.
+        // This does not make sense, but is kept for legacy reasons.
+        $sign = $then > $now ? '-' : '';
+        // Take an absolute diff, since we don't want formatDateInterval to output the (correct) sign
+        $diff = $now->diff($then, true);
+        return $sign . (new DateFormatter())->formatDateInterval($diff, $labels);
+    }
+
+    /**
+     * Returns a formatted timestamp if $tstamp is set.
+     * The date/datetime will be followed by the age in parenthesis.
+     *
+     * @param int $tstamp Time stamp, seconds
+     * @param int $prefix 1/-1 depending on polarity of age.
+     * @param string $date $date=="date" will yield "dd:mm:yy" formatting, otherwise "dd:mm:yy hh:mm
+     * @return string
+     */
+    public static function dateTimeAge($tstamp, $prefix = 1, $date = '')
+    {
+        if (!$tstamp) {
+            return '';
+        }
+        $label = static::getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.minutesHoursDaysYears');
+        $age = ' (' . self::calcAge($prefix * ($GLOBALS['EXEC_TIME'] - $tstamp), $label) . ')';
+        return ($date === 'date' ? self::date($tstamp) : self::datetime($tstamp)) . $age;
+    }
+
+    /**
+     * Returns title-attribute information for a page-record informing about id, doktype, hidden, starttime, endtime, fe_group etc.
+     *
+     * @param array $row Input must be a page row ($row) with the proper fields set (be sure - send the full range of fields for the table)
+     * @param string $perms_clause This is used to get the record path of the shortcut page, if any (and doktype==4)
+     * @param bool $includeAttrib If $includeAttrib is set, then the 'title=""' attribute is wrapped about the return value, which is in any case htmlspecialchar()'ed already
+     * @param bool $preferNavTitle Prefers the 'nav_title' if available over the 'title' (nessesary for Tree with options.pageTree.showNavTitle = 1)
+     * @return string
+     */
+    public static function titleAttribForPages($row, $perms_clause = '', $includeAttrib = true, bool $preferNavTitle = false)
+    {
+        $schema = self::getTcaSchema('pages');
+        if (!isset($row['uid']) || $schema === null) {
+            return '';
+        }
+        $lang = static::getLanguageService();
+        $parts = [];
+        $parts[] = 'id=' . $row['uid'];
+        if ($preferNavTitle && trim($row['nav_title'] ?? '') !== '') {
+            $parts[] = $row['nav_title'];
+        } else {
+            $parts[] = $row['title'];
+        }
+        if ($row['uid'] === 0) {
+            $out = implode(' - ', $parts);
+            return $includeAttrib ? 'title="' . htmlspecialchars($out) . '"' : $out;
+        }
+        switch (VersionState::tryFrom($row['t3ver_state'] ?? 0)) {
+            case VersionState::DELETE_PLACEHOLDER:
+                $parts[] = 'Deleted element!';
+                break;
+            case VersionState::MOVE_POINTER:
+                $parts[] = 'NEW LOCATION (Move-to Pointer) WSID#' . $row['t3ver_wsid'];
+                break;
+            case VersionState::NEW_PLACEHOLDER:
+                $parts[] = 'New element!';
+                break;
+        }
+        if ($row['doktype'] == PageRepository::DOKTYPE_LINK) {
+            $parts[] = $lang->sL($schema->hasField('url') ? $schema->getField('url')->getLabel() : '') . ' ' . ($row['url'] ?? '');
+        } elseif ($row['doktype'] == PageRepository::DOKTYPE_SHORTCUT) {
+            if ($perms_clause) {
+                $label = self::getRecordPath((int)($row['shortcut'] ?? 0), $perms_clause, 20);
+            } else {
+                $row['shortcut'] = (int)($row['shortcut'] ?? 0);
+                $lRec = self::getRecordWSOL('pages', $row['shortcut'], 'title');
+                $label = ($lRec['title'] ?? '') . ' (id=' . $row['shortcut'] . ')';
+            }
+            if (($row['shortcut_mode'] ?? 0) != PageRepository::SHORTCUT_MODE_NONE) {
+                $label .= ', ' . $lang->sL($schema->hasField('shortcut_mode') ? $schema->getField('shortcut_mode')->getLabel() : '') . ' '
+                    . $lang->sL(GeneralUtility::makeInstance(SchemaLabelResolver::class)->getLabelForFieldValue('pages', 'shortcut_mode', $row['shortcut_mode'], $row));
+            }
+            $parts[] = $lang->sL($schema->hasField('shortcut') ? $schema->getField('shortcut')->getLabel() : '') . ' ' . $label;
+        } elseif ($row['doktype'] == PageRepository::DOKTYPE_MOUNTPOINT) {
+            if ((int)$row['mount_pid'] > 0) {
+                if ($perms_clause) {
+                    $label = self::getRecordPath((int)$row['mount_pid'], $perms_clause, 20);
+                } else {
+                    $lRec = self::getRecordWSOL('pages', (int)$row['mount_pid'], 'title');
+                    $label = ($lRec['title'] ?? '') . ' (id=' . $row['mount_pid'] . ')';
+                }
+                $parts[] = $lang->sL($schema->hasField('mount_pid') ? $schema->getField('mount_pid')->getLabel() : '') . ' ' . $label;
+                if ($row['mount_pid_ol'] ?? 0) {
+                    $parts[] = $lang->sL($schema->hasField('mount_pid_ol') ? $schema->getField('mount_pid_ol')->getLabel() : '');
+                }
+            } else {
+                $parts[] = $lang->sL('LLL:EXT:frontend/Resources/Private/Language/locallang_tca.xlf:no_mount_pid');
+            }
+        }
+        if ($row['nav_hide']) {
+            $parts[] = $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_tca.xlf:pages.nav_hide');
+        }
+        if ($row['hidden']) {
+            $parts[] = $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.hidden');
+        }
+        if ($row['starttime']) {
+            $parts[] = $lang->sL($schema->hasField('starttime') ? $schema->getField('starttime')->getLabel() : '')
+                . ' ' . self::dateTimeAge($row['starttime'], -1, 'date');
+        }
+        if ($row['endtime']) {
+            $parts[] = $lang->sL($schema->hasField('endtime') ? $schema->getField('endtime')->getLabel() : '') . ' '
+                . self::dateTimeAge($row['endtime'], -1, 'date');
+        }
+        if ($row['fe_group']) {
+            $fe_groups = [];
+            foreach (GeneralUtility::intExplode(',', (string)$row['fe_group']) as $fe_group) {
+                if ($fe_group < 0) {
+                    $fe_groups[] = $lang->sL(GeneralUtility::makeInstance(SchemaLabelResolver::class)->getLabelForFieldValue('pages', 'fe_group', (string)$fe_group, $row));
+                } else {
+                    $lRec = self::getRecordWSOL('fe_groups', $fe_group, 'title');
+                    if (is_array($lRec)) {
+                        $fe_groups[] = $lRec['title'] ?? '';
+                    }
+                }
+            }
+            $label = implode(', ', $fe_groups);
+            $parts[] = $lang->sL($schema->hasField('fe_group') ? $schema->getField('fe_group')->getLabel() : '') . ' ' . $label;
+        }
+        $out = implode(' - ', $parts);
+        return $includeAttrib ? 'title="' . htmlspecialchars($out) . '"' : $out;
+    }
+
+    /**
+     * Returns title-attribute information for ANY record (from a table defined in TCA of course)
+     * The included information depends on features of the table, but if hidden, starttime, endtime and fe_group fields are configured for, information about the record status in regard to these features are is included.
+     * "pages" table can be used as well and will return the result of ->titleAttribForPages() for that page.
+     *
+     * @param array|RecordInterface $row Table row; $row is a row from the table, $table
+     * @param string $table Table name
+     * @param bool $escapeResult If $escapeResult is set, then the return value is escaped with htmlspecialchars()
+     */
+    public static function getRecordIconAltText($row, $table = 'pages', bool $escapeResult = true): string
+    {
+        if ($row instanceof RecordInterface) {
+            $row = $row->getRawRecord()->toArray();
+        }
+        if ($table === 'pages') {
+            $title = self::titleAttribForPages($row, '', false);
+            return $escapeResult ? htmlspecialchars($title) : $title;
+        }
+
+        $languageService = static::getLanguageService();
+        $schema = self::getTcaSchema($table);
+        $parts = ['id=' . ($row['uid'] ?? '0')];
+
+        if ($schema !== null) {
+            if ($schema->hasCapability(TcaSchemaCapability::InternalDescription)) {
+                $description = trim((string)($row[$schema->getCapability(TcaSchemaCapability::InternalDescription)->getFieldName()] ?? ''));
+                if ($description !== '') {
+                    $parts[] = $description;
+                }
+            }
+            $recordTitle = self::getRecordTitle($table, $row);
+            if (!empty($recordTitle)) {
+                $parts[] = $recordTitle;
+            }
+
+            if ($schema->supportsSubSchema()) {
+                $subSchemaInformation = $schema->getSubSchemaTypeInformation();
+                if ($subSchemaInformation->isPointerToForeignFieldInForeignSchema()) {
+
+                    if (($foreignSchema = self::getTcaSchema($subSchemaInformation->getForeignSchemaName())) !== null) {
+                        if (isset($row[$subSchemaInformation->getFieldName()]) && $foreignSchema->hasField($subSchemaInformation->getForeignFieldName())) {
+                            $foreignRecord = self::getRecord($subSchemaInformation->getForeignSchemaName(), $row[$subSchemaInformation->getFieldName()], $subSchemaInformation->getForeignFieldName());
+                            $typeValue = $foreignRecord[$subSchemaInformation->getForeignFieldName()] ?? null;
+                            if (is_array($typeValue)) {
+                                $typeValue = (string)array_shift($typeValue);
+                            }
+                            if ($typeValue) {
+                                $recordType = self::getProcessedValue($subSchemaInformation->getForeignSchemaName(), $subSchemaInformation->getForeignFieldName(), $typeValue, 0, false, false, 0, false, 0, $foreignRecord);
+                            }
+                        }
+                    }
+                } else {
+                    $typeValue = $row[$subSchemaInformation->getFieldName()] ?? null;
+                    if (is_array($typeValue)) {
+                        $typeValue = (string)array_shift($typeValue);
+                    }
+                    if ($typeValue) {
+                        $recordType = self::getProcessedValue($table, $subSchemaInformation->getFieldName(), $typeValue, 0, false, false, 0, false, 0, $row);
+                    }
+                }
+                if (!empty($recordType)) {
+                    $parts[] = $recordType;
+                }
+            }
+
+            if ($schema->hasCapability(TcaSchemaCapability::Workspace)) {
+                switch (VersionState::tryFrom($row['t3ver_state'] ?? 0)) {
+                    case VersionState::DELETE_PLACEHOLDER:
+                        $parts[] = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.ws.deletedElement');
+                        break;
+                    case VersionState::MOVE_POINTER:
+                        $parts[] = sprintf($languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.ws.newLocation'), (string)($row['t3ver_wsid'] ?? '0'));
+                        break;
+                    case VersionState::NEW_PLACEHOLDER:
+                        $parts[] = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.ws.newElement');
+                        break;
+                }
+            }
+            if ($schema->hasCapability(TcaSchemaCapability::RestrictionDisabledField) && ($row[$schema->getCapability(TcaSchemaCapability::RestrictionDisabledField)->getFieldName()] ?? false)) {
+                $parts[] = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.hidden');
+            }
+            if ($schema->hasCapability(TcaSchemaCapability::RestrictionStartTime) && ($row[$schema->getCapability(TcaSchemaCapability::RestrictionStartTime)->getFieldName()] ?? 0) > $GLOBALS['EXEC_TIME']) {
+                $starttimeField = $schema->getCapability(TcaSchemaCapability::RestrictionStartTime)->getFieldName();
+                $parts[] = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.starttime')
+                    . ': ' . self::date($row[$starttimeField])
+                    . ' (' . self::daysUntil($row[$starttimeField]) . ' ' . $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.days') . ')';
+            }
+            if ($schema->hasCapability(TcaSchemaCapability::RestrictionEndTime) && ($row[$schema->getCapability(TcaSchemaCapability::RestrictionEndTime)->getFieldName()] ?? false)) {
+                $endtimeField = $schema->getCapability(TcaSchemaCapability::RestrictionEndTime)->getFieldName();
+                $parts[] = $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.endtime')
+                    . ': ' . self::date($row[$endtimeField])
+                    . ' (' . self::daysUntil($row[$endtimeField]) . ' ' . $languageService->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.days') . ')';
+            }
+        }
+
+        return $escapeResult ? htmlspecialchars(implode(' - ', $parts)) : implode(' - ', $parts);
+    }
+
+    /**
+     * Returns the "title"-value in record, $row, from table, $table
+     * The field(s) from which the value is taken is determined by the "ctrl"-entries 'label', 'label_alt' and 'label_alt_force'
+     *
+     * @param string $table Table name, present in TCA
+     * @param array|RecordInterface|null $row Row from table
+     * @param bool $prep If set, result is prepared for output: The output is cropped to a limited length (depending on BE_USER->uc['titleLen']) and if no value is found for the title, '<em>[No title]</em>' is returned (localized). Further, the output is htmlspecialchars()'ed
+     * @param bool $forceResult If set, the function always returns an output. If no value is found for the title, '[No title]' is returned (localized).
+     * @return string
+     */
+    public static function getRecordTitle($table, $row, $prep = false, $forceResult = true)
+    {
+        $schema = $mainSchema = self::getTcaSchema($table);
+        if ($schema === null) {
+            return '';
+        }
+        if ($row instanceof RecordInterface) {
+            $row = $row->getRawRecord()->toArray();
+        }
+        $labelCapability = $mainSchema->hasCapability(TcaSchemaCapability::Label) ? $mainSchema->getCapability(TcaSchemaCapability::Label) : null;
+        if ($mainSchema->supportsSubSchema()) {
+            $recordType = self::getTCAtypeValue($table, $row, true);
+            if ($recordType !== null && $mainSchema->hasSubSchema($recordType)) {
+                $schema = $mainSchema->getSubSchema($recordType);
+                $labelCapability = $schema->hasCapability(TcaSchemaCapability::Label) ? $schema->getCapability(TcaSchemaCapability::Label) : $labelCapability;
+            }
+        }
+        $recordTitle = '';
+        // If configured, call userFunc
+        if ($labelCapability?->getConfiguration()['generator'] ?? false) {
+            $params = [
+                'table' => $table,
+                'row' => $row,
+                'title' => '',
+                'options' => $labelCapability->getConfiguration()['generatorOptions'],
+            ];
+            // Create NULL-reference
+            $null = null;
+            GeneralUtility::callUserFunction($labelCapability->getConfiguration()['generator'], $params, $null);
+            // Ensure that result of called userFunc still have title set, and it is a string.
+            $recordTitle = (string)($params['title'] ?? '');
+        } elseif ($labelCapability) {
+            // No userFunc: Build label
+            $ctrlLabel = $labelCapability->getPrimaryFieldName() ?? '';
+            $ctrlLabelValue = $row[$ctrlLabel] ?? '';
+            // $row might be a processed row generated by FormEngine
+            // => bail out if the ctrlLabel field has been processed into an array
+            //    (e.g. in sys_file_reference.uid_local)
+            if (is_array($ctrlLabelValue)) {
+                $ctrlLabelValue = '';
+            }
+            // => also, if the value is a DateTimeInterface, convert it to timestamp as when the $row is still
+            //    unprocessed (happens e.g., with IRRE - processed - vs listing of records - unprocessed)
+            if ($ctrlLabelValue instanceof \DateTimeInterface) {
+                $ctrlLabelValue = $ctrlLabelValue->getTimestamp();
+            }
+            $recordTitle = self::getProcessedValue($table, $ctrlLabel, (string)$ctrlLabelValue, 0, false, false, $row['uid'] ?? null, true, 0, $row) ?? '';
+            if ($labelCapability->getAdditionalFieldNames() !== []
+                && ($labelCapability->alwaysRenderAdditionalFields() || $recordTitle === '')) {
+                // Add the resolved record title - based on "label" - to the array to have them, in case we deal with "label_alt_force"
+                $alternatives = [];
+                if (!empty($recordTitle)) {
+                    $alternatives[] = $recordTitle;
+                }
+                foreach ($labelCapability->getAdditionalFieldNames() as $fieldName) {
+                    $altLabel = '';
+                    // Format string value - leave array value (e.g. for select fields) as is
+                    if (!is_array($row[$fieldName] ?? false)) {
+                        $altLabel = $row[$fieldName] ?? '';
+                        if (!$altLabel instanceof \DateTimeInterface) {
+                            $altLabel = trim(strip_tags((string)($altLabel)));
+                        }
+                    }
+                    if ($altLabel !== '') {
+                        $altLabel = self::getProcessedValue($table, $fieldName, $altLabel, 0, false, false, $row['uid'] ?? 0, true, 0, $row) ?? '';
+                        if ($altLabel) {
+                            $alternatives[] = $altLabel;
+                        }
+                    }
+                }
+                // In case no record title could be resolved based on "label" or "label_alt_force" is set, implode all resolved labels
+                if ($recordTitle === '' || $labelCapability->alwaysRenderAdditionalFields()) {
+                    $recordTitle = implode(', ', $alternatives);
+                }
+            }
+        }
+        // If the current result is empty, set it to '[No title]' (localized) and prepare for output if requested
+        if ($prep || $forceResult) {
+            if ($prep) {
+                $recordTitle = self::getRecordTitlePrep($recordTitle);
+            }
+            if (trim($recordTitle) === '') {
+                $recordTitle = self::getNoRecordTitle($prep);
+            }
+        }
+
+        return $recordTitle;
+    }
+
+    /**
+     * Crops a title string to a limited length and if it really was cropped, wrap it in a <span title="...">|</span>,
+     * which offers a tooltip with the original title when moving mouse over it.
+     *
+     * @param string $title The title string to be cropped
+     * @param int $titleLength Crop title after this length - if not set, BE_USER->uc['titleLen'] is used
+     * @return string The processed title string, wrapped in <span title="...">|</span> if cropped
+     */
+    public static function getRecordTitlePrep($title, $titleLength = 0)
+    {
+        // If $titleLength is not a valid positive integer, set 0 to use BE_USER->uc['titleLen']
+        if (!$titleLength || !MathUtility::canBeInterpretedAsInteger($titleLength) || $titleLength < 0) {
+            $titleLength = 0;
+        }
+        $titleOrig = htmlspecialchars($title);
+        $title = htmlspecialchars(static::cropToTitleLength($title, (int)$titleLength));
+        // If title was cropped, offer a tooltip:
+        if ($titleOrig != $title) {
+            $title = '<span title="' . $titleOrig . '">' . $title . '</span>';
+        }
+        return $title;
+    }
+
+    /**
+     * Crops a title to a maximum length, appending "..." where it's cut.
+     *
+     * The length is resolved in this order:
+     *  - an explicit positive $maxLength is used as-is;
+     *  - null or 0 falls back to the backend user's "titleLen" setting;
+     *  - if no backend user or setting is available, it defaults to 50.
+     *
+     * With $reverse = true the title is cropped from the start instead of the end,
+     * so the "..." is prepended and the end of the title is kept.
+     *
+     * @param string $title The title to crop.
+     * @param int|null $maxLength Max characters; 0 or null uses the user's titleLen (fallback 50).
+     * @param bool $reverse Crop from the start (keep the end) instead of from the end.
+     * @return string The cropped title, or the original if it's already short enough.
+     */
+    public static function cropToTitleLength(string $title, ?int $maxLength = null, bool $reverse = false): string
+    {
+        $maxLength = $maxLength === 0 || is_null($maxLength)
+            ? (int)(static::getBackendUserAuthentication()?->uc['titleLen'] ?? 50)
+            : abs($maxLength);
+
+        if ($reverse) {
+            $maxLength = -$maxLength;
+        }
+
+        return GeneralUtility::fixed_lgd_cs($title, $maxLength);
+    }
+
+    /**
+     * Get a localized [No title] string, wrapped in <em>|</em> if $prep is TRUE.
+     *
+     * @param bool $prep Wrap result in <em>|</em>
+     * @return string Localized [No title] string
+     */
+    public static function getNoRecordTitle($prep = false)
+    {
+        $noTitle = '['
+            . htmlspecialchars(static::getLanguageService()->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.no_title'))
+            . ']';
+        if ($prep) {
+            $noTitle = '<em>' . $noTitle . '</em>';
+        }
+        return $noTitle;
+    }
+
+    /**
+     * Returns a human readable output of a value from a record
+     * For instance a database record relation would be looked up to display the title-value of that record. A checkbox with a "1" value would be "Yes", etc.
+     * $table/$col is tablename and fieldname
+     * REMEMBER to pass the output through htmlspecialchars() if you output it to the browser! (To protect it from XSS attacks and be XHTML compliant)
+     *
+     * @param string $table Table name, present in TCA
+     * @param string $col Field name, present in TCA
+     * @param mixed $value The value of that field from a selected record
+     * @param int $fixed_lgd_chars The max amount of characters the value may occupy
+     * @param bool $defaultPassthrough Flag means that values for columns that has no conversion will just be pass through directly (otherwise cropped to 200 chars or returned as "N/A")
+     * @param bool $noRecordLookup If set, no records will be looked up, UIDs are just shown.
+     * @param int $uid Uid of the current record
+     * @param bool $_ Unused - previously $forceResult
+     * @param int $pid Optional page uid is used to evaluate page TSconfig for the given field
+     * @param array $fullRow Optional full database row to provide additional context, e.g. to be used in itemsProcFunc
+     * @param array $theColConf @internal Needs to be migrated properly - will not stay! Is required for "volatile" columns config, {@see FlexFormValueFormatter}
+     * @throws \InvalidArgumentException
+     * @return string|int|null
+     */
+    public static function getProcessedValue(
+        $table,
+        $col,
+        $value,
+        $fixed_lgd_chars = 0,
+        $defaultPassthrough = false,
+        $noRecordLookup = false,
+        $uid = 0,
+        $_ = true,
+        $pid = 0,
+        $fullRow = [],
+        $theColConf = []
+    ) {
+        if ($col === 'uid') {
+            // uid is not in TCA-array
+            return $value;
+        }
+        // Depending on the fields configuration, make a meaningful output value.
+        if ($theColConf === []) {
+            // Check if table and field is configured to get column config
+            if (($schema = self::getTcaSchema($table))?->hasField($col)) {
+                $theColConf = $schema->getField($col)->getConfiguration();
+            } else {
+                return null;
+            }
+        }
+        /*****************
+         *HOOK: pre-processing the human readable output from a record
+         ****************/
+        $referenceObject = new \stdClass();
+        $referenceObject->table = $table;
+        $referenceObject->fieldName = $col;
+        $referenceObject->uid = $uid;
+        $referenceObject->value = &$value;
+        foreach ($GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['t3lib/class.t3lib_befunc.php']['preProcessValue'] ?? [] as $_funcRef) {
+            GeneralUtility::callUserFunction($_funcRef, $theColConf, $referenceObject);
+        }
+
+        // Label functions can transport the full $row as context.
+        // If missing, a minimal context row is constructed.
+        // @see #102698
+        if ($fullRow === []) {
+            $fullRow = ['uid' => (int)$uid, 'pid' => (int)$pid];
+        } else {
+            // Ensure uid and pid are always provided in full $row
+            if (!isset($fullRow['uid'])) {
+                $fullRow['uid'] = (int)$uid;
+            }
+            if (!isset($fullRow['pid'])) {
+                $fullRow['pid'] = (int)$pid;
+            }
+        }
+        $l = '';
+        $lang = static::getLanguageService();
+        switch ((string)($theColConf['type'] ?? '')) {
+            case 'radio':
+                $l = $lang->sL(GeneralUtility::makeInstance(SchemaLabelResolver::class)->getLabelForFieldValue($table, $col, $value, $fullRow, $theColConf));
+                if ($l === '' && !empty($value)) {
+                    // Use plain database value when label is empty
+                    $l = $value;
+                }
+                break;
+            case 'inline':
+            case 'file':
+                if ($uid) {
+                    $finalValues = static::resolveRelationLabels($theColConf, $table, $uid, $value, $noRecordLookup);
+                    $l = implode(', ', $finalValues);
+                } else {
+                    $l = $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:notAvailableAbbreviation');
+                }
+                break;
+            case 'select':
+            case 'category':
+                if (!empty($theColConf['MM'])) {
+                    if ($uid) {
+                        $finalValues = static::resolveRelationLabels($theColConf, $table, $uid, $value, $noRecordLookup);
+                        $l = implode(', ', $finalValues);
+                    } else {
+                        $l = $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:notAvailableAbbreviation');
+                    }
+                } else {
+                    $columnTsConfig = [];
+                    if ($pid) {
+                        $pageTsConfig = self::getPagesTSconfig($pid);
+                        if (isset($pageTsConfig['TCEFORM.'][$table . '.'][$col . '.']) && is_array($pageTsConfig['TCEFORM.'][$table . '.'][$col . '.'])) {
+                            $columnTsConfig = $pageTsConfig['TCEFORM.'][$table . '.'][$col . '.'];
+                            // Merge TCEFORM.[table].[field].types.[type] over TCEFORM.[table].[field]
+                            $typeSpecificTsConfig = $columnTsConfig['types.'] ?? [];
+                            unset($columnTsConfig['types.']);
+                            $recordType = self::getTCAtypeValue($table, $fullRow, true);
+                            if ($recordType !== null && is_array($typeSpecificTsConfig[$recordType . '.'] ?? null)) {
+                                ArrayUtility::mergeRecursiveWithOverrule($columnTsConfig, $typeSpecificTsConfig[$recordType . '.']);
+                            }
+                        }
+                    }
+                    $labels = GeneralUtility::makeInstance(SchemaLabelResolver::class)
+                        ->getLabelsForFieldValues($table, $col, (string)$value, $fullRow, $columnTsConfig, $theColConf);
+                    $l = implode(', ', array_map($lang->sL(...), $labels));
+                    if (!empty($theColConf['foreign_table']) && !$l && self::getTcaSchema($theColConf['foreign_table']) !== null) {
+                        if ($noRecordLookup) {
+                            $l = $value;
+                        } else {
+                            $finalValues = [];
+                            if ($uid) {
+                                $finalValues = static::resolveRelationLabels($theColConf, $table, $uid, $value, $noRecordLookup);
+                            }
+                            $l = implode(', ', $finalValues);
+                        }
+                    }
+                    if (empty($l) && !empty($value)) {
+                        // Use plain database value when label is empty
+                        $l = $value;
+                    }
+                }
+                break;
+            case 'group':
+                // resolve titles of DB records
+                $finalValues = static::resolveRelationLabels($theColConf, $table, $uid, $value, $noRecordLookup);
+                if ($finalValues !== []) {
+                    $l = implode(', ', $finalValues);
+                } else {
+                    $l = $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:notAvailableAbbreviation');
+                }
+                break;
+            case 'folder':
+                $l = implode(', ', GeneralUtility::trimExplode(',', (string)$value, true));
+                break;
+            case 'check':
+                if (!is_array($theColConf['items'] ?? null)) {
+                    $l = $value ? $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:yes') : $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:no');
+                } elseif (count($theColConf['items']) === 1) {
+                    reset($theColConf['items']);
+                    $invertStateDisplay = current($theColConf['items'])['invertStateDisplay'] ?? false;
+                    if ($invertStateDisplay) {
+                        $value = !$value;
+                    }
+                    $l = $value ? $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:yes') : $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:no');
+                } else {
+                    $lA = [];
+                    foreach ($theColConf['items'] as $key => $val) {
+                        if ((int)$value & 2 ** $key) {
+                            $lA[] = $lang->sL($val['label']);
+                        }
+                    }
+                    $l = implode(', ', $lA);
+                }
+                break;
+            case 'input':
+            case 'number':
+                // todo: As soon as more strict types are used, this isset check must be replaced with a more
+                //       appropriate check.
+                if (isset($value)) {
+                    $l = $value;
+                }
+                break;
+            case 'datetime':
+                try {
+                    if ($value instanceof \DateTimeInterface) {
+                        $datetime = $value;
+                    } else {
+                        $datetime = DateTimeFactory::createFromDatabaseValueAndTCAConfig($value, $theColConf);
+                    }
+                    $format = DateTimeFactory::getFormatFromTCAConfig($theColConf);
+                } catch (\InvalidArgumentException) {
+                    $datetime = null;
+                    $format = null;
+                }
+                if ($datetime === null) {
+                    $l = '';
+                } elseif ($format === 'date') {
+                    $ageSuffix = '';
+                    // Generate age suffix as long as not explicitly suppressed
+                    if (!($theColConf['disableAgeDisplay'] ?? false)) {
+                        $now = DateTimeFactory::createFromTimestamp($GLOBALS['EXEC_TIME']);
+                        $ageSuffix = sprintf(' (%s)', (new DateFormatter())->formatDateInterval(
+                            $now->diff($datetime),
+                            $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.minutesHoursDaysYears')
+                        ));
+                    }
+                    $l = self::date($datetime->getTimestamp()) . $ageSuffix;
+                } elseif ($format === 'time') {
+                    $l = $datetime->format('H:i');
+                } elseif ($format === 'timesec') {
+                    $l = $datetime->format('H:i:s');
+                } elseif ($format === 'datetimesec') {
+                    $l = self::datetimesec($datetime->getTimestamp());
+                } elseif ($format === 'datetime') {
+                    $l = self::datetime($datetime->getTimestamp());
+                } elseif (isset($value)) {
+                    // todo: As soon as more strict types are used, this isset check must be replaced with a more
+                    //       appropriate check.
+                    $l = $value;
+                }
+                break;
+            case 'password':
+                // Hide the password by changing it to asterisk (*) - if anything is set at all
+                if ($value) {
+                    $l = '********';
+                }
+                break;
+            case 'flex':
+                if (is_string($value)) {
+                    $l = strip_tags($value);
+                }
+                break;
+            case 'language':
+                $l = $value;
+                if ($uid) {
+                    $pageId = (int)($table === 'pages' ? $uid : (static::getRecordWSOL($table, (int)$uid, 'pid')['pid'] ?? 0));
+                    $languageTitle = GeneralUtility::makeInstance(TranslationConfigurationProvider::class)
+                        ->getSystemLanguages($pageId)[(int)$value]['title'] ?? '';
+                    if ($languageTitle !== '') {
+                        $l = $languageTitle;
+                    }
+                }
+                break;
+            case 'country':
+                $country = GeneralUtility::makeInstance(CountryProvider::class)->getByIsoCode($value ?? '');
+                if ($country) {
+                    $l = $lang->sL($country->getLocalizedNameLabel());
+                }
+                break;
+            case 'json':
+                // For database type "JSON" the value in decoded state is most likely an array. This is not compatible with
+                // the "human-readable" processing and returning promise of this method. Thus, we ensure to handle value for
+                // this field as json encoded string. This should be the best readable version of the value data.
+                if (
+                    (
+                        is_string($value)
+                        && !str_starts_with($value, '{')
+                        && !str_starts_with($value, '[')
+                    )
+                    || !is_string($value)
+                ) {
+                    // @todo Consider to pretty print the json value, as this would match the "human readable" goal.
+                    $value = json_encode($value);
+                }
+                // no break intended.
+            default:
+                if ($defaultPassthrough) {
+                    $l = $value;
+                } elseif (isset($theColConf['MM'])) {
+                    $l = $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:notAvailableAbbreviation');
+                } elseif ($value) {
+                    $l = GeneralUtility::fixed_lgd_cs(strip_tags($value), 200);
+                }
+        }
+        /*****************
+         *HOOK: post-processing the human readable output from a record
+         ****************/
+        foreach ($GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['t3lib/class.t3lib_befunc.php']['postProcessValue'] ?? [] as $_funcRef) {
+            $params = [
+                'value' => $l,
+                'colConf' => $theColConf,
+            ];
+            $l = GeneralUtility::callUserFunction($_funcRef, $params, $referenceObject);
+        }
+        if ($fixed_lgd_chars && $l) {
+            return GeneralUtility::fixed_lgd_cs((string)$l, (int)$fixed_lgd_chars);
+        }
+        return $l;
+    }
+
+    /**
+     * Helper method to fetch all labels for all relations of processed Values.
+     *
+     * @param string|int|null $recordId
+     * @param string|int $value
+     */
+    protected static function resolveRelationLabels(array $theColConf, string $table, $recordId, $value, bool $noRecordLookup): array
+    {
+        $finalValues = [];
+
+        $relationHandler = GeneralUtility::makeInstance(RelationHandler::class);
+        $relationHandler->initializeForField($table, $theColConf, $recordId, $value);
+
+        if ($noRecordLookup) {
+            $finalValues = array_column($relationHandler->itemArray, 'id');
+        } else {
+            $relationHandler->getFromDB();
+            foreach ($relationHandler->getResolvedItemArray() as $item) {
+                $relationRecord = $item['record'];
+                static::workspaceOL($item['table'], $relationRecord);
+                if (!is_array($relationRecord)) {
+                    $finalValues[] = '[' . $item['uid'] . ']';
+                } else {
+                    $title = static::getRecordTitle($item['table'], $relationRecord);
+                    if ($theColConf['foreign_table_prefix'] ?? null) {
+                        $title = static::getLanguageService()->sL($theColConf['foreign_table_prefix']) . $title;
+                    }
+                    $finalValues[] = $title;
+                }
+            }
+        }
+
+        return $finalValues;
+    }
+
+    /**
+     * Same as ->getProcessedValue() but will go easy on fields like "tstamp" and "pid" which are not configured in TCA - they will be formatted by this function instead.
+     *
+     * @param string $table Table name, present in TCA
+     * @param string $fN Field name
+     * @param string $fV Field value
+     * @param int $fixed_lgd_chars The max amount of characters the value may occupy
+     * @param int $uid Uid of the current record
+     * @param bool $forceResult If BackendUtility::getRecordTitle is used to process the value, this parameter is forwarded.
+     * @param int $pid Optional page uid is used to evaluate page TSconfig for the given field
+     * @param array $fullRow Optional full database row to provide additional context, e.g. to be used in itemsProcFunc
+     * @return string
+     * @see getProcessedValue()
+     */
+    public static function getProcessedValueExtra(
+        $table,
+        $fN,
+        $fV,
+        $fixed_lgd_chars = 0,
+        $uid = 0,
+        $forceResult = true,
+        $pid = 0,
+        $fullRow = []
+    ) {
+        $fVnew = self::getProcessedValue($table, $fN, $fV, $fixed_lgd_chars, true, false, $uid, $forceResult, $pid, $fullRow);
+        if (!isset($fVnew)) {
+            if (($schema = self::getTcaSchema($table)) !== null) {
+                if ($fN === ($schema->getRawConfiguration()['tstamp'] ?? '') || $fN === ($schema->getRawConfiguration()['crdate'] ?? '0')) {
+                    $fVnew = self::datetime((int)$fV);
+                } elseif ($fN === 'pid') {
+                    // Fetches the path with no regard to the users permissions to select pages.
+                    $fVnew = self::getRecordPath((int)$fV, '1=1', 20);
+                } else {
+                    $fVnew = $fV;
+                }
+            }
+        }
+        return $fVnew;
+    }
+
+    /**
+     * Makes click menu link (context sensitive menu)
+     *
+     * Returns $str wrapped in a link which will activate the context sensitive
+     * menu for the record ($table/$uid) or file ($table = file)
+     * The link will load the top frame with the parameter "&item" which is the table, uid
+     * and context arguments imploded by "|": rawurlencode($table.'|'.$uid.'|'.$context)
+     *
+     * @param string $content String to be wrapped in link, typ. image tag.
+     * @param string $table Table name/File path. If the icon is for a database
+     * record, enter the (table)name from the Tca Schema. If a file then enter
+     * the absolute filepath
+     * @param int|string $uid If icon is for database record this is the UID for the
+     * record from $table or identifier for sys_file record
+     * @param string $context Set tree if menu is called from tree view
+     * @param array $row The record row if available
+     *
+     * @return string The link wrapped input string.
+     */
+    public static function wrapClickMenuOnIcon($content, $table, $uid = 0, $context = '', array $row = []): string
+    {
+        $attributes = self::getContextMenuAttributes((string)$table, $uid, (string)$context, 'click', $row);
+        return '<button type="button" class="btn btn-link" ' . GeneralUtility::implodeAttributes($attributes, true) . '>' . $content . '</button>';
+    }
+
+    /**
+     * @param string $table Table name/File path. If the icon is for a database
+     * record, enter the (table)name from the Tca Schema. If a file then enter
+     * the absolute filepath
+     * @param int|string $uid If icon is for database record this is the UID for the
+     * record from $table or identifier for sys_file record
+     * @param string $context Set tree if menu is called from tree view
+     * @param string $trigger Set the trigger the context menu is attached to. Possible options (click/contextmenu)
+     * @param array $row The record row if available
+     */
+    public static function getContextMenuAttributes(
+        string $table,
+        $uid = 0,
+        string $context = '',
+        string $trigger = 'click',
+        array $row = []
+    ): array {
+        $lang = static::getLanguageService();
+
+        $attributes = [
+            'data-contextmenu-trigger' => $trigger,
+            'data-contextmenu-table' => $table,
+            'data-contextmenu-uid' => $uid,
+            'data-contextmenu-context' => $context,
+        ];
+
+        if ($row !== []) {
+            $attributes['aria-label'] = sprintf(
+                $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.contextMenu.open.recordLabel'),
+                self::getRecordTitle($table, $row)
+            );
+        } else {
+            $attributes['aria-label'] = $lang->sL(
+                'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.contextMenu.open'
+            );
+        }
+
+        return $attributes;
+    }
+
+    /**
+     * Call to update the page tree frame (or something else..?) after
+     * use 'updatePageTree' as a first parameter will set the page tree to be updated.
+     *
+     * @param string $set Key to set the update signal. When setting, this value contains strings telling WHAT to set.
+     *      At this point it seems that the value "updatePageTree" is the only one it makes sense to set.
+     *      If empty, all update signals will be removed.
+     * @param mixed $params Additional information for the update signal, used to only refresh a branch of the tree
+     * @see BackendUtility::getUpdateSignalDetails()
+     */
+    public static function setUpdateSignal($set = '', $params = '')
+    {
+        // A CLI use does not need to update the pagetree or anything else
+        // Otherwise DataHandler hook in EXT:redirects in SlugService will throw an error
+        if (Environment::isCli()) {
+            return;
+        }
+        $beUser = static::getBackendUserAuthentication();
+        $modData = $beUser->getModuleData(
+            BackendUtility::class . '::getUpdateSignal',
+            'ses'
+        );
+        if ($set) {
+            $modData[$set] = [
+                'set' => $set,
+                'parameter' => $params,
+            ];
+        } else {
+            // clear the module data
+            $modData = [];
+        }
+        $beUser->pushModuleData(BackendUtility::class . '::getUpdateSignal', $modData);
+    }
+
+    /**
+     * Gets instructions for update signals (e.g. page tree shall be refreshed,
+     * since some page title has been modified during the current HTTP request).
+     *
+     * @return array{html: list<string>}
+     * @see BackendUtility::setUpdateSignal()
+     */
+    public static function getUpdateSignalDetails(): array
+    {
+        $details = [
+            'html' => [],
+        ];
+        $modData = static::getBackendUserAuthentication()->getModuleData(
+            BackendUtility::class . '::getUpdateSignal',
+            'ses'
+        );
+        if (empty($modData)) {
+            return $details;
+        }
+        // Hook: Allows to let TYPO3 execute your JS code
+        $updateSignals = $GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['t3lib/class.t3lib_befunc.php']['updateSignalHook'] ?? [];
+        // Loop through all setUpdateSignals and get the JS code
+        foreach ($modData as $set => $val) {
+            if (isset($updateSignals[$set])) {
+                $params = ['set' => $set, 'parameter' => $val['parameter'], 'html' => ''];
+                $ref = null;
+                GeneralUtility::callUserFunction($updateSignals[$set], $params, $ref);
+                if (!empty($params['html'])) {
+                    $details['html'][] = $params['html'];
+                }
+            } else {
+                switch ($set) {
+                    case 'updatePageTree':
+                        $details['html'][] = ImmediateActionElement::dispatchCustomEvent(
+                            'typo3:pagetree:refresh',
+                            null,
+                            true
+                        );
+                        break;
+                    case 'updateWorkspaces':
+                        $details['html'][] = ImmediateActionElement::dispatchCustomEvent(
+                            'typo3:workspaces:refresh',
+                            null,
+                            true
+                        );
+                        break;
+                    case 'updateFolderTree':
+                        $details['html'][] = ImmediateActionElement::dispatchCustomEvent(
+                            'typo3:filestoragetree:refresh',
+                            null,
+                            true
+                        );
+                        break;
+                    case 'updateColorScheme':
+                        $details['html'][] = ImmediateActionElement::dispatchCustomEvent(
+                            'typo3:color-scheme:update',
+                            ['colorScheme' => $val['parameter']],
+                            true
+                        );
+                        break;
+                    case 'updateTheme':
+                        $details['html'][] = ImmediateActionElement::dispatchCustomEvent(
+                            'typo3:theme:update',
+                            ['theme' => $val['parameter']],
+                            true
+                        );
+                        break;
+                    case 'updateTitleFormat':
+                        $details['html'][] = ImmediateActionElement::dispatchCustomEvent(
+                            'typo3:title-format:update',
+                            ['format' => $val['parameter']],
+                            true
+                        );
+                        break;
+                    case 'updateDateTimeFirstDayOfWeek':
+                        $details['html'][] = ImmediateActionElement::dispatchCustomEvent(
+                            'typo3:date-time-first-day-of-week:update',
+                            ['dow' => $val['parameter']],
+                            true
+                        );
+                        break;
+                    case 'updateBackendLanguage':
+                        $details['html'][] = ImmediateActionElement::dispatchCustomEvent(
+                            'typo3:backend-language:update',
+                            [
+                                'language' => $val['parameter']['language'],
+                            ],
+                            true
+                        );
+                        break;
+                    case 'updatePersistent':
+                        $details['html'][] = ImmediateActionElement::dispatchCustomEvent(
+                            'typo3:persistent:update',
+                            [
+                                'fieldName' => $val['parameter']['fieldName'] ?? '',
+                                'value' => $val['parameter']['value'] ?? '',
+                            ],
+                            true
+                        );
+                        // no break
+                    case 'updateSystemInformationMenu':
+                        $details['html'][] = ImmediateActionElement::dispatchCustomEvent(
+                            'typo3:system-information-menu:update',
+                            null,
+                            true
+                        );
+                        break;
+                    case 'updateModuleMenu':
+                        $details['html'][] = ImmediateActionElement::forAction(
+                            'TYPO3.ModuleMenu.App.refreshMenu',
+                        );
+                        break;
+                    case 'updateTopbar':
+                        $details['html'][] = ImmediateActionElement::forAction(
+                            'TYPO3.Backend.Topbar.refresh'
+                        );
+                        break;
+                }
+            }
+        }
+        // reset update signals
+        self::setUpdateSignal();
+        return $details;
+    }
+
+    /**
+     * Returns an array which is most backend modules becomes MOD_SETTINGS containing values from function menus etc. determining the function of the module.
+     * This is kind of session variable management framework for the backend users.
+     * If a key from MOD_MENU is set in the CHANGED_SETTINGS array (eg. a value is passed to the script from the outside), this value is put into the settings-array
+     *
+     * @param array $MOD_MENU MOD_MENU is an array that defines the options in menus.
+     * @param mixed $CHANGED_SETTINGS CHANGED_SETTINGS represents the array used when passing values to the script from the menus.
+     * @param string $modName modName is the name of this module. Used to get the correct module data.
+     * @param string $type If type is 'ses' then the data is stored as session-lasting data. This means that it'll be wiped out the next time the user logs in.
+     * @param string $dontValidateList dontValidateList can be used to list variables that should not be checked if their value is found in the MOD_MENU array. Used for dynamically generated menus.
+     * @param string $setDefaultList List of default values from $MOD_MENU to set in the output array (only if the values from MOD_MENU are not arrays)
+     * @throws \RuntimeException
+     * @return array The array $settings, which holds a key for each MOD_MENU key and the values of each key will be within the range of values for each menuitem
+     */
+    public static function getModuleData(
+        array $MOD_MENU,
+        $CHANGED_SETTINGS,
+        string $modName,
+        $type = '',
+        $dontValidateList = '',
+        $setDefaultList = ''
+    ) {
+        if ($modName !== '') {
+            // Getting stored user-data from this module:
+            $beUser = static::getBackendUserAuthentication();
+            $settings = $beUser->getModuleData($modName, $type);
+            $changed = 0;
+            if (!is_array($settings)) {
+                $changed = 1;
+                $settings = [
+                    'function' => null,
+                    'language' => null,
+                    'constant_editor_cat' => null,
+                ];
+            }
+            foreach ($MOD_MENU as $key => $var) {
+                // If a global var is set before entering here. eg if submitted, then it's substituting the current value the array.
+                if (is_array($CHANGED_SETTINGS) && isset($CHANGED_SETTINGS[$key])) {
+                    if (is_array($CHANGED_SETTINGS[$key])) {
+                        $serializedSettings = serialize($CHANGED_SETTINGS[$key]);
+                        if ((string)$settings[$key] !== $serializedSettings) {
+                            $settings[$key] = $serializedSettings;
+                            $changed = 1;
+                        }
+                    } else {
+                        if ((string)($settings[$key] ?? '') !== (string)($CHANGED_SETTINGS[$key] ?? '')) {
+                            $settings[$key] = $CHANGED_SETTINGS[$key];
+                            $changed = 1;
+                        }
+                    }
+                }
+                // If the $var is an array, which denotes the existence of a menu, we check if the value is permitted
+                if (is_array($var) && (!$dontValidateList || !GeneralUtility::inList($dontValidateList, $key))) {
+                    // If the setting is an array or not present in the menu-array, MOD_MENU, then the default value is inserted.
+                    if (is_array($settings[$key] ?? null) || !isset($settings[$key]) || !isset($var[$settings[$key]])) {
+                        $settings[$key] = (string)key($var);
+                        $changed = 1;
+                    }
+                }
+                // Sets default values (only strings/checkboxes, not menus)
+                if ($setDefaultList && !is_array($var)) {
+                    if (GeneralUtility::inList($setDefaultList, $key) && !isset($settings[$key])) {
+                        $settings[$key] = (string)$var;
+                    }
+                }
+            }
+            if ($changed) {
+                $beUser->pushModuleData($modName, $settings);
+            }
+            return $settings;
+        }
+        throw new \RuntimeException('Wrong module name "' . $modName . '"', 1568119221);
+    }
+
+    /*******************************************
+     *
+     * Core
+     *
+     *******************************************/
+    /**
+     * Unlock or Lock a record from $table with $uid
+     * If $table and $uid is not set, then all locking for the current BE_USER is removed!
+     *
+     * @param string $table Table name
+     * @param int $uid Record uid
+     * @param int $pid Record pid
+     * @internal
+     */
+    public static function lockRecords(string $table = '', $uid = 0, $pid = 0): void
+    {
+        $beUser = static::getBackendUserAuthentication();
+        if (isset($beUser->user['uid'])) {
+            $userId = (int)$beUser->user['uid'];
+            if ($table && $uid) {
+                $fieldsValues = [
+                    'userid' => $userId,
+                    'feuserid' => 0,
+                    'tstamp' => $GLOBALS['EXEC_TIME'],
+                    'record_table' => $table,
+                    'record_uid' => $uid,
+                    'username' => $beUser->user['username'],
+                    'record_pid' => $pid,
+                ];
+                self::getConnectionForTable('sys_lockedrecords')
+                    ->insert(
+                        'sys_lockedrecords',
+                        $fieldsValues
+                    );
+            } else {
+                self::getConnectionForTable('sys_lockedrecords')
+                    ->delete(
+                        'sys_lockedrecords',
+                        ['userid' => (int)$userId]
+                    );
+            }
+        }
+    }
+
+    /**
+     * Returns information about whether the record from table, $table, with uid, $uid is currently locked
+     * (edited by another user - which should issue a warning).
+     * Notice: Locking is not strictly carried out since locking is abandoned when other backend scripts
+     * are activated - which means that a user CAN have a record "open" without having it locked.
+     * So this just serves as a warning that counts well in 90% of the cases, which should be sufficient.
+     *
+     * @param string $table Table name
+     * @param int $uid Record uid
+     * @return array|bool
+     * @internal
+     */
+    public static function isRecordLocked($table, $uid)
+    {
+        $runtimeCache = self::getRuntimeCache();
+        $cacheId = 'backend-recordLocked';
+        $recordLockedCache = $runtimeCache->get($cacheId);
+        if ($recordLockedCache !== false) {
+            $lockedRecords = $recordLockedCache;
+        } else {
+            $lockedRecords = [];
+
+            $queryBuilder = self::getQueryBuilderForTable('sys_lockedrecords');
+            $result = $queryBuilder
+                ->select('*')
+                ->from('sys_lockedrecords')
+                ->where(
+                    $queryBuilder->expr()->neq(
+                        'sys_lockedrecords.userid',
+                        $queryBuilder->createNamedParameter(
+                            static::getBackendUserAuthentication()->user['uid'],
+                            Connection::PARAM_INT
+                        )
+                    ),
+                    $queryBuilder->expr()->gt(
+                        'sys_lockedrecords.tstamp',
+                        $queryBuilder->createNamedParameter(
+                            $GLOBALS['EXEC_TIME'] - 2 * 3600,
+                            Connection::PARAM_INT
+                        )
+                    )
+                )
+                ->executeQuery();
+
+            $lang = static::getLanguageService();
+            while ($row = $result->fetchAssociative()) {
+                $row += [
+                    'userid' => 0,
+                    'record_pid' => 0,
+                    'feuserid' => 0,
+                    'username' => '',
+                    'record_table' => '',
+                    'record_uid' => 0,
+
+                ];
+                // Get the type of the user that locked this record:
+                $userName = '';
+                if ($row['userid']) {
+                    $userTypeLabel = 'beUser';
+                    $userRecord = BackendUtility::getRecord('be_users', $row['userid']);
+                    if (is_array($userRecord)) {
+                        $userName = $userRecord['realName'] ? sprintf('%s [%s]', $userRecord['realName'], $userRecord['username']) : $userRecord['username'];
+                    }
+                } elseif ($row['feuserid']) {
+                    $userTypeLabel = 'feUser';
+                    $userName = BackendUtility::getRecordTitle('fe_users', BackendUtility::getRecord('fe_users', $row['feuserid']));
+                } else {
+                    $userTypeLabel = 'user';
+                    $userName = $row['username'] ?? '';
+                }
+                $userType = $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.' . $userTypeLabel);
+                // Get the username (if available):
+                $userName = $userName ?: $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.unknownUser');
+                $lockedRecords[$row['record_table'] . ':' . $row['record_uid']] = $row;
+                $lockedRecords[$row['record_table'] . ':' . $row['record_uid']]['msg'] = sprintf(
+                    $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.lockedRecordUser'),
+                    $userType,
+                    $userName,
+                    self::calcAge(
+                        $GLOBALS['EXEC_TIME'] - $row['tstamp'],
+                        $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.minutesHoursDaysYears')
+                    )
+                );
+                if ($row['record_pid'] && !isset($lockedRecords[$row['record_table'] . ':' . $row['record_pid']])) {
+                    $lockedRecords['pages:' . $row['record_pid']]['msg'] = sprintf(
+                        $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.lockedRecordUser_content'),
+                        $userType,
+                        $userName,
+                        self::calcAge(
+                            $GLOBALS['EXEC_TIME'] - $row['tstamp'],
+                            $lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.minutesHoursDaysYears')
+                        )
+                    );
+                }
+            }
+            $runtimeCache->set($cacheId, $lockedRecords);
+        }
+
+        return $lockedRecords[$table . ':' . $uid] ?? false;
+    }
+
+    /**
+     * Find the real PID of the record (with $uid from $table).
+     * This MAY be impossible if the pid is set as a reference to the former record or a page (if two records are created at one time).
+     *
+     * @param string $table Table name
+     * @param int $uid Record uid
+     * @param int|string $pid Record pid, could be negative then pointing to a record from same table whose pid to find and return
+     * @return int|null
+     * @internal
+     * @see \TYPO3\CMS\Core\DataHandling\DataHandler::copyRecord()
+     */
+    public static function getTSconfig_pidValue($table, $uid, $pid)
+    {
+        // If pid is an integer this takes precedence in our lookup.
+        if (MathUtility::canBeInterpretedAsInteger($pid)) {
+            $thePidValue = (int)$pid;
+            // If ref to another record, look that record up.
+            if ($thePidValue < 0) {
+                $pidRec = self::getRecord($table, abs($thePidValue), 'pid');
+                $thePidValue = is_array($pidRec) ? $pidRec['pid'] : -2;
+            }
+        } else {
+            // Try to fetch the record pid from uid. If the uid is 'NEW...' then this will of course return nothing
+            $rr = self::getRecord($table, $uid);
+            $thePidValue = null;
+            if (is_array($rr)) {
+                // First check if the t3ver_oid value is greater 0, which means
+                // it is a workspace element. If so, get the "real" record:
+                if ((int)($rr['t3ver_oid'] ?? 0) > 0) {
+                    $rr = self::getRecord($table, $rr['t3ver_oid'], 'pid');
+                    if (is_array($rr)) {
+                        $thePidValue = $rr['pid'];
+                    }
+                } else {
+                    // Returning the "pid" of the record
+                    $thePidValue = $rr['pid'];
+                }
+            }
+            if (!$thePidValue) {
+                // Returns -1 if the record with this pid was not found.
+                $thePidValue = -1;
+            }
+        }
+        return $thePidValue;
+    }
+
+    /**
+     * Returns the REAL pid of the record, if possible.
+     * If both $uid and $pid is strings, then pid=-1 is returned as an error indication.
+     *
+     * @param string $table Table name
+     * @param int|string $uid Record uid
+     * @param int|string|null $pid Record pid
+     * @return int|null the REAL PID of a record and if it is a new record negative values are resolved to the true PID.
+     */
+    public static function getRealPageId(string $table, int|string $uid, int|string|null $pid = null): ?int
+    {
+        // If pid is negative (referring to another record) the pid of the other record is fetched and returned.
+        // getTSconfig_pidValue() is the id of $table = pages, else it's the pid of the record.
+        if ($table === 'pages' && MathUtility::canBeInterpretedAsInteger($uid)) {
+            return (int)$uid;
+        }
+        $result = static::getTSconfig_pidValue($table, $uid, $pid);
+        if ($result === -1 || $result === -2) {
+            return null;
+        }
+        return $result;
+    }
+
+    /**
+     * Gets an instance of the runtime cache.
+     *
+     * @return FrontendInterface
+     */
+    protected static function getRuntimeCache()
+    {
+        return GeneralUtility::makeInstance(CacheManager::class)->getCache('runtime');
+    }
+
+    /**
+     * Counting references to a record/file
+     *
+     * @param string $table Table name
+     * @param int $ref Record uid
+     * @param string $msg Message with %s, e.g. "There were %s records pointing to this file!"
+     * @param string|int|null $count Reference count
+     * @return string|int Output string (or int count value if no msg string specified)
+     * @todo: The method should vanish altogether: The signature with $msg and $count and
+     *        string|int return value is odd, and the method contains hacks for sys_file.
+     */
+    public static function referenceCount($table, $ref, $msg = '', $count = null)
+    {
+        if ($count === null && MathUtility::canBeInterpretedAsInteger($ref)) {
+            // MathUtility::canBeInterpretedAsInteger($ref) and no method type hint for b/w compat.
+            $queryBuilder = self::getQueryBuilderForTable('sys_refindex');
+            $queryBuilder->count('*')->from('sys_refindex')
+                ->where(
+                    $queryBuilder->expr()->eq('ref_table', $queryBuilder->createNamedParameter($table)),
+                    $queryBuilder->expr()->eq('ref_uid', $queryBuilder->createNamedParameter($ref, Connection::PARAM_INT))
+                );
+            if ($table === 'sys_file') {
+                $queryBuilder->andWhere($queryBuilder->expr()->neq('tablename', $queryBuilder->quote('sys_file_metadata')));
+            }
+            $count = $queryBuilder->executeQuery()->fetchOne();
+        }
+        if ($count) {
+            return $msg ? sprintf($msg, $count) : $count;
+        }
+        return $msg ? '' : 0;
+    }
+
+    /*******************************************
+     *
+     * Workspaces / Versioning
+     *
+     *******************************************/
+    /**
+     * Select all versions of a record, ordered by latest created version (uid DESC)
+     *
+     * @param string $table Table name to select from
+     * @param int $uid Record uid for which to find versions.
+     * @param string $fields Field list to select
+     * @param int|null $workspace Search in workspace ID and Live WS, if 0 search only in LiveWS, if NULL search in all WS.
+     * @param bool $includeDeletedRecords If set, deleted-flagged versions are included! (Only for clean-up script!)
+     * @param array $row The current record
+     * @return array|null Array of versions of table/uid
+     * @internal should only be used from within TYPO3 Core
+     */
+    public static function selectVersionsOfRecord(
+        string $table,
+        $uid,
+        $fields = '*',
+        $workspace = 0,
+        $includeDeletedRecords = false,
+        $row = null
+    ): ?array {
+        if (!self::getTcaSchema($table)?->hasCapability(TcaSchemaCapability::Workspace)) {
+            return null;
+        }
+
+        $outputRows = [];
+        if (is_array($row) && !$includeDeletedRecords) {
+            $row['_CURRENT_VERSION'] = true;
+            $outputRows[] = $row;
+        } else {
+            // Select UID version:
+            $row = self::getRecord($table, $uid, $fields, '', !$includeDeletedRecords);
+            // Add rows to output array:
+            if ($row) {
+                $row['_CURRENT_VERSION'] = true;
+                $outputRows[] = $row;
+            }
+        }
+
+        $queryBuilder = self::getQueryBuilderForTable($table);
+        $queryBuilder->getRestrictions()->removeAll();
+
+        // build fields to select
+        $queryBuilder->select(...GeneralUtility::trimExplode(',', $fields));
+
+        $queryBuilder
+            ->from($table)
+            ->where(
+                $queryBuilder->expr()->neq('uid', $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT)),
+                $queryBuilder->expr()->eq('t3ver_oid', $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT))
+            )
+            ->orderBy('uid', 'DESC');
+
+        if (!$includeDeletedRecords) {
+            $queryBuilder->getRestrictions()->add(GeneralUtility::makeInstance(DeletedRestriction::class));
+        }
+
+        if ($workspace === 0) {
+            // Only in Live WS
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->eq(
+                    't3ver_wsid',
+                    $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                )
+            );
+        } elseif ($workspace !== null) {
+            // In Live WS and Workspace with given ID
+            $queryBuilder->andWhere(
+                $queryBuilder->expr()->in(
+                    't3ver_wsid',
+                    $queryBuilder->createNamedParameter([0, (int)$workspace], Connection::PARAM_INT_ARRAY)
+                )
+            );
+        }
+
+        $rows = $queryBuilder->executeQuery()->fetchAllAssociative();
+
+        // Add rows to output array
+        if ($rows !== []) {
+            $outputRows = array_merge($outputRows, $rows);
+        }
+        return $outputRows;
+    }
+
+    /**
+     * Workspace Preview Overlay.
+     *
+     * Generally ALWAYS used when records are selected based on uid or pid.
+     * Principle; Record online! => Find offline?
+     * The function MAY set $row to FALSE. This happens if a moved record is given and
+     * $unsetMovePointers is set to true. In other words, you should check if the input record
+     * is still an array afterwards when using this function.
+     *
+     * If the versioned record is a moved record the "pid" value will then contain the newly moved location
+     * and "ORIG_pid" will contain the live pid.
+     *
+     * @param string $table Table name
+     * @param array|null $row Record by reference. At least "uid", "pid", "t3ver_oid" and "t3ver_state" must be set.
+     *                        Keys not prefixed with '_' are used as field names in SQL.
+     * @param int $wsid Workspace ID, if not specified will use static::getBackendUserAuthentication()->workspace
+     * @param bool $unsetMovePointers If TRUE the function does not return a "pointer" row for moved records in a workspace
+     * @param-out false|array|null $row
+     */
+    public static function workspaceOL($table, &$row, $wsid = -99, $unsetMovePointers = false)
+    {
+        if (!ExtensionManagementUtility::isLoaded('workspaces')
+            || !is_array($row)
+            || !self::getTcaSchema($table)?->hasCapability(TcaSchemaCapability::Workspace)
+        ) {
+            return;
+        }
+
+        // Initialize workspace ID
+        $wsid = (int)$wsid;
+        if ($wsid === -99 && static::getBackendUserAuthentication() instanceof BackendUserAuthentication) {
+            $wsid = static::getBackendUserAuthentication()->workspace;
+        }
+        if ($wsid === 0) {
+            // Return early if in live workspace
+            return;
+        }
+
+        // Check if input record is a moved record
+        $incomingRecordIsAMoveVersion = false;
+        if (isset($row['t3ver_oid'])
+            && $row['t3ver_oid'] > 0
+            && VersionState::tryFrom($row['t3ver_state'] ?? 0) === VersionState::MOVE_POINTER
+        ) {
+            // @todo: This handling needs a review, together with the 4th param $unsetMovePointers
+            $incomingRecordIsAMoveVersion = true;
+        }
+
+        $wsAlt = self::getWorkspaceVersionOfRecord(
+            $wsid,
+            $table,
+            $row['uid'],
+            implode(',', static::purgeComputedPropertyNames(array_keys($row + ['t3ver_state' => null])))
+        );
+
+        // If version was found, swap the default record with that one.
+        if (is_array($wsAlt)) {
+            $versionState = VersionState::tryFrom($wsAlt['t3ver_state'] ?? 0);
+            // Check if this is in move-state
+            if ($versionState === VersionState::MOVE_POINTER) {
+                // @todo Same problem as frontend in versionOL(). See TODO point there and todo above.
+                if (!$incomingRecordIsAMoveVersion && $unsetMovePointers) {
+                    $row = false;
+                    return;
+                }
+                // When a moved record is found the "PID" value contains the newly moved location
+                // Whereas the _ORIG_pid field contains the PID of the live version
+                $wsAlt['_ORIG_pid'] = $row['pid'];
+            }
+            // Swap UID
+            if ($versionState !== VersionState::NEW_PLACEHOLDER) {
+                $wsAlt['_ORIG_uid'] = $wsAlt['uid'];
+                $wsAlt['uid'] = $row['uid'];
+            }
+            // Changing input record to the workspace version alternative:
+            $row = $wsAlt;
+        }
+    }
+
+    /**
+     * Select the workspace version of a record, if exists
+     *
+     * @param int $workspace Workspace ID
+     * @param string $table Table name to select from
+     * @param int $uid Record uid for which to find workspace version.
+     * @param string|list<non-empty-string> $fields Field list to select, either as comma-separated string or array of field names
+     * @return array|false If found, return record, otherwise false
+     */
+    public static function getWorkspaceVersionOfRecord($workspace, string $table, $uid, string|array $fields = '*'): array|false
+    {
+        if ($workspace === 0
+            || !ExtensionManagementUtility::isLoaded('workspaces')
+            || !self::getTcaSchema($table)?->hasCapability(TcaSchemaCapability::Workspace)
+
+        ) {
+            return false;
+        }
+        $queryBuilder = self::getQueryBuilderForTable($table);
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            // Workspace records aren't soft-delete aware: deleted=1 & t3ver_wsid>0 should not exist.
+            // It should be fine to add the restriction to not accidentally catch invalid records.
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class));
+        $selectFields = is_array($fields)
+            ? array_values(array_filter(array_map(trim(...), $fields), static fn(string $field): bool => $field !== ''))
+            : GeneralUtility::trimExplode(',', $fields, true);
+        return $queryBuilder
+            ->select(...$selectFields)
+            ->from($table)
+            ->where(
+                $queryBuilder->expr()->eq(
+                    't3ver_wsid',
+                    $queryBuilder->createNamedParameter($workspace, Connection::PARAM_INT)
+                ),
+                $queryBuilder->expr()->or(
+                    // t3ver_state=1 does not contain a t3ver_oid, and returns itself
+                    $queryBuilder->expr()->and(
+                        $queryBuilder->expr()->eq(
+                            'uid',
+                            $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT)
+                        ),
+                        $queryBuilder->expr()->eq(
+                            't3ver_state',
+                            $queryBuilder->createNamedParameter(VersionState::NEW_PLACEHOLDER->value, Connection::PARAM_INT)
+                        )
+                    ),
+                    $queryBuilder->expr()->eq(
+                        't3ver_oid',
+                        $queryBuilder->createNamedParameter($uid, Connection::PARAM_INT)
+                    )
+                )
+            )
+            ->executeQuery()
+            ->fetchAssociative();
+    }
+
+    /**
+     * Use this function if you have a large set of IDs to find out which ones have a counterpart within a workspace.
+     * Within a workspace, this is one additional query, so use it only if you have a set of > 2 to find out if you
+     * really need to call BackendUtility::workspaceOL() all the time.
+     *
+     * If you have 1000 records, but only have two 2 records which have been modified in a workspace, only 2 items
+     * are returned.
+     *
+     * @return array<int, int> keys contain the live record ID, values the versioned record ID
+     * @internal this method is not public API and might change, as you really should know what you are doing.
+     */
+    public static function getPossibleWorkspaceVersionIdsOfLiveRecordIds(string $table, array $liveRecordIds, int $workspaceId): array
+    {
+        if ($liveRecordIds === []
+            || $workspaceId === 0
+            || !self::getTcaSchema($table)?->hasCapability(TcaSchemaCapability::Workspace)
+        ) {
+            return [];
+        }
+        $doOverlaysForRecords = [];
+        $connection = self::getConnectionForTable($table);
+        $maxChunk = PlatformInformation::getMaxBindParameters($connection->getDatabasePlatform());
+        foreach (array_chunk($liveRecordIds, (int)floor($maxChunk / 2)) as $liveRecordIdChunk) {
+            $queryBuilder = self::getQueryBuilderForTable($table);
+            $doOverlaysForRecordsStatement = $queryBuilder
+                ->select('t3ver_oid', 'uid')
+                ->from($table)
+                ->where(
+                    $queryBuilder->expr()->eq('t3ver_wsid', $queryBuilder->createNamedParameter($workspaceId, Connection::PARAM_INT)),
+                    $queryBuilder->expr()->in('t3ver_oid', $queryBuilder->quoteArrayBasedValueListToIntegerList($liveRecordIdChunk))
+                )
+                ->executeQuery();
+            while ($recordWithVersionedRecord = $doOverlaysForRecordsStatement->fetchNumeric()) {
+                $doOverlaysForRecords[(int)$recordWithVersionedRecord[0]] = (int)$recordWithVersionedRecord[1];
+            }
+        }
+        return $doOverlaysForRecords;
+    }
+
+    /**
+     * Returns live version of record
+     *
+     * @param string $table Table name
+     * @param int|string $uid Record UID of draft, offline version
+     * @param string|list<non-empty-string> $fields Field list, default is *
+     * @return array|null If found, the record, otherwise NULL
+     * @todo: Warning. If uid is a 'new placeholder' record in workspaces, this row is returned.
+     */
+    public static function getLiveVersionOfRecord($table, $uid, string|array $fields = '*')
+    {
+        $liveVersionId = self::getLiveVersionIdOfRecord($table, $uid);
+        if ($liveVersionId !== null) {
+            return self::getRecord($table, $liveVersionId, $fields);
+        }
+        return null;
+    }
+
+    /**
+     * Gets the id of the live version of a record.
+     *
+     * @param string $table Name of the table
+     * @param int|string $uid Uid of the offline/draft record
+     * @return int|null The id of the live version of the record (or NULL if nothing was found)
+     * @internal should only be used from within TYPO3 Core
+     * @todo: Warning. If uid is a 'new placeholder' record in workspaces, this is considered the 'live' uid!
+     */
+    public static function getLiveVersionIdOfRecord($table, $uid)
+    {
+        if (!ExtensionManagementUtility::isLoaded('workspaces')
+            || !self::getTcaSchema($table)?->hasCapability(TcaSchemaCapability::Workspace)
+        ) {
+            return null;
+        }
+        $liveVersionId = null;
+        $currentRecord = self::getRecord($table, $uid, 'pid,t3ver_oid,t3ver_state');
+        if (is_array($currentRecord)) {
+            if ((int)$currentRecord['t3ver_oid'] > 0) {
+                $liveVersionId = $currentRecord['t3ver_oid'];
+            } elseif (VersionState::tryFrom($currentRecord['t3ver_state'] ?? 0) === VersionState::NEW_PLACEHOLDER) {
+                // New versions do not have a live counterpart
+                $liveVersionId = (int)$uid;
+            }
+        }
+        return $liveVersionId;
+    }
+
+    /**
+     * Performs mapping of new uids to new versions UID in case of import inside a workspace.
+     *
+     * @param string $table Table name
+     * @param int $uid Record uid (of live record placeholder)
+     * @return int Uid of offline version if any, otherwise live uid.
+     * @internal should only be used from within TYPO3 Core
+     */
+    public static function wsMapId($table, $uid)
+    {
+        $wsRec = null;
+        if (static::getBackendUserAuthentication() instanceof BackendUserAuthentication) {
+            $wsRec = self::getWorkspaceVersionOfRecord(
+                static::getBackendUserAuthentication()->workspace,
+                $table,
+                $uid,
+                'uid'
+            );
+        }
+        return is_array($wsRec) ? $wsRec['uid'] : $uid;
+    }
+
+    /*******************************************
+     *
+     * Miscellaneous
+     *
+     *******************************************/
+
+    /**
+     * Get all fields of a table, which are allowed for the current user
+     *
+     * @param string $table Table name
+     * @param bool $checkUserAccess If set, users access to the field (non-exclude-fields) is checked.
+     * @return string[] Array, where values are fieldnames
+     * @internal should only be used from within TYPO3 Core
+     * @todo Centralize this with the other methods in core: getColumnsToRender(), getCommonSelectFields(), etc.
+     */
+    public static function getAllowedFieldsForTable(string $table, bool $checkUserAccess = true): array
+    {
+        if (($schema = self::getTcaSchema($table)) === null || $schema->getFields()->count() === 0) {
+            self::getLogger()->error('TCA is broken for the table "' . $table . '": no required "columns" entry in TCA.');
+            return [];
+        }
+
+        $fieldList = [];
+        $backendUser = self::getBackendUserAuthentication();
+        $rawConfiguration = $schema->getRawConfiguration();
+
+        // Traverse configured columns and add them to field array, if available for user.
+        foreach ($schema->getFields() as $field) {
+            if ($field instanceof NoneFieldType) {
+                // Never render or fetch type=none fields from db
+                continue;
+            }
+            if (!$checkUserAccess
+                || (
+                    (
+                        !$field->supportsAccessControl()
+                        || $backendUser?->check('non_exclude_fields', $table . ':' . $field->getName())
+                    )
+                    && $field instanceof PassthroughFieldType === false
+                )
+            ) {
+                $fieldList[] = $field->getName();
+            }
+        }
+
+        $fieldList[] = 'uid';
+        $fieldList[] = 'pid';
+
+        // Add date fields - if defined for the table
+        if ($rawConfiguration['tstamp'] ?? false) {
+            $fieldList[] = $rawConfiguration['tstamp'];
+        }
+        if ($rawConfiguration['crdate'] ?? false) {
+            $fieldList[] = $rawConfiguration['crdate'];
+        }
+
+        // Add more special fields in case user should not be checked or is admin
+        if (!$checkUserAccess || $backendUser?->isAdmin()) {
+            if ($schema->hasCapability(TcaSchemaCapability::SortByField)) {
+                $fieldList[] = $schema->getCapability(TcaSchemaCapability::SortByField)->getFieldName();
+            }
+            if ($schema->hasCapability(TcaSchemaCapability::SoftDelete)) {
+                $fieldList[] = $schema->getCapability(TcaSchemaCapability::SoftDelete)->getFieldName();
+            }
+            if ($schema->hasCapability(TcaSchemaCapability::InternalDescription)) {
+                $fieldList[] = $schema->getCapability(TcaSchemaCapability::InternalDescription)->getFieldName();
+            }
+            if ($schema->hasCapability(TcaSchemaCapability::Workspace)) {
+                $fieldList[] = 't3ver_state';
+                $fieldList[] = 't3ver_stage';
+                $fieldList[] = 't3ver_wsid';
+                $fieldList[] = 't3ver_oid';
+            }
+            if ($schema->isLanguageAware()) {
+                $languageCapability = $schema->getCapability(TcaSchemaCapability::Language);
+                $fieldList[] = $languageCapability->getLanguageField()->getName();
+                $fieldList[] = $languageCapability->getTranslationOriginPointerField()->getName();
+                if ($languageCapability->hasTranslationSourceField()) {
+                    $fieldList[] = $languageCapability->getTranslationSourceField()->getName();
+                }
+                if ($languageCapability->hasDiffSourceField()) {
+                    $fieldList[] = $languageCapability->getDiffSourceField()->getName();
+                }
+            }
+        }
+
+        // Return unique field list
+        return array_values(array_unique($fieldList));
+    }
+
+    /**
+     * Gets the raw database row values and calls the php converter of doctrine to get the PHP value.
+     * Currently only handles type=json and takes care of decoding the value.
+     *
+     * @internal
+     */
+    public static function convertDatabaseRowValuesToPhp(string $table, array $row): array
+    {
+        $schema = self::getTcaSchema($table);
+        if ($schema === null) {
+            return $row;
+        }
+        $platform = self::getConnectionForTable($table)->getDatabasePlatform();
+        foreach ($row as $field => $value) {
+            // @todo Only handle specific TCA type=json
+            if ($schema->hasField($field) && $schema->getField($field) instanceof JsonFieldType) {
+                $row[$field] = Type::getType('json')->convertToPHPValue($value, $platform);
+            }
+        }
+        return $row;
+    }
+
+    protected static function getConnectionForTable(string $table): Connection
+    {
+        return GeneralUtility::makeInstance(ConnectionPool::class)->getConnectionForTable($table);
+    }
+
+    protected static function getQueryBuilderForTable(string $table): QueryBuilder
+    {
+        return GeneralUtility::makeInstance(ConnectionPool::class)->getQueryBuilderForTable($table);
+    }
+
+    protected static function getLogger(): LoggerInterface
+    {
+        return GeneralUtility::makeInstance(LogManager::class)->getLogger(__CLASS__);
+    }
+
+    protected static function getTcaSchema(string $tableName): ?TcaSchema
+    {
+        $schemaFactory = GeneralUtility::makeInstance(TcaSchemaFactory::class);
+        return $schemaFactory->has($tableName) ? $schemaFactory->get($tableName) : null;
+    }
+
+    protected static function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected static function getBackendUserAuthentication(): ?BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'] ?? null;
+    }
+}
diff --git a/Classes/View/AuthenticationStyleInformation.php b/Classes/View/AuthenticationStyleInformation.php
new file mode 100644
index 0000000..8ab1f4d
--- /dev/null
+++ b/Classes/View/AuthenticationStyleInformation.php
@@ -0,0 +1,137 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Log\LoggerInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use TYPO3\CMS\Core\Configuration\ExtensionConfiguration;
+use TYPO3\CMS\Core\SystemResource\Exception\SystemResourceException;
+use TYPO3\CMS\Core\SystemResource\Publishing\SystemResourcePublisherInterface;
+use TYPO3\CMS\Core\SystemResource\SystemResourceFactory;
+use TYPO3\CMS\Core\SystemResource\Type\PublicResourceInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Provide styling for backend authentication forms, customized via extension configuration.
+ *
+ * @internal
+ */
+#[Autoconfigure(public: true)]
+readonly class AuthenticationStyleInformation
+{
+    public function __construct(
+        private ExtensionConfiguration $extensionConfiguration,
+        private LoggerInterface $logger,
+        private SystemResourceFactory $resourceFactory,
+        private SystemResourcePublisherInterface $resourcePublisher,
+    ) {}
+
+    public function getBackgroundImageStyles(ServerRequestInterface $request): string
+    {
+        $backgroundImageResource = (string)($this->getBackendExtensionConfiguration()['loginBackgroundImage'] ?? '');
+        if ($backgroundImageResource === '') {
+            return '';
+        }
+        try {
+            $backgroundImageUri = (string)$this->resourcePublisher->generateUri(
+                $this->resourceFactory->createPublicResource($backgroundImageResource),
+                $request,
+            );
+        } catch (SystemResourceException) {
+            $this->logger->warning('The configured TYPO3 backend login background image "{image_resource}" can\'t be resolved. Please check if the file exists and the extension is activated.', [
+                'image_resource' => $backgroundImageResource,
+            ]);
+            return '';
+        }
+        return '
+            .typo3-login-carousel-control.right,
+            .typo3-login-carousel-control.left,
+            .card-login { border: 0; }
+            .typo3-login { background-image: url("' . GeneralUtility::sanitizeCssVariableValue($backgroundImageUri) . '"); }
+            .typo3-login-footnote { background-color: #000000; color: #ffffff; }
+        ';
+    }
+
+    public function getHighlightColorStyles(): string
+    {
+        $highlightColor = (string)($this->getBackendExtensionConfiguration()['loginHighlightColor'] ?? '');
+        if ($highlightColor === '') {
+            return '';
+        }
+        $highlightColor = GeneralUtility::sanitizeCssVariableValue($highlightColor);
+        return '
+            .typo3-login {
+                --typo3-login-highlight: ' . $highlightColor . ';
+            }
+            .btn-login {
+                --typo3-btn-color: #fff;
+                --typo3-btn-bg: ' . $highlightColor . ';
+                --typo3-btn-border-color: hsl(from ' . $highlightColor . ' h s calc(l - 5));
+                --typo3-btn-hover-color: #fff;
+                --typo3-btn-hover-bg: hsl(from ' . $highlightColor . ' h s calc(l - 3));
+                --typo3-btn-hover-border-color: hsl(from ' . $highlightColor . ' h s calc(l - 8));
+                --typo3-btn-focus-color: #fff;
+                --typo3-btn-focus-bg: hsl(from ' . $highlightColor . ' h s calc(l - 6));
+                --typo3-btn-focus-border-color: hsl(from ' . $highlightColor . ' h s calc(l - 11));
+                --typo3-btn-disabled-color: #fff;
+                --typo3-btn-disabled-bg: ' . $highlightColor . ';
+                --typo3-btn-disabled-border-color: hsl(from ' . $highlightColor . ' h s calc(l - 5));
+            }
+            .card-login .card-footer { border-color: ' . $highlightColor . '; }
+        ';
+    }
+
+    public function getFooterNote(): string
+    {
+        $footerNote = (string)($this->getBackendExtensionConfiguration()['loginFootnote'] ?? '');
+        if ($footerNote === '') {
+            return '';
+        }
+
+        return strip_tags(trim($footerNote));
+    }
+
+    public function getLogo(): ?PublicResourceInterface
+    {
+        $logoIdentifier = $this->getBackendExtensionConfiguration()['loginLogo'] ?? '';
+        if ($logoIdentifier === '') {
+            return null;
+        }
+        try {
+            return $this->resourceFactory->createPublicResource($logoIdentifier);
+        } catch (SystemResourceException) {
+            return null;
+        }
+    }
+
+    public function getLogoAlt(): string
+    {
+        return trim((string)($this->getBackendExtensionConfiguration()['loginLogoAlt'] ?? ''));
+    }
+
+    public function getDefaultLogo(): PublicResourceInterface
+    {
+        return $this->resourceFactory->createPublicResource('PKG:typo3/cms-core:Resources/Public/Images/typo3_variable.svg');
+    }
+
+    protected function getBackendExtensionConfiguration(): array
+    {
+        return (array)$this->extensionConfiguration->get('backend');
+    }
+}
diff --git a/Classes/View/BackendLayout/BackendLayout.php b/Classes/View/BackendLayout/BackendLayout.php
new file mode 100644
index 0000000..1fe90c8
--- /dev/null
+++ b/Classes/View/BackendLayout/BackendLayout.php
@@ -0,0 +1,173 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\BackendLayout;
+
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Class to represent a backend layout.
+ */
+class BackendLayout
+{
+    protected string $identifier;
+    protected string $title;
+    protected string $description = '';
+    protected string $iconPath = '';
+    protected string $configuration = '';
+
+    /**
+     * The structured data of the configuration represented as array.
+     */
+    protected array $structure = [];
+    protected array $data = [];
+
+    public static function create(string $identifier, string $title, string|array $configuration): BackendLayout
+    {
+        return GeneralUtility::makeInstance(
+            static::class,
+            $identifier,
+            $title,
+            $configuration
+        );
+    }
+
+    public function __construct(string $identifier, string $title, string|array $configuration)
+    {
+        $this->setIdentifier($identifier);
+        $this->setTitle($title);
+        if (is_array($configuration)) {
+            $this->structure = $configuration;
+            $this->configuration = $configuration['config'] ?? '';
+        } else {
+            $this->setConfiguration($configuration);
+        }
+    }
+
+    public function getIdentifier(): string
+    {
+        return $this->identifier;
+    }
+
+    public function getIdentifierCleaned(): string
+    {
+        return strtolower((string)preg_replace('/[^a-zA-Z0-9_-]/', '', $this->identifier));
+    }
+
+    public function setIdentifier(string $identifier): void
+    {
+        if (str_contains($identifier, '__')) {
+            throw new \UnexpectedValueException(
+                'Identifier "' . $identifier . '" must not contain "__"',
+                1381597630
+            );
+        }
+
+        $this->identifier = $identifier;
+    }
+
+    public function getTitle(): string
+    {
+        return $this->title;
+    }
+
+    public function setTitle(string $title): void
+    {
+        $this->title = $title;
+    }
+
+    public function getDescription(): string
+    {
+        return $this->description;
+    }
+
+    public function setDescription(string $description): void
+    {
+        $this->description = $description;
+    }
+
+    public function getIconPath(): string
+    {
+        return $this->iconPath;
+    }
+
+    public function setIconPath(string $iconPath): void
+    {
+        $this->iconPath = $iconPath;
+    }
+
+    public function getConfiguration(): string
+    {
+        return $this->configuration;
+    }
+
+    public function setConfiguration(string $configuration): void
+    {
+        $this->configuration = $configuration;
+        $this->structure = GeneralUtility::makeInstance(BackendLayoutView::class)->parseStructure($this);
+    }
+
+    /**
+     * Returns the columns registered for this layout as $key => $value pair where the key is the colPos
+     * and the value is the title.
+     * "1" => "Left" etc.
+     * Please note that the title can contain LLL references ready for translation.
+     */
+    public function getUsedColumns(): array
+    {
+        return $this->structure['usedColumns'] ?? [];
+    }
+
+    public function getColCount(): int
+    {
+        return $this->structure['colCount'] ?? 0;
+    }
+
+    public function getRowCount(): int
+    {
+        return $this->structure['rowCount'] ?? 0;
+    }
+
+    public function getData(): array
+    {
+        return $this->data;
+    }
+
+    public function setData(array $data): void
+    {
+        $this->data = $data;
+    }
+
+    public function setStructure(array $structure): void
+    {
+        $this->structure = $structure;
+    }
+
+    public function getStructure(): array
+    {
+        return $this->structure;
+    }
+
+    /**
+     * @return string[]
+     */
+    public function getColumnPositionNumbers(): array
+    {
+        return $this->structure['__colPosList'] ?? [];
+    }
+}
diff --git a/Classes/View/BackendLayout/BackendLayoutCollection.php b/Classes/View/BackendLayout/BackendLayoutCollection.php
new file mode 100644
index 0000000..a5d6be5
--- /dev/null
+++ b/Classes/View/BackendLayout/BackendLayoutCollection.php
@@ -0,0 +1,117 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\BackendLayout;
+
+/**
+ * Collection of backend layouts.
+ */
+class BackendLayoutCollection
+{
+    /**
+     * @var string
+     */
+    protected $identifier;
+
+    /**
+     * @var array|BackendLayout[]
+     */
+    protected $backendLayouts = [];
+
+    /**
+     * @param string $identifier
+     */
+    public function __construct($identifier)
+    {
+        $this->setIdentifier($identifier);
+    }
+
+    /**
+     * @return string
+     */
+    public function getIdentifier()
+    {
+        return $this->identifier;
+    }
+
+    /**
+     * @param string $identifier
+     * @throws \UnexpectedValueException
+     */
+    public function setIdentifier($identifier)
+    {
+        if (str_contains($identifier, '__')) {
+            throw new \UnexpectedValueException(
+                'Identifier "' . $identifier . '" must not contain "__"',
+                1381597631
+            );
+        }
+
+        $this->identifier = $identifier;
+    }
+
+    /**
+     * Adds a backend layout to this collection.
+     *
+     * @throws \LogicException
+     */
+    public function add(BackendLayout $backendLayout)
+    {
+        $identifier = $backendLayout->getIdentifier();
+
+        if (str_contains($identifier, '__')) {
+            throw new \UnexpectedValueException(
+                'BackendLayout Identifier "' . $identifier . '" must not contain "__"',
+                1381597628
+            );
+        }
+
+        if (isset($this->backendLayouts[$identifier])) {
+            throw new \LogicException(
+                'Backend Layout ' . $identifier . ' is already defined',
+                1381559376
+            );
+        }
+
+        $this->backendLayouts[$identifier] = $backendLayout;
+    }
+
+    /**
+     * Gets a backend layout by (regular) identifier.
+     *
+     * @param string $identifier
+     * @return BackendLayout|null
+     */
+    public function get($identifier)
+    {
+        $backendLayout = null;
+
+        if (isset($this->backendLayouts[$identifier])) {
+            $backendLayout = $this->backendLayouts[$identifier];
+        }
+
+        return $backendLayout;
+    }
+
+    /**
+     * Gets all backend layouts in this collection.
+     *
+     * @return array|BackendLayout[]
+     */
+    public function getAll()
+    {
+        return $this->backendLayouts;
+    }
+}
diff --git a/Classes/View/BackendLayout/ContentFetcher.php b/Classes/View/BackendLayout/ContentFetcher.php
new file mode 100644
index 0000000..32914cf
--- /dev/null
+++ b/Classes/View/BackendLayout/ContentFetcher.php
@@ -0,0 +1,306 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\BackendLayout;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Backend\View\Event\IsContentUsedOnPageLayoutEvent;
+use TYPO3\CMS\Backend\View\Event\ModifyDatabaseQueryForContentEvent;
+use TYPO3\CMS\Backend\View\PageLayoutContext;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Cache\Frontend\FrontendInterface;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+use TYPO3\CMS\Core\Database\Query\QueryHelper;
+use TYPO3\CMS\Core\Database\Query\Restriction\DeletedRestriction;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Versioning\VersionState;
+
+/**
+ * Class responsible for fetching the content data related to a BackendLayout
+ *
+ * - Reads content records
+ * - Performs workspace overlay on records
+ * - Capable of returning all records in active language as flat array
+ * - Capable of returning records for a given column in a given (optional) language
+ * - Capable of returning translation data (brief info about translation consistency)
+ *
+ * @internal
+ */
+#[Autoconfigure(public: true)]
+readonly class ContentFetcher
+{
+    public function __construct(
+        private EventDispatcherInterface $eventDispatcher,
+        #[Autowire(service: 'cache.runtime')]
+        private FrontendInterface $runtimeCache,
+        private ConnectionPool $connectionPool,
+        private TcaSchemaFactory $tcaSchemaFactory,
+        private FlashMessageService $flashMessageService,
+        private BackendLayoutView $backendLayoutView,
+    ) {}
+
+    /**
+     * Gets content records per column.
+     * This is required for correct workspace overlays.
+     *
+     * @return array Associative array for each column (colPos) or for all columns if $columnNumber is null
+     */
+    public function getContentRecordsPerColumn(PageLayoutContext $pageLayoutContext, ?int $columnNumber = null, ?int $languageId = null): array
+    {
+        $languageId = $languageId ?? $pageLayoutContext->getSiteLanguage()->getLanguageId();
+        $cachedFetchedContentRecords = $this->runtimeCache->get('ContentFetcher_fetchedContentRecords') ?: [];
+        if (empty($cachedFetchedContentRecords)) {
+            $fetchedContentRecords = [];
+            $isLanguageComparisonMode = $pageLayoutContext->getDrawingConfiguration()->isLanguageComparisonMode();
+            $queryBuilder = $this->getQueryBuilder($pageLayoutContext);
+            $result = $queryBuilder->executeQuery();
+            $records = $this->getResult($result);
+            foreach ($records as $record) {
+                $recordLanguage = $record['language_tag'] ?? '';
+                $recordColumnNumber = (int)$record['colPos'];
+                if ($recordLanguage === -1) {
+                    // Record is set to "all languages", place it according to view mode.
+                    if ($isLanguageComparisonMode) {
+                        // Force the record to only be shown in default language in "Languages" view mode.
+                        $recordLanguage = 0;
+                    } else {
+                        // Force the record to be shown in the currently active language in "Columns" view mode.
+                        $recordLanguage = $languageId;
+                    }
+                }
+                $fetchedContentRecords[$recordLanguage][$recordColumnNumber][] = $record;
+            }
+            $this->runtimeCache->set('ContentFetcher_fetchedContentRecords', $fetchedContentRecords);
+        } else {
+            $fetchedContentRecords = $cachedFetchedContentRecords;
+        }
+
+        $contentByLanguage = $fetchedContentRecords[$languageId] ?? [];
+
+        if ($columnNumber === null) {
+            return $contentByLanguage;
+        }
+
+        return $contentByLanguage[$columnNumber] ?? [];
+    }
+
+    public function getFlatContentRecords(PageLayoutContext $pageLayoutContext, int $languageId): iterable
+    {
+        $contentRecords = $this->getContentRecordsPerColumn($pageLayoutContext, null, $languageId);
+        return empty($contentRecords) ? [] : array_merge(...$contentRecords);
+    }
+
+    /**
+     * Allows to decide via an Event whether a custom type has children which were rendered or should not be rendered.
+     */
+    public function getUnusedRecords(PageLayoutContext $pageLayoutContext): iterable
+    {
+        $unrendered = [];
+        $recordIdentityMap = $pageLayoutContext->getRecordIdentityMap();
+        $languageId = $pageLayoutContext->getDrawingConfiguration()->getPrimaryLanguageId();
+        // @todo consider to invoke the identity-map much earlier (to avoid fetching database records again)
+        foreach ($this->getContentRecordsPerColumn($pageLayoutContext, null, $languageId) as $contentRecordsInColumn) {
+            foreach ($contentRecordsInColumn as $contentRecord) {
+                $used = $recordIdentityMap->hasIdentifier('tt_content', (int)$contentRecord['uid']);
+                // A hook mentioned that this record is used somewhere, so this is in fact "rendered" already
+                $event = new IsContentUsedOnPageLayoutEvent($contentRecord, $used, $pageLayoutContext);
+                $event = $this->eventDispatcher->dispatch($event);
+                if (!$event->isRecordUsed()) {
+                    $unrendered[] = $contentRecord;
+                }
+            }
+        }
+        return $unrendered;
+    }
+
+    public function getTranslationData(PageLayoutContext $pageLayoutContext, iterable $contentElements, int $language): array
+    {
+        if ($language === 0) {
+            return [];
+        }
+
+        $languageTranslationInfo = $this->runtimeCache->get('ContentFetcher_TranslationInfo_' . $language) ?: [];
+        if (empty($languageTranslationInfo)) {
+            $contentRecordsInDefaultLanguage = $this->getContentRecordsPerColumn($pageLayoutContext, null, 0);
+            if (!empty($contentRecordsInDefaultLanguage)) {
+                $contentRecordsInDefaultLanguage = array_merge(...$contentRecordsInDefaultLanguage);
+            }
+            $untranslatedRecordUids = array_flip(
+                array_column(
+                    // Eliminate records with "-1" as sys_language_uid since they can not be translated
+                    array_filter($contentRecordsInDefaultLanguage, static function (array $record): bool {
+                        return true;
+                    }),
+                    'uid'
+                )
+            );
+
+            foreach ($contentElements as $contentElement) {
+                if (($contentElement['language_tag'] ?? '') === '') {
+                    continue;
+                }
+                if ((int)$contentElement['l18n_parent'] === 0) {
+                    $languageTranslationInfo['hasStandAloneContent'] = true;
+                    $languageTranslationInfo['mode'] = 'free';
+                }
+                if ((int)$contentElement['l18n_parent'] > 0) {
+                    $languageTranslationInfo['hasTranslations'] = true;
+                    $languageTranslationInfo['mode'] = 'connected';
+                }
+                if ((int)$contentElement['l10n_source'] > 0) {
+                    unset($untranslatedRecordUids[(int)$contentElement['l10n_source']]);
+                }
+            }
+            if (!isset($languageTranslationInfo['hasTranslations'])) {
+                $languageTranslationInfo['hasTranslations'] = false;
+            }
+
+            foreach ($untranslatedRecordUids as $uid => $index) {
+                $contentElementInDefaultLanguage = $contentRecordsInDefaultLanguage[$index];
+                if (!$this->backendLayoutView->isCTypeAllowedInColPosByPage($contentElementInDefaultLanguage['CType'], $contentElementInDefaultLanguage['colPos'], $contentElementInDefaultLanguage['pid'])) {
+                    unset($untranslatedRecordUids[$uid]);
+                }
+            }
+
+            $untranslatedRecordUidsWithoutWorkspaceDeletedRecords = $this->removeWorkspaceDeletedPlaceholdersUidsFromUntranslatedRecordUids($pageLayoutContext, array_keys($untranslatedRecordUids), $language);
+            $languageTranslationInfo['untranslatedRecordUids'] = $untranslatedRecordUidsWithoutWorkspaceDeletedRecords;
+            if (array_keys($untranslatedRecordUids) !== $untranslatedRecordUidsWithoutWorkspaceDeletedRecords) {
+                $languageTranslationInfo['hasElementsWithWorkspaceDeletePlaceholders'] = true;
+            }
+
+            // Check for inconsistent translations, force "mixed" mode and dispatch a FlashMessage to user if such a case is encountered.
+            if (isset($languageTranslationInfo['hasStandAloneContent'])
+                && $languageTranslationInfo['hasTranslations']
+            ) {
+                $languageTranslationInfo['mode'] = 'mixed';
+
+                // We do not want to show the staleTranslationWarning if allowInconsistentLanguageHandling is enabled
+                if (!$pageLayoutContext->getDrawingConfiguration()->getAllowInconsistentLanguageHandling()) {
+                    $siteLanguage = $pageLayoutContext->getSiteLanguage($language);
+                    $languageService = $this->getLanguageService();
+                    $message = FlashMessage::createFromArray([
+                        'message' => $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:staleTranslationWarning'),
+                        'title' => sprintf($languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:staleTranslationWarningTitle'), $siteLanguage->getTitle()),
+                        'severity' => ContextualFeedbackSeverity::WARNING->value,
+                    ]);
+                    $queue = $this->flashMessageService->getMessageQueueByIdentifier();
+                    $queue->addMessage($message);
+                }
+            }
+
+            $this->runtimeCache->set('ContentFetcher_TranslationInfo_' . $language, $languageTranslationInfo);
+        }
+        return $languageTranslationInfo;
+    }
+
+    protected function removeWorkspaceDeletedPlaceholdersUidsFromUntranslatedRecordUids(PageLayoutContext $pageLayoutContext, array $untranslatedRecordUids, int $language): array
+    {
+        if ($this->getBackendUser()->workspace <= 0) {
+            // Early return if we're not in a workspace to suppress some queries.
+            return $untranslatedRecordUids;
+        }
+        $queryBuilder = $this->getQueryBuilder($pageLayoutContext);
+        $queryBuilder->andWhere(
+            $queryBuilder->expr()->and(
+                $queryBuilder->expr()->in(
+                    'l18n_parent',
+                    $queryBuilder->createNamedParameter($untranslatedRecordUids, Connection::PARAM_INT_ARRAY)
+                ),
+                $queryBuilder->expr()->eq(
+                    'sys_language_uid',
+                    $queryBuilder->createNamedParameter($language, Connection::PARAM_INT)
+                )
+            )
+        );
+        $result = $queryBuilder->executeQuery();
+        $uidsToRemoveFromUntranslatedRecordUids = [];
+        while ($row = $result->fetchAssociative()) {
+            BackendUtility::workspaceOL('tt_content', $row, -99, true);
+            if ($row && VersionState::tryFrom($row['t3ver_state'] ?? 0) === VersionState::DELETE_PLACEHOLDER) {
+                $uidsToRemoveFromUntranslatedRecordUids[] = $row['l18n_parent'];
+            }
+        }
+        return array_diff($untranslatedRecordUids, $uidsToRemoveFromUntranslatedRecordUids);
+    }
+
+    protected function getQueryBuilder(PageLayoutContext $pageLayoutContext): QueryBuilder
+    {
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('tt_content');
+        $queryBuilder->getRestrictions()
+            ->removeAll()
+            ->add(GeneralUtility::makeInstance(DeletedRestriction::class))
+            ->add(GeneralUtility::makeInstance(WorkspaceRestriction::class, $this->getBackendUser()->workspace));
+        $queryBuilder
+            ->select('*')
+            ->from('tt_content');
+
+        $queryBuilder->andWhere(
+            $queryBuilder->expr()->eq(
+                'tt_content.pid',
+                $queryBuilder->createNamedParameter($pageLayoutContext->getPageId(), Connection::PARAM_INT)
+            )
+        );
+
+        $schema = $this->tcaSchemaFactory->get('tt_content');
+        $sortBy = $schema->hasCapability(TcaSchemaCapability::SortByField) ? (string)$schema->getCapability(TcaSchemaCapability::SortByField) : '';
+        if ($sortBy === '' && $schema->hasCapability(TcaSchemaCapability::DefaultSorting)) {
+            $sortBy = (string)$schema->getCapability(TcaSchemaCapability::DefaultSorting)->getValue();
+        }
+        foreach (QueryHelper::parseOrderBy($sortBy) as $orderBy) {
+            $queryBuilder->addOrderBy($orderBy[0], $orderBy[1]);
+        }
+
+        $event = new ModifyDatabaseQueryForContentEvent($queryBuilder, 'tt_content', $pageLayoutContext->getPageId());
+        $event = $this->eventDispatcher->dispatch($event);
+        return $event->getQueryBuilder();
+    }
+
+    protected function getResult($result): array
+    {
+        $output = [];
+        while ($row = $result->fetchAssociative()) {
+            BackendUtility::workspaceOL('tt_content', $row, -99, true);
+            if ($row && VersionState::tryFrom($row['t3ver_state'] ?? 0) !== VersionState::DELETE_PLACEHOLDER) {
+                $output[] = $row;
+            }
+        }
+        return $output;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    public function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/View/BackendLayout/DataProviderCollection.php b/Classes/View/BackendLayout/DataProviderCollection.php
new file mode 100644
index 0000000..d6c9d1f
--- /dev/null
+++ b/Classes/View/BackendLayout/DataProviderCollection.php
@@ -0,0 +1,134 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\BackendLayout;
+
+use Symfony\Component\DependencyInjection\Attribute\AutowireIterator;
+use TYPO3\CMS\Core\SingletonInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Collection of backend layout data providers.
+ */
+class DataProviderCollection implements SingletonInterface
+{
+    /**
+     * @var array<non-empty-string, DataProviderInterface>
+     */
+    protected array $dataProviders = [];
+    protected array $results = [];
+
+    /**
+     * @param iterable<DataProviderInterface> $dataProviders
+     */
+    public function __construct(
+        #[AutowireIterator('page_layout.data_provider')]
+        iterable $dataProviders = [],
+    ) {
+        foreach ($dataProviders as $dataProvider) {
+            $this->validateDataProvider($dataProvider);
+            $identifier = $dataProvider->getIdentifier();
+
+            if (isset($this->dataProviders[$identifier])) {
+                throw new \LogicException(
+                    sprintf(
+                        'A backend layout data provider with identifier "%s" is already registered.',
+                        $identifier
+                    ),
+                    1762361129,
+                );
+            }
+
+            $this->dataProviders[$identifier] = $dataProvider;
+        }
+    }
+
+    protected function validateDataProvider(mixed $dataProvider): void
+    {
+        if (!($dataProvider instanceof DataProviderInterface)) {
+            throw new \LogicException(
+                sprintf(
+                    'Data provider must implement interface %s, %s given.',
+                    DataProviderInterface::class,
+                    get_debug_type($dataProvider),
+                ),
+                1381269811,
+            );
+        }
+
+        $identifier = $dataProvider->getIdentifier();
+
+        if (str_contains($identifier, '__')) {
+            throw new \UnexpectedValueException('Identifier "' . $identifier . '" must not contain "__"', 1381597629);
+        }
+    }
+
+    /**
+     * Gets all backend layout collections and thus, all
+     * backend layouts. Each data provider returns its own
+     * backend layout collection.
+     *
+     * @return BackendLayoutCollection[]
+     */
+    public function getBackendLayoutCollections(DataProviderContext $dataProviderContext): array
+    {
+        $result = [];
+
+        foreach ($this->dataProviders as $identifier => $dataProvider) {
+            $backendLayoutCollection = $this->createBackendLayoutCollection($identifier);
+            $dataProvider->addBackendLayouts($dataProviderContext, $backendLayoutCollection);
+            $result[$identifier] = $backendLayoutCollection;
+        }
+
+        return $result;
+    }
+
+    /**
+     * Gets a backend layout by a combined identifier, which is
+     * e.g. "myextension_regular" and "myextension" is the identifier
+     * of the accordant data provider and "regular" the identifier of
+     * the accordant backend layout.
+     */
+    public function getBackendLayout(string $combinedIdentifier, int $pageId): ?BackendLayout
+    {
+        $backendLayout = null;
+
+        if (!str_contains($combinedIdentifier, '__')) {
+            $dataProviderIdentifier = 'default';
+            $backendLayoutIdentifier = $combinedIdentifier;
+        } else {
+            [$dataProviderIdentifier, $backendLayoutIdentifier] = explode('__', $combinedIdentifier, 2);
+        }
+
+        if (isset($this->dataProviders[$dataProviderIdentifier])) {
+            $backendLayout = $this->dataProviders[$dataProviderIdentifier]->getBackendLayout($backendLayoutIdentifier, $pageId);
+        }
+
+        return $backendLayout;
+    }
+
+    /**
+     * Creates a new backend layout collection.
+     */
+    protected function createBackendLayoutCollection(string $identifier): BackendLayoutCollection
+    {
+        return GeneralUtility::makeInstance(
+            BackendLayoutCollection::class,
+            $identifier
+        );
+    }
+}
diff --git a/Classes/View/BackendLayout/DataProviderContext.php b/Classes/View/BackendLayout/DataProviderContext.php
new file mode 100644
index 0000000..085115e
--- /dev/null
+++ b/Classes/View/BackendLayout/DataProviderContext.php
@@ -0,0 +1,32 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\BackendLayout;
+
+/**
+ * Context that is forwarded to backend layout data providers.
+ */
+final readonly class DataProviderContext
+{
+    public function __construct(
+        public int $pageId,
+        public string $tableName,
+        public string $fieldName,
+        public array $data,
+        public array $pageTsConfig,
+    ) {}
+}
diff --git a/Classes/View/BackendLayout/DataProviderInterface.php b/Classes/View/BackendLayout/DataProviderInterface.php
new file mode 100644
index 0000000..2dea1a1
--- /dev/null
+++ b/Classes/View/BackendLayout/DataProviderInterface.php
@@ -0,0 +1,55 @@
+<?php
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\BackendLayout;
+
+use Symfony\Component\DependencyInjection\Attribute\AutoconfigureTag;
+
+/**
+ * Interface for classes which hook into BackendLayoutDataProvider
+ * to provide additional backend layouts from various sources.
+ */
+#[AutoconfigureTag('page_layout.data_provider')]
+interface DataProviderInterface
+{
+    /**
+     * Adds backend layouts to the given backend layout collection.
+     */
+    public function addBackendLayouts(DataProviderContext $dataProviderContext, BackendLayoutCollection $backendLayoutCollection);
+
+    /**
+     * Gets a backend layout by (regular) identifier.
+     *
+     * @param string $identifier
+     * @param int $pageId
+     * @return BackendLayout|null
+     */
+    public function getBackendLayout($identifier, $pageId);
+
+    /**
+     * Returns the unique identifier for this backend layout data provider.
+     *
+     * This identifier is used to build combined identifiers in the format
+     * "providerIdentifier__layoutIdentifier" (e.g., "my_provider__my_layout").
+     *
+     * Requirements:
+     * - Must be a non-empty string
+     * - Must not contain double underscores "__" (reserved as separator)
+     * - Must be unique across all registered backend layout data providers
+     *
+     * @return non-empty-string The unique identifier for this data provider
+     */
+    public function getIdentifier(): string;
+}
diff --git a/Classes/View/BackendLayout/DefaultDataProvider.php b/Classes/View/BackendLayout/DefaultDataProvider.php
new file mode 100644
index 0000000..1d14fe4
--- /dev/null
+++ b/Classes/View/BackendLayout/DefaultDataProvider.php
@@ -0,0 +1,267 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\BackendLayout;
+
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Context\Context;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Database\Query\Expression\ExpressionBuilder;
+use TYPO3\CMS\Core\Database\Query\Restriction\WorkspaceRestriction;
+use TYPO3\CMS\Core\Resource\FileRepository;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Backend layout data provider class
+ *
+ * @internal Specific DataProviderInterface implementation, not considered public API.
+ */
+readonly class DefaultDataProvider implements DataProviderInterface
+{
+    private const string DEFAULT_COLUMNS_LAYOUT = '
+		backend_layout {
+			colCount = 1
+			rowCount = 1
+			rows {
+				1 {
+					columns {
+						1 {
+							name = LLL:EXT:frontend/Resources/Private/Language/locallang_ttc.xlf:colPos.I.1
+							colPos = 0
+							identifier = main
+						}
+					}
+				}
+			}
+		}
+		';
+
+    public function __construct(
+        private FileRepository $fileRepository,
+        private ConnectionPool $connectionPool,
+        private TcaSchemaFactory $tcsSchemaFactory,
+        private Context $context,
+    ) {}
+
+    /**
+     * Adds backend layouts to the given backend layout collection.
+     * The default backend layout ('default_default') is not added
+     * since it's the default fallback if nothing is specified.
+     */
+    public function addBackendLayouts(
+        DataProviderContext $dataProviderContext,
+        BackendLayoutCollection $backendLayoutCollection
+    ): void {
+        $layoutData = $this->getLayoutData(
+            $dataProviderContext->fieldName,
+            $dataProviderContext->pageTsConfig,
+            $dataProviderContext->pageId
+        );
+        foreach ($layoutData as $data) {
+            $backendLayout = $this->createBackendLayout($data);
+            $backendLayoutCollection->add($backendLayout);
+        }
+    }
+
+    /**
+     * Gets a backend layout by (regular) identifier.
+     *
+     * @param string|int $identifier
+     * @param int $pageId
+     */
+    public function getBackendLayout($identifier, $pageId): ?BackendLayout
+    {
+        $backendLayout = null;
+        if ((string)$identifier === 'default') {
+            return $this->createDefaultBackendLayout();
+        }
+        $data = BackendUtility::getRecordWSOL('backend_layout', (int)$identifier);
+        if (is_array($data)) {
+            $backendLayout = $this->createBackendLayout($data);
+        }
+        return $backendLayout;
+    }
+
+    public function getIdentifier(): string
+    {
+        return 'default';
+    }
+
+    /**
+     * Creates a backend layout with the default configuration.
+     */
+    protected function createDefaultBackendLayout(): BackendLayout
+    {
+        return BackendLayout::create(
+            'default',
+            'LLL:EXT:frontend/Resources/Private/Language/locallang_tca.xlf:pages.backend_layout.default',
+            self::DEFAULT_COLUMNS_LAYOUT
+        );
+    }
+
+    /**
+     * Creates a new backend layout using the given record data.
+     */
+    protected function createBackendLayout(array $data): BackendLayout
+    {
+        $backendLayout = BackendLayout::create((string)$data['uid'], $data['title'], $data['config']);
+        $backendLayout->setIconPath($this->getIconPath($data));
+        $backendLayout->setData($data);
+        return $backendLayout;
+    }
+
+    /**
+     * Resolves the icon from the database record
+     */
+    protected function getIconPath(array $icon): string
+    {
+        $references = $this->fileRepository->findByRelation('backend_layout', 'icon', (int)$icon['uid']);
+        if (!empty($references)) {
+            $icon = reset($references);
+            return $icon->getPublicUrl() ?? '';
+        }
+        return '';
+    }
+
+    /**
+     * Get all layouts from the core's default data provider.
+     *
+     * @param string $fieldName the name of the field the layouts are provided for (either backend_layout or backend_layout_next_level)
+     * @param array $pageTsConfig PageTSconfig of the given page
+     * @param int $pageUid the ID of the page wea re getting the layouts for
+     * @return array $layouts A collection of layout data of the registered provider
+     */
+    protected function getLayoutData(string $fieldName, array $pageTsConfig, int $pageUid): array
+    {
+        // @todo: This depends on backend_layout TCA being available for both the query and
+        //        TcaSchemaFactory. backend_layout TCA comes from ext:frontend, so we have
+        //        an indirect cross dependency between ext:backend and ext:frontend here.
+        //        There should be an explicit exception here when core is decoupled to run
+        //        an instance with ext:backend but without ext:frontend, or backend_layout TCA
+        //        should be relocated to ext:core? There are probably many more cases like this.
+
+        $storagePid = $this->getStoragePid($pageTsConfig);
+        $pageTsConfigId = $this->getPageTSconfigIds($pageTsConfig);
+
+        // Add layout records
+        $queryBuilder = $this->connectionPool->getQueryBuilderForTable('backend_layout');
+        $queryBuilder->getRestrictions()
+            ->add(
+                GeneralUtility::makeInstance(
+                    WorkspaceRestriction::class,
+                    $this->context->getPropertyFromAspect('workspace', 'id')
+                )
+            );
+        $queryBuilder
+            ->select('*')
+            ->from('backend_layout')
+            ->where(
+                $queryBuilder->expr()->or(
+                    $queryBuilder->expr()->and(
+                        $queryBuilder->expr()->comparison(
+                            $queryBuilder->createNamedParameter($pageTsConfigId[$fieldName], Connection::PARAM_INT),
+                            ExpressionBuilder::EQ,
+                            $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                        ),
+                        $queryBuilder->expr()->comparison(
+                            $queryBuilder->createNamedParameter($storagePid, Connection::PARAM_INT),
+                            ExpressionBuilder::EQ,
+                            $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                        )
+                    ),
+                    $queryBuilder->expr()->or(
+                        $queryBuilder->expr()->eq(
+                            'backend_layout.pid',
+                            $queryBuilder->createNamedParameter($pageTsConfigId[$fieldName], Connection::PARAM_INT)
+                        ),
+                        $queryBuilder->expr()->eq(
+                            'backend_layout.pid',
+                            $queryBuilder->createNamedParameter($storagePid, Connection::PARAM_INT)
+                        )
+                    ),
+                    $queryBuilder->expr()->and(
+                        $queryBuilder->expr()->comparison(
+                            $queryBuilder->createNamedParameter($pageTsConfigId[$fieldName], Connection::PARAM_INT),
+                            ExpressionBuilder::EQ,
+                            $queryBuilder->createNamedParameter(0, Connection::PARAM_INT)
+                        ),
+                        $queryBuilder->expr()->eq(
+                            'backend_layout.pid',
+                            $queryBuilder->createNamedParameter($pageUid, Connection::PARAM_INT)
+                        )
+                    )
+                )
+            );
+
+        // Not catching UndefinedSchemaException here since backend_layout must exist at
+        // this point, or the entire query would fail already.
+        $schema = $this->tcsSchemaFactory->get('backend_layout');
+        if ($schema->hasCapability(TcaSchemaCapability::SortByField)) {
+            $queryBuilder->orderBy((string)$schema->getCapability(TcaSchemaCapability::SortByField));
+        }
+
+        $statement = $queryBuilder->executeQuery();
+
+        $results = [];
+        while ($record = $statement->fetchAssociative()) {
+            BackendUtility::workspaceOL('backend_layout', $record);
+            if (is_array($record)) {
+                $results[$record['t3ver_oid'] ?: $record['uid']] = $record;
+            }
+        }
+
+        return $results;
+    }
+
+    /**
+     * Returns the storage PID from TCEFORM.
+     */
+    protected function getStoragePid(array $pageTsConfig): int
+    {
+        $storagePid = 0;
+
+        if (!empty($pageTsConfig['TCEFORM.']['pages.']['_STORAGE_PID'])) {
+            $storagePid = (int)$pageTsConfig['TCEFORM.']['pages.']['_STORAGE_PID'];
+        }
+
+        return $storagePid;
+    }
+
+    /**
+     * Returns the page TSconfig from TCEFORM.
+     */
+    protected function getPageTSconfigIds(array $pageTsConfig): array
+    {
+        $pageTsConfigIds = [
+            'backend_layout' => 0,
+            'backend_layout_next_level' => 0,
+        ];
+
+        if (!empty($pageTsConfig['TCEFORM.']['pages.']['backend_layout.']['PAGE_TSCONFIG_ID'])) {
+            $pageTsConfigIds['backend_layout'] = (int)$pageTsConfig['TCEFORM.']['pages.']['backend_layout.']['PAGE_TSCONFIG_ID'];
+        }
+
+        if (!empty($pageTsConfig['TCEFORM.']['pages.']['backend_layout_next_level.']['PAGE_TSCONFIG_ID'])) {
+            $pageTsConfigIds['backend_layout_next_level'] = (int)$pageTsConfig['TCEFORM.']['pages.']['backend_layout_next_level.']['PAGE_TSCONFIG_ID'];
+        }
+
+        return $pageTsConfigIds;
+    }
+}
diff --git a/Classes/View/BackendLayout/Grid/Grid.php b/Classes/View/BackendLayout/Grid/Grid.php
new file mode 100644
index 0000000..7b3cc8a
--- /dev/null
+++ b/Classes/View/BackendLayout/Grid/Grid.php
@@ -0,0 +1,92 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\BackendLayout\Grid;
+
+use TYPO3\CMS\Backend\View\PageLayoutContext;
+
+/**
+ * Grid
+ *
+ * Main rows-and-columns structure representing the rows and columns of
+ * a BackendLayout in object form. Contains getter methods to return rows
+ * and sum of "colspan" values assigned to columns in rows.
+ *
+ * Contains a tree of grid-related objects:
+ *
+ * - Grid
+ *   - GridRow
+ *     - GridColumn
+ *       - GridColumnItem (one per record)
+ *
+ * Accessed in Fluid templates.
+ *
+ * @internal
+ */
+class Grid
+{
+    /**
+     * @var GridRow[]
+     */
+    protected array $rows = [];
+
+    public function __construct(
+        protected readonly PageLayoutContext $context,
+    ) {}
+
+    public function getContext(): PageLayoutContext
+    {
+        return $this->context;
+    }
+
+    public function addRow(GridRow $row): void
+    {
+        $this->rows[] = $row;
+    }
+
+    /**
+     * @return GridRow[]
+     */
+    public function getRows(): iterable
+    {
+        return $this->rows;
+    }
+
+    public function getColumns(): iterable
+    {
+        $columns = [];
+        foreach ($this->rows as $gridRow) {
+            $columns += $gridRow->getColumns();
+        }
+        return $columns;
+    }
+
+    public function getSpan(): int
+    {
+        if (!isset($this->rows[0])
+            || ($this->context->getDrawingConfiguration()->isLanguageComparisonMode()
+                && count($this->context->getDrawingConfiguration()->getSelectedLanguageIds()) > 1)
+        ) {
+            return 1;
+        }
+        $span = 0;
+        foreach ($this->rows[0]->getColumns() as $column) {
+            $span += $column->getColSpan();
+        }
+        return $span ?: 1;
+    }
+}
diff --git a/Classes/View/BackendLayout/Grid/GridColumn.php b/Classes/View/BackendLayout/Grid/GridColumn.php
new file mode 100644
index 0000000..b5d8726
--- /dev/null
+++ b/Classes/View/BackendLayout/Grid/GridColumn.php
@@ -0,0 +1,259 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\BackendLayout\Grid;
+
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\View\PageLayoutContext;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\ContentSlideMode;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Grid Column
+ *
+ * Object representation (model/proxy) for a single column from a grid defined
+ * in a BackendLayout. Stores GridColumnItem representations of content records
+ * and provides getter methods which return various properties associated with
+ * a single column, e.g. the "edit all elements in content" URL and the "add
+ * new content element" URL of the button that is placed in the top of columns
+ * in the page layout.
+ *
+ * Accessed from Fluid templates.
+ *
+ * @internal
+ */
+class GridColumn
+{
+    /**
+     * @var GridColumnItem[]
+     */
+    protected array $items = [];
+
+    protected readonly ?int $columnNumber;
+    protected readonly string $columnName;
+    protected readonly string $icon;
+    protected readonly int $colSpan;
+    protected readonly int $rowSpan;
+    protected readonly ?string $identifier;
+    protected readonly ContentSlideMode $slideMode;
+
+    /**
+     * @param array<string, mixed> $definition
+     */
+    public function __construct(
+        protected readonly PageLayoutContext $context,
+        protected readonly array $definition,
+        protected readonly string $table = 'tt_content'
+    ) {
+        $this->columnNumber = isset($definition['colPos']) ? (int)$definition['colPos'] : null;
+        $this->columnName = (string)($definition['name'] ?? 'default');
+        $this->icon = (string)($definition['icon'] ?? '');
+        $this->colSpan = (int)($definition['colspan'] ?? 1);
+        $this->rowSpan = (int)($definition['rowspan'] ?? 1);
+        $this->identifier = isset($definition['identifier']) ? (string)$definition['identifier'] : null;
+        $this->slideMode = ContentSlideMode::tryFrom($definition['slideMode'] ?? null);
+    }
+
+    public function getContext(): PageLayoutContext
+    {
+        return $this->context;
+    }
+
+    /**
+     * @return array<string, mixed>
+     */
+    public function getDefinition(): array
+    {
+        return $this->definition;
+    }
+
+    public function isActive(): bool
+    {
+        return $this->columnNumber !== null && in_array($this->columnNumber, $this->context->getDrawingConfiguration()->getActiveColumns());
+    }
+
+    public function addItem(GridColumnItem $item): void
+    {
+        $this->items[] = $item;
+    }
+
+    /**
+     * @return GridColumnItem[]
+     */
+    public function getItems(): iterable
+    {
+        return $this->items;
+    }
+
+    public function getColumnNumber(): ?int
+    {
+        return $this->columnNumber;
+    }
+
+    public function getColumnName(): string
+    {
+        return $this->columnName;
+    }
+
+    public function getIcon(): string
+    {
+        return $this->icon;
+    }
+
+    public function getColSpan(): int
+    {
+        if ($this->context->getDrawingConfiguration()->isLanguageComparisonMode()) {
+            return 1;
+        }
+        return $this->colSpan;
+    }
+
+    public function getRowSpan(): int
+    {
+        if ($this->context->getDrawingConfiguration()->isLanguageComparisonMode()) {
+            return 1;
+        }
+        return $this->rowSpan;
+    }
+
+    public function getIdentifier(): ?string
+    {
+        return $this->identifier;
+    }
+
+    public function getIdentifierCleaned(): string
+    {
+        return strtolower((string)preg_replace('/[^a-zA-Z0-9_-]/', '', (string)$this->identifier));
+    }
+
+    public function getSlideMode(): ContentSlideMode
+    {
+        return $this->slideMode;
+    }
+
+    /**
+     * @return int[]
+     */
+    public function getAllContainedItemUids(): array
+    {
+        $uids = [];
+        foreach ($this->items as $columnItem) {
+            $uids[] = $columnItem->getRecord()->getUid();
+        }
+        return $uids;
+    }
+
+    public function getEditUrl(): ?string
+    {
+        if (empty($this->items)) {
+            return null;
+        }
+        $pageRecord = $this->context->getPageRecord();
+        if (!$this->getBackendUser()->doesUserHaveAccess($pageRecord, Permission::CONTENT_EDIT)
+            || !$this->getBackendUser()->checkLanguageAccess($this->context->getSiteLanguage())) {
+            return null;
+        }
+        $uriBuilder = GeneralUtility::makeInstance(UriBuilder::class);
+        return (string)$uriBuilder->buildUriFromRoute('record_edit', [
+            'edit' => [
+                $this->table => [
+                    implode(',', $this->getAllContainedItemUids()) => 'edit',
+                ],
+            ],
+            'module' => 'web_layout',
+            'returnUrl' => $this->context->getReturnUrl(),
+        ]);
+    }
+
+    public function getNewContentUrl(): string
+    {
+        $uriBuilder = GeneralUtility::makeInstance(UriBuilder::class);
+        $pageId = $this->context->getPageId();
+
+        return (string)$uriBuilder->buildUriFromRoute('new_content_element_wizard', [
+            'id' => $pageId,
+            'sys_language_uid' => $this->context->getSiteLanguage()->getLanguageId(),
+            'colPos' => $this->getColumnNumber(),
+            'uid_pid' => $pageId,
+            'returnUrl' => $this->context->getReturnUrl(),
+        ]);
+    }
+
+    public function getTitle(): string
+    {
+        $columnNumber = $this->getColumnNumber();
+        $colTitle = '';
+        foreach ($this->context->getBackendLayout()->getUsedColumns() as $colPos => $title) {
+            if ($colPos === $columnNumber) {
+                $colTitle = $this->getLanguageService()->sL($title);
+            }
+        }
+        return $colTitle;
+    }
+
+    public function getTitleInaccessible(): string
+    {
+        return $this->getLanguageService()->sL($this->columnName) . ' (' . $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:noAccess') . ')';
+    }
+
+    public function getTitleUnassigned(): string
+    {
+        return $this->getLanguageService()->sL($this->columnName) . ' (' . $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:notAssigned') . ')';
+    }
+
+    public function isUnassigned(): bool
+    {
+        return $this->columnName !== 'unused' && $this->columnNumber === null;
+    }
+
+    public function isUnused(): bool
+    {
+        return $this->columnName === 'unused' && $this->columnNumber === null;
+    }
+
+    public function isContentEditable(): bool
+    {
+        if ($this->columnName === 'unused' || $this->columnNumber === null) {
+            return false;
+        }
+        if ($this->getBackendUser()->isAdmin()) {
+            return true;
+        }
+        $pageRecord = $this->context->getPageRecord();
+        return $this->getBackendUser()->doesUserHaveAccess($pageRecord, Permission::CONTENT_EDIT)
+            && $this->getBackendUser()->checkLanguageAccess($this->context->getSiteLanguage())
+            && (
+                !($pagesSchema = GeneralUtility::makeInstance(TcaSchemaFactory::class)->get('pages'))->hasCapability(TcaSchemaCapability::EditLock)
+                || !($pageRecord[$pagesSchema->getCapability(TcaSchemaCapability::EditLock)->getFieldName()] ?? false)
+            );
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/View/BackendLayout/Grid/GridColumnItem.php b/Classes/View/BackendLayout/Grid/GridColumnItem.php
new file mode 100644
index 0000000..9ca2267
--- /dev/null
+++ b/Classes/View/BackendLayout/Grid/GridColumnItem.php
@@ -0,0 +1,475 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\BackendLayout\Grid;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use TYPO3\CMS\Backend\Domain\Repository\Localization\LocalizationRepository;
+use TYPO3\CMS\Backend\Preview\StandardPreviewRendererResolver;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendLayoutView;
+use TYPO3\CMS\Backend\View\Event\AfterPageContentPreviewRenderedEvent;
+use TYPO3\CMS\Backend\View\Event\PageContentPreviewRenderingEvent;
+use TYPO3\CMS\Backend\View\PageLayoutContext;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Database\ReferenceIndex;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\SchemaLabelResolver;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Site\Entity\SiteLanguage;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Grid Column Item
+ *
+ * Model/proxy around a single record which appears in a grid column
+ * in the page layout. Returns titles, urls etc. and performs basic
+ * assertions on the contained content element record such as
+ * is-versioned, is-editable, is-delible and so on.
+ *
+ * Accessed from Fluid templates.
+ *
+ * @internal
+ */
+class GridColumnItem
+{
+    /**
+     * @var GridColumnItem[]
+     */
+    protected array $translations = [];
+    protected TcaSchema $schema;
+    protected BackendLayoutView $backendLayoutView;
+    protected readonly IconFactory $iconFactory;
+
+    public function __construct(
+        protected readonly PageLayoutContext $context,
+        protected readonly GridColumn $column,
+        protected RecordInterface $record,
+        protected readonly string $table = 'tt_content'
+    ) {
+        $this->iconFactory = GeneralUtility::makeInstance(IconFactory::class);
+        $this->schema = GeneralUtility::makeInstance(TcaSchemaFactory::class)->get($this->table);
+        $this->backendLayoutView = GeneralUtility::makeInstance(BackendLayoutView::class);
+    }
+
+    public function getContext(): PageLayoutContext
+    {
+        return $this->context;
+    }
+
+    public function isVersioned(): bool
+    {
+        return $this->record->getComputedProperties()->getVersionedUid() > 0 || (int)($this->getRow()['t3ver_state'] ?? 0) !== 0;
+    }
+
+    public function getPreview(): string
+    {
+        $eventDispatcher = GeneralUtility::makeInstance(EventDispatcherInterface::class);
+        $previewRenderer = GeneralUtility::makeInstance(StandardPreviewRendererResolver::class)->resolveRendererFor($this->record);
+        $previewHeader = $previewRenderer->renderPageModulePreviewHeader($this);
+
+        // Dispatch event to allow listeners adding an alternative content type
+        // specific preview or to manipulate the content elements' record data.
+        $event = $eventDispatcher->dispatch(
+            new PageContentPreviewRenderingEvent($this->table, $this->getRecordType(), $this->record, $this->context)
+        );
+
+        // Update the modified record data
+        $this->record = $event->getRecord();
+
+        // Get specific preview from listeners. In case non was added,
+        // fall back to the standard preview rendering workflow.
+        $previewContent = $event->getPreviewContent();
+        if ($previewContent === null) {
+            $previewContent = $previewRenderer->renderPageModulePreviewContent($this);
+        }
+
+        if (!$this->backendLayoutView->isCTypeAllowedInColPosByPage(
+            $this->getRecordType(),
+            $this->getColumn()->getColumnNumber() ?? 0,
+            $this->getRecord()->getPid()
+        )) {
+            return '<span class="badge badge-warning">' . sprintf($this->getLanguageService()->sL('core.core:labels.typeNotAllowedInColumn'), $this->getContentTypeLabel()) . '</span>';
+        }
+
+        $previewContent = $previewRenderer->wrapPageModulePreview($previewHeader, $previewContent, $this);
+        $event = $eventDispatcher->dispatch(
+            new AfterPageContentPreviewRenderedEvent($this->table, $this->getRecordType(), $this->record, $this->context, $previewContent)
+        );
+        return $event->getPreviewContent();
+    }
+
+    public function getWrapperClassName(): string
+    {
+        $wrapperClassNames = [];
+        if ($this->isDisabled()) {
+            $wrapperClassNames[] = 't3-page-ce-hidden t3js-hidden-record';
+        }
+        if ($this->isInconsistentLanguage()
+            || !$this->backendLayoutView->isCTypeAllowedInColPosByPage(
+                $this->getRecordType(),
+                $this->getColumn()->getColumnNumber() ?? 0,
+                $this->getRecord()->getPid()
+            )
+        ) {
+            $wrapperClassNames[] = 't3-page-ce-warning';
+        }
+
+        return implode(' ', $wrapperClassNames);
+    }
+
+    public function isDelible(): bool
+    {
+        $backendUser = $this->getBackendUser();
+        if (!$backendUser->doesUserHaveAccess($this->context->getPageRecord(), Permission::CONTENT_EDIT)) {
+            return false;
+        }
+        return !($backendUser->getTSConfig()['options.']['disableDelete.'][$this->table] ?? $backendUser->getTSConfig()['options.']['disableDelete'] ?? false);
+    }
+
+    public function getDeleteUrl(): string
+    {
+        return (string)GeneralUtility::makeInstance(UriBuilder::class)->buildUriFromRoute(
+            'tce_db',
+            [
+                'cmd' => [
+                    $this->table => [
+                        $this->record->getUid() => [
+                            'delete' => 1,
+                        ],
+                    ],
+                ],
+                'redirect' => $this->context->getReturnUrl(),
+            ]
+        );
+    }
+
+    public function getDeleteMessage(): string
+    {
+        $recordInfo = BackendUtility::cropToTitleLength(BackendUtility::getRecordTitle($this->table, $this->getRow()));
+        if ($this->getBackendUser()->shallDisplayDebugInformation()) {
+            $recordInfo .= ' [' . $this->table . ':' . $this->record->getUid() . ']';
+        }
+
+        $refCountMsg = BackendUtility::referenceCount(
+            $this->table,
+            $this->record->getUid(),
+            LF . $this->getLanguageService()->sL('core.core:labels.referencesToRecord'),
+            (string)$this->getReferenceCount($this->record->getUid())
+        );
+        $translationCount = count(GeneralUtility::makeInstance(LocalizationRepository::class)->getRecordTranslations($this->table, $this->record->getUid()));
+        if ($translationCount > 0) {
+            $refCountMsg .= LF . sprintf(
+                $this->getLanguageService()->sL('core.core:labels.translationsOfRecord'),
+                $translationCount
+            );
+        }
+
+        return sprintf($this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:deleteWarning'), trim($recordInfo)) . $refCountMsg;
+    }
+
+    public function getFooterInfo(): string
+    {
+        $previewRenderer = GeneralUtility::makeInstance(StandardPreviewRendererResolver::class)->resolveRendererFor($this->record);
+        return $previewRenderer->renderPageModulePreviewFooter($this);
+    }
+
+    public function getContentTypeLabel(): string
+    {
+        if (($recordType = $this->getRecordType()) === '') {
+            return '';
+        }
+
+        $contentTypeLabels = $this->context->getContentTypeLabels();
+        $contentTypeLabel = $contentTypeLabels[$recordType] ?? '';
+        if ($contentTypeLabel === '') {
+            $contentTypeLabel = $this->getLabelFromItemListMerged();
+            $contentTypeLabel = $this->getLanguageService()->sL($contentTypeLabel);
+        }
+        return $contentTypeLabel;
+    }
+
+    public function getIcons(): string
+    {
+        $row = $this->record->getRawRecord()?->toArray() ?? [];
+        $icons = [];
+
+        $icon = $this->iconFactory
+            ->getIconForRecord($this->table, $row, IconSize::SMALL)
+            ->setTitle(BackendUtility::getRecordIconAltText($row, $this->table, false))
+            ->render();
+        if ($this->getBackendUser()->checkRecordEditAccess($this->table, $this->getRow())->isAllowed) {
+            $icon = BackendUtility::wrapClickMenuOnIcon($icon, $this->table, $this->record->getUid());
+        }
+        $icons[] = $icon;
+
+        if ($lockInfo = BackendUtility::isRecordLocked($this->table, $this->record->getUid())) {
+            $icons[] = '<a href="#" title="' . htmlspecialchars($lockInfo['msg']) . '">'
+                . $this->iconFactory->getIcon('status-user-backend', IconSize::SMALL, 'overlay-edit')->render() . '</a>';
+        }
+        return implode(' ', $icons);
+    }
+
+    public function getSiteLanguage(): SiteLanguage
+    {
+        return $this->context->getSiteLanguage((int)($this->getRow()[$this->schema->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName()] ?? 0));
+    }
+
+    public function getRecord(): RecordInterface
+    {
+        return $this->record;
+    }
+
+    public function getRow(): array
+    {
+        return $this->record->getRawRecord()?->toArray(true) ?? [];
+    }
+
+    public function setRecord(RecordInterface $record): void
+    {
+        $this->record = $record;
+    }
+
+    public function getColumn(): GridColumn
+    {
+        return $this->column;
+    }
+
+    public function getTranslations(): array
+    {
+        return $this->translations;
+    }
+
+    public function addTranslation(int $languageId, GridColumnItem $translation): GridColumnItem
+    {
+        $this->translations[$languageId] = $translation;
+        return $this;
+    }
+
+    public function isDisabled(): bool
+    {
+        $row = $this->getRow();
+        return (
+            $this->schema->hasCapability(TcaSchemaCapability::RestrictionDisabledField)
+            && ($row[(string)$this->schema->getCapability(TcaSchemaCapability::RestrictionDisabledField)] ?? false)
+        )
+            || (
+                $this->schema->hasCapability(TcaSchemaCapability::RestrictionStartTime)
+                && ($row[(string)$this->schema->getCapability(TcaSchemaCapability::RestrictionStartTime)] ?? 0) > $GLOBALS['EXEC_TIME']
+            )
+            || (
+                $this->schema->hasCapability(TcaSchemaCapability::RestrictionEndTime)
+                && (($endTime = ($row[(string)$this->schema->getCapability(TcaSchemaCapability::RestrictionEndTime)] ?? 0)) !== 0 && $endTime < $GLOBALS['EXEC_TIME'])
+            );
+    }
+
+    public function isEditable(): bool
+    {
+        $backendUser = $this->getBackendUser();
+        if ($backendUser->isAdmin()) {
+            return true;
+        }
+        $pageRecord = $this->context->getPageRecord();
+        return $backendUser->doesUserHaveAccess($pageRecord, Permission::CONTENT_EDIT)
+            && $backendUser->checkRecordEditAccess($this->table, $this->record)->isAllowed
+            && (
+                !($pagesSchema = GeneralUtility::makeInstance(TcaSchemaFactory::class)->get('pages'))->hasCapability(TcaSchemaCapability::EditLock)
+                || !($pageRecord[$pagesSchema->getCapability(TcaSchemaCapability::EditLock)->getFieldName()] ?? false)
+            );
+    }
+
+    public function isDragAndDropAllowed(): bool
+    {
+        $pageRecord = $this->context->getPageRecord();
+        $typeColumn = $this->getTypeColumn();
+        return (int)($this->getRow()[$this->schema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName()] ?? 0) === 0
+            && (
+                $this->getBackendUser()->isAdmin()
+                || (
+                    (
+                        !($this->getRow()[$this->schema->getCapability(TcaSchemaCapability::EditLock)->getFieldName()] ?? false)
+                        && (
+                            !($pagesSchema = GeneralUtility::makeInstance(TcaSchemaFactory::class)->get('pages'))->hasCapability(TcaSchemaCapability::EditLock)
+                            || !($pageRecord[$pagesSchema->getCapability(TcaSchemaCapability::EditLock)->getFieldName()] ?? false)
+                        )
+                    )
+                    && $this->getBackendUser()->doesUserHaveAccess($pageRecord, Permission::CONTENT_EDIT)
+                    && $this->getBackendUser()->checkAuthMode($this->table, $typeColumn, $this->getRecordType())
+                )
+            )
+        ;
+    }
+
+    public function isInconsistentLanguage(): bool
+    {
+        $allowInconsistentLanguageHandling = $this->context->getDrawingConfiguration()->getAllowInconsistentLanguageHandling();
+        return !$allowInconsistentLanguageHandling
+            && $this->getSiteLanguage()->getLanguageId() !== 0
+            && $this->context->getLanguageModeIdentifier() === 'mixed'
+            && (int)($this->getRow()[$this->schema->getCapability(TcaSchemaCapability::Language)->getTranslationOriginPointerField()->getName()] ?? 0) === 0;
+    }
+
+    public function getNewContentAfterUrl(): string
+    {
+        $uriBuilder = GeneralUtility::makeInstance(UriBuilder::class);
+        return (string)$uriBuilder->buildUriFromRoute('new_content_element_wizard', [
+            'id' => $this->context->getPageId(),
+            'sys_language_uid' => $this->context->getSiteLanguage()->getLanguageId(),
+            'colPos' => $this->column->getColumnNumber(),
+            'uid_pid' => -$this->record->getUid(),
+            'returnUrl' => $this->context->getReturnUrl(),
+        ]);
+    }
+
+    public function getVisibilityToggleUrl(): string
+    {
+        $disabledFieldName = $this->getDisabledFieldName();
+        if ($this->getRow()[$disabledFieldName] ?? false) {
+            $value = 0;
+        } else {
+            $value = 1;
+        }
+        return GeneralUtility::makeInstance(UriBuilder::class)->buildUriFromRoute(
+            'tce_db',
+            [
+                'data' => [
+                    $this->table => [
+                        $this->record->getComputedProperties()->getVersionedUid() ?: $this->record->getUid() => [
+                            $disabledFieldName => $value,
+                        ],
+                    ],
+                ],
+                'redirect' => $this->context->getReturnUrl(),
+            ]
+        ) . '#element-' . $this->table . '-' . $this->record->getUid();
+    }
+
+    public function getVisibilityToggleTitle(): string
+    {
+        if ($this->getRow()[$this->getDisabledFieldName()] ?? false) {
+            return $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:unHide');
+        }
+        return $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:hide');
+    }
+
+    public function getVisibilityToggleIconName(): string
+    {
+        return ($this->getRow()[$this->getDisabledFieldName()] ?? false) ? 'unhide' : 'hide';
+    }
+
+    public function isVisibilityToggling(): bool
+    {
+        $disabledFieldName = $this->getDisabledFieldName();
+        return $disabledFieldName
+            && $this->schema->hasField($disabledFieldName)
+            && (
+                !$this->schema->getField($disabledFieldName)->supportsAccessControl()
+                || $this->getBackendUser()->check('non_exclude_fields', $this->table . ':' . $disabledFieldName)
+            )
+        ;
+    }
+
+    public function getEditUrl(): string
+    {
+        $urlParameters = [
+            'edit' => [
+                $this->table => [
+                    $this->record->getUid() => 'edit',
+                ],
+            ],
+            'module' => 'web_layout',
+            'returnUrl' => $this->context->getReturnUrl() . '#element-' . $this->table . '-' . $this->record->getUid(),
+        ];
+        $uriBuilder = GeneralUtility::makeInstance(UriBuilder::class);
+        return $uriBuilder->buildUriFromRoute('record_edit', $urlParameters) . '#element-' . $this->table . '-' . $this->record->getUid();
+    }
+
+    public function getContextualEditUrl(): string
+    {
+        $urlParameters = [
+            'edit' => [
+                $this->table => [
+                    $this->record->getUid() => 'edit',
+                ],
+            ],
+            'module' => 'web_layout',
+            'returnUrl' => $this->context->getReturnUrl() . '#element-' . $this->table . '-' . $this->record->getUid(),
+        ];
+        return (string)GeneralUtility::makeInstance(UriBuilder::class)->buildUriFromRoute('record_edit_contextual', $urlParameters);
+    }
+
+    public function getTypeColumn(): string
+    {
+        // @todo This only supports local record types due to usages in this class
+        return $this->schema->supportsSubSchema() && !$this->schema->getSubSchemaTypeInformation()->isPointerToForeignFieldInForeignSchema()
+            ? $this->schema->getSubSchemaTypeInformation()->getFieldName()
+            : '';
+    }
+
+    public function getRecordType(): string
+    {
+        return $this->record->getRecordType() ?? '';
+    }
+
+    public function getTable(): string
+    {
+        return $this->table;
+    }
+
+    /**
+     * Gets the number of records referencing the record with the UID $uid in
+     * the current table.
+     *
+     * @return int The number of references to record $uid in table
+     */
+    protected function getReferenceCount(int $uid): int
+    {
+        return GeneralUtility::makeInstance(ReferenceIndex::class)->getNumberOfReferencedRecords($this->table, $uid);
+    }
+
+    protected function getLabelFromItemListMerged(): string
+    {
+        $table = $this->table;
+        $typeColumn = $this->getTypeColumn();
+        $recordType = $this->getRecordType();
+        $columnTsConfig = BackendUtility::getPagesTSconfig($this->record->getPid())['TCEFORM.'][$table . '.'][$typeColumn . '.'] ?? [];
+        return GeneralUtility::makeInstance(SchemaLabelResolver::class)
+            ->getLabelForFieldValue($table, $typeColumn, $recordType, $this->getRow(), is_array($columnTsConfig) ? $columnTsConfig : []);
+    }
+
+    protected function getDisabledFieldName(): ?string
+    {
+        return $this->schema->hasCapability(TcaSchemaCapability::RestrictionDisabledField) ? (string)$this->schema->getCapability(TcaSchemaCapability::RestrictionDisabledField) : null;
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/View/BackendLayout/Grid/GridRow.php b/Classes/View/BackendLayout/Grid/GridRow.php
new file mode 100644
index 0000000..5d3d926
--- /dev/null
+++ b/Classes/View/BackendLayout/Grid/GridRow.php
@@ -0,0 +1,60 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\BackendLayout\Grid;
+
+use TYPO3\CMS\Backend\View\PageLayoutContext;
+
+/**
+ * Grid Row
+ *
+ * Object representation of a single row of a grid defined in a BackendLayout.
+ * Is solely responsible for grouping GridColumns.
+ *
+ * Accessed in Fluid templates.
+ *
+ * @internal
+ */
+class GridRow
+{
+    /**
+     * @var GridColumn[]
+     */
+    protected array $columns = [];
+
+    public function __construct(
+        protected readonly PageLayoutContext $context,
+    ) {}
+
+    public function getContext(): PageLayoutContext
+    {
+        return $this->context;
+    }
+
+    public function addColumn(GridColumn $column): void
+    {
+        $this->columns[$column->getColumnNumber() ?? ''] = $column;
+    }
+
+    /**
+     * @return GridColumn[]
+     */
+    public function getColumns(): iterable
+    {
+        return $this->columns;
+    }
+}
diff --git a/Classes/View/BackendLayout/Grid/LanguageColumn.php b/Classes/View/BackendLayout/Grid/LanguageColumn.php
new file mode 100644
index 0000000..3306d21
--- /dev/null
+++ b/Classes/View/BackendLayout/Grid/LanguageColumn.php
@@ -0,0 +1,161 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\BackendLayout\Grid;
+
+use TYPO3\CMS\Backend\Routing\PreviewUriBuilder;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\PageLayoutContext;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Imaging\IconFactory;
+use TYPO3\CMS\Core\Imaging\IconSize;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Language Column
+ *
+ * Object representation of a site language selected in the "page" module
+ * to show translations of content elements.
+ *
+ * Contains getter methods to return various values associated with a single
+ * language, e.g. localized page title, associated SiteLanguage instance,
+ * edit URLs and link titles and so on.
+ *
+ * Stores a duplicated Grid object associated with the SiteLanguage.
+ *
+ * Accessed from Fluid templates - generated from within BackendLayout when
+ * "page" module is in "languages" mode.
+ *
+ * @internal
+ */
+class LanguageColumn
+{
+    protected readonly IconFactory $iconFactory;
+
+    public function __construct(
+        protected readonly PageLayoutContext $context,
+        protected readonly Grid $grid,
+        protected readonly array $translationInfo
+    ) {
+        $this->iconFactory = GeneralUtility::makeInstance(IconFactory::class);
+    }
+
+    public function getContext(): PageLayoutContext
+    {
+        return $this->context;
+    }
+
+    public function getGrid(): Grid
+    {
+        return $this->grid;
+    }
+
+    public function getPageIcon(): string
+    {
+        $localizedPageRecord = $this->context->getLocalizedPageRecord() ?? $this->context->getPageRecord();
+        return BackendUtility::wrapClickMenuOnIcon(
+            $this->iconFactory->getIconForRecord('pages', $localizedPageRecord, IconSize::SMALL)->render(),
+            'pages',
+            $localizedPageRecord['uid']
+        );
+    }
+
+    public function getAllowTranslate(): bool
+    {
+        return $this->context->getDrawingConfiguration()->translateModeForTranslationsAllowed() && !($this->getTranslationData()['hasStandAloneContent'] ?? false);
+    }
+
+    public function getTranslationData(): array
+    {
+        return $this->translationInfo;
+    }
+
+    public function getAllowTranslateCopy(): bool
+    {
+        return $this->context->getDrawingConfiguration()->copyModeForTranslationsAllowed() && !($this->getTranslationData()['hasTranslations'] ?? false);
+    }
+
+    public function getAllowEditPage(): bool
+    {
+        return $this->getBackendUser()->doesUserHaveAccess($this->context->getPageRecord(), Permission::PAGE_EDIT)
+            && $this->getBackendUser()->check('tables_modify', 'pages')
+            && $this->getBackendUser()->checkLanguageAccess($this->context->getSiteLanguage());
+    }
+
+    public function getPageRecordUid(): int
+    {
+        return $this->context->getLocalizedPageRecord()['uid'] ?? $this->context->getPageRecord()['uid'];
+    }
+
+    public function getPageRecord(): array
+    {
+        return $this->context->getLocalizedPageRecord() ?: $this->context->getPageRecord();
+    }
+
+    public function getPageEditUrl(): string
+    {
+        return (string)GeneralUtility::makeInstance(UriBuilder::class)->buildUriFromRoute('record_edit_contextual', $this->getPageEditUrlParameters());
+    }
+
+    public function getFullPageEditUrl(): string
+    {
+        return (string)GeneralUtility::makeInstance(UriBuilder::class)->buildUriFromRoute('record_edit', $this->getPageEditUrlParameters());
+    }
+
+    private function getPageEditUrlParameters(): array
+    {
+        $pageRecordUid = $this->getPageRecordUid();
+        $urlParameters = [
+            'edit' => [
+                'pages' => [
+                    $pageRecordUid => 'edit',
+                ],
+            ],
+            'module' => 'web_layout',
+            'returnUrl' => $this->context->getReturnUrl(),
+        ];
+        // Disallow manual adjustment of the language field for pages
+        if (($languageField = GeneralUtility::makeInstance(TcaSchemaFactory::class)->get('pages')->getCapability(TcaSchemaCapability::Language)->getLanguageField()->getName()) !== '') {
+            $urlParameters['overrideVals']['pages'][$languageField] = $this->context->getSiteLanguage()->getLanguageId();
+        }
+        return $urlParameters;
+    }
+
+    public function getAllowViewPage(): bool
+    {
+        return PreviewUriBuilder::create($this->context->getLocalizedPageRecord() ?? $this->context->getPageRecord())->isPreviewable();
+    }
+
+    public function getPreviewUrlAttributes(): string
+    {
+        $pageId = $this->context->getPageId();
+        $languageId = $this->context->getSiteLanguage()->getLanguageId();
+        return (string)PreviewUriBuilder::create($this->context->getLocalizedPageRecord() ?? $this->context->getPageRecord())
+            ->withRootLine(BackendUtility::BEgetRootLine($pageId))
+            ->withLanguage($languageId)
+            ->serializeDispatcherAttributes();
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/View/BackendLayout/PageTsBackendLayoutDataProvider.php b/Classes/View/BackendLayout/PageTsBackendLayoutDataProvider.php
new file mode 100644
index 0000000..9c6af18
--- /dev/null
+++ b/Classes/View/BackendLayout/PageTsBackendLayoutDataProvider.php
@@ -0,0 +1,173 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\BackendLayout;
+
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+
+/**
+ * This Provider adds Backend Layouts based on page TSconfig
+ *
+ * = Example =
+ * mod {
+ * 	web_layout {
+ * 		BackendLayouts {
+ * 			example {
+ * 				title = Example
+ * 				config {
+ * 					backend_layout {
+ * 						colCount = 1
+ * 						rowCount = 2
+ * 						rows {
+ * 							1 {
+ * 								columns {
+ * 									1 {
+ * 										name = LLL:EXT:frontend/Resources/Private/Language/locallang_ttc.xlf:colPos.I.3
+ * 										colPos = 3
+ * 										colspan = 1
+ * 									}
+ * 								}
+ * 							}
+ * 							2 {
+ * 								columns {
+ * 									1 {
+ * 										name = Main
+ * 										colPos = 0
+ * 										colspan = 1
+ * 									}
+ * 								}
+ * 							}
+ * 						}
+ * 					}
+ * 				}
+ * 				icon = content-container-columns-2
+ * 			}
+ * 		}
+ * 	}
+ * }
+ *
+ * @internal Specific DataProviderInterface implementation, not considered public API.
+ */
+final class PageTsBackendLayoutDataProvider implements DataProviderInterface
+{
+    /**
+     * Internal Backend Layout stack
+     */
+    private array $backendLayouts = [];
+
+    public function addBackendLayouts(DataProviderContext $dataProviderContext, BackendLayoutCollection $backendLayoutCollection): void
+    {
+        $this->generateBackendLayouts($dataProviderContext, null);
+        foreach ($this->backendLayouts as $backendLayoutConfig) {
+            $backendLayout = $this->createBackendLayout($backendLayoutConfig);
+            $backendLayoutCollection->add($backendLayout);
+        }
+    }
+
+    /**
+     * Gets a backend layout by (regular) identifier.
+     *
+     * @param string $identifier
+     * @param int $pageId
+     */
+    public function getBackendLayout($identifier, $pageId): ?BackendLayout
+    {
+        $this->generateBackendLayouts(null, $pageId);
+        if (array_key_exists($identifier, $this->backendLayouts)) {
+            return $this->createBackendLayout($this->backendLayouts[$identifier]);
+        }
+        return null;
+    }
+
+    public function getIdentifier(): string
+    {
+        return 'pagets';
+    }
+
+    /**
+     * Gets page TSconfig from DataProviderContext if available from context,
+     * else fetch from BackendUtility by pageId.
+     */
+    private function getPageTsConfig(?DataProviderContext $dataProviderContext, ?int $pageId): array
+    {
+        if ($dataProviderContext === null && $pageId === null) {
+            throw new \RuntimeException('Either $dataProviderContext or $pageId must be provided', 1676380686);
+        }
+        if ($dataProviderContext) {
+            return $dataProviderContext->pageTsConfig;
+        }
+        return BackendUtility::getPagesTSconfig($pageId);
+    }
+
+    /**
+     * Generate the Backend Layout configs
+     */
+    private function generateBackendLayouts(?DataProviderContext $dataProviderContext, ?int $pageId): void
+    {
+        $pageTsConfig = $this->getPageTsConfig($dataProviderContext, $pageId);
+        if (!empty($pageTsConfig['mod.']['web_layout.']['BackendLayouts.'])) {
+            $backendLayouts = (array)$pageTsConfig['mod.']['web_layout.']['BackendLayouts.'];
+            foreach ($backendLayouts as $identifier => $data) {
+                $backendLayout = $this->generateBackendLayoutFromTsConfig($identifier, $data);
+                $this->attachBackendLayout($backendLayout);
+            }
+        }
+    }
+
+    /**
+     * Generates a Backend Layout from page TSconfig array
+     */
+    private function generateBackendLayoutFromTsConfig(string $identifier, array $data): ?array
+    {
+        $backendLayout = [];
+        if (is_array($data['config.']['backend_layout.'] ?? null)) {
+            $backendLayout['uid'] = substr($identifier, 0, -1);
+            $backendLayout['title'] = $data['title'] ?? $backendLayout['uid'];
+            $backendLayout['icon'] = $data['icon'] ?? '';
+            // Convert PHP array back to plain TypoScript to process it
+            $config = ArrayUtility::flatten($data['config.']);
+            $backendLayout['config'] = '';
+            foreach ($config as $row => $value) {
+                $backendLayout['config'] .= $row . ' = ' . $value . "\r\n";
+            }
+            return $backendLayout;
+        }
+        return null;
+    }
+
+    /**
+     * Attach Backend Layout to internal Stack
+     */
+    private function attachBackendLayout(mixed $backendLayout = null): void
+    {
+        if ($backendLayout) {
+            $this->backendLayouts[$backendLayout['uid']] = $backendLayout;
+        }
+    }
+
+    /**
+     * Creates a new backend layout using the given record data.
+     */
+    private function createBackendLayout(array $data): BackendLayout
+    {
+        $backendLayout = BackendLayout::create((string)$data['uid'], $data['title'], $data['config']);
+        $backendLayout->setIconPath($data['icon'] ?? '');
+        $backendLayout->setData($data);
+        return $backendLayout;
+    }
+}
diff --git a/Classes/View/BackendLayoutView.php b/Classes/View/BackendLayoutView.php
new file mode 100644
index 0000000..4649db4
--- /dev/null
+++ b/Classes/View/BackendLayoutView.php
@@ -0,0 +1,351 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View;
+
+use Psr\EventDispatcher\EventDispatcherInterface;
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\View\BackendLayout\BackendLayout;
+use TYPO3\CMS\Backend\View\BackendLayout\DataProviderCollection;
+use TYPO3\CMS\Backend\View\BackendLayout\DataProviderContext;
+use TYPO3\CMS\Backend\View\Event\ManipulateBackendLayoutColPosConfigurationForPageEvent;
+use TYPO3\CMS\Core\Cache\Frontend\FrontendInterface;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3\CMS\Core\Page\PageLayoutResolver;
+use TYPO3\CMS\Core\TypoScript\TypoScriptStringFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Backend layout for CMS
+ *
+ * @todo: This class name is unfortunate and the scope of this class in general convoluted and unclear.
+ * @internal This class is a TYPO3 Backend implementation and is not considered part of the Public TYPO3 API.
+ */
+#[Autoconfigure(public: true)]
+readonly class BackendLayoutView
+{
+    private const string SELECTED_COMBINED_CACHE_IDENTIFIER = 'backend-layout-view-selected-combined-identifiers';
+    private const string SELECTED_BACKEND_LAYOUTS_CACHE_IDENTIFIER = 'backend-layout-view-selected-backend-layouts';
+
+    public function __construct(
+        private EventDispatcherInterface $eventDispatcher,
+        #[Autowire(service: 'cache.runtime')]
+        private FrontendInterface $runtimeCache,
+        private DataProviderCollection $dataProviderCollection,
+        private TypoScriptStringFactory $typoScriptStringFactory,
+        private PageLayoutResolver $pageLayoutResolver,
+        private ConnectionPool $connectionPool,
+    ) {}
+
+    /**
+     * This method is called as "itemsProcFunc" with the accordant context
+     * for pages.backend_layout and pages.backend_layout_next_level.
+     * Also used in the info module, since we need those items with
+     * the appropriate labels and backend layout identifiers there, too.
+     *
+     * @todo This method should return the items array instead of
+     *       using the whole parameters array as reference. This
+     *       has to be adjusted, as soon as the itemsProcFunc
+     *       functionality is changed in this regard.
+     */
+    public function addBackendLayoutItems(array &$parameters): void
+    {
+        $pageId = $this->determinePageId($parameters['table'], $parameters['row']) ?: 0;
+        $pageTsConfig = BackendUtility::getPagesTSconfig($pageId);
+        $identifiersToBeExcluded = [];
+        if (isset($pageTsConfig['options.']['backendLayout.']['exclude'])) {
+            $identifiersToBeExcluded = GeneralUtility::trimExplode(',', $pageTsConfig['options.']['backendLayout.']['exclude'], true);
+        }
+        $dataProviderContext = new DataProviderContext(
+            pageId: $pageId,
+            tableName: $parameters['table'],
+            fieldName: $parameters['field'],
+            data: $parameters['row'],
+            pageTsConfig: $pageTsConfig,
+        );
+        $backendLayoutCollections = $this->dataProviderCollection->getBackendLayoutCollections($dataProviderContext);
+        foreach ($backendLayoutCollections as $backendLayoutCollection) {
+            $combinedIdentifierPrefix = '';
+            if ($backendLayoutCollection->getIdentifier() !== 'default') {
+                $combinedIdentifierPrefix = $backendLayoutCollection->getIdentifier() . '__';
+            }
+            foreach ($backendLayoutCollection->getAll() as $backendLayout) {
+                $combinedIdentifier = $combinedIdentifierPrefix . $backendLayout->getIdentifier();
+                if (in_array($combinedIdentifier, $identifiersToBeExcluded, true)) {
+                    continue;
+                }
+                $parameters['items'][] = [
+                    'label' => $backendLayout->getTitle(),
+                    'value' => $combinedIdentifier,
+                    'icon' => $backendLayout->getIconPath(),
+                ];
+            }
+        }
+    }
+
+    /**
+     * Gets colPos items to be shown in form engine. This method is called
+     * as "itemsProcFunc" with the accordant context for tt_content.colPos.
+     */
+    public function colPosListItemProcFunc(array &$parameters): void
+    {
+        $pageId = $this->determinePageId($parameters['table'], $parameters['row']);
+        if ($pageId !== false) {
+            $layout = $this->getSelectedBackendLayout($pageId);
+            if ($layout && !empty($layout['__items'])) {
+                $parameters['items'] = $layout['__items'];
+            }
+        }
+    }
+
+    /**
+     * Gets the selected backend layout structure as an array
+     */
+    public function getSelectedBackendLayout(int $pageId): array
+    {
+        return $this->getBackendLayoutForPage($pageId)->getStructure();
+    }
+
+    /**
+     * Get the BackendLayout object and parse the structure based on the UserTSconfig
+     */
+    public function getBackendLayoutForPage(int $pageId): BackendLayout
+    {
+        $selectedBackendLayoutsByPageId = $this->runtimeCache->get(self::SELECTED_BACKEND_LAYOUTS_CACHE_IDENTIFIER);
+        if (($selectedBackendLayoutsByPageId[$pageId] ?? null) instanceof BackendLayout) {
+            return $selectedBackendLayoutsByPageId[$pageId];
+        }
+        if (!is_array($selectedBackendLayoutsByPageId)) {
+            $selectedBackendLayoutsByPageId = [];
+        }
+        $selectedCombinedIdentifier = $this->getSelectedCombinedIdentifier($pageId);
+        if (empty($selectedCombinedIdentifier)) {
+            // If no backend layout is selected, use default
+            $selectedCombinedIdentifier = 'default';
+        }
+        $backendLayout = $this->dataProviderCollection->getBackendLayout($selectedCombinedIdentifier, $pageId);
+        if ($backendLayout === null) {
+            // If backend layout is not found available anymore, use default
+            $backendLayout = $this->dataProviderCollection->getBackendLayout('default', $pageId);
+        }
+        if ($backendLayout === null) {
+            // The 'default' backend layout must *always* return something. We must have some layout at this
+            // point and the method always returns a BackendLayout instance.
+            throw new \RuntimeException('Fallback to default backend layout failed', 1768151069);
+        }
+        $selectedBackendLayoutsByPageId[$pageId] = $backendLayout;
+        $this->runtimeCache->set(self::SELECTED_BACKEND_LAYOUTS_CACHE_IDENTIFIER, $selectedBackendLayoutsByPageId);
+        return $backendLayout;
+    }
+
+    /**
+     * This method is mainly used to retrieve the final allowed/disallowed content element configuration per colPos. It
+     * is an implementation of what ext:content_defender provided as extension for a long time already. This method is
+     * embedded in the overall rather convoluted handling around backend layouts. It is - at least for now - subject to change.
+     * The method emits an event that is declared internal as well.
+     *
+     * When calling the method, the optional request argument should be hand whenever available to give event listeners
+     * as much context as possible.
+     *
+     * @internal as the entire class. Note ManipulateBackendLayoutColPosConfigurationForPageEvent is declared internal
+     *           as well. The event is needed for extensions like ext:container, but may still change when backend layout
+     *           related code is consolidated.
+     */
+    public function getColPosConfigurationForPage(BackendLayout $backendLayout, int $colPos, int $pageUid, ?ServerRequestInterface $request = null): array
+    {
+        $configuration = [];
+        $backendLayoutStructure = $backendLayout->getStructure();
+        if (in_array($colPos, array_map('intval', $backendLayoutStructure['__colPosList']), true)) {
+            foreach ($backendLayoutStructure['__config']['backend_layout.']['rows.'] as $row) {
+                if (empty($row['columns.'])) {
+                    continue;
+                }
+                foreach ($row['columns.'] as $column) {
+                    if (isset($column['colPos']) && $column['colPos'] !== '' && $colPos === (int)$column['colPos']) {
+                        $configuration = $column;
+                        // Compatibility layer for ext:content_defender: allowed.CType is now allowedContentTypes and
+                        // disallowed.CType is now disallowedContentTypes. Copy the old content_defender settings to
+                        // the new names if new names are not set.
+                        // @todo: These fallbacks could potentially be deprecated at some point. Maybe v15?
+                        if (!empty($configuration['allowed.']['CType'] ?? '') && !isset($configuration['allowedContentTypes'])) {
+                            $configuration['allowedContentTypes'] = $configuration['allowed.']['CType'];
+                        }
+                        if (!empty($configuration['disallowed.']['CType'] ?? '') && !isset($configuration['disallowedContentTypes'])) {
+                            $configuration['disallowedContentTypes'] = $configuration['disallowed.']['CType'];
+                        }
+                        break 2;
+                    }
+                }
+            }
+        }
+        $event = new ManipulateBackendLayoutColPosConfigurationForPageEvent(
+            configuration: $configuration,
+            backendLayout: $backendLayout,
+            colPos: $colPos,
+            pageUid: $pageUid,
+            request: $request,
+        );
+        return $this->eventDispatcher->dispatch($event)->configuration;
+    }
+
+    /**
+     * @internal
+     */
+    public function parseStructure(BackendLayout $backendLayout): array
+    {
+        $typoScriptTree = $this->typoScriptStringFactory->parseFromStringWithIncludes('backend-layout', $backendLayout->getConfiguration());
+
+        $backendLayoutData = [];
+        $backendLayoutData['config'] = $backendLayout->getConfiguration();
+        $backendLayoutData['__config'] = $typoScriptTree->toArray();
+        $backendLayoutData['__items'] = [];
+        $backendLayoutData['__colPosList'] = [];
+        $backendLayoutData['usedColumns'] = [];
+        $backendLayoutData['colCount'] = (int)($backendLayoutData['__config']['backend_layout.']['colCount'] ?? 0);
+        $backendLayoutData['rowCount'] = (int)($backendLayoutData['__config']['backend_layout.']['rowCount'] ?? 0);
+
+        // create items and colPosList
+        if (!empty($backendLayoutData['__config']['backend_layout.']['rows.'])) {
+            $rows = $backendLayoutData['__config']['backend_layout.']['rows.'];
+            ksort($rows);
+            foreach ($rows as $row) {
+                if (!empty($row['columns.'])) {
+                    foreach ($row['columns.'] as $column) {
+                        if (!isset($column['colPos'])) {
+                            continue;
+                        }
+                        $backendLayoutData['__items'][] = [
+                            'label' => $column['name'],
+                            'value' => $column['colPos'],
+                            'icon' => null,
+                        ];
+                        $backendLayoutData['__colPosList'][] = $column['colPos'];
+                        $backendLayoutData['usedColumns'][(int)$column['colPos']] = $column['name'];
+                    }
+                }
+            }
+        }
+        return $backendLayoutData;
+    }
+
+    public function isCTypeAllowedInColPosByPage(string $cType, int $colPos, int $pageUid): bool
+    {
+        $backendLayout = $this->getBackendLayoutForPage($pageUid);
+        $colPosConfiguration = $this->getColPosConfigurationForPage($backendLayout, $colPos, $pageUid);
+
+        if (!empty($colPosConfiguration['disallowedContentTypes'])) {
+            $disallowedContentTypes = GeneralUtility::trimExplode(',', $colPosConfiguration['disallowedContentTypes']);
+
+            if (in_array($cType, $disallowedContentTypes, true)) {
+                return false;
+            }
+        }
+
+        if (!empty($colPosConfiguration['allowedContentTypes'])) {
+            $allowedContentTypes = GeneralUtility::trimExplode(',', $colPosConfiguration['allowedContentTypes']);
+
+            if (!in_array($cType, $allowedContentTypes, true)) {
+                return false;
+            }
+        }
+
+        return true;
+    }
+
+    /**
+     * Determines the page id for a given record of a database table.
+     *
+     * @return int|false Returns page id or false on error
+     */
+    protected function determinePageId(string $tableName, array $data): int|false
+    {
+        if ($data === []) {
+            return false;
+        }
+
+        if (str_starts_with((string)$data['uid'], 'NEW')) {
+            // Negative uid_pid values of content elements indicate that the element
+            // has been inserted after an existing element so there is no pid to get
+            // the backendLayout for, and we have to get that first.
+            if ($data['pid'] < 0) {
+                $queryBuilder = $this->connectionPool
+                    ->getQueryBuilderForTable($tableName);
+                $queryBuilder->getRestrictions()
+                    ->removeAll();
+                $pageId = $queryBuilder
+                    ->select('pid')
+                    ->from($tableName)
+                    ->where(
+                        $queryBuilder->expr()->eq(
+                            'uid',
+                            $queryBuilder->createNamedParameter(abs($data['pid']), Connection::PARAM_INT)
+                        )
+                    )
+                    ->executeQuery()
+                    ->fetchOne();
+            } else {
+                $pageId = $data['pid'];
+            }
+        } elseif ($tableName === 'pages') {
+            $pageId = $data['uid'];
+        } else {
+            $pageId = $data['pid'];
+        }
+
+        return (int)$pageId;
+    }
+
+    /**
+     * Returns the backend layout which should be used for this page.
+     *
+     * @return false|string Identifier of the backend layout to be used, or FALSE if none
+     */
+    protected function getSelectedCombinedIdentifier(int $pageId): string|false
+    {
+        $selectedCombinedIdentifiers = $this->runtimeCache->get(self::SELECTED_COMBINED_CACHE_IDENTIFIER);
+        if (is_array($selectedCombinedIdentifiers) && array_key_exists($pageId, $selectedCombinedIdentifiers)) {
+            return $selectedCombinedIdentifiers[$pageId];
+        }
+        if (!is_array($selectedCombinedIdentifiers)) {
+            $selectedCombinedIdentifiers = [];
+        }
+        // If it not set check the rootline for a layout on next level and use this: Rootline
+        // starts with current page and has page "0" at the end.
+        $rootLine = BackendUtility::BEgetRootLine($pageId, '', true);
+        if ($rootLine === []) {
+            // Return for invalid rootline
+            return false;
+        }
+        // Use first element as current page and remove last element (root page / pid=0)
+        $page = reset($rootLine);
+        array_pop($rootLine);
+        $selectedLayout = $this->pageLayoutResolver->getLayoutIdentifierForPage($page, $rootLine);
+        if ($selectedLayout === 'none') {
+            // If it is set to "none" - don't use any
+            $selectedLayout = false;
+        } elseif ($selectedLayout === 'default') {
+            $selectedLayout = '0';
+        }
+        $selectedCombinedIdentifiers[$pageId] = $selectedLayout;
+        $this->runtimeCache->set(self::SELECTED_COMBINED_CACHE_IDENTIFIER, $selectedCombinedIdentifiers);
+        return $selectedLayout;
+    }
+}
diff --git a/Classes/View/BackendViewFactory.php b/Classes/View/BackendViewFactory.php
new file mode 100644
index 0000000..b1d7971
--- /dev/null
+++ b/Classes/View/BackendViewFactory.php
@@ -0,0 +1,120 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Routing\Route;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Package\PackageManager;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\MathUtility;
+use TYPO3\CMS\Core\View\ViewInterface as CoreViewInterface;
+use TYPO3\CMS\Fluid\Core\Rendering\RenderingContextFactory;
+use TYPO3\CMS\Fluid\View\FluidViewAdapter;
+use TYPO3Fluid\Fluid\View\TemplateView as FluidTemplateView;
+
+/**
+ * Creates a View for backend usage. This is a low level factory. Extensions typically use ModuleTemplate instead.
+ */
+final readonly class BackendViewFactory
+{
+    public function __construct(
+        private RenderingContextFactory $renderingContextFactory,
+        private PackageManager $packageManager,
+    ) {}
+
+    /**
+     * This backend view is capable of overriding templates, partials and layouts via TsConfig
+     * based on the composer package name of the route and optional additional package names.
+     */
+    public function create(ServerRequestInterface $request, array $packageNames = []): CoreViewInterface
+    {
+        if (empty($packageNames)) {
+            // Extensions *may* provide path lookup package names as second argument. In most cases, this is not
+            // needed, and the package name will be fetched from current route. However, there are scenarios
+            // where extensions 'hook' into existing functionality of a different extension that defined a
+            // route, and then deliver own templates from the own extension. In those cases, they need to
+            // supply an additional base package name.
+            // Examples are backend toolbar items: The toolbar items are rendered through a typo3/cms-backend
+            // route, so this is picked as base from the route. workspaces delivers an additional toolbar item,
+            // so 'typo3/cms-workspaces' needs to be added as additional path to look up. The dashboard extension
+            // and FormEngine have similar cases.
+            /** @var Route $route */
+            $route = $request->getAttribute('route');
+            $packageNameFromRoute = $route->getOption('packageName');
+            if (!empty($packageNameFromRoute)) {
+                $packageNames[] = $packageNameFromRoute;
+            }
+        }
+        // Always add EXT:backend/Resources/Private/ as first default path to resolve
+        // default Layouts/Module.fluid.html and its partials.
+        if (!in_array('typo3/cms-backend', $packageNames, true)) {
+            array_unshift($packageNames, 'typo3/cms-backend');
+        }
+
+        // @todo: This assumes the pageId is *always* given as 'id' in request.
+        // @todo: It would be cool if a middleware adds final pageTS - already overlayed by userTS - as attribute to request, to use it here.
+        $pageTs = [];
+        $pageId = $request->getParsedBody()['id'] ?? $request->getQueryParams()['id'] ?? 0;
+        if (MathUtility::canBeInterpretedAsInteger($pageId)) {
+            // Some BE controllers misuse the 'id' argument for something else than the page-uid (especially filelist module).
+            // We check if 'id' is an integer here to skip pageTsConfig calculation if that is the case.
+            // @todo: Mid-term, misuses should vanish, making 'id' a Backend convention. Affected is
+            //        at least ext:filelist, plus record linking modals that use 'pid'.
+            $pageTs = BackendUtility::getPagesTSconfig((int)$pageId);
+        }
+
+        $templatePaths = [
+            'templateRootPaths' => [],
+            'layoutRootPaths' => [],
+            'partialRootPaths' => [],
+        ];
+        foreach ($packageNames as $packageName) {
+            // Add paths for package.
+            $packagePath = $this->packageManager->getPackage($packageName)->getPackagePath();
+            $templatePaths['templateRootPaths'][] = $packagePath . 'Resources/Private/Templates';
+            $templatePaths['layoutRootPaths'][] = $packagePath . 'Resources/Private/Layouts';
+            $templatePaths['partialRootPaths'][] = $packagePath . 'Resources/Private/Partials';
+            // Add possible overrides.
+            if (is_array($pageTs['templates.'][$packageName . '.'] ?? false)) {
+                $overrides = $pageTs['templates.'][$packageName . '.'];
+                ksort($overrides);
+                foreach ($overrides as $override) {
+                    $pathParts = GeneralUtility::trimExplode(':', $override, true);
+                    if (count($pathParts) < 2) {
+                        throw new \RuntimeException(
+                            'When overriding template paths, the syntax is "composer-package-name:path", example: "typo3/cms-seo:Resources/Private/TemplateOverrides/typo3/cms-backend"',
+                            1643798660
+                        );
+                    }
+                    $composerPackageName = $pathParts[0];
+                    $overridePackagePath = $this->packageManager->getPackage($composerPackageName)->getPackagePath();
+                    $overridePath = rtrim($pathParts[1], '/');
+                    $templatePaths['templateRootPaths'][] = $overridePackagePath . $overridePath . '/Templates';
+                    $templatePaths['layoutRootPaths'][] = $overridePackagePath . $overridePath . '/Layouts';
+                    $templatePaths['partialRootPaths'][] = $overridePackagePath . $overridePath . '/Partials';
+                }
+            }
+        }
+
+        // @todo: Inject ViewFactoryInterface instead, and use it.
+        $renderingContext = $this->renderingContextFactory->create($templatePaths, $request);
+        $fluidView = new FluidTemplateView($renderingContext);
+        return new FluidViewAdapter($fluidView);
+    }
+}
diff --git a/Classes/View/Drawing/BackendLayoutRenderer.php b/Classes/View/Drawing/BackendLayoutRenderer.php
new file mode 100644
index 0000000..7525f7b
--- /dev/null
+++ b/Classes/View/Drawing/BackendLayoutRenderer.php
@@ -0,0 +1,250 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\Drawing;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\View\BackendLayout\ContentFetcher;
+use TYPO3\CMS\Backend\View\BackendLayout\Grid\Grid;
+use TYPO3\CMS\Backend\View\BackendLayout\Grid\GridColumn;
+use TYPO3\CMS\Backend\View\BackendLayout\Grid\GridColumnItem;
+use TYPO3\CMS\Backend\View\BackendLayout\Grid\GridRow;
+use TYPO3\CMS\Backend\View\BackendLayout\Grid\LanguageColumn;
+use TYPO3\CMS\Backend\View\BackendViewFactory;
+use TYPO3\CMS\Backend\View\PageLayoutContext;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Domain\RecordFactory;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Messaging\FlashMessage;
+use TYPO3\CMS\Core\Messaging\FlashMessageService;
+use TYPO3\CMS\Core\Schema\Exception\UndefinedSchemaException;
+use TYPO3\CMS\Core\Type\ContextualFeedbackSeverity;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\View\ViewInterface;
+
+/**
+ * Backend Layout Renderer
+ *
+ * Draws a page layout - essentially, behaves as a wrapper for a view
+ * which renders the Resources/Private/PageLayout/PageLayout template
+ * with necessary assigned template variables.
+ *
+ * @internal
+ */
+readonly class BackendLayoutRenderer
+{
+    public function __construct(
+        protected BackendViewFactory $backendViewFactory,
+        protected RecordFactory $recordFactory,
+        protected FlashMessageService $flashMessageService,
+    ) {}
+
+    public function getGridForPageLayoutContext(PageLayoutContext $context): Grid
+    {
+        $recordIdentityMap = $context->getRecordIdentityMap();
+        $contentFetcher = GeneralUtility::makeInstance(ContentFetcher::class);
+        $grid = GeneralUtility::makeInstance(Grid::class, $context);
+        if ($context->getDrawingConfiguration()->isLanguageComparisonMode()) {
+            $languageId = $context->getSiteLanguage()->getLanguageId();
+        } else {
+            $languageId = $context->getDrawingConfiguration()->getPrimaryLanguageId();
+        }
+        $rows = $context->getBackendLayout()->getStructure()['__config']['backend_layout.']['rows.'] ?? [];
+        ksort($rows);
+        foreach ($rows as $row) {
+            $rowObject = GeneralUtility::makeInstance(GridRow::class, $context);
+            foreach ($row['columns.'] ?? [] as $column) {
+                $columnObject = GeneralUtility::makeInstance(GridColumn::class, $context, $column);
+                $rowObject->addColumn($columnObject);
+                if (isset($column['colPos'])) {
+                    $records = $contentFetcher->getContentRecordsPerColumn($context, (int)$column['colPos'], $languageId);
+                    foreach ($records as $contentRecord) {
+                        try {
+                            // By calling record factory to create the record, it is also stored in the identity map.
+                            $contentRecord = $this->recordFactory->createResolvedRecordFromDatabaseRow('tt_content', $contentRecord, null, $recordIdentityMap);
+                            $columnItem = GeneralUtility::makeInstance(GridColumnItem::class, $context, $columnObject, $contentRecord);
+                            $columnObject->addItem($columnItem);
+                        } catch (UndefinedSchemaException) {
+                        }
+                    }
+                }
+            }
+            $grid->addRow($rowObject);
+        }
+        return $grid;
+    }
+
+    protected function createView(ServerRequestInterface $request, PageLayoutContext $pageLayoutContext): ViewInterface
+    {
+        $backendUser = $this->getBackendUser();
+
+        $view = $this->backendViewFactory->create($request);
+        $view->assignMultiple([
+            'context' => $pageLayoutContext,
+            'hideRestrictedColumns' => $pageLayoutContext->getDrawingConfiguration()->shouldHideRestrictedColumns(),
+            'allowEditContent' => $backendUser->check('tables_modify', 'tt_content'),
+            'maxTitleLength' => $backendUser->uc['titleLen'] ?? 20,
+        ]);
+        return $view;
+    }
+
+    /**
+     * @param bool $renderUnused If true, renders the bottom column with unused records
+     */
+    public function drawContent(ServerRequestInterface $request, PageLayoutContext $pageLayoutContext, bool $renderUnused = true): string
+    {
+        $view = $this->createView($request, $pageLayoutContext);
+
+        if ($pageLayoutContext->getDrawingConfiguration()->isLanguageComparisonMode()) {
+            $view->assign('languageColumns', $this->getLanguageColumnsForPageLayoutContext($pageLayoutContext));
+        } else {
+            $context = $pageLayoutContext;
+            // Check if we have to use a localized context for grid creation
+            $primaryLanguageId = $pageLayoutContext->getDrawingConfiguration()->getPrimaryLanguageId();
+            if ($primaryLanguageId > 0) {
+                // In case a localization is selected, clone the context with this language
+                $localizedContext = $pageLayoutContext->cloneForLanguage(
+                    $pageLayoutContext->getSiteLanguage($primaryLanguageId)
+                );
+                if ($localizedContext->getLocalizedPageRecord()) {
+                    // In case the localized context contains the corresponding
+                    // localized page record use this context for grid creation.
+                    $context = $localizedContext;
+                }
+            }
+            $grid = $this->getGridForPageLayoutContext($context);
+            $view->assign('grid', $grid);
+            $view->assign('gridColumns', array_fill(1, $grid->getContext()->getBackendLayout()->getColCount(), null));
+        }
+
+        $rendered = $view->render('PageLayout/PageLayout');
+        if ($renderUnused) {
+            $rendered .= $this->renderUnused($request, $pageLayoutContext);
+        }
+        return $rendered;
+    }
+
+    protected function renderUnused(ServerRequestInterface $request, PageLayoutContext $pageLayoutContext): string
+    {
+        $contentFetcher = GeneralUtility::makeInstance(ContentFetcher::class);
+        $view = $this->createView($request, $pageLayoutContext);
+        $unusedRecords = $contentFetcher->getUnusedRecords($pageLayoutContext);
+
+        if (empty($unusedRecords)) {
+            return '';
+        }
+        $unusedElementsMessage = new FlashMessage(
+            $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:staleUnusedElementsWarning'),
+            $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:staleUnusedElementsWarningTitle'),
+            ContextualFeedbackSeverity::WARNING
+        );
+        $queue = $this->flashMessageService->getMessageQueueByIdentifier();
+        $queue->addMessage($unusedElementsMessage);
+
+        $unusedGrid = GeneralUtility::makeInstance(Grid::class, $pageLayoutContext);
+        $unusedRow = GeneralUtility::makeInstance(GridRow::class, $pageLayoutContext);
+        $unusedColumn = GeneralUtility::makeInstance(GridColumn::class, $pageLayoutContext, ['name' => 'unused']);
+
+        $unusedGrid->addRow($unusedRow);
+        $unusedRow->addColumn($unusedColumn);
+
+        foreach ($unusedRecords as $unusedRecord) {
+            $unusedRecord = $this->recordFactory->createResolvedRecordFromDatabaseRow('tt_content', $unusedRecord, null, $pageLayoutContext->getRecordIdentityMap());
+            $item = GeneralUtility::makeInstance(GridColumnItem::class, $pageLayoutContext, $unusedColumn, $unusedRecord);
+            $unusedColumn->addItem($item);
+        }
+
+        $view->assign('grid', $unusedGrid);
+        $view->assign('gridColumns', null);
+        return $view->render('PageLayout/UnusedRecords');
+    }
+
+    protected function getLanguageColumnsForPageLayoutContext(PageLayoutContext $context): iterable
+    {
+        $contentFetcher = GeneralUtility::makeInstance(ContentFetcher::class);
+        $languageColumns = [];
+
+        // default language
+        $translationInfo = $contentFetcher->getTranslationData(
+            $context,
+            $contentFetcher->getFlatContentRecords($context, 0),
+            0
+        );
+
+        $defaultLanguageColumnObject = GeneralUtility::makeInstance(
+            LanguageColumn::class,
+            $context,
+            $this->getGridForPageLayoutContext($context),
+            $translationInfo
+        );
+        foreach ($context->getLanguagesToShow() as $siteLanguage) {
+            $localizedLanguageId = $siteLanguage->getLanguageId();
+            if ($localizedLanguageId  <= 0) {
+                continue;
+            }
+
+            $localizedContext = $context->cloneForLanguage($siteLanguage);
+            if (!$localizedContext->getLocalizedPageRecord()) {
+                continue;
+            }
+
+            $translationInfo = $contentFetcher->getTranslationData(
+                $context,
+                $contentFetcher->getFlatContentRecords($context, $localizedLanguageId),
+                $localizedContext->getSiteLanguage()->getLanguageId()
+            );
+
+            $translatedRows = $contentFetcher->getFlatContentRecords($context, $localizedLanguageId);
+
+            foreach ($defaultLanguageColumnObject->getGrid()->getRows() as $rows) {
+                foreach ($rows->getColumns() as $column) {
+                    if (($translationInfo['mode'] ?? '') === 'connected') {
+                        foreach ($column->getItems() as $item) {
+                            // check if translation exists
+                            foreach ($translatedRows as $translation) {
+                                if ($translation['l18n_parent'] === $item->getRecord()->getUid()) {
+                                    $translation = $this->recordFactory->createResolvedRecordFromDatabaseRow('tt_content', $translation, null, $context->getRecordIdentityMap());
+                                    $translatedItem = GeneralUtility::makeInstance(GridColumnItem::class, $localizedContext, $column, $translation);
+                                    $item->addTranslation($localizedLanguageId, $translatedItem);
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+
+            $languageColumnObject = GeneralUtility::makeInstance(
+                LanguageColumn::class,
+                $localizedContext,
+                $this->getGridForPageLayoutContext($localizedContext),
+                $translationInfo
+            );
+            $languageColumns[$localizedLanguageId] = $languageColumnObject;
+        }
+        return [$defaultLanguageColumnObject] + $languageColumns;
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/View/Drawing/DrawingConfiguration.php b/Classes/View/Drawing/DrawingConfiguration.php
new file mode 100644
index 0000000..7bb259c
--- /dev/null
+++ b/Classes/View/Drawing/DrawingConfiguration.php
@@ -0,0 +1,178 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\Drawing;
+
+use TYPO3\CMS\Backend\View\BackendLayout\BackendLayout;
+use TYPO3\CMS\Backend\View\PageViewMode;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Drawing Configuration
+ *
+ * Attached to BackendLayout as storage for configuration options which
+ * determine how a page layout is rendered. Contains settings for active
+ * language, show-hidden, site languages etc. and returns TCA labels for
+ * tt_content fields and CTypes.
+ *
+ * Corresponds to legacy public properties from PageLayoutView.
+ *
+ * @internal
+ */
+class DrawingConfiguration
+{
+    /**
+     * Array of selected language IDs for multi-language comparison view
+     * @var int[]
+     */
+    protected array $selectedLanguageIds = [0];
+
+    /**
+     * Corresponds to web.layout.allowInconsistentLanguageHandling TSconfig property
+     */
+    protected bool $allowInconsistentLanguageHandling;
+
+    /**
+     * Key => "Language ID", Value "Label of language"
+     */
+    protected array $languageColumns = [];
+
+    /**
+     * Whether or not to show hidden records when rendering column contents.
+     */
+    protected bool $showHidden = true;
+
+    /**
+     * An array list of currently active columns. Only column identifiers
+     * (colPos value) which are contained in this array will be rendered in
+     * the page module.
+     */
+    protected array $activeColumns = [1, 0, 2, 3];
+
+    /**
+     * Whether or not to allow the translate mode for translations
+     */
+    protected bool $allowTranslateModeForTranslations;
+
+    /**
+     * Whether or not to allow the copy mode for translations
+     */
+    protected bool $allowCopyModeForTranslations;
+
+    protected bool $shouldHideRestrictedColumns;
+
+    protected PageViewMode $pageViewMode;
+
+    public static function create(BackendLayout $backendLayout, array $pageTsConfig, PageViewMode $pageViewMode): self
+    {
+        $obj = new self();
+        $obj->pageViewMode = $pageViewMode;
+        $obj->allowInconsistentLanguageHandling = (bool)($pageTsConfig['mod.']['web_layout.']['allowInconsistentLanguageHandling'] ?? false);
+        $obj->shouldHideRestrictedColumns = (bool)($pageTsConfig['mod.']['web_layout.']['hideRestrictedCols'] ?? false);
+        $availableColumnPositionsFromBackendLayout = array_unique($backendLayout->getColumnPositionNumbers());
+        $allowedColumnPositionsByTsConfig = array_unique(GeneralUtility::intExplode(',', (string)($pageTsConfig['mod.']['SHARED.']['colPos_list'] ?? ''), true));
+        // If there is no tsConfig colPos_list, no restriction. Else create intersection of available and allowed.
+        if (!empty($allowedColumnPositionsByTsConfig)) {
+            $obj->activeColumns = array_intersect($availableColumnPositionsFromBackendLayout, $allowedColumnPositionsByTsConfig);
+        } else {
+            $obj->activeColumns = $availableColumnPositionsFromBackendLayout;
+        }
+        $obj->allowTranslateModeForTranslations = (bool)($pageTsConfig['mod.']['web_layout.']['localization.']['enableTranslate'] ?? true);
+        $obj->allowCopyModeForTranslations = (bool)($pageTsConfig['mod.']['web_layout.']['localization.']['enableCopy'] ?? true);
+
+        return $obj;
+    }
+
+    /**
+     * Get all selected language IDs
+     * @return int[]
+     */
+    public function getSelectedLanguageIds(): array
+    {
+        return $this->selectedLanguageIds;
+    }
+
+    /**
+     * Set selected language IDs
+     * @param int[] $selectedLanguageIds
+     */
+    public function setSelectedLanguageIds(array $selectedLanguageIds): void
+    {
+        $this->selectedLanguageIds = $selectedLanguageIds !== [] ? array_map('intval', $selectedLanguageIds) : [0];
+    }
+
+    /**
+     * Get the primary (first) selected language ID
+     */
+    public function getPrimaryLanguageId(): int
+    {
+        return $this->selectedLanguageIds[0] ?? 0;
+    }
+
+    public function getAllowInconsistentLanguageHandling(): bool
+    {
+        return $this->allowInconsistentLanguageHandling;
+    }
+
+    public function isLanguageComparisonMode(): bool
+    {
+        return $this->pageViewMode === PageViewMode::LanguageComparisonView;
+    }
+
+    public function getLanguageColumns(): array
+    {
+        if (empty($this->languageColumns)) {
+            return [0 => 'Default'];
+        }
+        return $this->languageColumns;
+    }
+
+    public function setLanguageColumns(array $languageColumns): void
+    {
+        $this->languageColumns = $languageColumns;
+    }
+
+    public function getShowHidden(): bool
+    {
+        return $this->showHidden;
+    }
+
+    public function setShowHidden(bool $showHidden): void
+    {
+        $this->showHidden = $showHidden;
+    }
+
+    public function getActiveColumns(): array
+    {
+        return $this->activeColumns;
+    }
+
+    public function translateModeForTranslationsAllowed(): bool
+    {
+        return $this->allowTranslateModeForTranslations;
+    }
+
+    public function copyModeForTranslationsAllowed(): bool
+    {
+        return $this->allowCopyModeForTranslations;
+    }
+
+    public function shouldHideRestrictedColumns(): bool
+    {
+        return $this->shouldHideRestrictedColumns;
+    }
+}
diff --git a/Classes/View/Event/AfterPageContentPreviewRenderedEvent.php b/Classes/View/Event/AfterPageContentPreviewRenderedEvent.php
new file mode 100644
index 0000000..937eefe
--- /dev/null
+++ b/Classes/View/Event/AfterPageContentPreviewRenderedEvent.php
@@ -0,0 +1,66 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\Event;
+
+use TYPO3\CMS\Backend\View\PageLayoutContext;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+
+/**
+ * Use this Event to modify a custom preview for a content type in the
+ * Page Module after PageContentPreviewRenderingEvent and content preview rendering is executed.
+ */
+final class AfterPageContentPreviewRenderedEvent
+{
+    public function __construct(
+        private readonly string $table,
+        private readonly string $recordType,
+        private readonly RecordInterface $record,
+        private readonly PageLayoutContext $context,
+        private string $previewContent,
+    ) {}
+
+    public function getTable(): string
+    {
+        return $this->table;
+    }
+
+    public function getRecordType(): string
+    {
+        return $this->recordType;
+    }
+
+    public function getRecord(): RecordInterface
+    {
+        return $this->record;
+    }
+
+    public function getPageLayoutContext(): PageLayoutContext
+    {
+        return $this->context;
+    }
+
+    public function getPreviewContent(): string
+    {
+        return $this->previewContent;
+    }
+
+    public function setPreviewContent(string $content): void
+    {
+        $this->previewContent = $content;
+    }
+}
diff --git a/Classes/View/Event/IsContentUsedOnPageLayoutEvent.php b/Classes/View/Event/IsContentUsedOnPageLayoutEvent.php
new file mode 100644
index 0000000..1c73102
--- /dev/null
+++ b/Classes/View/Event/IsContentUsedOnPageLayoutEvent.php
@@ -0,0 +1,57 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\Event;
+
+use TYPO3\CMS\Backend\View\PageLayoutContext;
+
+/**
+ * Use this Event to identify whether a content element is used.
+ */
+final class IsContentUsedOnPageLayoutEvent
+{
+    public function __construct(
+        private readonly array $record,
+        private bool $used,
+        private readonly PageLayoutContext $context
+    ) {}
+
+    public function getRecord(): array
+    {
+        return $this->record;
+    }
+
+    public function isRecordUsed(): bool
+    {
+        return $this->used;
+    }
+
+    public function setUsed(bool $isUsed): void
+    {
+        $this->used = $isUsed;
+    }
+
+    public function getKnownColumnPositionNumbers(): array
+    {
+        return $this->context->getBackendLayout()->getColumnPositionNumbers();
+    }
+
+    public function getPageLayoutContext(): PageLayoutContext
+    {
+        return $this->context;
+    }
+}
diff --git a/Classes/View/Event/ManipulateBackendLayoutColPosConfigurationForPageEvent.php b/Classes/View/Event/ManipulateBackendLayoutColPosConfigurationForPageEvent.php
new file mode 100644
index 0000000..3ec99ad
--- /dev/null
+++ b/Classes/View/Event/ManipulateBackendLayoutColPosConfigurationForPageEvent.php
@@ -0,0 +1,44 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\Event;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\View\BackendLayout\BackendLayout;
+
+/**
+ * Event to change backend layout configuration based on colPos and pageUid of records. This is designed
+ * for extensions like ext:container to update allowed & disallowed restrictions if needed.
+ *
+ * @internal TYPO3 core v14 needs to emit *some* event at this point to enable extensions to hook in. However,
+ *           this event is dispatched from within BackendLayoutView which is involved in a quite convoluted
+ *           system around current backend layout handling. The backend layout handling should in general see
+ *           more refactorings to model things more straight forward, and the method dispatching the event is not
+ *           called as systematically as it should be and is declared internal as well. As such, this event is
+ *           for now declared as "may change, use at your own risk" since it exposes the ugly internal structures
+ *           of the backend layout implementation.
+ */
+final class ManipulateBackendLayoutColPosConfigurationForPageEvent
+{
+    public function __construct(
+        public array $configuration,
+        public readonly BackendLayout $backendLayout,
+        public readonly int $colPos,
+        public readonly int $pageUid,
+        public readonly ?ServerRequestInterface $request = null,
+    ) {}
+}
diff --git a/Classes/View/Event/ModifyDatabaseQueryForContentEvent.php b/Classes/View/Event/ModifyDatabaseQueryForContentEvent.php
new file mode 100644
index 0000000..bfa70df
--- /dev/null
+++ b/Classes/View/Event/ModifyDatabaseQueryForContentEvent.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\Event;
+
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+
+/**
+ * Use this Event to alter the database query when loading content for a page.
+ */
+final class ModifyDatabaseQueryForContentEvent
+{
+    public function __construct(
+        private QueryBuilder $queryBuilder,
+        private readonly string $table,
+        private readonly int $pageId,
+    ) {}
+
+    public function getQueryBuilder(): QueryBuilder
+    {
+        return $this->queryBuilder;
+    }
+
+    public function setQueryBuilder(QueryBuilder $queryBuilder): void
+    {
+        $this->queryBuilder = $queryBuilder;
+    }
+
+    public function getTable(): string
+    {
+        return $this->table;
+    }
+
+    public function getPageId(): int
+    {
+        return $this->pageId;
+    }
+}
diff --git a/Classes/View/Event/ModifyDatabaseQueryForRecordListingEvent.php b/Classes/View/Event/ModifyDatabaseQueryForRecordListingEvent.php
new file mode 100644
index 0000000..d57ccb7
--- /dev/null
+++ b/Classes/View/Event/ModifyDatabaseQueryForRecordListingEvent.php
@@ -0,0 +1,79 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\Event;
+
+use TYPO3\CMS\Backend\RecordList\DatabaseRecordList;
+use TYPO3\CMS\Core\Database\Query\QueryBuilder;
+
+/**
+ * Use this Event to alter the database query when loading content for a page (usually in the records module)
+ * before it is executed.
+ * @todo This event should contain the $addSorting value, so listener knows when to add ORDER-BY stuff.
+ */
+final class ModifyDatabaseQueryForRecordListingEvent
+{
+    public function __construct(
+        private QueryBuilder $queryBuilder,
+        private readonly string $table,
+        private readonly int $pageId,
+        private readonly array $fields,
+        private readonly int $firstResult,
+        private readonly int $maxResults,
+        private readonly DatabaseRecordList $recordList
+    ) {}
+
+    public function getQueryBuilder(): QueryBuilder
+    {
+        return $this->queryBuilder;
+    }
+
+    public function setQueryBuilder(QueryBuilder $queryBuilder): void
+    {
+        $this->queryBuilder = $queryBuilder;
+    }
+
+    public function getTable(): string
+    {
+        return $this->table;
+    }
+
+    public function getPageId(): int
+    {
+        return $this->pageId;
+    }
+
+    public function getFields(): array
+    {
+        return $this->fields;
+    }
+
+    public function getFirstResult(): int
+    {
+        return $this->firstResult;
+    }
+
+    public function getMaxResults(): int
+    {
+        return $this->maxResults;
+    }
+
+    public function getDatabaseRecordList(): DatabaseRecordList
+    {
+        return $this->recordList;
+    }
+}
diff --git a/Classes/View/Event/PageContentPreviewRenderingEvent.php b/Classes/View/Event/PageContentPreviewRenderingEvent.php
new file mode 100644
index 0000000..e199010
--- /dev/null
+++ b/Classes/View/Event/PageContentPreviewRenderingEvent.php
@@ -0,0 +1,77 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\Event;
+
+use Psr\EventDispatcher\StoppableEventInterface;
+use TYPO3\CMS\Backend\View\PageLayoutContext;
+use TYPO3\CMS\Core\Domain\RecordInterface;
+
+/**
+ * Use this Event to have a custom preview for a content type in the Page Module
+ */
+final class PageContentPreviewRenderingEvent implements StoppableEventInterface
+{
+    private ?string $content = null;
+
+    public function __construct(
+        private readonly string $table,
+        private readonly string $recordType,
+        private RecordInterface $record,
+        private readonly PageLayoutContext $context
+    ) {}
+
+    public function getTable(): string
+    {
+        return $this->table;
+    }
+
+    public function getRecordType(): string
+    {
+        return $this->recordType;
+    }
+
+    public function getRecord(): RecordInterface
+    {
+        return $this->record;
+    }
+
+    public function setRecord(RecordInterface $record): void
+    {
+        $this->record = $record;
+    }
+
+    public function getPageLayoutContext(): PageLayoutContext
+    {
+        return $this->context;
+    }
+
+    public function getPreviewContent(): ?string
+    {
+        return $this->content;
+    }
+
+    public function setPreviewContent(string $content): void
+    {
+        $this->content = $content;
+    }
+
+    public function isPropagationStopped(): bool
+    {
+        return $this->content !== null;
+    }
+}
diff --git a/Classes/View/PageLayoutContext.php b/Classes/View/PageLayoutContext.php
new file mode 100644
index 0000000..2d4bf2b
--- /dev/null
+++ b/Classes/View/PageLayoutContext.php
@@ -0,0 +1,328 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Context\PageContext;
+use TYPO3\CMS\Backend\Domain\Model\Language\PageLanguageInformation;
+use TYPO3\CMS\Backend\Domain\Repository\Localization\LocalizationRepository;
+use TYPO3\CMS\Backend\View\BackendLayout\BackendLayout;
+use TYPO3\CMS\Backend\View\BackendLayout\ContentFetcher;
+use TYPO3\CMS\Backend\View\Drawing\DrawingConfiguration;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Domain\Persistence\RecordIdentityMap;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Site\Entity\SiteInterface;
+use TYPO3\CMS\Core\Site\Entity\SiteLanguage;
+use TYPO3\CMS\Core\Type\Bitmask\Permission;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Page Module specific rendering context.
+ *
+ * Extends generic PageContext with module-specific rendering configuration
+ * for the page module (web_layout).
+ *
+ * This context provides:
+ * - Generic page data (via delegation to PageContext)
+ * - Backend layout configuration
+ * - Drawing configuration
+ * - Content type labels
+ * - Content fetcher
+ *
+ * @internal
+ */
+class PageLayoutContext
+{
+    protected ContentFetcher $contentFetcher;
+    protected ?array $localizedPageRecord = null;
+
+    /**
+     * @var SiteLanguage[]
+     */
+    protected array $siteLanguages = [];
+    protected SiteLanguage $siteLanguage;
+
+    /**
+     * Array of content type labels. Key is CType, value is either a plain text
+     * label or an LLL:EXT:... reference to a specific label.
+     */
+    protected array $contentTypeLabels = [];
+
+    /**
+     * Labels for columns, in format of TCA select options. Numerically indexed
+     * array of numerically indexed value arrays, with each sub-array containing
+     * at least two values and one optional third value:
+     *
+     * - label (hardcoded or LLL:EXT:... reference. MANDATORY)
+     * - value (colPos of column. MANDATORY)
+     * - icon (icon name or file reference. OPTIONAL)
+     */
+    protected array $itemLabels = [];
+
+    protected RecordIdentityMap $recordIdentityMap;
+
+    public function __construct(
+        protected readonly PageContext $pageContext,
+        protected readonly BackendLayout $backendLayout,
+        protected readonly DrawingConfiguration $drawingConfiguration,
+        protected readonly ServerRequestInterface $request,
+    ) {
+        $this->contentFetcher = GeneralUtility::makeInstance(ContentFetcher::class);
+        $this->siteLanguages = $this->pageContext->site->getAvailableLanguages($this->getBackendUser(), true, $this->pageContext->pageId);
+        $this->siteLanguage = $this->pageContext->site->getDefaultLanguage();
+        $this->recordIdentityMap = GeneralUtility::makeInstance(RecordIdentityMap::class);
+    }
+
+    public function cloneForLanguage(SiteLanguage $language): self
+    {
+        $copy = clone $this;
+        $copy->setSiteLanguage($language);
+        return $copy;
+    }
+
+    protected function setSiteLanguage(SiteLanguage $siteLanguage): void
+    {
+        $this->siteLanguage = $siteLanguage;
+        $languageId = $siteLanguage->getLanguageId();
+        if ($languageId > 0) {
+            $pageLocalizationRecord = GeneralUtility::makeInstance(LocalizationRepository::class)
+                ->getPageTranslations($this->getPageId(), [$languageId], $this->getBackendUser()->workspace);
+            if ($pageLocalizationRecord !== []) {
+                // @todo: lets move to Record API soon
+                $pageLocalizationRecord = reset($pageLocalizationRecord);
+                $this->localizedPageRecord = $pageLocalizationRecord->toArray(true) ?: null;
+            }
+        }
+    }
+
+    public function getPageContext(): PageContext
+    {
+        return $this->pageContext;
+    }
+
+    public function getPageId(): int
+    {
+        return $this->pageContext->pageId;
+    }
+
+    public function getPageRecord(): array
+    {
+        return $this->pageContext->pageRecord;
+    }
+
+    public function getSite(): SiteInterface
+    {
+        return $this->pageContext->site;
+    }
+
+    public function getSelectedLanguageIds(): array
+    {
+        return $this->pageContext->selectedLanguageIds;
+    }
+
+    public function getPrimaryLanguageId(): int
+    {
+        return $this->pageContext->getPrimaryLanguageId();
+    }
+
+    public function getLanguageInformation(): PageLanguageInformation
+    {
+        return $this->pageContext->languageInformation;
+    }
+
+    public function getBackendLayout(): BackendLayout
+    {
+        return $this->backendLayout;
+    }
+
+    public function getDrawingConfiguration(): DrawingConfiguration
+    {
+        return $this->drawingConfiguration;
+    }
+
+    /**
+     * @return SiteLanguage[]
+     */
+    public function getSiteLanguages(): iterable
+    {
+        return $this->siteLanguages;
+    }
+
+    /**
+     * @return SiteLanguage[]
+     */
+    public function getLanguagesToShow(): iterable
+    {
+        $site = $this->pageContext->site;
+        $selectedLanguageIds = $this->drawingConfiguration->getSelectedLanguageIds();
+
+        // If multiple languages are selected, show default language + all selected languages
+        if (count($selectedLanguageIds) > 1 || (count($selectedLanguageIds) === 1 && $selectedLanguageIds[0] > 0)) {
+            $languagesToShow = [];
+            // Always include default language (0) first
+            $languagesToShow[] = $site->getDefaultLanguage();
+            // Add all selected languages, except default
+            foreach ($selectedLanguageIds as $languageId) {
+                try {
+                    if ($languageId > 0) {
+                        $languagesToShow[] = $site->getLanguageById($languageId);
+                    }
+                } catch (\InvalidArgumentException $e) {
+                    // Skip invalid language IDs
+                }
+            }
+            return $languagesToShow;
+        }
+
+        // Single language selected (default language only)
+        return [$site->getDefaultLanguage()];
+    }
+
+    public function hasMultiLanguages(): bool
+    {
+        return count($this->getLanguagesToShow()) > 1;
+    }
+
+    public function getSiteLanguage(?int $languageId = null): SiteLanguage
+    {
+        if ($languageId === null) {
+            return $this->siteLanguage;
+        }
+        if ($languageId === -1) {
+            return $this->siteLanguages[-1];
+        }
+
+        return $this->pageContext->site->getLanguageById($languageId);
+    }
+
+    public function isPageEditable(): bool
+    {
+        // TODO: refactor to page permissions container
+        if ($this->getBackendUser()->isAdmin()) {
+            return true;
+        }
+        $pageRecord = $this->pageContext->pageRecord;
+        return $this->getBackendUser()->doesUserHaveAccess($pageRecord, Permission::PAGE_EDIT)
+            && (
+                !($schema = GeneralUtility::makeInstance(TcaSchemaFactory::class)->get('pages'))->hasCapability(TcaSchemaCapability::EditLock)
+                || !($pageRecord[$schema->getCapability(TcaSchemaCapability::EditLock)->getFieldName()] ?? false)
+            );
+    }
+
+    public function getAllowNewContent(): bool
+    {
+        $allowInconsistentLanguageHandling = $this->drawingConfiguration->getAllowInconsistentLanguageHandling();
+        if (!$allowInconsistentLanguageHandling && $this->getLanguageModeIdentifier() === 'connected') {
+            return false;
+        }
+        return true;
+    }
+
+    public function getContentTypeLabels(): array
+    {
+        if (empty($this->contentTypeLabels)) {
+            $schemaFactory = GeneralUtility::makeInstance(TcaSchemaFactory::class);
+            $schema = $schemaFactory->get('tt_content');
+            if ($schema->supportsSubSchema()) {
+                if (($schemaTypeInformation = $schema->getSubSchemaTypeInformation())->isPointerToForeignFieldInForeignSchema()) {
+                    $typeField = $schemaFactory->get($schemaTypeInformation->getForeignSchemaName())->getField($schemaTypeInformation->getForeignFieldName());
+                } else {
+                    $typeField = $schema->getField($schemaTypeInformation->getFieldName());
+                }
+                foreach ($typeField->getConfiguration()['items'] ?? [] as $val) {
+                    $this->contentTypeLabels[$val['value']] = $this->getLanguageService()->sL($val['label']);
+                }
+            }
+        }
+        return $this->contentTypeLabels;
+    }
+
+    public function getItemLabels(): array
+    {
+        if (empty($this->itemLabels)) {
+            foreach (GeneralUtility::makeInstance(TcaSchemaFactory::class)->get('tt_content')->getFields() as $field) {
+                $this->itemLabels[$field->getName()] = $this->getLanguageService()->sL($field->getLabel());
+            }
+        }
+        return $this->itemLabels;
+    }
+
+    public function getLanguageModeLabelClass(): string
+    {
+        $languageId = $this->siteLanguage->getLanguageId();
+        $contentRecordsPerColumn = $this->contentFetcher->getFlatContentRecords($this, $languageId);
+        $translationData = $this->contentFetcher->getTranslationData($this, $contentRecordsPerColumn, $languageId);
+        return $translationData['mode'] === 'mixed' ? 'danger' : 'info';
+    }
+
+    public function getLanguageMode(): string
+    {
+        return match ($this->getLanguageModeIdentifier()) {
+            'mixed' => $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:languageModeMixed'),
+            'connected' => $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:languageModeConnected'),
+            'free' => $this->getLanguageService()->sL('LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:languageModeFree'),
+            default => '',
+        };
+    }
+
+    public function getLanguageModeIdentifier(): string
+    {
+        $contentRecordsPerColumn = $this->contentFetcher->getContentRecordsPerColumn($this, null, $this->siteLanguage->getLanguageId());
+        $contentRecords = empty($contentRecordsPerColumn) ? [] : array_merge(...$contentRecordsPerColumn);
+        $translationData = $this->contentFetcher->getTranslationData($this, $contentRecords, $this->siteLanguage->getLanguageId());
+        return $translationData['mode'] ?? '';
+    }
+
+    public function getCurrentRequest(): ServerRequestInterface
+    {
+        return $this->request;
+    }
+
+    public function getLocalizedPageTitle(): string
+    {
+        return $this->localizedPageRecord['title'] ?? $this->pageContext->pageRecord['title'] ?? '';
+    }
+
+    public function getLocalizedPageRecord(): ?array
+    {
+        return $this->localizedPageRecord;
+    }
+
+    public function getRecordIdentityMap(): RecordIdentityMap
+    {
+        return $this->recordIdentityMap;
+    }
+
+    public function getReturnUrl(): string
+    {
+        return $this->getCurrentRequest()->getAttribute('normalizedParams')->getRequestUri();
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    public function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/View/PageViewMode.php b/Classes/View/PageViewMode.php
new file mode 100644
index 0000000..25eec12
--- /dev/null
+++ b/Classes/View/PageViewMode.php
@@ -0,0 +1,38 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View;
+
+/**
+ * @internal
+ */
+enum PageViewMode: int
+{
+    case LayoutView = 1;
+    case LanguageComparisonView = 2;
+
+    /**
+     * Get the language label key for this view mode.
+     */
+    public function getLabel(): string
+    {
+        return match ($this) {
+            self::LayoutView => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.view.layout',
+            self::LanguageComparisonView => 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.view.language_comparison',
+        };
+    }
+}
diff --git a/Classes/View/ProgressListenerInterface.php b/Classes/View/ProgressListenerInterface.php
new file mode 100644
index 0000000..c63b2f1
--- /dev/null
+++ b/Classes/View/ProgressListenerInterface.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View;
+
+use Psr\Log\LogLevel;
+
+/**
+ * An interface that tracks the progress of a longer-running progress.
+ * This acts as a wrapper for Symfony ProgressBar on CLI, so see the info here.
+ *
+ * The listener can be used multiple times when calling start() again a new progressbar starts.
+ *
+ * @internal this interface is still experimental, and not considered part of TYPO3 Public API.
+ */
+interface ProgressListenerInterface
+{
+    /**
+     * Start a progress by using the maximum items, and an additional header message.
+     *
+     * @param int $maxSteps set the maximum amount of items to be processed
+     * @param string|null $additionalMessage a separate text message
+     */
+    public function start(int $maxSteps = 0, ?string $additionalMessage = null): void;
+
+    /**
+     * Move the progress one step further
+     * @param int $step by default, this is "1" but can be used to skip further.
+     * @param string|null $additionalMessage a separate text message
+     */
+    public function advance(int $step = 1, ?string $additionalMessage = null): void;
+
+    /**
+     * Stop the progress, automatically setting it to 100%.
+     *
+     * @param string|null $additionalMessage a separate text message
+     */
+    public function finish(?string $additionalMessage = null): void;
+
+    /**
+     * Can be used to render custom messages during the progress.
+     *
+     * @param string $message the message to render
+     * @param string $logLevel used as severity
+     */
+    public function log(string $message, string $logLevel = LogLevel::INFO): void;
+}
diff --git a/Classes/View/RecordSearchBoxComponent.php b/Classes/View/RecordSearchBoxComponent.php
new file mode 100644
index 0000000..967cc4f
--- /dev/null
+++ b/Classes/View/RecordSearchBoxComponent.php
@@ -0,0 +1,68 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Psr\Http\Message\UriInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autoconfigure;
+
+/**
+ * Renders the search box for the record listing and the element browser.
+ *
+ * @internal
+ */
+#[Autoconfigure(public: true, shared: false)]
+class RecordSearchBoxComponent
+{
+    protected array $allowedSearchLevels = [];
+    protected string $searchWord = '';
+    protected int $searchLevel = 0;
+
+    public function __construct(protected readonly BackendViewFactory $backendViewFactory) {}
+
+    public function setSearchWord(string $searchWord): self
+    {
+        $this->searchWord = $searchWord;
+        return $this;
+    }
+
+    public function setSearchLevel(int $searchLevel): self
+    {
+        $this->searchLevel = $searchLevel;
+        return $this;
+    }
+
+    public function setAllowedSearchLevels(array $allowedSearchLevels): self
+    {
+        $this->allowedSearchLevels = $allowedSearchLevels;
+        return $this;
+    }
+
+    public function render(ServerRequestInterface $request, UriInterface|string|null $formUrl = null): string
+    {
+        $view = $this->backendViewFactory->create($request, ['typo3/cms-backend']);
+        return $view
+            ->assignMultiple([
+                'formUrl' => $formUrl,
+                'availableSearchLevels' => $this->allowedSearchLevels,
+                'selectedSearchLevel' => $this->searchLevel,
+                'searchString' => $this->searchWord,
+            ])
+            ->render('RecordSearchBox');
+    }
+}
diff --git a/Classes/View/ResourceUtilityRenderer.php b/Classes/View/ResourceUtilityRenderer.php
new file mode 100644
index 0000000..b2fd162
--- /dev/null
+++ b/Classes/View/ResourceUtilityRenderer.php
@@ -0,0 +1,368 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Tree\View\LinkParameterProviderInterface;
+use TYPO3\CMS\Core\Authentication\BackendUserAuthentication;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Resource\Filter\FileExtensionFilter;
+use TYPO3\CMS\Core\Resource\Folder;
+use TYPO3\CMS\Core\Resource\OnlineMedia\Helpers\OnlineMediaHelperRegistry;
+use TYPO3\CMS\Core\Resource\Security\FileNameValidator;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+/**
+ * Renders utility forms for creating files and folder.
+ * Used in different views, e.g. FileList but also in Element and Link Browsers.
+ * @internal
+ */
+class ResourceUtilityRenderer
+{
+    /**
+     * @var LinkParameterProviderInterface
+     */
+    protected $parameterProvider;
+    protected UriBuilder $uriBuilder;
+
+    public function __construct(LinkParameterProviderInterface $parameterProvider)
+    {
+        $this->parameterProvider = $parameterProvider;
+        $this->uriBuilder = GeneralUtility::makeInstance(UriBuilder::class);
+    }
+
+    /**
+     * For TBE: Makes a form for creating new folders in the file mount the user is browsing.
+     * The folder creation request is sent to the tce_file.php script in the core which will handle the creation.
+     *
+     * @param Folder $folderObject Absolute filepath on server in which to create the new folder.
+     *
+     * @return string HTML for the create folder form.
+     */
+    public function createFolder(ServerRequestInterface $request, Folder $folderObject)
+    {
+        $lang = $this->getLanguageService();
+
+        if (!$folderObject->checkActionPermission('write')) {
+            // Do not show create folder form if it is denied
+            return '';
+        }
+
+        $formAction = (string)$this->uriBuilder->buildUriFromRoute('tce_file');
+        $markup = [];
+        $markup[] = '<form class="pt-3 pb-3" action="' . htmlspecialchars($formAction)
+            . '" method="post" name="editform" enctype="multipart/form-data">';
+        $markup[] = '<h4>' . htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:create_folder.title')) . '</h4>';
+        $markup[] = '<div class="input-group">';
+        $markup[] = '<input class="form-control" type="text" name="data[newfolder][0][data]" placeholder="' . htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:create_folder.placeholder')) . '" />';
+        $markup[] = '<input class="btn btn-default" type="submit" name="submit" value="'
+            . htmlspecialchars($lang->sL('LLL:EXT:backend/Resources/Private/Language/locallang.xlf:create_folder.submit')) . '" />';
+        $markup[] = '</div>';
+        $markup[] = '<input type="hidden" name="data[newfolder][0][target]" value="'
+            . htmlspecialchars($folderObject->getCombinedIdentifier()) . '" />';
+
+        // Make footer of upload form, including the submit button:
+        $redirectValue = (string)$this->uriBuilder->buildUriFromRequest(
+            $request,
+            $this->parameterProvider->getUrlParameters(
+                ['identifier' => $folderObject->getCombinedIdentifier()]
+            )
+        );
+        $markup[] = '<input type="hidden" name="redirect" value="' . htmlspecialchars($redirectValue) . '" />';
+
+        $markup[] = '</form>';
+
+        return implode(LF, $markup);
+    }
+
+    /**
+     * For TBE: Creates a form for creating new text files.
+     *
+     * @param Folder $folderObject Folder object in which to create the text file.
+     *
+     * @return string HTML for the text file creation form.
+     */
+    public function createRegularFile(ServerRequestInterface $request, Folder $folderObject): string
+    {
+        if (!$folderObject->checkActionPermission('write') || !$folderObject->getStorage()->checkUserActionPermission('add', 'File')) {
+            return '';
+        }
+
+        $markup = [];
+        $lang = $this->getLanguageService();
+        $fileNameVerifier = GeneralUtility::makeInstance(FileNameValidator::class);
+
+        $redirectValue = (string)$this->uriBuilder->buildUriFromRequest(
+            $request,
+            $this->parameterProvider->getUrlParameters(
+                ['identifier' => $folderObject->getCombinedIdentifier()]
+            )
+        );
+
+        // Create a list of allowed text file extensions
+        $textFileExt = GeneralUtility::trimExplode(',', $GLOBALS['TYPO3_CONF_VARS']['SYS']['textfile_ext'], true);
+        $allowedTextFileList = [];
+        foreach ($textFileExt as $fileExt) {
+            if ($fileNameVerifier->isValid('.' . $fileExt)) {
+                $allowedTextFileList[] = '<li class="badge badge-secondary">' . strtoupper(htmlspecialchars($fileExt)) . '</li>';
+            }
+        }
+
+        if (!empty($allowedTextFileList)) {
+            $formAction = (string)$this->uriBuilder->buildUriFromRoute('tce_file');
+
+            $markup[] = '<form class="pt-3 pb-3" action="' . htmlspecialchars($formAction) . '" method="post" name="newFileForm" enctype="multipart/form-data">';
+            $markup[] = '<input type="hidden" name="data[newfile][0][target]" value="' . htmlspecialchars($folderObject->getCombinedIdentifier()) . '" />';
+            $markup[] = '<input type="hidden" name="redirect" value="' . htmlspecialchars($redirectValue) . '" />';
+            $markup[] = '<input type="hidden" name="edit" value="true" />';
+            $markup[] = '<h4>' . htmlspecialchars($lang->sL('LLL:EXT:filelist/Resources/Private/Language/locallang.xlf:file_newfolder.php.newfile')) . '</h4>';
+            $markup[] = '<div class="input-group">';
+            $markup[] = '<input class="form-control" type="text" name="data[newfile][0][data]" placeholder="' . htmlspecialchars($lang->sL('LLL:EXT:filelist/Resources/Private/Language/locallang.xlf:file_newfolder.php.label_newfile')) . '" />';
+            $markup[] = '<button class="btn btn-default" type="submit" name="submitCreateFileForm" value="1">' . htmlspecialchars($lang->sL('LLL:EXT:filelist/Resources/Private/Language/locallang.xlf:file_newfolder.php.newfile_submit')) . '</button>';
+            $markup[] = '</div>';
+            $markup[] = '<div class="form-text mt-1">';
+            $markup[] = htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.allowedEditableTextFileExtensions'));
+            $markup[] = '<ul class="badge-list">' . implode(' ', $allowedTextFileList) . '</ul>';
+            $markup[] = '</div>';
+            $markup[] = '</form>';
+        }
+
+        return implode(LF, $markup);
+    }
+
+    /**
+     * For TBE: Creates a form for adding online media files (YouTube, Vimeo, etc.).
+     *
+     * @param Folder $folderObject Folder object in which to create the online media file.
+     * @param FileExtensionFilter|null $fileExtensionFilter Optional filter for allowed/disallowed file extensions.
+     *
+     * @return string HTML for the online media form.
+     */
+    public function addOnlineMedia(ServerRequestInterface $request, Folder $folderObject, ?FileExtensionFilter $fileExtensionFilter = null): string
+    {
+        if (!$folderObject->checkActionPermission('write') || !$folderObject->getStorage()->checkUserActionPermission('add', 'File')) {
+            return '';
+        }
+
+        $markup = [];
+        $lang = $this->getLanguageService();
+        $fileNameVerifier = GeneralUtility::makeInstance(FileNameValidator::class);
+        $onlineMediaHelperRegistry = GeneralUtility::makeInstance(OnlineMediaHelperRegistry::class);
+
+        $redirectValue = (string)$this->uriBuilder->buildUriFromRequest(
+            $request,
+            $this->parameterProvider->getUrlParameters(
+                ['identifier' => $folderObject->getCombinedIdentifier()]
+            )
+        );
+
+        // Create a list of allowed online media file extensions
+        $onlineMediaFileExt = $onlineMediaHelperRegistry->getSupportedFileExtensions();
+        $allowedOnlineMediaList = [];
+        foreach ($onlineMediaFileExt as $fileExt) {
+            if ($fileNameVerifier->isValid('.' . $fileExt)
+                && ($fileExtensionFilter === null || $fileExtensionFilter->isAllowed($fileExt))
+            ) {
+                $allowedOnlineMediaList[] = '<li class="badge badge-secondary">' . strtoupper(htmlspecialchars($fileExt)) . '</li>';
+            }
+        }
+
+        if (!empty($allowedOnlineMediaList)) {
+            $formAction = (string)$this->uriBuilder->buildUriFromRoute('online_media');
+
+            $markup[] = '<form class="pt-3 pb-3" action="' . htmlspecialchars($formAction) . '" method="post" name="newMediaForm" enctype="multipart/form-data">';
+            $markup[] = '<input type="hidden" name="data[newMedia][0][target]" value="' . htmlspecialchars($folderObject->getCombinedIdentifier()) . '" />';
+            $markup[] = '<input type="hidden" name="redirect" value="' . htmlspecialchars($redirectValue) . '" />';
+            $markup[] = '<h4>' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:online_media.new_media')) . '</h4>';
+            $markup[] = '<div class="input-group">';
+            $markup[] = '<input class="form-control" type="url" name="data[newMedia][0][url]" placeholder="' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:online_media.new_media.placeholder')) . '" />';
+            $markup[] = '<button class="btn btn-default" type="submit">' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:online_media.new_media.submit')) . '</button>';
+            $markup[] = '</div>';
+            $markup[] = '<div class="form-text mt-1">';
+            $markup[] = htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:online_media.new_media.allowedProviders'));
+            $markup[] = '<ul class="badge-list">' . implode(' ', $allowedOnlineMediaList) . '</ul>';
+            $markup[] = '</div>';
+            $markup[] = '</form>';
+        }
+
+        return implode(LF, $markup);
+    }
+
+    /**
+     * For TBE: Creates a drag-uploader trigger button for file uploads.
+     * Used in the element browser context with drag-uploader support.
+     *
+     * @param Folder $folderObject Folder object in which to upload files.
+     * @param FileExtensionFilter|null $fileExtensionFilter Optional filter for allowed/disallowed file extensions.
+     *
+     * @return string HTML for the drag-uploader trigger.
+     */
+    public function createDragUpload(Folder $folderObject, ?FileExtensionFilter $fileExtensionFilter = null, bool $checkFileBrowserPermission = false): string
+    {
+        if (!$folderObject->checkActionPermission('write') || !$folderObject->getStorage()->checkUserActionPermission('add', 'File')) {
+            return '';
+        }
+
+        if ($checkFileBrowserPermission && !($this->getBackendUser()->getTSConfig()['options.']['folderTree.']['uploadFieldsInLinkBrowser'] ?? true)) {
+            return '';
+        }
+
+        $lang = $this->getLanguageService();
+        $fileNameVerifier = GeneralUtility::makeInstance(FileNameValidator::class);
+
+        // Determine allowed/disallowed file extensions
+        $list = ['*'];
+        $denyList = false;
+        $allowedFileExtensionsList = [];
+
+        if ($fileExtensionFilter !== null) {
+            $resolvedFileExtensions = $fileExtensionFilter->getFilteredFileExtensions();
+            if (($resolvedFileExtensions['allowedFileExtensions'] ?? []) !== []) {
+                $list = $resolvedFileExtensions['allowedFileExtensions'];
+            } elseif (($resolvedFileExtensions['disallowedFileExtensions'] ?? []) !== []) {
+                $denyList = true;
+                $list = $resolvedFileExtensions['disallowedFileExtensions'];
+            }
+        }
+
+        foreach ($list as $fileExt) {
+            if (($fileExt === '*' && !$denyList) || $fileNameVerifier->isValid('.' . $fileExt)) {
+                $allowedFileExtensionsList[] = '<li class="badge ' . ($denyList ? 'badge-danger' : 'badge-secondary') . '">' . strtoupper(htmlspecialchars($fileExt)) . '</li>';
+            }
+        }
+
+        // Only render the form if there are allowed file extensions
+        if (empty($allowedFileExtensionsList)) {
+            return '';
+        }
+
+        $markup = [];
+        $markup[] = '<div class="pt-3 pb-3">';
+        $markup[] = '<h4>' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:file_upload.php.pagetitle')) . '</h4>';
+        $markup[] = '<button type="button" class="btn btn-default t3js-drag-uploader-trigger">';
+        $markup[] = htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:file_upload.select-and-submit'));
+        $markup[] = '</button>';
+        // Only show file extension info if there is an actual limitation (not just '*')
+        if ($list !== ['*']) {
+            $markup[] = '<div class="form-text mt-1">';
+            $markup[] = htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.' . ($denyList ? 'disallowedFileExtensions' : 'allowedFileExtensions')));
+            $markup[] = '<ul class="badge-list">' . implode(' ', $allowedFileExtensionsList) . '</ul>';
+            $markup[] = '</div>';
+        }
+        $markup[] = '</div>';
+
+        return implode(LF, $markup);
+    }
+
+    /**
+     * Makes an upload form for uploading files to the file mount the user is browsing.
+     * The files are uploaded to the tce_file.php script in the core which will handle the upload.
+     *
+     * @return string HTML for an upload form.
+     */
+    public function uploadForm(ServerRequestInterface $request, Folder $folderObject, ?FileExtensionFilter $fileExtensionFilter = null)
+    {
+        if (!$folderObject->checkActionPermission('write')) {
+            return '';
+        }
+        $allowUpload = (bool)($this->getBackendUser()->getTSConfig()['options.']['folderTree.']['uploadFieldsInLinkBrowser'] ?? true);
+        if (!$allowUpload) {
+            return '';
+        }
+
+        $lang = $this->getLanguageService();
+        $fileNameVerifier = GeneralUtility::makeInstance(FileNameValidator::class);
+
+        // Determine allowed/disallowed file extensions
+        $list = ['*'];
+        $denyList = false;
+        $allowedFileExtensionsList = [];
+
+        if ($fileExtensionFilter !== null) {
+            $resolvedFileExtensions = $fileExtensionFilter->getFilteredFileExtensions();
+            if (($resolvedFileExtensions['allowedFileExtensions'] ?? []) !== []) {
+                $list = $resolvedFileExtensions['allowedFileExtensions'];
+            } elseif (($resolvedFileExtensions['disallowedFileExtensions'] ?? []) !== []) {
+                $denyList = true;
+                $list = $resolvedFileExtensions['disallowedFileExtensions'];
+            }
+        }
+
+        foreach ($list as $fileExt) {
+            if (($fileExt === '*' && !$denyList) || $fileNameVerifier->isValid('.' . $fileExt)) {
+                $allowedFileExtensionsList[] = '<li class="badge ' . ($denyList ? 'badge-danger' : 'badge-secondary') . '">' . strtoupper(htmlspecialchars($fileExt)) . '</li>';
+            }
+        }
+
+        // Only render the form if there are allowed file extensions
+        if (empty($allowedFileExtensionsList)) {
+            return '';
+        }
+
+        $formAction = (string)$this->uriBuilder->buildUriFromRoute('tce_file');
+        $combinedIdentifier = $folderObject->getCombinedIdentifier();
+        $redirectValue = (string)$this->uriBuilder->buildUriFromRequest($request, $this->parameterProvider->getUrlParameters(['identifier' => $combinedIdentifier]));
+
+        $markup = [];
+        $markup[] = '<form class="pt-3 pb-3" action="' . htmlspecialchars($formAction) . '" method="post" name="editform" enctype="multipart/form-data">';
+        $markup[] = '<input type="hidden" name="data[upload][0][target]" value="' . htmlspecialchars($combinedIdentifier) . '" />';
+        $markup[] = '<input type="hidden" name="data[upload][0][data]" value="0" />';
+        $markup[] = '<input type="hidden" name="redirect" value="' . htmlspecialchars($redirectValue) . '" />';
+        $markup[] = '<div class="row">';
+        $markup[] = '<div class="col-auto me-auto">';
+        $markup[] = '   <h4>' . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:file_upload.php.pagetitle')) . '</h4>';
+        $markup[] = '</div>';
+        $markup[] = '<div class="col-auto">';
+        $markup[] = '<div class="form-check form-switch">';
+        $markup[] = '    <input class="form-check-input" type="checkbox" name="overwriteExistingFiles" id="overwriteExistingFiles" value="replace" />';
+        $markup[] = '    <label class="form-check-label" for="overwriteExistingFiles">';
+        $markup[] =          htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:overwriteExistingFiles'));
+        $markup[] = '    </label>';
+        $markup[] = '</div>';
+        $markup[] = '</div>';
+        $markup[] = '<div class="col-12">';
+        $markup[] = '<div class="input-group">';
+        $markup[] = '<input type="file" multiple="multiple" name="upload_0[]" class="form-control" />';
+        $markup[] = '<input class="btn btn-default" type="submit" name="submit" value="'
+            . htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:file_upload.php.submit')) . '" />';
+        $markup[] = '</div>';
+        $markup[] = '</div>';
+        $markup[] = '</div>';
+        // Only show file extension info if there is an actual limitation (not just '*')
+        if ($list !== ['*']) {
+            $markup[] = '<div class="form-text mt-1">';
+            $markup[] = htmlspecialchars($lang->sL('LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.' . ($denyList ? 'disallowedFileExtensions' : 'allowedFileExtensions')));
+            $markup[] = '<ul class="badge-list">' . implode(' ', $allowedFileExtensionsList) . '</ul>';
+            $markup[] = '</div>';
+        }
+        $markup[] = '</form>';
+
+        return implode(LF, $markup);
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+
+    protected function getBackendUser(): BackendUserAuthentication
+    {
+        return $GLOBALS['BE_USER'];
+    }
+}
diff --git a/Classes/View/SetupModuleViewMode.php b/Classes/View/SetupModuleViewMode.php
new file mode 100644
index 0000000..1a085fd
--- /dev/null
+++ b/Classes/View/SetupModuleViewMode.php
@@ -0,0 +1,29 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View;
+
+/**
+ * List / Tile view decision used in Setup module.
+ *
+ * @internal
+ */
+enum SetupModuleViewMode: string
+{
+    case LIST = 'list';
+    case TILES = 'tiles';
+}
diff --git a/Classes/View/SetupSettingsViewMode.php b/Classes/View/SetupSettingsViewMode.php
new file mode 100644
index 0000000..675b096
--- /dev/null
+++ b/Classes/View/SetupSettingsViewMode.php
@@ -0,0 +1,29 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View;
+
+/**
+ * basic / advanced view decision used in Setup module Site settings.
+ *
+ * @internal
+ */
+enum SetupSettingsViewMode: string
+{
+    case BASIC = 'basic';
+    case ADVANCED = 'advanced';
+}
diff --git a/Classes/View/ValueFormatter/FlexFormValueFormatter.php b/Classes/View/ValueFormatter/FlexFormValueFormatter.php
new file mode 100644
index 0000000..6aabb2f
--- /dev/null
+++ b/Classes/View/ValueFormatter/FlexFormValueFormatter.php
@@ -0,0 +1,267 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\View\ValueFormatter;
+
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Core\Configuration\FlexForm\FlexFormTools;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Schema\Capability\TcaSchemaCapability;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * The FlexFormValueFormatter formats a FlexForm value into a human-readable
+ * format. This is used internally to display changes in FlexForm values as a
+ * nicely formatted plain-text diff.
+ *
+ * @internal
+ */
+readonly class FlexFormValueFormatter
+{
+    protected const VALUE_MAX_LENGTH = 50;
+
+    public function __construct(
+        private FlexFormTools $flexFormTools,
+        private TcaSchemaFactory $tcaSchemaFactory,
+    ) {}
+
+    public function format(string $tableName, string $fieldName, ?string $value, int $uid, array $fieldConfiguration): string
+    {
+        if ($value === null || $value === '') {
+            return '';
+        }
+        $record = BackendUtility::getRecord($tableName, $uid);
+        if (is_null($record)) {
+            // Record is already deleted
+            return '';
+        }
+        // Get FlexForm data and structure
+        $flexFormDataArray = GeneralUtility::xml2array($value);
+        $flexFormDataStructure = $this->getFlexFormDataStructure($fieldConfiguration, $tableName, $fieldName, $record);
+        // Map data to FlexForm structure and build an easy to handle array
+        $processedSheets = $this->getProcessedSheets($flexFormDataStructure, $flexFormDataArray['data'] ?? []);
+        // Render a human-readable plain text representation of the FlexForm data
+        $renderedPlainValue = $this->renderFlexFormValuePlain($processedSheets);
+        return trim($renderedPlainValue, PHP_EOL);
+    }
+
+    /**
+     * @param array<string, mixed> $tcaConfiguration
+     * @param array<string, mixed> $record
+     */
+    protected function getFlexFormDataStructure(array $tcaConfiguration, string $tableName, string $fieldName, array $record): array
+    {
+        $conf['config'] = $tcaConfiguration;
+        $schema = $this->tcaSchemaFactory->get($tableName);
+        return $this->flexFormTools->parseDataStructureByIdentifier(
+            $this->flexFormTools->getDataStructureIdentifier($conf, $tableName, $fieldName, $record, $schema),
+            $schema
+        );
+    }
+
+    /**
+     * @param array<string, mixed> $processedData
+     */
+    protected function renderFlexFormValuePlain(array $processedData, int $currentHierarchy = 1): string
+    {
+        $value = '';
+        foreach ($processedData as $processedKey => $processedValue) {
+            $title = !empty($processedValue['section']) ? $processedKey : $processedValue['title'];
+            if (!empty($processedValue['children'])) {
+                $children = $this->renderFlexFormValuePlain($processedValue['children'], $currentHierarchy + 1);
+                if (empty($processedValue['section']) && empty($processedValue['container'])) {
+                    $value .= $this->getSectionHeadline($title) . PHP_EOL . $children . PHP_EOL;
+                } elseif ($children) {
+                    $value .= $children . PHP_EOL;
+                }
+            } elseif (isset($processedValue['value'])) {
+                $wrappedValue = $this->wrapValue($processedValue['value'], $title);
+                $colon = ':';
+                // Add space after colon, if it fits into one line.
+                if (!str_contains($wrappedValue, PHP_EOL)) {
+                    $colon .= ' ';
+                }
+                $value .= $title . $colon . $wrappedValue . PHP_EOL . PHP_EOL;
+            }
+        }
+        return $value;
+    }
+
+    /**
+     * Get the formatted headline of a FlexForm section
+     */
+    protected function getSectionHeadline(string $title): string
+    {
+        $sectionSpacer = str_repeat('-', self::VALUE_MAX_LENGTH);
+        return $title . PHP_EOL . $sectionSpacer;
+    }
+
+    protected function getProcessedSheets(array $dataStructure, array $valueStructure): array
+    {
+        $processedSheets = [];
+        foreach ($dataStructure['sheets'] as $sheetKey => $sheetStructure) {
+            if (!empty($sheetStructure['ROOT']['el'])) {
+                $sheetTitle = $sheetKey;
+                if (!empty($sheetStructure['ROOT']['sheetTitle'])) {
+                    $sheetTitle = $this->getLanguageService()->sL($sheetStructure['ROOT']['sheetTitle']);
+                }
+                if (!empty($valueStructure[$sheetKey]['lDEF'])) {
+                    $processedElements = $this->getProcessedElements($sheetStructure['ROOT']['el'], $valueStructure[$sheetKey]['lDEF']);
+                    $processedSheets[$sheetKey] = [
+                        'title' => $sheetTitle,
+                        'children' => $processedElements,
+                    ];
+                }
+            }
+        }
+        return $processedSheets;
+    }
+
+    protected function getProcessedElements(array $dataStructure, array $valueStructure): array
+    {
+        $processedElements = [];
+        // Values used to fake TCA
+        $processingTableValue = StringUtility::getUniqueId('processing');
+        $processingColumnValue = StringUtility::getUniqueId('processing');
+        foreach ($dataStructure as $elementKey => $elementStructure) {
+            $elementTitle = $this->getElementTitle($elementKey, $elementStructure);
+            if (($elementStructure['type'] ?? '') === 'array') {
+                // Render section or container
+                if (empty($valueStructure[$elementKey]['el'])) {
+                    continue;
+                }
+                if (!empty($elementStructure['section'])) {
+                    // Render section
+                    $processedElements[$elementKey] = [
+                        'section' => true,
+                        'title' => $elementTitle,
+                        'children' => $this->getProcessedSections(
+                            $elementStructure['el'],
+                            $valueStructure[$elementKey]['el']
+                        ),
+                    ];
+                } else {
+                    // Render container
+                    $processedElements[$elementKey] = [
+                        'container' => true,
+                        'title' => $elementTitle,
+                        'children' => $this->getProcessedElements(
+                            $elementStructure['el'],
+                            $valueStructure[$elementKey]['el']
+                        ),
+                    ];
+                }
+            } elseif (!empty($elementStructure['config'])) {
+                // Render plain elements
+                $relationTable = $this->getRelationTable($elementStructure['config']) ?? '';
+                if ($this->tcaSchemaFactory->has($relationTable)
+                    && ($userFunc = ($this->tcaSchemaFactory->get($relationTable)->getCapability(TcaSchemaCapability::Label)->getConfiguration()['generator'] ?? false))
+                ) {
+                    $parameters = [
+                        'table' => $relationTable,
+                        'row' => BackendUtility::getRecord($relationTable, $valueStructure[$elementKey]['vDEF'] ?? ''),
+                        'title' => $valueStructure[$elementKey]['vDEF'] ?? '',
+                        'options' => ($this->tcaSchemaFactory->get($relationTable)->getCapability(TcaSchemaCapability::Label)->getConfiguration()['generatorOptions'] ?? []),
+                    ];
+                    GeneralUtility::callUserFunction($userFunc, $parameters);
+                    $processedValue = $parameters['title'];
+                } else {
+                    $processedValue = BackendUtility::getProcessedValue(
+                        $processingTableValue,
+                        $processingColumnValue,
+                        $valueStructure[$elementKey]['vDEF'] ?? '',
+                        0,
+                        false,
+                        false,
+                        0,
+                        true,
+                        0,
+                        [],
+                        $elementStructure['config']
+                    );
+                }
+                $processedElements[$elementKey] = [
+                    'title' => $elementTitle,
+                    'value' => $processedValue,
+                ];
+            }
+        }
+        return $processedElements;
+    }
+
+    protected function getRelationTable(array $configuration): ?string
+    {
+        // If allowed tables is defined, but with only one(!) table:
+        if (($configuration['allowed'] ?? '') !== '' && !str_contains($configuration['allowed'], ',')) {
+            return $configuration['allowed'];
+        }
+        return $configuration['foreign_table'] ?? null;
+    }
+
+    protected function getProcessedSections(array $dataStructure, array $valueStructure): array
+    {
+        $processedSections = [];
+        foreach ($valueStructure as $sectionValueIndex => $sectionValueStructure) {
+            $processedSections[$sectionValueIndex] = [
+                'section' => true,
+                'children' => $this->getProcessedElements(
+                    $dataStructure,
+                    $sectionValueStructure
+                ),
+            ];
+        }
+        return $processedSections;
+    }
+
+    protected function getElementTitle(string $key, array $structure): string
+    {
+        if (!empty($structure['label'])) {
+            return $this->getLanguageService()->sL($structure['label']);
+        }
+        return $key;
+    }
+
+    protected function wrapValue(string $value, string $title): string
+    {
+        if ($value === '') {
+            return '';
+        }
+        // If the length of the value is equal or less than the maxlength, no wrapping is needed.
+        if ((mb_strlen($title) + mb_strlen($value)) <= self::VALUE_MAX_LENGTH) {
+            return $value;
+        }
+        // wordwrap the value and add an indention for each line.
+        $multilineIndention = "\t";
+        $value = PHP_EOL . $multilineIndention . $value;
+        $lines = explode(PHP_EOL, $value);
+        $newValue = '';
+        foreach (array_map(trim(...), $lines) as $line) {
+            if ($line !== '') {
+                $newValue .= PHP_EOL . $line;
+            }
+        }
+        $value = wordwrap($newValue, self::VALUE_MAX_LENGTH, PHP_EOL);
+        return str_replace(PHP_EOL, PHP_EOL . $multilineIndention, $value);
+    }
+
+    protected function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/ViewHelpers/AvatarViewHelper.php b/Classes/ViewHelpers/AvatarViewHelper.php
new file mode 100644
index 0000000..9d237d4
--- /dev/null
+++ b/Classes/ViewHelpers/AvatarViewHelper.php
@@ -0,0 +1,84 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers;
+
+use TYPO3\CMS\Backend\Backend\Avatar\Avatar;
+use TYPO3\CMS\Core\Database\Connection;
+use TYPO3\CMS\Core\Database\ConnectionPool;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractViewHelper;
+
+/**
+ * ViewHelper to render the avatar markup (including the `<img>` tag) for a given backend user.
+ * If the given backend user hasn't added a custom avatar yet, a default one is used.
+ *
+ * ```
+ *    <be:avatar backendUser="{user.uid}" size="32" showIcon="true" />
+ * ```
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-avatar
+ */
+final class AvatarViewHelper extends AbstractViewHelper
+{
+    /**
+     * As this ViewHelper renders HTML, the output must not be escaped.
+     *
+     * @var bool
+     */
+    protected $escapeOutput = false;
+
+    public function __construct(
+        private readonly ConnectionPool $connectionPool,
+        private readonly Avatar $avatar
+    ) {}
+
+    public function initializeArguments(): void
+    {
+        $this->registerArgument('backendUser', 'int', 'uid of the backend user', false, 0);
+        $this->registerArgument('size', 'int', 'width and height of the image', false, 32);
+        $this->registerArgument('showIcon', 'bool', 'show the record icon as well', false, false);
+    }
+
+    /**
+     * Resolve user avatar from a given backend user id.
+     */
+    public function render(): string
+    {
+        if ($this->arguments['backendUser'] > 0) {
+            $queryBuilder = $this->connectionPool->getQueryBuilderForTable('be_users');
+            $queryBuilder->getRestrictions()->removeAll();
+            $backendUser = $queryBuilder
+                ->select('*')
+                ->from('be_users')
+                ->where(
+                    $queryBuilder->expr()->eq(
+                        'uid',
+                        $queryBuilder->createNamedParameter($this->arguments['backendUser'], Connection::PARAM_INT)
+                    )
+                )
+                ->executeQuery()
+                ->fetchAssociative();
+        } else {
+            $backendUser = $GLOBALS['BE_USER']->user;
+        }
+        if ($backendUser === false) {
+            // no BE user can be retrieved from DB, probably deleted
+            return '';
+        }
+        return $this->avatar->render($backendUser, $this->arguments['size'], $this->arguments['showIcon']);
+    }
+}
diff --git a/Classes/ViewHelpers/LanguageColumnViewHelper.php b/Classes/ViewHelpers/LanguageColumnViewHelper.php
new file mode 100644
index 0000000..dd55f98
--- /dev/null
+++ b/Classes/ViewHelpers/LanguageColumnViewHelper.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers;
+
+use TYPO3\CMS\Backend\View\BackendLayout\Grid\GridColumn;
+use TYPO3\CMS\Backend\View\BackendLayout\Grid\LanguageColumn;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractViewHelper;
+
+/**
+ * ViewHelper to render a language column in a backend table module.
+ *
+ * ```
+ *   <be:languageColumn languageColumn="{someColumn}" columnNumber="{colPos}" />
+ * ```
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-languagecolumn
+ * @internal Not part of the TYPO3 API
+ */
+final class LanguageColumnViewHelper extends AbstractViewHelper
+{
+    public function initializeArguments(): void
+    {
+        $this->registerArgument('languageColumn', LanguageColumn::class, 'Language column object which is context for column', true);
+        $this->registerArgument('columnNumber', 'int', 'Number (colPos) of column within LanguageColumn to be returned', true);
+    }
+
+    public function render(): GridColumn
+    {
+        return $this->arguments['languageColumn']->getGrid()->getColumns()[$this->arguments['columnNumber']];
+    }
+}
diff --git a/Classes/ViewHelpers/Link/DocumentationViewHelper.php b/Classes/ViewHelpers/Link/DocumentationViewHelper.php
new file mode 100644
index 0000000..00cde25
--- /dev/null
+++ b/Classes/ViewHelpers/Link/DocumentationViewHelper.php
@@ -0,0 +1,75 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers\Link;
+
+use TYPO3\CMS\Core\Information\Typo3Information;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractTagBasedViewHelper;
+
+/**
+ * Use this ViewHelper to provide a link to the official documentation. The ViewHelper will
+ * use the permalink identifier to generate a permalink to the documentation which is
+ * a redirect to the actual URI.
+ *
+ * The identifier must be given as a string. Be aware that very specific short links into
+ * the documentation may change over time.
+ *
+ * The link will always lead to the documentation of the corresponding TYPO3 version. This
+ * means in a v12 installation, using `foo-bar` as identifier will link to 'foo-bar@12.4',
+ * while in v13 the link will be 'foo-bar@13.4'.
+ *
+ * Example
+ * =======
+ *
+ * Link to the documentation::
+ *
+ *    <be:link.documentation identifier="foo-bar">See documentation</be:link.documentation>
+ *
+ * Output::
+ *
+ *    <a href="https://docs.typo3.org/permalink/foo-bar@13.4" target="_blank" rel="noreferrer">
+ *        See documentation
+ *    </a>
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-link-documentation
+ * @internal not part of TYPO3 Core API.
+ */
+final class DocumentationViewHelper extends AbstractTagBasedViewHelper
+{
+    protected $tagName = 'a';
+
+    public function initializeArguments(): void
+    {
+        parent::initializeArguments();
+        $this->registerArgument('identifier', 'string', 'the documentation permalink identifier as displayed in the modal link popup of any rendered documentation manual', true);
+    }
+
+    /**
+     * @throws \InvalidArgumentException
+     */
+    public function render(): string
+    {
+        // Note: This ViewHelper cannot use DI, because it is used in the Install-Tool context where constructor-based DI does not work.
+        //       Typo3Information is a simple DO so we do not need to utilize makeInstance() here.
+        $this->tag->addAttribute('href', Typo3Information::getDocsLink($this->arguments['identifier']));
+        $this->tag->addAttribute('target', '_blank');
+        $this->tag->addAttribute('rel', 'noreferrer');
+        $this->tag->setContent($this->renderChildren());
+        $this->tag->forceClosingTag(true);
+        return $this->tag->render();
+    }
+}
diff --git a/Classes/ViewHelpers/Link/EditRecordViewHelper.php b/Classes/ViewHelpers/Link/EditRecordViewHelper.php
new file mode 100644
index 0000000..46f03b6
--- /dev/null
+++ b/Classes/ViewHelpers/Link/EditRecordViewHelper.php
@@ -0,0 +1,121 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers\Link;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Routing\Exception\RouteNotFoundException;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractTagBasedViewHelper;
+use TYPO3Fluid\Fluid\Core\ViewHelper\InvalidArgumentValueException;
+
+/**
+ * Use this ViewHelper to provide edit links to records. The ViewHelper will
+ * pass the uid and table to FormEngine.
+ *
+ * The uid must be given as a positive integer.
+ * For new records, use the :ref:`<be:link.newRecordViewHelper> <typo3-backend-link-newrecord>`.
+ *
+ * Examples
+ * ========
+ *
+ * Link to the record-edit action passed to FormEngine::
+ *
+ *    <be:link.editRecord uid="42" table="a_table" returnUrl="foo/bar" />
+ *
+ * Output::
+ *
+ *    <a href="/typo3/record/edit?edit[a_table][42]=edit&returnUrl=foo/bar">
+ *        Edit record
+ *    </a>
+ *
+ * Link to edit page uid=3 and then return back to the BE module "web_MyextensionList"::
+ *
+ *    <be:link.editRecord uid="3" table="pages" returnUrl="{f:be.uri(route: 'web_MyextensionList')}">
+ *
+ * Link to edit only the fields title and subtitle of page uid=42 and return to foo/bar::
+ *
+ *    <be:link.editRecord uid="42" table="pages" fields="title,subtitle" returnUrl="foo/bar">
+ *        Edit record
+ *    </be:link.editRecord>
+ *
+ * Output::
+ *
+ *    <a href="/typo3/record/edit?edit[pages][42]=edit&returnUrl=foo/bar&columnsOnly[pages]=title,subtitle">
+ *        Edit record
+ *    </a>
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-link-editrecord
+ */
+final class EditRecordViewHelper extends AbstractTagBasedViewHelper
+{
+    /**
+     * @var string
+     */
+    protected $tagName = 'a';
+
+    public function __construct(
+        private readonly UriBuilder $uriBuilder
+    ) {
+        parent::__construct();
+    }
+
+    public function initializeArguments(): void
+    {
+        parent::initializeArguments();
+        $this->registerArgument('uid', 'int', 'uid of record to be edited', true);
+        $this->registerArgument('table', 'string', 'target database table', true);
+        $this->registerArgument('fields', 'string', 'Edit only these fields (comma separated list)');
+        $this->registerArgument('module', 'string', 'Set module identifier for context - marking as active when editing the record', false, '');
+        $this->registerArgument('returnUrl', 'string', 'return to this URL after closing the edit dialog', false, '');
+    }
+
+    /**
+     * @throws \InvalidArgumentException
+     * @throws RouteNotFoundException
+     */
+    public function render(): string
+    {
+        if ($this->arguments['uid'] < 1) {
+            throw new InvalidArgumentValueException('Uid must be a positive integer, ' . $this->arguments['uid'] . ' given.', 1526127158);
+        }
+        $request = $this->renderingContext->hasAttribute(ServerRequestInterface::class)
+            ? $this->renderingContext->getAttribute(ServerRequestInterface::class) : null;
+
+        if (empty($this->arguments['returnUrl']) && $request !== null) {
+            // @todo: We may want to deprecate fetching returnUrl from request
+            $this->arguments['returnUrl'] = $request->getAttribute('normalizedParams')->getRequestUri();
+        }
+
+        $params = [
+            'edit' => [$this->arguments['table'] => [$this->arguments['uid'] => 'edit']],
+            'module' => ($this->arguments['module'] ?? '') ?: ($request?->getAttribute('module')?->getIdentifier() ?? ''),
+            'returnUrl' => $this->arguments['returnUrl'],
+        ];
+        if ($this->arguments['fields'] ?? false) {
+            $params['columnsOnly'] = [
+                $this->arguments['table'] => GeneralUtility::trimExplode(',', $this->arguments['fields'], true),
+            ];
+        }
+        $uri = (string)$this->uriBuilder->buildUriFromRoute('record_edit', $params);
+        $this->tag->addAttribute('href', $uri);
+        $this->tag->setContent((string)$this->renderChildren());
+        $this->tag->forceClosingTag(true);
+        return $this->tag->render();
+    }
+}
diff --git a/Classes/ViewHelpers/Link/NewRecordViewHelper.php b/Classes/ViewHelpers/Link/NewRecordViewHelper.php
new file mode 100644
index 0000000..e65f556
--- /dev/null
+++ b/Classes/ViewHelpers/Link/NewRecordViewHelper.php
@@ -0,0 +1,161 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers\Link;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Routing\Exception\RouteNotFoundException;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractTagBasedViewHelper;
+use TYPO3Fluid\Fluid\Core\ViewHelper\InvalidArgumentException;
+use TYPO3Fluid\Fluid\Core\ViewHelper\InvalidArgumentValueException;
+
+/**
+ * Use this ViewHelper to provide 'create new record' links.
+ * The ViewHelper will pass the command to FormEngine.
+ *
+ * The table argument is mandatory, it decides what record is to be created.
+ *
+ * The pid argument will put the new record on this page, if ``0`` given it will
+ * be placed to the root page.
+ *
+ * The uid argument accepts only negative values. If this is given, the new
+ * record will be placed (by sorting field) behind the record with the uid.
+ * It will end up on the same pid as this given record, so the pid must not
+ * be given explicitly by pid argument.
+ *
+ * An exception will be thrown, if both uid and pid are given.
+ * An exception will be thrown, if the uid argument is not a negative integer.
+ *
+ * To edit records, use the :ref:`<be:link.editRecordViewHelper> <typo3-backend-link-editrecord>`.
+ *
+ * Examples
+ * ========
+ *
+ * Link to create a new record of a_table after record 17 on the same pid::
+ *
+ *    <be:link.newRecord table="a_table" returnUrl="foo/bar" uid="-17"/>
+ *
+ * Output::
+ *
+ *    <a href="/typo3/record/edit?edit[a_table][-17]=new&returnUrl=foo/bar">
+ *        New record
+ *    </a>
+ *
+ * Link to create a new record of a_table on root page::
+ *
+ *    <be:link.newRecord table="a_table" returnUrl="foo/bar""/>
+ *
+ * Output::
+ *
+ *    <a href="/typo3/record/edit?edit[a_table][]=new&returnUrl=foo/bar">
+ *        New record
+ *    </a>
+ *
+ * Link to create a new record of a_table on page 17::
+ *
+ *    <be:link.newRecord table="a_table" returnUrl="foo/bar" pid="17"/>
+ *
+ * Output::
+ *
+ *    <a href="/typo3/record/edit?edit[a_table][17]=new&returnUrl=foo/bar">
+ *        New record
+ *    </a>
+ *
+ * Link to create a new record then return back to the BE module "web_MyextensionList"::
+ *
+ *    <be:link.newRecord table="a_table" returnUrl="{f:be.uri(route: 'web_MyextensionList')}" pid="17">
+ *
+ * Output::
+ *
+ *    <a href="/typo3/record/edit?edit[a_table][17]=new&returnUrl=/typo3/module/web/MyextensionList">
+ *        New record
+ *    </a>
+ *
+ * Link to create a new record of a_table on page 17 with a default value::
+ *
+ *    <be:link.newRecord table="a_table" returnUrl="foo/bar" pid="17" defaultValues="{a_table: {a_field: 'value'}}">
+ *
+ * Output::
+ *
+ *    <a href="/typo3/record/edit?edit[a_table][17]=new&returnUrl=foo/bar&defVals[a_table][a_field]=value">
+ *        New record
+ *    </a>
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-link-newrecord
+ */
+final class NewRecordViewHelper extends AbstractTagBasedViewHelper
+{
+    /**
+     * @var string
+     */
+    protected $tagName = 'a';
+
+    public function __construct(
+        private readonly UriBuilder $uriBuilder
+    ) {
+        parent::__construct();
+    }
+
+    public function initializeArguments(): void
+    {
+        parent::initializeArguments();
+        $this->registerArgument('uid', 'int', 'uid < 0 will insert the record after the given uid');
+        $this->registerArgument('pid', 'int', 'the page id where the record will be created');
+        $this->registerArgument('table', 'string', 'target database table', true);
+        $this->registerArgument('module', 'string', 'Set module identifier for context - marking as acitve when editing the record', false, '');
+        $this->registerArgument('returnUrl', 'string', 'return to this URL after closing the new record dialog', false, '');
+        $this->registerArgument('defaultValues', 'array', 'default values for fields of the new record', false, []);
+    }
+
+    /**
+     * @throws InvalidArgumentException
+     * @throws RouteNotFoundException
+     */
+    public function render(): string
+    {
+        if ($this->arguments['uid'] && $this->arguments['pid']) {
+            throw new InvalidArgumentException('Can\'t handle both uid and pid for new records', 1526129969);
+        }
+        if (isset($this->arguments['uid']) && $this->arguments['uid'] >= 0) {
+            throw new InvalidArgumentValueException('Uid must be negative integer, ' . $this->arguments['uid'] . ' given', 1526134901);
+        }
+
+        $request = $this->renderingContext->hasAttribute(ServerRequestInterface::class)
+            ? $this->renderingContext->getAttribute(ServerRequestInterface::class) : null;
+        if (empty($this->arguments['returnUrl']) && $request !== null) {
+            $this->arguments['returnUrl'] = $request->getAttribute('normalizedParams')->getRequestUri();
+        }
+
+        $params = [
+            'edit' => [$this->arguments['table'] => [$this->arguments['uid'] ?? $this->arguments['pid'] ?? 0 => 'new']],
+            // @todo add module argument to this view helper
+            'module' => ($this->arguments['module'] ?? '') ?: ($request?->getAttribute('module')?->getIdentifier() ?? ''),
+            'returnUrl' => $this->arguments['returnUrl'],
+        ];
+
+        if ($this->arguments['defaultValues']) {
+            $params['defVals'] = $this->arguments['defaultValues'];
+        }
+
+        $uri = (string)$this->uriBuilder->buildUriFromRoute('record_edit', $params);
+        $this->tag->addAttribute('href', $uri);
+        $this->tag->setContent((string)$this->renderChildren());
+        $this->tag->forceClosingTag(true);
+        return $this->tag->render();
+    }
+}
diff --git a/Classes/ViewHelpers/LoginLogoViewHelper.php b/Classes/ViewHelpers/LoginLogoViewHelper.php
new file mode 100644
index 0000000..f203dc5
--- /dev/null
+++ b/Classes/ViewHelpers/LoginLogoViewHelper.php
@@ -0,0 +1,136 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\Autowire;
+use TYPO3\CMS\Backend\View\AuthenticationStyleInformation;
+use TYPO3\CMS\Core\Cache\Frontend\FrontendInterface;
+use TYPO3\CMS\Core\Imaging\Exception\InvalidSvgException;
+use TYPO3\CMS\Core\Imaging\Svg\SvgDocumentFactory;
+use TYPO3\CMS\Core\Imaging\Svg\SvgDocumentService;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Package\Cache\PackageDependentCacheIdentifier;
+use TYPO3\CMS\Core\SystemResource\Exception\SystemResourceDoesNotExistException;
+use TYPO3\CMS\Core\SystemResource\Publishing\SystemResourcePublisherInterface;
+use TYPO3\CMS\Core\SystemResource\Type\SystemResourceInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractViewHelper;
+
+/**
+ * ViewHelper to display the login logo.
+ *
+ * ```
+ *   <backend:loginLogo />
+ * ```
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-loginlogo
+ * @internal
+ */
+final class LoginLogoViewHelper extends AbstractViewHelper
+{
+    /**
+     * @var bool
+     */
+    protected $escapeOutput = false;
+
+    public function __construct(
+        private readonly AuthenticationStyleInformation $authenticationStyleInformation,
+        private readonly PackageDependentCacheIdentifier $packageDependentCacheIdentifier,
+        #[Autowire(service: 'cache.assets')]
+        private readonly FrontendInterface $cache,
+        private readonly SystemResourcePublisherInterface $resourcePublisher,
+        private readonly SvgDocumentFactory $svgDocumentFactory,
+        private readonly SvgDocumentService $svgDocumentService,
+    ) {}
+
+    public function render(): string
+    {
+        $languageService = $this->getLanguageService();
+        $logo = $this->authenticationStyleInformation->getLogo();
+        $alternativeText = $languageService->sL('LLL:EXT:backend/Resources/Private/Language/locallang_login.xlf:typo3.altText');
+        if ($logo !== null) {
+            $alternativeText = $this->authenticationStyleInformation->getLogoAlt() ?: $alternativeText;
+        } else {
+            $logo = $this->authenticationStyleInformation->getDefaultLogo();
+        }
+
+        if ($logo instanceof SystemResourceInterface && ($renderedSvg = $this->getInlineSvg($logo)) !== null) {
+            return $renderedSvg;
+        }
+
+        $request = null;
+        if ($this->renderingContext->hasAttribute(ServerRequestInterface::class)) {
+            $request = $this->renderingContext->getAttribute(ServerRequestInterface::class);
+        }
+        $uri = (string)$this->resourcePublisher->generateUri($logo, $request);
+        return $this->renderImage($uri, $alternativeText);
+    }
+
+    private function renderImage(string $uri, string $alt): string
+    {
+        return sprintf('<img %s>', GeneralUtility::implodeAttributes([
+            'src' => $uri,
+            'alt' => $alt,
+        ], true));
+    }
+
+    private function getInlineSvg(SystemResourceInterface $svg): ?string
+    {
+        $cacheIdentifier = $this->packageDependentCacheIdentifier
+            ->withPrefix('LoginLogo')
+            ->withAdditionalHashedIdentifier((string)$svg)
+            ->toString();
+        if ($this->cache->has($cacheIdentifier)) {
+            return $this->cache->get($cacheIdentifier);
+        }
+
+        $svgContent = $this->parseSvg($svg);
+        $this->cache->set($cacheIdentifier, $svgContent);
+        return $svgContent;
+    }
+
+    private function parseSvg(SystemResourceInterface $svg): ?string
+    {
+        if (!str_ends_with($svg->getName(), '.svg')) {
+            return null;
+        }
+        try {
+            $svgContent = $svg->getContents();
+        } catch (SystemResourceDoesNotExistException) {
+            return null;
+        }
+
+        // SVG is sanitized, because login screen needs increased security precautions.
+        // Links are stripped so the rendered logo cannot contain clickable areas.
+        try {
+            $document = $this->svgDocumentFactory->fromStringAndSanitize($svgContent, true);
+        } catch (InvalidSvgException) {
+            return null;
+        }
+
+        // Logo is decorative; the login page has its own heading.
+        $document->documentElement->setAttribute('aria-hidden', 'true');
+        return $this->svgDocumentService->toInlineMarkup($document);
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/ViewHelpers/Mfa/IfHasStateViewHelper.php b/Classes/ViewHelpers/Mfa/IfHasStateViewHelper.php
new file mode 100644
index 0000000..3fd9e8d
--- /dev/null
+++ b/Classes/ViewHelpers/Mfa/IfHasStateViewHelper.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers\Mfa;
+
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderManifestInterface;
+use TYPO3\CMS\Core\Authentication\Mfa\MfaProviderPropertyManager;
+use TYPO3Fluid\Fluid\Core\Rendering\RenderingContextInterface;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractConditionViewHelper;
+
+/**
+ * ViewHelper to check if the given provider for the current user has the requested state set.
+ *
+ * ```
+ *   <be:mfa.ifHasState state="active" provider="{provider}">
+ *       ...
+ *   </be:mfa.ifHasState>
+ * ```
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-mfa-ifhasstate
+ * @internal
+ */
+final class IfHasStateViewHelper extends AbstractConditionViewHelper
+{
+    public function initializeArguments(): void
+    {
+        parent::initializeArguments();
+        $this->registerArgument('state', 'string', 'The state to check for (e.g. active or locked)', true);
+        $this->registerArgument('provider', MfaProviderManifestInterface::class, 'The provider in question', true);
+    }
+
+    /**
+     * @param array{state: string, provider: MfaProviderManifestInterface} $arguments
+     */
+    public static function verdict(array $arguments, RenderingContextInterface $renderingContext): bool
+    {
+        $stateMethod = 'is' . ucfirst($arguments['state']);
+        $provider = $arguments['provider'];
+        $propertyManager = MfaProviderPropertyManager::create($provider, $GLOBALS['BE_USER']);
+        return is_callable([$provider, $stateMethod]) && $provider->{$stateMethod}($propertyManager);
+    }
+}
diff --git a/Classes/ViewHelpers/ModuleLinkViewHelper.php b/Classes/ViewHelpers/ModuleLinkViewHelper.php
new file mode 100644
index 0000000..37d2f04
--- /dev/null
+++ b/Classes/ViewHelpers/ModuleLinkViewHelper.php
@@ -0,0 +1,71 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Utility\ArrayUtility;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractViewHelper;
+
+/**
+ * ViewHelper to create internal links within the backend.
+ *
+ * ```
+ *  <form action="{be:moduleLink(route:'pages_new', arguments:'{id:pageUid}')}" method="post">
+ *     <!-- form content -->
+ *  </form>
+ * ```
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-modulelink
+ */
+final class ModuleLinkViewHelper extends AbstractViewHelper
+{
+    public function __construct(
+        private readonly UriBuilder $uriBuilder
+    ) {}
+
+    public function initializeArguments(): void
+    {
+        $this->registerArgument('route', 'string', 'The route to link to', true);
+        $this->registerArgument('arguments', 'array', 'Additional link arguments (e.g. id or returnUrl)', false, []);
+        $this->registerArgument('query', 'string', 'Additional link arguments as string  (e.g. id or returnUrl)');
+        $this->registerArgument('currentUrlParameterName', 'string', 'Add current URL as given parameter');
+    }
+
+    /**
+     * Render module link with arguments
+     */
+    public function render(): string
+    {
+        $parameters = $this->arguments['arguments'];
+        if ($this->arguments['query'] !== null) {
+            ArrayUtility::mergeRecursiveWithOverrule($parameters, GeneralUtility::explodeUrl2Array($this->arguments['query']));
+        }
+        if (!empty($this->arguments['currentUrlParameterName'])
+            && empty($this->arguments['arguments'][$this->arguments['currentUrlParameterName']])
+            && $this->renderingContext->hasAttribute(ServerRequestInterface::class)
+        ) {
+            // If currentUrlParameterName is given and if that argument is not hand over yet, and if there is a request, fetch it from request
+            // @todo: We may want to deprecate fetching stuff from request and advise handing over a proper value as 'arguments' argument.
+            $request = $this->renderingContext->getAttribute(ServerRequestInterface::class);
+            $parameters[$this->arguments['currentUrlParameterName']] = $request->getAttribute('normalizedParams')->getRequestUri();
+        }
+        return (string)$this->uriBuilder->buildUriFromRoute($this->arguments['route'], $parameters);
+    }
+}
diff --git a/Classes/ViewHelpers/ThumbnailViewHelper.php b/Classes/ViewHelpers/ThumbnailViewHelper.php
new file mode 100644
index 0000000..ea765af
--- /dev/null
+++ b/Classes/ViewHelpers/ThumbnailViewHelper.php
@@ -0,0 +1,139 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers;
+
+use TYPO3\CMS\Core\Imaging\ImageManipulation\CropVariantCollection;
+use TYPO3\CMS\Core\Resource\Exception\ResourceDoesNotExistException;
+use TYPO3\CMS\Core\Resource\ProcessedFile;
+use TYPO3\CMS\Extbase\Service\ImageService;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractTagBasedViewHelper;
+use TYPO3Fluid\Fluid\Core\ViewHelper\Exception;
+use TYPO3Fluid\Fluid\Core\ViewHelper\InvalidArgumentValueException;
+
+/**
+ * ViewHelper for the backend which generates an `<img>` tag with the special URI to render thumbnails deferred.
+ *
+ * ```
+ *    <be:thumbnail image="{file.resource}" width="{thumbnail.width}" height="{thumbnail.height}" />
+ * ```
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-thumbnail
+ */
+final class ThumbnailViewHelper extends AbstractTagBasedViewHelper
+{
+    /**
+     * @var string
+     */
+    protected $tagName = 'img';
+
+    public function __construct(
+        private readonly ImageService $imageService
+    ) {
+        parent::__construct();
+    }
+
+    public function initializeArguments(): void
+    {
+        parent::initializeArguments();
+        $this->registerArgument('src', 'string', 'a path to a file, a combined FAL identifier or an uid (int). If $treatIdAsReference is set, the integer is considered the uid of the sys_file_reference record. If you already got a FAL object, consider using the $image parameter instead', false, '');
+        $this->registerArgument('treatIdAsReference', 'bool', 'given src argument is a sys_file_reference record', false, false);
+        $this->registerArgument('image', 'object', 'a FAL object (\\TYPO3\\CMS\\Core\\Resource\\File or \\TYPO3\\CMS\\Core\\Resource\\FileReference)');
+        $this->registerArgument('crop', 'string|bool', 'overrule cropping of image (setting to FALSE disables the cropping set in FileReference)');
+        $this->registerArgument('cropVariant', 'string', 'select a cropping variant, in case multiple croppings have been specified or stored in FileReference', false, 'default');
+
+        $this->registerArgument('width', 'string', 'width of the image. This can be a numeric value representing the fixed width of the image in pixels. But you can also perform simple calculations by adding "m" or "c" to the value. See imgResource.width for possible options.');
+        $this->registerArgument('height', 'string', 'height of the image. This can be a numeric value representing the fixed height of the image in pixels. But you can also perform simple calculations by adding "m" or "c" to the value. See imgResource.width for possible options.');
+        $this->registerArgument('minWidth', 'int', 'minimum width of the image');
+        $this->registerArgument('minHeight', 'int', 'minimum height of the image');
+        $this->registerArgument('maxWidth', 'int', 'maximum width of the image');
+        $this->registerArgument('maxHeight', 'int', 'maximum height of the image');
+        $this->registerArgument('context', 'string', 'context for image rendering', false, ProcessedFile::CONTEXT_IMAGEPREVIEW);
+    }
+
+    public function render(): string
+    {
+        if (($this->arguments['src'] === '' && $this->arguments['image'] === null) || ($this->arguments['src'] !== '' && $this->arguments['image'] !== null)) {
+            throw new InvalidArgumentValueException('You must either specify a string src or a File object.', 1533290762);
+        }
+
+        try {
+            $image = $this->imageService->getImage((string)$this->arguments['src'], $this->arguments['image'], (bool)$this->arguments['treatIdAsReference']);
+
+            $cropString = $this->arguments['crop'];
+            if ($cropString === null && $image->hasProperty('crop') && $image->getProperty('crop')) {
+                $cropString = $image->getProperty('crop');
+            }
+            $cropVariantCollection = CropVariantCollection::create((string)$cropString);
+            $cropVariant = $this->arguments['cropVariant'] ?: 'default';
+            $cropArea = $cropVariantCollection->getCropArea($cropVariant);
+            $processingInstructions = [];
+            if (!$cropArea->isEmpty()) {
+                $processingInstructions['crop'] = $cropArea->makeAbsoluteBasedOnFile($image);
+            }
+            foreach (['width', 'height', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight'] as $argument) {
+                if (!empty($this->arguments[$argument])) {
+                    $processingInstructions[$argument] = $this->arguments[$argument];
+                }
+            }
+
+            if (is_callable([$image, 'getOriginalFile'])) {
+                // Get the original file from the file reference
+                $image = $image->getOriginalFile();
+            }
+
+            $processedFile = $image->process($this->arguments['context'], $processingInstructions);
+            $imageUri = $processedFile->getPublicUrl();
+
+            if (!$this->tag->hasAttribute('data-focus-area')) {
+                $focusArea = $cropVariantCollection->getFocusArea($cropVariant);
+                if (!$focusArea->isEmpty()) {
+                    $this->tag->addAttribute('data-focus-area', (string)$focusArea->makeAbsoluteBasedOnFile($image));
+                }
+            }
+            $this->tag->addAttribute('src', $imageUri);
+            $this->tag->addAttribute('width', $processedFile->getProperty('width'));
+            $this->tag->addAttribute('height', $processedFile->getProperty('height'));
+
+            $alt = $image->getProperty('alternative');
+            $title = $image->getProperty('title');
+
+            // The alt-attribute is mandatory to have valid html-code, therefore add it even if it is empty
+            if (empty($this->additionalArguments['alt'])) {
+                $this->tag->addAttribute('alt', $alt);
+            }
+            if (empty($this->additionalArguments['title']) && $title) {
+                // Set title from image if not manually given as VH argument
+                $this->tag->addAttribute('title', $title);
+            }
+        } catch (ResourceDoesNotExistException $e) {
+            // thrown if file does not exist
+            throw new Exception($e->getMessage(), 1533294109, $e);
+        } catch (\UnexpectedValueException $e) {
+            // thrown if a file has been replaced with a folder
+            throw new Exception($e->getMessage(), 1533294113, $e);
+        } catch (\RuntimeException $e) {
+            // RuntimeException thrown if a file is outside of a storage
+            throw new Exception($e->getMessage(), 1533294116, $e);
+        } catch (\InvalidArgumentException $e) {
+            // thrown if file storage does not exist
+            throw new Exception($e->getMessage(), 1533294120, $e);
+        }
+
+        return $this->tag->render();
+    }
+}
diff --git a/Classes/ViewHelpers/Toolbar/AttributesViewHelper.php b/Classes/ViewHelpers/Toolbar/AttributesViewHelper.php
new file mode 100644
index 0000000..74976b8
--- /dev/null
+++ b/Classes/ViewHelpers/Toolbar/AttributesViewHelper.php
@@ -0,0 +1,61 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers\Toolbar;
+
+use TYPO3\CMS\Backend\Toolbar\ToolbarItemInterface;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractViewHelper;
+
+/**
+ * ViewHelper to build a "class" attribute string for use in rendered toolbar items.
+ *
+ * ```
+ *  <be:toolbar.attributes class="{someToolbarItemInterfaceInstance}" />
+ * ```
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-toolbar-attributes
+ * @internal
+ */
+final class AttributesViewHelper extends AbstractViewHelper
+{
+    public function initializeArguments(): void
+    {
+        $this->registerArgument('class', ToolbarItemInterface::class, 'Class being converted to a string for usage as id attribute', true);
+    }
+
+    public function render(): string
+    {
+        $additionalAttributes = [
+            'class' => 'toolbar-item dropdown',
+        ];
+        $toolbarItem = $this->arguments['class'] ?? null;
+        if ($toolbarItem instanceof ToolbarItemInterface) {
+            $additionalAttributes['class'] .= ' ' . ($toolbarItem->getAdditionalAttributes()['class'] ?? '');
+            $additionalAttributes['id'] = self::convertClassNameToIdAttribute(get_class($toolbarItem));
+        }
+        return GeneralUtility::implodeAttributes($additionalAttributes);
+    }
+
+    private static function convertClassNameToIdAttribute(string $fullyQualifiedClassName): string
+    {
+        $className = GeneralUtility::underscoredToLowerCamelCase($fullyQualifiedClassName);
+        $className = GeneralUtility::camelCaseToLowerCaseUnderscored($className);
+
+        return str_replace(['_', '\\'], '-', $className);
+    }
+}
diff --git a/Classes/ViewHelpers/Toolbar/IfHasDropdownViewHelper.php b/Classes/ViewHelpers/Toolbar/IfHasDropdownViewHelper.php
new file mode 100644
index 0000000..46a1f0c
--- /dev/null
+++ b/Classes/ViewHelpers/Toolbar/IfHasDropdownViewHelper.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers\Toolbar;
+
+use TYPO3\CMS\Backend\Toolbar\ToolbarItemInterface;
+use TYPO3Fluid\Fluid\Core\Rendering\RenderingContextInterface;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractConditionViewHelper;
+
+/**
+ * ViewHelper condition to checks whether a toolbar item provides a dropdown menu.
+ *
+ * ```
+ *  <be:toolbar.ifHasDropdown class="{toolbarItem}">
+ *      <f:then>...</f:then>
+ *      <f:else>...</f:else>
+ *  </be:toolbar.ifHasDropdown>
+ * ```
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-toolbar-ifhasdropdown
+ * @internal
+ */
+class IfHasDropdownViewHelper extends AbstractConditionViewHelper
+{
+    public function initializeArguments(): void
+    {
+        parent::initializeArguments();
+        $this->registerArgument('class', ToolbarItemInterface::class, 'The toolbar item class to be checked for providing a drop down', true);
+    }
+
+    /**
+     * @param array{class: object} $arguments
+     */
+    public static function verdict(array $arguments, RenderingContextInterface $renderingContext): bool
+    {
+        return $arguments['class'] instanceof ToolbarItemInterface && $arguments['class']->hasDropDown();
+    }
+}
diff --git a/Classes/ViewHelpers/Type/IsArrayViewHelper.php b/Classes/ViewHelpers/Type/IsArrayViewHelper.php
new file mode 100644
index 0000000..bade723
--- /dev/null
+++ b/Classes/ViewHelpers/Type/IsArrayViewHelper.php
@@ -0,0 +1,46 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers\Type;
+
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractViewHelper;
+
+/**
+ * ViewHelper to check whether the given value is an array.
+ *
+ * ```
+ *    <f:if condition="{be:type.isArray(value: myVariable)}">
+ *        <f:then>myVariable is an array</f:then>
+ *        <f:else>myVariable is not an array</f:else>
+ *    </f:if>
+ * ```
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-type-isarray
+ * @internal This experimental ViewHelper is not part of TYPO3 Core API and may change or vanish any time.
+ */
+final class IsArrayViewHelper extends AbstractViewHelper
+{
+    public function initializeArguments(): void
+    {
+        $this->registerArgument('value', 'mixed', 'The variable being checked', true);
+    }
+
+    public function render(): bool
+    {
+        return is_array($this->arguments['value']);
+    }
+}
diff --git a/Classes/ViewHelpers/TypoScript/FineDiffViewHelper.php b/Classes/ViewHelpers/TypoScript/FineDiffViewHelper.php
new file mode 100644
index 0000000..4c8c305
--- /dev/null
+++ b/Classes/ViewHelpers/TypoScript/FineDiffViewHelper.php
@@ -0,0 +1,50 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers\TypoScript;
+
+use TYPO3\CMS\Core\Utility\DiffUtility;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractViewHelper;
+
+/**
+ * ViewHelper to runs two strings through 'FineDiff' on word level.
+ *
+ * ```
+ *   <backend:typoScript.fineDiff from="{someTextChunkBefore}" to="{someTextChunkAfter}" />
+ * ```
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-typoscript-finediff
+ * @internal This experimental ViewHelper is not part of TYPO3 Core API and may change or vanish any time.
+ */
+final class FineDiffViewHelper extends AbstractViewHelper
+{
+    public function __construct(
+        private readonly DiffUtility $diffUtility
+    ) {}
+
+    public function initializeArguments(): void
+    {
+        parent::initializeArguments();
+        $this->registerArgument('from', 'string', 'Source string', true);
+        $this->registerArgument('to', 'string', 'Target string', true);
+    }
+
+    public function render(): string
+    {
+        return $this->diffUtility->diff($this->arguments['from'], $this->arguments['to']);
+    }
+}
diff --git a/Classes/ViewHelpers/Uri/EditRecordViewHelper.php b/Classes/ViewHelpers/Uri/EditRecordViewHelper.php
new file mode 100644
index 0000000..21fce63
--- /dev/null
+++ b/Classes/ViewHelpers/Uri/EditRecordViewHelper.php
@@ -0,0 +1,82 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers\Uri;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Routing\Exception\RouteNotFoundException;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractViewHelper;
+use TYPO3Fluid\Fluid\Core\ViewHelper\InvalidArgumentValueException;
+
+/**
+ * ViewHelper to provide edit links (only the URI) to records. The ViewHelper will
+ * pass the uid and table to FormEngine.
+ *
+ * The uid must be given as a positive integer.
+ * For new records, use `<be:uri.newRecord>`.
+ *
+ * ```
+ *    <be:uri.editRecord uid="42" table="pages" fields="title,subtitle" returnUrl="foo/bar" />
+ * ```
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-uri-editrecord
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-uri-newrecord
+ */
+final class EditRecordViewHelper extends AbstractViewHelper
+{
+    public function __construct(
+        private readonly UriBuilder $uriBuilder
+    ) {}
+
+    public function initializeArguments(): void
+    {
+        $this->registerArgument('uid', 'int', 'uid of record to be edited, 0 for creation', true);
+        $this->registerArgument('table', 'string', 'target database table', true);
+        $this->registerArgument('fields', 'string', 'Edit only these fields (comma separated list)');
+        $this->registerArgument('module', 'string', 'Set module identifier for context - marking as acitve when editing the record', false, '');
+        $this->registerArgument('returnUrl', 'string', 'return to this URL after closing the edit dialog', false, '');
+    }
+
+    /**
+     * @throws InvalidArgumentValueException
+     * @throws RouteNotFoundException
+     */
+    public function render(): string
+    {
+        if ($this->arguments['uid'] < 1) {
+            throw new InvalidArgumentValueException('Uid must be a positive integer, ' . $this->arguments['uid'] . ' given.', 1526128259);
+        }
+        $request = $this->renderingContext->hasAttribute(ServerRequestInterface::class)
+            ? $this->renderingContext->getAttribute(ServerRequestInterface::class) : null;
+        if (empty($this->arguments['returnUrl']) && $request !== null) {
+            $this->arguments['returnUrl'] = $request->getAttribute('normalizedParams')->getRequestUri();
+        }
+        $params = [
+            'edit' => [$this->arguments['table'] => [$this->arguments['uid'] => 'edit']],
+            'module' => ($this->arguments['module'] ?? '') ?: ($request?->getAttribute('module')?->getIdentifier() ?? ''),
+            'returnUrl' => $this->arguments['returnUrl'],
+        ];
+        if ($this->arguments['fields'] ?? false) {
+            $params['columnsOnly'] = [
+                $this->arguments['table'] => GeneralUtility::trimExplode(',', $this->arguments['fields'], true),
+            ];
+        }
+        return (string)$this->uriBuilder->buildUriFromRoute('record_edit', $params);
+    }
+}
diff --git a/Classes/ViewHelpers/Uri/NewRecordViewHelper.php b/Classes/ViewHelpers/Uri/NewRecordViewHelper.php
new file mode 100644
index 0000000..4b59160
--- /dev/null
+++ b/Classes/ViewHelpers/Uri/NewRecordViewHelper.php
@@ -0,0 +1,95 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\ViewHelpers\Uri;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Routing\Exception\RouteNotFoundException;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3Fluid\Fluid\Core\ViewHelper\AbstractTagBasedViewHelper;
+use TYPO3Fluid\Fluid\Core\ViewHelper\InvalidArgumentException;
+use TYPO3Fluid\Fluid\Core\ViewHelper\InvalidArgumentValueException;
+
+/**
+ * ViewHelper to provide 'create new record' links.
+ * The ViewHelper will pass the command to FormEngine.
+ *
+ * The `pid` argument will put the new record on this page, if ``0`` given it will
+ * be placed to the root page.
+ *
+ * The `uid` argument accepts only negative values. If this is given, the new
+ * record will be placed (by sorting field) behind the record with the uid.
+ * It will end up on the same pid as this given record, so the pid must not
+ * be given explicitly by pid argument.
+ *
+ * An exception will be thrown, if both uid and pid are given.
+ * An exception will be thrown, if the uid argument is not a negative integer.
+ *
+ * ```
+ *    <be:uri.newRecord table="a_table" returnUrl="foo/bar" uid="-17"/>
+ *    <be:uri.newRecord table="a_table" returnUrl="foo/bar" pid="17"/>
+ * ```
+ *
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-uri-newrecord
+ * @see https://docs.typo3.org/permalink/t3viewhelper:typo3-backend-uri-editrecord
+ */
+final class NewRecordViewHelper extends AbstractTagBasedViewHelper
+{
+    public function __construct(
+        private readonly UriBuilder $uriBuilder
+    ) {
+        parent::__construct();
+    }
+
+    public function initializeArguments(): void
+    {
+        $this->registerArgument('uid', 'int', 'uid < 0 will insert the record after the given uid');
+        $this->registerArgument('pid', 'int', 'the page id where the record will be created');
+        $this->registerArgument('table', 'string', 'target database table', true);
+        $this->registerArgument('module', 'string', 'Set module identifier for context - marking as acitve when editing the record', false, '');
+        $this->registerArgument('returnUrl', 'string', 'return to this URL after closing the edit dialog', false, '');
+        $this->registerArgument('defaultValues', 'array', 'default values for fields of the new record', false, []);
+    }
+
+    /**
+     * @throws InvalidArgumentException
+     * @throws RouteNotFoundException
+     */
+    public function render(): string
+    {
+        if ($this->arguments['uid'] && $this->arguments['pid']) {
+            throw new InvalidArgumentException('Can\'t handle both uid and pid for new records', 1526136338);
+        }
+        if (isset($this->arguments['uid']) && $this->arguments['uid'] >= 0) {
+            throw new InvalidArgumentValueException('Uid must be negative integer, ' . $this->arguments['uid'] . ' given', 1526136362);
+        }
+        $request = $this->renderingContext->hasAttribute(ServerRequestInterface::class)
+            ? $this->renderingContext->getAttribute(ServerRequestInterface::class) : null;
+        if (empty($this->arguments['returnUrl']) && $request !== null) {
+            $this->arguments['returnUrl'] = $request->getAttribute('normalizedParams')->getRequestUri();
+        }
+        $params = [
+            'edit' => [$this->arguments['table'] => [$this->arguments['uid'] ?? $this->arguments['pid'] ?? 0 => 'new']],
+            'module' => ($this->arguments['module'] ?? '') ?: ($request?->getAttribute('module')?->getIdentifier() ?? ''),
+            'returnUrl' => $this->arguments['returnUrl'],
+        ];
+        if ($this->arguments['defaultValues']) {
+            $params['defVals'] = $this->arguments['defaultValues'];
+        }
+        return (string)$this->uriBuilder->buildUriFromRoute('record_edit', $params);
+    }
+}
diff --git a/Classes/Wizard/DTO/Configuration.php b/Classes/Wizard/DTO/Configuration.php
new file mode 100644
index 0000000..9da0214
--- /dev/null
+++ b/Classes/Wizard/DTO/Configuration.php
@@ -0,0 +1,70 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Wizard\DTO;
+
+/**
+ * DTO for wizard configuration holding all steps.
+ * Used in WizardProviderInterface::getConfiguration() when dynamically loading wizard steps.
+ *
+ * @internal
+ */
+final readonly class Configuration implements \JsonSerializable
+{
+    /**
+     * @param Step[] $steps
+     */
+    private function __construct(private array $steps)
+    {
+        foreach ($steps as $step) {
+            if (!$step instanceof Step) {
+                throw new \InvalidArgumentException(
+                    sprintf(
+                        'All elements of $steps must be instances of WizardStepDTO, got %s',
+                        get_debug_type($step)
+                    ),
+                    1772114103
+                );
+            }
+        }
+
+    }
+
+    /**
+     * @return Step[]
+     */
+    public function getSteps(): array
+    {
+        return $this->steps;
+    }
+
+    /**
+     * @param Step[] $steps
+     * @return self
+     */
+    public static function create(array $steps): self
+    {
+        return new self($steps);
+    }
+
+    public function jsonSerialize(): mixed
+    {
+        return [
+            'steps' => array_map(fn(Step $step) => $step->jsonSerialize(), $this->steps),
+        ];
+    }
+}
diff --git a/Classes/Wizard/DTO/Finisher.php b/Classes/Wizard/DTO/Finisher.php
new file mode 100644
index 0000000..34960ef
--- /dev/null
+++ b/Classes/Wizard/DTO/Finisher.php
@@ -0,0 +1,106 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Wizard\DTO;
+
+/**
+ * DTO for a wizard finisher, representing the action after submitting wizard data.
+ * Used in WizardProviderInterface::handleSubmit() when handling wizard submit.
+ *
+ * @internal
+ */
+final readonly class Finisher implements \JsonSerializable
+{
+    private function __construct(
+        private string $identifier,
+        private string $module,
+        private string $successTitle,
+        private string $successMessage,
+        private array $data = []
+    ) {}
+
+    public function withResetButton(string $resetButtonLabel): self
+    {
+        $newData = $this->data;
+        $newData['resetButtonTitle'] = $resetButtonLabel;
+
+        // Return a new instance with the updated data
+        return new self(
+            identifier: $this->identifier,
+            module: $this->module,
+            successTitle: $this->successTitle,
+            successMessage: $this->successMessage,
+            data: $newData
+        );
+    }
+
+    public function jsonSerialize(): mixed
+    {
+        return [
+            'identifier' => $this->identifier,
+            'module' => $this->module,
+            'data' => $this->data,
+            'labels' => [
+                'successTitle' => $this->successTitle,
+                'successDescription' => $this->successMessage,
+            ],
+        ];
+    }
+
+    public static function createRedirectFinisher(string $url, string $successTitle, string $successMessage): self
+    {
+        return new self(
+            identifier: 'redirect',
+            module: '@typo3/backend/wizard/finisher/redirect-finisher.js',
+            successTitle: $successTitle,
+            successMessage: $successMessage,
+            data: [
+                'url' => $url,
+            ]
+        );
+    }
+
+    public static function createNoopFinisher(string $successTitle, string $successMessage): self
+    {
+        return new self(
+            identifier: 'noop',
+            module: '@typo3/backend/wizard/finisher/noop-finisher.js',
+            successTitle: $successTitle,
+            successMessage: $successMessage,
+        );
+    }
+
+    public static function createReloadFinisher(string $successTitle, string $successMessage): self
+    {
+        return new self(
+            identifier: 'reload',
+            module: '@typo3/backend/wizard/finisher/reload-finisher.js',
+            successTitle: $successTitle,
+            successMessage: $successMessage,
+        );
+    }
+
+    public static function createCustomFinisher(
+        string $identifier,
+        string $module,
+        string $successTitle,
+        string $successMessage,
+        array $data = []
+    ): self {
+        return new self($identifier, $module, $successTitle, $successMessage, $data);
+    }
+}
diff --git a/Classes/Wizard/DTO/Step.php b/Classes/Wizard/DTO/Step.php
new file mode 100644
index 0000000..dafc0ba
--- /dev/null
+++ b/Classes/Wizard/DTO/Step.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Wizard\DTO;
+
+/**
+ * DTO for a single wizard step with module and configuration data.
+ * Used in WizardProviderInterface::getConfiguration() when dynamically loading wizard steps.
+ *
+ * @internal
+ */
+final class Step implements \JsonSerializable
+{
+    private array $configurationData = [];
+
+    private function __construct(private readonly string $module) {}
+
+    public function jsonSerialize(): mixed
+    {
+        return [
+            'module' => $this->module,
+            'configurationData' => $this->configurationData,
+        ];
+    }
+
+    public static function create(string $module): self
+    {
+        return new self($module);
+    }
+
+    public function withConfigurationData(array $configurationData): self
+    {
+        $new = clone $this;
+        $new->configurationData = $configurationData;
+
+        return $new;
+    }
+}
diff --git a/Classes/Wizard/DTO/SubmissionResult.php b/Classes/Wizard/DTO/SubmissionResult.php
new file mode 100644
index 0000000..db9d58c
--- /dev/null
+++ b/Classes/Wizard/DTO/SubmissionResult.php
@@ -0,0 +1,70 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Wizard\DTO;
+
+/**
+ * DTO for the result of submitting wizard data, including success state, errors, and optional finisher.
+ * Used in WizardProviderInterface::handleSubmit() when returning the outcome of a wizard submission.
+ *
+ * @internal
+ */
+final readonly class SubmissionResult implements \JsonSerializable
+{
+    private function __construct(
+        private bool $success = true,
+        private ?Finisher $finisher = null,
+        private array $errors = []
+    ) {}
+
+    public function jsonSerialize(): mixed
+    {
+        $data = [
+            'success' => $this->success,
+        ];
+
+        if ($this->finisher !== null) {
+            $data['finisher'] = $this->finisher->jsonSerialize();
+        }
+
+        if (!empty($this->errors)) {
+            $data['errors'] = $this->errors;
+        }
+
+        return $data;
+    }
+
+    public static function createSuccessResult(
+        Finisher $finisher
+    ): self {
+        return new self(
+            success: true,
+            finisher: $finisher
+        );
+    }
+
+    /**
+     * @param string[] $errors
+     */
+    public static function createErrorResult(array $errors): self
+    {
+        return new self(
+            success: false,
+            errors: $errors
+        );
+    }
+}
diff --git a/Classes/Wizard/PageWizardProvider.php b/Classes/Wizard/PageWizardProvider.php
new file mode 100644
index 0000000..26e9c10
--- /dev/null
+++ b/Classes/Wizard/PageWizardProvider.php
@@ -0,0 +1,110 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Wizard;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\AsTaggedItem;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Utility\BackendUtility;
+use TYPO3\CMS\Backend\Wizard\DTO\Configuration;
+use TYPO3\CMS\Backend\Wizard\DTO\Finisher;
+use TYPO3\CMS\Backend\Wizard\DTO\Step;
+use TYPO3\CMS\Backend\Wizard\DTO\SubmissionResult;
+use TYPO3\CMS\Core\DataHandling\DataHandler;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+
+#[AsTaggedItem(index: 'page_wizard')]
+class PageWizardProvider implements WizardProviderInterface
+{
+    public function __construct(
+        private UriBuilder $uriBuilder,
+        private PageWizardStepBuilder $stepFactory,
+    ) {}
+
+    public function getConfiguration(ServerRequestInterface $serverRequest): Configuration
+    {
+        if (!isset($serverRequest->getQueryParams()['data']['doktype'])) {
+            return Configuration::create([
+                Step::create('@typo3/backend/page-wizard/steps/form-engine-step.js')
+                    ->withConfigurationData([
+                        'title' => 'Error',
+                        'key' => 'error',
+                        'html' => 'Invalid wizard submission!',
+                    ]),
+            ]);
+        }
+
+        $doktype = $serverRequest->getQueryParams()['data']['doktype'];
+        $position = $serverRequest->getQueryParams()['data']['position'] ?? [];
+        $pageUid = (int)($position['pageUid'] ?? 0);
+        $insertPosition = $position['insertPosition'] ?? 'inside';
+        $parentPageUid = $insertPosition === 'inside'
+            ? $pageUid
+            : (int)(BackendUtility::getRecord('pages', $pageUid, 'pid')['pid'] ?? 0);
+        $steps = $this->stepFactory->getStepsForDokType($doktype, $parentPageUid, $serverRequest);
+        return Configuration::create($steps);
+    }
+
+    public function handleSubmit(ServerRequestInterface $serverRequest): SubmissionResult
+    {
+        $params = $serverRequest->getParsedBody();
+
+        try {
+            $pageData = $params['data']['pages'] ?? throw new \InvalidArgumentException('No data was submitted.', 1774432979);
+            $newPageIdPlaceholder = key($pageData);
+            $dataMap['pages'] = $pageData;
+            // set doktype and pid manually as they are no native formengine fields
+            $pageUid = (int)($params['position']['pageUid'] ?? throw new \InvalidArgumentException('Page position is not set', 1774433001));
+            $insertPosition = $params['position']['insertPosition'] ?? 'inside';
+            // DataHandler convention: a negative pid inserts the record after the record whose uid equals abs(pid).
+            $dataMap['pages'][$newPageIdPlaceholder]['pid'] = $insertPosition === 'after' ? -$pageUid : $pageUid;
+            $dataMap['pages'][$newPageIdPlaceholder]['doktype'] = (string)($params['doktype'] ?? throw new \InvalidArgumentException('Doktype is not set', 1774433002));
+        } catch (\InvalidArgumentException $e) {
+            return SubmissionResult::createErrorResult([$e->getMessage()]);
+        }
+
+        $dataHandler = GeneralUtility::makeInstance(DataHandler::class);
+        $dataHandler->start($dataMap, []);
+        $dataHandler->process_datamap();
+
+        if ($dataHandler->errorLog !== []) {
+            return SubmissionResult::createErrorResult(
+                $dataHandler->errorLog,
+            );
+        }
+        $newPageUid = $dataHandler->substNEWwithIDs[$newPageIdPlaceholder] ?? null;
+
+        $redirectUrl = (string)$this->uriBuilder->buildUriFromRoute('web_layout', [
+            'id' => $newPageUid,
+        ]);
+
+        return SubmissionResult::createSuccessResult(
+            Finisher::createRedirectFinisher(
+                $redirectUrl,
+                $this->getLanguageService()->translate('page_wizard.success.title', 'backend.wizards.page'),
+                $this->getLanguageService()->translate('page_wizard.success.description', 'backend.wizards.page'),
+            )->withResetButton($this->getLanguageService()->translate('page_wizard.button.create_another_page', 'backend.wizards.page'))
+        );
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Wizard/PageWizardStepBuilder.php b/Classes/Wizard/PageWizardStepBuilder.php
new file mode 100644
index 0000000..1222fd5
--- /dev/null
+++ b/Classes/Wizard/PageWizardStepBuilder.php
@@ -0,0 +1,163 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Wizard;
+
+use Psr\Http\Message\ServerRequestInterface;
+use TYPO3\CMS\Backend\Form\FormDataCompiler;
+use TYPO3\CMS\Backend\Form\FormDataGroup\TcaDatabaseRecord;
+use TYPO3\CMS\Backend\Form\FormResultFactory;
+use TYPO3\CMS\Backend\Form\NodeFactory;
+use TYPO3\CMS\Backend\Routing\UriBuilder;
+use TYPO3\CMS\Backend\Wizard\DTO\Step;
+use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+use TYPO3\CMS\Core\Schema\Exception\UndefinedSchemaException;
+use TYPO3\CMS\Core\Schema\Field\FieldCollection;
+use TYPO3\CMS\Core\Schema\Field\FieldTypeInterface;
+use TYPO3\CMS\Core\Schema\Struct\WizardStep;
+use TYPO3\CMS\Core\Schema\TcaSchema;
+use TYPO3\CMS\Core\Schema\TcaSchemaFactory;
+use TYPO3\CMS\Core\Utility\GeneralUtility;
+use TYPO3\CMS\Core\Utility\StringUtility;
+
+/**
+ * @internal This is not a public API method, do not use in own extensions
+ */
+final readonly class PageWizardStepBuilder
+{
+    public function __construct(
+        private TcaSchemaFactory $tcaSchemaFactory,
+        private UriBuilder $uriBuilder,
+        private NodeFactory $nodeFactory,
+        private FormResultFactory $formResultFactory,
+        private FormDataCompiler $formDataCompiler,
+    ) {}
+
+    /**
+     * @throws UndefinedSchemaException
+     */
+    public function getStepsForDokType(string $dokType, int $pageUid, ServerRequestInterface $serverRequest): array
+    {
+        $steps = [];
+        $dokTypeSchema = $this->getSchemaForDokType($dokType);
+        $requiredFields = $dokTypeSchema->getFields(fn(FieldTypeInterface $field) => $field->isRequired())->getNames();
+        $newId = StringUtility::getUniqueId('NEW');
+
+        foreach ($dokTypeSchema->getWizardSteps() as $wizardStep) {
+            $requiredFields = array_diff($requiredFields, $wizardStep->getFields()->getNames());
+            $formData = $this->getFormData($serverRequest, $dokType, $pageUid, $wizardStep, $newId);
+            $steps[] = $this->buildStep($wizardStep, $formData);
+        }
+
+        if ($requiredFields !== []) {
+            $requiredStep = new WizardStep('requiredFields', $this->getLanguageService()->sL('core.wizard:wizard.step.required'), $this->getFieldCollection($requiredFields, $dokTypeSchema));
+            $formData = $this->getFormData($serverRequest, $dokType, $pageUid, $requiredStep, $newId);
+
+            $visibleRequiredFields = array_intersect($requiredFields, array_keys($formData['processedTca']['columns'] ?? []));
+            if ($visibleRequiredFields !== []) {
+                $steps[] = $this->buildStep($requiredStep, $formData);
+            }
+        }
+
+        return $steps;
+    }
+
+    private function buildStep(WizardStep $wizardStep, array $formData): Step
+    {
+        $formResult = $this->nodeFactory->create($formData)->render();
+        $formResult = $this->formResultFactory->create($formResult);
+
+        return Step::create('@typo3/backend/page-wizard/steps/form-engine-step.js')
+            ->withConfigurationData([
+                'title' => $this->getLanguageService()->sL($wizardStep->getTitle()),
+                'key' => $wizardStep->getIdentifier(),
+                'html' => '<form name="editform">' . $formResult->html . '<input type="submit" hidden></form>',
+                'modules' => [
+                    JavaScriptModuleInstruction::create('@typo3/backend/form-engine.js')
+                        ->invoke(
+                            'initialize',
+                            (string)$this->uriBuilder->buildUriFromRoute('wizard_element_browser')
+                        ),
+                    ...$formResult->javaScriptModules,
+                ],
+                'labels' => $this->getLabelsForFields($formData),
+            ]);
+    }
+
+    private function getFormData(ServerRequestInterface $serverRequest, string $doktype, int $pid, WizardStep $wizardStep, string $newId): array
+    {
+        $fieldList = implode(',', $wizardStep->getFields()->getNames());
+
+        $formDataCompilerInput = [
+            'request' => $serverRequest,
+            'tableName' => 'pages',
+            'recordTypeValue' => $doktype,
+            'command' => 'new',
+            'vanillaUid' => $pid,
+            'processedTca' => $GLOBALS['TCA']['pages'],
+            'databaseRow' => [
+                'uid' => $newId,
+            ],
+        ];
+        $formDataCompilerInput['processedTca']['types'][$doktype]['showitem'] = $fieldList;
+
+        $formData = $this->formDataCompiler->compile($formDataCompilerInput, GeneralUtility::makeInstance(TcaDatabaseRecord::class));
+        $formData['renderType'] = 'listOfFieldsContainer';
+        $formData['fieldListToRender'] = $fieldList;
+        return $formData;
+    }
+
+    private function getFieldCollection(array $fieldNames, TcaSchema $tcaSchema): FieldCollection
+    {
+        $fields = [];
+        foreach ($fieldNames as $fieldName) {
+            $fields[$fieldName] = $tcaSchema->getField($fieldName);
+        }
+        return new FieldCollection($fields);
+    }
+
+    private function getLabelsForFields(array $formData): array
+    {
+        $labels = [];
+        $processedFields = $formData['processedTca']['columns'] ?? [];
+
+        foreach ($processedFields as $fieldName => $fieldConfiguration) {
+            $labels[$fieldName] = $fieldConfiguration['label'] ?? '';
+        }
+
+        return $labels;
+    }
+
+    /**
+     * @throws UndefinedSchemaException
+     * @throws \RuntimeException
+     */
+    private function getSchemaForDokType(string $dokType): TcaSchema
+    {
+        $tcaSchema = $this->tcaSchemaFactory->get('pages');
+        if (!$tcaSchema->hasSubSchema($dokType)) {
+            throw new \RuntimeException('Requested doktype is missing.', 1773673880);
+        }
+        return $tcaSchema->getSubSchema($dokType);
+    }
+
+    private function getLanguageService(): LanguageService
+    {
+        return $GLOBALS['LANG'];
+    }
+}
diff --git a/Classes/Wizard/WizardProviderInterface.php b/Classes/Wizard/WizardProviderInterface.php
new file mode 100644
index 0000000..a8aac8c
--- /dev/null
+++ b/Classes/Wizard/WizardProviderInterface.php
@@ -0,0 +1,39 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Wizard;
+
+use Psr\Http\Message\ServerRequestInterface;
+use Symfony\Component\DependencyInjection\Attribute\AutoconfigureTag;
+use TYPO3\CMS\Backend\Wizard\DTO\Configuration;
+use TYPO3\CMS\Backend\Wizard\DTO\SubmissionResult;
+
+/**
+ * Interface for wizard providers.
+ *
+ * Use `Symfony\Component\DependencyInjection\Attribute\AsTaggedItem` attribute to define
+ * the wizard identifier.
+ *
+ * @internal
+ */
+#[AutoconfigureTag('backend.wizard.provider')]
+interface WizardProviderInterface
+{
+    public function getConfiguration(ServerRequestInterface $serverRequest): Configuration;
+
+    public function handleSubmit(ServerRequestInterface $serverRequest): SubmissionResult;
+}
diff --git a/Classes/Wizard/WizardProviderRegistry.php b/Classes/Wizard/WizardProviderRegistry.php
new file mode 100644
index 0000000..be538d4
--- /dev/null
+++ b/Classes/Wizard/WizardProviderRegistry.php
@@ -0,0 +1,45 @@
+<?php
+
+declare(strict_types=1);
+
+/*
+ * 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!
+ */
+
+namespace TYPO3\CMS\Backend\Wizard;
+
+use Symfony\Component\DependencyInjection\Attribute\AutowireLocator;
+use Symfony\Component\DependencyInjection\ServiceLocator;
+
+/**
+ * @internal
+ */
+final readonly class WizardProviderRegistry
+{
+    /**
+     * @param ServiceLocator<WizardProviderInterface> $wizardProviders
+     */
+    public function __construct(
+        #[AutowireLocator(
+            services: 'backend.wizard.provider',
+        )]
+        private ServiceLocator $wizardProviders,
+    ) {}
+
+    public function getProvider(string $identifier): WizardProviderInterface
+    {
+        if (!$this->wizardProviders->has($identifier)) {
+            throw new \RuntimeException('WizardProvider "' . $identifier . '" not found', 1772114079);
+        }
+        return $this->wizardProviders->get($identifier);
+    }
+}
diff --git a/Configuration/Backend/AjaxRoutes.php b/Configuration/Backend/AjaxRoutes.php
new file mode 100644
index 0000000..2f752f0
--- /dev/null
+++ b/Configuration/Backend/AjaxRoutes.php
@@ -0,0 +1,555 @@
+<?php
+
+use TYPO3\CMS\Backend\Controller;
+use TYPO3\CMS\Backend\Security\SudoMode\Access\AccessLifetime;
+
+/**
+ * Definitions for routes provided by EXT:backend
+ * Contains all AJAX-based routes for entry points
+ *
+ * Currently the "access" property is only used so no token creation + validation is made
+ * but will be extended further.
+ */
+return [
+
+    // Rename resource
+    'resource_rename' => [
+        'path' => '/resource/rename',
+        'methods' => ['POST'],
+        'target' => Controller\Resource\ResourceController::class . '::renameResourceAction',
+        'inheritAccessFromModule' => 'media_management',
+    ],
+
+    // Gather resource information
+    'resource_gather' => [
+        'path' => '/resource/gather',
+        'methods' => ['GET'],
+        'target' => Controller\Resource\ResourceController::class . '::gatherInformationAction',
+        'inheritAccessFromModule' => 'media_management',
+    ],
+
+    // Replace resource
+    'resource_replace' => [
+        'path' => '/resource/replace',
+        'methods' => ['POST'],
+        'target' => Controller\Resource\ResourceController::class . '::replaceResourceAction',
+        'inheritAccessFromModule' => 'media_management',
+    ],
+
+    // Link resource
+    'link_resource' => [
+        'path' => '/link/resource',
+        'methods' => ['POST'],
+        'target' => Controller\LinkController::class . '::resourceAction',
+    ],
+
+    // File processing
+    'file_process' => [
+        'path' => '/file/process',
+        'target' => Controller\File\FileController::class . '::processAjaxRequest',
+        'inheritAccessFromModule' => 'media_management',
+    ],
+
+    // Check if file exists
+    'file_exists' => [
+        'path' => '/file/exists',
+        'target' => Controller\File\FileController::class . '::fileExistsInFolderAction',
+        'inheritAccessFromModule' => 'media_management',
+    ],
+
+    // Get details of a file reference in FormEngine
+    'file_reference_details' => [
+        'path' => '/file/reference/details',
+        'target' => Controller\FormFilesAjaxController::class . '::detailsAction',
+    ],
+
+    // Create a new file reference in FormEngine
+    'file_reference_create' => [
+        'path' => '/file/reference/create',
+        'methods' => ['POST'],
+        'target' => Controller\FormFilesAjaxController::class . '::createAction',
+    ],
+
+    // Synchronize localization of a file reference in FormEngine
+    'file_reference_synchronizelocalize' => [
+        'path' => '/file/reference/synchronizelocalize',
+        'methods' => ['POST'],
+        'target' => Controller\FormFilesAjaxController::class . '::synchronizeLocalizeAction',
+    ],
+
+    // Expand / Collapse a file reference in FormEngine
+    'file_reference_expandcollapse' => [
+        'path' => '/file/reference/expandcollapse',
+        'methods' => ['POST'],
+        'target' => Controller\FormFilesAjaxController::class . '::expandOrCollapseAction',
+    ],
+
+    // Get record details of a child record in IRRE
+    'record_inline_details' => [
+        'path' => '/record/inline/details',
+        'target' => Controller\FormInlineAjaxController::class . '::detailsAction',
+    ],
+
+    // Create new inline element
+    'record_inline_create' => [
+        'path' => '/record/inline/create',
+        'target' => Controller\FormInlineAjaxController::class . '::createAction',
+    ],
+
+    // Synchronize localization
+    'record_inline_synchronizelocalize' => [
+        'path' => '/record/inline/synchronizelocalize',
+        'target' => Controller\FormInlineAjaxController::class . '::synchronizeLocalizeAction',
+    ],
+
+    // Expand / Collapse inline record
+    'record_inline_expandcollapse' => [
+        'path' => '/record/inline/expandcollapse',
+        'target' => Controller\FormInlineAjaxController::class . '::expandOrCollapseAction',
+    ],
+
+    // Site configuration inline create route
+    'site_configuration_inline_create' => [
+        'path' => '/siteconfiguration/inline/create',
+        'target' => Controller\SiteInlineAjaxController::class . '::newInlineChildAction',
+        'inheritAccessFromModule' => 'site_configuration',
+    ],
+
+    // Validate slug input
+    'record_slug_suggest' => [
+        'path' => '/record/slug/suggest',
+        'target' => Controller\FormSlugAjaxController::class . '::suggestAction',
+    ],
+
+    // Site configuration inline open existing "record" route
+    'site_configuration_inline_details' => [
+        'path' => '/siteconfiguration/inline/details',
+        'target' => Controller\SiteInlineAjaxController::class . '::openInlineChildAction',
+        'inheritAccessFromModule' => 'site_configuration',
+    ],
+
+    // Add a flex form section container
+    'record_flex_container_add' => [
+        'path' => '/record/flex/containeradd',
+        'target' => Controller\FormFlexAjaxController::class . '::containerAdd',
+    ],
+
+    // FormEngine suggest wizard result generator
+    'record_suggest' => [
+        'path' => '/wizard/suggest/search',
+        'target' => \TYPO3\CMS\Backend\Controller\Wizard\SuggestWizardController::class . '::searchAction',
+    ],
+
+    // Fetch the tree-structured data from a record for the tree selection
+    'record_tree_data' => [
+        'path' => '/record/tree/fetchData',
+        'target' => Controller\FormSelectTreeAjaxController::class . '::fetchDataAction',
+    ],
+
+    // Get data for page tree
+    'page_tree_data' => [
+        'path' => '/page/tree/fetchData',
+        'target' => Controller\Page\TreeController::class . '::fetchDataAction',
+    ],
+
+    // Get rootline for page tree
+    'page_tree_rootline' => [
+        'path' => '/page/tree/fetchRootline',
+        'target' => Controller\Page\TreeController::class . '::fetchRootlineAction',
+    ],
+
+    // Get data for page tree
+    'page_tree_filter' => [
+        'path' => '/page/tree/filterData',
+        'target' => Controller\Page\TreeController::class . '::filterDataAction',
+    ],
+
+    // Get page tree configuration
+    'page_tree_configuration' => [
+        'path' => '/page/tree/fetchConfiguration',
+        'target' => Controller\Page\TreeController::class . '::fetchConfigurationAction',
+    ],
+
+    // Get page tree configuration for element browser and link handler
+    'page_tree_browser_configuration' => [
+        'path' => '/browser/page/tree/fetchConfiguration',
+        'target' => Controller\Page\TreeController::class . '::fetchReadOnlyConfigurationAction',
+    ],
+
+    // Set temporary mount point
+    'page_tree_set_temporary_mount_point' => [
+        'path' => '/page/tree/setTemporaryMountPoint',
+        'target' => Controller\Page\TreeController::class . '::setTemporaryMountPointAction',
+    ],
+
+    // Get data for file storage tree
+    'filestorage_tree_data' => [
+        'path' => '/filestorage/tree/fetchData',
+        'methods' => ['GET'],
+        'target' => Controller\FileStorage\TreeController::class . '::fetchDataAction',
+    ],
+
+    // Get rootline for file storage tree
+    'filestorage_tree_rootline' => [
+        'path' => '/filestorage/tree/fetchRootline',
+        'target' => Controller\FileStorage\TreeController::class . '::fetchRootlineAction',
+    ],
+
+    // Get filtered data for filestorage tree
+    'filestorage_tree_filter' => [
+        'path' => '/filestorage/tree/filterData',
+        'methods' => ['GET'],
+        'target' => Controller\FileStorage\TreeController::class . '::filterDataAction',
+    ],
+
+    // Bookmark management API
+    'bookmark_list' => [
+        'path' => '/bookmark/list',
+        'methods' => ['GET'],
+        'target' => Controller\BookmarkController::class . '::listAction',
+    ],
+    'bookmark_create' => [
+        'path' => '/bookmark/create',
+        'methods' => ['POST'],
+        'target' => Controller\BookmarkController::class . '::createAction',
+    ],
+    'bookmark_update' => [
+        'path' => '/bookmark/update',
+        'methods' => ['POST'],
+        'target' => Controller\BookmarkController::class . '::updateAction',
+    ],
+    'bookmark_delete' => [
+        'path' => '/bookmark/delete',
+        'methods' => ['POST'],
+        'target' => Controller\BookmarkController::class . '::deleteAction',
+    ],
+    'bookmark_reorder' => [
+        'path' => '/bookmark/reorder',
+        'methods' => ['POST'],
+        'target' => Controller\BookmarkController::class . '::reorderAction',
+    ],
+    'bookmark_delete_multiple' => [
+        'path' => '/bookmark/delete-multiple',
+        'methods' => ['POST'],
+        'target' => Controller\BookmarkController::class . '::deleteMultipleAction',
+    ],
+    'bookmark_move' => [
+        'path' => '/bookmark/move',
+        'methods' => ['POST'],
+        'target' => Controller\BookmarkController::class . '::moveAction',
+    ],
+
+    // Bookmark group management
+    'bookmark_group_create' => [
+        'path' => '/bookmark/group/create',
+        'methods' => ['POST'],
+        'target' => Controller\BookmarkController::class . '::createGroupAction',
+    ],
+    'bookmark_group_update' => [
+        'path' => '/bookmark/group/update',
+        'methods' => ['POST'],
+        'target' => Controller\BookmarkController::class . '::updateGroupAction',
+    ],
+    'bookmark_group_delete' => [
+        'path' => '/bookmark/group/delete',
+        'methods' => ['POST'],
+        'target' => Controller\BookmarkController::class . '::deleteGroupAction',
+    ],
+    'bookmark_group_reorder' => [
+        'path' => '/bookmark/group/reorder',
+        'methods' => ['POST'],
+        'target' => Controller\BookmarkController::class . '::reorderGroupsAction',
+    ],
+
+    // Flush caches from the clear cache toolbar item
+    'clearcache_group_pages' => [
+        'path' => '/cache/group/pages/flush',
+        'methods' => ['POST'],
+        'target' => Controller\ClearCacheController::class . '::flushCacheGroupPagesAction',
+    ],
+    'clearcache_group_all' => [
+        'path' => '/cache/group/all/flush',
+        'methods' => ['POST'],
+        'target' => Controller\ClearCacheController::class . '::flushCacheGroupAllAction',
+    ],
+    'clearcache_page' => [
+        'path' => '/cache/page/flush',
+        'methods' => ['POST'],
+        'target' => Controller\ClearCacheController::class . '::flushCachePageAction',
+    ],
+
+    // Render systeminformation toolbar item
+    'systeminformation_render' => [
+        'path' => '/system-information/render',
+        'target' => \TYPO3\CMS\Backend\Controller\SystemInformationController::class . '::renderMenuAction',
+        'parameters' => [
+            'skipSessionUpdate' => 1,
+        ],
+    ],
+
+    // Reload the module menu
+    'modulemenu' => [
+        'path' => '/module-menu',
+        'target' => Controller\BackendController::class . '::getModuleMenu',
+    ],
+    'topbar' => [
+        'path' => '/topbar',
+        'target' => Controller\BackendController::class . '::getTopbar',
+    ],
+
+    // Log in into backend
+    'login' => [
+        'path' => '/login',
+        'target' => \TYPO3\CMS\Backend\Controller\AjaxLoginController::class . '::loginAction',
+        'access' => 'public',
+    ],
+
+    // Log out from backend
+    'logout' => [
+        'path' => '/logout',
+        'target' => \TYPO3\CMS\Backend\Controller\AjaxLoginController::class . '::logoutAction',
+        'access' => 'public',
+    ],
+
+    // Preflight check for login form
+    'login_preflight' => [
+        'path' => '/login/preflight',
+        'target' => \TYPO3\CMS\Backend\Controller\AjaxLoginController::class . '::preflightAction',
+        'access' => 'public',
+    ],
+
+    // Refresh login of backend
+    'login_refresh' => [
+        'path' => '/login/refresh',
+        'target' => \TYPO3\CMS\Backend\Controller\AjaxLoginController::class . '::refreshAction',
+    ],
+
+    // Check if backend session has timed out
+    'login_timedout' => [
+        'path' => '/login/timedout',
+        'target' => \TYPO3\CMS\Backend\Controller\AjaxLoginController::class . '::isTimedOutAction',
+        'access' => 'public',
+        'parameters' => [
+            'skipSessionUpdate' => 1,
+        ],
+    ],
+
+    // Switch user
+    'switch_user' => [
+        'path' => '/switch/user',
+        'methods' => ['POST'],
+        'target' => Controller\SwitchUserController::class . '::switchUserAction',
+    ],
+    'switch_user_exit' => [
+        'path' => '/switch/user/exit',
+        'methods' => ['POST'],
+        'target' => Controller\SwitchUserController::class . '::exitSwitchUserAction',
+    ],
+
+    // Multi-factor authentication configuration
+    'mfa' => [
+        'path' => '/mfa',
+        'target' => Controller\MfaAjaxController::class . '::handleRequest',
+        'sudoMode' => [
+            'group' => 'mfa',
+            'lifetime' => AccessLifetime::medium,
+        ],
+    ],
+
+    // Load context menu for
+    'contextmenu' => [
+        'path' => '/context-menu',
+        'target' => Controller\ContextMenuController::class . '::getContextMenuAction',
+    ],
+
+    // Load context menu for
+    'contextmenu_clipboard' => [
+        'path' => '/context-menu/clipboard',
+        'target' => Controller\ContextMenuController::class . '::clipboardAction',
+    ],
+
+    // Process data handler commands
+    'record_process' => [
+        'path' => '/record/process',
+        'target' => Controller\SimpleDataHandlerController::class . '::processAjaxRequest',
+    ],
+
+    // Process user settings
+    'usersettings_process' => [
+        'path' => '/usersettings/process',
+        'target' => Controller\UserSettingsController::class . '::processAjaxRequest',
+    ],
+
+    // Open the image manipulation wizard
+    'wizard_image_manipulation' => [
+        'path' => '/wizard/image-manipulation',
+        'target' => \TYPO3\CMS\Backend\Controller\Wizard\ImageManipulationController::class . '::getWizardContent',
+    ],
+
+    // Search records
+    'livesearch' => [
+        'path' => '/livesearch/search',
+        'target' => Controller\LiveSearchController::class . '::searchAction',
+    ],
+
+    // Get livesearch form
+    'livesearch_form' => [
+        'path' => '/livesearch/form',
+        'target' => Controller\LiveSearchController::class . '::formAction',
+    ],
+
+    // Save a newly added online media
+    'online_media_create' => [
+        'path' => '/online-media/create',
+        'target' => Controller\OnlineMediaController::class . '::createAction',
+    ],
+
+    // Get icon from IconFactory
+    'icons' => [
+        'path' => '/icons',
+        'target' => \TYPO3\CMS\Core\Controller\IconController::class . '::getIcon',
+    ],
+
+    // Encode typolink parts on demand
+    'link_browser_encodetypolink' => [
+        'path' => '/link-browser/encode-typolink',
+        'target' => \TYPO3\CMS\Backend\Controller\LinkBrowserController::class . '::encodeTypoLink',
+    ],
+
+    // Localization Wizard
+    'wizard_localization_get_record' => [
+        'path' => '/wizard/localization/record',
+        'target' => Controller\Wizard\LocalizationController::class . '::getRecord',
+    ],
+    'wizard_localization_get_targets' => [
+        'path' => '/wizard/localization/targets',
+        'target' => Controller\Wizard\LocalizationController::class . '::getTargets',
+    ],
+    'wizard_localization_get_sources' => [
+        'path' => '/wizard/localization/sources',
+        'target' => Controller\Wizard\LocalizationController::class . '::getSources',
+    ],
+    'wizard_localization_get_modes' => [
+        'path' => '/wizard/localization/modes',
+        'target' => Controller\Wizard\LocalizationController::class . '::getModes',
+    ],
+    'wizard_localization_get_handlers' => [
+        'path' => '/wizard/localization/handlers',
+        'target' => Controller\Wizard\LocalizationController::class . '::getHandlers',
+    ],
+    'wizard_localization_get_content' => [
+        'path' => '/wizard/localization/content',
+        'target' => Controller\Wizard\LocalizationController::class . '::getContent',
+    ],
+    'wizard_localization_localize' => [
+        'path' => '/wizard/localization/localize',
+        'target' => Controller\Wizard\LocalizationController::class . '::localize',
+    ],
+
+    // column selector
+    'show_columns' => [
+        'path' => '/show/columns',
+        'methods' => ['POST'],
+        'target' => \TYPO3\CMS\Backend\Controller\ColumnSelectorController::class . '::updateVisibleColumnsAction',
+    ],
+    'show_columns_selector' => [
+        'path' => '/show/columns/selector',
+        'target' => \TYPO3\CMS\Backend\Controller\ColumnSelectorController::class . '::showColumnsSelectorAction',
+    ],
+
+    // Record download in records module
+    'record_download_settings' => [
+        'path' => '/record/download/settings',
+        'target' => \TYPO3\CMS\Backend\Controller\RecordListDownloadController::class . '::downloadSettingsAction',
+    ],
+
+    // Toggle record visibility
+    'record_toggle_visibility' => [
+        'path' => '/record/toggle-visibility',
+        'methods' => ['POST'],
+        'target' => \TYPO3\CMS\Backend\Controller\RecordListController::class . '::toggleRecordVisibilityAction',
+    ],
+
+    // Endpoint to generate a password
+    'password_generate' => [
+        'path' => '/password/generate',
+        'target' => \TYPO3\CMS\Core\Controller\PasswordGeneratorController::class . '::generate',
+    ],
+
+    'security_csp_control' => [
+        'access' => 'systemMaintainer',
+        'path' => '/security/csp/control',
+        'target' => \TYPO3\CMS\Backend\Security\ContentSecurityPolicy\CspAjaxController::class . '::handleRequest',
+        'inheritAccessFromModule' => 'content_security_policy',
+    ],
+
+    'sudo_mode_control' => [
+        'path' => '/sudo-mode/verify',
+        'target' =>  Controller\Security\SudoModeController::class . '::verifyAction',
+    ],
+
+    // Get TSRef
+    'codeeditor_tsref' => [
+        'path' => '/code-editor/tsref',
+        'target' => \TYPO3\CMS\Backend\Controller\CodeEditor\TypoScriptReferenceController::class . '::loadReference',
+    ],
+
+    // Load code completion templates
+    'codeeditor_codecompletion_loadtemplates' => [
+        'path' => '/code-editor/codecompletion/load-templates',
+        'target' => \TYPO3\CMS\Backend\Controller\CodeEditor\CodeCompletionController::class . '::loadCompletions',
+    ],
+
+    'color_scheme_update' => [
+        'path' => '/color-scheme/update',
+        'target' => Controller\ColorSchemeController::class . '::updateAction',
+    ],
+    // QR Code
+    'qrcode_generator' => [
+        'path' => '/qrcode/generate',
+        'target' => Controller\QrCodeController::class . '::getQrCodeAction',
+        'methods' => ['GET'],
+    ],
+    'qrcode_download' => [
+        'path' => '/qrcode/download',
+        'target' => Controller\QrCodeController::class . '::downloadAction',
+        'methods' => ['POST'],
+    ],
+    'wizard_page_get_doktypes' => [
+        'path' => '/wizard/page/doktypes',
+        'target' => Controller\Wizard\PageWizardController::class . '::getDoktypesAction',
+        'methods' => ['GET'],
+    ],
+    'wizard_page_get_page_detail' => [
+        'path' => '/wizard/page/page-detail',
+        'target' => Controller\Wizard\PageWizardController::class . '::getPageDetailAction',
+        'methods' => ['GET'],
+    ],
+    'wizard_page_get_processed_value' => [
+        'path' => '/wizard/page/processed-value',
+        'target' => Controller\Wizard\PageWizardController::class . '::getProcessedValueAction',
+        'methods' => ['GET'],
+    ],
+    'wizard_config' => [
+        'path' => '/wizard/config',
+        'target' => Controller\Wizard\WizardController::class . '::getConfigurationAction',
+        'methods' => ['GET'],
+    ],
+    'wizard_submit' => [
+        'path' => '/wizard/submit',
+        'target' => Controller\Wizard\WizardController::class . '::submitDataAction',
+        'methods' => ['POST'],
+    ],
+
+    // Switch primary language wizard
+    'switch_primary_language_count' => [
+        'path' => '/switch-language/count',
+        'target' => \Local\Multilanguage\Controller\SwitchPrimaryLanguageController::class . '::countAction',
+        'methods' => ['GET'],
+    ],
+    'switch_primary_language_execute' => [
+        'path' => '/switch-language/execute',
+        'target' => \Local\Multilanguage\Controller\SwitchPrimaryLanguageController::class . '::executeAction',
+        'methods' => ['POST'],
+    ],
+];
diff --git a/Configuration/Backend/Modules.php b/Configuration/Backend/Modules.php
new file mode 100644
index 0000000..2e93db6
--- /dev/null
+++ b/Configuration/Backend/Modules.php
@@ -0,0 +1,219 @@
+<?php
+
+use TYPO3\CMS\Backend\Controller\AboutController;
+use TYPO3\CMS\Backend\Controller\PageLayoutController;
+use TYPO3\CMS\Backend\Controller\PageTsConfig\PageTsConfigActiveController;
+use TYPO3\CMS\Backend\Controller\PageTsConfig\PageTsConfigIncludesController;
+use TYPO3\CMS\Backend\Controller\PageTsConfig\PageTsConfigRecordsOverviewController;
+use TYPO3\CMS\Backend\Controller\RecordListController;
+use TYPO3\CMS\Backend\Controller\SetupModuleController;
+use TYPO3\CMS\Backend\Controller\SiteConfigurationController;
+use TYPO3\CMS\Backend\Controller\SiteSettingsController;
+use TYPO3\CMS\Backend\Security\ContentSecurityPolicy\CspModuleController;
+use TYPO3\CMS\Backend\View\PageViewMode;
+use TYPO3\CMS\Backend\View\SetupModuleViewMode;
+use TYPO3\CMS\Backend\View\SetupSettingsViewMode;
+
+/**
+ * Definitions for modules provided by EXT:backend
+ */
+return [
+    'web_layout' => [
+        'parent' => 'content',
+        'position' => ['before' => '*'],
+        'access' => 'user',
+        'path' => '/module/web/layout',
+        'iconIdentifier' => 'module-page',
+        'labels' => 'backend.modules.layout',
+        'routes' => [
+            '_default' => [
+                'target' => PageLayoutController::class . '::mainAction',
+            ],
+        ],
+        'moduleData' => [
+            'viewMode' => PageViewMode::LayoutView->value,
+            'showHidden' => true,
+        ],
+    ],
+    'records' => [
+        'parent' => 'content',
+        'position' => ['after' => 'web_layout'],
+        'access' => 'user',
+        'path' => '/module/content/records',
+        'iconIdentifier' => 'module-list',
+        'labels' => 'backend.modules.list',
+        'aliases' => ['web_list'],
+        'routes' => [
+            '_default' => [
+                'target' => RecordListController::class . '::mainAction',
+            ],
+        ],
+        'moduleData' => [
+            'clipBoard' => true,
+            'searchBox' => false,
+            'collapsedTables' => [],
+        ],
+    ],
+    'content_status' => [
+        'parent' => 'content',
+        'position' => ['after' => 'web_FormFormbuilder', 'before' => 'recycler'],
+        'access' => 'user',
+        'path' => '/module/content/status',
+        'iconIdentifier' => 'module-info',
+        'labels' => 'backend.modules.status',
+        'aliases' => ['web_info'],
+        'navigationComponent' => '@typo3/backend/tree/page-tree-element',
+        'appearance' => [
+            'dependsOnSubmodules' => true,
+        ],
+        'showSubmoduleOverview' => true,
+    ],
+    'site_configuration' => [
+        'parent' => 'site',
+        'position' => ['before' => '*'],
+        'access' => 'admin',
+        'path' => '/module/site/configuration',
+        'iconIdentifier' => 'module-sites',
+        'labels' => 'backend.modules.site_configuration',
+        'routes' => [
+            '_default' => [
+                'target' => SiteConfigurationController::class . '::overviewAction',
+            ],
+            'detail' => [
+                'target' => SiteConfigurationController::class . '::detailAction',
+            ],
+            'edit' => [
+                'target' => SiteConfigurationController::class . '::editAction',
+            ],
+            'save' => [
+                'target' => SiteConfigurationController::class . '::saveAction',
+                'methods' => ['POST'],
+            ],
+            'delete' => [
+                'target' => SiteConfigurationController::class . '::deleteAction',
+                'methods' => ['POST'],
+            ],
+            'editSettings' => [
+                'target' => SiteSettingsController::class . '::editAction',
+            ],
+            'saveSettings' => [
+                'target' => SiteSettingsController::class . '::saveAction',
+                'methods' => ['POST'],
+            ],
+            'dumpSettings' => [
+                'target' => SiteSettingsController::class . '::dumpAction',
+                'methods' => ['POST'],
+            ],
+        ],
+        'moduleData' => [
+            'viewMode' => SetupModuleViewMode::TILES->value,
+            'settingsMode' => SetupSettingsViewMode::BASIC->value,
+        ],
+    ],
+    'link_management' => [
+        'parent' => 'site',
+        'position' => ['after' => 'site_configuration'],
+        'access' => 'user',
+        'path' => '/module/link-management',
+        'iconIdentifier' => 'module-urls',
+        'labels' => 'backend.modules.link_management',
+        'appearance' => [
+            'dependsOnSubmodules' => true,
+        ],
+        'showSubmoduleOverview' => true,
+    ],
+    'about' => [
+        'parent' => 'help',
+        'position' => ['before' => '*'],
+        'access' => 'user',
+        'path' => '/module/help/about',
+        'iconIdentifier' => 'module-about',
+        'labels' => 'backend.modules.about',
+        'aliases' => ['help_AboutAbout'],
+        'routes' => [
+            '_default' => [
+                'target' => AboutController::class . '::handleRequest',
+            ],
+        ],
+    ],
+    'pagetsconfig' => [
+        'parent' => 'site',
+        'access' => 'admin',
+        'path' => '/module/pagetsconfig',
+        'iconIdentifier' => 'module-tsconfig',
+        'labels' => 'backend.modules.pagetsconfig',
+        'navigationComponent' => '@typo3/backend/tree/page-tree-element',
+    ],
+    'pagetsconfig_pages' => [
+        'parent' => 'pagetsconfig',
+        'access' => 'admin',
+        'path' => '/module/pagetsconfig/records',
+        'iconIdentifier' => 'module-tsconfig',
+        'labels' => 'backend.modules.pagetsconfig_pages',
+        'routes' => [
+            '_default' => [
+                'target' => PageTsConfigRecordsOverviewController::class . '::handleRequest',
+            ],
+        ],
+    ],
+    'pagetsconfig_active' => [
+        'parent' => 'pagetsconfig',
+        'access' => 'admin',
+        'path' => '/module/pagetsconfig/active',
+        'iconIdentifier' => 'module-tsconfig',
+        'labels' => 'backend.modules.pagetsconfig_active',
+        'routes' => [
+            '_default' => [
+                'target' => PageTsConfigActiveController::class . '::handleRequest',
+            ],
+        ],
+        'moduleData' => [
+            'sortAlphabetically' => true,
+            'displayComments' => true,
+            'displayConstantSubstitutions' => true,
+            'pageTsConfigConditions' => [],
+        ],
+    ],
+    'pagetsconfig_includes' => [
+        'parent' => 'pagetsconfig',
+        'access' => 'admin',
+        'path' => '/module/pagetsconfig/includes',
+        'iconIdentifier' => 'module-tsconfig',
+        'labels' => 'backend.modules.pagetsconfig_includes',
+        'routes' => [
+            '_default' => [
+                'target' => PageTsConfigIncludesController::class . '::indexAction',
+            ],
+            'source' => [
+                'target' => PageTsConfigIncludesController::class . '::sourceAction',
+            ],
+            'sourceWithIncludes' => [
+                'target' => PageTsConfigIncludesController::class . '::sourceWithIncludesAction',
+            ],
+        ],
+    ],
+    'content_security_policy' => [
+        'parent' => 'system',
+        'access' => 'systemMaintainer',
+        'iconIdentifier' => 'module-security',
+        'labels' => 'backend.modules.content_security_policy',
+        'aliases' => ['tools_csp'],
+        'routes' => [
+            '_default' => [
+                'target' => CspModuleController::class . '::mainAction',
+            ],
+        ],
+    ],
+    'user_setup' => [
+        'parent' => 'user',
+        'access' => 'user',
+        'path' => '/module/user/setup',
+        'iconIdentifier' => 'module-setup',
+        'labels' => 'backend.modules.user_settings',
+        'routes' => [
+            '_default' => [
+                'target' => SetupModuleController::class . '::mainAction',
+            ],
+        ],
+    ],
+];
diff --git a/Configuration/Backend/Routes.php b/Configuration/Backend/Routes.php
new file mode 100644
index 0000000..967b10c
--- /dev/null
+++ b/Configuration/Backend/Routes.php
@@ -0,0 +1,308 @@
+<?php
+
+use TYPO3\CMS\Backend\Controller;
+use TYPO3\CMS\Backend\Security\SudoMode\Access\AccessLifetime;
+
+/**
+ * Definitions for routes provided by EXT:backend
+ * Contains all "regular" routes for entry points
+ *
+ * Please note that this setup is preliminary until all core use-cases are set up here.
+ * Especially some more properties regarding modules will be added until TYPO3 CMS 7 LTS, and might change.
+ *
+ * Currently the "access" property is only used so no token creation + validation is made,
+ * but will be extended further.
+ */
+return [
+    // Login screen of the TYPO3 Backend
+    'login' => [
+        'path' => '/login',
+        'access' => 'public',
+        'target' => Controller\LoginController::class . '::formAction',
+    ],
+
+    // Main backend rendering setup (previously called backend.php) for the TYPO3 Backend
+    'main' => [
+        'path' => '/main',
+        'referrer' => 'required,refresh-always',
+        'target' => Controller\BackendController::class . '::mainAction',
+    ],
+
+    // IFrame dummy-url for browser-history state tracking of web component backend modules
+    'state-tracker' => [
+        'path' => '/state-tracker',
+        'access' => 'public',
+        'target' => Controller\StateTrackerController::class . '::mainAction',
+    ],
+
+    // Logout script for the TYPO3 Backend
+    'logout' => [
+        'path' => '/logout',
+        'target' => Controller\LogoutController::class . '::logoutAction',
+    ],
+    // Show the password forgotten form for entering the email
+    'password_forget' => [
+        'path' => '/login/password-reset/forget',
+        'access' => 'public',
+        'target' => Controller\ResetPasswordController::class . '::forgetPasswordFormAction',
+    ],
+    // Send out the password reset email
+    'password_forget_initiate_reset' => [
+        'path' => '/login/password-reset/initiate-reset',
+        'access' => 'public',
+        'methods' => ['POST'],
+        'target' => Controller\ResetPasswordController::class . '::initiatePasswordResetAction',
+    ],
+    'password_reset_validate' => [
+        'path' => '/login/password-reset/validate',
+        'access' => 'public',
+        'target' => Controller\ResetPasswordController::class . '::passwordResetAction',
+    ],
+    'password_reset_finish' => [
+        'path' => '/login/password-reset/finish',
+        'access' => 'public',
+        'methods' => ['POST'],
+        'target' => Controller\ResetPasswordController::class . '::passwordResetFinishAction',
+    ],
+    'sudo_mode_module' => [
+        'path' => '/sudo-mode/module',
+        'target' =>  Controller\Security\SudoModeController::class . '::moduleAction',
+    ],
+    'sudo_mode_apply' => [
+        'path' => '/sudo-mode/apply',
+        'target' =>  Controller\Security\SudoModeController::class . '::applyAction',
+    ],
+    'sudo_mode_error' => [
+        'path' => '/sudo-mode/error',
+        'target' =>  Controller\Security\SudoModeController::class . '::errorAction',
+    ],
+
+    // Register login frameset
+    'login_frameset' => [
+        'path' => '/login/frame',
+        'access' => 'public',
+        'target' => Controller\LoginController::class . '::refreshAction',
+    ],
+
+    // Fetch RequestToken via AJAX
+    'login_request_token' => [
+        'path' => '/login/request-token',
+        'access' => 'public',
+        'methods' => ['POST'],
+        'target' => Controller\LoginController::class . '::requestTokenAction',
+    ],
+
+    // Authentication endpoint for Multi-factor authentication
+    'auth_mfa' => [
+        'path' => '/auth/mfa',
+        'target' => Controller\MfaController::class . '::handleRequest',
+    ],
+
+    // Standalone setup endpoint for Multi-factor authentication
+    'setup_mfa' => [
+        'path' => '/setup/mfa',
+        'target' => Controller\MfaSetupController::class . '::handleRequest',
+    ],
+
+    // Multi-factor authentication configuration
+    'mfa' => [
+        'path' => '/mfa',
+        'target' => Controller\MfaConfigurationController::class . '::handleRequest',
+        'sudoMode' => [
+            'group' => 'mfa',
+            'lifetime' => AccessLifetime::medium,
+        ],
+    ],
+
+    /** Wizards */
+    // Register add wizard
+    'wizard_add' => [
+        'path' => '/wizard/add',
+        'target' => Controller\Wizard\AddController::class . '::mainAction',
+    ],
+
+    // Register list wizard
+    'wizard_list' => [
+        'path' => '/wizard/list',
+        'target' => Controller\Wizard\ListController::class . '::mainAction',
+    ],
+
+    // Register edit wizard
+    'wizard_edit' => [
+        'path' => '/wizard/edit',
+        'target' => Controller\Wizard\EditController::class . '::mainAction',
+    ],
+
+    // Register wizard element browser
+    'wizard_element_browser' => [
+        'path' => '/wizard/record/browse',
+        'target' => Controller\ElementBrowserController::class . '::mainAction',
+    ],
+
+    // Register link wizard
+    'wizard_link' => [
+        'path' => '/wizard/link/browse',
+        'target' => Controller\LinkBrowserController::class . '::mainAction',
+    ],
+
+    /** File- and folder-related routes */
+
+    // Add new online media
+    'online_media' => [
+        'path' => '/online-media',
+        'target' => Controller\OnlineMediaController::class . '::mainAction',
+    ],
+
+    /** DB Records-related routes */
+    // Record download in records module
+    'record_download' => [
+        'path' => '/record/download',
+        'methods' => ['POST'],
+        'target' => Controller\RecordListDownloadController::class . '::handleDownloadRequest',
+    ],
+
+    // Register record history module
+    'record_history' => [
+        'path' => '/record/history',
+        'target' => Controller\ContentElement\ElementHistoryController::class . '::mainAction',
+    ],
+
+    // Register new record
+    'db_new' => [
+        'path' => '/record/new',
+        'target' => Controller\NewRecordController::class . '::mainAction',
+        'redirect' => [
+            'enable' => true,
+            'parameters' => [
+                'id' => true,
+            ],
+        ],
+    ],
+
+    // Register sort pages
+    'pages_sort' => [
+        'path' => '/pages/sort',
+        'target' => Controller\Page\SortSubPagesController::class . '::mainAction',
+    ],
+
+    // Register create multiple pages
+    'pages_new' => [
+        'path' => '/pages/new',
+        'target' => Controller\Page\NewMultiplePagesController::class . '::mainAction',
+        'redirect' => [
+            'enable' => true,
+            'parameters' => [
+                'id' => true,
+            ],
+        ],
+    ],
+
+    // Register new content element module (used in a modal)
+    'new_content_element_wizard' => [
+        'path' => '/record/content/wizard/new',
+        'target' => Controller\ContentElement\NewContentElementController::class . '::handleRequest',
+    ],
+
+    // Register move page + move content element view
+    'move_page' => [
+        'path' => '/page/move',
+        'target' => Controller\Page\MovePageController::class . '::mainAction',
+    ],
+    'move_element' => [
+        'path' => '/record/move',
+        'target' => Controller\ContentElement\MoveElementController::class . '::mainAction',
+    ],
+
+    // Register show item module
+    'show_item' => [
+        'path' => '/record/info',
+        'target' => Controller\ContentElement\ElementInformationController::class . '::mainAction',
+    ],
+
+    // Dummy document - displays nothing but background color.
+    'dummy' => [
+        'path' => '/empty',
+        'target' => Controller\DummyController::class . '::mainAction',
+    ],
+
+    /** TYPO3 Core Engine-related routes */
+    /**
+     * TCE gateway (TYPO3 Core Engine) for database handling
+     * This script is a gateway for POST forms to \TYPO3\CMS\Core\DataHandling\DataHandler
+     * that manipulates all information in the database!!
+     * For syntax and API information, see the document 'TYPO3 Core APIs'
+     */
+    'tce_db' => [
+        'path' => '/record/commit',
+        'target' => Controller\SimpleDataHandlerController::class . '::mainAction',
+    ],
+
+    /**
+     * Gateway for TCE (TYPO3 Core Engine) file-handling through POST forms.
+     * This script serves as the file administration part of the TYPO3 Core Engine.
+     * Basically it includes two libraries which are used to manipulate files on the server.
+     *
+     * For syntax and API information, see the document 'TYPO3 Core APIs'
+     */
+    'tce_file' => [
+        'path' => '/file/commit',
+        'target' => Controller\File\FileController::class . '::mainAction',
+    ],
+
+    /**
+     * Main form rendering script
+     * By sending certain parameters to this script you can bring up a form
+     * which allows the user to edit the content of one or more database records.
+     */
+    'record_edit' => [
+        'path' => '/record/edit',
+        'target' => Controller\EditDocumentController::class . '::mainAction',
+        'redirect' => [
+            'enable' => true,
+            'parameters' => [
+                'edit' => true,
+                'defVals' => true,
+                'columnsOnly' => true,
+                'module' => true,
+            ],
+        ],
+        'options' => [
+            'requestPageContext' => true,
+        ],
+    ],
+
+    // Lightweight contextual edit form for the context panel
+    'record_edit_contextual' => [
+        'path' => '/record/edit/contextual',
+        'target' => Controller\ContextualRecordEditController::class . '::mainAction',
+    ],
+
+    // Image processing
+    'image_processing' => [
+        'path' => '/image/process',
+        'target' => Controller\File\ImageProcessController::class . '::process',
+    ],
+
+    // Clipboard processing
+    'clipboard_process' => [
+        'path' => '/clipboard/process',
+        'methods' => ['POST'],
+        'target' => Controller\ClipboardController::class . '::processRequest',
+    ],
+
+    // Request thumbnail, created on-demand
+    'resource_request_thumbnail' => [
+        'path' => '/resource/request-thumbnail',
+        'methods' => ['GET'],
+        'target' => Controller\Resource\ResourceController::class . '::requestThumbnailAction',
+    ],
+
+    // Language domain
+    'language_domain' => [
+        'path' => '/language/domain/{locale}/{cacheBustInfix}/{domain}',
+        'methods' => ['GET'],
+        'target' => Controller\JavaScriptLanguageDomainController::class . '::getLanguageDomainAction',
+        // Do not require a request token
+        'access' => 'public',
+    ],
+];
diff --git a/Configuration/Backend/T3editor/Addons.php b/Configuration/Backend/T3editor/Addons.php
new file mode 100644
index 0000000..4dca915
--- /dev/null
+++ b/Configuration/Backend/T3editor/Addons.php
@@ -0,0 +1,59 @@
+<?php
+
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+
+/**
+ * Addons for code editor
+ */
+return [
+    'highlightActiveLineGutter' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/view', 'highlightActiveLineGutter')->invoke(),
+    ],
+    'history' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/commands', 'history')->invoke(),
+        'keymap' => JavaScriptModuleInstruction::create('@codemirror/commands', 'historyKeymap'),
+    ],
+    'foldGutter' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/language', 'foldGutter')->invoke(),
+        'keymap' => JavaScriptModuleInstruction::create('@codemirror/language', 'foldKeymap'),
+    ],
+    'dropCursor' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/view', 'dropCursor')->invoke(),
+    ],
+    'indentOnInput' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/language', 'indentOnInput')->invoke(),
+    ],
+    'bracketMatching' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/language', 'bracketMatching')->invoke(),
+    ],
+    'closeBrackets' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/autocomplete', 'closeBrackets')->invoke(),
+        'keymap' => JavaScriptModuleInstruction::create('@codemirror/autocomplete', 'closeBracketsKeymap'),
+    ],
+    'autocompletion' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/autocomplete', 'autocompletion')->invoke(),
+        'keymap' => JavaScriptModuleInstruction::create('@codemirror/autocomplete', 'completionKeymap'),
+    ],
+    'rectangularSelection' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/view', 'rectangularSelection')->invoke(),
+    ],
+    'crosshairCursor' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/view', 'crosshairCursor')->invoke(),
+    ],
+    'highlightActiveLine' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/view', 'highlightActiveLine')->invoke(),
+    ],
+    'highlightSelectionMatches' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/search', 'highlightSelectionMatches')->invoke(),
+        'keymap' => JavaScriptModuleInstruction::create('@codemirror/search', 'searchKeymap'),
+    ],
+    'lint' => [
+        'keymap' => JavaScriptModuleInstruction::create('@codemirror/lint', 'lintKeymap'),
+    ],
+    /*
+    'hint/typoscript-hint' => [
+        'module' => 'TYPO3/CMS/T3editor/Addon/Hint/TypoScriptHint',
+        'modes' => ['typoscript'],
+    ],
+    */
+];
diff --git a/Configuration/Backend/T3editor/Modes.php b/Configuration/Backend/T3editor/Modes.php
new file mode 100644
index 0000000..07b893f
--- /dev/null
+++ b/Configuration/Backend/T3editor/Modes.php
@@ -0,0 +1,42 @@
+<?php
+
+use TYPO3\CMS\Core\Page\JavaScriptModuleInstruction;
+
+/**
+ * Mode definitions for code editor
+ */
+return [
+    'css' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/lang-css', 'css')->invoke(),
+        'extensions' => ['css'],
+    ],
+    'html' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/lang-html', 'html')->invoke(),
+        'extensions' => ['htm', 'html'],
+        'default' => true,
+    ],
+    'javascript' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/lang-javascript', 'javascript')->invoke(),
+        'extensions' => ['javascript'],
+    ],
+    'json' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/lang-json', 'json')->invoke(),
+        'extensions' => ['json'],
+    ],
+    'php' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/lang-php', 'php')->invoke(),
+        'extensions' => ['php', 'php5', 'php7', 'phps'],
+    ],
+    'sql' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/lang-sql', 'sql')->invoke(),
+        'extensions' => ['sql'],
+    ],
+    'typoscript' => [
+        'module' => JavaScriptModuleInstruction::create('@typo3/backend/code-editor/language/typoscript.js', 'typoscript')->invoke(),
+        'extensions' => ['ts', 'typoscript', 'tsconfig'],
+    ],
+    'xml' => [
+        'module' => JavaScriptModuleInstruction::create('@codemirror/lang-xml', 'xml')->invoke(),
+        'extensions' => ['xml'],
+    ],
+];
diff --git a/Configuration/ContentSecurityPolicies.php b/Configuration/ContentSecurityPolicies.php
new file mode 100644
index 0000000..15026a8
--- /dev/null
+++ b/Configuration/ContentSecurityPolicies.php
@@ -0,0 +1,56 @@
+<?php
+
+declare(strict_types=1);
+
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Directive;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Mutation;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\MutationCollection;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\MutationMode;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\Scope;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\SourceKeyword;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\SourceScheme;
+use TYPO3\CMS\Core\Security\ContentSecurityPolicy\UriValue;
+use TYPO3\CMS\Core\Type\Map;
+
+/**
+ * Provides a simple basic Content-Security-Policy for the generic backend scope.
+ */
+return Map::fromEntries([
+    Scope::backend(),
+    new MutationCollection(
+        new Mutation(MutationMode::Extend, Directive::DefaultSrc, SourceKeyword::self),
+        // script-src 'nonce-...' required for importmaps
+        new Mutation(MutationMode::Extend, Directive::ScriptSrc, SourceKeyword::nonceProxy),
+        // `style-src 'unsafe-inline'` required for lit in safari and firefox to allow inline <style> tags
+        // (for browsers that do not support https://caniuse.com/mdn-api_shadowroot_adoptedstylesheets)
+        new Mutation(MutationMode::Extend, Directive::StyleSrc, SourceKeyword::unsafeInline),
+        // `style-src-attr 'unsafe-inline'` required for remaining inline styles, which is okay for color & dimension
+        // (e.g. `<div style="color: #000">` - but NOT having the possibility to use any other assets/files/URIs)
+        new Mutation(MutationMode::Set, Directive::StyleSrcAttr, SourceKeyword::unsafeInline),
+        // allow `data:` images
+        new Mutation(MutationMode::Extend, Directive::ImgSrc, SourceScheme::data),
+        // `frame-src self` required for backend nav and list iframes
+        new Mutation(MutationMode::Extend, Directive::FrameSrc, SourceKeyword::self),
+        // deny `<base>` element which might be used for cross-origin targets
+        new Mutation(MutationMode::Set, Directive::BaseUri, SourceKeyword::none),
+        // deny `<object>` and `<embed>` elements
+        new Mutation(MutationMode::Set, Directive::ObjectSrc, SourceKeyword::none),
+
+        // Allows to fetch media assets from YouTube and Vimeo and their associated CDNs,
+        // to be embedded in an `<iframe>` of the corresponding info modal in the file list
+        // backend module.
+        new Mutation(
+            MutationMode::Extend,
+            Directive::FrameSrc,
+            new UriValue('*.youtube-nocookie.com'),
+            new UriValue('*.youtube.com'),
+            new UriValue('*.vimeo.com')
+        ),
+        new Mutation(
+            MutationMode::Extend,
+            Directive::ImgSrc,
+            new UriValue('*.ytimg.com'),
+            new UriValue('*.vimeocdn.com')
+        ),
+    ),
+]);
diff --git a/Configuration/JavaScriptModules.php b/Configuration/JavaScriptModules.php
new file mode 100644
index 0000000..328eb27
--- /dev/null
+++ b/Configuration/JavaScriptModules.php
@@ -0,0 +1,63 @@
+<?php
+
+return [
+    'dependencies' => [
+        'core',
+    ],
+    'imports' => [
+        '@typo3/backend/' => [
+            'path' => 'EXT:backend/Resources/Public/JavaScript/',
+            'exclude' => [
+                'EXT:backend/Resources/Public/JavaScript/Contrib/',
+            ],
+        ],
+        'bootstrap' => 'EXT:backend/Resources/Public/JavaScript/Contrib/bootstrap.js',
+        'crelt' => 'EXT:backend/Resources/Public/JavaScript/Contrib/crelt.js',
+        'style-mod' => 'EXT:backend/Resources/Public/JavaScript/Contrib/style-mod.js',
+        'w3c-keyname' => 'EXT:backend/Resources/Public/JavaScript/Contrib/w3c-keyname.js',
+        '@lezer/common' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@lezer/common.js',
+        '@lezer/css' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@lezer/css.js',
+        '@lezer/html' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@lezer/html.js',
+        '@lezer/javascript' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@lezer/javascript.js',
+        '@lezer/json' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@lezer/json.js',
+        '@lezer/php' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@lezer/php.js',
+        '@lezer/xml' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@lezer/xml.js',
+        '@lezer/lr' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@lezer/lr.js',
+        '@lezer/highlight' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@lezer/highlight.js',
+        '@codemirror/autocomplete' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/autocomplete.js',
+        '@codemirror/closebrackets' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/closebrackets.js',
+        '@codemirror/commands' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/commands.js',
+        '@codemirror/comment' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/comment.js',
+        '@codemirror/fold' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/fold.js',
+        '@codemirror/gutter' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/gutter.js',
+        '@codemirror/highlight' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/highlight.js',
+        '@codemirror/history' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/history.js',
+        '@codemirror/language' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/language.js',
+        '@codemirror/lang-css' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/lang-css.js',
+        '@codemirror/lang-html' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/lang-html.js',
+        '@codemirror/lang-javascript' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/lang-javascript.js',
+        '@codemirror/lang-json' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/lang-json.js',
+        '@codemirror/lang-php' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/lang-php.js',
+        '@codemirror/lang-sql' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/lang-sql.js',
+        '@codemirror/lang-xml' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/lang-xml.js',
+        '@codemirror/lint' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/lint.js',
+        '@codemirror/matchbrackets' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/matchbrackets.js',
+        '@codemirror/panel' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/panel.js',
+        '@codemirror/rangeset' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/rangeset.js',
+        '@codemirror/rectangular-selection' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/rectangular-selection.js',
+        '@codemirror/search' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/search.js',
+        '@codemirror/state' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/state.js',
+        '@codemirror/text' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/text.js',
+        '@codemirror/tooltip' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/tooltip.js',
+        '@codemirror/theme-one-dark' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/theme-one-dark.js',
+        '@codemirror/view' => 'EXT:backend/Resources/Public/JavaScript/Contrib/@codemirror/view.js',
+        'mark.js' => 'EXT:backend/Resources/Public/JavaScript/Contrib/markjs.js',
+        // legacy, please use "mark.js" instead
+        '@typo3/backend/contrib/mark.js' => 'EXT:backend/Resources/Public/JavaScript/Contrib/markjs.js',
+        'alwan' => 'EXT:backend/Resources/Public/JavaScript/Contrib/alwan.js',
+        'lodash-es' => 'EXT:backend/Resources/Public/JavaScript/Contrib/lodash-es.js',
+        'select-pure' => 'EXT:backend/Resources/Public/JavaScript/Contrib/select-pure.js',
+        // Note: The prefix 'VIRTUAL:' is an @internal placeholder and not meant for public usage
+        '~labels/' => 'VIRTUAL:labels/',
+    ],
+];
diff --git a/Configuration/RequestMiddlewares.php b/Configuration/RequestMiddlewares.php
new file mode 100644
index 0000000..48dc96b
--- /dev/null
+++ b/Configuration/RequestMiddlewares.php
@@ -0,0 +1,118 @@
+<?php
+
+/**
+ * An array consisting of implementations of middlewares for a middleware stack to be registered
+ *
+ * ```
+ *  'stackname' => [
+ *      'middleware-identifier' => [
+ *         'target' => classname or callable
+ *         'before/after' => array of dependencies
+ *      ]
+ *   ]
+ * ```
+ */
+return [
+    'backend' => [
+        /** internal: do not use or reference this middleware in your own code */
+        'typo3/cms-core/normalized-params-attribute' => [
+            'target' => \TYPO3\CMS\Core\Middleware\NormalizedParamsAttribute::class,
+        ],
+        'typo3/cms-backend/locked-backend' => [
+            'target' => \TYPO3\CMS\Backend\Middleware\LockedBackendGuard::class,
+            'after' => [
+                'typo3/cms-core/normalized-params-attribute',
+            ],
+        ],
+        'typo3/cms-backend/https-redirector' => [
+            'target' => \TYPO3\CMS\Backend\Middleware\ForcedHttpsBackendRedirector::class,
+            'after' => [
+                'typo3/cms-core/normalized-params-attribute',
+                'typo3/cms-backend/locked-backend',
+            ],
+        ],
+        'typo3/cms-backend/csp-report' => [
+            'target' => \TYPO3\CMS\Backend\Middleware\ContentSecurityPolicyReporter::class,
+            'after' => [
+                'typo3/cms-core/normalized-params-attribute',
+                'typo3/cms-backend/https-redirector',
+            ],
+            'before' => [
+                'typo3/cms-backend/backend-routing',
+            ],
+        ],
+        'typo3/cms-backend/backend-routing' => [
+            'target' => \TYPO3\CMS\Backend\Middleware\BackendRouteInitialization::class,
+            'after' => [
+                'typo3/cms-backend/https-redirector',
+            ],
+        ],
+        'typo3/cms-core/request-token-middleware' => [
+            'target' => \TYPO3\CMS\Core\Middleware\RequestTokenMiddleware::class,
+            'after' => [
+                'typo3/cms-backend/backend-routing',
+            ],
+            'before' => [
+                'typo3/cms-backend/authentication',
+            ],
+        ],
+        'typo3/cms-backend/authentication' => [
+            'target' => \TYPO3\CMS\Backend\Middleware\BackendUserAuthenticator::class,
+            'after' => [
+                'typo3/cms-backend/backend-routing',
+            ],
+        ],
+        'typo3/cms-backend/backend-module-validator' => [
+            'target' => \TYPO3\CMS\Backend\Middleware\BackendModuleValidator::class,
+            'after' => [
+                'typo3/cms-backend/authentication',
+            ],
+        ],
+        'typo3/cms-backend/sudo-mode-interceptor' => [
+            'target' => \TYPO3\CMS\Backend\Middleware\SudoModeInterceptor::class,
+            'after' => [
+                'typo3/cms-backend/backend-module-validator',
+            ],
+        ],
+        'typo3/cms-backend/site-resolver' => [
+            'target' => \TYPO3\CMS\Backend\Middleware\SiteResolver::class,
+            'after' => [
+                'typo3/cms-backend/sudo-mode-interceptor',
+            ],
+        ],
+        'typo3/cms-backend/page-context' => [
+            'target' => \TYPO3\CMS\Backend\Middleware\PageContextInitialization::class,
+            'after' => [
+                'typo3/cms-backend/site-resolver',
+            ],
+        ],
+        /** internal: do not use or reference this middleware in your own code */
+        'typo3/cms-backend/csp-headers' => [
+            'target' => \TYPO3\CMS\Backend\Middleware\ContentSecurityPolicyHeaders::class,
+            'after' => [
+                'typo3/cms-backend/authentication',
+            ],
+        ],
+        /** internal: do not use or reference this middleware in your own code */
+        'typo3/cms-backend/js-label-importmap-resolver' => [
+            'target' => \TYPO3\CMS\Backend\Middleware\JavaScriptLabelImportMapEntryResolver::class,
+            'after' => [
+                'typo3/cms-backend/csp-headers',
+            ],
+        ],
+        /** internal: do not use or reference this middleware in your own code */
+        'typo3/cms-backend/response-headers' => [
+            'target' => \TYPO3\CMS\Backend\Middleware\AdditionalResponseHeaders::class,
+            'after' => [
+                'typo3/cms-backend/js-label-importmap-resolver',
+            ],
+        ],
+        /** internal: do not use or reference this middleware in your own code */
+        'typo3/cms-core/response-propagation' => [
+            'target' => \TYPO3\CMS\Core\Middleware\ResponsePropagation::class,
+            'after' => [
+                'typo3/cms-backend/response-headers',
+            ],
+        ],
+    ],
+];
diff --git a/Configuration/Services.php b/Configuration/Services.php
new file mode 100644
index 0000000..ec7000d
--- /dev/null
+++ b/Configuration/Services.php
@@ -0,0 +1,81 @@
+<?php
+
+declare(strict_types=1);
+
+namespace TYPO3\CMS\Backend;
+
+use Symfony\Component\DependencyInjection\ChildDefinition;
+use Symfony\Component\DependencyInjection\ContainerBuilder;
+use Symfony\Component\DependencyInjection\Loader\Configurator\ContainerConfigurator;
+use TYPO3\CMS\Backend\Attribute\AsAvatarProvider;
+use TYPO3\CMS\Backend\Attribute\AsController;
+use TYPO3\CMS\Backend\Attribute\AsSidebarComponent;
+use TYPO3\CMS\Backend\ContextMenu\ItemProviders\ProviderInterface;
+use TYPO3\CMS\Backend\DependencyInjection\AvatarProviderPass;
+use TYPO3\CMS\Backend\DependencyInjection\ModuleAccessGatePass;
+use TYPO3\CMS\Backend\DependencyInjection\SidebarComponentsPass;
+use TYPO3\CMS\Backend\ElementBrowser\ElementBrowserInterface;
+use TYPO3\CMS\Backend\Form\NodeInterface;
+use TYPO3\CMS\Backend\Localization\LocalizationHandlerInterface;
+use TYPO3\CMS\Backend\Search\LiveSearch\SearchProviderInterface;
+use TYPO3\CMS\Backend\Toolbar\ToolbarItemInterface;
+use TYPO3\CMS\Core\Attribute\AsModuleAccessGate;
+use TYPO3\CMS\Core\DependencyInjection\PublicServicePass;
+
+return static function (ContainerConfigurator $container, ContainerBuilder $containerBuilder) {
+    $containerBuilder->registerForAutoconfiguration(ElementBrowserInterface::class)->addTag('recordlist.elementbrowser');
+    $containerBuilder->registerForAutoconfiguration(ToolbarItemInterface::class)->addTag('backend.toolbar.item');
+    $containerBuilder->registerForAutoconfiguration(ProviderInterface::class)->addTag('backend.contextmenu.itemprovider');
+    $containerBuilder->registerForAutoconfiguration(SearchProviderInterface::class)->addTag('livesearch.provider');
+    $containerBuilder->registerForAutoconfiguration(NodeInterface::class)->addTag('backend.form.node');
+    $containerBuilder->registerForAutoconfiguration(LocalizationHandlerInterface::class)->addTag('backend.localization.handler');
+
+    $containerBuilder->addCompilerPass(new PublicServicePass('backend.controller'));
+
+    // Single NodeInterface nodes *may* be stateful, for instance when they have properties that are not
+    // properly reset in render(), or if stateful services are injected. Thus, the second argument is true,
+    // which will trigger a new object creation each time, instead of re-using an already existing one.
+    // Note we *may* be able to get rid of this later (to create fewer objects), but it may need some changes,
+    // plus proper communication that single nodes have to be set "shared: false" manually, in case they are stateful.
+    $containerBuilder->addCompilerPass(new PublicServicePass('backend.form.node', true));
+
+    $containerBuilder->addCompilerPass(new PublicServicePass('backend.form.dataprovider'));
+
+    $containerBuilder->addCompilerPass(new AvatarProviderPass('backend.avatar_provider'));
+
+    $containerBuilder->addCompilerPass(new SidebarComponentsPass(AsSidebarComponent::TAG_NAME));
+
+    $containerBuilder->addCompilerPass(new ModuleAccessGatePass(AsModuleAccessGate::TAG_NAME));
+
+    // adds tag backend.controller to services
+    $containerBuilder->registerAttributeForAutoconfiguration(
+        AsController::class,
+        static function (ChildDefinition $definition, AsController $attribute): void {
+            $definition->addTag(AsController::TAG_NAME);
+        }
+    );
+
+    // Autoconfigure backend avatar providers
+    $containerBuilder->registerAttributeForAutoconfiguration(
+        AsAvatarProvider::class,
+        static function (ChildDefinition $definition, AsAvatarProvider $attribute): void {
+            $definition->addTag(AsAvatarProvider::TAG_NAME, [
+                'identifier' => $attribute->identifier,
+                'before' => implode(',', $attribute->before),
+                'after' => implode(',', $attribute->after),
+            ]);
+        },
+    );
+
+    // Autoconfigure backend sidebar components
+    $containerBuilder->registerAttributeForAutoconfiguration(
+        AsSidebarComponent::class,
+        static function (ChildDefinition $definition, AsSidebarComponent $attribute): void {
+            $definition->addTag(AsSidebarComponent::TAG_NAME, [
+                'identifier' => $attribute->identifier,
+                'before' => implode(',', $attribute->before),
+                'after' => implode(',', $attribute->after),
+            ]);
+        },
+    );
+};
diff --git a/Configuration/Services.yaml b/Configuration/Services.yaml
new file mode 100644
index 0000000..3b3a490
--- /dev/null
+++ b/Configuration/Services.yaml
@@ -0,0 +1,80 @@
+services:
+  _defaults:
+    autowire: true
+    autoconfigure: true
+    public: false
+
+  TYPO3\CMS\Backend\:
+    resource: '../Classes/*'
+
+  backend.middlewares:
+    class: ArrayObject
+    factory: ['@TYPO3\CMS\Core\Http\MiddlewareStackResolver', 'resolve']
+    arguments: ['backend']
+    public: true
+
+  TYPO3\CMS\Backend\Clipboard\Clipboard:
+    shared: false
+    public: true
+
+  TYPO3\CMS\Backend\ContextMenu\ItemProviders\ItemProvidersRegistry:
+    arguments:
+      - !tagged_iterator backend.contextmenu.itemprovider
+
+  # ModuleTemplate instantiated using factory.
+  TYPO3\CMS\Backend\Template\ModuleTemplate: ~
+
+  # Not a service, not injectable
+  TYPO3\CMS\Backend\Module\ModuleInterface: ~
+
+  # Breadcrumb component with providers
+  TYPO3\CMS\Backend\Template\Components\Breadcrumb:
+    arguments:
+      $providers: !tagged_iterator backend.breadcrumb.provider
+
+  # Auto-tag breadcrumb providers
+  _instanceof:
+    TYPO3\CMS\Backend\Breadcrumb\BreadcrumbProviderInterface:
+      tags: ['backend.breadcrumb.provider']
+
+  TYPO3\CMS\Backend\Search\LiveSearch\SearchProviderRegistry:
+    arguments:
+      - !tagged_iterator livesearch.provider
+
+  TYPO3\CMS\Backend\Search\LiveSearch\DatabaseRecordProvider:
+    tags:
+      - { name: 'livesearch.provider', priority: 50 }
+
+  TYPO3\CMS\Backend\Search\LiveSearch\PageRecordProvider:
+    tags:
+      - { name: 'livesearch.provider', priority: 60 }
+
+  # Localization handler registry
+  TYPO3\CMS\Backend\Localization\LocalizationHandlerRegistry:
+    arguments:
+      - !tagged_iterator backend.localization.handler
+
+  TYPO3\CMS\Backend\ElementBrowser\DatabaseBrowser:
+    shared: false
+
+  TYPO3\CMS\Backend\ElementBrowser\ElementBrowserRegistry:
+    arguments:
+      - !tagged_iterator recordlist.elementbrowser
+
+  # Toolbar registry
+  TYPO3\CMS\Backend\Toolbar\ToolbarItemsRegistry:
+    arguments:
+      - !tagged_iterator backend.toolbar.item
+
+  backendPasswordRecovery.rateLimiterFactory:
+    class: TYPO3\CMS\Core\RateLimiter\RateLimiterFactory
+    arguments:
+      $config:
+        id: 'backend-password-recovery'
+        policy: 'sliding_window'
+        limit: 3
+        interval: '30 minutes'
+
+  TYPO3\CMS\Backend\Authentication\PasswordReset:
+    arguments:
+      $rateLimiterFactory: '@backendPasswordRecovery.rateLimiterFactory'
diff --git a/Configuration/SiteConfiguration/site.php b/Configuration/SiteConfiguration/site.php
new file mode 100644
index 0000000..cc30117
--- /dev/null
+++ b/Configuration/SiteConfiguration/site.php
@@ -0,0 +1,128 @@
+<?php
+
+return [
+    'ctrl' => [
+        'label' => 'identifier',
+        'title' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.ctrl.title',
+        'typeicon_classes' => [
+            'default' => 'mimetypes-x-content-domain',
+        ],
+    ],
+    'columns' => [
+        'identifier' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.identifier',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site.identifier',
+            'config' => [
+                'type' => 'input',
+                'size' => 35,
+                'max' => 255,
+                'required' => true,
+                // identifier is used as directory name - allow a-z,0-9,_,- as chars only.
+                // unique is additionally checked server side
+                'eval' => 'lower, alphanum_x, trim',
+            ],
+        ],
+        'rootPageId' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.rootPageId',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site.rootPageId',
+            'config' => [
+                'type' => 'select',
+                'readOnly' => true,
+                'renderType' => 'selectSingle',
+                'foreign_table' => 'pages',
+                'foreign_table_where' => ' AND ({#is_siteroot}=1 OR ({#pid}=0 AND {#doktype} IN (1,6,7))) AND {#l10n_parent} = 0 ORDER BY pid, sorting',
+            ],
+        ],
+        'base' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.base',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site.base',
+            'config' => [
+                'type' => 'input',
+                'required' => true,
+                'eval' => 'trim',
+            ],
+        ],
+        'baseVariants' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.baseVariants',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site.baseVariants',
+            'config' => [
+                'type' => 'inline',
+                'foreign_table' => 'site_base_variant',
+                'appearance' => [
+                    'enabledControls' => [
+                        'info' => false,
+                    ],
+                ],
+            ],
+        ],
+        'websiteTitle' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.websiteTitle',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site.websiteTitle',
+            'config' => [
+                'type' => 'input',
+                'eval' => 'trim',
+                'default' => '',
+            ],
+        ],
+        'dependencies' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.dependencies',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site.dependencies',
+            'config' => [
+                'type' => 'select',
+                'renderType' => 'selectMultipleSideBySide',
+                'itemsProcFunc' => \TYPO3\CMS\Core\Site\TcaSiteSetCollector::class . '->populateSiteSets',
+                'size' => 5,
+                'maxitems' => 9999,
+            ],
+        ],
+        'languages' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.languages',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.languages.description',
+            'config' => [
+                'type' => 'siteLanguage',
+            ],
+        ],
+        'errorHandling' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.errorHandling',
+            'config' => [
+                'type' => 'inline',
+                'foreign_table' => 'site_errorhandling',
+                'appearance' => [
+                    'collapseAll' => true,
+                    'enabledControls' => [
+                        'info' => false,
+                    ],
+                ],
+            ],
+        ],
+        'routes' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.routes',
+            'config' => [
+                'type' => 'inline',
+                'foreign_table' => 'site_route',
+                'appearance' => [
+                    'collapseAll' => true,
+                    'enabledControls' => [
+                        'info' => false,
+                    ],
+                ],
+            ],
+        ],
+    ],
+    'types' => [
+        '0' => [
+            'showitem' => '--palette--;;default,--palette--;;base,dependencies,
+                --div--;LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.tab.languages, languages,
+                --div--;LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.tab.errorHandling, errorHandling,
+                --div--;LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.tab.routes, routes',
+        ],
+    ],
+    'palettes' => [
+        'default' => [
+            'showitem' => 'rootPageId, identifier, --linebreak--, websiteTitle',
+        ],
+        'base' => [
+            'showitem' => 'base, baseVariants',
+        ],
+    ],
+];
diff --git a/Configuration/SiteConfiguration/site_base_variant.php b/Configuration/SiteConfiguration/site_base_variant.php
new file mode 100644
index 0000000..e5815ba
--- /dev/null
+++ b/Configuration/SiteConfiguration/site_base_variant.php
@@ -0,0 +1,46 @@
+<?php
+
+return [
+    'ctrl' => [
+        'label' => 'base',
+        'label_alt' => 'condition',
+        'label_alt_force' => true,
+        'title' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_base_variant.ctrl.title',
+        'typeicon_classes' => [
+            'default' => 'mimetypes-x-content-domain',
+        ],
+    ],
+    'columns' => [
+        'base' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_base_variant.base',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site_base_variant.base',
+            'config' => [
+                'type' => 'input',
+                'required' => true,
+                'eval' => 'trim',
+                'placeholder' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_base_variant.base.placeholder',
+            ],
+        ],
+        'condition' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_base_variant.condition',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site_base_variant.condition',
+            'config' => [
+                'type' => 'input',
+                'required' => true,
+                'eval' => 'trim',
+                'valuePicker' => [
+                    'items' => [
+                        [ 'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_base_variant.condition.applicationContext', 'value' => 'applicationContext == "Production"'],
+                        [ 'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_base_variant.condition.environmentVariable', 'value' => 'getenv("mycontext") == "production"'],
+                    ],
+                ],
+                'placeholder' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_base_variant.condition.placeholder',
+            ],
+        ],
+    ],
+    'types' => [
+        '1' => [
+            'showitem' => 'base,condition',
+        ],
+    ],
+];
diff --git a/Configuration/SiteConfiguration/site_errorhandling.php b/Configuration/SiteConfiguration/site_errorhandling.php
new file mode 100644
index 0000000..fa7063e
--- /dev/null
+++ b/Configuration/SiteConfiguration/site_errorhandling.php
@@ -0,0 +1,151 @@
+<?php
+
+return [
+    'ctrl' => [
+        'label' => 'errorHandler',
+        'label_userFunc' => \TYPO3\CMS\Backend\Configuration\TCA\UserFunctions::class . '->getErrorHandlingTitle',
+        'title' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.ctrl.title',
+        'type' => 'errorHandler',
+        'typeicon_column' => 'errorHandler',
+        'typeicon_classes' => [
+            'default' => 'default-not-found',
+            'Fluid' => 'mimetypes-text-html',
+            'Page' => 'apps-pagetree-page-content-from-page',
+            'PHP' => 'mimetypes-text-php',
+            'LoginRedirect' => 'content-elements-login',
+        ],
+    ],
+    'columns' => [
+        'errorCode' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorCode',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site_errorhandling.errorCode',
+            'config' => [
+                'type' => 'number',
+                'required' => true,
+                'range' => [
+                    'lower' => 0,
+                    'upper' => 599,
+                ],
+                'size' => 8,
+                'default' => 404,
+                'valuePicker' => [
+                    'items' => [
+                        ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorCode.404', 'value' => '404'],
+                        ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorCode.403', 'value' => '403'],
+                        ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorCode.500', 'value' => '500'],
+                        ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorCode.503', 'value' => '503'],
+                        ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorCode.0', 'value' => '0'],
+                    ],
+                ],
+            ],
+        ],
+        'errorHandler' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorHandler',
+            'config' => [
+                'type' => 'select',
+                'renderType' => 'selectSingle',
+                'required' => true,
+                'items' => [
+                    ['label' => '', 'value' => ''],
+                    ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorHandler.fluid', 'value' => 'Fluid'],
+                    ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorHandler.page', 'value' => 'Page'],
+                    ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorHandler.php', 'value' => 'PHP'],
+                    ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorHandler.loginRedirect', 'value' => 'LoginRedirect'],
+                ],
+            ],
+        ],
+        'errorFluidTemplate' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorFluidTemplate',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site_errorhandling.errorFluidTemplate',
+            'config' => [
+                'type' => 'input',
+                'required' => true,
+                'eval' => 'trim',
+                'placeholder' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorFluidTemplate.placeholder',
+            ],
+        ],
+        'errorFluidTemplatesRootPath' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorFluidTemplatesRootPath',
+            'config' => [
+                'type' => 'input',
+                'eval' => 'trim',
+            ],
+        ],
+        'errorFluidLayoutsRootPath' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorFluidLayoutsRootPath',
+            'config' => [
+                'type' => 'input',
+                'eval' => 'trim',
+            ],
+        ],
+        'errorFluidPartialsRootPath' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorFluidPartialsRootPath',
+            'config' => [
+                'type' => 'input',
+                'eval' => 'trim',
+            ],
+        ],
+        'errorContentSource' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorContentSource',
+            'config' => [
+                'type' => 'link',
+                'required' => true,
+                'allowedTypes' => ['page', 'url', 'record'],
+            ],
+        ],
+        'errorPhpClassFQCN' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorPhpClassFQCN',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site_errorhandling.errorPhpClassFQCN',
+            'config' => [
+                'type' => 'input',
+                'required' => true,
+                'eval' => 'trim',
+                'placeholder' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorPhpClassFQCN.placeholder',
+            ],
+        ],
+        'loginRedirectTarget' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.loginRedirectTarget',
+            'config' => [
+                'type' => 'link',
+                'required' => true,
+                'allowedTypes' => ['page'],
+            ],
+        ],
+        'loginRedirectParameter' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.loginRedirectParameter',
+            'config' => [
+                'type' => 'select',
+                'renderType' => 'selectSingle',
+                'required' => true,
+                'items' => [
+                    ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.loginRedirectParameter.return_url', 'value' => 'return_url'],
+                    ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.loginRedirectParameter.redirect_url', 'value' => 'redirect_url'],
+                ],
+            ],
+        ],
+    ],
+    'types' => [
+        '1' => [
+            'showitem' => '--palette--;;general',
+        ],
+        'Fluid' => [
+            'showitem' => '--palette--;;general, errorFluidTemplate,
+                           --div--;LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.tab.rootpaths,
+                           errorFluidTemplatesRootPath, errorFluidLayoutsRootPath, errorFluidPartialsRootPath',
+        ],
+        'Page' => [
+            'showitem' => '--palette--;;general, errorContentSource',
+        ],
+        'PHP' => [
+            'showitem' => '--palette--;;general, errorPhpClassFQCN',
+        ],
+        'LoginRedirect' => [
+            'showitem' => '--palette--;;general, loginRedirectTarget, loginRedirectParameter',
+        ],
+    ],
+    'palettes' => [
+        'general' => [
+            'showitem' => 'errorCode, errorHandler',
+        ],
+    ],
+];
diff --git a/Configuration/SiteConfiguration/site_language.php b/Configuration/SiteConfiguration/site_language.php
new file mode 100644
index 0000000..495f89e
--- /dev/null
+++ b/Configuration/SiteConfiguration/site_language.php
@@ -0,0 +1,183 @@
+<?php
+
+return [
+    'ctrl' => [
+        'label' => 'languageId',
+        'label_userFunc' => \TYPO3\CMS\Backend\Configuration\TCA\UserFunctions::class . '->getSiteLanguageTitle',
+        'title' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.ctrl.title',
+        'typeicon_classes' => [
+            'default' => 'mimetypes-x-content-domain',
+        ],
+    ],
+    'columns' => [
+        'languageId' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.languageId',
+            'config' => [
+                'type' => 'select',
+                'renderType' => 'selectSingle',
+                'itemsProcFunc' => \TYPO3\CMS\Backend\Configuration\TCA\ItemsProcessorFunctions::class . '->populateAvailableLanguagesFromSites',
+            ],
+        ],
+        'title' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.title',
+            'config' => [
+                'type' => 'input',
+                'size' => 15,
+                'required' => true,
+                'eval' => 'trim',
+                'placeholder' => 'English',
+            ],
+        ],
+        'navigationTitle' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.navigationTitle',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site_language.navigationTitle',
+            'config' => [
+                'type' => 'input',
+                'size' => 15,
+                'eval' => 'trim',
+                'placeholder' => 'English',
+            ],
+        ],
+        'base' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.base',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site_language.base',
+            'config' => [
+                'type' => 'input',
+                'required' => true,
+                'eval' => 'trim',
+                'size' => 15,
+                'default' => '/',
+                'placeholder' => '/',
+            ],
+        ],
+        'websiteTitle' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.websiteTitle',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site_language.websiteTitle',
+            'config' => [
+                'type' => 'input',
+                'eval' => 'trim',
+                'default' => '',
+            ],
+        ],
+        'locale' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.locale',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site_language.locale',
+            'config' => [
+                'type' => 'input',
+                'required' => true,
+                'eval' => 'trim',
+                'size' => 20,
+                'placeholder' => 'en-US',
+                'valuePicker' => [
+                    'items' => \TYPO3\CMS\Backend\Configuration\TCA\UserFunctions::getAllSystemLocales(),
+                ],
+            ],
+        ],
+        'hreflang' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.hreflang',
+            'description' => 'LLL:EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf:site_language.hreflang',
+            'config' => [
+                'type' => 'input',
+                'eval' => 'trim',
+                'size' => 6,
+                'default' => '',
+                'placeholder' => 'en-US',
+            ],
+        ],
+        'languageTag' => [
+            'label' => 'Language Tag',
+            'description' => 'IETF language tag, e.g. "en", "de", "de-CH"',
+            'config' => [
+                'type' => 'input',
+                'eval' => 'trim',
+                'size' => 10,
+                'max' => 35,
+                'default' => '',
+            ],
+        ],
+        'enabled' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.enabled',
+            'config' => [
+                'type' => 'check',
+                'renderType' => 'checkboxToggle',
+                'default' => 1,
+            ],
+        ],
+        'flag' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.flag',
+            'config' => [
+                'type' => 'select',
+                'renderType' => 'selectSingle',
+                'itemGroups' => [
+                    'misc' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.flag.group.misc',
+                    'countries' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.flag.group.countries',
+                    'colors' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.flag.group.colors',
+                ],
+                'itemsProcFunc' => \TYPO3\CMS\Backend\Configuration\TCA\ItemsProcessorFunctions::class . '->populateFlags',
+                'items' => [
+                    ['label' => 'default', 'value' => 'global', 'icon' => 'flags-multiple', 'group' => 'misc'],
+                    ['label' => 'en-us-gb', 'value' => 'en-us-gb', 'icon' => 'flags-en-us-gb', 'group' => 'misc'],
+                    ['label' => 'eu', 'value' => 'eu', 'icon' => 'flags-eu', 'group' => 'misc'],
+                ],
+                'sortItems' => [
+                    'label' => 'asc',
+                ],
+                'fieldWizard' => [
+                    'selectIcons' => [
+                        'disabled' => false,
+                    ],
+                ],
+            ],
+        ],
+        'fallbackType' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.fallbackType',
+            'displayCond' => 'FIELD:languageId:>:0',
+            'config' => [
+                'type' => 'select',
+                'renderType' => 'selectSingle',
+                'items' => [
+                    ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.fallbackType.strict', 'value' => 'strict'],
+                    ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.fallbackType.fallback', 'value' => 'fallback'],
+                    ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.fallbackType.free', 'value' => 'free'],
+                ],
+            ],
+        ],
+        'fallbacks' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.fallbacks',
+            'displayCond' => 'FIELD:languageId:>:0',
+            'config' => [
+                'type' => 'select',
+                'renderType' => 'selectMultipleSideBySide',
+                'itemsProcFunc' => \TYPO3\CMS\Backend\Configuration\TCA\ItemsProcessorFunctions::class . '->populateFallbackLanguages',
+                'size' => 5,
+                'min' => 0,
+            ],
+        ],
+        'primary' => [
+            'label' => 'Primary Language',
+            'config' => [
+                'type' => 'check',
+                'renderType' => 'checkboxToggle',
+                'default' => 0,
+            ],
+        ],
+    ],
+    'types' => [
+        '1' => [
+            'showitem' => '--palette--;;default, --palette--;;rendering-related, flag, --palette--;;languageIdPalette',
+        ],
+    ],
+    'palettes' => [
+        'default' => [
+            'showitem' => 'title, enabled, --linebreak--, locale, hreflang, languageTag, --linebreak--, base',
+        ],
+        'languageIdPalette' => [
+            'showitem' => 'languageId, primary',
+            'isHiddenPalette' => true,
+        ],
+        'rendering-related' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_language.palette.frontend',
+            'showitem' => 'websiteTitle, navigationTitle, --linebreak--, fallbackType, --linebreak--, fallbacks',
+        ],
+    ],
+];
diff --git a/Configuration/SiteConfiguration/site_route.php b/Configuration/SiteConfiguration/site_route.php
new file mode 100644
index 0000000..ad7429f
--- /dev/null
+++ b/Configuration/SiteConfiguration/site_route.php
@@ -0,0 +1,99 @@
+<?php
+
+return [
+    'ctrl' => [
+        'label' => 'route',
+        'label_userFunc' => \TYPO3\CMS\Backend\Configuration\TCA\UserFunctions::class . '->getRouteTitle',
+        'title' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_route.ctrl.title',
+        'type' => 'type',
+        'typeicon_column' => 'type',
+        'typeicon_classes' => [
+            'staticText' => 'mimetypes-text-html',
+            'asset' => 'mimetypes-text-html',
+            'uri' => 'apps-pagetree-page-content-from-page',
+        ],
+    ],
+    'columns' => [
+        'route' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_route.route',
+            'config' => [
+                'type' => 'input',
+                'required' => true,
+                'eval' => 'trim',
+                'placeholder' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_route.route.placeholder',
+                'valuePicker' => [
+                    'items' => [
+                        ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_route.route.example1', 'value' => 'robots.txt'],
+                    ],
+                ],
+            ],
+        ],
+        'type' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_route.type',
+            'config' => [
+                'type' => 'select',
+                'renderType' => 'selectSingle',
+                'required' => true,
+                'items' => [
+                    ['label' => '', 'value' => ''],
+                    ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_route.staticText', 'value' => 'staticText'],
+                    ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_route.source', 'value' => 'uri'],
+                    ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_route.asset', 'value' => 'asset'],
+                ],
+            ],
+        ],
+        'content' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_route.staticText',
+            'config' => [
+                'type' => 'text',
+                'required' => true,
+                'valuePicker' => [
+                    'items' => [
+                        ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_route.staticText.example1', 'value' => 'User-agent: *
+Disallow: /typo3/
+Disallow: /typo3_src/
+Disallow: /fileadmin/user_upload/_temp_/importexport
+# Uncomment the following line if you have a sitemap enabled. Replace the domain with your own.
+# Sitemap: https://www.example.org/sitemap.xml
+'],
+                    ],
+                ],
+            ],
+        ],
+        'source' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_route.source',
+            'config' => [
+                'type' => 'link',
+                'required' => true,
+                'allowedTypes' => ['page', 'url', 'record', 'file'],
+            ],
+        ],
+        'asset' => [
+            'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_route.asset',
+            'config' => [
+                'type' => 'input',
+                'eval' => 'trim',
+                'required' => true,
+                'valuePicker' => [
+                    'items' => [
+                        ['label' => 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_route.asset.example', 'value' => 'EXT:backend/Resources/Public/Icons/favicon.ico'],
+                    ],
+                ],
+            ],
+        ],
+    ],
+    'types' => [
+        '1' => [
+            'showitem' => 'route, type',
+        ],
+        'staticText' => [
+            'showitem' => 'route, type, content',
+        ],
+        'uri' => [
+            'showitem' => 'route, type, source',
+        ],
+        'asset' => [
+            'showitem' => 'route, type, asset',
+        ],
+    ],
+];
diff --git a/Configuration/TCA/Overrides/be_users.php b/Configuration/TCA/Overrides/be_users.php
new file mode 100644
index 0000000..a815947
--- /dev/null
+++ b/Configuration/TCA/Overrides/be_users.php
@@ -0,0 +1,265 @@
+<?php
+
+declare(strict_types=1);
+
+use TYPO3\CMS\Backend\Backend\ColorScheme;
+use TYPO3\CMS\Backend\UserFunctions\UserSettingsItemsProcFunc;
+use TYPO3\CMS\Core\Utility\ExtensionManagementUtility;
+
+defined('TYPO3') or die();
+
+$GLOBALS['TCA']['be_users']['columns']['user_settings'] = [
+    'label' => 'backend.user_profile:user_settings',
+    'config' => [
+        'type' => 'json',
+    ],
+];
+
+// Set up the showitem structure with tabs
+$GLOBALS['TCA']['be_users']['columns']['user_settings']['showitem'] = '
+    --div--;core.form.tabs:personaldata,
+    --div--;core.form.tabs:account_security,
+    --div--;core.form.tabs:backend_appearance,
+    --div--;core.form.tabs:personalization';
+
+// Personal data tab
+ExtensionManagementUtility::addUserSetting(
+    'realName',
+    [
+        'inheritFromParent' => true,
+    ],
+    'after:--div--;core.form.tabs:personaldata'
+);
+ExtensionManagementUtility::addUserSetting(
+    'email',
+    [
+        'inheritFromParent' => true,
+    ],
+    'after:realName'
+);
+ExtensionManagementUtility::addUserSetting(
+    'emailMeAtLogin',
+    [
+        'label' => 'backend.user_profile:email_me_at_login',
+        'config' => [
+            'type' => 'check',
+            'renderType' => 'checkboxToggle',
+        ],
+    ],
+    'after:email'
+);
+ExtensionManagementUtility::addUserSetting(
+    'avatar',
+    [
+        'label' => 'backend.user_profile:avatar',
+        'config' => [
+            'type' => 'none',
+            'renderType' => 'avatar',
+        ],
+    ],
+    'after:emailMeAtLogin'
+);
+ExtensionManagementUtility::addUserSetting(
+    'lang',
+    [
+        'label' => 'backend.user_profile:language',
+        'table' => 'be_users',
+        'config' => [
+            'type' => 'select',
+            'renderType' => 'selectSingle',
+            'itemsProcFunc' => UserSettingsItemsProcFunc::class . '->addLanguageItems',
+        ],
+    ],
+    'after:avatar'
+);
+
+// Account security tab
+ExtensionManagementUtility::addUserSetting(
+    'password',
+    [
+        'inheritFromParent' => true,
+        'label' => 'backend.user_profile:new_password',
+    ],
+    'after:--div--;core.form.tabs:account_security'
+);
+ExtensionManagementUtility::addUserSetting(
+    'password2',
+    [
+        'label' => 'backend.user_profile:new_password_again',
+        'config' => [
+            'type' => 'password',
+            'passwordPolicy' => $GLOBALS['TYPO3_CONF_VARS']['BE']['passwordPolicy'] ?? '',
+            'size' => 20,
+            'required' => true,
+        ],
+    ],
+    'after:password'
+);
+ExtensionManagementUtility::addUserSetting(
+    'mfaProviders',
+    [
+        'label' => 'backend.user_profile:mfa_providers',
+        'config' => [
+            // @todo Use a new internal TCA type to prevent raw data being displayed in the backend
+            'type' => 'none',
+            'renderType' => 'mfaInfo',
+        ],
+        'authenticationContext' => [
+            'group' => 'be.userManagement',
+        ],
+    ],
+    'after:password2'
+);
+
+// Backend appearance tab
+ExtensionManagementUtility::addUserSetting(
+    'colorScheme',
+    [
+        'label' => 'backend.messages:colorScheme',
+        'config' => [
+            'type' => 'select',
+            'renderType' => 'selectSingle',
+            'items' => ColorScheme::getAvailableItemsForSelection(),
+        ],
+    ],
+    'after:--div--;core.form.tabs:backend_appearance'
+);
+ExtensionManagementUtility::addUserSetting(
+    'theme',
+    [
+        'label' => 'backend.messages:theme',
+        'config' => [
+            'type' => 'select',
+            'renderType' => 'selectSingle',
+            'items' => [
+                ['label' => 'backend.messages:theme.fresh', 'value' => 'fresh'],
+                ['label' => 'backend.messages:theme.modern', 'value' => 'modern'],
+                ['label' => 'backend.messages:theme.classic', 'value' => 'classic'],
+            ],
+        ],
+    ],
+    'after:colorScheme'
+);
+ExtensionManagementUtility::addUserSetting(
+    'startModule',
+    [
+        'label' => 'backend.user_profile:start_module',
+        'config' => [
+            'type' => 'select',
+            'renderType' => 'selectSingle',
+            'itemsProcFunc' => UserSettingsItemsProcFunc::class . '->renderStartModuleSelect',
+            'items' => [],
+        ],
+    ],
+    'after:theme'
+);
+ExtensionManagementUtility::addUserSetting(
+    'backendTitleFormat',
+    [
+        'label' => 'backend.user_profile:backend_title_format',
+        'config' => [
+            'type' => 'select',
+            'renderType' => 'selectSingle',
+            'items' => [
+                ['label' => 'backend.user_profile:backend_title_format.title_first', 'value' => 'titleFirst'],
+                ['label' => 'backend.user_profile:backend_title_format.sitename_first', 'value' => 'sitenameFirst'],
+            ],
+        ],
+    ],
+    'after:startModule'
+);
+ExtensionManagementUtility::addUserSetting(
+    'dateTimeFirstDayOfWeek',
+    [
+        'label' => 'backend.user_profile:datetime_first_day_of_week',
+        'config' => [
+            'type' => 'select',
+            'renderType' => 'selectSingle',
+            'itemsProcFunc' => UserSettingsItemsProcFunc::class . '->renderDateTimeFirstDayOfWeekSelect',
+            'items' => [],
+        ],
+    ],
+    'after:backendTitleFormat'
+);
+
+// Personalization tab
+ExtensionManagementUtility::addUserSetting(
+    'titleLen',
+    [
+        'label' => 'backend.user_profile:max_title_len',
+        'config' => [
+            'type' => 'number',
+            'size' => 5,
+            'range' => [
+                'lower' => 10,
+                'upper' => 255,
+            ],
+            'default' => 50,
+        ],
+    ],
+    'after:--div--;core.form.tabs:personalization'
+);
+ExtensionManagementUtility::addUserSetting(
+    'edit_docModuleUpload',
+    [
+        'label' => 'backend.user_profile:edit_doc_module_upload',
+        'config' => [
+            'type' => 'check',
+            'renderType' => 'checkboxToggle',
+        ],
+    ],
+    'after:titleLen'
+);
+ExtensionManagementUtility::addUserSetting(
+    'showHiddenFilesAndFolders',
+    [
+        'label' => 'backend.user_profile:show_hidden_files_and_folders',
+        'config' => [
+            'type' => 'check',
+            'renderType' => 'checkboxToggle',
+        ],
+    ],
+    'after:edit_docModuleUpload'
+);
+ExtensionManagementUtility::addUserSetting(
+    'displayRecentlyUsed',
+    [
+        'label' => 'backend.user_profile:display_recently_used',
+        'persistentUpdate' => true,
+        'config' => [
+            'type' => 'check',
+            'renderType' => 'checkboxToggle',
+            'default' => 1,
+        ],
+    ],
+    'after:showHiddenFilesAndFolders'
+);
+ExtensionManagementUtility::addUserSetting(
+    'contextualRecordEdit',
+    [
+        'label' => 'backend.user_profile:contextual_record_edit',
+        'persistentUpdate' => true,
+        'config' => [
+            'type' => 'check',
+            'renderType' => 'checkboxToggle',
+            'default' => 1,
+        ],
+    ],
+    'after:edit_docModuleUpload'
+);
+ExtensionManagementUtility::addUserSetting(
+    'copyLevels',
+    [
+        'label' => 'backend.user_profile:copy_levels',
+        'config' => [
+            'type' => 'number',
+            'size' => 5,
+            'range' => [
+                'lower' => 0,
+                'upper' => 100,
+            ],
+            'default' => 0,
+        ],
+    ],
+    'after:displayRecentlyUsed'
+);
diff --git a/Configuration/page.tsconfig b/Configuration/page.tsconfig
new file mode 100644
index 0000000..094b12e
--- /dev/null
+++ b/Configuration/page.tsconfig
@@ -0,0 +1,56 @@
+# Register default link handlers
+TCEMAIN.linkHandler {
+  page {
+    handler = TYPO3\CMS\Backend\LinkHandler\PageLinkHandler
+    label = LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:page
+  }
+  url {
+    handler = TYPO3\CMS\Backend\LinkHandler\UrlLinkHandler
+    label = LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:extUrl
+    displayAfter = page,file,folder
+    scanAfter = telephone
+  }
+  email {
+    handler = TYPO3\CMS\Backend\LinkHandler\MailLinkHandler
+    label = LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:email
+    displayAfter = page,file,folder,url
+    scanBefore = url
+  }
+  telephone {
+    handler = TYPO3\CMS\Backend\LinkHandler\TelephoneLinkHandler
+    label = LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:telephone
+    displayAfter = page,file,folder,url,mail
+    scanBefore = url
+  }
+}
+
+mod.web_list {
+  enableClipBoard = selectable
+  tableDisplayOrder {
+    be_users.after = be_groups
+    sys_filemounts.after = be_users
+    sys_file_storage.after = sys_filemounts
+    fe_users.after = fe_groups
+    fe_users.before = pages
+    sys_template.after = pages
+    backend_layout.after = pages
+    tt_content.after = pages,backend_layout,sys_template
+    sys_category.after = tt_content
+  }
+  searchLevel.items {
+    -1 = EXT:core/Resources/Private/Language/locallang_core.xlf:labels.searchLevel.infinite
+    0 = EXT:core/Resources/Private/Language/locallang_core.xlf:labels.searchLevel.0
+    1 = EXT:core/Resources/Private/Language/locallang_core.xlf:labels.searchLevel.1
+    2 = EXT:core/Resources/Private/Language/locallang_core.xlf:labels.searchLevel.2
+    3 = EXT:core/Resources/Private/Language/locallang_core.xlf:labels.searchLevel.3
+    4 = EXT:core/Resources/Private/Language/locallang_core.xlf:labels.searchLevel.4
+  }
+}
+
+# dummy placeholders for item groups
+mod.wizards {
+  newRecord.pages.show {
+    pageInside = 1
+    pageAfter = 1
+  }
+}
diff --git a/Configuration/user.tsconfig b/Configuration/user.tsconfig
new file mode 100644
index 0000000..116aa3f
--- /dev/null
+++ b/Configuration/user.tsconfig
@@ -0,0 +1,32 @@
+options.enableBookmarks = 1
+
+# Default bookmark groups (can be disabled by setting to 0 or empty)
+options.bookmarkGroups {
+  1 = core.bookmarks:group_pages
+  2 = core.bookmarks:group_records
+  3 = core.bookmarks:group_files
+  4 = core.bookmarks:group_tools
+  5 = core.bookmarks:group_miscellaneous
+}
+
+options.pageTree {
+  searchInTranslatedPages = 1
+  searchByFrontendUri = 1
+}
+
+options.contextMenu {
+    table {
+        pages {
+            disableItems =
+            tree.disableItems =
+        }
+        sys_file {
+            disableItems =
+            tree.disableItems =
+        }
+        sys_filemounts {
+            disableItems =
+            tree.disableItems =
+        }
+    }
+}
diff --git a/LICENSE.txt b/LICENSE.txt
new file mode 100644
index 0000000..d159169
--- /dev/null
+++ b/LICENSE.txt
@@ -0,0 +1,339 @@
+                    GNU GENERAL PUBLIC LICENSE
+                       Version 2, June 1991
+
+ Copyright (C) 1989, 1991 Free Software Foundation, Inc.,
+ 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
+ Everyone is permitted to copy and distribute verbatim copies
+ of this license document, but changing it is not allowed.
+
+                            Preamble
+
+  The licenses for most software are designed to take away your
+freedom to share and change it.  By contrast, the GNU General Public
+License is intended to guarantee your freedom to share and change free
+software--to make sure the software is free for all its users.  This
+General Public License applies to most of the Free Software
+Foundation's software and to any other program whose authors commit to
+using it.  (Some other Free Software Foundation software is covered by
+the GNU Lesser General Public License instead.)  You can apply it to
+your programs, too.
+
+  When we speak of free software, we are referring to freedom, not
+price.  Our General Public Licenses are designed to make sure that you
+have the freedom to distribute copies of free software (and charge for
+this service if you wish), that you receive source code or can get it
+if you want it, that you can change the software or use pieces of it
+in new free programs; and that you know you can do these things.
+
+  To protect your rights, we need to make restrictions that forbid
+anyone to deny you these rights or to ask you to surrender the rights.
+These restrictions translate to certain responsibilities for you if you
+distribute copies of the software, or if you modify it.
+
+  For example, if you distribute copies of such a program, whether
+gratis or for a fee, you must give the recipients all the rights that
+you have.  You must make sure that they, too, receive or can get the
+source code.  And you must show them these terms so they know their
+rights.
+
+  We protect your rights with two steps: (1) copyright the software, and
+(2) offer you this license which gives you legal permission to copy,
+distribute and/or modify the software.
+
+  Also, for each author's protection and ours, we want to make certain
+that everyone understands that there is no warranty for this free
+software.  If the software is modified by someone else and passed on, we
+want its recipients to know that what they have is not the original, so
+that any problems introduced by others will not reflect on the original
+authors' reputations.
+
+  Finally, any free program is threatened constantly by software
+patents.  We wish to avoid the danger that redistributors of a free
+program will individually obtain patent licenses, in effect making the
+program proprietary.  To prevent this, we have made it clear that any
+patent must be licensed for everyone's free use or not licensed at all.
+
+  The precise terms and conditions for copying, distribution and
+modification follow.
+
+                    GNU GENERAL PUBLIC LICENSE
+   TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
+
+  0. This License applies to any program or other work which contains
+a notice placed by the copyright holder saying it may be distributed
+under the terms of this General Public License.  The "Program", below,
+refers to any such program or work, and a "work based on the Program"
+means either the Program or any derivative work under copyright law:
+that is to say, a work containing the Program or a portion of it,
+either verbatim or with modifications and/or translated into another
+language.  (Hereinafter, translation is included without limitation in
+the term "modification".)  Each licensee is addressed as "you".
+
+Activities other than copying, distribution and modification are not
+covered by this License; they are outside its scope.  The act of
+running the Program is not restricted, and the output from the Program
+is covered only if its contents constitute a work based on the
+Program (independent of having been made by running the Program).
+Whether that is true depends on what the Program does.
+
+  1. You may copy and distribute verbatim copies of the Program's
+source code as you receive it, in any medium, provided that you
+conspicuously and appropriately publish on each copy an appropriate
+copyright notice and disclaimer of warranty; keep intact all the
+notices that refer to this License and to the absence of any warranty;
+and give any other recipients of the Program a copy of this License
+along with the Program.
+
+You may charge a fee for the physical act of transferring a copy, and
+you may at your option offer warranty protection in exchange for a fee.
+
+  2. You may modify your copy or copies of the Program or any portion
+of it, thus forming a work based on the Program, and copy and
+distribute such modifications or work under the terms of Section 1
+above, provided that you also meet all of these conditions:
+
+    a) You must cause the modified files to carry prominent notices
+    stating that you changed the files and the date of any change.
+
+    b) You must cause any work that you distribute or publish, that in
+    whole or in part contains or is derived from the Program or any
+    part thereof, to be licensed as a whole at no charge to all third
+    parties under the terms of this License.
+
+    c) If the modified program normally reads commands interactively
+    when run, you must cause it, when started running for such
+    interactive use in the most ordinary way, to print or display an
+    announcement including an appropriate copyright notice and a
+    notice that there is no warranty (or else, saying that you provide
+    a warranty) and that users may redistribute the program under
+    these conditions, and telling the user how to view a copy of this
+    License.  (Exception: if the Program itself is interactive but
+    does not normally print such an announcement, your work based on
+    the Program is not required to print an announcement.)
+
+These requirements apply to the modified work as a whole.  If
+identifiable sections of that work are not derived from the Program,
+and can be reasonably considered independent and separate works in
+themselves, then this License, and its terms, do not apply to those
+sections when you distribute them as separate works.  But when you
+distribute the same sections as part of a whole which is a work based
+on the Program, the distribution of the whole must be on the terms of
+this License, whose permissions for other licensees extend to the
+entire whole, and thus to each and every part regardless of who wrote it.
+
+Thus, it is not the intent of this section to claim rights or contest
+your rights to work written entirely by you; rather, the intent is to
+exercise the right to control the distribution of derivative or
+collective works based on the Program.
+
+In addition, mere aggregation of another work not based on the Program
+with the Program (or with a work based on the Program) on a volume of
+a storage or distribution medium does not bring the other work under
+the scope of this License.
+
+  3. You may copy and distribute the Program (or a work based on it,
+under Section 2) in object code or executable form under the terms of
+Sections 1 and 2 above provided that you also do one of the following:
+
+    a) Accompany it with the complete corresponding machine-readable
+    source code, which must be distributed under the terms of Sections
+    1 and 2 above on a medium customarily used for software interchange; or,
+
+    b) Accompany it with a written offer, valid for at least three
+    years, to give any third party, for a charge no more than your
+    cost of physically performing source distribution, a complete
+    machine-readable copy of the corresponding source code, to be
+    distributed under the terms of Sections 1 and 2 above on a medium
+    customarily used for software interchange; or,
+
+    c) Accompany it with the information you received as to the offer
+    to distribute corresponding source code.  (This alternative is
+    allowed only for noncommercial distribution and only if you
+    received the program in object code or executable form with such
+    an offer, in accord with Subsection b above.)
+
+The source code for a work means the preferred form of the work for
+making modifications to it.  For an executable work, complete source
+code means all the source code for all modules it contains, plus any
+associated interface definition files, plus the scripts used to
+control compilation and installation of the executable.  However, as a
+special exception, the source code distributed need not include
+anything that is normally distributed (in either source or binary
+form) with the major components (compiler, kernel, and so on) of the
+operating system on which the executable runs, unless that component
+itself accompanies the executable.
+
+If distribution of executable or object code is made by offering
+access to copy from a designated place, then offering equivalent
+access to copy the source code from the same place counts as
+distribution of the source code, even though third parties are not
+compelled to copy the source along with the object code.
+
+  4. You may not copy, modify, sublicense, or distribute the Program
+except as expressly provided under this License.  Any attempt
+otherwise to copy, modify, sublicense or distribute the Program is
+void, and will automatically terminate your rights under this License.
+However, parties who have received copies, or rights, from you under
+this License will not have their licenses terminated so long as such
+parties remain in full compliance.
+
+  5. You are not required to accept this License, since you have not
+signed it.  However, nothing else grants you permission to modify or
+distribute the Program or its derivative works.  These actions are
+prohibited by law if you do not accept this License.  Therefore, by
+modifying or distributing the Program (or any work based on the
+Program), you indicate your acceptance of this License to do so, and
+all its terms and conditions for copying, distributing or modifying
+the Program or works based on it.
+
+  6. Each time you redistribute the Program (or any work based on the
+Program), the recipient automatically receives a license from the
+original licensor to copy, distribute or modify the Program subject to
+these terms and conditions.  You may not impose any further
+restrictions on the recipients' exercise of the rights granted herein.
+You are not responsible for enforcing compliance by third parties to
+this License.
+
+  7. If, as a consequence of a court judgment or allegation of patent
+infringement or for any other reason (not limited to patent issues),
+conditions are imposed on you (whether by court order, agreement or
+otherwise) that contradict the conditions of this License, they do not
+excuse you from the conditions of this License.  If you cannot
+distribute so as to satisfy simultaneously your obligations under this
+License and any other pertinent obligations, then as a consequence you
+may not distribute the Program at all.  For example, if a patent
+license would not permit royalty-free redistribution of the Program by
+all those who receive copies directly or indirectly through you, then
+the only way you could satisfy both it and this License would be to
+refrain entirely from distribution of the Program.
+
+If any portion of this section is held invalid or unenforceable under
+any particular circumstance, the balance of the section is intended to
+apply and the section as a whole is intended to apply in other
+circumstances.
+
+It is not the purpose of this section to induce you to infringe any
+patents or other property right claims or to contest validity of any
+such claims; this section has the sole purpose of protecting the
+integrity of the free software distribution system, which is
+implemented by public license practices.  Many people have made
+generous contributions to the wide range of software distributed
+through that system in reliance on consistent application of that
+system; it is up to the author/donor to decide if he or she is willing
+to distribute software through any other system and a licensee cannot
+impose that choice.
+
+This section is intended to make thoroughly clear what is believed to
+be a consequence of the rest of this License.
+
+  8. If the distribution and/or use of the Program is restricted in
+certain countries either by patents or by copyrighted interfaces, the
+original copyright holder who places the Program under this License
+may add an explicit geographical distribution limitation excluding
+those countries, so that distribution is permitted only in or among
+countries not thus excluded.  In such case, this License incorporates
+the limitation as if written in the body of this License.
+
+  9. The Free Software Foundation may publish revised and/or new versions
+of the General Public License from time to time.  Such new versions will
+be similar in spirit to the present version, but may differ in detail to
+address new problems or concerns.
+
+Each version is given a distinguishing version number.  If the Program
+specifies a version number of this License which applies to it and "any
+later version", you have the option of following the terms and conditions
+either of that version or of any later version published by the Free
+Software Foundation.  If the Program does not specify a version number of
+this License, you may choose any version ever published by the Free Software
+Foundation.
+
+  10. If you wish to incorporate parts of the Program into other free
+programs whose distribution conditions are different, write to the author
+to ask for permission.  For software which is copyrighted by the Free
+Software Foundation, write to the Free Software Foundation; we sometimes
+make exceptions for this.  Our decision will be guided by the two goals
+of preserving the free status of all derivatives of our free software and
+of promoting the sharing and reuse of software generally.
+
+                            NO WARRANTY
+
+  11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY
+FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW.  EXCEPT WHEN
+OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES
+PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED
+OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE.  THE ENTIRE RISK AS
+TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU.  SHOULD THE
+PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING,
+REPAIR OR CORRECTION.
+
+  12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
+WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR
+REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES,
+INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING
+OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED
+TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY
+YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER
+PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE
+POSSIBILITY OF SUCH DAMAGES.
+
+                     END OF TERMS AND CONDITIONS
+
+            How to Apply These Terms to Your New Programs
+
+  If you develop a new program, and you want it to be of the greatest
+possible use to the public, the best way to achieve this is to make it
+free software which everyone can redistribute and change under these terms.
+
+  To do so, attach the following notices to the program.  It is safest
+to attach them to the start of each source file to most effectively
+convey the exclusion of warranty; and each file should have at least
+the "copyright" line and a pointer to where the full notice is found.
+
+    <one line to give the program's name and a brief idea of what it does.>
+    Copyright (C) <year>  <name of author>
+
+    This program is free software; you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation; either version 2 of the License, or
+    (at your option) any later version.
+
+    This program is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License along
+    with this program; if not, write to the Free Software Foundation, Inc.,
+    51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA.
+
+Also add information on how to contact you by electronic and paper mail.
+
+If the program is interactive, make it output a short notice like this
+when it starts in an interactive mode:
+
+    Gnomovision version 69, Copyright (C) year name of author
+    Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
+    This is free software, and you are welcome to redistribute it
+    under certain conditions; type `show c' for details.
+
+The hypothetical commands `show w' and `show c' should show the appropriate
+parts of the General Public License.  Of course, the commands you use may
+be called something other than `show w' and `show c'; they could even be
+mouse-clicks or menu items--whatever suits your program.
+
+You should also get your employer (if you work as a programmer) or your
+school, if any, to sign a "copyright disclaimer" for the program, if
+necessary.  Here is a sample; alter the names:
+
+  Yoyodyne, Inc., hereby disclaims all copyright interest in the program
+  `Gnomovision' (which makes passes at compilers) written by James Hacker.
+
+  <signature of Ty Coon>, 1 April 1989
+  Ty Coon, President of Vice
+
+This General Public License does not permit incorporating your program into
+proprietary programs.  If your program is a subroutine library, you may
+consider it more useful to permit linking proprietary applications with the
+library.  If this is what you want to do, use the GNU Lesser General
+Public License instead of this License.
diff --git a/README.rst b/README.rst
new file mode 100644
index 0000000..92b2ba0
--- /dev/null
+++ b/README.rst
@@ -0,0 +1,11 @@
+===========================
+TYPO3 extension ``backend``
+===========================
+
+This extension includes the TYPO3 backend frame and its basic backend modules,
+for example the Login, the Site Configuration, the Pages and the Content module.
+
+:Repository:  https://github.com/typo3/typo3
+:Issues:      https://forge.typo3.org/
+:Read online: https://docs.typo3.org/
+:Packagist:   https://packagist.org/packages/typo3/cms-backend
diff --git a/Resources/Private/Language/Modules/about.xlf b/Resources/Private/Language/Modules/about.xlf
new file mode 100644
index 0000000..e91198e
--- /dev/null
+++ b/Resources/Private/Language/Modules/about.xlf
@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Modules/about.xlf" date="2011-10-17T20:22:34Z" product-name="typo3-cms-backend">
+    <header/>
+    <body>
+      <trans-unit id="short_description">
+        <source>About TYPO3 CMS</source>
+      </trans-unit>
+      <trans-unit id="description">
+        <source>Displays the basic facts about the TYPO3 application, version and licensing terms.</source>
+      </trans-unit>
+      <trans-unit id="title">
+        <source>About TYPO3 CMS</source>
+      </trans-unit>
+      <trans-unit id="typo3_logo">
+        <source>TYPO3 CMS logo</source>
+      </trans-unit>
+      <trans-unit id="information">
+        <source>TYPO3 Information</source>
+      </trans-unit>
+      <trans-unit id="welcome">
+        <source>TYPO3 CMS - Professional Web Content Management System</source>
+      </trans-unit>
+      <trans-unit id="minor">
+        <source>TYPO3 CMS is an enterprise-class, Open Source Content Management System, used internationally to build and manage websites of all types, from small sites for non-profits to multilingual enterprise solutions for large corporations.&lt;br /&gt;&lt;br /&gt;For further information visit &lt;a href="https://typo3.org/typo3-cms/" target="_blank" rel="noreferrer"&gt;typo3.org&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;TYPO3 CMS is &lt;b&gt;freely available&lt;/b&gt; under the &lt;a href="https://typo3.org/project/licenses/" target="_blank"&gt;TYPO3-license (GNU/GPL)&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;You are using %s %s</source>
+      </trans-unit>
+      <trans-unit id="cms_description">
+        <source>TYPO3 CMS is an enterprise-class, Open Source Content Management System, used internationally to build and manage websites of all types, from small sites for non-profits to multilingual enterprise solutions for large corporations.&lt;br /&gt;&lt;br /&gt;For further information visit &lt;a href="https://typo3.org/typo3-cms/" target="_blank" rel="noreferrer"&gt;typo3.org&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;TYPO3 CMS is &lt;b&gt;freely available&lt;/b&gt; under the &lt;a href="https://typo3.org/project/licenses/" target="_blank"&gt;TYPO3-license (GNU/GPL)&lt;/a&gt;.&lt;br /&gt;&lt;br /&gt;Copyright %s %s</source>
+      </trans-unit>
+      <trans-unit id="community_credits">
+        <source>Community Credits</source>
+      </trans-unit>
+      <trans-unit id="information_detail">
+        <source>Visit &lt;a href="https://typo3.org/community/" target="_blank" rel="noreferrer"&gt;typo3.org/community/&lt;/a&gt; if you want to know why TYPO3 rocks.</source>
+      </trans-unit>
+      <trans-unit id="coredevs">
+        <source>Core Team</source>
+      </trans-unit>
+      <trans-unit id="coredevs_detail">
+        <source>Visit &lt;a href="https://typo3.org/teams-committees/core-development/" target="_blank" rel="noreferrer"&gt;typo3.org/teams-committees/core-development/&lt;/a&gt; for the complete member list.&lt;br /&gt;&lt;br /&gt;The Git Repository and the ChangeLog can be found &lt;a href="https://forge.typo3.org/projects/typo3cms-core/" target="_blank"&gt;here&lt;/a&gt;.</source>
+      </trans-unit>
+      <trans-unit id="extension_authors">
+        <source>Extension Authors</source>
+      </trans-unit>
+      <trans-unit id="extension_list_info">
+        <source>This is a list of the people who contributed to the extensions you're using in your installation.</source>
+      </trans-unit>
+      <trans-unit id="extension">
+        <source>Extension</source>
+      </trans-unit>
+      <trans-unit id="extension_author">
+        <source>Author</source>
+      </trans-unit>
+      <trans-unit id="donation.sectionHeadline">
+        <source>TYPO3 Donation and community</source>
+      </trans-unit>
+      <trans-unit id="donation_header">
+        <source>TYPO3 Donation</source>
+      </trans-unit>
+      <trans-unit id="donation_message">
+        <source>It would be great if you could donate. TYPO3 CMS is Open Source and relies heavily on donations from its users and supporters.&lt;br/&gt;&lt;br/&gt;&lt;b&gt;Thank you&lt;/b&gt; for making this great Content Management System even better with your support!</source>
+      </trans-unit>
+      <trans-unit id="donation_button">
+        <source>Donate now</source>
+      </trans-unit>
+      <trans-unit id="external_libraries">
+        <source>External Libraries</source>
+      </trans-unit>
+      <trans-unit id="external_thanks">
+        <source>TYPO3 CMS core uses and thanks these external Open Source projects:</source>
+      </trans-unit>
+      <trans-unit id="external_libraries.table.column.name">
+        <source>Project name</source>
+      </trans-unit>
+      <trans-unit id="external_libraries.table.column.website">
+        <source>Website</source>
+      </trans-unit>
+      <trans-unit id="introtext">
+        <source>Web Content Management System</source>
+      </trans-unit>
+      <trans-unit id="modules.headline">
+        <source>Modules</source>
+      </trans-unit>
+      <trans-unit id="modules.introtext">
+        <source>This is a brief description of the available modules.</source>
+      </trans-unit>
+      <trans-unit id="endText">
+        <source>Features may vary depending on your website and permissions</source>
+      </trans-unit>
+      <trans-unit id="userInfo">
+        <source>You're logged in as user</source>
+      </trans-unit>
+      <trans-unit id="link.openModule">
+        <source>Open module</source>
+      </trans-unit>
+      <trans-unit id="link.openModuleWithTitle">
+        <source>Open %1s module</source>
+      </trans-unit>
+      <trans-unit id="noSubModules">
+        <source>There are currently no functions available for this module.</source>
+      </trans-unit>
+      <trans-unit id="noSubModulesWithTitle">
+        <source>There are currently no functions available for the %1s module.</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Modules/content-security-policy.xlf b/Resources/Private/Language/Modules/content-security-policy.xlf
new file mode 100644
index 0000000..568bd99
--- /dev/null
+++ b/Resources/Private/Language/Modules/content-security-policy.xlf
@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Modules/content-security-policy.xlf" date="2023-01-11T00:00:00Z" product-name="typo3-cms-backend">
+    <header/>
+    <body>
+      <trans-unit id="short_description">
+        <source>Content Security Policy</source>
+      </trans-unit>
+      <trans-unit id="description">
+        <source>Allows to manage Content Security Policy settings.</source>
+      </trans-unit>
+      <trans-unit id="title">
+        <source>Content Security Policy</source>
+      </trans-unit>
+      <trans-unit id="module.headline">
+        <source>Content Security Policy</source>
+      </trans-unit>
+      <trans-unit id="module.introtext">
+        <source>A list of the existing Content Security Policy Mutations can be viewed in the %s module.</source>
+      </trans-unit>
+      <trans-unit id="module.introtextLowlevelMissing">
+        <source>If you install the core EXT:lowlevel extension, you can see a list of the existing Content Security Policy Mutations in the %s module.</source>
+      </trans-unit>
+      <trans-unit id="module.introtext.moduleName">
+        <source>Configuration</source>
+      </trans-unit>
+      <trans-unit id="module.callout.featureDisabled.title">
+        <source>Disabled feature flags</source>
+      </trans-unit>
+      <trans-unit id="module.callout.featureDisabled.message">
+        <source>The following feature flags are currently disabled and won't be shown in this module:</source>
+      </trans-unit>
+      <trans-unit id="module.callout.customReporting.title">
+        <source>Reporting</source>
+      </trans-unit>
+      <trans-unit id="module.callout.customReporting.message">
+        <source>Reporting is currently configured with these custom endpoints and won't be shown in this module:</source>
+      </trans-unit>
+      <trans-unit id="module.label.noEntriesAvailable">
+        <source>No entries available.</source>
+      </trans-unit>
+      <trans-unit id="module.label.reports">
+        <source>Reports</source>
+      </trans-unit>
+      <trans-unit id="module.label.created">
+        <source>Created</source>
+      </trans-unit>
+      <trans-unit id="module.label.scope">
+        <source>Scope</source>
+      </trans-unit>
+      <trans-unit id="module.label.removeAll">
+        <source>Remove all</source>
+      </trans-unit>
+      <trans-unit id="module.label.violation">
+        <source>Violation</source>
+      </trans-unit>
+      <trans-unit id="module.label.uri">
+        <source>URI</source>
+      </trans-unit>
+      <trans-unit id="module.label.all">
+        <source>All</source>
+      </trans-unit>
+      <trans-unit id="module.label.details">
+        <source>Details</source>
+      </trans-unit>
+      <trans-unit id="module.label.disposition">
+        <source>Disposition</source>
+      </trans-unit>
+      <trans-unit id="module.label.directive">
+        <source>Directive</source>
+      </trans-unit>
+      <trans-unit id="module.label.blocked_uri">
+        <source>Blocked URI</source>
+      </trans-unit>
+      <trans-unit id="module.label.document_uri">
+        <source>Document URI</source>
+      </trans-unit>
+      <trans-unit id="module.label.sample">
+        <source>Sample</source>
+      </trans-unit>
+      <trans-unit id="module.label.user_agent">
+        <source>User Agent</source>
+      </trans-unit>
+      <trans-unit id="module.label.uuid">
+        <source>UUID</source>
+      </trans-unit>
+      <trans-unit id="module.label.source_file">
+        <source>Source File</source>
+      </trans-unit>
+      <trans-unit id="module.label.summary">
+        <source>Summary</source>
+      </trans-unit>
+      <trans-unit id="module.label.suggestions">
+        <source>Suggestions</source>
+      </trans-unit>
+      <trans-unit id="module.label.guide.no_record_selected">
+        <source>Select a row to see more information.</source>
+      </trans-unit>
+      <trans-unit id="module.label.showDetails">
+        <source>Show details for "%s" violation with URI: %s</source>
+      </trans-unit>
+      <trans-unit id="module.button.apply">
+        <source>Apply</source>
+      </trans-unit>
+      <trans-unit id="module.button.close">
+        <source>Close</source>
+      </trans-unit>
+      <trans-unit id="module.button.mute">
+        <source>Mute</source>
+      </trans-unit>
+      <trans-unit id="module.button.delete">
+        <source>Delete</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Modules/layout.xlf b/Resources/Private/Language/Modules/layout.xlf
new file mode 100644
index 0000000..ca8d0db
--- /dev/null
+++ b/Resources/Private/Language/Modules/layout.xlf
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Modules/layout.xlf" date="2026-11-10T13:37:37Z" product-name="layout">
+    <header/>
+    <body>
+      <trans-unit id="short_description">
+        <source>Manage page layout and structured content editing</source>
+      </trans-unit>
+      <trans-unit id="description">
+        <source>The Layout module provides a structured space for editing page content. It allows you to manage the visual layout of a page, arrange content elements in the correct columns, and maintain the overall structure of your site.</source>
+      </trans-unit>
+      <trans-unit id="title">
+        <source>Layout</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Modules/link_management.xlf b/Resources/Private/Language/Modules/link_management.xlf
new file mode 100644
index 0000000..602d4a1
--- /dev/null
+++ b/Resources/Private/Language/Modules/link_management.xlf
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Modules/link_management.xlf" date="2025-11-13T19:45:15Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="title">
+        <source>Link Management</source>
+      </trans-unit>
+      <trans-unit id="short_description">
+        <source>Manage redirects, QR Codes and Short URLs</source>
+      </trans-unit>
+      <trans-unit id="description">
+        <source>Manage redirects, QR codes and Short URLs to navigation and access points and validate links inside the system.</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Modules/list.xlf b/Resources/Private/Language/Modules/list.xlf
new file mode 100644
index 0000000..9959d6e
--- /dev/null
+++ b/Resources/Private/Language/Modules/list.xlf
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Modules/list.xlf" date="2026-11-10T13:37:37Z" product-name="list">
+    <header/>
+    <body>
+      <trans-unit id="short_description">
+        <source>List of database records</source>
+      </trans-unit>
+      <trans-unit id="description">
+        <source>The records module provides low level access to records appearing on a page.</source>
+      </trans-unit>
+      <trans-unit id="title">
+        <source>Records</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Modules/pagetsconfig.xlf b/Resources/Private/Language/Modules/pagetsconfig.xlf
new file mode 100644
index 0000000..5d87a16
--- /dev/null
+++ b/Resources/Private/Language/Modules/pagetsconfig.xlf
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Modules/pagetsconfig.xlf" date="2026-11-10T13:37:37Z" product-name="pagetsconfig">
+    <header/>
+    <body>
+      <trans-unit id="title">
+        <source>Page TSconfig</source>
+      </trans-unit>
+      <!-- intentionally left blank, not utilized (for now) -->
+      <trans-unit id="short_description">
+        <source/>
+      </trans-unit>
+      <trans-unit id="description">
+        <source/>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Modules/pagetsconfig_active.xlf b/Resources/Private/Language/Modules/pagetsconfig_active.xlf
new file mode 100644
index 0000000..41713d4
--- /dev/null
+++ b/Resources/Private/Language/Modules/pagetsconfig_active.xlf
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Modules/pagetsconfig_active.xlf" date="2025-11-10T13:37:37Z" product-name="pagetsconfig_active">
+    <header/>
+    <body>
+      <trans-unit id="title">
+        <source>Active page TSconfig</source>
+      </trans-unit>
+      <!-- intentionally left blank, not utilized (for now) -->
+      <trans-unit id="short_description">
+        <source/>
+      </trans-unit>
+      <trans-unit id="description">
+        <source/>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Modules/pagetsconfig_includes.xlf b/Resources/Private/Language/Modules/pagetsconfig_includes.xlf
new file mode 100644
index 0000000..bc44b36
--- /dev/null
+++ b/Resources/Private/Language/Modules/pagetsconfig_includes.xlf
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Modules/pagetsconfig_includes.xlf" date="2025-11-10T13:37:37Z" product-name="pagetsconfig_includes">
+    <header/>
+    <body>
+      <trans-unit id="title">
+        <source>Included page TSconfig</source>
+      </trans-unit>
+      <!-- intentionally left blank, not utilized (for now) -->
+      <trans-unit id="short_description">
+        <source/>
+      </trans-unit>
+      <trans-unit id="description">
+        <source/>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Modules/pagetsconfig_pages.xlf b/Resources/Private/Language/Modules/pagetsconfig_pages.xlf
new file mode 100644
index 0000000..607fbc9
--- /dev/null
+++ b/Resources/Private/Language/Modules/pagetsconfig_pages.xlf
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Modules/pagetsconfig_pages.xlf" date="2026-11-10T13:37:37Z" product-name="pagetsconfig_pages">
+    <header/>
+    <body>
+      <trans-unit id="title">
+        <source>Pages containing page TSconfig</source>
+      </trans-unit>
+      <!-- intentionally left blank, not utilized (for now) -->
+      <trans-unit id="short_description">
+        <source/>
+      </trans-unit>
+      <trans-unit id="description">
+        <source/>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Modules/site_configuration.xlf b/Resources/Private/Language/Modules/site_configuration.xlf
new file mode 100644
index 0000000..9f002e6
--- /dev/null
+++ b/Resources/Private/Language/Modules/site_configuration.xlf
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Modules/site_configuration.xlf" date="2026-11-10T13:37:37Z" product-name="site_configuration">
+    <header/>
+    <body>
+      <trans-unit id="short_description">
+        <source>Configure sites and routing behavior</source>
+      </trans-unit>
+      <trans-unit id="description">
+        <source>This module contains the full configuration interface for individual sites. You can define languages, error handling, routes, entry points, and domain behavior. It is the central place for setting up and maintaining the technical foundation of each site.</source>
+      </trans-unit>
+      <trans-unit id="title">
+        <source>Setup</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Modules/site_settings.xlf b/Resources/Private/Language/Modules/site_settings.xlf
new file mode 100644
index 0000000..1685177
--- /dev/null
+++ b/Resources/Private/Language/Modules/site_settings.xlf
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Modules/site_settings.xlf" date="2026-11-10T13:37:37Z" product-name="site_settings">
+    <header/>
+    <body>
+      <trans-unit id="short_description">
+        <source>Site settings</source>
+      </trans-unit>
+      <trans-unit id="description">
+        <source>This module allows you to configure site settings.</source>
+      </trans-unit>
+      <trans-unit id="title">
+        <source>Settings</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Modules/status.xlf b/Resources/Private/Language/Modules/status.xlf
new file mode 100644
index 0000000..f463789
--- /dev/null
+++ b/Resources/Private/Language/Modules/status.xlf
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:2.0" version="2.0" srcLang="en">
+  <file id="f1">
+    <unit id="title">
+      <segment>
+        <source>Status</source>
+      </segment>
+    </unit>
+    <unit id="short_description">
+      <segment>
+        <source>Overview of site and page status information</source>
+      </segment>
+    </unit>
+    <unit id="description">
+      <segment>
+        <source>Review site and page information to assess the state and structure of your installation. Additional sections may be available depending on installed extensions and user permissions.</source>
+      </segment>
+    </unit>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Modules/user_settings.xlf b/Resources/Private/Language/Modules/user_settings.xlf
new file mode 100644
index 0000000..b55c307
--- /dev/null
+++ b/Resources/Private/Language/Modules/user_settings.xlf
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Modules/user_settings.xlf" date="2026-04-08T12:00:00Z" product-name="typo3-cms-backend">
+    <header/>
+    <body>
+      <trans-unit id="short_description">
+        <source>Personal profile settings</source>
+      </trans-unit>
+      <trans-unit id="description">
+        <source>This module allows you to customize your backend user profile. Here you can change your active system language, name and email address. You may also configure other general features in the system.</source>
+      </trans-unit>
+      <trans-unit id="title">
+        <source>User Settings</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/SudoMode.xlf b/Resources/Private/Language/SudoMode.xlf
new file mode 100644
index 0000000..abd9363
--- /dev/null
+++ b/Resources/Private/Language/SudoMode.xlf
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/SudoMode.xlf" date="2023-04-08T00:00:00Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="cancel">
+        <source>Cancel</source>
+      </trans-unit>
+      <trans-unit id="verify">
+        <source>Verify</source>
+      </trans-unit>
+      <trans-unit id="password">
+        <source>Password</source>
+      </trans-unit>
+      <trans-unit id="verifyWithUserPassword">
+        <source>Verify with user password</source>
+      </trans-unit>
+      <trans-unit id="verifyWithInstallToolPassword">
+        <source>Verify with Install Tool password</source>
+      </trans-unit>
+      <trans-unit id="accessGranted">
+        <source>Access granted</source>
+      </trans-unit>
+      <trans-unit id="invalidPassword">
+        <source>Invalid password</source>
+      </trans-unit>
+      <trans-unit id="userPasswordMode">
+        <source>Use user password instead</source>
+      </trans-unit>
+      <trans-unit id="installToolPasswordMode">
+        <source>Use Install Tool password instead</source>
+      </trans-unit>
+      <trans-unit id="sudoModeUserPasswordExplanation">
+        <source>Authentication is required to perform this action. Please enter your user password to proceed.</source>
+      </trans-unit>
+      <trans-unit id="sudoModeInstallToolPasswordExplanation">
+        <source>Authentication is required to perform this action. Please enter the Install Tool password to proceed.</source>
+      </trans-unit>
+      <trans-unit id="verificationFailed">
+        <source>Verification failed</source>
+      </trans-unit>
+      <trans-unit id="verificationExpired">
+        <source>Confirmation has expired. Please try again.</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Wizards/general.xlf b/Resources/Private/Language/Wizards/general.xlf
new file mode 100644
index 0000000..db2f96c
--- /dev/null
+++ b/Resources/Private/Language/Wizards/general.xlf
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Wizards/general.xlf" date="2026-02-17T00:00:00Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="wizard.loading">
+        <source>Loading...</source>
+      </trans-unit>
+      <trans-unit id="wizard.buttons.cancel">
+        <source>Cancel</source>
+      </trans-unit>
+      <trans-unit id="wizard.buttons.next">
+        <source>Next</source>
+      </trans-unit>
+      <trans-unit id="wizard.buttons.previous">
+        <source>Previous</source>
+      </trans-unit>
+      <trans-unit id="wizard.buttons.finish">
+        <source>Finish</source>
+      </trans-unit>
+      <trans-unit id="wizard.loading_configuration">
+        <source>Loading wizard configuration...</source>
+      </trans-unit>
+      <trans-unit id="wizard.loading_steps">
+        <source>Loading step modules...</source>
+      </trans-unit>
+      <trans-unit id="wizard.loading_finisher">
+        <source>Loading finisher...</source>
+      </trans-unit>
+      <trans-unit id="wizard.status.pending.message">
+        <source>Processing data...</source>
+      </trans-unit>
+      <trans-unit id="wizard.status.error.title">
+        <source>Error</source>
+      </trans-unit>
+      <trans-unit id="wizard.status.error.message">
+        <source>Failed to process data:</source>
+      </trans-unit>
+      <trans-unit id="wizard.finisher.load_error.message">
+        <source>Failed to load finisher module:</source>
+      </trans-unit>
+      <trans-unit id="wizard.step.error.title">
+        <source>Error</source>
+      </trans-unit>
+      <!-- Step: Confirmation -->
+      <trans-unit id="step.confirmation.title">
+        <source>Confirmation</source>
+      </trans-unit>
+      <trans-unit id="step.confirmation.headline">
+        <source>Confirm</source>
+      </trans-unit>
+      <trans-unit id="step.confirmation.description">
+        <source>Please review the following settings before proceeding:</source>
+      </trans-unit>
+      <!-- Step: Finisher -->
+      <trans-unit id="step.finisher.title">
+        <source>Finish</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Wizards/localization.xlf b/Resources/Private/Language/Wizards/localization.xlf
new file mode 100644
index 0000000..99f36a0
--- /dev/null
+++ b/Resources/Private/Language/Wizards/localization.xlf
@@ -0,0 +1,165 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Wizards/localization.xlf" date="2025-10-28T00:00:00Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="localization_wizard.modal.title">
+        <source>Localization</source>
+      </trans-unit>
+      <trans-unit id="localization_wizard.modal.title.record_prefix">
+        <source>Localize:</source>
+      </trans-unit>
+      <trans-unit id="localization_wizard.buttons.localize">
+        <source>Localize</source>
+      </trans-unit>
+      <trans-unit id="wizard.error.message">
+        <source>Failed to load wizard configuration. Please try again.</source>
+      </trans-unit>
+      <trans-unit id="wizard.error.title">
+        <source>Configuration error</source>
+      </trans-unit>
+      <trans-unit id="localization_wizard.no_steps_available.message">
+        <source>No localization steps are available for this record type.</source>
+      </trans-unit>
+      <trans-unit id="localization_wizard.no_steps_available.title">
+        <source>Warning</source>
+      </trans-unit>
+      <trans-unit id="localization_wizard.finisher.no_data.message">
+        <source>No finisher data available. Cannot complete the localization process.</source>
+      </trans-unit>
+      <trans-unit id="localization_wizard.finisher.redirect.success.title">
+        <source>Localization completed</source>
+      </trans-unit>
+      <trans-unit id="localization_wizard.finisher.redirect.success.description">
+        <source>The content has been successfully localized. Click "Finish" to be redirected to the new language version.</source>
+      </trans-unit>
+      <trans-unit id="localization_wizard.finisher.reload.success.title">
+        <source>Localization completed</source>
+      </trans-unit>
+      <trans-unit id="localization_wizard.finisher.reload.success.description">
+        <source>The content has been successfully localized. Click "Finish" to reload the page and view the updated content.</source>
+      </trans-unit>
+      <trans-unit id="localization_wizard.finisher.noop.success.title">
+        <source>No operation required</source>
+      </trans-unit>
+      <trans-unit id="localization_wizard.finisher.noop.success.description">
+        <source>No records were selected that need processing. Click "Finish" to reload the page.</source>
+      </trans-unit>
+      <!-- Step: Content selection -->
+      <trans-unit id="step.content_selection.title">
+        <source>Content selection</source>
+      </trans-unit>
+      <trans-unit id="step.content_selection.headline">
+        <source>Select records to localize</source>
+      </trans-unit>
+      <trans-unit id="step.content_selection.description">
+        <source>Choose which content elements you would like to translate:</source>
+      </trans-unit>
+      <trans-unit id="step.content_selection.summary.title">
+        <source>Content Element(s)</source>
+      </trans-unit>
+      <trans-unit id="step.content_selection.summary.amount">
+        <source>%s Element(s)</source>
+      </trans-unit>
+      <trans-unit id="step.content_selection.error.message">
+        <source>Failed to load records for selection</source>
+      </trans-unit>
+      <trans-unit id="step.content_selection.button.select_all">
+        <source>Select all</source>
+      </trans-unit>
+      <trans-unit id="step.content_selection.button.deselect_all">
+        <source>Deselect all</source>
+      </trans-unit>
+      <trans-unit id="step.content_selection.no_content.message">
+        <source>This page does not contain any content elements.</source>
+      </trans-unit>
+      <!-- Step: Handler selection -->
+      <trans-unit id="step.handler_selection.title">
+        <source>Handler</source>
+      </trans-unit>
+      <trans-unit id="step.handler_selection.headline">
+        <source>Select localization handler</source>
+      </trans-unit>
+      <trans-unit id="step.handler_selection.description">
+        <source>Choose how you would like to localize this record:</source>
+      </trans-unit>
+      <trans-unit id="step.handler_selection.summary_label">
+        <source>Handler</source>
+      </trans-unit>
+      <trans-unit id="step.handler_selection.error">
+        <source>Failed to load localization handlers.</source>
+      </trans-unit>
+      <trans-unit id="step.handler_selection.no_handlers">
+        <source>No localization handlers available.</source>
+      </trans-unit>
+      <!-- Step: Mode -->
+      <trans-unit id="step.modes.title">
+        <source>Mode</source>
+      </trans-unit>
+      <trans-unit id="step.modes.headline">
+        <source>Select localization mode</source>
+      </trans-unit>
+      <trans-unit id="step.modes.description">
+        <source>Choose how content should be localized:</source>
+      </trans-unit>
+      <trans-unit id="step.modes.summary.title">
+        <source>Mode</source>
+      </trans-unit>
+      <trans-unit id="step.modes.error.message">
+        <source>Failed to load localization modes.</source>
+      </trans-unit>
+      <trans-unit id="step.modes.none_available">
+        <source>No localization modes available.</source>
+      </trans-unit>
+      <!-- Step: Source language -->
+      <trans-unit id="step.source_language.title">
+        <source>Source language</source>
+      </trans-unit>
+      <trans-unit id="step.source_language.headline">
+        <source>Select source language</source>
+      </trans-unit>
+      <trans-unit id="step.source_language.description">
+        <source>Choose the language from which you would like to translate content:</source>
+      </trans-unit>
+      <trans-unit id="step.source_language.summary.title">
+        <source>Source language</source>
+      </trans-unit>
+      <trans-unit id="step.source_language.error.message">
+        <source>Failed to load source languages.</source>
+      </trans-unit>
+      <trans-unit id="step.source_language.none_available">
+        <source>No source languages available.</source>
+      </trans-unit>
+      <!-- Step: Target language -->
+      <trans-unit id="step.target_language.title">
+        <source>Target language</source>
+      </trans-unit>
+      <trans-unit id="step.target_language.headline">
+        <source>Select target language</source>
+      </trans-unit>
+      <trans-unit id="step.target_language.description">
+        <source>Select the language into which you would like to translate the content:</source>
+      </trans-unit>
+      <trans-unit id="step.target_language.summary.title">
+        <source>Target language</source>
+      </trans-unit>
+      <trans-unit id="step.target_language.error.message">
+        <source>Failed to load target languages.</source>
+      </trans-unit>
+      <trans-unit id="step.target_language.none_available">
+        <source>No target languages available.</source>
+      </trans-unit>
+      <!-- Handlers -->
+      <trans-unit id="handler.manual.label">
+        <source>Manual Translation</source>
+      </trans-unit>
+      <trans-unit id="handler.manual.description">
+        <source>Prepares the language version. Edit and translate the content yourself afterwards.</source>
+      </trans-unit>
+      <!-- Error Messages -->
+      <trans-unit id="error.recordNotFound">
+        <source>Record with uid "%s" of type "%s" does not exist or is not accessible.</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Wizards/move_content_elements.xlf b/Resources/Private/Language/Wizards/move_content_elements.xlf
new file mode 100644
index 0000000..1271acb
--- /dev/null
+++ b/Resources/Private/Language/Wizards/move_content_elements.xlf
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Wizards/move_content_elements.xlf" date="2024-03-08T20:22:34Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="headline.move">
+        <source>Move element "%s" [%d]</source>
+      </trans-unit>
+      <trans-unit id="headline.copy">
+        <source>Copy element "%s" [%d]</source>
+      </trans-unit>
+      <trans-unit id="currentPath">
+        <source>Current path</source>
+      </trans-unit>
+      <trans-unit id="makeCopy">
+        <source>Copy element instead of moving</source>
+      </trans-unit>
+      <trans-unit id="moveElement.notification.elementMoved.title">
+        <source>Element successfully moved</source>
+      </trans-unit>
+      <trans-unit id="moveElement.notification.elementMoved.message">
+        <source>The element "%s" has been successfully moved.</source>
+      </trans-unit>
+      <trans-unit id="moveElement.notification.elementCopied.title">
+        <source>Element successfully copied</source>
+      </trans-unit>
+      <trans-unit id="moveElement.notification.elementCopied.message">
+        <source>The element "%s" has been successfully copied.</source>
+      </trans-unit>
+      <trans-unit id="moveElement.notification.elementPasted.action.dismiss">
+        <source>Dismiss</source>
+      </trans-unit>
+      <trans-unit id="moveElement.notification.elementPasted.action.open">
+        <source>Open "%s"</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Wizards/move_page.xlf b/Resources/Private/Language/Wizards/move_page.xlf
new file mode 100644
index 0000000..8c748ab
--- /dev/null
+++ b/Resources/Private/Language/Wizards/move_page.xlf
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Wizards/move_page.xlf" date="2024-03-08T20:22:34Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="headline">
+        <source>Move page "%1$s" [%2$d]</source>
+      </trans-unit>
+      <trans-unit id="currentPath">
+        <source>Current path</source>
+      </trans-unit>
+      <trans-unit id="makeCopy">
+        <source>Copy page instead of moving page</source>
+      </trans-unit>
+      <trans-unit id="samePageConflict">
+        <source>The page "%1$s" [%2$d] cannot get moved into itself.</source>
+      </trans-unit>
+      <trans-unit id="action.pasteAbove">
+        <source>Paste above</source>
+      </trans-unit>
+      <trans-unit id="action.pasteBelow">
+        <source>Paste below</source>
+      </trans-unit>
+      <trans-unit id="action.pasteInto">
+        <source>Paste into</source>
+      </trans-unit>
+      <trans-unit id="movePage.notification.pageMoved.title">
+        <source>Page successfully moved</source>
+      </trans-unit>
+      <trans-unit id="movePage.notification.pageMoved.message">
+        <source>The page "%s" has been successfully moved.</source>
+      </trans-unit>
+      <trans-unit id="movePage.notification.pageCopied.title">
+        <source>Page successfully copied</source>
+      </trans-unit>
+      <trans-unit id="movePage.notification.pageCopied.message">
+        <source>The page "%s" has been successfully copied.</source>
+      </trans-unit>
+      <trans-unit id="movePage.notification.pagePasted.action.dismiss">
+        <source>Dismiss</source>
+      </trans-unit>
+      <trans-unit id="movePage.notification.pagePasted.action.open">
+        <source>Open "%s"</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/Wizards/page.xlf b/Resources/Private/Language/Wizards/page.xlf
new file mode 100644
index 0000000..a3e1921
--- /dev/null
+++ b/Resources/Private/Language/Wizards/page.xlf
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/Wizards/page.xlf" date="2025-03-03T00:00:00Z" product-name="backend">
+    <header/>
+    <body>
+      <!-- Step: doktype selection -->
+      <trans-unit id="step.doktype.headline">
+        <source>Select page type</source>
+      </trans-unit>
+      <trans-unit id="step.doktype.not_allowed_doktype.title">
+        <source>Invalid page type</source>
+      </trans-unit>
+      <trans-unit id="step.doktype.not_allowed_doktype.message">
+        <source>The selected page type is not allowed here. Please choose a different type.</source>
+      </trans-unit>
+      <trans-unit id="step.doktype.filter.noResults">
+        <source>No matching page type found.</source>
+      </trans-unit>
+      <trans-unit id="step.doktype.load_error">
+        <source>Failed to fetch available page types. This is likely due to missing permissions.</source>
+      </trans-unit>
+      <trans-unit id="step.setup">
+        <source>Page Setup</source>
+      </trans-unit>
+      <trans-unit id="step.link">
+        <source>Link Configuration</source>
+      </trans-unit>
+      <trans-unit id="step.shortcut">
+        <source>Shortcut Configuration</source>
+      </trans-unit>
+      <trans-unit id="step.mounting">
+        <source>Mounting Configuration</source>
+      </trans-unit>
+      <trans-unit id="page_wizard.success.title">
+        <source>Page created</source>
+      </trans-unit>
+      <trans-unit id="page_wizard.success.description">
+        <source>The page has been successfully created. Click "Finish" to be redirected to the newly created page.</source>
+      </trans-unit>
+      <trans-unit id="page_wizard.button.create_another_page">
+        <source>Create another page</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/links.xlf b/Resources/Private/Language/links.xlf
new file mode 100644
index 0000000..844a8ce
--- /dev/null
+++ b/Resources/Private/Language/links.xlf
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:2.0" version="2.0" srcLang="en">
+  <file id="f1">
+    <unit id="destination">
+      <segment>
+        <source>destination</source>
+      </segment>
+    </unit>
+    <unit id="email">
+      <segment>
+        <source>email</source>
+      </segment>
+    </unit>
+    <unit id="file">
+      <segment>
+        <source>file</source>
+      </segment>
+    </unit>
+    <unit id="folder">
+      <segment>
+        <source>folder</source>
+      </segment>
+    </unit>
+    <unit id="page">
+      <segment>
+        <source>page</source>
+      </segment>
+    </unit>
+    <unit id="url">
+      <segment>
+        <source>external URL</source>
+      </segment>
+    </unit>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang.xlf b/Resources/Private/Language/locallang.xlf
new file mode 100644
index 0000000..2583a1c
--- /dev/null
+++ b/Resources/Private/Language/locallang.xlf
@@ -0,0 +1,296 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang.xlf" date="2015-01-02T11:16:11Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="onlineDocumentation">
+        <source>TYPO3 Online Documentation</source>
+      </trans-unit>
+      <trans-unit id="opensInANewWindow">
+        <source>opens in a new window</source>
+      </trans-unit>
+      <trans-unit id="no_modules_registered">
+        <source>No modules have been registered. Please contact your system administrator.</source>
+      </trans-unit>
+      <trans-unit id="show_references">
+        <source>Show references</source>
+      </trans-unit>
+      <trans-unit id="config.loginLogo">
+        <source>Logo: Replace the TYPO3 logo above the login form (e.g. fileadmin/images/login-logo.png, EXT:my_theme/Resources/Public/Images/login-logo.png, or //domain.tld/login-logo.png).</source>
+      </trans-unit>
+      <trans-unit id="config.loginLogoAlt">
+        <source>Logo Alt-Text: Define the alternative text used as the alt attribute for the custom login logo image.</source>
+      </trans-unit>
+      <trans-unit id="config.loginHighlightColor">
+        <source>Highlight Color: Define the accent color used for highlights on the login screen.</source>
+      </trans-unit>
+      <trans-unit id="config.loginBackgroundImage">
+        <source>Background Image: Set the image used as the background for the login screen (e.g. fileadmin/images/my-background.jpg, EXT:my_theme/Resources/Public/Images/my-background.jpg, or //domain.tld/my-background.png).</source>
+      </trans-unit>
+      <trans-unit id="config.loginFootnote">
+        <source>Footnote: Enter the text displayed on the login screen, for example to provide copyright information for the background image (e.g. background image © 2017 by John Doe) or a short description.</source>
+      </trans-unit>
+      <trans-unit id="config.backendLogo">
+        <source>Logo: Set the logo used in the top-left corner of the TYPO3 backend instead of the TYPO3 logo (e.g. fileadmin/images/backend-logo.png or EXT:my_theme/Resources/Public/Images/backend-logo.png).</source>
+      </trans-unit>
+      <trans-unit id="config.backendFavicon">
+        <source>Favicon: Set the favicon used instead of the TYPO3 default (e.g. EXT:my_theme/Resources/Public/Images/favicon.ico).</source>
+      </trans-unit>
+      <trans-unit id="foldertreeview.noFolders.title">
+        <source>No folders available</source>
+      </trans-unit>
+      <trans-unit id="foldertreeview.noFolders.message">
+        <source>You do not have access to any folder. Please ask your administrator to fix access permissions for your account.</source>
+      </trans-unit>
+      <trans-unit id="login.header">
+        <source>Login</source>
+      </trans-unit>
+      <trans-unit id="login.region.footnote">
+        <source>Footnote</source>
+      </trans-unit>
+      <trans-unit id="login.link">
+        <source>Login with username and password</source>
+      </trans-unit>
+      <trans-unit id="login.username">
+        <source>Username</source>
+      </trans-unit>
+      <trans-unit id="login.password">
+        <source>Password</source>
+      </trans-unit>
+      <trans-unit id="login.togglePassword">
+        <source>Toggle password visibility</source>
+      </trans-unit>
+      <trans-unit id="login.password_forget">
+        <source>Forgot your password?</source>
+      </trans-unit>
+      <trans-unit id="login.error.capslock">
+        <source>Attention: Caps lock enabled</source>
+      </trans-unit>
+      <trans-unit id="login.error.capslockStatus">
+        <source>Caps lock enabled</source>
+      </trans-unit>
+      <trans-unit id="login.warning.whitespace-around-password">
+        <source>The password you just pasted has leading and / or trailing whitespace.</source>
+      </trans-unit>
+      <trans-unit id="login.warning.whitespace-around-password.action-link">
+        <source>Remove whitespace</source>
+      </trans-unit>
+      <trans-unit id="login.news.header">
+        <source>System News</source>
+      </trans-unit>
+      <trans-unit id="login.news.date">
+        <source>Date</source>
+      </trans-unit>
+      <trans-unit id="login.news.previous">
+        <source>Previous</source>
+      </trans-unit>
+      <trans-unit id="login.news.next">
+        <source>Next</source>
+      </trans-unit>
+      <trans-unit id="login.navigation.loginProvider">
+        <source>Login Provider</source>
+      </trans-unit>
+      <trans-unit id="login.navigation.typo3">
+        <source>Further information about TYPO3</source>
+      </trans-unit>
+      <trans-unit id="login.error.message">
+        <source>Your login attempt did not succeed</source>
+      </trans-unit>
+      <trans-unit id="login.error.description">
+        <source>Make sure to spell your username and password correctly, including upper/lowercase characters.</source>
+      </trans-unit>
+      <trans-unit id="login.error.javascript">
+        <source>Please activate JavaScript</source>
+      </trans-unit>
+      <trans-unit id="login.error.cookies">
+        <source>Please activate Cookies</source>
+      </trans-unit>
+      <trans-unit id="login.error.referrer">
+        <source>TYPO3 relies on HTTP referrers for security reasons in the backend. It looks like your browser was not able to send this information, which may be due to privacy or security settings.</source>
+      </trans-unit>
+      <trans-unit id="login.process">
+        <source>Verifying Login Data ...</source>
+      </trans-unit>
+      <trans-unit id="login.submit">
+        <source>Login</source>
+      </trans-unit>
+      <trans-unit id="login.copyrightLink">
+        <source>More about TYPO3</source>
+      </trans-unit>
+      <trans-unit id="login.typo3Logo">
+        <source>TYPO3 logo</source>
+      </trans-unit>
+      <trans-unit id="login.donate">
+        <source>Donate</source>
+      </trans-unit>
+      <trans-unit id="formEngine.databaseRecordErrorInlineChildChild">
+        <source>The record with uid %2$s from table %1$s could not be retrieved from the database. This data inconsistency can occur if
+				a base record has been deleted but the intermediate record from table %3$s with uid %4$s still points to it. To fix
+				this situation, either delete the intermediate record, or recover the deleted record using the recycler module.
+				</source>
+      </trans-unit>
+      <trans-unit id="modulemenu.label">
+        <source>Module Menu</source>
+      </trans-unit>
+      <trans-unit id="module.noAccess.title">
+        <source>No module access</source>
+      </trans-unit>
+      <trans-unit id="module.noAccess.message">
+        <source>You've been redirected to the "%s" module, because you currently can't access the "%s" module. You either don't have the necessary permissions or access is temporarily not possible, e.g. due to workspace restrictions.</source>
+      </trans-unit>
+      <trans-unit id="noModuleAccess.workspace.title">
+        <source>No workspace access</source>
+      </trans-unit>
+      <trans-unit id="noModuleAccess.workspace.message">
+        <source>Your user account or user group is not assigned to any workspace and does not have permission to edit the live workspace. Please contact your administrator.</source>
+      </trans-unit>
+      <trans-unit id="noModuleAccess.permissions.title">
+        <source>No module access</source>
+      </trans-unit>
+      <trans-unit id="noModuleAccess.permissions.message">
+        <source>Your user account does not have access to any backend module. Please contact your administrator.</source>
+      </trans-unit>
+      <trans-unit id="clearcache.title">
+        <source>Page cache</source>
+      </trans-unit>
+      <trans-unit id="clearcache.message.success">
+        <source>Successfully cleared page cache</source>
+      </trans-unit>
+      <trans-unit id="clearcache.message.error">
+        <source>Page cache could not be cleared</source>
+      </trans-unit>
+      <trans-unit id="error.linkHandlerTitleMissing">
+        <source>[title missing]</source>
+      </trans-unit>
+      <trans-unit id="create_folder.title">
+        <source>Create new folder</source>
+      </trans-unit>
+      <trans-unit id="create_folder.placeholder">
+        <source>Your new folder name</source>
+      </trans-unit>
+      <trans-unit id="create_folder.submit">
+        <source>Create folder</source>
+      </trans-unit>
+      <trans-unit id="row.deletePlaceholder.title">
+        <source>The live pendant of this record will be deleted when this workspace record is published.</source>
+      </trans-unit>
+      <trans-unit id="shortcut.title">
+        <source>%s%s on page "%s" [%d]</source>
+      </trans-unit>
+      <trans-unit id="liveSearch.databaseRecordProvider.filterLabel">
+        <source>Database records</source>
+      </trans-unit>
+      <trans-unit id="liveSearch.databaseRecordProvider.typeLabel">
+        <source>Database record</source>
+      </trans-unit>
+      <trans-unit id="liveSearch.pageRecordProvider.filterLabel">
+        <source>Pages</source>
+      </trans-unit>
+      <trans-unit id="liveSearch.pageRecordProvider.typeLabel">
+        <source>Page</source>
+      </trans-unit>
+      <trans-unit id="liveSearch.backendModuleProvider.filterLabel">
+        <source>Backend modules</source>
+      </trans-unit>
+      <trans-unit id="liveSearch.backendModuleProvider.typeLabel">
+        <source>Backend module</source>
+      </trans-unit>
+      <trans-unit id="resultItem.backendModuleProvider.openModule">
+        <source>Open module</source>
+      </trans-unit>
+      <trans-unit id="moduleMenu.dropdown.label">
+        <source>Module action</source>
+      </trans-unit>
+      <trans-unit id="pagelayout.moduleMenu.dropdown.label">
+        <source>Display mode</source>
+      </trans-unit>
+      <trans-unit id="editdocument.moduleMenu.dropdown.label">
+        <source>Record language</source>
+      </trans-unit>
+      <trans-unit id="moduleMenu.dropdown.overview">
+        <source>Module overview</source>
+      </trans-unit>
+      <trans-unit id="submoduleOverview.openModule">
+        <source>Open module</source>
+      </trans-unit>
+      <trans-unit id="submoduleOverview.openModuleWithTitle">
+        <source>Open %1s module</source>
+      </trans-unit>
+      <trans-unit id="submoduleOverview.noAccess.title">
+        <source>No modules available</source>
+      </trans-unit>
+      <trans-unit id="submoduleOverview.noAccess.message">
+        <source>There are no submodules available or you do not have access to any of them. Please contact your administrator if you believe this is an error.</source>
+      </trans-unit>
+      <trans-unit id="theme">
+        <source>Theme</source>
+      </trans-unit>
+      <trans-unit id="theme.classic">
+        <source>Classic</source>
+      </trans-unit>
+      <trans-unit id="theme.modern">
+        <source>Modern</source>
+      </trans-unit>
+      <trans-unit id="theme.fresh">
+        <source>Fresh</source>
+      </trans-unit>
+      <trans-unit id="colorScheme">
+        <source>Color scheme</source>
+      </trans-unit>
+      <trans-unit id="toggleColorScheme">
+        <source>Toggle color scheme between light and dark mode</source>
+      </trans-unit>
+      <trans-unit id="colorSchemeToggleDisabled">
+        <source>Due to your current accessibility settings, the color scheme cannot be changed.</source>
+      </trans-unit>
+      <trans-unit id="colorScheme.auto">
+        <source>Auto detect</source>
+      </trans-unit>
+      <trans-unit id="colorScheme.light">
+        <source>Light mode</source>
+      </trans-unit>
+      <trans-unit id="colorScheme.dark">
+        <source>Dark mode</source>
+      </trans-unit>
+      <trans-unit id="userSettings.requestBackendLanguageRefresh.title">
+        <source>Language changed</source>
+      </trans-unit>
+      <trans-unit id="userSettings.requestBackendLanguageRefresh.message">
+        <source>A reload is required for the changed to take effect.</source>
+      </trans-unit>
+      <trans-unit id="userSettings.requestBackendLanguageRefresh.buttonReload">
+        <source>Reload</source>
+      </trans-unit>
+      <trans-unit id="userSettings.requestBackendLanguageRefresh.buttonCancel">
+        <source>Cancel</source>
+      </trans-unit>
+      <trans-unit id="pageTree.found_translation">
+        <source>Found translation</source>
+      </trans-unit>
+      <trans-unit id="pageTree.found_in_translation">
+        <source>Found in translation: %s</source>
+      </trans-unit>
+      <trans-unit id="pageTree.found_in_multiple_translations">
+        <source>Found in multiple translations</source>
+      </trans-unit>
+      <trans-unit id="pageTree.searchResult">
+        <source>Search result</source>
+      </trans-unit>
+      <trans-unit id="pageTree.found_in_frontend_uri">
+        <source>Found by URI</source>
+      </trans-unit>
+      <trans-unit id="viewport.navigation">
+        <source>Navigation</source>
+      </trans-unit>
+      <trans-unit id="viewport.navigation.show">
+        <source>Show navigation</source>
+      </trans-unit>
+      <trans-unit id="viewport.navigation.hide">
+        <source>Hide navigation</source>
+      </trans-unit>
+      <trans-unit id="collapse_state_search.numberOfSearchMatches">
+        <source>{count, plural, =0 {no matches} =1 {one match} other {# matches}}</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_alt_doc.xlf b/Resources/Private/Language/locallang_alt_doc.xlf
new file mode 100644
index 0000000..949de1d
--- /dev/null
+++ b/Resources/Private/Language/locallang_alt_doc.xlf
@@ -0,0 +1,206 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf" date="2011-10-17T20:22:33Z" product-name="lang">
+    <header/>
+    <body>
+      <trans-unit id="deleteItem">
+        <source>Delete</source>
+      </trans-unit>
+      <trans-unit id="deleteWarning">
+        <source>Are you sure you want to delete this record?</source>
+      </trans-unit>
+      <trans-unit id="undoLastChange">
+        <source>Undo/Redo last change (%s ago)</source>
+      </trans-unit>
+      <trans-unit id="recordHistory">
+        <source>View record change history</source>
+      </trans-unit>
+      <trans-unit id="editWholeRecord">
+        <source>Edit whole record</source>
+      </trans-unit>
+      <trans-unit id="openDocs">
+        <source>OPEN DOCUMENTS</source>
+      </trans-unit>
+      <trans-unit id="noDocuments">
+        <source>No open documents</source>
+      </trans-unit>
+      <trans-unit id="noDocuments_msg">
+        <source>There are no open documents available to edit.</source>
+      </trans-unit>
+      <trans-unit id="noDocuments_msg2">
+        <source>You can go to %s to find the page or the record you wish to edit.</source>
+      </trans-unit>
+      <trans-unit id="noDocuments_msg3">
+        <source>You can select one of your most recently edited records from this list</source>
+      </trans-unit>
+      <trans-unit id="noDocuments_OR">
+        <source>or</source>
+      </trans-unit>
+      <trans-unit id="noEditForm">
+        <source>Edit form could not be loaded</source>
+      </trans-unit>
+      <trans-unit id="noEditForm.message">
+        <source>The edit form could not be loaded for the requested records. This might be due to insufficient permissions.</source>
+      </trans-unit>
+      <trans-unit id="noFieldsEditForm">
+        <source>No fields to edit</source>
+      </trans-unit>
+      <trans-unit id="noFieldsEditForm.message">
+        <source>There are no editable fields available for the requested record. This might be due to insufficient permissions or a configuration mismatch.</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.duplicate_record_changed.cancel">
+        <source>Cancel</source>
+      </trans-unit>
+      <trans-unit id="button.confirm.duplicate_record_changed.no">
+        <source>No, just duplicate the original</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.duplicate_record_changed.yes">
+        <source>Yes, save and duplicate this record</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.close_without_save.yes">
+        <source>Discard changes</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.close_without_save.no">
+        <source>Keep editing</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.save_and_close">
+        <source>Save and close</source>
+      </trans-unit>
+      <trans-unit id="label.confirm.duplicate_record_changed.title">
+        <source>Do you want to save before duplicating this record?</source>
+      </trans-unit>
+      <trans-unit id="label.confirm.duplicate_record_changed.content">
+        <source>You currently have unsaved changes. Do you want to save your changes before duplicating this record?</source>
+      </trans-unit>
+      <trans-unit id="label.confirm.new_record_changed.title">
+        <source>Do you want to save before adding?</source>
+      </trans-unit>
+      <trans-unit id="label.confirm.new_record_changed.content">
+        <source>You need to save your changes before creating a new record. Do you want to save and create now?</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.new_record_changed.cancel">
+        <source>Cancel</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.new_record_changed.no">
+        <source>No, just add</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.new_record_changed.yes">
+        <source>Yes, save and create now</source>
+      </trans-unit>
+      <trans-unit id="label.confirm.view_record_changed.title">
+        <source>Do you want to save before viewing?</source>
+      </trans-unit>
+      <trans-unit id="label.confirm.view_record_changed.content">
+        <source>You currently have unsaved changes. You can either discard these changes or save and view them.</source>
+      </trans-unit>
+      <trans-unit id="label.confirm.view_record_changed.invalid_form">
+        <source>The form appears to be invalid, therefore "Save changes and view" is not available.</source>
+      </trans-unit>
+      <trans-unit id="label.confirm.view_record_changed.content.is-new-page">
+        <source>You need to save your changes before viewing the page. Do you want to save and view them now?</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.view_record_changed.cancel">
+        <source>Cancel</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.view_record_changed.no-save">
+        <source>View without changes</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.view_record_changed.save">
+        <source>Save changes and view</source>
+      </trans-unit>
+      <trans-unit id="label.confirm.close_without_save.title">
+        <source>Unsaved changes</source>
+      </trans-unit>
+      <trans-unit id="label.confirm.close_without_save.content">
+        <source>You currently have unsaved changes which will be discarded if you close without saving.</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.delete_file.no">
+        <source>Cancel</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.delete_file.yes">
+        <source>Yes, delete this file</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.delete_folder.yes">
+        <source>Yes, delete this folder</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.delete_record.no">
+        <source>Cancel</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.delete_record.yes">
+        <source>Delete</source>
+      </trans-unit>
+      <trans-unit id="label.confirm.delete_record.title">
+        <source>Delete this record?</source>
+      </trans-unit>
+      <trans-unit id="label.confirm.delete_record.content">
+        <source>Are you sure you want to delete the record '%s'?</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.delete_elements.no">
+        <source>Cancel</source>
+      </trans-unit>
+      <trans-unit id="buttons.confirm.delete_elements.yes">
+        <source>Yes, delete these elements</source>
+      </trans-unit>
+      <trans-unit id="label.alert.save_with_error.title">
+        <source>You have errors in your form!</source>
+      </trans-unit>
+      <trans-unit id="label.alert.save_with_error.content">
+        <source>Please check the form, there is at least one error in your form.</source>
+      </trans-unit>
+      <trans-unit id="buttons.alert.save_with_error.ok">
+        <source>OK</source>
+      </trans-unit>
+      <trans-unit id="buttons.reviewFailedValidationFields">
+        <source>Review fields with failed validations</source>
+      </trans-unit>
+      <trans-unit id="buttons.pageTsConfig">
+        <source>PageTS Config</source>
+      </trans-unit>
+      <trans-unit id="notification.record_saved.title.singular">
+        <source>Record saved</source>
+      </trans-unit>
+      <trans-unit id="notification.record_saved.title.plural">
+        <source>Records saved</source>
+      </trans-unit>
+      <trans-unit id="notification.record_saved.message">
+        <source>Record "%s" has been successfully saved.</source>
+      </trans-unit>
+      <trans-unit id="notification.mass_saving.message">
+        <source>%s records have been successfully saved.</source>
+      </trans-unit>
+      <trans-unit id="notification.record_updated.title">
+        <source>Record updated</source>
+      </trans-unit>
+      <trans-unit id="notification.record_updated.message">
+        <source>Record "%s" has been updated. The view is being refreshed.</source>
+      </trans-unit>
+      <trans-unit id="openFullEditView">
+        <source>Open full editing view</source>
+      </trans-unit>
+      <trans-unit id="search.find_record">
+        <source>Find records</source>
+      </trans-unit>
+      <trans-unit id="search.no_records_found">
+        <source>No records found</source>
+      </trans-unit>
+      <trans-unit id="flexform.section.delete.title">
+        <source>Delete this container?</source>
+      </trans-unit>
+      <trans-unit id="flexform.section.delete.message">
+        <source>Are you sure you want to delete this container?</source>
+      </trans-unit>
+      <trans-unit id="tcatree.findItem">
+        <source>Filter by item</source>
+      </trans-unit>
+      <trans-unit id="tcatree.expandAll">
+        <source>Expand all</source>
+      </trans-unit>
+      <trans-unit id="tcatree.collapseAll">
+        <source>Collapse all</source>
+      </trans-unit>
+      <trans-unit id="tcatree.toggleHideUnchecked">
+        <source>Toggle hide unchecked</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_browse_links.xlf b/Resources/Private/Language/locallang_browse_links.xlf
new file mode 100644
index 0000000..243a472
--- /dev/null
+++ b/Resources/Private/Language/locallang_browse_links.xlf
@@ -0,0 +1,176 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_browse_links.xlf" date="2011-10-17T20:22:33Z" product-name="lang">
+    <header/>
+    <body>
+      <trans-unit id="linkBrowser">
+        <source>Link Browser</source>
+      </trans-unit>
+      <trans-unit id="openLinkWizard">
+        <source>Open link wizard</source>
+      </trans-unit>
+      <trans-unit id="removeLink">
+        <source>Remove link</source>
+      </trans-unit>
+      <trans-unit id="uploadImage">
+        <source>Upload Image</source>
+      </trans-unit>
+      <trans-unit id="update">
+        <source>Update</source>
+      </trans-unit>
+      <trans-unit id="path">
+        <source>Path</source>
+      </trans-unit>
+      <trans-unit id="page">
+        <source>Page</source>
+      </trans-unit>
+      <trans-unit id="file">
+        <source>File</source>
+      </trans-unit>
+      <trans-unit id="folder">
+        <source>Folder</source>
+      </trans-unit>
+      <trans-unit id="extUrl">
+        <source>External URL</source>
+      </trans-unit>
+      <trans-unit id="email">
+        <source>Email</source>
+      </trans-unit>
+      <trans-unit id="email.subject">
+        <source>Subject</source>
+      </trans-unit>
+      <trans-unit id="email.cc">
+        <source>CC</source>
+      </trans-unit>
+      <trans-unit id="email.bcc">
+        <source>BCC</source>
+      </trans-unit>
+      <trans-unit id="email.body">
+        <source>Body</source>
+      </trans-unit>
+      <trans-unit id="telephone">
+        <source>Telephone</source>
+      </trans-unit>
+      <trans-unit id="special">
+        <source>Special</source>
+      </trans-unit>
+      <trans-unit id="folderTree">
+        <source>Folder Tree</source>
+      </trans-unit>
+      <trans-unit id="files">
+        <source>Files</source>
+      </trans-unit>
+      <trans-unit id="folders">
+        <source>Folders</source>
+      </trans-unit>
+      <trans-unit id="target">
+        <source>Target</source>
+      </trans-unit>
+      <trans-unit id="linkRelationship">
+        <source>Relationship</source>
+      </trans-unit>
+      <trans-unit id="class">
+        <source>CSS-Class</source>
+      </trans-unit>
+      <trans-unit id="title">
+        <source>Title</source>
+      </trans-unit>
+      <trans-unit id="params">
+        <source>Additional link parameters</source>
+      </trans-unit>
+      <trans-unit id="newWindow">
+        <source>New window</source>
+      </trans-unit>
+      <trans-unit id="top">
+        <source>Top</source>
+      </trans-unit>
+      <trans-unit id="none">
+        <source>None - new link!</source>
+      </trans-unit>
+      <trans-unit id="pageTree">
+        <source>Page tree</source>
+      </trans-unit>
+      <trans-unit id="contentElements">
+        <source>Content elements</source>
+      </trans-unit>
+      <trans-unit id="selectRecords">
+        <source>Select Records</source>
+      </trans-unit>
+      <trans-unit id="addToList">
+        <source>Add to list...</source>
+      </trans-unit>
+      <trans-unit id="info">
+        <source>Info</source>
+      </trans-unit>
+      <trans-unit id="emailAddress">
+        <source>Email address</source>
+      </trans-unit>
+      <trans-unit id="telephoneNumber">
+        <source>Telephone number</source>
+      </trans-unit>
+      <trans-unit id="setLink">
+        <source>Set Link</source>
+      </trans-unit>
+      <trans-unit id="linkTo">
+        <source>Link to %s</source>
+      </trans-unit>
+      <trans-unit id="urlPlaceholder" translate="no">
+        <source>https://...</source>
+      </trans-unit>
+      <trans-unit id="clickToRedrawFullSize">
+        <source>Image is larger than shown here! Click to redraw page with full sized images.</source>
+      </trans-unit>
+      <trans-unit id="findDragDrop">
+        <source>Find and click on your image then drag it into the editor in the main window!</source>
+      </trans-unit>
+      <trans-unit id="noWebFolder">
+        <source>You cannot drag images from this folder (yellow) because it is internal on the server.</source>
+      </trans-unit>
+      <trans-unit id="currentLink">
+        <source>Current Link</source>
+      </trans-unit>
+      <trans-unit id="invalidChar">
+        <source>ERROR: Invalid character found in file path (%s). Cannot add the file!</source>
+      </trans-unit>
+      <trans-unit id="toggleSelection">
+        <source>Toggle selection</source>
+      </trans-unit>
+      <trans-unit id="importSelection">
+        <source>Import selection</source>
+      </trans-unit>
+      <trans-unit id="recordSelector">
+        <source>Record selector</source>
+      </trans-unit>
+      <trans-unit id="fileSelector">
+        <source>File selector</source>
+      </trans-unit>
+      <trans-unit id="folderSelector">
+        <source>Folder selector</source>
+      </trans-unit>
+      <trans-unit id="createFolder">
+        <source>Create new folder</source>
+      </trans-unit>
+      <trans-unit id="page_id">
+        <source>Page ID</source>
+      </trans-unit>
+      <trans-unit id="download">
+        <source>Force download</source>
+      </trans-unit>
+      <trans-unit id="download.customFilename">
+        <source>Custom filename</source>
+      </trans-unit>
+      <trans-unit id="displayThumbs">
+        <source>Display thumbnails</source>
+      </trans-unit>
+      <trans-unit id="no_files">
+        <source>No files found in %s</source>
+      </trans-unit>
+      <trans-unit id="no_files_search">
+        <source>No files found in %s for "%s"</source>
+      </trans-unit>
+      <trans-unit id="recordNotFound">
+        <source>Record not found</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_codeeditor.xlf b/Resources/Private/Language/locallang_codeeditor.xlf
new file mode 100644
index 0000000..231da5f
--- /dev/null
+++ b/Resources/Private/Language/locallang_codeeditor.xlf
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_codeeditor.xlf" date="2023-11-20T10:56:42Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="pageIDInteger">
+        <source>Syntax error: Parameter pageID must be a valid integer.</source>
+      </trans-unit>
+      <trans-unit id="noPermission">
+        <source>Access denied: No permission to template records.</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_column_selector.xlf b/Resources/Private/Language/locallang_column_selector.xlf
new file mode 100644
index 0000000..bc44371
--- /dev/null
+++ b/Resources/Private/Language/locallang_column_selector.xlf
@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_column_selector.xlf" date="2021-08-25T02:11:02Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="showColumns">
+        <source>Show columns</source>
+      </trans-unit>
+      <trans-unit id="showColumnsSelection">
+        <source>Show columns for %s</source>
+      </trans-unit>
+      <trans-unit id="updateColumnView">
+        <source>Update</source>
+      </trans-unit>
+      <trans-unit id="updateColumnView.nothingUpdated">
+        <source>No columns were updated</source>
+      </trans-unit>
+      <trans-unit id="updateColumnView.error">
+        <source>Could not update columns</source>
+      </trans-unit>
+      <trans-unit id="columnsFilter">
+        <source>Filter by:</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_copytoclipboard.xlf b/Resources/Private/Language/locallang_copytoclipboard.xlf
new file mode 100644
index 0000000..33a77e8
--- /dev/null
+++ b/Resources/Private/Language/locallang_copytoclipboard.xlf
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_copytoclipboard.xlf" date="2021-06-01T12:43:12Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="copyToClipboard.title">
+        <source>Copy %s to clipboard</source>
+      </trans-unit>
+      <trans-unit id="copyToClipboard.success">
+        <source>Copied to clipboard</source>
+      </trans-unit>
+      <trans-unit id="copyToClipboard.error">
+        <source>Could not be copied to clipboard</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_download.xlf b/Resources/Private/Language/locallang_download.xlf
new file mode 100644
index 0000000..30fa7ba
--- /dev/null
+++ b/Resources/Private/Language/locallang_download.xlf
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_download.xlf" date="2012-06-17T10:22:33Z" product-name="recordlist">
+    <header/>
+    <body>
+      <trans-unit id="downloadRecord">
+        <source>Download %d record</source>
+      </trans-unit>
+      <trans-unit id="downloadRecords">
+        <source>Download %d records</source>
+      </trans-unit>
+      <trans-unit id="download">
+        <source>Download</source>
+      </trans-unit>
+      <trans-unit id="downloadRecordSettings">
+        <source>Download %s: %d Record</source>
+      </trans-unit>
+      <trans-unit id="downloadRecordsSettings">
+        <source>Download %s: %d Records</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.generalSettings">
+        <source>General settings</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.columnsToDownload">
+        <source>Columns to download</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.selectedColumns">
+        <source>Selected columns</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.allColumns">
+        <source>All columns</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.valueFormat">
+        <source>Format of values</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.rawValues">
+        <source>Raw values</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.processedValues">
+        <source>Processed values</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.default">
+        <source>Default: %s</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.filename">
+        <source>Filename</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.filename.placeholder">
+        <source>e.g. %s_ddmmyy-hhmm</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.format">
+        <source>Format</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.format.csv">
+        <source>CSV</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.format.json">
+        <source>JSON</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.csv">
+        <source>CSV options</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.csv.delimiter">
+        <source>Delimiter</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.csv.delimiter.comma">
+        <source>comma</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.csv.delimiter.semicolon">
+        <source>semicolon</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.csv.delimiter.pipe">
+        <source>pipe</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.csv.delimiter.custom">
+        <source>user defined</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.csv.quote">
+        <source>Quote character</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.csv.quote.doublequote">
+        <source>double quote</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.csv.quote.singlequote">
+        <source>single quote</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.csv.quote.space">
+        <source>space</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.csv.quote.custom">
+        <source>user defined</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.json">
+        <source>JSON options</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.json.meta">
+        <source>Meta information</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.json.meta.full">
+        <source>Add all relevant information to the download</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.json.meta.prefix">
+        <source>Prefix the download with table name and page id</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.formatOptions.json.meta.none">
+        <source>No information, only download records</source>
+      </trans-unit>
+      <trans-unit id="downloadSettings.preset">
+        <source>Preset</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_layout.xlf b/Resources/Private/Language/locallang_layout.xlf
new file mode 100644
index 0000000..07fd062
--- /dev/null
+++ b/Resources/Private/Language/locallang_layout.xlf
@@ -0,0 +1,423 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_layout.xlf" date="2011-10-17T20:22:32Z" product-name="cms">
+    <header/>
+    <body>
+      <trans-unit id="breadcrumb">
+        <source>Breadcrumb</source>
+      </trans-unit>
+      <trans-unit id="title">
+        <source>Page content</source>
+      </trans-unit>
+      <trans-unit id="noEditItems">
+        <source>Sorry, you do not have permissions to edit items on this page!</source>
+      </trans-unit>
+      <trans-unit id="noEditPage">
+        <source>Sorry, you do not have permissions to edit this page!</source>
+      </trans-unit>
+      <trans-unit id="moveUp">
+        <source>Move record up</source>
+      </trans-unit>
+      <trans-unit id="moveDown">
+        <source>Move record down</source>
+      </trans-unit>
+      <trans-unit id="unHide">
+        <source>Un-hide</source>
+      </trans-unit>
+      <trans-unit id="hide">
+        <source>Hide</source>
+      </trans-unit>
+      <trans-unit id="edit">
+        <source>Edit</source>
+      </trans-unit>
+      <trans-unit id="newAfter">
+        <source>New record after this one</source>
+      </trans-unit>
+      <trans-unit id="move_record">
+        <source>Re-position current content element</source>
+      </trans-unit>
+      <trans-unit id="move_page">
+        <source>Move page</source>
+      </trans-unit>
+      <trans-unit id="transfer_multiple">
+        <source>Transfer multiple items</source>
+      </trans-unit>
+      <trans-unit id="mess.transfer_multiple">
+        <source>Transfer %d items into "%s"?</source>
+      </trans-unit>
+      <trans-unit id="drop.conflict">
+        <source>Conflict with dropped node</source>
+      </trans-unit>
+      <trans-unit id="mess.drop.conflict">
+        <source>The node %s is a parent of %s and therefore cannot be moved. Operation canceled.</source>
+      </trans-unit>
+      <trans-unit id="deleteItem">
+        <source>Delete</source>
+      </trans-unit>
+      <trans-unit id="deleteWarning">
+        <source>Are you sure you want to delete the record '%s'?</source>
+      </trans-unit>
+      <trans-unit id="pasteIntoColumn">
+        <source>Paste into this column</source>
+      </trans-unit>
+      <trans-unit id="pasteAfterRecord">
+        <source>Paste after this record</source>
+      </trans-unit>
+      <trans-unit id="paste.modal.title.paste">
+        <source>Paste record</source>
+      </trans-unit>
+      <trans-unit id="paste.modal.paste">
+        <source>Do you want to paste the record to this position?</source>
+      </trans-unit>
+      <trans-unit id="paste.modal.button.cancel">
+        <source>Cancel</source>
+      </trans-unit>
+      <trans-unit id="paste.modal.button.paste">
+        <source>Paste</source>
+      </trans-unit>
+      <trans-unit id="editColumn">
+        <source>Edit this column</source>
+      </trans-unit>
+      <trans-unit id="slideModeInfo.slide">
+        <source>If this page has no content, content is automatically taken from the nearest parent page above that contains content.</source>
+      </trans-unit>
+      <trans-unit id="slideModeInfo.collect">
+        <source>Content from this page and all parent pages is collected and shown together, starting with the topmost page and ending with this page.</source>
+      </trans-unit>
+      <trans-unit id="slideModeInfo.collectReverse">
+        <source>Content from this page and all parent pages is collected and shown together, starting with this page and ending with the topmost page.</source>
+      </trans-unit>
+      <trans-unit id="editPageProperties_curLang">
+        <source>Edit translation properties</source>
+      </trans-unit>
+      <trans-unit id="editInRTE">
+        <source>Edit in Rich Text Editor</source>
+      </trans-unit>
+      <trans-unit id="newPageContent">
+        <source>Create page content</source>
+      </trans-unit>
+      <trans-unit id="newPageContent_translate">
+        <source>Translate</source>
+      </trans-unit>
+      <trans-unit id="newPageContent2">
+        <source>New content</source>
+      </trans-unit>
+      <trans-unit id="content">
+        <source>Content</source>
+      </trans-unit>
+      <trans-unit id="createNewContent">
+        <source>Create new content</source>
+      </trans-unit>
+      <trans-unit id="newInColumn">
+        <source>Create new record in top of this column</source>
+      </trans-unit>
+      <trans-unit id="records">
+        <source>records</source>
+      </trans-unit>
+      <trans-unit id="pageInformation">
+        <source>Page information</source>
+      </trans-unit>
+      <trans-unit id="goToTable">
+        <source>Go to table</source>
+      </trans-unit>
+      <trans-unit id="internalNotes">
+        <source>Internal notes</source>
+      </trans-unit>
+      <trans-unit id="clearCache">
+        <source>Click here to clear cache for this page.</source>
+      </trans-unit>
+      <trans-unit id="hiddenCE">
+        <source>Show hidden content elements</source>
+      </trans-unit>
+      <trans-unit id="new_language">
+        <source>Create a new translation of this page</source>
+      </trans-unit>
+      <trans-unit id="newLabel">
+        <source>NEW</source>
+      </trans-unit>
+      <trans-unit id="defaultLanguage">
+        <source>Default</source>
+      </trans-unit>
+      <trans-unit id="editLanguageHeader">
+        <source>Edit language header</source>
+      </trans-unit>
+      <trans-unit id="editPageProperties">
+        <source>Edit page properties</source>
+      </trans-unit>
+      <trans-unit id="editPageTitle">
+        <source>Edit the page title</source>
+      </trans-unit>
+      <trans-unit id="editPageTitle.input.field.label">
+        <source>Enter a page title</source>
+      </trans-unit>
+      <trans-unit id="editPageLanguageOverlayProperties">
+        <source>Edit page language overlay properties</source>
+      </trans-unit>
+      <trans-unit id="editThisColumn">
+        <source>Edit the '%s' field of the listed pages</source>
+      </trans-unit>
+      <trans-unit id="newRecordGeneral">
+        <source>Create new record</source>
+      </trans-unit>
+      <trans-unit id="newContentElement">
+        <source>New Page Content</source>
+      </trans-unit>
+      <trans-unit id="CEonThisPage">
+        <source>Content elements on this page</source>
+      </trans-unit>
+      <trans-unit id="newPage">
+        <source>Create new page</source>
+      </trans-unit>
+      <trans-unit id="newPage2">
+        <source>New page</source>
+      </trans-unit>
+      <trans-unit id="noAccess">
+        <source>No edit access</source>
+      </trans-unit>
+      <trans-unit id="noAccess_msg">
+        <source>You do not have access to edit the requested record.</source>
+      </trans-unit>
+      <trans-unit id="notAssigned">
+        <source>Not assigned</source>
+      </trans-unit>
+      <trans-unit id="emptyColPos">
+        <source>Empty section</source>
+      </trans-unit>
+      <trans-unit id="emptyColPos.message">
+        <source>This section is only for display purposes, no "colPos" configuration is set.</source>
+      </trans-unit>
+      <trans-unit id="unusedColPos">
+        <source>Unused</source>
+      </trans-unit>
+      <trans-unit id="undoLastChange">
+        <source>Undo/Redo last change (%s ago)</source>
+      </trans-unit>
+      <trans-unit id="recordHistory">
+        <source>View record change history</source>
+      </trans-unit>
+      <trans-unit id="viewContent">
+        <source>Viewing content of</source>
+      </trans-unit>
+      <trans-unit id="tt_board_subject">
+        <source>Subject</source>
+      </trans-unit>
+      <trans-unit id="tt_board_author">
+        <source>Author</source>
+      </trans-unit>
+      <trans-unit id="tt_board_date">
+        <source>Date</source>
+      </trans-unit>
+      <trans-unit id="tt_board_age">
+        <source>Age</source>
+      </trans-unit>
+      <trans-unit id="tt_board_RE">
+        <source>RE</source>
+      </trans-unit>
+      <trans-unit id="gridView">
+        <source>Grid-View</source>
+      </trans-unit>
+      <trans-unit id="m_tt_board_0">
+        <source>List topics only</source>
+      </trans-unit>
+      <trans-unit id="m_tt_board_expand">
+        <source>Expand Threads</source>
+      </trans-unit>
+      <trans-unit id="m_tt_address_0">
+        <source>Short List</source>
+      </trans-unit>
+      <trans-unit id="m_tt_address_1">
+        <source>Address list</source>
+      </trans-unit>
+      <trans-unit id="m_tt_address_2">
+        <source>Personal info</source>
+      </trans-unit>
+      <trans-unit id="m_tt_links_1">
+        <source>Whole URL</source>
+      </trans-unit>
+      <trans-unit id="m_tt_links_2">
+        <source>Alternative note</source>
+      </trans-unit>
+      <trans-unit id="m_tt_calender_date">
+        <source>Date</source>
+      </trans-unit>
+      <trans-unit id="m_tt_calender_date_ext">
+        <source>Date - extended</source>
+      </trans-unit>
+      <trans-unit id="m_tt_calender_todo">
+        <source>Todo</source>
+      </trans-unit>
+      <trans-unit id="m_tt_calender_todo_ext">
+        <source>Todo - extended</source>
+      </trans-unit>
+      <trans-unit id="m_tt_calender_ext">
+        <source>Extended</source>
+      </trans-unit>
+      <trans-unit id="m_tt_products_ext">
+        <source>Extended</source>
+      </trans-unit>
+      <trans-unit id="m_default">
+        <source>Default</source>
+      </trans-unit>
+      <trans-unit id="clickAPage_content">
+        <source>Please select a page in the page tree to edit page content.</source>
+      </trans-unit>
+      <trans-unit id="pI_crUser">
+        <source>Created by</source>
+      </trans-unit>
+      <trans-unit id="pI_crDate">
+        <source>Created date</source>
+      </trans-unit>
+      <trans-unit id="pI_lastChange">
+        <source>Last change</source>
+      </trans-unit>
+      <trans-unit id="pI_lastChangeContent">
+        <source>Last change, content</source>
+      </trans-unit>
+      <trans-unit id="pI_hitsTotal">
+        <source>Total Hits</source>
+      </trans-unit>
+      <trans-unit id="pI_hitsPeriod">
+        <source>Hits Period</source>
+      </trans-unit>
+      <trans-unit id="pI_hits24hours">
+        <source>Last 24 hours</source>
+      </trans-unit>
+      <trans-unit id="pI_hits10days">
+        <source>Last 10 days</source>
+      </trans-unit>
+      <trans-unit id="content_from_pid_title">
+        <source>Page uses content from this page: %s</source>
+      </trans-unit>
+      <trans-unit id="content_from_pid_invalid_title">
+        <source>Page is defined to use content from PID %s, but this page does not exist or is inaccessible</source>
+      </trans-unit>
+      <trans-unit id="content_on_pid_title">
+        <source>This content is also shown on: %s</source>
+      </trans-unit>
+      <trans-unit id="pageIsInternalLinkMessage">
+        <source>Page is a link to the following page: %s</source>
+      </trans-unit>
+      <trans-unit id="pageIsMisconfiguredInternalLinkMessage">
+        <source>Page is configured to be a link but there is actually no valid target defined.</source>
+      </trans-unit>
+      <trans-unit id="pageIsMisconfiguredOrNotAccessibleInternalLinkMessage">
+        <source>Page is configured to be a link but there is actually no target defined which is accessible in the frontend.</source>
+      </trans-unit>
+      <trans-unit id="pageIsMisconfiguredFirstSubpageMessage">
+        <source>Page is configured to be a link to the first subpage but there is actually no such page accessible in the frontend.</source>
+      </trans-unit>
+      <trans-unit id="pageIsMisconfiguredParentPageMessage">
+        <source>Page is configured to be a link to the parent page but there is actually no such page accessible in the frontend.</source>
+      </trans-unit>
+      <trans-unit id="goToRecordsModule">
+        <source>Go to records module</source>
+      </trans-unit>
+      <trans-unit id="goToListModuleMessage">
+        <source>The current page is a folder. Folders usually don't contain content elements but are used for collecting other types of records.</source>
+      </trans-unit>
+      <trans-unit id="staleTranslationWarning">
+        <source>Make sure that this behavior is intended and does not pose a problem for you. We highlighted the problematic records for you.</source>
+      </trans-unit>
+      <trans-unit id="staleTranslationWarningTitle">
+        <source>Inconsistent content detected in language "%s"</source>
+      </trans-unit>
+      <trans-unit id="languageModeFree">
+        <source>Free Mode</source>
+      </trans-unit>
+      <trans-unit id="languageModeConnected">
+        <source>Connected Mode</source>
+      </trans-unit>
+      <trans-unit id="languageModeMixed">
+        <source>Mixed Mode</source>
+      </trans-unit>
+      <trans-unit id="languageContainsWorkspaceDeletePlaceholderRecords">
+        <source>Deleted workspace elements are not shown</source>
+      </trans-unit>
+      <trans-unit id="staleUnusedElementsWarning">
+        <source>These elements don't belong to any of the available columns of this page. You should either delete them or move them to existing columns. We highlighted the problematic records for you.</source>
+      </trans-unit>
+      <trans-unit id="staleUnusedElementsWarningTitle">
+        <source>Unused elements detected on this page</source>
+      </trans-unit>
+      <trans-unit id="localize.chooseLanguage">
+        <source>Choose your language</source>
+      </trans-unit>
+      <trans-unit id="localize.wizard.header">
+        <source>Localize record "{0}" into {1}</source>
+      </trans-unit>
+      <trans-unit id="localize.wizard.header_page">
+        <source>Localize page "{0}" into {1}</source>
+      </trans-unit>
+      <trans-unit id="localize.wizard.button.translate">
+        <source>Translate</source>
+      </trans-unit>
+      <trans-unit id="localize.wizard.button.copy">
+        <source>Copy</source>
+      </trans-unit>
+      <trans-unit id="localize.wizard.button.cancel">
+        <source>Cancel</source>
+      </trans-unit>
+      <trans-unit id="localize.wizard.button.next">
+        <source>Next</source>
+      </trans-unit>
+      <trans-unit id="localize.wizard.button.process">
+        <source>Start processing</source>
+      </trans-unit>
+      <trans-unit id="localize.wizard.step.selectMode">
+        <source>Localization mode</source>
+      </trans-unit>
+      <trans-unit id="localize.wizard.step.chooseLanguage">
+        <source>Source Language</source>
+      </trans-unit>
+      <trans-unit id="localize.wizard.step.selectRecords">
+        <source>Records</source>
+      </trans-unit>
+      <trans-unit id="localize.view.chooseLanguage">
+        <source>Choose the language from which you want to localize the content</source>
+      </trans-unit>
+      <trans-unit id="localize.view.summary">
+        <source>Record summary</source>
+      </trans-unit>
+      <trans-unit id="localize.view.processing">
+        <source>Processing...</source>
+      </trans-unit>
+      <trans-unit id="localize.progress.step">
+        <source>Step {0} of {1}</source>
+      </trans-unit>
+      <trans-unit id="localize.educate.translate">
+        <source>Translating content will create a direct connection between the original language and the language you translate to.&lt;br&gt;
+          This means that moving an element or setting meta information like start- or endtime will be taken from the original content and you will not be able to set these values on a translated content element.&lt;br&gt;
+          &lt;strong&gt;Use this when your workflow demands a strict translation workflow.&lt;/strong&gt;
+        </source>
+      </trans-unit>
+      <trans-unit id="localize.educate.copy">
+        <source>Copying content will take the content elements from the source language and create copies in a different language.&lt;br&gt;
+          This means that you will be able to move content elements around freely, but you will not have the benefit of being able to compare changes made in the source language later on.&lt;br&gt;
+          &lt;strong&gt;Use this when you want to have freedom in designing your translated website.&lt;/strong&gt;
+        </source>
+      </trans-unit>
+      <trans-unit id="window.localization.mixed_mode.title">
+        <source>Localization not possible</source>
+      </trans-unit>
+      <trans-unit id="window.localization.mixed_mode.message">
+        <source>Using the translation wizard is not possible, because either translation is disabled or the translated page is in "mixed mode". Being in "mixed mode" means that both translated records that have a source language and "free mode" records without a parent, are present.
+          We highlighted the problematic records for you in this case.</source>
+      </trans-unit>
+      <trans-unit id="error.invalidBackendLayout">
+        <source>The selected page layout is mis-configured, no columns are specified to be editable. Please update your backend layout to have at least one parameter "colPos" set.</source>
+      </trans-unit>
+      <trans-unit id="dragdrop.copy.message">
+        <source>Press CTRL to copy</source>
+      </trans-unit>
+      <trans-unit id="progressTracker.steps">
+        <source>Step %d of %d</source>
+      </trans-unit>
+      <trans-unit id="showPageQrCode">
+        <source>Show QR code</source>
+      </trans-unit>
+      <trans-unit id="showPageQrCode.modalTitle">
+        <source>QR Code for Page Preview</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_login.xlf b/Resources/Private/Language/locallang_login.xlf
new file mode 100644
index 0000000..a91c5f8
--- /dev/null
+++ b/Resources/Private/Language/locallang_login.xlf
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_login.xlf" date="2011-10-17T20:22:34Z" product-name="lang">
+    <header/>
+    <body>
+      <trans-unit id="labels.submitLogout">
+        <source>Log Out</source>
+      </trans-unit>
+      <trans-unit id="labels.whatIsOpenId">
+        <source>What is OpenId?</source>
+      </trans-unit>
+      <trans-unit id="availableInterfaces">
+        <source>Backend,Front End,Traditional Backend</source>
+      </trans-unit>
+      <trans-unit id="headline">
+        <source>Login to the TYPO3 CMS Backend on ###SITENAME###</source>
+      </trans-unit>
+      <trans-unit id="info.about">
+        <source>This is the backend login of TYPO3. You need username and password to access this administration interface. If you are a visitor of ###SITENAME###, please visit the public website: ###SITELINK###</source>
+      </trans-unit>
+      <trans-unit id="info.reset">
+        <source>Reset this form</source>
+      </trans-unit>
+      <trans-unit id="info.cookies_and_js">
+        <source>(Note: Cookies and JavaScript must be enabled!)</source>
+      </trans-unit>
+      <trans-unit id="clear">
+        <source>Clear this field!</source>
+      </trans-unit>
+      <trans-unit id="warning.incompatibleBrowserHeadline">
+        <source>Unsupported Browser</source>
+      </trans-unit>
+      <trans-unit id="warning.incompatibleBrowser">
+        <source>You are using an unsupported browser version.</source>
+      </trans-unit>
+      <trans-unit id="warning.incompatibleBrowserInternetExplorer">
+        <source>Please install &lt;a href="http://www.microsoft.com/internetexplorer/" target="_blank" rel="noreferrer" /&gt;a more modern browser version&lt;/a&gt;.</source>
+      </trans-unit>
+      <trans-unit id="newsheadline">
+        <source>Important Messages</source>
+      </trans-unit>
+      <trans-unit id="error.login">
+        <source>Your login attempt did not succeed. Make sure to spell your username and password correctly, including upper/lowercase characters.</source>
+      </trans-unit>
+      <trans-unit id="error.cookies_ignore">
+        <source>Ignore!</source>
+      </trans-unit>
+      <trans-unit id="error.furtherInformation">
+        <source>For more information or further help click here</source>
+      </trans-unit>
+      <trans-unit id="typo3.cms">
+        <source>TYPO3 CMS</source>
+      </trans-unit>
+      <trans-unit id="typo3.altText">
+        <source>TYPO3 CMS logo</source>
+      </trans-unit>
+      <trans-unit id="version.short">
+        <source>ver.</source>
+      </trans-unit>
+      <trans-unit id="copyright">
+        <source>Copyright</source>
+      </trans-unit>
+      <trans-unit id="extension.copyright">
+        <source>Extensions are copyright of their respective owners.</source>
+      </trans-unit>
+      <trans-unit id="extension.trademark">
+        <source>TYPO3 is a registered %strademark%s.</source>
+      </trans-unit>
+      <trans-unit id="free.software">
+        <source>This is free software, and you are welcome to redistribute it under certain conditions; %sdetails about licenses.%s</source>
+      </trans-unit>
+      <trans-unit id="free_software_and_warranty">
+        <source>TYPO3 CMS comes with ABSOLUTELY NO WARRANTY. This is free software, and you are welcome to redistribute it under certain conditions, see %sdetails about licenses.%s</source>
+      </trans-unit>
+      <trans-unit id="free_software_and_custom_warranty">
+        <source>Warranty is supplied by %s. This is free software, and you are welcome to redistribute it under certain conditions, see %sdetails about licenses.%s</source>
+      </trans-unit>
+      <trans-unit id="keep.notice">
+        <source>Obstructing the appearance of this notice is prohibited by law.</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_mfa.xlf b/Resources/Private/Language/locallang_mfa.xlf
new file mode 100644
index 0000000..5b72ce0
--- /dev/null
+++ b/Resources/Private/Language/locallang_mfa.xlf
@@ -0,0 +1,205 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_mfa.xlf" date="2021-01-26T11:58:45Z" product-name="cms">
+    <header/>
+    <body>
+      <trans-unit id="overview.title">
+        <source>Multi-factor Authentication Overview</source>
+      </trans-unit>
+      <trans-unit id="overview.badge.active">
+        <source>Active</source>
+      </trans-unit>
+      <trans-unit id="overview.badge.locked">
+        <source>Locked</source>
+      </trans-unit>
+      <trans-unit id="overview.defaultProvider">
+        <source>Default provider</source>
+      </trans-unit>
+      <trans-unit id="overview.unlockLinkTitle">
+        <source>Unlock %s</source>
+      </trans-unit>
+      <trans-unit id="overview.unlockLinkLabel">
+        <source>Unlock</source>
+      </trans-unit>
+      <trans-unit id="overview.editLinkTitle">
+        <source>Edit %s</source>
+      </trans-unit>
+      <trans-unit id="overview.editLinkLabel">
+        <source>Edit / Change</source>
+      </trans-unit>
+      <trans-unit id="overview.deactivateLinkTitle">
+        <source>Deactivate %s</source>
+      </trans-unit>
+      <trans-unit id="overview.deactivateLinkLabel">
+        <source>Deactivate</source>
+      </trans-unit>
+      <trans-unit id="overview.setupLinkTitle">
+        <source>Setup %s</source>
+      </trans-unit>
+      <trans-unit id="overview.setupLinkLabel">
+        <source>Setup</source>
+      </trans-unit>
+      <trans-unit id="overview.setupRequired.title">
+        <source>Multi-factor authentication required</source>
+      </trans-unit>
+      <trans-unit id="overview.setupRequired.message">
+        <source>
+          Your installation requires MFA. Therefore please setup one of the following providers to be able to continue to use the backend.
+        </source>
+      </trans-unit>
+      <trans-unit id="overview.noProviders.title">
+        <source>No multi-factor authentication providers</source>
+      </trans-unit>
+      <trans-unit id="overview.noProviders.message">
+        <source>There are currently no multi-factor authentication providers available.</source>
+      </trans-unit>
+      <trans-unit id="noprovider_error_message">
+        <source>
+          Multi-factor authentification (MFA) setup is required, but no providers are currently available for you to activate. This might be a misconfiguration, so please contact your administrator for assistance.
+        </source>
+      </trans-unit>
+      <trans-unit id="providerNotFound">
+        <source>Selected MFA provider was not found</source>
+      </trans-unit>
+      <trans-unit id="providerNotActive">
+        <source>This action requires an active MFA provider.</source>
+      </trans-unit>
+      <trans-unit id="providerActive">
+        <source>This action requires an inactive MFA provider.</source>
+      </trans-unit>
+      <trans-unit id="providerIsLocked">
+        <source>This action requires an unlocked MFA provider.</source>
+      </trans-unit>
+      <trans-unit id="setup.instructions">
+        <source>Setup instructions</source>
+      </trans-unit>
+      <trans-unit id="setup.instructions.close">
+        <source>Close setup instructions</source>
+      </trans-unit>
+      <trans-unit id="setup.title">
+        <source>Set up %s</source>
+      </trans-unit>
+      <trans-unit id="edit.title">
+        <source>Edit %s</source>
+      </trans-unit>
+      <trans-unit id="edit.defaultProvider">
+        <source>Default provider</source>
+      </trans-unit>
+      <trans-unit id="edit.defaultProvider.description">
+        <source>Select this as your default provider for login into the TYPO3 backend.</source>
+      </trans-unit>
+      <trans-unit id="edit.defaultProvider.inputLabel">
+        <source>Use as default provider</source>
+      </trans-unit>
+      <trans-unit id="edit.deactivateProvider">
+        <source>Deactivate provider</source>
+      </trans-unit>
+      <trans-unit id="edit.deactivateProvider.description">
+        <source>If you don't want to use this provider anymore, you can deactivate it here.</source>
+      </trans-unit>
+      <trans-unit id="edit.deactivateProvider.linkTitle">
+        <source>Deactivate %s</source>
+      </trans-unit>
+      <trans-unit id="edit.deactivateProvider.linkText">
+        <source>Deactivate this provider</source>
+      </trans-unit>
+      <trans-unit id="activate.failure">
+        <source>Could not activate MFA provider %s. Please try again.</source>
+      </trans-unit>
+      <trans-unit id="activate.success">
+        <source>Successfully activated MFA provider %s.</source>
+      </trans-unit>
+      <trans-unit id="deactivate.failure">
+        <source>Could not deactivate MFA provider %s. Please try again.</source>
+      </trans-unit>
+      <trans-unit id="deactivate.success">
+        <source>Successfully deactivated MFA provider %s.</source>
+      </trans-unit>
+      <trans-unit id="unlock.failure">
+        <source>Could not unlock MFA provider %s. Please try again.</source>
+      </trans-unit>
+      <trans-unit id="unlock.success">
+        <source>Successfully unlocked MFA provider %s.</source>
+      </trans-unit>
+      <trans-unit id="save.failure">
+        <source>Could not update MFA provider %s. Please try again.</source>
+      </trans-unit>
+      <trans-unit id="save.success">
+        <source>Successfully updated MFA provider %s.</source>
+      </trans-unit>
+      <trans-unit id="auth.authError">
+        <source>Authentication was not successful.</source>
+      </trans-unit>
+      <trans-unit id="auth.submit">
+        <source>Verify</source>
+      </trans-unit>
+      <trans-unit id="auth.cancel">
+        <source>Go back</source>
+      </trans-unit>
+      <trans-unit id="auth.locked">
+        <source>This provider is locked. Unlocking may require administrative intervention. Recovery codes can be used to circumvent the lock.</source>
+      </trans-unit>
+      <trans-unit id="auth.alternativeProviders">
+        <source>Alternative providers</source>
+      </trans-unit>
+      <trans-unit id="auth.alternativeProviders.use">
+        <source>Use %s</source>
+      </trans-unit>
+      <trans-unit id="standalone.setupProvider">
+        <source>Set up %s</source>
+      </trans-unit>
+      <trans-unit id="standalone.selection.title">
+        <source>Set up MFA</source>
+      </trans-unit>
+      <trans-unit id="standalone.selection.message">
+        <source>
+          %s requires you setting up MFA to secure your account. Please select one of the available providers below.
+        </source>
+      </trans-unit>
+      <trans-unit id="standalone.selection.goBack">
+        <source>Go back</source>
+      </trans-unit>
+      <trans-unit id="standalone.setup">
+        <source>Setup</source>
+      </trans-unit>
+      <trans-unit id="standalone.setup.cancel">
+        <source>Cancel</source>
+      </trans-unit>
+      <trans-unit id="standalone.setup.success.title">
+        <source>MFA setup successful</source>
+      </trans-unit>
+      <trans-unit id="standalone.setup.success.message">
+        <source>
+          You have successfully activated MFA provider %s. This provider was also automatically set as your default provider. You can change this at any time in your user settings.
+        </source>
+      </trans-unit>
+      <trans-unit id="ajax.success">
+        <source>Success</source>
+      </trans-unit>
+      <trans-unit id="ajax.error">
+        <source>An error occurred</source>
+      </trans-unit>
+      <trans-unit id="ajax.invalidRequest">
+        <source>Invalid request could not be processed</source>
+      </trans-unit>
+      <trans-unit id="ajax.insufficientPermissions">
+        <source>Your are not allowed to perform this action</source>
+      </trans-unit>
+      <trans-unit id="ajax.deactivate.providersNotDeactivated">
+        <source>No provider has been deactivated</source>
+      </trans-unit>
+      <trans-unit id="ajax.deactivate.providersDeactivated">
+        <source>Successfully deactivated all active providers for user %s</source>
+      </trans-unit>
+      <trans-unit id="ajax.deactivate.providerNotFound">
+        <source>Provider %s could not be found</source>
+      </trans-unit>
+      <trans-unit id="ajax.deactivate.providerNotDeactivated">
+        <source>Could not deactivate provider %s</source>
+      </trans-unit>
+      <trans-unit id="ajax.deactivate.providerDeactivated">
+        <source>Successfully deactivated provider %s for user %s</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_pages_new.xlf b/Resources/Private/Language/locallang_pages_new.xlf
new file mode 100644
index 0000000..9f78139
--- /dev/null
+++ b/Resources/Private/Language/locallang_pages_new.xlf
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_pages_new.xlf" date="2011-10-17T20:22:37Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="title">
+        <source>Create multiple pages</source>
+      </trans-unit>
+      <trans-unit id="canNotCreateNew.title">
+        <source>Insufficient permissions</source>
+      </trans-unit>
+      <trans-unit id="canNotCreateNew.message">
+        <source>Sorry, you are not allowed to create new subpages to this page due to access restrictions.</source>
+      </trans-unit>
+      <trans-unit id="newPage">
+        <source>Page</source>
+      </trans-unit>
+      <trans-unit id="addMoreLines">
+        <source>Add more lines</source>
+      </trans-unit>
+      <trans-unit id="listEnd">
+        <source>Place new pages after the existing subpages</source>
+      </trans-unit>
+      <trans-unit id="hidePages">
+        <source>Hide new pages</source>
+      </trans-unit>
+      <trans-unit id="hidePagesInMenus">
+        <source>Hide new pages in menus</source>
+      </trans-unit>
+      <trans-unit id="create">
+        <source>Create pages</source>
+      </trans-unit>
+      <trans-unit id="reset">
+        <source>Clear fields</source>
+      </trans-unit>
+      <trans-unit id="newSubPages">
+        <source>New page structure</source>
+      </trans-unit>
+      <trans-unit id="newSubPages.pageTitle">
+        <source>Page title</source>
+      </trans-unit>
+      <trans-unit id="noPagesCreated.title">
+        <source>No pages added</source>
+      </trans-unit>
+      <trans-unit id="noPagesCreated.message">
+        <source>No pages were created.</source>
+      </trans-unit>
+      <trans-unit id="pagesCreated.title">
+        <source>Pages added</source>
+      </trans-unit>
+      <trans-unit id="pagesCreated.message">
+        <source>The pages were created successfully.</source>
+      </trans-unit>
+      <trans-unit id="multiplePagesCanNotBeCreated.title">
+        <source>Creation of multiple is disabled because of field requirements</source>
+      </trans-unit>
+      <trans-unit id="multiplePagesCanNotBeCreated.message">
+        <source>Please use the page creation wizard instead.</source>
+      </trans-unit>
+      <trans-unit id="multiplePagesCanNotBeCreated.buttonLabel">
+        <source>Create single page</source>
+      </trans-unit>
+      <trans-unit id="availablePageTypesHaveBeenFiltered.title">
+        <source>Some page types have been filtered because of field requirements</source>
+      </trans-unit>
+      <trans-unit id="availablePageTypesHaveBeenFiltered.message">
+        <source>The following page types need to be created using the page creation wizard:</source>
+      </trans-unit>
+      <trans-unit id="availablePageTypesHaveBeenFiltered.buttonLabel">
+        <source>Create single page</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_pages_sort.xlf b/Resources/Private/Language/locallang_pages_sort.xlf
new file mode 100644
index 0000000..e6ce5b2
--- /dev/null
+++ b/Resources/Private/Language/locallang_pages_sort.xlf
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf" date="2011-10-17T20:22:37Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="title">
+        <source>Sort sub pages</source>
+      </trans-unit>
+      <trans-unit id="currentPageOrder">
+        <source>Current page order</source>
+      </trans-unit>
+      <trans-unit id="changeOrder">
+        <source>Sort these pages by</source>
+      </trans-unit>
+      <trans-unit id="changeOrderConfirm">
+        <source>You're about to change the order of the above pages. Are you sure you want to continue?</source>
+      </trans-unit>
+      <trans-unit id="fieldTitle">
+        <source>Page title</source>
+      </trans-unit>
+      <trans-unit id="fieldSubtitle">
+        <source>Subtitle</source>
+      </trans-unit>
+      <trans-unit id="fieldNavitle">
+        <source>Navigation title</source>
+      </trans-unit>
+      <trans-unit id="fieldCrdate">
+        <source>Create-time</source>
+      </trans-unit>
+      <trans-unit id="fieldTstamp">
+        <source>Change-time</source>
+      </trans-unit>
+      <trans-unit id="changeOrderByTitle">
+        <source>Page title</source>
+      </trans-unit>
+      <trans-unit id="changeOrderBySubtitle">
+        <source>Subtitle</source>
+      </trans-unit>
+      <trans-unit id="changeOrderByNavtitle">
+        <source>Navigation title</source>
+      </trans-unit>
+      <trans-unit id="changeOrderByTstamp">
+        <source>Change-time</source>
+      </trans-unit>
+      <trans-unit id="changeOrderByCreate">
+        <source>Create-time</source>
+      </trans-unit>
+      <trans-unit id="changeOrderReverse">
+        <source>Reverse current order</source>
+      </trans-unit>
+      <trans-unit id="hasInvisiblePage.title">
+        <source>Invisible subpages</source>
+      </trans-unit>
+      <trans-unit id="hasInvisiblePage.message">
+        <source>Some subpages are not visible because of access restrictions. These hidden pages are excluded from sorting.</source>
+      </trans-unit>
+      <trans-unit id="noSubpages.title">
+        <source>No subpages</source>
+      </trans-unit>
+      <trans-unit id="noSubpages.message">
+        <source>Please select a page with subpages.</source>
+      </trans-unit>
+      <trans-unit id="notAvailableInWorkspace.title">
+        <source>Not implemented</source>
+      </trans-unit>
+      <trans-unit id="notAvailableInWorkspace.message">
+        <source>This function is not available in the current draft workspace; please switch back to the LIVE workspace.</source>
+      </trans-unit>
+      <trans-unit id="noEditPermissions">
+        <source>No edit permissions on this sub page. This page can not be re-sorted among others.</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_pagetsconfig.xlf b/Resources/Private/Language/locallang_pagetsconfig.xlf
new file mode 100644
index 0000000..90995e7
--- /dev/null
+++ b/Resources/Private/Language/locallang_pagetsconfig.xlf
@@ -0,0 +1,134 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf" date="2023-01-19T14:41:00Z" product-name="cms">
+    <header/>
+    <body>
+      <trans-unit id="module.pagetsconfig.noAccess">
+        <source>Access to this module denied.</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_pages.headline">
+        <source>Pages containing page TSconfig</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_pages.description">
+        <source>Global overview of all pages in the database containing page TSconfig.</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_pages.noRecords">
+        <source>There are no pages containing page TSconfig settings in the page configuration.</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_pages.pagetitle">
+        <source>Page title</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_pages.written_tsconfig_lines">
+        <source>Number of lines of code in field "TSconfig"</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_active.headline">
+        <source>Active page TSconfig of page "%s"</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_active.description">
+        <source>Overview of the current page TSconfig of the system. A targeted search for values and names is possible. The list of results can also be filtered according to conditions.</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_active.displayConstantSubstitutions">
+        <source>Substitute constants in page TSconfig</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_active.displayComments">
+        <source>Display comments</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_active.sortAlphabetically">
+        <source>Sort keys alphabetically</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_active.panel.header.conditions">
+        <source>Conditions</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_active.panel.info.conditionActiveCount.multiple">
+        <source>%s active conditions</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_active.panel.info.conditionActiveCount.single">
+        <source>%s active condition</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_active.panel.info.conditionWithConstant">
+        <source>Site settings usage: [%s]</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_active.panel.header.configuration">
+        <source>Configuration</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_active.siteSettings">
+        <source>Constants from site settings</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_active.activePageTsConfig">
+        <source>Page TSconfig</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_active.noPageTSconfigAvailable">
+        <source>No suitable page TSconfig available.</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_active.tree.valueWithConstant">
+        <source>Constant usage: [%s]</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.headline">
+        <source>Included page TSconfig of page "%s"</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.description">
+        <source>Overview of the included TypoScript and include order for the current page.</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.siteSettings">
+        <source>Constants from site settings</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.pagetsconfig">
+        <source>Page TSconfig</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.panel.header.configuration">
+        <source>Configuration</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.panel.header.syntaxErrors">
+        <source>Syntax scanner warnings</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.panel.info.syntaxErrorCount.single">
+        <source>%s syntax warning</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.panel.info.syntaxErrorCount.multiple">
+        <source>%s syntax warnings</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.syntaxError.sourceCode">
+        <source>Show affected code snippet</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.syntaxError.type.line.invalid">
+        <source>Invalid line in "%1$s", line number "%2$s"</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.syntaxError.type.brace.excess">
+        <source>Brace in excess in "%1$s", line number "%2$s"</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.syntaxError.type.brace.missing">
+        <source>Brace missing in "%1$s", line number "%2$s"</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.syntaxError.type.import.empty">
+        <source>Import does not find a file in "%1$s", line number "%2$s"</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.tree.child.type.Segment">
+        <source>Code segment</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.tree.child.type.AtImport">
+        <source>Included via "@import"</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.tree.child.type.Condition">
+        <source>Condition (then)</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.tree.child.type.ConditionElse">
+        <source>Condition (else)</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.tree.child.type.ConditionStop">
+        <source>Condition (end)</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.tree.child.type.TsConfig">
+        <source>TSconfig</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.tree.child.type.Site">
+        <source>Site</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.tree.child.btn.sourceCode">
+        <source>Show code</source>
+      </trans-unit>
+      <trans-unit id="module.pagetsconfig_includes.tree.child.btn.sourceCodeWithResolvedIncludes">
+        <source>Show code including possible includes/imports</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_reset_password.xlf b/Resources/Private/Language/locallang_reset_password.xlf
new file mode 100644
index 0000000..7a98ef8
--- /dev/null
+++ b/Resources/Private/Language/locallang_reset_password.xlf
@@ -0,0 +1,65 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_reset_password.xlf" date="2020-03-06T11:16:11Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="headline">
+        <source>Reset Your Password</source>
+      </trans-unit>
+      <trans-unit id="instructions.email">
+        <source>Please enter the email address associated with your backend user account. You will receive the link to create a new password via email.</source>
+      </trans-unit>
+      <trans-unit id="instructions.password">
+        <source>Enter a new password to reset your current password.</source>
+      </trans-unit>
+      <trans-unit id="instructions.password_requirement">
+        <source>Please ensure that your new password matches the following requirements:</source>
+      </trans-unit>
+      <trans-unit id="note.other_providers">
+        <source>Note: If you're using a centralized user management system such as LDAP, OAuth or Active Directory, you might not receive an email.</source>
+      </trans-unit>
+      <trans-unit id="email_sent.headline">
+        <source>Check your inbox</source>
+      </trans-unit>
+      <trans-unit id="email_sent.message">
+        <source><![CDATA[If a backend user with the email address "%s" exists, an email has been sent to this address. Please check your inbox and spam folder.]]></source>
+      </trans-unit>
+      <trans-unit id="reset_success.headline">
+        <source>You've successfully reset your password</source>
+      </trans-unit>
+      <trans-unit id="reset_success.message">
+        <source><![CDATA[With your new credentials you can now log in to the <a href="%s">TYPO3 backend</a>.]]></source>
+      </trans-unit>
+      <trans-unit id="input.email">
+        <source>Enter your email address</source>
+      </trans-unit>
+      <trans-unit id="input.password">
+        <source>Enter your new password</source>
+      </trans-unit>
+      <trans-unit id="input.passwordrepeat">
+        <source>Enter your new password again</source>
+      </trans-unit>
+      <trans-unit id="button.initiate">
+        <source>Get Reset Link</source>
+      </trans-unit>
+      <trans-unit id="button.reset">
+        <source>Reset Your Password Now</source>
+      </trans-unit>
+      <trans-unit id="button.restart">
+        <source>Start over</source>
+      </trans-unit>
+      <trans-unit id="button.back_to_login">
+        <source>Go back to login page</source>
+      </trans-unit>
+      <trans-unit id="error.invalid_email">
+        <source>The entered email address is invalid. Please try again.</source>
+      </trans-unit>
+      <trans-unit id="error.token_expired">
+        <source>The password reset link is invalid or has expired.</source>
+      </trans-unit>
+      <trans-unit id="error.password">
+        <source>The password you entered is invalid or the passwords do not match. Please try again.</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_resource.xlf b/Resources/Private/Language/locallang_resource.xlf
new file mode 100644
index 0000000..c136788
--- /dev/null
+++ b/Resources/Private/Language/locallang_resource.xlf
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_resource.xlf" date="2023-02-21T00:00:00Z" product-name="cms">
+    <header/>
+    <body>
+      <trans-unit id="ajax.success">
+        <source>Success</source>
+      </trans-unit>
+      <trans-unit id="ajax.success.message.renamed">
+        <source>The resource "%s" has been renamed to "%s".</source>
+      </trans-unit>
+      <trans-unit id="ajax.success.message.resourceReplaced">
+        <source>The resource %s has been replaced.</source>
+      </trans-unit>
+      <trans-unit id="ajax.error">
+        <source>An error occurred</source>
+      </trans-unit>
+      <trans-unit id="ajax.error.message.resourceNotFileOrFolder">
+        <source>The resource must be a file or a folder.</source>
+      </trans-unit>
+      <trans-unit id="ajax.error.message.resourceOutsideOfStorages">
+        <source>Access to files outside your configured storages is not permitted.</source>
+      </trans-unit>
+      <trans-unit id="ajax.error.message.resourceNoPermissionRead">
+        <source>Reading this resource is not permitted.</source>
+      </trans-unit>
+      <trans-unit id="ajax.error.message.resourceNoPermissionRename">
+        <source>Renaming this resource is not permitted.</source>
+      </trans-unit>
+      <trans-unit id="ajax.error.message.resourceNameCannotBeEmpty">
+        <source>The resource name cannot be empty.</source>
+      </trans-unit>
+      <trans-unit id="ajax.error.message.resourceNameNotDifferent">
+        <source>The resource %s already has this name. No changes were made.</source>
+      </trans-unit>
+      <trans-unit id="ajax.error.message.resourceNotAvailableToUpload">
+        <source>No resource was selected to be uploaded.</source>
+      </trans-unit>
+      <trans-unit id="ajax.error.message.resourceNotRenamed">
+        <source>The resource %s could not be renamed.</source>
+      </trans-unit>
+      <trans-unit id="ajax.error.message.resourceNotFound">
+        <source>The resource was not found.</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_settingseditor.xlf b/Resources/Private/Language/locallang_settingseditor.xlf
new file mode 100644
index 0000000..0e83abb
--- /dev/null
+++ b/Resources/Private/Language/locallang_settingseditor.xlf
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_settingseditor.xlf" date="2024-09-10T12:13:00Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="settingseditor.mode.minimal">
+        <source>Minimal</source>
+      </trans-unit>
+      <trans-unit id="settingseditor.mode.basic">
+        <source>Basic</source>
+      </trans-unit>
+      <trans-unit id="settingseditor.mode.advanced">
+        <source>Advanced</source>
+      </trans-unit>
+      <trans-unit id="settingseditor.edit.resetSetting">
+        <source>Reset setting</source>
+      </trans-unit>
+      <trans-unit id="settingseditor.edit.copySettingsIdentifier">
+        <source>Copy identifier</source>
+      </trans-unit>
+      <trans-unit id="settingseditor.edit.copyAsYaml">
+        <source>Copy as YAML</source>
+      </trans-unit>
+      <trans-unit id="settingseditor.search.searchTermVisuallyHiddenLabel">
+        <source>Search settings</source>
+      </trans-unit>
+      <trans-unit id="settingseditor.search.searchTermPlaceholder">
+        <source>Search settings</source>
+      </trans-unit>
+      <trans-unit id="settingseditor.search.noResultsTitle">
+        <source>No settings were found.</source>
+      </trans-unit>
+      <trans-unit id="settingseditor.search.noResultsMessage">
+        <source>The search filters by setting value, label, description or identifier.</source>
+      </trans-unit>
+      <trans-unit id="settingseditor.search.noResultsResetButtonLabel">
+        <source>Reset filter</source>
+      </trans-unit>
+      <trans-unit id="settingseditor.type.page.button">
+        <source>Select page</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_show_rechis.xlf b/Resources/Private/Language/locallang_show_rechis.xlf
new file mode 100644
index 0000000..8e9a498
--- /dev/null
+++ b/Resources/Private/Language/locallang_show_rechis.xlf
@@ -0,0 +1,149 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf" date="2011-10-17T20:22:34Z" product-name="lang">
+    <header/>
+    <body>
+      <trans-unit id="title">
+        <source>History/Undo</source>
+      </trans-unit>
+      <trans-unit id="headline.titleOf">
+        <source>of</source>
+      </trans-unit>
+      <trans-unit id="time">
+        <source>Time</source>
+      </trans-unit>
+      <trans-unit id="user">
+        <source>User</source>
+      </trans-unit>
+      <trans-unit id="workspace">
+        <source>Workspace</source>
+      </trans-unit>
+      <trans-unit id="column.action">
+        <source>Action</source>
+      </trans-unit>
+      <trans-unit id="column.recordTitle">
+        <source>Title</source>
+      </trans-unit>
+      <trans-unit id="differences">
+        <source>Differences</source>
+      </trans-unit>
+      <trans-unit id="changes">
+        <source>Changelog</source>
+      </trans-unit>
+      <trans-unit id="return">
+        <source>Return</source>
+      </trans-unit>
+      <trans-unit id="returnLink">
+        <source>Click here to go back</source>
+      </trans-unit>
+      <trans-unit id="revertAll">
+        <source>Rollback all changes shown</source>
+      </trans-unit>
+      <trans-unit id="revertRecord">
+        <source>Rollback single record</source>
+      </trans-unit>
+      <trans-unit id="revertField">
+        <source>Rollback single field</source>
+      </trans-unit>
+      <trans-unit id="userNotFound">
+        <source>Not found (non-existent user)</source>
+      </trans-unit>
+      <trans-unit id="externalChange">
+        <source>Automated process (missing user information)</source>
+      </trans-unit>
+      <trans-unit id="viaUser">
+        <source>via</source>
+      </trans-unit>
+      <trans-unit id="sumUpChanges">
+        <source>Rollback all changes to this state (preview)</source>
+      </trans-unit>
+      <trans-unit id="markState">
+        <source>mark this change</source>
+      </trans-unit>
+      <trans-unit id="unmarkState">
+        <source>unMark this change</source>
+      </trans-unit>
+      <trans-unit id="elementHistory">
+        <source>You are currently seeing the history for an element</source>
+      </trans-unit>
+      <trans-unit id="elementHistory_link">
+        <source>Show the full page history</source>
+      </trans-unit>
+      <trans-unit id="linkRecordHistory">
+        <source>Limit history to this record</source>
+      </trans-unit>
+      <trans-unit id="differenceMsg">
+        <source>In the Difference column you can see the changes at every modification of records. New changes are displayed in green colored text and the red colored text are the old values which were removed.</source>
+      </trans-unit>
+      <trans-unit id="fullView">
+        <source>Return to full view</source>
+      </trans-unit>
+      <trans-unit id="historyRow.actiontype.1">
+        <source>created</source>
+      </trans-unit>
+      <trans-unit id="historyRow.actiontype.2">
+        <source>modified</source>
+      </trans-unit>
+      <trans-unit id="historyRow.actiontype.3">
+        <source>moved</source>
+      </trans-unit>
+      <trans-unit id="historyRow.actiontype.4">
+        <source>deleted</source>
+      </trans-unit>
+      <trans-unit id="historyRow.actiontype.5">
+        <source>undeleted</source>
+      </trans-unit>
+      <trans-unit id="historyRow.actiontype.6">
+        <source>stage changed</source>
+      </trans-unit>
+      <trans-unit id="historyRow.actiontype.7">
+        <source>published</source>
+      </trans-unit>
+      <trans-unit id="rollback.plannedAction.insert">
+        <source>The record has been deleted and will be restored again with the rollback.</source>
+      </trans-unit>
+      <trans-unit id="rollback.plannedAction.delete">
+        <source>The record will be deleted with the rollback.</source>
+      </trans-unit>
+      <trans-unit id="undelete">
+        <source>undelete</source>
+      </trans-unit>
+      <trans-unit id="mergedDifferences">
+        <source>Preview for rollback</source>
+      </trans-unit>
+      <trans-unit id="mergedDifferences.description">
+        <source>It is possible to rollback either individual fields or entire elements. Alternatively, all displayed changes can be rolled back.</source>
+      </trans-unit>
+      <trans-unit id="settings">
+        <source>Settings</source>
+      </trans-unit>
+      <trans-unit id="maxSteps">
+        <source>Show entries</source>
+      </trans-unit>
+      <trans-unit id="maxSteps_all">
+        <source>ALL</source>
+      </trans-unit>
+      <trans-unit id="maxSteps_marked">
+        <source>marked</source>
+      </trans-unit>
+      <trans-unit id="showDiff">
+        <source>Show differences</source>
+      </trans-unit>
+      <trans-unit id="showSubElements">
+        <source>Show sub elements</source>
+      </trans-unit>
+      <trans-unit id="no">
+        <source>No</source>
+      </trans-unit>
+      <trans-unit id="yes">
+        <source>Yes</source>
+      </trans-unit>
+      <trans-unit id="noDifferences">
+        <source>There are no differences to the current page</source>
+      </trans-unit>
+      <trans-unit id="editLockIsActive">
+        <source>Editing is blocked for non-admins</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_siteconfiguration.xlf b/Resources/Private/Language/locallang_siteconfiguration.xlf
new file mode 100644
index 0000000..0c25596
--- /dev/null
+++ b/Resources/Private/Language/locallang_siteconfiguration.xlf
@@ -0,0 +1,239 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf" date="2018-02-27T22:22:32Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="overview.title">
+        <source>Setup</source>
+      </trans-unit>
+      <trans-unit id="overview.site">
+        <source>Site</source>
+      </trans-unit>
+      <trans-unit id="overview.siteIdentifier">
+        <source>Site identifier</source>
+      </trans-unit>
+      <trans-unit id="overview.noPages.title">
+        <source>No root pages available</source>
+      </trans-unit>
+      <trans-unit id="overview.noPages.message">
+        <source>Please create at least one root page in the Layout module. A root page must be a content page at the top level (not a folder or separator) or have the "Root Page" flag enabled (Page Properties → Behavior tab).</source>
+      </trans-unit>
+      <trans-unit id="overview.noPages.link.label">
+        <source>Open the documentation</source>
+      </trans-unit>
+      <trans-unit id="overview.addSiteConfiguration">
+        <source>Add new site configuration for this site</source>
+      </trans-unit>
+      <trans-unit id="overview.editSiteConfiguration">
+        <source>Edit site configuration</source>
+      </trans-unit>
+      <trans-unit id="overview.editSiteSettings">
+        <source>Edit site settings</source>
+      </trans-unit>
+      <trans-unit id="overview.editSiteSettingsUnavailable">
+        <source>This site provides no configurable settings</source>
+      </trans-unit>
+      <trans-unit id="overview.deleteSiteConfiguration">
+        <source>Delete site configuration</source>
+      </trans-unit>
+      <trans-unit id="overview.baseUrl">
+        <source>Base URL</source>
+      </trans-unit>
+      <trans-unit id="overview.rootPagesWithoutSiteConfiguration.title">
+        <source>Pages without a site configuration</source>
+      </trans-unit>
+      <trans-unit id="overview.rootPagesWithoutSiteConfiguration.description">
+        <source>The following root pages have no site configuration:</source>
+      </trans-unit>
+      <trans-unit id="overview.unassignedSites.title">
+        <source>Unassigned site configurations</source>
+      </trans-unit>
+      <trans-unit id="overview.unassignedSites.description">
+        <source>The following site configurations don't belong to any page anymore and can be removed.</source>
+      </trans-unit>
+      <trans-unit id="overview.invalidSets.title">
+        <source>Invalid site set configurations</source>
+      </trans-unit>
+      <trans-unit id="overview.invalidSets.description">
+        <source>The following site sets contain errors and therefore could not be loaded.</source>
+      </trans-unit>
+      <trans-unit id="overview.invalidSets.set">
+        <source>Set</source>
+      </trans-unit>
+      <trans-unit id="overview.invalidSets.error">
+        <source>Error</source>
+      </trans-unit>
+      <trans-unit id="overview.duplicatedEntryPoints">
+        <source>Duplicated Entrypoints</source>
+      </trans-unit>
+      <trans-unit id="overview.duplicatedEntryPoints.listing">
+        <source>The following entry points are used more than once:</source>
+      </trans-unit>
+      <trans-unit id="overview.duplicatedRootPage">
+        <source>Duplicated root pages</source>
+      </trans-unit>
+      <trans-unit id="overview.duplicatedRootPage.message">
+        <source>The page with ID "%1s" is used in the following site configurations:</source>
+      </trans-unit>
+      <trans-unit id="overview.btn.details">
+        <source>View details</source>
+      </trans-unit>
+      <trans-unit id="overview.entry_point">
+        <source>Entry Point</source>
+      </trans-unit>
+      <trans-unit id="overview.error_handling">
+        <source>Error handling</source>
+      </trans-unit>
+      <trans-unit id="overview.status.title">
+        <source>Status</source>
+      </trans-unit>
+      <trans-unit id="overview.info.all_sites.multiple">
+        <source><![CDATA[The installation includes <strong>%s configured sites</strong>.]]></source>
+      </trans-unit>
+      <trans-unit id="overview.info.all_sites.single">
+        <source><![CDATA[The installation includes <strong>%s configured site</strong>.]]></source>
+      </trans-unit>
+      <trans-unit id="overview.info.root_pages_without_site_sonfiguration.multiple">
+        <source><![CDATA[<strong>%s root pages</strong> are lacking a site configuration.]]></source>
+      </trans-unit>
+      <trans-unit id="overview.info.root_pages_without_site_sonfiguration.single">
+        <source><![CDATA[<strong>%s page</strong> is lacking a site configuration.]]></source>
+      </trans-unit>
+      <trans-unit id="overview.info.unassigned_sites.multiple">
+        <source><![CDATA[There are currently <strong>%s site configurations</strong> that are not assigned to any page.]]></source>
+      </trans-unit>
+      <trans-unit id="overview.info.unassigned_sites.single">
+        <source><![CDATA[There is currently <strong>%s site configuration</strong> that is not assigned to any page.]]></source>
+      </trans-unit>
+      <trans-unit id="overview.languages">
+        <source>Languages</source>
+      </trans-unit>
+      <trans-unit id="overview.languages.amount">
+        <source>and %s more</source>
+      </trans-unit>
+      <trans-unit id="overview.root_pages_without_site_configuration.title">
+        <source>Sites</source>
+      </trans-unit>
+      <trans-unit id="overview.site_sets">
+        <source>Dependencies to site sets</source>
+      </trans-unit>
+      <trans-unit id="overview.site_sets.yes">
+        <source>Yes</source>
+      </trans-unit>
+      <trans-unit id="overview.static_routes">
+        <source>Static routes</source>
+      </trans-unit>
+      <trans-unit id="overview.no_sites_with_site_configuration.title">
+        <source>No configured sites available</source>
+      </trans-unit>
+      <trans-unit id="overview.no_sites_with_site_configuration.message">
+        <source>At least one root page must have a site configuration.</source>
+      </trans-unit>
+      <trans-unit id="overview.none">
+        <source>None</source>
+      </trans-unit>
+      <trans-unit id="detail.headline_with_site_identifier">
+        <source>Setup of "%s"</source>
+      </trans-unit>
+      <trans-unit id="detail.headline_with_page_title">
+        <source>Setup of site "%s"</source>
+      </trans-unit>
+      <trans-unit id="detail.not_configured">
+        <source>Not configured.</source>
+      </trans-unit>
+      <trans-unit id="detail.site_configuration.error_handling">
+        <source>Error handling</source>
+      </trans-unit>
+      <trans-unit id="detail.site_configuration.headline">
+        <source>Site configuration</source>
+      </trans-unit>
+      <trans-unit id="detail.site_configuration.languages">
+        <source>Languages</source>
+      </trans-unit>
+      <trans-unit id="detail.site_configuration.languages.language">
+        <source>Language</source>
+      </trans-unit>
+      <trans-unit id="detail.site_configuration.languages.language_url">
+        <source>Full URL prefix</source>
+      </trans-unit>
+      <trans-unit id="detail.site_configuration.static_routes">
+        <source>Static routes</source>
+      </trans-unit>
+      <trans-unit id="detail.site_configuration.route_enhancers">
+        <source>Route enhancers</source>
+      </trans-unit>
+      <trans-unit id="detail.site_settings.active_settings.headline">
+        <source>Active settings</source>
+      </trans-unit>
+      <trans-unit id="detail.site_settings.active_settings.custom_site_settings">
+        <source>Settings within site configuration (e.g. via 'settings.yaml')</source>
+      </trans-unit>
+      <trans-unit id="detail.site_settings.dependencies.headline">
+        <source>Dependencies</source>
+      </trans-unit>
+      <trans-unit id="detail.site_settings.dependencies.text">
+        <source><![CDATA[Settings can be stored directly via the site configuration, or indirectly by loading them as a dependency of another site set.<br>The following dependencies are stored in the site configuration:]]></source>
+      </trans-unit>
+      <trans-unit id="detail.site_settings.headline">
+        <source>Site settings</source>
+      </trans-unit>
+      <trans-unit id="detail.site_settings.no_settings_found.message">
+        <source><![CDATA[Settings are listed here as soon as they are either present in a <code>settings.yaml</code> file in the site folder or there is one or more dependencies on site sets in the site configuration.]]></source>
+      </trans-unit>
+      <trans-unit id="detail.site_settings.no_settings_found.title">
+        <source>No site settings were found for this site</source>
+      </trans-unit>
+      <trans-unit id="edit.editSiteSettings">
+        <source>Edit site settings</source>
+      </trans-unit>
+      <trans-unit id="edit.site_configuration">
+        <source>Edit site configuration</source>
+      </trans-unit>
+      <trans-unit id="edit.typeLabel">
+        <source>Site configuration</source>
+      </trans-unit>
+      <trans-unit id="edit.createNewSite">
+        <source>Create new site</source>
+      </trans-unit>
+      <trans-unit id="validation.identifierRenamed.title">
+        <source>Renamed identifier</source>
+      </trans-unit>
+      <trans-unit id="validation.identifierRenamed.message">
+        <source>Given site identifier "%1s" already exists. It has been renamed to "%2s". Maybe you want to edit the site again and give it a better name.</source>
+      </trans-unit>
+      <trans-unit id="validation.identifierExists.title">
+        <source>Identifier not changed</source>
+      </trans-unit>
+      <trans-unit id="validation.identifierExists.message">
+        <source>Given site identifier "%1s" already exists and points to a different site. The existing identifier "%2s" for this site is kept.</source>
+      </trans-unit>
+      <trans-unit id="validation.required.title">
+        <source>Site configuration not saved</source>
+      </trans-unit>
+      <trans-unit id="validation.required.message">
+        <source>Field "%1s" is a required field, but no value has been provided.</source>
+      </trans-unit>
+      <trans-unit id="validation.duplicateErrorCode.title">
+        <source>Duplicate error code removed</source>
+      </trans-unit>
+      <trans-unit id="validation.duplicateErrorCode.message">
+        <source>Two error handler configurations for error code "%1s" found. This would be an invalid configuration, the dangling one has been removed.</source>
+      </trans-unit>
+      <trans-unit id="validation.duplicateLanguageId.title">
+        <source>Duplicate language configuration removed</source>
+      </trans-unit>
+      <trans-unit id="validation.duplicateLanguageId.message">
+        <source>Two language configurations for language "%1s" found. This would be an invalid configuration, the dangling one has been removed.</source>
+      </trans-unit>
+      <trans-unit id="labels.detail">
+        <source>View Site Configuration "%s"</source>
+      </trans-unit>
+      <trans-unit id="contextMenu.editSiteSettings">
+        <source>Edit Site Settings</source>
+      </trans-unit>
+      <trans-unit id="contextMenu.editSiteConfiguration">
+        <source>Edit Site</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_siteconfiguration_tca.xlf b/Resources/Private/Language/locallang_siteconfiguration_tca.xlf
new file mode 100644
index 0000000..fec72cd
--- /dev/null
+++ b/Resources/Private/Language/locallang_siteconfiguration_tca.xlf
@@ -0,0 +1,253 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf" date="2018-02-27T22:22:32Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="site.ctrl.title">
+        <source>Site Configuration</source>
+      </trans-unit>
+      <trans-unit id="site.identifier">
+        <source>Site Identifier</source>
+      </trans-unit>
+      <trans-unit id="site.rootPageId">
+        <source>Root Page ID</source>
+      </trans-unit>
+      <trans-unit id="site.base">
+        <source>Entry Point</source>
+      </trans-unit>
+      <trans-unit id="site.websiteTitle">
+        <source>Website title</source>
+      </trans-unit>
+      <trans-unit id="site.baseVariants">
+        <source>Variants for the Entry Point</source>
+      </trans-unit>
+      <trans-unit id="site.dependencies">
+        <source>Sets for this Site</source>
+      </trans-unit>
+      <trans-unit id="site.languages">
+        <source>Available Languages for this Site</source>
+      </trans-unit>
+      <trans-unit id="site.languages.choosePreset">
+        <source>Choose a preset...</source>
+        <note>First select option of site language preset single select drop down</note>
+      </trans-unit>
+      <trans-unit id="site.languages.chooseExistingFromOtherSite">
+        <source>Use Language from existing site...</source>
+        <note>First select option of site language preset single select drop down</note>
+      </trans-unit>
+      <trans-unit id="site.languages.description">
+        <source>Select an already existing language from another site or create a new one.</source>
+      </trans-unit>
+      <trans-unit id="site.languages.new">
+        <source>New language</source>
+      </trans-unit>
+      <trans-unit id="site.languages.createNew">
+        <source>Create new language</source>
+      </trans-unit>
+      <trans-unit id="site.errorHandling">
+        <source>Error Handling</source>
+      </trans-unit>
+      <trans-unit id="site.routes">
+        <source>Routes</source>
+      </trans-unit>
+      <trans-unit id="site.routes.irreHeader.redirectsTo">
+        <source>redirects to</source>
+      </trans-unit>
+      <trans-unit id="site.tab.languages">
+        <source>Languages</source>
+      </trans-unit>
+      <trans-unit id="site.tab.errorHandling">
+        <source>Error Handling</source>
+      </trans-unit>
+      <trans-unit id="site.tab.routes">
+        <source>Static Routes</source>
+      </trans-unit>
+      <trans-unit id="site_language.palette.frontend">
+        <source>Frontend related</source>
+      </trans-unit>
+      <trans-unit id="site_language.ctrl.title">
+        <source>Language Configuration for a Site</source>
+      </trans-unit>
+      <trans-unit id="site_language.language">
+        <source>Language</source>
+      </trans-unit>
+      <trans-unit id="site_language.languageId">
+        <source>Language ID</source>
+      </trans-unit>
+      <trans-unit id="site_language.title">
+        <source>Title</source>
+      </trans-unit>
+      <trans-unit id="site_language.websiteTitle">
+        <source>Website title</source>
+      </trans-unit>
+      <trans-unit id="site_language.navigationTitle">
+        <source>Navigation Title</source>
+      </trans-unit>
+      <trans-unit id="site_language.base">
+        <source>Entry Point</source>
+      </trans-unit>
+      <trans-unit id="site_language.locale">
+        <source>Locale</source>
+      </trans-unit>
+      <trans-unit id="site_language.hreflang">
+        <source>Alternative attribute for "hreflang" tags</source>
+      </trans-unit>
+      <trans-unit id="site_language.enabled">
+        <source>Visible in Frontend</source>
+      </trans-unit>
+      <trans-unit id="site_language.flag">
+        <source>Flag icon</source>
+      </trans-unit>
+      <trans-unit id="site_language.flag.group.colors">
+        <source>Colors</source>
+      </trans-unit>
+      <trans-unit id="site_language.flag.group.countries">
+        <source>Countries</source>
+      </trans-unit>
+      <trans-unit id="site_language.flag.group.misc">
+        <source>Miscellaneous</source>
+      </trans-unit>
+      <trans-unit id="site_language.fallbackType">
+        <source>Fallback Type</source>
+      </trans-unit>
+      <trans-unit id="site_language.fallbackType.strict">
+        <source>Strict: Show only translated content, based on overlays. Also show records that only exist in this language.</source>
+      </trans-unit>
+      <trans-unit id="site_language.fallbackType.fallback">
+        <source>Fallback: Show default language if no translation exists. Also show records that only exist in this language.</source>
+      </trans-unit>
+      <trans-unit id="site_language.fallbackType.free">
+        <source>Free mode: Ignore translation and overlay concept, only show data from selected language</source>
+      </trans-unit>
+      <trans-unit id="site_language.fallbacks">
+        <source>Fallback to other Language(s) - order is important!</source>
+      </trans-unit>
+      <trans-unit id="site_base_variant.ctrl.title">
+        <source>Base</source>
+      </trans-unit>
+      <trans-unit id="site_base_variant.base">
+        <source>Base</source>
+      </trans-unit>
+      <trans-unit id="site_base_variant.base.placeholder">
+        <source>www.domain.local</source>
+      </trans-unit>
+      <trans-unit id="site_base_variant.condition">
+        <source>Condition</source>
+      </trans-unit>
+      <trans-unit id="site_base_variant.condition.placeholder">
+        <source>applicationContext == "Production"</source>
+      </trans-unit>
+      <trans-unit id="site_base_variant.condition.applicationContext">
+        <source>Application Context</source>
+      </trans-unit>
+      <trans-unit id="site_base_variant.condition.environmentVariable">
+        <source>Environment Variable</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.ctrl.title">
+        <source>Error Handling</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.tab.rootpaths">
+        <source>Root Paths (optional)</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorCode">
+        <source>HTTP Error Status Code</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorCode.404">
+        <source>404 (Page not found)</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorCode.403">
+        <source>403 (Forbidden)</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorCode.500">
+        <source>500 (Internal Server Error)</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorCode.503">
+        <source>503 (Service Unavailable)</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorCode.0">
+        <source>any error not defined otherwise</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorHandler">
+        <source>How to handle Errors</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorHandler.fluid">
+        <source>Fluid Template</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorHandler.page">
+        <source>Show Content from Page</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorHandler.php">
+        <source>PHP Class (must implement the PageErrorHandlerInterface)</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorHandler.loginRedirect">
+        <source>Redirect to login page</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorFluidTemplate">
+        <source>Fluid Template File</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorFluidTemplate.placeholder">
+        <source>EXT:my_sitepackage/Resources/Private/Templates/Sites/Error.html</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorFluidTemplatesRootPath">
+        <source>Fluid Templates Root Path</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorFluidLayoutsRootPath">
+        <source>Fluid Layouts Root Path</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorFluidPartialsRootPath">
+        <source>Fluid Partials Root Path</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorContentSource">
+        <source>Show Content from Page</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorPhpClassFQCN">
+        <source>ErrorHandler Class Target (FQCN)</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.loginRedirectTarget">
+        <source>Target page where login process is handled</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.loginRedirectParameter">
+        <source>URL parameter for redirect</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.loginRedirectParameter.return_url">
+        <source>return_url (used by e.g. ext:felogin)</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.loginRedirectParameter.redirect_url">
+        <source>redirect_url (used by e.g. ext:oidc or ext:felogin)</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorPhpClassFQCN.placeholder">
+        <source>Vendor\ExtensionName\ErrorHandlers\GenericErrorhandler</source>
+      </trans-unit>
+      <trans-unit id="site_route.ctrl.title">
+        <source>Routes</source>
+      </trans-unit>
+      <trans-unit id="site_route.type">
+        <source>Route Type</source>
+      </trans-unit>
+      <trans-unit id="site_route.staticText">
+        <source>Static Text</source>
+      </trans-unit>
+      <trans-unit id="site_route.staticText.example1">
+        <source>robots.txt Example Content</source>
+      </trans-unit>
+      <trans-unit id="site_route.source">
+        <source>Page, File or URL</source>
+      </trans-unit>
+      <trans-unit id="site_route.asset">
+        <source>Static Asset</source>
+      </trans-unit>
+      <trans-unit id="site_route.asset.example">
+        <source>Example asset</source>
+      </trans-unit>
+      <trans-unit id="site_route.route">
+        <source>Static Route Name</source>
+      </trans-unit>
+      <trans-unit id="site_route.route.placeholder">
+        <source>my-custom_route</source>
+      </trans-unit>
+      <trans-unit id="site_route.route.example1">
+        <source>robots.txt</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_sitesettings.xlf b/Resources/Private/Language/locallang_sitesettings.xlf
new file mode 100644
index 0000000..b0936fc
--- /dev/null
+++ b/Resources/Private/Language/locallang_sitesettings.xlf
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_sitesettings.xlf" date="2024-09-10T12:13:00Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="edit.headline">
+        <source>Site Settings for "%s"</source>
+      </trans-unit>
+      <trans-unit id="edit.noSettings.title">
+        <source>No settings available</source>
+      </trans-unit>
+      <trans-unit id="edit.noSettings.message">
+        <source>The site '%s' does not provide configurable settings.</source>
+      </trans-unit>
+      <trans-unit id="edit.yamlExport">
+        <source>YAML export</source>
+      </trans-unit>
+      <trans-unit id="edit.editSiteConfiguration">
+        <source>Edit site configuration</source>
+      </trans-unit>
+      <trans-unit id="save.message.updated">
+        <source>Settings updated.</source>
+      </trans-unit>
+      <trans-unit id="categories.other">
+        <source>Other</source>
+      </trans-unit>
+      <trans-unit id="labels.edit">
+        <source>Edit Site Settings "%s"</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/locallang_toolbar.xlf b/Resources/Private/Language/locallang_toolbar.xlf
new file mode 100644
index 0000000..13297ea
--- /dev/null
+++ b/Resources/Private/Language/locallang_toolbar.xlf
@@ -0,0 +1,96 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/locallang_toolbar.xlf" date="2024-06-17T15:00:00Z" product-name="lang">
+    <header/>
+    <body>
+      <trans-unit id="toolbarItems.clearCache">
+        <source>Clear cache</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.help">
+        <source>Help</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sidebarCollapse">
+        <source>Collapse sidebar</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sidebarExpand">
+        <source>Expand sidebar</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.search">
+        <source>Search</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.searchbarOpenClose">
+        <source>Open/Close searchbar</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo">
+        <source>System Information</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.intro.text">
+        <source>This is a short system overview. For advanced information please head to: </source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.intro.link">
+        <source>Environment Module</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.allgood" xml:space="preserve">
+        <source>Your system is fully operational.
+Have a nice day.</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.applicationcontext">
+        <source>Application Context</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.installationMethod">
+        <source>Installation Method</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.installationMethod.classic">
+        <source>Classic mode</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.installationMethod.composer">
+        <source>Composer mode</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.database">
+        <source>Database</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.database.offline">
+        <source>Offline</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.debugger">
+        <source>Debugger</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.gitrevision">
+        <source>GIT Revision</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.operatingsystem">
+        <source>Operating System</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.phpversion">
+        <source>PHP Version</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.typo3-version">
+        <source>TYPO3 Version</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.sysinfo.webserver">
+        <source>Web Server</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.toolbarOpenClose">
+        <source>Open/Close toolbar</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.user.account.switchToUserMode.tooltip">
+        <source>Switch to User</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.user.account.switchToUserMode.account.prefix">
+        <source>SU</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.user.recentlySwitchedUsers">
+        <source>Recently switched to</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.user.recentlySwitchedUsers.su.tooltip">
+        <source>Switch to user %s</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.user.btn.exitSwitchUser">
+        <source>Exit switch user mode</source>
+      </trans-unit>
+      <trans-unit id="toolbarItems.user.btn.logout">
+        <source>Logout</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/pages/messages.xlf b/Resources/Private/Language/pages/messages.xlf
new file mode 100644
index 0000000..0ea9cdd
--- /dev/null
+++ b/Resources/Private/Language/pages/messages.xlf
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:2.0" version="2.0" srcLang="en">
+  <file id="f1">
+    <unit id="link_missing">
+      <segment>
+        <source>The "%1$s" field is required to resolve links for pages of type "%2$s". Please provide a value in the page properties.</source>
+      </segment>
+    </unit>
+    <unit id="link_invalid">
+      <segment>
+        <source>Invalid link in "%1$s": "%2$s" cannot be resolved. Select a valid destination in the page properties.</source>
+      </segment>
+    </unit>
+    <unit id="link_destination">
+      <segment>
+        <source>Page of type "%1$s" links to the following %2$s: %3$s.</source>
+      </segment>
+    </unit>
+    <unit id="link_current">
+      <segment>
+        <source>Page of type "%1$s" links to current request url, and dynamic value cannot be displayed here.</source>
+      </segment>
+    </unit>
+    <unit id="link_current_with_added_queryparameters">
+      <segment>
+        <source>Page of type "%1$s" appends %2$s to current request url, and dynamic value cannot be displayed here.</source>
+      </segment>
+    </unit>
+    <unit id="link_destination_record">
+      <segment>
+        <source>Page of type "%1$s" links to the following record of type "%2$s": %3$s.</source>
+      </segment>
+    </unit>
+    <unit id="link_destination_additional_parameters">
+      <segment>
+        <source>Additional parameters: "%s".</source>
+      </segment>
+    </unit>
+    <unit id="link_destination_content_element">
+      <segment>
+        <source>Page of type "%1$s" links to content element %2$s on page %3$s.</source>
+      </segment>
+    </unit>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/qrcode.xlf b/Resources/Private/Language/qrcode.xlf
new file mode 100644
index 0000000..d6469c2
--- /dev/null
+++ b/Resources/Private/Language/qrcode.xlf
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/qrcode.xlf" date="2025-11-05T19:32:00Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="qrcode.format.png">
+        <source>PNG</source>
+      </trans-unit>
+      <trans-unit id="qrcode.format.svg">
+        <source>SVG</source>
+      </trans-unit>
+      <trans-unit id="qrcode.format">
+        <source>Format</source>
+      </trans-unit>
+      <trans-unit id="qrcode.size">
+        <source>Size</source>
+      </trans-unit>
+      <trans-unit id="qrcode.size.small">
+        <source>small</source>
+      </trans-unit>
+      <trans-unit id="qrcode.size.medium">
+        <source>medium</source>
+      </trans-unit>
+      <trans-unit id="qrcode.size.large">
+        <source>large</source>
+      </trans-unit>
+      <trans-unit id="qrcode.download">
+        <source>Download</source>
+      </trans-unit>
+      <trans-unit id="qrcode.url">
+        <source>URL</source>
+      </trans-unit>
+      <trans-unit id="qrcode.copyUrl">
+        <source>Copy URL</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/siteconfiguration_fieldinformation.xlf b/Resources/Private/Language/siteconfiguration_fieldinformation.xlf
new file mode 100644
index 0000000..3d98baa
--- /dev/null
+++ b/Resources/Private/Language/siteconfiguration_fieldinformation.xlf
@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/siteconfiguration_fieldinformation.xlf" date="2015-01-02T11:16:11Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="site.rootPageId">
+        <source>You must create a page with a site root flag.</source>
+      </trans-unit>
+      <trans-unit id="site.identifier">
+        <source>This name will be used to create the configuration directory. Mind the recommendations for directory names (only a-z,0-9,_,-) and make it unique.</source>
+      </trans-unit>
+      <trans-unit id="site.base">
+        <source>Main URL to call the frontend in default language. Can be https://www.example.com/ or just /, if it is just a / you cannot rely on TYPO3 creating full URLs</source>
+      </trans-unit>
+      <trans-unit id="site.websiteTitle">
+        <source>The title of the website is used for the title tag in the frontend</source>
+      </trans-unit>
+      <trans-unit id="site.baseVariants">
+        <source>This allows you to specify variants of the site's base. Can be used, for example, if you have a different domain for your staging environment.</source>
+      </trans-unit>
+      <trans-unit id="site.dependencies">
+        <source>Site sets ship parts of site configuration as composable pieces. Sets deliver Settings, TypoScript, and Page TSConfig for the scope of this site.</source>
+      </trans-unit>
+      <trans-unit id="site_language.base">
+        <source>Use a full qualified domain "https://www.mydomain.fr/" or "/fr/". Use "/" to keep the main URL for the default language. Add language specific suffixes to use those, or configure complete URLs for independent domains.</source>
+      </trans-unit>
+      <trans-unit id="site_language.locale">
+        <source>Used for localized date and currency formats. E.g. "de_DE" or "en_US.UTF-8".</source>
+      </trans-unit>
+      <trans-unit id="site_language.hreflang">
+        <source>Optional, used for "hreflang" attributes - if empty, the information is retrieved from the locale</source>
+      </trans-unit>
+      <trans-unit id="site_language.websiteTitle">
+        <source>With this language based Website title, you can override the Website title for this language</source>
+      </trans-unit>
+      <trans-unit id="site_language.navigationTitle">
+        <source>Used within language-related menus</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorCode">
+        <source>Make sure to have at least 0 (not defined otherwise) configured in order to serve helpful error messages to your visitors.</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorFluidTemplate">
+        <source>Path to the fluid template file given by absolute, relative path (from site root) or by referring the template file inside an extension with "EXT:" prefix.</source>
+      </trans-unit>
+      <trans-unit id="site_errorhandling.errorPhpClassFQCN">
+        <source>Fully qualified class name to a class that implements the PageErrorHandlerInterface.</source>
+      </trans-unit>
+      <trans-unit id="site_base_variant.base">
+        <source>For example "https://staging.domain.tld" or "http://www.domain.local"</source>
+      </trans-unit>
+      <trans-unit id="site_base_variant.condition">
+        <source>Expression to match this base variant.</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Language/user_profile.xlf b/Resources/Private/Language/user_profile.xlf
new file mode 100644
index 0000000..4ff17e9
--- /dev/null
+++ b/Resources/Private/Language/user_profile.xlf
@@ -0,0 +1,164 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<xliff xmlns="urn:oasis:names:tc:xliff:document:1.2" version="1.2">
+  <file source-language="en" datatype="plaintext" original="EXT:backend/Resources/Private/Language/user_profile.xlf" date="2011-10-17T20:22:37Z" product-name="backend">
+    <header/>
+    <body>
+      <trans-unit id="user_settings">
+        <source>User Settings</source>
+      </trans-unit>
+      <trans-unit id="language">
+        <source>Language</source>
+      </trans-unit>
+      <trans-unit id="language_unavailable">
+        <source>The selected language "%s" is not available before the language files are installed.</source>
+      </trans-unit>
+      <trans-unit id="language_unavailable.admin">
+        <source>You can use "Manage Language Packs" in the Maintenance module to easily download new language files.</source>
+      </trans-unit>
+      <trans-unit id="language_unavailable.user">
+        <source>Please ask your system administrator to do this.</source>
+      </trans-unit>
+      <trans-unit id="simulate">
+        <source>Simulate backend user</source>
+      </trans-unit>
+      <trans-unit id="start_module">
+        <source>Start up in the following module</source>
+      </trans-unit>
+      <trans-unit id="email_me_at_login">
+        <source>Notify me by email when somebody logs in from my account</source>
+      </trans-unit>
+      <trans-unit id="help_text">
+        <source>Show help text when applicable</source>
+      </trans-unit>
+      <trans-unit id="max_title_len">
+        <source>Maximum length of displayed labels / record titles</source>
+      </trans-unit>
+      <trans-unit id="edit_doc_module_upload">
+        <source>Allow to directly upload files when editing or creating records</source>
+      </trans-unit>
+      <trans-unit id="contextual_record_edit">
+        <source>Use quick editing for records in the Layout module</source>
+      </trans-unit>
+      <trans-unit id="show_hidden_files_and_folders">
+        <source>Show hidden files and folders in the Media module</source>
+      </trans-unit>
+      <trans-unit id="display_recently_used">
+        <source>Enable dynamic "recently used" category in wizards</source>
+      </trans-unit>
+      <trans-unit id="edit_functions_tab">
+        <source>Edit and advanced functions</source>
+      </trans-unit>
+      <trans-unit id="set_to_standard">
+        <source>Reset all values to default</source>
+      </trans-unit>
+      <trans-unit id="reset_tab">
+        <source>Reset configuration</source>
+      </trans-unit>
+      <trans-unit id="reset_configuration">
+        <source>Reset configuration and clear temporary data</source>
+      </trans-unit>
+      <trans-unit id="reset_configuration_button">
+        <source>Reset profile settings to default state</source>
+      </trans-unit>
+      <trans-unit id="set_to_standard_question">
+        <source>Are you sure you want to reset all values to default?</source>
+      </trans-unit>
+      <trans-unit id="functions">
+        <source>Advanced functions</source>
+      </trans-unit>
+      <trans-unit id="copy_levels">
+        <source>Recursive copy: Enter the number of page sublevels to include, when a page is copied</source>
+      </trans-unit>
+      <trans-unit id="levels">
+        <source>levels</source>
+      </trans-unit>
+      <trans-unit id="be_user_real_name">
+        <source>Your name</source>
+      </trans-unit>
+      <trans-unit id="be_user_avatar">
+        <source>Avatar</source>
+      </trans-unit>
+      <trans-unit id="be_user_email">
+        <source>Your email address</source>
+      </trans-unit>
+      <trans-unit id="save">
+        <source>Save configuration</source>
+      </trans-unit>
+      <trans-unit id="new_password">
+        <source>New password</source>
+      </trans-unit>
+      <trans-unit id="new_password_again">
+        <source>New password (repetition)</source>
+      </trans-unit>
+      <trans-unit id="new_password_ok">
+        <source>Password was updated.</source>
+      </trans-unit>
+      <trans-unit id="password_policy_failed">
+        <source>The password was not updated, since it does not meet the password policy requirements.</source>
+      </trans-unit>
+      <trans-unit id="account_security">
+        <source>Account security</source>
+      </trans-unit>
+      <trans-unit id="mfa_providers">
+        <source>Multi-factor authentication</source>
+      </trans-unit>
+      <trans-unit id="mfa_providers.not_available">
+        <source>Multi-factor authentication is currently not available.</source>
+      </trans-unit>
+      <trans-unit id="mfa_providers.description">
+        <source>Use multi-factor authentication to secure your account by providing another factor next to your password.</source>
+      </trans-unit>
+      <trans-unit id="mfa_providers.locked_mfa_providers">
+        <source>Some providers are currently locked</source>
+      </trans-unit>
+      <trans-unit id="mfa_providers.enabled">
+        <source>Enabled</source>
+      </trans-unit>
+      <trans-unit id="mfa_providers.setup_link_title">
+        <source>Setup multi-factor authentication</source>
+      </trans-unit>
+      <trans-unit id="mfa_providers.manage_link_title">
+        <source>Manage multi-factor authentication</source>
+      </trans-unit>
+      <trans-unit id="setup_was_updated">
+        <source>Profile settings were updated.</source>
+      </trans-unit>
+      <trans-unit id="new_password_failed">
+        <source>Password was not updated because the entered passwords do not match.</source>
+      </trans-unit>
+      <trans-unit id="old_password_failed">
+        <source>Password was not updated because the current password entered is incorrect.</source>
+      </trans-unit>
+      <trans-unit id="settings_are_reset">
+        <source>The profile settings have been reset to default values and temporary data has been cleared.</source>
+      </trans-unit>
+      <trans-unit id="start_module.first_in_menu">
+        <source>- First module in menu -</source>
+      </trans-unit>
+      <trans-unit id="avatar.clear">
+        <source>Remove selected avatar image</source>
+      </trans-unit>
+      <trans-unit id="avatar.open_file_browser">
+        <source>Open file browser to select avatar image</source>
+      </trans-unit>
+      <trans-unit id="backend_title_format">
+        <source>Format of window title in backend</source>
+      </trans-unit>
+      <trans-unit id="backend_title_format.sitename_first">
+        <source>[sitename] · [title]</source>
+      </trans-unit>
+      <trans-unit id="backend_title_format.title_first">
+        <source>[title] · [sitename]</source>
+      </trans-unit>
+      <trans-unit id="warning.chinese_simplified">
+        <source>Chinese Simplified (legacy) - Warning: Choose Chinese Simplified below, as this is wrong due to older versions of TYPO3 and might be removed soon.</source>
+      </trans-unit>
+      <trans-unit id="datetime_first_day_of_week">
+        <source>First day of week in calendar popups</source>
+      </trans-unit>
+      <trans-unit id="datetime_first_day_of_week.inherit">
+        <source>Use default based on personal backend language setting</source>
+      </trans-unit>
+    </body>
+  </file>
+</xliff>
diff --git a/Resources/Private/Layouts/ContentElement/MoveElementLayout.fluid.html b/Resources/Private/Layouts/ContentElement/MoveElementLayout.fluid.html
new file mode 100644
index 0000000..a435e9c
--- /dev/null
+++ b/Resources/Private/Layouts/ContentElement/MoveElementLayout.fluid.html
@@ -0,0 +1,46 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:asset.module identifier="@typo3/backend/viewport/content-navigation.js"/>
+
+<f:if condition="{contentOnly}">
+    <f:then>
+        <f:render section="Content" />
+    </f:then>
+    <f:else>
+        <div class="element-browser">
+            <typo3-backend-content-navigation
+                identifier="moveelement"
+                class="element-browser-main"
+                navigation-title="{f:translate(key: 'viewport.navigation', domain: 'backend.messages')}"
+                navigation-label-collapse="{f:translate(key: 'viewport.navigation.hide', domain: 'backend.messages')}"
+                navigation-label-expand="{f:translate(key: 'viewport.navigation.show', domain: 'backend.messages')}"
+                navigation-initial-width="{initialNavigationWidth}"
+            >
+                <div slot="navigation" class="element-browser-main-sidebar">
+                    <typo3-backend-component-page-browser
+                        active-page="{activePage}"
+                    >
+                    </typo3-backend-component-page-browser>
+                </div>
+                <div slot="content" class="element-browser-main-content">
+                    <div class="element-browser-navigation-toggle">
+                        <typo3-backend-content-navigation-toggle
+                            class="btn btn-sm btn-icon btn-default btn-borderless"
+                            action="expand"
+                            hidden
+                        >
+                        </typo3-backend-content-navigation-toggle>
+                    </div>
+                    <div class="element-browser-body">
+                        <f:render section="Content" arguments="{_all}" />
+                    </div>
+                </div>
+            </typo3-backend-content-navigation>
+        </div>
+    </f:else>
+</f:if>
+
+</html>
diff --git a/Resources/Private/Layouts/ElementBrowser.fluid.html b/Resources/Private/Layouts/ElementBrowser.fluid.html
new file mode 100644
index 0000000..4214595
--- /dev/null
+++ b/Resources/Private/Layouts/ElementBrowser.fluid.html
@@ -0,0 +1,23 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:if condition="{contentOnly}">
+    <f:then>
+        <f:render section="Content" />
+    </f:then>
+    <f:else>
+        <div class="element-browser">
+            <div class="element-browser-main">
+                <div class="element-browser-main-content">
+                    <div class="element-browser-body">
+                        <f:render section="Content" />
+                    </div>
+                </div>
+            </div>
+        </div>
+    </f:else>
+</f:if>
+
+</html>
diff --git a/Resources/Private/Layouts/ElementBrowserWithNavigation.fluid.html b/Resources/Private/Layouts/ElementBrowserWithNavigation.fluid.html
new file mode 100644
index 0000000..9b1383c
--- /dev/null
+++ b/Resources/Private/Layouts/ElementBrowserWithNavigation.fluid.html
@@ -0,0 +1,43 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:asset.module identifier="@typo3/backend/viewport/content-navigation.js"/>
+
+<f:if condition="{contentOnly}">
+    <f:then>
+        <f:render section="Content" />
+    </f:then>
+    <f:else>
+        <div class="element-browser">
+            <typo3-backend-content-navigation
+                class="element-browser-main"
+                identifier="elementbrowser"
+                navigation-title="{f:translate(key: 'viewport.navigation', domain: 'backend.messages')}"
+                navigation-label-collapse="{f:translate(key: 'viewport.navigation.hide', domain: 'backend.messages')}"
+                navigation-label-expand="{f:translate(key: 'viewport.navigation.show', domain: 'backend.messages')}"
+                navigation-initial-width="{initialNavigationWidth}"
+            >
+                <div slot="navigation" class="element-browser-main-sidebar">
+                    <f:render section="Navigation" />
+                </div>
+                <div slot="content" class="element-browser-main-content">
+                    <div class="element-browser-navigation-toggle">
+                        <typo3-backend-content-navigation-toggle
+                            class="btn btn-sm btn-icon btn-default btn-borderless"
+                            action="expand"
+                            hidden
+                        >
+                        </typo3-backend-content-navigation-toggle>
+                    </div>
+                    <div class="element-browser-body">
+                        <f:render section="Content" />
+                    </div>
+                </div>
+            </typo3-backend-content-navigation>
+        </div>
+    </f:else>
+</f:if>
+
+</html>
diff --git a/Resources/Private/Layouts/LinkBrowser.fluid.html b/Resources/Private/Layouts/LinkBrowser.fluid.html
new file mode 100644
index 0000000..ba603a0
--- /dev/null
+++ b/Resources/Private/Layouts/LinkBrowser.fluid.html
@@ -0,0 +1,111 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:asset.module identifier="@typo3/backend/viewport/content-navigation.js"/>
+
+<f:if condition="{contentOnly}">
+    <f:then>
+        <f:render section="Content" />
+    </f:then>
+    <f:else>
+        <div class="element-browser">
+            <f:if condition="{currentLink}">
+                <div class="element-browser-header">
+                    <div class="element-browser-header-title">
+                        <strong><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:currentLink" />:</strong>
+                        {currentLink}
+                    </div>
+                    <f:if condition="{removeCurrentLink}">
+                        <div class="element-browser-header-actions">
+                            <button class="btn btn-sm btn-default t3js-removeCurrentLink">
+                                <core:icon identifier="actions-delete" />
+                                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:removeLink" />
+                            </button>
+                        </div>
+                    </f:if>
+                </div>
+            </f:if>
+            <div class="element-browser-nav">
+                <ul class="nav nav-pills" role="tablist">
+                    <f:for each="{menuItems}" as="menuItem" key="menuId">
+                        <li class="nav-item" role="presentation">
+                            <a href="{menuItem.url}"
+                                class="nav-link {f:if(condition: menuItem.isActive, then: 'active')}"
+                                role="tab"
+                                aria-selected="{f:if(condition: menuItem.isActive, then: 'true', else: 'false')}"
+                                {menuItem.addParams -> f:format.raw()}
+                            >
+                                {menuItem.label}
+                            </a>
+                        </li>
+                    </f:for>
+                </ul>
+            </div>
+
+            <f:if condition="{initialNavigationWidth}"><f:else><f:variable name="initialNavigationWidth">250</f:variable></f:else></f:if>
+            <f:variable name="navigationContent"><f:render section="Navigation" optional="true" /></f:variable>
+            <f:if condition="{navigationContent}">
+                <f:then>
+                    <typo3-backend-content-navigation
+                        identifier="linkbrowser"
+                        class="element-browser-main"
+                        navigation-title="{f:translate(key: 'viewport.navigation', domain: 'backend.messages')}"
+                        navigation-label-collapse="{f:translate(key: 'viewport.navigation.hide', domain: 'backend.messages')}"
+                        navigation-label-expand="{f:translate(key: 'viewport.navigation.show', domain: 'backend.messages')}"
+                        navigation-initial-width="{initialNavigationWidth}"
+                    >
+                        <div slot="navigation" class="element-browser-main-sidebar">
+                            {navigationContent-> f:format.raw()}
+                        </div>
+                        <div slot="content" class="element-browser-main-content">
+                            <div class="element-browser-navigation-toggle">
+                                <typo3-backend-content-navigation-toggle
+                                    class="btn btn-sm btn-icon btn-default btn-borderless"
+                                    action="expand"
+                                    hidden
+                                >
+                                </typo3-backend-content-navigation-toggle>
+                            </div>
+                            <div class="element-browser-attributes">
+                                <f:format.raw>{linkAttributes}</f:format.raw>
+                                <f:if condition="{showUpdateParametersButton}">
+                                    <button class="btn btn-default t3js-linkCurrent" type="submit">
+                                        {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:update')}
+                                    </button>
+                                </f:if>
+                            </div>
+                            <div class="element-browser-body">
+                                <f:flashMessages queueIdentifier="core.template.flashMessages" />
+                                <f:render section="Content" />
+                            </div>
+                        </div>
+                    </typo3-backend-content-navigation>
+                </f:then>
+                <f:else>
+                    <div class="element-browser-main">
+                        <div class="element-browser-main-content">
+                            <div class="element-browser-attributes">
+                                <f:format.raw>{linkAttributes}</f:format.raw>
+                                <f:if condition="{showUpdateParametersButton}">
+                                    <button class="btn btn-default t3js-linkCurrent" type="submit">
+                                        {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:update')}
+                                    </button>
+                                </f:if>
+                            </div>
+                            <div class="element-browser-body">
+                                <f:flashMessages queueIdentifier="core.template.flashMessages" />
+                                <f:render section="Content" />
+                            </div>
+                        </div>
+                    </div>
+                </f:else>
+            </f:if>
+
+        </div>
+    </f:else>
+</f:if>
+
+</html>
diff --git a/Resources/Private/Layouts/Login.fluid.html b/Resources/Private/Layouts/Login.fluid.html
new file mode 100644
index 0000000..eec4207
--- /dev/null
+++ b/Resources/Private/Layouts/Login.fluid.html
@@ -0,0 +1,178 @@
+<html
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    xmlns:backend="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:asset.module identifier="bootstrap"/>
+<f:asset.module identifier="@typo3/backend/login.js"/>
+
+<div class="typo3-login">
+    <div class="typo3-login-inner">
+        <div class="typo3-login-container">
+            <div class="typo3-login-wrap">
+                <div class="card card-login">
+                    <header class="card-heading">
+                        <h1 class="visually-hidden"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.header" /></h1>
+                        <div class="typo3-login-logo"><backend:loginLogo /></div>
+                    </header>
+                    <main class="card-body">
+                        <f:if condition="{action} == 'login'">
+                            <f:then>
+                                <f:if condition="{hasLoginError}">
+                                    <div class="t3js-login-error mb-2" id="t3-login-error">
+                                        <div class="alert alert-danger" role="alert">
+                                            <div class="alert-title"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.message" /></div>
+                                            <div class="alert-message"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.description" /></div>
+                                        </div>
+                                    </div>
+                                </f:if>
+                                <noscript>
+                                    <f:be.infobox message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.javascript')}" state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::ERROR')}" />
+                                </noscript>
+                                <div class="hidden t3js-login-error-nocookies">
+                                    <f:be.infobox message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.cookies')}" state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::ERROR')}" />
+                                </div>
+                                <div class="hidden t3js-login-error-noreferrer">
+                                    <f:be.infobox message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.referrer')}" state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::ERROR')}" />
+                                </div>
+                                <div class="hidden t3js-login-warning-password-whitespace">
+                                    <f:be.infobox state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}">
+                                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.warning.whitespace-around-password" />
+                                        <button class="btn btn-link text-decoration-underline t3js-login-warning-password-whitespace-action" role="button">
+                                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.warning.whitespace-around-password.action-link" />
+                                        </button>
+                                    </f:be.infobox>
+                                </div>
+                                <div class="typo3-login-form t3js-login-formfields">
+                                    <form action="{formActionUrl}" method="post" name="loginform" id="typo3-login-form" spellcheck="false">
+                                        <input type="hidden" name="login_status" value="login" />
+                                        <input type="hidden" name="userident" id="t3-field-userident" class="t3js-login-userident-field" value="" />
+                                        <input type="hidden" name="loginRefresh" value="{loginRefresh}" />
+                                        <input type="hidden" name="{requestTokenName}" value="{requestTokenValue}" />
+
+                                        <f:render section="loginFormFields" />
+
+                                        <div class="form-group d-grid mb-2" id="t3-login-submit-section">
+                                            <button
+                                                class="btn btn-login d-block t3js-login-submit"
+                                                id="t3-login-submit"
+                                                type="submit"
+                                                name="commandLI"
+                                                data-loading-text="{core:icon(identifier: 'spinner-circle', size: 'small')->f:format.htmlspecialchars()} {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.process')}"
+                                                autocomplete="off"
+                                            >
+                                                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.submit" />
+                                            </button>
+                                        </div>
+                                    </form>
+                                </div>
+                                <f:if condition="{enablePasswordReset}">
+                                    <f:render section="ResetPassword" arguments="{_all}" optional="true" />
+                                </f:if>
+                                <f:if condition="{loginProviders->f:count()} > 1">
+                                    <nav aria-label="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.navigation.loginProvider')}">
+                                        <f:comment>role is for VoiceOver</f:comment>
+                                        <ul class="list-unstyled typo3-login-links" role="list">
+                                            <f:for each="{loginProviders}" as="provider" key="providerKey">
+                                                <f:if condition="{provider.label}">
+                                                    <f:if condition="{loginProviderIdentifier} != {providerKey}">
+                                                        <li class="t3js-loginprovider-switch" data-providerkey="{providerKey}">
+                                                            <a href="?loginProvider={providerKey}">
+                                                                <core:icon identifier="{provider.iconIdentifier}" size="small" />
+                                                                <span><f:translate key="{provider.label}" default="{provider.label}" /></span>
+                                                            </a>
+                                                        </li>
+                                                    </f:if>
+                                                </f:if>
+                                            </f:for>
+                                        </ul>
+                                    </nav>
+                                </f:if>
+                            </f:then>
+                            <f:else if="{enablePasswordReset}">
+                                <f:render section="ResetPassword" arguments="{_all}" />
+                            </f:else>
+                            <f:else>
+                                <form action="{formActionUrl}" method="post" name="loginform">
+                                    <input type="hidden" name="login_status" value="logout" />
+                                    <div class="t3-login-box-body">
+                                        <div class="t3-login-logout-form">
+                                            <div class="t3-login-username">
+                                                <div class="t3-login-label t3-username">
+                                                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.username" />
+                                                </div>
+                                                <div class="t3-username-current">
+                                                    {backendUser.username}
+                                                </div>
+                                            </div>
+                                            <input type="hidden" name="p_field" value="" />
+                                            <div class="d-grid">
+                                                <input
+                                                    class="btn d-block btn-lg"
+                                                    type="submit"
+                                                    name="commandLO"
+                                                    value="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.submit')}"
+                                                    id="t3-login-submit"
+                                                />
+                                            </div>
+                                        </div>
+                                    </div>
+                                </form>
+                            </f:else>
+                        </f:if>
+                    </main>
+                    <f:render partial="Login/LoginNews" arguments="{_all}" />
+                    <footer class="card-footer">
+                        <div class="typo3-login-copyright-wrap">
+                            <button
+                                type="button"
+                                class="typo3-login-copyright-link t3js-login-copyright-link collapsed"
+                                data-bs-target="#loginCopyright"
+                                data-bs-toggle="collapse"
+                                aria-expanded="false"
+                                aria-controls="loginCopyright"
+                            >
+                                <span><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.copyrightLink" /></span>
+                                <f:comment>the image within the button is only decorative</f:comment>
+                                <svg viewBox="0 0 150 42" width="70" height="20" aria-hidden="true">
+                                    <path fill="currentColor" d="M60.2,14.4v27h-3.8v-27h-6.7v-3.3h17.1v3.3H60.2z M80.4,27.3v14h-3.9v-14l-7.7-16.2h4.1l5.7,12.2l5.7-12.2h3.9L80.4,27.3z   M99.9,29.9h-3.6v11.4h-3.8V11.1c0,0,3.7-0.3,7.3-0.3c6.6,0,8.5,4.1,8.5,9.4C108.3,26.7,106,29.9,99.9,29.9 M100.3,13.9  c-2.4,0-4.1,0.3-4.1,0.3v12.6h4.1c2.4,0,4.1-1.6,4.1-6.3C104.4,16.1,103.4,13.9,100.3,13.9 M121.8,41.6c-7.1,0-9-5.2-9-15.8  c0-10.2,1.9-15.1,9-15.1s9,4.9,9,15.1C130.9,36.4,129,41.6,121.8,41.6 M121.8,13.9c-3.9,0-5.2,2.6-5.2,12.1c0,9.3,1.3,12.4,5.2,12.4  c3.9,0,5.2-3.1,5.2-12.4C127,16.6,125.7,13.9,121.8,13.9 M141.7,41.6c-2.1,0-5.3-0.6-5.7-0.7v-3.1c1,0.2,3.7,0.7,5.6,0.7  c2.2,0,3.6-1.9,3.6-5.2c0-3.9-0.6-6-3.7-6H138V24h3.1c3.5,0,3.7-3.6,3.7-5.3c0-3.4-1.1-4.8-3.2-4.8c-1.9,0-4.1,0.5-5.3,0.7v-3.2  c0.5-0.1,3-0.7,5.2-0.7c4.4,0,7,1.9,7,8.3c0,2.9-1,5.5-3.3,6.3c2.6,0.2,3.8,3.1,3.8,7.3C149,39.2,146.5,41.6,141.7,41.6"></path>
+                                    <path class="highlight" fill="#FF8700" d="M31.7,28.8c-0.6,0.2-1.1,0.2-1.7,0.2c-5.2,0-12.9-18.2-12.9-24.3c0-2.2,0.5-3,1.3-3.6  C12,1.9,4.3,4.2,1.9,7.2C1.3,8,1,9.1,1,10.6c0,9.5,10.1,31,17.3,31C21.6,41.6,27.1,36.2,31.7,28.8"></path>
+                                    <path class="highlight" fill="#FF8700" d="M28.4,0.5c6.6,0,13.2,1.1,13.2,4.8c0,7.6-4.8,16.7-7.2,16.7C30,22,24.5,9.9,24.5,3.8  C24.5,1,25.6,0.5,28.4,0.5"></path>
+                                </svg>
+                            </button>
+                            <div id="loginCopyright" class="collapse">
+                                <div class="typo3-login-copyright-text">
+                                    <p>
+                                        <f:format.raw>{copyright}</f:format.raw>
+                                    </p>
+                                    <nav aria-label="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.navigation.typo3')}">
+                                        <f:comment>role is for VoiceOver</f:comment>
+                                        <ul class="list-unstyled" role="list">
+                                            <li><a href="https://typo3.org" target="_blank" rel="noreferrer" class="t3-login-link-typo3"><core:icon identifier="actions-window-open" size="small" /> TYPO3.org</a></li>
+                                            <li>
+                                                <a href="https://typo3.org/donate/online-donation/" target="_blank" rel="noreferrer" class="t3-login-link-donate">
+                                                    <core:icon identifier="actions-window-open" size="small" /> <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.donate" />
+                                                </a>
+                                            </li>
+                                        </ul>
+                                    </nav>
+                                </div>
+                            </div>
+                        </div>
+                    </footer>
+                </div>
+            </div>
+        </div>
+        <f:if condition="{loginFootnote}">
+            <aside class="typo3-login-footnote" aria-label="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.region.footnote')}">
+                <p>{loginFootnote}</p>
+            </aside>
+        </f:if>
+    </div>
+    <f:comment>This link is only used for protection of the backend.</f:comment>
+    <a href="{loginUrl}" id="t3js-login-url" data-referrer-check-enabled="{f:if(condition: '{referrerCheckEnabled}', then: '1', else: '0')}" aria-hidden="true" tabindex="-1"></a>
+</div>
+
+</html>
diff --git a/Resources/Private/Layouts/Module.fluid.html b/Resources/Private/Layouts/Module.fluid.html
new file mode 100644
index 0000000..0832307
--- /dev/null
+++ b/Resources/Private/Layouts/Module.fluid.html
@@ -0,0 +1,38 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:render section="Before" arguments="{_all}" optional="true" />
+
+<div class="module module-layout-{moduleLayout} {moduleClass}" data-module-id="{moduleId}" data-module-name="{moduleName}">
+    <f:if condition="{formTag}">
+        <f:then>
+            <f:format.raw>{formTag}</f:format.raw>
+        </f:then>
+    </f:if>
+    <f:if condition="{docHeader.enabled}">
+        <f:render partial="DocHeader" arguments="{docHeader:docHeader}" />
+    </f:if>
+    <div class="module-body t3js-module-body">
+        <div class="module-body-container t3js-module-body-container">
+            <f:if condition="{uiBlock}">
+                <div id="t3js-ui-block" class="ui-block">
+                    <core:icon identifier="spinner-circle" size="large" />
+                </div>
+            </f:if>
+            <f:flashMessages queueIdentifier="{flashMessageQueueIdentifier}" />
+
+            <f:render section="Content" arguments="{_all}" optional="true" />
+        </div>
+    </div>
+    <f:if condition="{formTag}">
+        <f:then>
+            </form>
+        </f:then>
+    </f:if>
+</div>
+
+<f:render section="After" arguments="{_all}" optional="true" />
+
+</html>
diff --git a/Resources/Private/Layouts/Page/MovePageLayout.fluid.html b/Resources/Private/Layouts/Page/MovePageLayout.fluid.html
new file mode 100644
index 0000000..c3231bd
--- /dev/null
+++ b/Resources/Private/Layouts/Page/MovePageLayout.fluid.html
@@ -0,0 +1,46 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:asset.module identifier="@typo3/backend/viewport/content-navigation.js"/>
+
+<f:if condition="{contentOnly}">
+    <f:then>
+        <f:render section="Content" />
+    </f:then>
+    <f:else>
+        <div class="element-browser">
+            <typo3-backend-content-navigation
+                identifier="movepage"
+                class="element-browser-main"
+                navigation-title="{f:translate(key: 'viewport.navigation', domain: 'backend.messages')}"
+                navigation-label-collapse="{f:translate(key: 'viewport.navigation.hide', domain: 'backend.messages')}"
+                navigation-label-expand="{f:translate(key: 'viewport.navigation.show', domain: 'backend.messages')}"
+                navigation-initial-width="{initialNavigationWidth}"
+            >
+                <div slot="navigation" class="element-browser-main-sidebar">
+                    <typo3-backend-component-page-browser
+                        active-page="{activePage}"
+                    >
+                    </typo3-backend-component-page-browser>
+                </div>
+                <div slot="content" class="element-browser-main-content">
+                    <div class="element-browser-navigation-toggle">
+                        <typo3-backend-content-navigation-toggle
+                            class="btn btn-sm btn-icon btn-default btn-borderless"
+                            action="expand"
+                            hidden
+                        >
+                        </typo3-backend-content-navigation-toggle>
+                    </div>
+                    <div class="element-browser-body">
+                        <f:render section="Content" arguments="{_all}" />
+                    </div>
+                </div>
+            </typo3-backend-content-navigation>
+        </div>
+    </f:else>
+</f:if>
+
+</html>
diff --git a/Resources/Private/Partials/About/About.fluid.html b/Resources/Private/Partials/About/About.fluid.html
new file mode 100644
index 0000000..7c9249f
--- /dev/null
+++ b/Resources/Private/Partials/About/About.fluid.html
@@ -0,0 +1,14 @@
+<p>
+    {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:cms_description',
+        arguments: '{
+            0: "&copy; {typo3Info.copyrightYear}",
+            1: "Kasper Sk&aring;rh&oslash;j."
+    }') -> f:format.raw()}
+</p>
+<p>
+    {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_login.xlf:extension.trademark',
+        arguments: '{
+            0: "<a href=\"{trademarkUrl}\" target=\"_blank\" rel=\"noreferrer\">",
+            1: "</a>"
+    }') -> f:format.raw()}
+</p>
diff --git a/Resources/Private/Partials/About/CoreTeam.fluid.html b/Resources/Private/Partials/About/CoreTeam.fluid.html
new file mode 100644
index 0000000..2e589e8
--- /dev/null
+++ b/Resources/Private/Partials/About/CoreTeam.fluid.html
@@ -0,0 +1,10 @@
+<div class="card">
+    <div class="card-body">
+        <h3 class="card-title">
+            <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:coredevs" />
+        </h3>
+        <p class="card-text">
+            {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:coredevs_detail') -> f:format.raw()}
+        </p>
+    </div>
+</div>
diff --git a/Resources/Private/Partials/About/Credits.fluid.html b/Resources/Private/Partials/About/Credits.fluid.html
new file mode 100644
index 0000000..edf60e6
--- /dev/null
+++ b/Resources/Private/Partials/About/Credits.fluid.html
@@ -0,0 +1,10 @@
+<div class="card">
+    <div class="card-body">
+        <h3 class="card-title">
+            {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:community_credits')}
+        </h3>
+        <p class="card-text">
+            {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:information_detail') -> f:format.raw()}
+        </p>
+    </div>
+</div>
diff --git a/Resources/Private/Partials/About/Donation.fluid.html b/Resources/Private/Partials/About/Donation.fluid.html
new file mode 100644
index 0000000..93786e1
--- /dev/null
+++ b/Resources/Private/Partials/About/Donation.fluid.html
@@ -0,0 +1,13 @@
+<div class="card">
+    <div class="card-body">
+        <h3 class="card-title">
+            <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:donation_header" />
+        </h3>
+        <p class="card-text">
+            {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:donation_message') -> f:format.raw()}
+        </p>
+        <a href="{donationUrl}" class="btn btn-default" title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:donation_button')}" target="_blank" rel="noreferrer">
+            <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:donation_button" />
+        </a>
+    </div>
+</div>
diff --git a/Resources/Private/Partials/About/Extensions.fluid.html b/Resources/Private/Partials/About/Extensions.fluid.html
new file mode 100644
index 0000000..d3448d4
--- /dev/null
+++ b/Resources/Private/Partials/About/Extensions.fluid.html
@@ -0,0 +1,38 @@
+<f:if condition="{loadedExtensions}">
+    <h2>
+        <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:extension_authors" />
+    </h2>
+    <p>
+        <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:extension_list_info" />
+    </p>
+
+    <div class="table-fit">
+        <table class="table table-striped table-hover table-vertical-top">
+            <thead>
+                <tr>
+                    <th><f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:extension" /></th>
+                    <th><f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:extension_author" /></th>
+                </tr>
+            </thead>
+            <tbody>
+                <f:for each="{loadedExtensions}" as="loadedExtension">
+                    <tr>
+                        <td>
+                            {loadedExtension.title} ({loadedExtension.key})
+                        </td>
+                        <td>
+                            <f:if condition="{loadedExtension.authors}">
+                                <f:for each="{loadedExtension.authors}" as="extensionAuthor" iteration="i">
+                                    {extensionAuthor.name} <f:if condition="{extensionAuthor.email}">({extensionAuthor.email})</f:if>
+                                    <f:if condition="{i.isLast} == false">
+                                        <br>
+                                    </f:if>
+                                </f:for>
+                            </f:if>
+                        </td>
+                    </tr>
+                </f:for>
+            </tbody>
+        </table>
+    </div>
+</f:if>
diff --git a/Resources/Private/Partials/About/ExternalLibraries.fluid.html b/Resources/Private/Partials/About/ExternalLibraries.fluid.html
new file mode 100644
index 0000000..f4922f0
--- /dev/null
+++ b/Resources/Private/Partials/About/ExternalLibraries.fluid.html
@@ -0,0 +1,139 @@
+<h2>
+    <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:external_libraries" />
+</h2>
+<p>
+    <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:external_thanks" />
+</p>
+
+<div class="table-fit">
+    <table class="table table-striped table-hover">
+        <thead>
+            <tr>
+                <th><f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:external_libraries.table.column.name" /></th>
+                <th><f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:external_libraries.table.column.website" /></th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>Composer</td>
+                <td><a href="https://getcomposer.org" target="_blank" rel="noreferrer">getcomposer.org</a></td>
+            </tr>
+            <tr>
+                <td>Bootstrap</td>
+                <td><a href="https://getbootstrap.com" target="_blank" rel="noreferrer">getbootstrap.com</a></td>
+            </tr>
+            <tr>
+                <td>Doctrine Project (DBAL Component and Instantiator)</td>
+                <td><a href="https://www.doctrine-project.org/projects/dbal.html" target="_blank" rel="noreferrer">doctrine-project.org</a></td>
+            </tr>
+            <tr>
+                <td>Symfony Framework Component: Config</td>
+                <td><a href="https://symfony.com/doc/current/components/config.html" target="_blank" rel="noreferrer">symfony.com</a></td>
+            </tr>
+            <tr>
+                <td>Symfony Framework Component: Console</td>
+                <td><a href="https://symfony.com/doc/current/components/console.html" target="_blank" rel="noreferrer">symfony.com</a></td>
+            </tr>
+            <tr>
+                <td>Symfony Framework Component: DependencyInjection</td>
+                <td><a href="https://symfony.com/doc/current/components/dependency_injection.html" target="_blank" rel="noreferrer">symfony.com</a></td>
+            </tr>
+            <tr>
+                <td>Symfony Framework Component: ExpressionLanguage</td>
+                <td><a href="https://symfony.com/doc/current/components/expression_language.html" target="_blank" rel="noreferrer">symfony.com</a></td>
+            </tr>
+            <tr>
+                <td>Symfony Framework Component: Finder</td>
+                <td><a href="https://symfony.com/doc/current/components/finder.html" target="_blank" rel="noreferrer">symfony.com</a></td>
+            </tr>
+            <tr>
+                <td>Symfony Framework Component: Mailer</td>
+                <td><a href="https://symfony.com/doc/current/components/mailer.html" target="_blank" rel="noreferrer">symfony.com</a></td>
+            </tr>
+            <tr>
+                <td>Symfony Framework Component: Mime</td>
+                <td><a href="https://symfony.com/doc/current/components/mime.html" target="_blank" rel="noreferrer">symfony.com</a></td>
+            </tr>
+            <tr>
+                <td>Symfony Framework Component: PropertyAccess</td>
+                <td><a href="https://symfony.com/doc/current/components/property_access.html" target="_blank" rel="noreferrer">symfony.com</a></td>
+            </tr>
+            <tr>
+                <td>Symfony Framework Component: PropertyInfo</td>
+                <td><a href="https://symfony.com/doc/current/components/property_info.html" target="_blank" rel="noreferrer">symfony.com</a></td>
+            </tr>
+            <tr>
+                <td>Symfony Framework Component: Routing</td>
+                <td><a href="https://symfony.com/doc/current/components/routing.html" target="_blank" rel="noreferrer">symfony.com</a></td>
+            </tr>
+            <tr>
+                <td>Symfony Framework Component: YAML</td>
+                <td><a href="https://symfony.com/doc/current/components/yaml.html" target="_blank" rel="noreferrer">symfony.com</a></td>
+            </tr>
+            <tr>
+                <td>Lit</td>
+                <td><a href="https://lit.dev/" target="_blank" rel="noreferrer">lit.dev</a></td>
+            </tr>
+            <tr>
+                <td>Guzzle PHP</td>
+                <td><a href="http://guzzlephp.org" target="_blank" rel="noreferrer">guzzlephp.org</a></td>
+            </tr>
+            <tr>
+                <td>CKEditor</td>
+                <td><a href="https://ckeditor.com" target="_blank" rel="noreferrer">ckeditor.com</a></td>
+            </tr>
+            <tr>
+                <td>chart.js</td>
+                <td><a href="https://www.chartjs.org/" target="_blank" rel="noreferrer">chartjs.org</a></td>
+            </tr>
+            <tr>
+                <td>luxon</td>
+                <td><a href="https://moment.github.io/luxon/" target="_blank" rel="noreferrer">moment.github.io/luxon</a></td>
+            </tr>
+            <tr>
+                <td>Autosize</td>
+                <td><a href="https://www.jacklmoore.com/autosize/" target="_blank" rel="noreferrer">jacklmoore.com</a></td>
+            </tr>
+            <tr>
+                <td>Cropper.js</td>
+                <td><a href="https://fengyuanchen.github.io/cropperjs/" target="_blank" rel="noreferrer">fengyuanchen.github.io</a></td>
+            </tr>
+            <tr>
+                <td>flatpickr</td>
+                <td><a href="https://flatpickr.js.org/" target="_blank" rel="noreferrer">flatpickr.js.org</a></td>
+            </tr>
+            <tr>
+                <td>Tablesort</td>
+                <td><a href="http://tristen.ca/tablesort/demo/" target="_blank" rel="noreferrer">tristen.ca</a></td>
+            </tr>
+            <tr>
+                <td>Alwan Color Picker</td>
+                <td><a href="https://sefianecho.github.io/alwan/" target="_blank" rel="noreferrer">sefianecho.github.io/</a></td>
+            </tr>
+            <tr>
+                <td>Tab Override</td>
+                <td><a href="https://wjbryant.github.io/taboverride/" target="_blank" rel="noreferrer">wjbryant.github.io</a></td>
+            </tr>
+            <tr>
+                <td>Neos (Form component)</td>
+                <td><a href="https://www.neos.io" target="_blank" rel="noreferrer">neos.io</a></td>
+            </tr>
+            <tr>
+                <td>FineDiff</td>
+                <td><a href="https://github.com/lolli42/FineDiff" target="_blank" rel="noreferrer">github.com</a></td>
+            </tr>
+            <tr>
+                <td>IDNA Convert</td>
+                <td><a href="https://idnaconv.net" target="_blank" rel="noreferrer">idnaconv.net</a></td>
+            </tr>
+            <tr>
+                <td>CodeMirror</td>
+                <td><a href="https://codemirror.net" target="_blank" rel="noreferrer">codemirror.net</a></td>
+            </tr>
+            <tr>
+                <td>SelectPure</td>
+                <td><a href="https://github.com/dudyn5ky1/select-pure" target="_blank" rel="noreferrer">github.com</a></td>
+            </tr>
+        </tbody>
+    </table>
+</div>
diff --git a/Resources/Private/Partials/About/Logo.fluid.html b/Resources/Private/Partials/About/Logo.fluid.html
new file mode 100644
index 0000000..4353755
--- /dev/null
+++ b/Resources/Private/Partials/About/Logo.fluid.html
@@ -0,0 +1,9 @@
+<img
+    src="{f:uri.resource(path: 'EXT:core/Resources/Public/Images/typo3_light_dark.svg')}"
+    width="150"
+    alt="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:typo3_logo')}"
+/>
+<h1>
+    TYPO3 CMS {typo3Version.version}<br>
+    <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:introtext" />
+</h1>
diff --git a/Resources/Private/Partials/About/Modules.fluid.html b/Resources/Private/Partials/About/Modules.fluid.html
new file mode 100644
index 0000000..e8534a8
--- /dev/null
+++ b/Resources/Private/Partials/About/Modules.fluid.html
@@ -0,0 +1,76 @@
+<h2>
+    <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:modules.headline" />
+</h2>
+<p>
+    <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:modules.introtext" />
+</p>
+<f:for each="{modules}" as="mainModule">
+    <f:if condition="{mainModule.subModules}">
+        <f:if condition="{mainModule.title}">
+            <h3><f:translate key="{mainModule.title}">{mainModule.title}</f:translate></h3>
+        </f:if>
+        <section class="card-container">
+            <f:for each="{mainModule.subModules}" as="subModule">
+                <div class="card card-size-small">
+                    <div class="card-header">
+                        <div class="card-icon">
+                            <core:icon identifier="{subModule.iconIdentifier}" size="large" />
+                        </div>
+                        <f:if condition="{subModule.title} || {subModule.shortDescription}">
+                            <div class="card-header-body">
+                                <f:if condition="{subModule.title}">
+                                    <h4 class="card-title">
+                                        <f:translate key="{subModule.title}">{subModule.title}</f:translate>
+                                    </h4>
+                                </f:if>
+                                <f:if condition="{subModule.shortDescription}">
+                                    <span class="card-subtitle">
+                                        <f:translate key="{subModule.shortDescription}">{subModule.shortDescription}</f:translate>
+                                    </span>
+                                </f:if>
+                            </div>
+                        </f:if>
+                    </div>
+                    <f:if condition="{subModule.description}">
+                        <div class="card-body">
+                            <p class="card-text">
+                                <f:sanitize.html>
+                                    <f:translate key="{subModule.description}">{subModule.description}</f:translate>
+                                </f:sanitize.html>
+                            </p>
+                        </div>
+                    </f:if>
+                    <div class="card-footer">
+                        <f:if condition="{subModule.appearance.dependsOnSubmodules} && !{subModule.subModules}">
+                            <f:then>
+                                <p class="text-variant">
+                                    <f:if condition="{subModule.title}">
+                                        <f:then>
+                                            <f:variable name="submoduleTitle"><f:translate key="{subModule.title}">{subModule.title}</f:translate></f:variable>
+                                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:noSubModulesWithTitle" arguments="{0: submoduleTitle}" />
+                                        </f:then>
+                                        <f:else>
+                                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:noSubModules" />
+                                        </f:else>
+                                    </f:if>
+                                </p>
+                            </f:then>
+                            <f:else>
+                                <f:variable name="submoduleTitle"><f:translate key="{subModule.title}">{subModule.title}</f:translate></f:variable>
+                                <a
+                                    href="#"
+                                    data-dispatch-action="TYPO3.ModuleMenu.showModule"
+                                    data-dispatch-args-list="{subModule.identifier}"
+                                    class="btn btn-default"
+                                    aria-label="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:submoduleOverview.openModuleWithTitle', arguments: {0: submoduleTitle})}"
+                                >
+                                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:link.openModule" />
+                                </a>
+                            </f:else>
+                        </f:if>
+                    </div>
+                </div>
+            </f:for>
+        </section>
+    </f:if>
+</f:for>
diff --git a/Resources/Private/Partials/Backend/ModuleMenu.fluid.html b/Resources/Private/Partials/Backend/ModuleMenu.fluid.html
new file mode 100644
index 0000000..9ec125d
--- /dev/null
+++ b/Resources/Private/Partials/Backend/ModuleMenu.fluid.html
@@ -0,0 +1,88 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<nav
+    class="modulemenu"
+    data-role="modulemenu"
+    id="modulemenu"
+    data-modulemenu
+    aria-label="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:modulemenu.label')}"
+    data-modules-information="{modulesInformation}"
+>
+    <f:if condition="{modules}">
+        <f:render section="Menubar" arguments="{modules: modules}" />
+    </f:if>
+</nav>
+
+<f:section name="Menubar">
+    <ul
+        role="menubar"
+        aria-orientation="vertical"
+        aria-label="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:modulemenu.label')}"
+        class="modulemenu-group-container"
+    >
+        <f:for each="{modules}" as="module" iteration="iterator">
+            <li
+                role="presentation"
+                data-modulemenu-level="1"
+                {f:if(condition: module.subModules, then: 'class="modulemenu-group modulemenu-group-{f:if(condition: module.collapsed, then: \'collapsed\', else: \'expanded\')}"')}
+            >
+            <f:render section="Button" arguments="{module: module, showChildren: module.subModules, tabIndex: '{f:if(condition: iterator.isFirst, then: \'0\', else: \'-1\')}'}" />
+            <f:if condition="{module.subModules}">
+                <f:render section="Menu" arguments="{modules: module.subModules, parent: module}" />
+            </f:if>
+            </li>
+        </f:for>
+    </ul>
+</f:section>
+
+<f:section name="Menu">
+    <ul
+        id="modulemenu-group-{parent.identifier}"
+        role="menu"
+        aria-orientation="vertical"
+    <f:if condition="{parent.title}">
+        aria-label="{f:translate(key: parent.title, default: parent.title)}"
+    </f:if>
+    class="modulemenu-group-container collapse {f:if(condition: '{parent}', then: '{f:if(condition: parent.collapsed, else: \'show\')}')}"
+    >
+    <f:for each="{modules}" as="module">
+        <li role="presentation" data-modulemenu-level="2">
+            <f:render section="Button" arguments="{module: module, tabIndex: '-1'}" />
+        </li>
+    </f:for>
+    </ul>
+</f:section>
+
+<f:section name="Button">
+    <f:variable name="moduleTitle" value="" />
+    <f:if condition="{module.title}">
+        <f:variable name="moduleTitle" value="{f:translate(key: module.title, default: module.title)}" />
+    </f:if>
+    <{f:if(condition: module.shouldBeLinked, then: 'a', else: 'button')}
+    <f:if condition="{module.shouldBeLinked}">
+        <f:then>
+            href="{f:be.uri(route: module.identifier)}"
+            data-moduleroute-identifier="{module.identifier}"
+        </f:then>
+        <f:else>
+            type="button"
+        </f:else>
+    </f:if>
+    role="menuitem"
+    title="{moduleTitle}"
+    class="modulemenu-action"
+    tabindex="{tabIndex}"
+    data-modulemenu-identifier="{module.identifier}"
+    data-modulemenu-collapsible="{f:if(condition: showChildren, then: 'true', else: 'false')}"
+    {f:if(condition: showChildren, then: 'aria-controls="modulemenu-group-{module.identifier}" aria-haspopup="menu" aria-expanded="{f:if(condition: module.collapsed, then: \'false\', else: \'true\')}"')}
+    >
+    <span class="modulemenu-icon" aria-hidden="true"><core:icon size="medium" identifier="{module.iconIdentifier}" alternativeMarkupIdentifier="inline" /></span>
+    <span class="modulemenu-name">{moduleTitle}</span>
+    <span class="modulemenu-indicator" aria-hidden="true"></span>
+</{f:if(condition: module.shouldBeLinked, then: 'a', else: 'button')}>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Partials/Backend/Topbar.fluid.html b/Resources/Private/Partials/Backend/Topbar.fluid.html
new file mode 100644
index 0000000..6ff0aec
--- /dev/null
+++ b/Resources/Private/Partials/Backend/Topbar.fluid.html
@@ -0,0 +1,69 @@
+<html
+    xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:asset.module identifier="@typo3/backend/element/sidebar-toggle-element.js" />
+<div class="scaffold-topbar t3js-scaffold-topbar" data-topbar-identifier="topbar">
+    <div class="topbar t3js-topbar">
+        <typo3-backend-sidebar-toggle
+            class="topbar-button topbar-button-modulemenu"
+            label-collapse="{f:translate(key: 'toolbarItems.sidebarCollapse', domain: 'backend.toolbar')}"
+            label-expand="{f:translate(key: 'toolbarItems.sidebarExpand', domain: 'backend.toolbar')}"
+            {f:if(condition: '!{sidebar.accessible}', then: 'disabled')}
+        ></typo3-backend-sidebar-toggle>
+        <div class="topbar-site-container">
+            <a class="topbar-site" href="./" target="_top" title="{siteName} - {applicationVersion}">
+                <span class="topbar-site-logo">
+                    <img src="{logoUrl}" width="{logoWidth}" height="{logoHeight}" alt="" aria-hidden="true" />
+                </span>
+                <span class="topbar-site-title">
+                    <span class="topbar-site-name">{siteName}</span>
+                    <span class="topbar-site-version">{applicationVersion}</span>
+                </span>
+            </a>
+        </div>
+        <button
+            class="topbar-button topbar-button-toolbar t3js-topbar-button-toolbar"
+            title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.toolbarOpenClose')}"
+            aria-label="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.toolbarOpenClose')}"
+        >
+            <core:icon identifier="actions-cog" alternativeMarkupIdentifier="inline" />
+        </button>
+        <button
+            class="topbar-button topbar-button-search t3js-topbar-button-search"
+            title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.searchbarOpenClose')}"
+            aria-label="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.searchbarOpenClose')}"
+            aria-haspopup="dialog"
+        >
+            <core:icon identifier="actions-search" alternativeMarkupIdentifier="inline" />
+        </button>
+    </div>
+</div>
+<div class="scaffold-toolbar t3js-scaffold-toolbar" data-toolbar-identifier="toolbar">
+    <div class="toolbar">
+        <ul class="toolbar-list" data-typo3-role="typo3-module-menu">
+            <f:for each="{toolbarItems}" as="toolbarItem" iteration="iterator">
+                <li {be:toolbar.attributes(class: toolbarItem) -> f:format.raw()}>
+                    <be:toolbar.ifHasDropdown class="{toolbarItem}">
+                        <f:then>
+                            <button type="button" class="toolbar-item-link dropdown-toggle dropdown-toggle-no-chevron" data-bs-target="toolbar-menu-{iterator.cycle}" data-bs-toggle="dropdown" data-bs-offset="0,0">
+                                {toolbarItem.item -> f:format.raw()}
+                            </button>
+                            <div id="toolbar-menu-{iterator.cycle}" class="dropdown-menu" role="menu">
+                                {toolbarItem.dropdown -> f:format.raw()}
+                            </div>
+                        </f:then>
+                        <f:else>
+                            {toolbarItem.item -> f:format.raw()}
+                        </f:else>
+                    </be:toolbar.ifHasDropdown>
+                </li>
+            </f:for>
+        </ul>
+    </div>
+</div>
+
+</html>
diff --git a/Resources/Private/Partials/DocHeader.fluid.html b/Resources/Private/Partials/DocHeader.fluid.html
new file mode 100644
index 0000000..c90e7ea
--- /dev/null
+++ b/Resources/Private/Partials/DocHeader.fluid.html
@@ -0,0 +1,57 @@
+<div class="module-loading-indicator"></div>
+<div class="module-docheader module-docheader-navigation t3js-module-docheader-navigation">
+    <f:be.pageRenderer includeJavaScriptModules="{0: '@typo3/backend/viewport/content-navigation-toggle.js'}" />
+    <div class="module-docheader-column">
+        <typo3-backend-content-navigation-toggle
+            class="btn btn-sm btn-icon btn-default btn-borderless"
+            action="expand"
+            hidden
+        >
+        </typo3-backend-content-navigation-toggle>
+    </div>
+    <div class="module-docheader-column module-docheader-column-breadcrumb">
+        <f:if condition="{docHeader.breadcrumb}">
+            <f:be.pageRenderer includeJavaScriptModules="{0: '@typo3/backend/element/breadcrumb.js'}" />
+            <typo3-breadcrumb
+                label='{f:translate(key: "LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:breadcrumb")}'
+                nodes='{docHeader.breadcrumb -> f:format.json()}'
+            ></typo3-breadcrumb>
+        </f:if>
+    </div>
+    <div class="module-docheader-column">
+        <f:if condition="{docHeader.languageSelector}">
+            <f:format.raw>{docHeader.languageSelector}</f:format.raw>
+        </f:if>
+    </div>
+</div>
+<f:if condition="{docHeader.buttons.left -> f:count()} > 0 || {docHeader.buttons.right -> f:count()} > 0">
+    <div class="module-docheader module-docheader-buttons t3js-module-docheader-buttons">
+        <div class="module-docheader-column module-docheader-column-grow">
+            <f:render section="buttonbar" arguments="{buttons:docHeader.buttons.left}" />
+        </div>
+        <div class="module-docheader-column">
+            <f:render section="buttonbar" arguments="{buttons:docHeader.buttons.right}" />
+        </div>
+    </div>
+</f:if>
+
+<f:section name="buttonbar">
+    <f:if condition="{buttons -> f:count()} > 0">
+        <div class="btn-toolbar" role="toolbar" aria-label="">
+            <f:for each="{buttons}" as="buttonGroup">
+                <f:if condition="{buttonGroup -> f:count()} > 1">
+                    <f:then>
+                        <div class="btn-group" role="group" aria-label="">
+                            <f:for each="{buttonGroup}" as="button">
+                                {button -> f:format.raw()}
+                            </f:for>
+                        </div>
+                    </f:then>
+                    <f:else>
+                        {buttonGroup.0 -> f:format.raw()}
+                    </f:else>
+                </f:if>
+            </f:for>
+        </div>
+    </f:if>
+</f:section>
diff --git a/Resources/Private/Partials/Email/PasswordReset/ClosingParagraph.fluid.html b/Resources/Private/Partials/Email/PasswordReset/ClosingParagraph.fluid.html
new file mode 100644
index 0000000..2f09f3f
--- /dev/null
+++ b/Resources/Private/Partials/Email/PasswordReset/ClosingParagraph.fluid.html
@@ -0,0 +1,6 @@
+<p>
+    <f:if condition="{normalizedParams.remoteAddress}">
+        This password reset request originated from the IP address <strong>{normalizedParams.remoteAddress}</strong>.
+    </f:if>
+    If you have not requested a password reset and have concerns about this email, please let your administrator know.
+</p>
diff --git a/Resources/Private/Partials/Email/PasswordReset/ClosingParagraph.fluid.txt b/Resources/Private/Partials/Email/PasswordReset/ClosingParagraph.fluid.txt
new file mode 100644
index 0000000..07f72a9
--- /dev/null
+++ b/Resources/Private/Partials/Email/PasswordReset/ClosingParagraph.fluid.txt
@@ -0,0 +1,2 @@
+<f:if condition="{normalizedParams.remoteAddress}">This password reset request originated from the IP address "{normalizedParams.remoteAddress}".</f:if>
+If you have not requested a password reset and have concerns about this email, please let your administrator know.
diff --git a/Resources/Private/Partials/Form/ImageManipulationModalTitle.fluid.html b/Resources/Private/Partials/Form/ImageManipulationModalTitle.fluid.html
new file mode 100644
index 0000000..e3d0398
--- /dev/null
+++ b/Resources/Private/Partials/Form/ImageManipulationModalTitle.fluid.html
@@ -0,0 +1,8 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<f:translate id="LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.image-manipulation" />
+: <f:if condition="{image.properties.title}"><f:then>{image.properties.title} &mdash; {image.name}</f:then><f:else>{image.name}</f:else></f:if>
+({image.properties.width} × {image.properties.height})
+</html>
diff --git a/Resources/Private/Partials/Login/LoginNews.fluid.html b/Resources/Private/Partials/Login/LoginNews.fluid.html
new file mode 100644
index 0000000..30e3fd3
--- /dev/null
+++ b/Resources/Private/Partials/Login/LoginNews.fluid.html
@@ -0,0 +1,53 @@
+<html
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:if condition="{loginNewsItems}">
+    <section class="typo3-login-news" aria-labelledby="loginNewsHeader">
+        <h2 id="loginNewsHeader" class="visually-hidden">
+            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.news.header" />
+        </h2>
+        <f:if condition="{loginNewsItems -> f:count()} > 1">
+            <f:then>
+                <div class="carousel slide typo3-login-carousel t3js-login-news-carousel" id="loginNews" data-bs-ride="false">
+                    <button class="left typo3-login-carousel-control" data-bs-target="#loginNews" data-bs-slide="prev">
+                        <core:icon identifier="actions-chevron-start" size="small" />
+                        <span class="visually-hidden"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.news.previous"/></span>
+                    </button>
+                    <button type="button" class="right typo3-login-carousel-control" data-bs-target="#loginNews" data-bs-slide="next">
+                        <core:icon identifier="actions-chevron-end" size="small" />
+                        <span class="visually-hidden"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.news.next"/></span>
+                    </button>
+                    <div class="carousel-inner carousel-inner--overflowing-bottom" aria-live="polite">
+                        <f:for each="{loginNewsItems}" as="item" iteration="loginNewsIterator">
+                            <div role="group" aria-labelledby="loginNewsItem-{item.uid}" class="carousel-item{f:if(condition: loginNewsIterator.isFirst,then: ' active')}">
+                                <f:render section="Item" arguments="{item: item}"/>
+                            </div>
+                        </f:for>
+                    </div>
+                </div>
+            </f:then>
+            <f:else>
+                <div class="carousel typo3-login-carousel">
+                    <div class="carousel-inner carousel-inner--overflowing-bottom">
+                        <f:render section="Item" arguments="{item:'{loginNewsItems.0}'}"/>
+                    </div>
+                </div>
+            </f:else>
+        </f:if>
+    </section>
+</f:if>
+
+<f:section name="Item">
+    <p id="loginNewsItem-{item.uid}" class="typo3-login-news-heading">{item.header}</p>
+    {item.content -> f:transform.html() -> f:sanitize.html()}
+    <f:if condition="{item.date}">
+        <p class="text-variant">
+            <span class="visually-hidden"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.news.date"/></span>{item.date}
+        </p>
+    </f:if>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Partials/Mfa/SetupInstructions.fluid.html b/Resources/Private/Partials/Mfa/SetupInstructions.fluid.html
new file mode 100644
index 0000000..17b6af0
--- /dev/null
+++ b/Resources/Private/Partials/Mfa/SetupInstructions.fluid.html
@@ -0,0 +1,8 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<f:be.infobox title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:setup.instructions')}" state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}">
+    <f:format.nl2br>{provider.setupInstructions -> f:translate(key: provider.setupInstructions, default: provider.setupInstructions)}</f:format.nl2br>
+</f:be.infobox>
+</html>
diff --git a/Resources/Private/Partials/ModuleTemplate/StateIcon.fluid.html b/Resources/Private/Partials/ModuleTemplate/StateIcon.fluid.html
new file mode 100644
index 0000000..4c9680b
--- /dev/null
+++ b/Resources/Private/Partials/ModuleTemplate/StateIcon.fluid.html
@@ -0,0 +1,12 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<f:switch expression="{item.stateIcon}">
+    <f:case value="-1"><core:icon identifier="status-dialog-ok" /></f:case>
+    <f:case value="1"><core:icon identifier="status-dialog-notification" /></f:case>
+    <f:case value="2"><core:icon identifier="status-dialog-warning" /></f:case>
+    <f:case value="3"><core:icon identifier="status-dialog-error" /></f:case>
+</f:switch>
+</html>
diff --git a/Resources/Private/Partials/ModuleTemplate/Tabs.fluid.html b/Resources/Private/Partials/ModuleTemplate/Tabs.fluid.html
new file mode 100644
index 0000000..213d2ff
--- /dev/null
+++ b/Resources/Private/Partials/ModuleTemplate/Tabs.fluid.html
@@ -0,0 +1,60 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<div class="tab-wrapper">
+    <ul class="nav nav-tabs" role="tablist" id="tabs-{id}" data-store-last-tab="{storeLastActiveTab}">
+        <f:for each="{items}" as="item" iteration="iteration">
+            <f:if condition="{item.content}">
+                <li role="presentation" class="nav-item">
+                    <button
+                        type="button"
+                        class="nav-link {f:if(condition: '{iteration.cycle} == {defaultTabIndex}', then: ' active')}"
+                        title="{item.linkTitle}"
+                        data-typo3-tab="#{id}-{iteration.cycle}"
+                        aria-controls="{id}-{iteration.cycle}"
+                        role="tab"
+                    >
+                        <f:if condition="{item.icon}">
+                            <f:format.raw>{item.icon}</f:format.raw>
+                        </f:if>
+                        {item.label}
+                        <f:if condition="{item.requiredIcon}">
+                            <f:format.raw>{item.requiredIcon}</f:format.raw>
+                        </f:if>
+                        <f:if condition="{item.stateIcon}">
+                            <f:render partial="ModuleTemplate/StateIcon" arguments="{item: item}" />
+                        </f:if>
+                    </button>
+                </li>
+            </f:if>
+        </f:for>
+    </ul>
+    <div class="tab-content">
+        <f:for each="{items}" as="item" iteration="iteration">
+            <f:if condition="{item.content}">
+                <div role="tabpanel" class="tab-pane{f:if(condition: '{iteration.cycle} == {defaultTabIndex}', then: ' active')}" id="{id}-{iteration.cycle}">
+                    <h2 class="visually-hidden">{item.label}</h2>
+                    <f:if condition="{item.description}">
+                        <div class="form-section">
+                            <p><f:format.nl2br>{item.description}</f:format.nl2br></p>
+                        </div>
+                    </f:if>
+                    <f:if condition="{wrapContent}">
+                        <f:then>
+                            <div class="form-section">
+                                <f:format.raw>{item.content}</f:format.raw>
+                            </div>
+                        </f:then>
+                        <f:else>
+                            <f:format.raw>{item.content}</f:format.raw>
+                        </f:else>
+                    </f:if>
+                </div>
+            </f:if>
+        </f:for>
+    </div>
+</div>
+
+</html>
diff --git a/Resources/Private/Partials/MultiRecordSelection/Actions.fluid.html b/Resources/Private/Partials/MultiRecordSelection/Actions.fluid.html
new file mode 100644
index 0000000..4ad0808
--- /dev/null
+++ b/Resources/Private/Partials/MultiRecordSelection/Actions.fluid.html
@@ -0,0 +1,26 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<div class="multi-record-selection-actions-wrapper">
+    <div class="row row-cols-auto align-items-center gx-2 t3js-multi-record-selection-actions hidden">
+        <div class="col">
+            <strong><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.selection"/></strong>
+        </div>
+        <div class="col">
+            <f:for each="{actions}" as="action">
+                <button class="btn btn-default btn-sm"
+                        data-multi-record-selection-action="{action.name}"
+                        data-multi-record-selection-action-config='{action.configuration -> f:format.raw()}'
+                >
+                    {action.icon -> f:format.raw()}
+                    <span class="text">{action.label}</span>
+                </button>
+            </f:for>
+        </div>
+    </div>
+</div>
+
+</html>
diff --git a/Resources/Private/Partials/PageLayout/ActionControls.fluid.html b/Resources/Private/Partials/PageLayout/ActionControls.fluid.html
new file mode 100644
index 0000000..5439990
--- /dev/null
+++ b/Resources/Private/Partials/PageLayout/ActionControls.fluid.html
@@ -0,0 +1,6 @@
+<div class="t3-page-ce-actions t3js-page-new-ce">
+    <typo3-backend-new-content-element-wizard-button class="btn btn-default btn-sm" url="{url}" subject="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:newContentElement')}">
+        <core:icon identifier="actions-plus" />
+        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:createNewContent" />
+    </typo3-backend-new-content-element-wizard-button>
+</div>
diff --git a/Resources/Private/Partials/PageLayout/Grid.fluid.html b/Resources/Private/Partials/PageLayout/Grid.fluid.html
new file mode 100644
index 0000000..028784f
--- /dev/null
+++ b/Resources/Private/Partials/PageLayout/Grid.fluid.html
@@ -0,0 +1,20 @@
+<div class="t3-grid-container{f:if(condition: grid.context.backendLayout.identifierCleaned, then: ' t3-grid-container-{grid.context.backendLayout.identifierCleaned}')}">
+    <div class="t3-grid-container-inner">
+        <table class="t3-page-columns t3-grid-table t3js-page-columns">
+            <f:if condition="{gridColumns}">
+                <colgroup>
+                    <f:for each="{gridColumns}" as="tmpColumn">
+                        <col span="1" style="width: calc(100% / {gridColumns -> f:count()})">
+                    </f:for>
+                </colgroup>
+            </f:if>
+            <f:for each="{grid.rows}" as="row">
+                <tr>
+                    <f:for each="{row.columns}" as="column">
+                        <f:render partial="PageLayout/Grid/Column" arguments="{_all}" />
+                    </f:for>
+                </tr>
+            </f:for>
+        </table>
+    </div>
+</div>
diff --git a/Resources/Private/Partials/PageLayout/Grid/Column.fluid.html b/Resources/Private/Partials/PageLayout/Grid/Column.fluid.html
new file mode 100644
index 0000000..9a515a5
--- /dev/null
+++ b/Resources/Private/Partials/PageLayout/Grid/Column.fluid.html
@@ -0,0 +1,50 @@
+<f:comment>
+    Styling requires the colpos to be set to the string 'unused'. To preserve type safety in the
+    controller, the string is only used in the template by setting the below "colpos" variable.
+</f:comment>
+<f:variable name="colpos" value="{f:if(condition: column.unused, then: 'unused', else: column.columnNumber)}"/>
+
+<f:if condition="{languageColumns}">
+    <f:then>
+        <f:comment><!-- Language comparison view --></f:comment>
+        <f:variable name="columnIdentifier" value="columnIdentifier_language-{column.context.siteLanguage.languageId}_column-{colpos}" />
+    </f:then>
+    <f:else>
+        <f:comment><!-- Grid / Column view --></f:comment>
+        <f:variable name="columnIdentifier" value="columnIdentifier_column-{colpos}" />
+    </f:else>
+</f:if>
+<f:variable name="columnClasses">
+    t3js-page-column t3-grid-cell t3-page-column
+    {f:if(condition: column.identifierCleaned, then: 't3-grid-cell-{column.identifierCleaned}')}
+    {f:if(condition: column.unassigned, then: 't3-grid-cell-unassigned')}
+    {f:if(condition: '!{column.active} && !{column.unused}', then: 't3-grid-cell-restricted')}
+    {f:if(condition: '!{column.active} && {hideRestrictedColumns} && !{column.unused}', then: 't3-grid-cell-hidden')}
+</f:variable>
+<td
+    valign="top"
+    colspan="{column.colSpan}"
+    rowspan="{column.rowSpan}"
+    data-colpos="{colpos}"
+    data-language-uid="{column.context.siteLanguage.languageId}"
+    class="{columnClasses -> f:spaceless()}"
+    role="group" aria-labelledby="{columnIdentifier}"
+>
+    <f:alias map="{columnHeaderLevel: 2}">
+        <f:render partial="PageLayout/Grid/ColumnHeader" arguments="{_all}" />
+    </f:alias>
+    <f:if condition="{column.active} || {column.unused}">
+        <div data-colpos="{colpos}" data-language-uid="{column.context.siteLanguage.languageId}" class="t3-page-ce-wrapper">
+            <f:for each="{column.items}" as="item">
+                <f:render partial="PageLayout/Record" arguments="{_all}" />
+            </f:for>
+        </div>
+    </f:if>
+    <f:if condition="{column.unassigned}">
+        <f:be.infobox
+            title="{f:translate(domain: 'backend.layout', key: 'emptyColPos')}"
+            message="{f:translate(domain: 'backend.layout', key: 'emptyColPos.message')}"
+            state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}"
+        />
+    </f:if>
+</td>
diff --git a/Resources/Private/Partials/PageLayout/Grid/ColumnHeader.fluid.html b/Resources/Private/Partials/PageLayout/Grid/ColumnHeader.fluid.html
new file mode 100644
index 0000000..1c7d041
--- /dev/null
+++ b/Resources/Private/Partials/PageLayout/Grid/ColumnHeader.fluid.html
@@ -0,0 +1,49 @@
+{columnHeaderLevel -> f:or(alternative: 2) -> f:variable(name: 'columnHeaderLevel')}
+
+<div class="t3-page-column-header">
+    <f:if condition="{column.active}">
+        <f:then>
+            <div class="t3-page-column-header-icons">
+                <f:if condition="{allowEditContent} && {column.editUrl}">
+                    <a
+                        class="btn btn-link"
+                        href="{column.editUrl}"
+                        title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:editColumn')}"
+                    >
+                        <core:icon identifier="actions-document-open" />
+                        <span class="visually-hidden">{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:editColumn')}</span>
+                    </a>
+                </f:if>
+            </div>
+            <h{columnHeaderLevel} id="{columnIdentifier}" class="t3-page-column-title">
+                {column.title}
+                <f:if condition="{context.pageContext.pageRecord.pid} !== 0 && {column.slideMode.value} !== 'none'">
+                    <f:if condition="!({column.slideMode.value} === 'slide' && {column.items})">
+                        <span class="badge badge-info" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:slideModeInfo.{column.slideMode.value}')}">
+                            <f:switch expression="{column.slideMode.value}">
+                                <f:case value="slide">{core:icon(identifier: 'actions-search', size: 'small')}{core:icon(identifier: 'actions-sort-amount-up', size: 'small')}</f:case>
+                                <f:case value="collect">{core:icon(identifier: 'actions-cart', size: 'small')}{core:icon(identifier: 'actions-sort-amount-down', size: 'small')}</f:case>
+                                <f:case value="collectReverse">{core:icon(identifier: 'actions-cart', size: 'small')}{core:icon(identifier: 'actions-sort-amount-up', size: 'small')}</f:case>
+                            </f:switch>
+                        </span>
+                    </f:if>
+                </f:if>
+            </h{columnHeaderLevel}>
+        </f:then>
+        <f:else if="{column.unused}">
+            <span id="{columnIdentifier}"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:unusedColPos"/></span>
+        </f:else>
+        <f:else if="{column.unassigned}">
+            <span id="{columnIdentifier}">{column.titleUnassigned}</span>
+        </f:else>
+        <f:else>
+            <span id="{columnIdentifier}">{column.titleInaccessible}</span>
+        </f:else>
+    </f:if>
+</div>
+<f:if condition="{allowEditContent} && {column.contentEditable} && {column.context.allowNewContent} && {column.active}">
+    <div class="t3-page-ce t3js-page-ce" data-page="{column.context.pageId}">
+        <f:render partial="PageLayout/ActionControls" arguments="{column: column, allowEditContent: allowEditContent, url: column.newContentUrl}" />
+        <div class="t3-page-ce-dropzone t3js-page-ce-dropzone-available" hidden></div>
+    </div>
+</f:if>
diff --git a/Resources/Private/Partials/PageLayout/LanguageColumns.fluid.html b/Resources/Private/Partials/PageLayout/LanguageColumns.fluid.html
new file mode 100644
index 0000000..e3cb7ae
--- /dev/null
+++ b/Resources/Private/Partials/PageLayout/LanguageColumns.fluid.html
@@ -0,0 +1,149 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<div class="t3-grid-container{f:if(condition: context.backendLayout.identifierCleaned, then: ' t3-grid-container-{context.backendLayout.identifierCleaned}')}" data-multi-languages="{f:if(condition: context.multiLanguages, then: '1', else: '0')}">
+    <div class="t3-grid-container-inner">
+        <table class="t3-page-columns t3-grid-table t3js-page-columns">
+            <tr>
+                <f:for each="{languageColumns}" as="languageColumn">
+                    <td valign="top"
+                        class="t3-page-column t3-page-column-lang-name"
+                        data-language-uid="{languageColumn.context.siteLanguage.languageId}"
+                        data-language-title="{languageColumn.context.siteLanguage.title}"
+                        data-flag-identifier="{languageColumn.context.siteLanguage.flagIdentifier}"
+                    >
+                        <typo3-backend-editable-page-title
+                            pageTitle="{languageColumn.context.localizedPageTitle}"
+                            pageId="{context.pageId}"
+                            localizedPageId="{languageColumn.pageRecordUid}"
+                            {languageColumn.allowEditPage ? 'editable' : ''}
+                        >
+                            {languageColumn.context.localizedPageTitle}
+                        </typo3-backend-editable-page-title>
+                        <div>
+                            <core:iconForRecord table="pages" row="{languageColumn.pageRecord}" />
+                            <core:icon identifier="{languageColumn.context.siteLanguage.flagIdentifier}" />
+                            {languageColumn.context.siteLanguage.title}
+                            <f:if condition="{languageColumn.context.languageMode}">
+                                <span class="badge badge-{languageColumn.context.languageModeLabelClass}">{languageColumn.context.languageMode}</span>
+                            </f:if>
+                            <f:if condition="{languageColumn.translationData.hasElementsWithWorkspaceDeletePlaceholders}">
+                                <span class="badge badge-warning"
+                                    data-bs-content="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:languageContainsWorkspaceDeletePlaceholderRecords')}"
+                                    data-bs-toggle="popover"
+                                    data-bs-placement="auto"
+                                    data-bs-trigger="hover focus"
+                                >
+                                    !
+                                </span>
+                            </f:if>
+                        </div>
+                        <div class="mt-2">
+                            <f:if condition="{languageColumn.allowViewPage}">
+                                <button class="btn btn-default btn-sm" {f:if(condition: languageColumn.previewUrlAttributes, then: '{languageColumn.previewUrlAttributes -> f:format.raw()}', else: 'disabled="true"')} title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.showPage')}">
+                                    <core:icon identifier="actions-view" />
+                                    <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.showPage" />
+                                </button>
+                            </f:if>
+                            <f:if condition="{languageColumn.allowEditPage}">
+                                <typo3-backend-contextual-record-edit-trigger
+                                    url="{languageColumn.pageEditUrl}"
+                                    edit-url="{languageColumn.fullPageEditUrl}"
+                                    class="btn btn-default btn-sm"
+                                    title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:editPageProperties')}"
+                                >
+                                    <core:icon identifier="actions-open" />
+                                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:editPageProperties" />
+                                </typo3-backend-contextual-record-edit-trigger>
+                            </f:if>
+                            <f:if condition="{allowEditContent} && {languageColumn.context.siteLanguage.languageId} && {languageColumn.translationData.untranslatedRecordUids}">
+                                <typo3-backend-localization-button
+                                    class="btn btn-default btn-sm"
+                                    title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:newPageContent_translate')}"
+                                    record-type="pages"
+                                    record-uid="{context.pageId}"
+                                    target-language="{languageColumn.context.siteLanguage.languageId}"
+                                >
+                                    <core:icon identifier="actions-localize" />
+                                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:localize.wizard.button.translate" />
+                                </typo3-backend-localization-button>
+                            </f:if>
+                        </div>
+                    </td>
+                </f:for>
+            </tr>
+            <f:if condition="{context.multiLanguages}">
+                <f:then>
+                    <f:variable name="grid" value="{languageColumns.0.grid}" />
+                    <f:for each="{context.drawingConfiguration.activeColumns}" as="columnNumber">
+                        <tr>
+                            <f:for each="{languageColumns}" as="languageColumn">
+                                <f:variable name="column" value="{be:languageColumn(languageColumn: languageColumn, columnNumber: columnNumber)}" />
+                                <td valign="top"
+                                    data-colpos="{column.columnNumber}" data-language-uid="{column.context.siteLanguage.languageId}"
+                                    class="t3-grid-cell t3-page-column t3js-page-column {f:if(condition: column.identifierCleaned, then: 't3-grid-cell-{column.identifierCleaned}')}">
+                                    <f:alias map="{columnHeaderLevel: 3}">
+                                        <f:render partial="PageLayout/Grid/ColumnHeader" arguments="{_all}" />
+                                    </f:alias>
+                                </td>
+                            </f:for>
+                        </tr>
+                        <f:variable name="column" value="{be:languageColumn(languageColumn: languageColumns.0, columnNumber: columnNumber)}" />
+                        <f:for each="{column.items}" as="gridItem" iteration="itemIterator">
+                            <tr>
+                                <td class="t3-grid-cell t3js-page-column {f:if(condition: column.identifierCleaned, then: 't3-grid-cell-{column.identifierCleaned}')}" valign="top" data-colpos="{column.columnNumber}">
+                                    <f:variable name="column" value="{be:languageColumn(languageColumn: languageColumns.0, columnNumber: columnNumber)}" />
+                                    <f:variable name="item" value="{gridItem}" />
+                                    <f:render partial="PageLayout/Record" arguments="{_all}" />
+                                </td>
+                                <f:for each="{languageColumns}" as="languageColumn">
+                                    <f:if condition="{languageColumn.context.siteLanguage.languageId} > 0">
+                                        <f:variable name="column" value="{be:languageColumn(languageColumn: languageColumn, columnNumber: columnNumber)}" />
+                                        <td class="t3-grid-cell t3js-page-column {f:if(condition: column.identifierCleaned, then: 't3-grid-cell-{column.identifierCleaned}')}" valign="top" data-colpos="{column.columnNumber}">
+                                            <f:variable name="languageId" value="{languageColumn.context.siteLanguage.languageId}" />
+                                            <f:if condition="{languageColumn.translationData.mode} == 'connected'">
+                                                <f:then>
+                                                    <f:if condition="{gridItem.translations.{languageId}}">
+                                                        <f:variable name="item" value="{gridItem.translations.{languageId}}" />
+                                                        <f:render partial="PageLayout/Record" arguments="{_all}" />
+                                                    </f:if>
+                                                </f:then>
+                                                <f:else>
+                                                    <f:if condition="{itemIterator.isFirst}">
+                                                        <f:variable name="languageColumnNonConnected">{languageColumns.{languageId}}</f:variable>
+                                                        <f:variable name="column" value="{be:languageColumn(languageColumn: languageColumnNonConnected, columnNumber: columnNumber)}" />
+                                                        <f:for each="{column.items}" as="item">
+                                                            <f:render partial="PageLayout/Record" arguments="{_all}" />
+                                                        </f:for>
+                                                    </f:if>
+                                                </f:else>
+                                            </f:if>
+                                        </td>
+                                    </f:if>
+                                </f:for>
+                            </tr>
+                        </f:for>
+                    </f:for>
+                </f:then>
+                <f:else>
+                    <f:for each="{context.drawingConfiguration.activeColumns}" as="columnNumber">
+                        <tr>
+                            <f:for each="{languageColumns}" as="languageColumn">
+                                <f:if condition="{languageColumn.grid.columns}">
+                                    <f:variable name="grid" value="{languageColumn.grid}" />
+                                    <f:variable name="column" value="{be:languageColumn(languageColumn: languageColumn, columnNumber: columnNumber)}" />
+                                    <f:render partial="PageLayout/Grid/Column" arguments="{_all}" />
+                                </f:if>
+                            </f:for>
+                        </tr>
+                    </f:for>
+                </f:else>
+            </f:if>
+        </table>
+    </div>
+</div>
+</html>
diff --git a/Resources/Private/Partials/PageLayout/Record.fluid.html b/Resources/Private/Partials/PageLayout/Record.fluid.html
new file mode 100644
index 0000000..3e9888e
--- /dev/null
+++ b/Resources/Private/Partials/PageLayout/Record.fluid.html
@@ -0,0 +1,36 @@
+{f:if(condition: '{item.disabled} && {item.context.drawingConfiguration.showHidden} == 0', then: 'height: 0; display: none;') -> f:variable(name: 'style')}
+<div
+    role="group"
+    aria-labelledby="element-{item.table}-{item.record.uid}-label"
+    class="t3-page-ce {item.wrapperClassName} t3js-page-ce t3js-page-ce-sortable"
+    id="element-{item.table}-{item.record.uid}"
+    data-table="{item.table}"
+    data-uid="{item.record.uid}"
+    data-language-uid="{item.record.languageId}"
+    data-move-element-url="{f:be.uri(route: 'move_element', parameters: '{uid: item.record.uid, originalPid: item.record.pid, expandPage: item.record.pid, returnUrl: context.returnUrl}')}"
+    style="{style}"
+>
+    <span id="element-{item.table}-{item.record.uid}-label" class="visually-hidden">id={item.record.uid} - <f:if condition="{item.record.header}">{item.record.header} - </f:if>{item.contentTypeLabel}</span>
+    <div class="t3-page-ce-element t3-page-ce-dragitem">
+        <f:render partial="PageLayout/Record/{item.record.CType}/Header" arguments="{_all}" optional="1">
+            <f:render partial="PageLayout/RecordDefault/Header" arguments="{_all}" />
+        </f:render>
+        <f:spaceless>
+            <div class="t3-page-ce-body">
+                <f:render partial="PageLayout/RecordDefault/Preview" arguments="{_all}" />
+            </div>
+        </f:spaceless>
+        <f:render partial="PageLayout/Record/{item.record.CType}/Footer" arguments="{_all}" optional="1">
+            <f:render partial="PageLayout/RecordDefault/Footer" arguments="{_all}" />
+        </f:render>
+        <f:if condition="{item.inconsistentLanguage}">
+            <div class="t3-page-ce-footer">
+                <span class="badge badge-warning">{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.inconsistentLanguageWarning')}</span>
+            </div>
+        </f:if>
+    </div>
+    <f:if condition="{allowEditContent} && {item.column.contentEditable} && {column.context.allowNewContent} && {column.active}">
+        <f:render partial="PageLayout/ActionControls" arguments="{item: item, column: column, allowEditContent: allowEditContent, url: item.newContentAfterUrl}" />
+    </f:if>
+    <div class="t3-page-ce-dropzone t3js-page-ce-dropzone-available" hidden></div>
+</div>
diff --git a/Resources/Private/Partials/PageLayout/RecordDefault/Footer.fluid.html b/Resources/Private/Partials/PageLayout/RecordDefault/Footer.fluid.html
new file mode 100644
index 0000000..2f61083
--- /dev/null
+++ b/Resources/Private/Partials/PageLayout/RecordDefault/Footer.fluid.html
@@ -0,0 +1,7 @@
+<f:if condition="{item.footerInfo}">
+    <div class="t3-page-ce-footer">
+        <div class="t3-page-ce-info">
+            {item.footerInfo -> f:format.raw()}
+        </div>
+    </div>
+</f:if>
diff --git a/Resources/Private/Partials/PageLayout/RecordDefault/Header.fluid.html b/Resources/Private/Partials/PageLayout/RecordDefault/Header.fluid.html
new file mode 100644
index 0000000..ae89362
--- /dev/null
+++ b/Resources/Private/Partials/PageLayout/RecordDefault/Header.fluid.html
@@ -0,0 +1,60 @@
+<div class="t3-page-ce-header t3js-page-ce-header" {f:if(condition: '{allowEditContent} && {item.dragAndDropAllowed}', then: 'draggable="true"')}>
+    <div class="t3-page-ce-header-left">
+        {item.icons -> f:format.raw()}
+        <f:if condition="{item.siteLanguage.flagIdentifier}">
+            <span class="t3-page-ce-header-icon-flag t3js-flag">
+                <span class="visually-hidden">{item.siteLanguage.title}</span>
+                <core:icon identifier="{item.siteLanguage.flagIdentifier}" title="{item.siteLanguage.title}" />
+            </span>
+        </f:if>
+    </div>
+    <div class="t3-page-ce-header-title">
+        {item.contentTypeLabel}
+    </div>
+    <div class="t3-page-ce-header-right">
+        <f:if condition="{item.editable} && {allowEditContent}">
+            <div class="btn-toolbar">
+                <div class="btn-group btn-group-sm">
+                    <typo3-backend-contextual-record-edit-trigger
+                        url="{item.contextualEditUrl}"
+                        edit-url="{item.editUrl}"
+                        class="btn btn-sm btn-default btn-borderless"
+                        title="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:edit')}"
+                    >
+                        <core:icon identifier="actions-open" />
+                    </typo3-backend-contextual-record-edit-trigger>
+                    <f:if condition="{item.visibilityToggling}">
+                        <button type="button"
+                            class="btn btn-sm btn-default btn-borderless"
+                            data-action="content-element-visibility-toggle"
+                            title="{item.visibilityToggleTitle}">
+                            <typo3-backend-icon identifier="actions-edit-{item.visibilityToggleIconName}" size="small"></typo3-backend-icon>
+                        </button>
+                    </f:if>
+                    <f:if condition="{item.delible}">
+                        <a class="btn btn-default btn-borderless t3js-modal-trigger"
+                            href="{item.deleteUrl}"
+                            data-severity="warning"
+                            data-title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:label.confirm.delete_record.title')}"
+                            data-content="{item.deleteMessage}"
+                            data-button-close-text="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:cancel')}"
+                            data-button-ok-text="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:delete')}"
+                            title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:deleteItem')}">
+                            <core:icon identifier="actions-edit-delete" size="small" />
+                        </a>
+                    </f:if>
+                    <button type="button"
+                            aria-haspopup="true"
+                            aria-controls="contentMenu0"
+                            aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.contextMenu.open')}"
+                            class="btn btn-sm btn-default btn-borderless"
+                            data-contextmenu-trigger="click"
+                            data-contextmenu-table="{item.table}"
+                            data-contextmenu-uid="{item.record.uid}">
+                        <core:icon identifier="actions-menu-alternative" />
+                    </button>
+                </div>
+            </div>
+        </f:if>
+    </div>
+</div>
diff --git a/Resources/Private/Partials/PageLayout/RecordDefault/Preview.fluid.html b/Resources/Private/Partials/PageLayout/RecordDefault/Preview.fluid.html
new file mode 100644
index 0000000..94104e7
--- /dev/null
+++ b/Resources/Private/Partials/PageLayout/RecordDefault/Preview.fluid.html
@@ -0,0 +1,3 @@
+<f:render partial="PageLayout/Record/{item.record.CType}/Preview" arguments="{_all}" optional="1">
+    {item.preview -> f:format.raw()}
+</f:render>
diff --git a/Resources/Private/Partials/RecordHistory/Diff.fluid.html b/Resources/Private/Partials/RecordHistory/Diff.fluid.html
new file mode 100644
index 0000000..fc4ae65
--- /dev/null
+++ b/Resources/Private/Partials/RecordHistory/Diff.fluid.html
@@ -0,0 +1,30 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<div class="diff">
+    <f:for each="{differences}" as="differencesItem" key="key">
+        <div class="diff-item">
+            <div class="diff-item-title">
+                {differencesItem.title}
+            </div>
+            <div class="diff-item-result"><f:spaceless>
+                <f:format.raw>{differencesItem.result}</f:format.raw>
+            </f:spaceless></div>
+            <f:if condition="{differences -> f:count()} > 1">
+                <div class="diff-item-button col-control nowrap">
+                    <f:if condition="{differencesItem.rollbackUrl}">
+                        <div class="btn-group">
+                            <a href="{differencesItem.rollbackUrl}" class="btn btn-default">
+                                <core:icon identifier="actions-edit-undo" />
+                                {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:revertField')}
+                            </a>
+                        </div>
+                    </f:if>
+                </div>
+            </f:if>
+        </div>
+    </f:for>
+</div>
+</html>
diff --git a/Resources/Private/Partials/RecordHistory/History.fluid.html b/Resources/Private/Partials/RecordHistory/History.fluid.html
new file mode 100644
index 0000000..ddacc77
--- /dev/null
+++ b/Resources/Private/Partials/RecordHistory/History.fluid.html
@@ -0,0 +1,129 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<h2>{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:changes')}</h2>
+
+<f:groupedFor each="{history}" as="historyEntries" groupBy="day" groupKey="day">
+    <h3>{day}</h3>
+    <div class="table-fit">
+        <table class="table table-striped table-hover table-vertical-top">
+            <thead>
+                <tr>
+                    <th class="col-time">{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:time')}</th>
+                    <th colspan="2">{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:user')}</th>
+                    <th colspan="2">{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:column.recordTitle')}</th>
+                    <th class="col-action">{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:column.action')}</th>
+                    <th class="col-differences">{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:differences')}</th>
+                    <th class="col-control nowrap"><span class="visually-hidden">{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels._CONTROL_')}</span></th>
+                </tr>
+            </thead>
+            <tbody>
+                <f:for each="{historyEntries}" as="historyRow">
+                    <tr>
+                        <td class="col-time">
+                            <f:format.date format="H:i:s">{historyRow.timestamp}</f:format.date>
+                        </td>
+                        <td class="col-avatar">
+                            <f:if condition="{historyRow.backendUserUid}">
+                                <be:avatar backendUser="{historyRow.backendUserUid}" showIcon="true" />
+                            </f:if>
+                        </td>
+                        <td class="col-username">
+                            <f:if condition="{historyRow.backendUserUid}">
+                                <f:then>
+                                    <f:if condition="{historyRow.backendUserRealName}">
+                                        <f:then>
+                                            {historyRow.backendUserRealName}
+                                            <div class="text-variant">({f:if(condition: historyRow.backendUserName, then: historyRow.backendUserName, else: '{f:translate(key: \'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:userNotFound\')}')})</div>
+                                        </f:then>
+                                        <f:else>
+                                            {f:if(condition: historyRow.backendUserName, then: historyRow.backendUserName, else: '{f:translate(key: \'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:userNotFound\')}')}
+                                        </f:else>
+                                    </f:if>
+                                </f:then>
+                                <f:else>
+                                    {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:externalChange')}
+                                </f:else>
+                            </f:if>
+                            <f:if condition="{historyRow.originalBackendUserUid}">
+                                <div>({f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:viaUser')} {f:if(condition: historyRow.originalBackendUserName, then: historyRow.originalBackendUserName, else: '{f:translate(key: \'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:userNotFound\')}')})</div>
+                            </f:if>
+                            <f:if condition="{isUserInWorkspace} && {historyRow.isChangedInWorkspace}">
+                                <br>
+                                <span class="text-variant">
+                                    {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:workspace')}
+                                </span>
+                            </f:if>
+                        </td>
+                        <td class="col-icon nowrap">
+                            <span title="id={historyRow.recordUid}">
+                                <core:iconForRecord table="{historyRow.recordTable}" row="{historyRow}" alternativeMarkupIdentifier="inline"  />
+                            </span>
+                        </td>
+                        <td class="col-recordtitle">
+                            {historyRow.title} ({historyRow.recordTable}:{historyRow.recordUid})
+                        </td>
+                        <td class="col-action">
+                            <f:variable name="actionTypeClass">
+                                <f:switch expression="{historyRow.actiontype}">
+                                    <f:case value="1">success</f:case>
+                                    <f:case value="2">warning</f:case>
+                                    <f:case value="3">primary</f:case>
+                                    <f:case value="4">danger</f:case>
+                                    <f:case value="7">info</f:case>
+                                    <f:defaultCase>secondary</f:defaultCase>
+                                </f:switch>
+                            </f:variable>
+                            <span class="badge badge-{actionTypeClass -> f:spaceless()}">
+                                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:historyRow.actiontype.{historyRow.actiontype}" />
+                            </span>
+                        </td>
+                        <td class="col-differences">
+                            <f:if condition="{historyRow.fieldNames}">
+                                {historyRow.fieldNames}
+                            </f:if>
+                            <f:if condition="{historyRow.differences}">
+                                <f:render partial="RecordHistory/Diff" arguments="{differences: historyRow.differences}"/>
+                            </f:if>
+                        </td>
+                        <td class="col-control nowrap">
+                            <div class="btn-group">
+                                <f:if condition="{0:recordTable,1:recordUid} !== {0:historyRow.recordTable,1:historyRow.recordUid}">
+                                    <a
+                                        href="{historyRow.elementUrl}"
+                                        title="{f:translate(id: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:linkRecordHistory')}"
+                                        class="btn btn-default"
+                                    >
+                                        <core:icon identifier="actions-filter" />
+                                    </a>
+                                </f:if>
+                                <f:if condition="{isUserInWorkspace} !== true || {historyRow.isChangedInWorkspace}">
+                                    <f:if condition="{editLock}">
+                                        <f:then>
+                                            <button class="btn btn-default disabled" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:editLockIsActive')}">
+                                                <core:icon identifier="actions-document-history-open" />
+                                            </button>
+                                        </f:then>
+                                        <f:else>
+                                            <a class="btn btn-default" href="{historyRow.diffUrl}" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:sumUpChanges')}">
+                                                <core:icon identifier="actions-document-history-open" />
+                                            </a>
+                                        </f:else>
+                                    </f:if>
+                                </f:if>
+                            </div>
+                        </td>
+                    </tr>
+                </f:for>
+            </tbody>
+        </table>
+    </div>
+</f:groupedFor>
+
+<f:be.infobox state="{f:constant(name: '\TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}">{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:differenceMsg') -> f:format.raw()}</f:be.infobox>
+
+</html>
diff --git a/Resources/Private/Partials/RecordHistory/MultipleDiff.fluid.html b/Resources/Private/Partials/RecordHistory/MultipleDiff.fluid.html
new file mode 100644
index 0000000..b548d75
--- /dev/null
+++ b/Resources/Private/Partials/RecordHistory/MultipleDiff.fluid.html
@@ -0,0 +1,44 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<h2>{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:mergedDifferences')}</h2>
+
+<f:if condition="{revertAllUrl}">
+    <f:then>
+        <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:mergedDifferences.description" /></p>
+
+        <div class="diff-group">
+            <f:for each="{multipleDiff}" as="historyRow">
+                <h3>{historyRow.title}</h3>
+                <div class="row">
+                    <div class="col">
+                        <f:if condition="{historyRow.insertDelete} || {historyRow.fieldNames} || {historyRow.differences -> f:count()}">
+                            <div class="diff-group">
+                                <f:if condition="{historyRow.insertDelete} == 'delete'">
+                                    <p><strong>{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:rollback.plannedAction.delete')}</strong></p>
+                                </f:if>
+                                <f:if condition="{historyRow.insertDelete} == 'insert'">
+                                    <p><strong>{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:rollback.plannedAction.insert')}</strong></p>
+                                </f:if>
+                                <f:if condition="{historyRow.fieldNames}">
+                                    <p>{historyRow.fieldNames}</p>
+                                </f:if>
+                                <f:if condition="{historyRow.differences}">
+                                    <f:render partial="RecordHistory/Diff" arguments="{differences: historyRow.differences}"/>
+                                </f:if>
+                            </div>
+                        </f:if>
+                    </div>
+                </div>
+                <a href="{historyRow.revertRecordUrl}" class="btn btn-default">{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:revertRecord')}</a>
+            </f:for>
+        </div>
+        <a href="{revertAllUrl}" class="btn btn-default">{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:revertAll')}</a>
+    </f:then>
+    <f:else>
+        <p>{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:noDifferences')}</p>
+    </f:else>
+</f:if>
+
+</html>
diff --git a/Resources/Private/Partials/RecordHistory/Settings.fluid.html b/Resources/Private/Partials/RecordHistory/Settings.fluid.html
new file mode 100644
index 0000000..2910050
--- /dev/null
+++ b/Resources/Private/Partials/RecordHistory/Settings.fluid.html
@@ -0,0 +1,39 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<div id="element-history-settings" class="container-settings">
+    <form action="{settingsFormUrl}" name="recordHistorySettingsForm" method="post">
+        <div class="form-row-md">
+            <div class="form-group">
+                <label class="form-label" for="maxSteps"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:maxSteps" /></label>
+                <select class="form-select" id="maxSteps" name="settings[maxSteps]" data-global-event="change" data-action-submit="$form">
+                    <option value="10" {f:if(condition: '{moduleSettings.maxSteps} == 10', then :'selected')}>10</option>
+                    <option value="20" {f:if(condition: '{moduleSettings.maxSteps} == 20', then :'selected')}>20</option>
+                    <option value="50" {f:if(condition: '{moduleSettings.maxSteps} == 50', then :'selected')}>50</option>
+                    <option value="100" {f:if(condition: '{moduleSettings.maxSteps} == 100', then :'selected')}>100</option>
+                    <option value="999" {f:if(condition: '{moduleSettings.maxSteps} == 999', then :'selected')}><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:maxSteps_all" /></option>
+                </select>
+            </div>
+            <div class="form-group">
+                <div class="form-check form-switch form-check-size-input">
+                    <input type="hidden" value="0" name="settings[showDiff]" />
+                    <input type="checkbox" id="showDiff" value="1" name="settings[showDiff]" data-global-event="change" data-action-submit="$form" class="form-check-input" {f:if(condition: '{moduleSettings.showDiff}', then: 'checked')} />
+                    <label class="form-check-label" for="showDiff">
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:showDiff" />
+                    </label>
+                </div>
+            </div>
+            <div class="form-group">
+                <div class="form-check form-switch form-check-size-input">
+                    <input type="hidden" value="0" name="settings[showSubElements]" />
+                    <input type="checkbox" id="showSubElements" value="1" name="settings[showSubElements]" data-global-event="change" data-action-submit="$form" class="form-check-input" {f:if(condition: '{moduleSettings.showSubElements}', then: 'checked')} />
+                    <label class="form-check-label" for="showSubElements">
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:showSubElements" />
+                    </label>
+                </div>
+            </div>
+        </div>
+    </form>
+</div>
+</html>
diff --git a/Resources/Private/Partials/SiteManagement/InvalidSets.fluid.html b/Resources/Private/Partials/SiteManagement/InvalidSets.fluid.html
new file mode 100644
index 0000000..2d1f699
--- /dev/null
+++ b/Resources/Private/Partials/SiteManagement/InvalidSets.fluid.html
@@ -0,0 +1,33 @@
+<f:if condition="{site.invalidSets}">
+    <f:variable name="renderMode">{f:if(condition: '{renderMode} == "infobox"', then: 'infobox', else: 'alert')}</f:variable>
+
+    <f:render section="{renderMode}" arguments="{
+        site: site,
+        title: '{f:translate(key: \'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:error.site.invalidSetDependencies\')}'
+    }"/>
+</f:if>
+
+<f:section name="infobox">
+    <f:be.infobox state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::ERROR')}" title="{title}">
+        <ul class="alert-message">
+            <f:for each="{site.invalidSets}" as="invalidSet">
+                <li><f:translate key="{invalidSet.error.label}" arguments="{0: invalidSet.name, 1: invalidSet.context}"/></li>
+            </f:for>
+        </ul>
+    </f:be.infobox>
+</f:section>
+
+<f:section name="alert">
+    <div class="alert alert-danger mt-2">
+        <div class="alert-inner">
+            <div class="alert-content">
+                <div class="alert-title">{title}</div>
+                <ul class="alert-message">
+                    <f:for each="{site.invalidSets}" as="invalidSet">
+                        <li><f:translate key="{invalidSet.error.label}" arguments="{0: invalidSet.name, 1: invalidSet.context}"/></li>
+                    </f:for>
+                </ul>
+            </div>
+        </div>
+    </div>
+</f:section>
diff --git a/Resources/Private/Partials/ToolbarItems/ToolbarItem.fluid.html b/Resources/Private/Partials/ToolbarItems/ToolbarItem.fluid.html
new file mode 100644
index 0000000..1b0216c
--- /dev/null
+++ b/Resources/Private/Partials/ToolbarItems/ToolbarItem.fluid.html
@@ -0,0 +1,5 @@
+<span class="toolbar-item-icon" title="{f:translate(key: title, default: title)}" aria-hidden="true">{icon -> f:format.raw()}</span>
+<span class="toolbar-item-title">{f:translate(key: title) -> f:format.raw()}</span>
+<f:if condition="{name}">
+    <span class="toolbar-item-name">{name -> f:format.raw()}</span>
+</f:if>
diff --git a/Resources/Private/Templates/About/Index.fluid.html b/Resources/Private/Templates/About/Index.fluid.html
new file mode 100644
index 0000000..45a37f7
--- /dev/null
+++ b/Resources/Private/Templates/About/Index.fluid.html
@@ -0,0 +1,39 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Content">
+
+    <div class="about-module">
+        <f:render partial="About/Logo" arguments="{_all}" />
+
+        <f:for each="{messages}" as="message">
+            <f:be.infobox title="{f:if(condition: message.title, then: message.title, else: '{f:translate(key: \'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:warning.header\')}')}" state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::ERROR')}">
+                <p>{message.message -> f:sanitize.html()}</p>
+            </f:be.infobox>
+        </f:for>
+
+        <f:render partial="About/About" arguments="{_all}" />
+        <f:render partial="About/Modules" arguments="{_all}" />
+
+        <h2><f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:donation.sectionHeadline" /></h2>
+        <f:render partial="About/Donation" arguments="{_all}" />
+        <f:render partial="About/Credits" arguments="{_all}" />
+        <f:render partial="About/CoreTeam" arguments="{_all}" />
+        <f:render partial="About/ExternalLibraries" arguments="{_all}" />
+        <f:render partial="About/Extensions" arguments="{_all}" />
+
+        <p>
+            <em>
+                <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/about.xlf:endText" />
+            </em>
+        </p>
+        <p>{typo3Info.copyrightNotice -> f:format.raw()}</p>
+    </div>
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Backend/Main.fluid.html b/Resources/Private/Templates/Backend/Main.fluid.html
new file mode 100644
index 0000000..e3099c1
--- /dev/null
+++ b/Resources/Private/Templates/Backend/Main.fluid.html
@@ -0,0 +1,86 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:asset.module identifier="@typo3/backend/java-script-module-import-event-handler.js"/>
+<f:asset.module identifier="bootstrap"/>
+<f:asset.module identifier="@typo3/backend/dropdown.js"/>
+<f:asset.module identifier="@typo3/backend/module/router.js"/>
+<f:asset.module identifier="@typo3/backend/viewport/content-navigation.js"/>
+<f:asset.module identifier="@typo3/backend/storage/module-state-storage.js"/>
+<f:asset.module identifier="@typo3/backend/toolbar.js"/>
+<f:asset.module identifier="@typo3/backend/notification.js"/>
+<f:asset.module identifier="@typo3/backend/modal.js"/>
+<f:asset.module identifier="@typo3/backend/info-window.js"/>
+<f:asset.module identifier="@typo3/backend/context-menu.js"/>
+<f:asset.module identifier="@typo3/backend/localization.js"/>
+<f:asset.module identifier="@typo3/backend/global-event-handler.js"/>
+<f:asset.module identifier="@typo3/backend/action-dispatcher.js"/>
+<f:asset.module identifier="@typo3/backend/element/immediate-action-element.js"/>
+<f:asset.module identifier="@typo3/backend/live-search/live-search.js"/>
+<f:asset.module identifier="@typo3/backend/live-search/element/backend-search.js"/>
+<f:asset.module identifier="@typo3/backend/drag-tooltip.js"/>
+
+<div class="scaffold{f:if(condition: '{sidebar.accessible} && {sidebar.expanded}', then: ' scaffold-sidebar-expanded')}{f:if(condition: '{isImpersonated}', then: ' scaffold-in-impersonation')} t3js-scaffold">
+    <div class="scaffold-state t3js-scaffold-state"></div>
+    <div class="scaffold-header t3js-scaffold-header">
+        <f:render partial="Backend/Topbar" arguments="{_all}" />
+    </div>
+    <div class="scaffold-sidebar{f:if(condition: '!{sidebar.accessible}', then: ' scaffold-sidebar-disabled')} t3js-scaffold-sidebar">
+        <f:for each="{sidebar.modules}" as="module">
+            <f:asset.module identifier="{module}"/>
+        </f:for>
+        {sidebar.html -> f:format.raw()}
+    </div>
+    <div class="scaffold-content t3js-scaffold-content">
+        <typo3-backend-content-navigation
+            identifier="backend"
+            navigation-title="{f:translate(key: 'viewport.navigation', domain: 'backend.messages')}"
+            navigation-label-collapse="{f:translate(key: 'viewport.navigation.hide', domain: 'backend.messages')}"
+            navigation-label-expand="{f:translate(key: 'viewport.navigation.show', domain: 'backend.messages')}"
+            navigation-min-width="300"
+            navigation-hidden
+        >
+            <div slot="navigation"></div>
+            <div slot="content">
+                <f:if condition="{workspaceAccessDenied}">
+                    <f:then>
+                        <div class="m-4">
+                            <f:be.infobox
+                                title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:noModuleAccess.workspace.title')}"
+                                message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:noModuleAccess.workspace.message')}"
+                                state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}"
+                            />
+                        </div>
+                    </f:then>
+                    <f:else if="{noModuleAccess}">
+                        <div class="m-4">
+                            <f:be.infobox
+                                title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:noModuleAccess.permissions.title')}"
+                                message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:noModuleAccess.permissions.message')}"
+                                state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}"
+                            />
+                        </div>
+                    </f:else>
+                    <f:else>
+                        <typo3-backend-module-router
+                            module="{startupModule.0}"
+                            endpoint="{startupModule.1}"
+                            state-tracker="{stateTracker}"
+                            sitename="{sitename}"
+                            {f:if(condition: sitenameFirstInBackendTitle, then: 'sitename-first')}
+                        entry-point="{entryPoint}"
+                        ></typo3-backend-module-router>
+                    </f:else>
+                </f:if>
+            </div>
+        </typo3-backend-content-navigation>
+    </div>
+    <div class="scaffold-overlay"></div>
+</div>
+
+<typo3-backend-drag-tooltip></typo3-backend-drag-tooltip>
+<typo3-backend-context-menu></typo3-backend-context-menu>
+
+</html>
diff --git a/Resources/Private/Templates/Backend/ModuleMenu.fluid.html b/Resources/Private/Templates/Backend/ModuleMenu.fluid.html
new file mode 100644
index 0000000..2a97c30
--- /dev/null
+++ b/Resources/Private/Templates/Backend/ModuleMenu.fluid.html
@@ -0,0 +1,6 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<f:render partial="Backend/ModuleMenu" arguments="{modules: modules, modulesInformation: modulesInformation}" />
+</html>
diff --git a/Resources/Private/Templates/Backend/Topbar.fluid.html b/Resources/Private/Templates/Backend/Topbar.fluid.html
new file mode 100644
index 0000000..33cd55d
--- /dev/null
+++ b/Resources/Private/Templates/Backend/Topbar.fluid.html
@@ -0,0 +1,6 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<f:render partial="Backend/Topbar" arguments="{_all}" />
+</html>
diff --git a/Resources/Private/Templates/ColumnSelector.fluid.html b/Resources/Private/Templates/ColumnSelector.fluid.html
new file mode 100644
index 0000000..ec5d28a
--- /dev/null
+++ b/Resources/Private/Templates/ColumnSelector.fluid.html
@@ -0,0 +1,84 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<form id="columnSelectorForm">
+
+    <div class="sticky-form-actions">
+        <label
+            for="columns-filter-input"
+            class="visually-hidden"
+        >
+            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_column_selector.xlf:columnsFilter" />
+        </label>
+        <input
+            type="search"
+            autocomplete="off"
+            id="columns-filter-input"
+            name="columns-filter"
+            class="form-control"
+            value=""
+            placeholder="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.enterSearchString')}"
+        >
+        <div class="btn-group t3js-column-selector-actions">
+            <button type="button" class="btn btn-default disabled" data-action="select-all">
+                <core:icon identifier="actions-check-square"/> <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.checkAll" />
+            </button>
+            <button type="button" class="btn btn-default disabled" data-action="select-none">
+                <core:icon identifier="actions-square"/> <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.uncheckAll" />
+            </button>
+            <button type="button" class="btn btn-default" data-action="select-toggle">
+                <core:icon identifier="actions-document-select"/> <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.toggleSelection" />
+            </button>
+        </div>
+    </div>
+
+    <div class="row">
+        <f:for each="{columns}" as="column">
+            <div class="col-6 t3js-column-selector-container">
+                <div class="mt-2 form-check form-check-type-icon-toggle {f:if(condition: column.disabled, then: 'disabled')}">
+                    <input
+                        type="checkbox"
+                        id="select-column-{table}-{column.name}"
+                        name="selectedColumns[]"
+                        class="form-check-input t3js-column-selector"
+                        value="{column.name}"
+                        {f:if(condition:'{column.selected}', then:' checked')}
+                        {f:if(condition:'{column.disabled}', then: 'disabled')}
+                    />
+                    <label class="form-check-label" for="select-column-{table}-{column.name}">
+                        <span class="form-check-label-icon">
+                            <span class="form-check-label-icon-checked">
+                                <core:icon identifier="actions-check" size="small" alternativeMarkupIdentifier="inline" />
+                            </span>
+                            <span class="form-check-label-icon-unchecked">
+                                <core:icon identifier="miscellaneous-placeholder" size="small" alternativeMarkupIdentifier="inline" />
+                            </span>
+                        </span>
+                        <f:if condition="{column.pseudo} && {column.label}">
+                            <f:then>
+                                <span><i>{column.label}</i></span>
+                            </f:then>
+                            <f:else>
+                                <f:if condition="{column.label}">
+                                    <span>{column.label}</span>
+                                </f:if>
+                                <span class="text-variant">[{column.name}]</span>
+                            </f:else>
+                        </f:if>
+                    </label>
+                </div>
+                <f:if condition="{column.disabled}">
+                    <input type="hidden" name="selectedColumns[]" value="{column.name}" />
+                </f:if>
+            </div>
+        </f:for>
+    </div>
+
+    <input type="hidden" name="table" value="{table}">
+
+</form>
+
+</html>
diff --git a/Resources/Private/Templates/ContentElement/ElementInformation.fluid.html b/Resources/Private/Templates/ContentElement/ElementInformation.fluid.html
new file mode 100644
index 0000000..4ac74c8
--- /dev/null
+++ b/Resources/Private/Templates/ContentElement/ElementInformation.fluid.html
@@ -0,0 +1,320 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Before">
+    <f:asset.module identifier="@typo3/backend/utility/collapse-state-persister.js"/>
+</f:section>
+
+<f:section name="Content">
+    <f:if condition="{accessAllowed}">
+        <f:then>
+            <f:if condition="{hookContent}">
+                <f:then>
+                    <f:format.raw>{hookContent}</f:format.raw>
+                </f:then>
+                <f:else>
+                    <f:render section="nativeContent" arguments="{_all}" />
+                </f:else>
+            </f:if>
+        </f:then>
+        <f:else>
+            <f:be.infobox state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::ERROR')}">{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.noEditPermission')}</f:be.infobox>
+        </f:else>
+    </f:if>
+</f:section>
+
+<f:section name="nativeContent">
+    <div class="card-container">
+        <div class="card card-size-medium">
+            <div class="card-header">
+                <div class="card-icon">
+                    {icon -> f:format.raw()}
+                </div>
+                <div class="card-header-body">
+                    <h2 class="card-title">{title -> f:format.crop(maxCharacters: maxTitleLength)}<f:if condition="{extraFields.uid.value}"><code>[{extraFields.uid.value}]</code></f:if></h2>
+                    <f:if condition="{table}">
+                        <span class="card-subtitle">{table}</span>
+                    </f:if>
+                </div>
+            </div>
+            <div class="card-body">
+                <div class="row">
+                    <f:for each="{extraFields}" as="extraField">
+                        <f:if condition="{extraField.isDatetime}">
+                            <div class="col-md-6">
+                                <strong>{extraField.fieldLabel}</strong><br>
+                                {extraField.value}
+                            </div>
+                        </f:if>
+                    </f:for>
+                </div>
+                <f:if condition="{extraFields.creatorRecord}">
+                    <div class="row mt-3">
+                        <div class="col-md-12">
+                            <strong>{extraFields.creatorRecord.fieldLabel}</strong>
+                        </div>
+                        <div class="col-md-12">
+                            <div class="media">
+                                <div class="media-left">
+                                    <be:avatar backendUser="{extraFields.creatorRecord.value.uid}" showIcon="true" />
+                                </div>
+                                <div class="media-body">
+                                    <f:if condition="{extraFields.creatorRecord.value.realName}">
+                                        <f:then>{extraFields.creatorRecord.value.realName}<br>({extraFields.creatorRecord.value.username})</f:then>
+                                        <f:else>{extraFields.creatorRecord.value.username}</f:else>
+                                    </f:if>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </f:if>
+            </div>
+        </div>
+    </div>
+
+    <f:if condition="{missingFile}">
+        <f:be.infobox title="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:warning.file_missing')}" state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}">{missingFile}</f:be.infobox>
+    </f:if>
+    <f:if condition="{fileRenderer}">
+        <p>
+            {fileRenderer -> f:format.raw()}
+        </p>
+    </f:if>
+    <f:if condition="{fileObject}">
+        <p>
+            <f:media file="{fileObject}" width="{width}" height="{height}" />
+        </p>
+    </f:if>
+    <f:if condition="{url}">
+        <p>
+            <a class="btn btn-default" href="{url}" target="_blank" title="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.show')}">
+                <core:icon identifier="actions-document-view" size="small" alternativeMarkupIdentifier="inline" />
+                <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.show" />
+            </a>
+            <f:if condition="{editMetadataUrl}">
+                <a class="btn btn-default" href="{editMetadataUrl}" title="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.editMetadata')}">
+                    <core:icon identifier="actions-file-edit" size="small" alternativeMarkupIdentifier="inline" />
+                    <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.editMetadata" />
+                </a>
+            </f:if>
+        </p>
+    </f:if>
+
+    <h2><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.general" /></h2>
+    <div class="panel panel-default">
+        <div class="panel-heading" role="tab">
+            <div class="panel-heading-row">
+                <button
+                    class="panel-button collapsed"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#fieldValues-panel"
+                    aria-controls="fieldValues-panel"
+                    aria-expanded="false"
+                >
+                    <div class="panel-title">
+                        <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.fieldValues" />
+                    </div>
+                    <span class="caret"></span>
+                </button>
+            </div>
+        </div>
+        <div id="fieldValues-panel" class="panel-collapse collapse" data-persist-collapse-state="true" role="tabpanel">
+            <div class="table-fit table-fit-wrap">
+                <table class="table table-striped table-hover">
+                    <tbody>
+                        <f:for each="{fields}" as="field">
+                            <tr>
+                                <th class="col-fieldname">{field.fieldLabel}</th>
+                                <td class="col-word-break">{field.fieldValue}</td>
+                            </tr>
+                        </f:for>
+                    </tbody>
+                </table>
+            </div>
+        </div>
+    </div>
+
+    <f:if condition="{returnUrl}">
+        <a class="btn btn-primary" href="{returnUrl}" title="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:back')}">
+            <core:icon identifier="actions-view-go-back" size="small" />
+            <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:back" />
+        </a>
+    </f:if>
+
+    <f:if condition="{refLines} || {refFromLines}">
+        <h2><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.references" /></h2>
+    </f:if>
+
+    <f:if condition="{refLines}">
+        <div class="panel panel-default">
+            <div class="panel-heading" role="tab">
+                <div class="panel-heading-row">
+                    <button
+                        class="panel-button collapsed"
+                        type="button"
+                        data-bs-toggle="collapse"
+                        data-bs-target="#referencesToThisItem-panel"
+                        aria-controls="referencesToThisItem-panel"
+                        aria-expanded="false"
+                    >
+                        <div class="panel-title">
+                            <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.referencesToThisItem" />
+                        </div>
+                        <span class="caret"></span>
+                    </button>
+                </div>
+            </div>
+            <div id="referencesToThisItem-panel" class="panel-collapse collapse" data-persist-collapse-state="true" role="tabpanel">
+                <div class="table-fit">
+                    <table class="table table-striped table-hover">
+                        <thead>
+                            <tr>
+                                <th class="col-icon"></th>
+                                <th class="col-recordtitle"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.title" /></th>
+                                <th><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.table" /></th>
+                                <th><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.uid" /></th>
+                                <th><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.field" /></th>
+                                <th><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.flexpointer" /></th>
+                                <th><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.softrefKey" /></th>
+                                <th><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.sorting" /></th>
+                                <th class="col-control"></th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <f:for each="{refLines}" as="refLine">
+                                <f:render section="refLineRow" arguments="{line: refLine, maxTitleLength: maxTitleLength}" />
+                            </f:for>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </f:if>
+
+    <f:if condition="{refFromLines}">
+        <div class="panel panel-default">
+            <div class="panel-heading" role="tab">
+                <div class="panel-heading-row">
+                    <button
+                        class="panel-button collapsed"
+                        type="button"
+                        data-bs-toggle="collapse"
+                        data-bs-target="#referencesFromThisItem-panel"
+                        aria-controls="referencesFromThisItem-panel"
+                        aria-expanded="false"
+                    >
+                        <div class="panel-title">
+                            <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.referencesFromThisItem" />
+                        </div>
+                        <span class="caret"></span>
+                    </button>
+                </div>
+            </div>
+            <div id="referencesFromThisItem-panel" class="panel-collapse collapse" data-persist-collapse-state="true" role="tabpanel">
+                <div class="table-fit">
+                    <table class="table table-striped table-hover">
+                        <thead>
+                            <tr>
+                                <th class="col-icon"></th>
+                                <th class="col-recordtitle"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.title" /></th>
+                                <th><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.table" /></th>
+                                <th><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.uid" /></th>
+                                <th><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.field" /></th>
+                                <th><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.flexpointer" /></th>
+                                <th><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.softrefKey" /></th>
+                                <th><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.sorting" /></th>
+                                <th><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.refString" /></th>
+                                <th class="col-control"></th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <f:for each="{refFromLines}" as="refFromLine">
+                                <f:render section="refFromLineRow" arguments="{line: refFromLine, maxTitleLength: maxTitleLength}" />
+                            </f:for>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </f:if>
+</f:section>
+
+<f:section name="refLineRow">
+    <tr>
+        <f:if condition="{line.record}">
+            <f:then>
+                <td class="col-icon"><a href="{line.url}" title="id={line.record.uid}">{line.icon -> f:format.raw()}</a></td>
+                <td class="col-recordtitle"><a href="{line.url}" title="{line.recordTitle}">{line.recordTitle -> f:format.crop(maxCharacters: maxTitleLength)}</a></td>
+                <td>{line.title}</td>
+                <td>{line.record.uid}</td>
+            </f:then>
+            <f:else>
+                <td class="col-icon"><core:icon identifier="default-not-found" size="small" /></td>
+                <td class="col-recordtitle"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.missing_record" /></td>
+                <td>{line.row.title}</td>
+                <td>{line.row.recuid}</td>
+            </f:else>
+        </f:if>
+        <td>{line.labelForTableColumn}</td>
+        <td>{line.row.flexpointer}</td>
+        <td>{line.row.softref_key}</td>
+        <td>{line.row.sorting}</td>
+        <td class="col-control">
+            <f:render section="action" arguments="{line: line.actions}" />
+        </td>
+    </tr>
+</f:section>
+
+<f:section name="refFromLineRow">
+    <tr>
+        <f:if condition="{line.record}">
+            <f:then>
+                <td class="col-icon"><a href="{line.url}" title="id={line.record.uid}">{line.icon -> f:format.raw()}</a></td>
+                <td class="col-recordtitle"><a href="{line.url}" title="{line.recordTitle}">{line.recordTitle -> f:format.crop(maxCharacters: maxTitleLength)}</a></td>
+                <td>{line.title}</td>
+                <td>{line.row.ref_uid}</td>
+            </f:then>
+            <f:else>
+                <td class="col-icon"><core:icon identifier="default-not-found" size="small" /></td>
+                <td class="col-recordtitle"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:show_item.php.missing_record" /></td>
+                <td>{line.row.title}</td>
+                <td>{line.row.recuid}</td>
+            </f:else>
+        </f:if>
+        <td>{line.labelForTableColumn}</td>
+        <td>{line.row.flexpointer}</td>
+        <td>{line.row.softref_key}</td>
+        <td>{line.row.sorting}</td>
+        <td>{line.row.ref_string}</td>
+        <td class="col-control">
+            <f:render section="action" arguments="{line: line.actions}" />
+        </td>
+    </tr>
+</f:section>
+
+<f:section name="action">
+    <div class="btn-group" role="group">
+        <f:if condition="{line.recordsModuleUrl}">
+            <button class="btn btn-default" {f:if(condition: line.previewUrlAttributes, then: '{line.previewUrlAttributes -> f:format.raw()}', else: 'disabled="true"')} title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.showPage')}">
+                <core:icon identifier="actions-view-page" size="small" />
+            </button>
+        </f:if>
+        <a class="btn btn-default{f:if(condition: '!{line}', then: ' disabled')}" href="{line.recordEditUrl}" title="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.edit')}">
+            <core:icon identifier="actions-open" size="small" />
+        </a>
+    </div>
+    <div class="btn-group" role="group">
+        <a class="btn btn-default{f:if(condition: '!{line}', then: ' disabled')}" href="{line.recordHistoryUrl}" title="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.history')}">
+            <core:icon identifier="actions-document-history-open" size="small" />
+        </a>
+    </div>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/ContentElement/MoveElement.fluid.html b/Resources/Private/Templates/ContentElement/MoveElement.fluid.html
new file mode 100644
index 0000000..efcf9f6
--- /dev/null
+++ b/Resources/Private/Templates/ContentElement/MoveElement.fluid.html
@@ -0,0 +1,37 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="ContentElement/MoveElementLayout" />
+
+<f:section name="Content">
+    <h2>
+        <f:translate key="LLL:EXT:backend/Resources/Private/Language/Wizards/move_content_elements.xlf:headline.{f:if(condition: makeCopyChecked, then: 'copy', else: 'move')}" arguments="{0: recordTitle, 1: record.uid}" />
+    </h2>
+    <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/Wizards/move_content_elements.xlf:currentPath" /> {pageInfo._thePathFull}</p>
+    <input type="hidden" name="elementRecordTitle" id="elementRecordTitle" value="{recordTitle}" />
+    <input type="hidden" name="pageRecordTitle" id="pageRecordTitle" value="{pageRecord.recordTitle}" />
+    <input type="hidden" name="pageUid" id="pageUid" value="{pageInfo.uid}" />
+
+    <div class="form-row">
+        <div class="form-check form-switch">
+            <input type="checkbox" name="makeCopy" id="makeCopy" value="1" {f:if(condition: makeCopyChecked, then: 'checked')} class="form-check-input">
+            <label for="makeCopy" class="form-check-label"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:makeCopy" /></label>
+        </div>
+    </div>
+
+    <div class="page-position-map">
+        <div class="page-position-info">
+            <f:if condition="{pageInfo}">
+                <span title="{pageRecord.recordTooltip}"><core:iconForRecord table="pages" row="{pageInfo}" /></span>
+            </f:if>
+            <strong>{pageRecord.recordTitle}</strong>
+        </div>
+        {contentElementColumns -> f:format.raw()}
+    </div>
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Dummy/Index.fluid.html b/Resources/Private/Templates/Dummy/Index.fluid.html
new file mode 100644
index 0000000..e93886b
--- /dev/null
+++ b/Resources/Private/Templates/Dummy/Index.fluid.html
@@ -0,0 +1,14 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Content">
+
+    <f:comment>Deliberately empty</f:comment>
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/ElementBrowser/Page.fluid.html b/Resources/Private/Templates/ElementBrowser/Page.fluid.html
new file mode 100644
index 0000000..69fb720
--- /dev/null
+++ b/Resources/Private/Templates/ElementBrowser/Page.fluid.html
@@ -0,0 +1,30 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="{f:if(condition: treeEnabled, then: 'ElementBrowserWithNavigation', else: 'ElementBrowser')}" />
+
+<f:section name="Navigation">
+    <f:if condition="{tree}">
+        <f:then>
+            <div class="element-browser-body">
+                {tree -> f:format.raw()}
+            </div>
+        </f:then>
+        <f:else>
+            <typo3-backend-component-page-browser
+                tree-actions="{treeActions -> f:format.json()}"
+                active-page="{activePage}"
+            >
+            </typo3-backend-component-page-browser>
+        </f:else>
+    </f:if>
+</f:section>
+
+<f:section name="Content">
+    <f:flashMessages queueIdentifier="core.template.flashMessages"/>
+    <f:format.raw>{content}</f:format.raw>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Email/Mfa/FailedMfaNotification.fluid.html b/Resources/Private/Templates/Email/Mfa/FailedMfaNotification.fluid.html
new file mode 100644
index 0000000..00a7b0f
--- /dev/null
+++ b/Resources/Private/Templates/Email/Mfa/FailedMfaNotification.fluid.html
@@ -0,0 +1,43 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<f:layout name="SystemEmail" />
+
+<f:section name="Subject">Attempted login using incorrect multi-factor authentication at "{typo3.sitename}"</f:section>
+<f:section name="Title">Attempted login using incorrect multi-factor authentication</f:section>
+<f:section name="Main">
+    <p>
+        TYPO3 detected a login attempt to your TYPO3 backend account using incorrect multi-factor authentication.
+    </p>
+    <table cellpadding="3">
+        <tr>
+            <td>Sitename:</td>
+            <td>{typo3.sitename} ({normalizedParams.httpHost})</td>
+        </tr>
+        <tr>
+            <td>IP Address:</td>
+            <td>{normalizedParams.remoteAddress}</td>
+        </tr>
+        <tr>
+            <td>Time:</td>
+            <td><f:format.date date="now"/> <f:format.date date="now" format="H:i:s T"/></td>
+        </tr>
+        <tr>
+            <td>MFA provider:</td>
+            <td>{f:translate(key: provider.title, default: provider.title)}</td>
+        </tr>
+    </table>
+    <p>
+        If you recently tried to sign in, but mistakenly used incorrect multi-factor authentication,
+        you can ignore this email.
+    </p>
+    <p>
+        If you did not recently try to sign in, you should immediately change your password and verify your account
+        settings for any unauthorized changes.
+    </p>
+    <p>
+        Contact your TYPO3 administrator if you notice suspicious activity.
+    </p>
+</f:section>
+</html>
diff --git a/Resources/Private/Templates/Email/Mfa/FailedMfaNotification.fluid.txt b/Resources/Private/Templates/Email/Mfa/FailedMfaNotification.fluid.txt
new file mode 100644
index 0000000..cc3057b
--- /dev/null
+++ b/Resources/Private/Templates/Email/Mfa/FailedMfaNotification.fluid.txt
@@ -0,0 +1,19 @@
+<f:layout name="SystemEmail" />
+
+<f:section name="Subject">Attempted login using incorrect multi-factor authentication at "{typo3.sitename}"</f:section>
+<f:section name="Title">Attempted login using incorrect multi-factor authentication</f:section>
+<f:section name="Main">
+TYPO3 detected a login attempt to your TYPO3 backend account using incorrect multi-factor authentication.
+
+Sitename: {typo3.sitename} ({normalizedParams.httpHost})
+IP Address: {normalizedParams.remoteAddress}
+Time: <f:format.date date="now"/> <f:format.date date="now" format="H:i:s T"/>
+MFA provider: {f:translate(key: provider.title, default: provider.title)}
+
+If you recently tried to sign in, but mistakenly used incorrect multi-factor authentication, you can ignore this email.
+
+If you did not recently try to sign in, you should immediately change your password and verify your account
+settings for any unauthorized changes.
+
+Contact your TYPO3 administrator if you notice suspicious activity.
+</f:section>
diff --git a/Resources/Private/Templates/Email/PasswordReset/AmbiguousResetRequested.fluid.html b/Resources/Private/Templates/Email/PasswordReset/AmbiguousResetRequested.fluid.html
new file mode 100644
index 0000000..2063cfb
--- /dev/null
+++ b/Resources/Private/Templates/Email/PasswordReset/AmbiguousResetRequested.fluid.html
@@ -0,0 +1,10 @@
+<f:layout name="SystemEmail" />
+<f:section name="Subject">Password reset requested at "{typo3.sitename}"</f:section>
+<f:section name="Title">Your email address was used to trigger a password reset</f:section>
+<f:section name="Main">
+    <p>
+        Unfortunately, we are unable to reset your password because your email address "{email}" is used for multiple backend user accounts at the TYPO3 instance "{typo3.sitename}".
+        Please ask your administrator to generate a new password for you.
+    </p>
+    <f:render partial="Email/PasswordReset/ClosingParagraph" arguments="{normalizedParams: normalizedParams}" />
+</f:section>
diff --git a/Resources/Private/Templates/Email/PasswordReset/AmbiguousResetRequested.fluid.txt b/Resources/Private/Templates/Email/PasswordReset/AmbiguousResetRequested.fluid.txt
new file mode 100644
index 0000000..c8a04ab
--- /dev/null
+++ b/Resources/Private/Templates/Email/PasswordReset/AmbiguousResetRequested.fluid.txt
@@ -0,0 +1,9 @@
+<f:layout name="SystemEmail" />
+<f:section name="Subject">Password reset requested at "{typo3.sitename}"</f:section>
+<f:section name="Title">Your email address was used to trigger a password reset</f:section>
+<f:section name="Main">
+Unfortunately, we are unable to reset your password because your email address "{email}" is used for multiple backend user accounts at the TYPO3 instance "{typo3.sitename}".
+Please ask your administrator to generate a new password for you.
+
+<f:render partial="Email/PasswordReset/ClosingParagraph" arguments="{normalizedParams: normalizedParams}" />
+</f:section>
diff --git a/Resources/Private/Templates/Email/PasswordReset/ResetRequested.fluid.html b/Resources/Private/Templates/Email/PasswordReset/ResetRequested.fluid.html
new file mode 100644
index 0000000..41dd6cb
--- /dev/null
+++ b/Resources/Private/Templates/Email/PasswordReset/ResetRequested.fluid.html
@@ -0,0 +1,13 @@
+<f:layout name="SystemEmail" />
+<f:section name="Subject">Password reset requested at "{typo3.sitename}"</f:section>
+<f:section name="Title">Your email address was used to trigger a password reset</f:section>
+<f:section name="Main">
+    <p>
+        Follow the link below to reset your backend user password at &quot;{typo3.sitename}&quot; (this link expires in 2 hours).
+        <f:if condition="{username}">Your username is: <strong>{username}</strong></f:if>
+    </p>
+    <p>
+        <a href="{resetLink}">Reset password</a>
+    </p>
+    <f:render partial="Email/PasswordReset/ClosingParagraph" arguments="{normalizedParams: normalizedParams}" />
+</f:section>
diff --git a/Resources/Private/Templates/Email/PasswordReset/ResetRequested.fluid.txt b/Resources/Private/Templates/Email/PasswordReset/ResetRequested.fluid.txt
new file mode 100644
index 0000000..4ff91e3
--- /dev/null
+++ b/Resources/Private/Templates/Email/PasswordReset/ResetRequested.fluid.txt
@@ -0,0 +1,11 @@
+<f:layout name="SystemEmail" />
+<f:section name="Subject">Password reset requested at "{typo3.sitename}"</f:section>
+<f:section name="Title">Your email address was used to trigger a password reset</f:section>
+<f:section name="Main">
+Follow the link below to reset your backend user password at "{typo3.sitename}" (this link expires in 2 hours).
+<f:if condition="{username}">Your username is: {username}</f:if>
+
+{resetLink -> f:format.raw()}
+
+<f:render partial="Email/PasswordReset/ClosingParagraph" arguments="{normalizedParams: normalizedParams}" />
+</f:section>
diff --git a/Resources/Private/Templates/Email/Security/LoginAttemptFailedWarning.fluid.html b/Resources/Private/Templates/Email/Security/LoginAttemptFailedWarning.fluid.html
new file mode 100644
index 0000000..4cc40a8
--- /dev/null
+++ b/Resources/Private/Templates/Email/Security/LoginAttemptFailedWarning.fluid.html
@@ -0,0 +1,11 @@
+<f:layout name="SystemEmail" />
+<f:section name="Subject">TYPO3 Login Failure Warning (at {typo3.sitename})</f:section>
+<f:section name="Title">TYPO3 Login Failure Warning at {typo3.sitename}</f:section>
+<f:section name="Main">
+    <strong>There have been some attempts ({lines -> f:count()}) to login at the TYPO3 site "{typo3.sitename}" (<strong>{normalizedParams.remoteAddress}</strong>).</strong>
+    <br><br>
+    This is a dump of the failures:<br>
+<f:for each="{lines}" as="line">
+    {f:format.date(date:line.row.tstamp, format:'{typo3.formats.date} {typo3.formats.time}')}: {line.text}<br>
+</f:for>
+</f:section>
diff --git a/Resources/Private/Templates/Email/Security/LoginAttemptFailedWarning.fluid.txt b/Resources/Private/Templates/Email/Security/LoginAttemptFailedWarning.fluid.txt
new file mode 100644
index 0000000..2247fe6
--- /dev/null
+++ b/Resources/Private/Templates/Email/Security/LoginAttemptFailedWarning.fluid.txt
@@ -0,0 +1,9 @@
+<f:layout name="SystemEmail" />
+<f:section name="Subject">TYPO3 Login Failure Warning (at {typo3.sitename})</f:section>
+<f:section name="Title">TYPO3 Login Failure Warning at {typo3.sitename}</f:section>
+<f:section name="Main">There have been some attempts ({lines -> f:count()}) to login at the TYPO3 site "{typo3.sitename}" ({normalizedParams.remoteAddress}).
+
+This is a dump of the failures:
+<f:for each="{lines}" as="line">{f:format.date(date:line.row.tstamp, format:'{typo3.formats.date} {typo3.formats.time}')}: {line.text -> f:format.raw()}
+</f:for>
+</f:section>
diff --git a/Resources/Private/Templates/Email/Security/LoginNotification.fluid.html b/Resources/Private/Templates/Email/Security/LoginNotification.fluid.html
new file mode 100644
index 0000000..36e8c2d
--- /dev/null
+++ b/Resources/Private/Templates/Email/Security/LoginNotification.fluid.html
@@ -0,0 +1,7 @@
+<f:layout name="SystemEmail" />
+<f:section name="Subject">{prefix} New Login at "{typo3.sitename}"</f:section>
+<f:section name="Title">{headline}</f:section>
+<f:section name="Main">
+    <h4>{introduction}</h4>
+    <p>The user <em>"{user.username}"</em> logged in from the IP address <strong>{normalizedParams.remoteAddress}</strong> at "{typo3.sitename}".</p>
+</f:section>
diff --git a/Resources/Private/Templates/Email/Security/LoginNotification.fluid.txt b/Resources/Private/Templates/Email/Security/LoginNotification.fluid.txt
new file mode 100644
index 0000000..0041e8a
--- /dev/null
+++ b/Resources/Private/Templates/Email/Security/LoginNotification.fluid.txt
@@ -0,0 +1,6 @@
+<f:layout name="SystemEmail" />
+<f:section name="Subject">{prefix} New Login at "{typo3.sitename}"</f:section>
+<f:section name="Title">{headline}</f:section>
+<f:section name="Main">{introduction}
+The user "{user.username}" logged in from the IP address "{normalizedParams.remoteAddress}" at the site "{typo3.sitename}".
+</f:section>
diff --git a/Resources/Private/Templates/Form/ContextualRecordEdit.fluid.html b/Resources/Private/Templates/Form/ContextualRecordEdit.fluid.html
new file mode 100644
index 0000000..ab35641
--- /dev/null
+++ b/Resources/Private/Templates/Form/ContextualRecordEdit.fluid.html
@@ -0,0 +1,39 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<div class="module contextual-record-edit" data-module-id="{moduleId}" data-module-name="{moduleName}">
+    <div class="contextual-record-edit-header">
+        <div class="contextual-record-edit-title-group">
+            <span class="contextual-record-edit-title">{recordTitle}</span>
+            <f:if condition="{fullEditUrl}">
+                <a href="{fullEditUrl}" class="btn btn-default btn-borderless t3js-contextual-fullscreen" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_alt_doc.xlf:openFullEditView')}">
+                    <core:icon identifier="actions-expand" size="small" />
+                </a>
+            </f:if>
+        </div>
+        <div class="contextual-record-edit-actions">
+            <button type="submit" name="_savedok" value="1" form="ContextualRecordEditController" class="btn btn-primary">
+                <core:icon identifier="actions-document-save" size="small" />
+                <span class="contextual-record-edit-button-label"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:save" /></span>
+            </button>
+            <button type="button" class="btn btn-default t3js-contextual-close">
+                <core:icon identifier="actions-close" size="small" />
+                <span class="contextual-record-edit-button-label"><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:close" /></span>
+            </button>
+        </div>
+    </div>
+    <div class="module-body contextual-record-edit-body t3js-module-body">
+        <f:if condition="{uiBlock}">
+            <div id="t3js-ui-block" class="ui-block">
+                <core:icon identifier="spinner-circle" size="large" />
+            </div>
+        </f:if>
+        <f:flashMessages queueIdentifier="{flashMessageQueueIdentifier}" />
+        <f:format.raw>{bodyHtml}</f:format.raw>
+    </div>
+</div>
+
+</html>
diff --git a/Resources/Private/Templates/Form/EditDocument.fluid.html b/Resources/Private/Templates/Form/EditDocument.fluid.html
new file mode 100644
index 0000000..f1c265d
--- /dev/null
+++ b/Resources/Private/Templates/Form/EditDocument.fluid.html
@@ -0,0 +1,27 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Content">
+
+    <f:asset.module identifier="@typo3/backend/context-menu.js"/>
+    <f:asset.module identifier="@typo3/backend/localization.js"/>
+
+    <f:if condition="{moduleContext} != '' && {moduleContextId} != ''">
+        <f:asset.module identifier="@typo3/backend/element/immediate-action-element.js"/>
+
+        <f:variable name="immediateActionArgs" value="{0: moduleContext, 1: moduleContextId}" />
+        <typo3-immediate-action
+            action="TYPO3.Backend.Storage.ModuleStateStorage.update"
+            args="{immediateActionArgs -> f:format.json() -> f:format.htmlspecialchars()}"
+        ></typo3-immediate-action>
+    </f:if>
+
+    <f:format.raw>{bodyHtml}</f:format.raw>
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Form/FilesControlContainer.fluid.html b/Resources/Private/Templates/Form/FilesControlContainer.fluid.html
new file mode 100644
index 0000000..459cded
--- /dev/null
+++ b/Resources/Private/Templates/Form/FilesControlContainer.fluid.html
@@ -0,0 +1,58 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<f:format.raw>{fieldInformation}</f:format.raw>
+<typo3-formengine-container-inline {webComponentAttributes -> f:format.raw()}>
+    <div class="form-group t3js-formengine-validation-marker t3js-inline-controls">
+        <f:for each="{fileSelectors}" as="fileSelector">
+            {fileSelector -> f:format.raw()}
+        </f:for>
+        <f:if condition="{allowedFileExtensions}">
+            <f:then>
+                <div class="form-text mt-2">
+                    <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.allowedFileExtensions"/>
+                    <ul class="badge-list">
+                        <f:for each="{allowedFileExtensions}" as="allowedFileExtension">
+                            <li><span class="badge badge-secondary">{allowedFileExtension}</span></li>
+                        </f:for>
+                    </ul>
+                </div>
+            </f:then>
+            <f:else if="{disallowedFileExtensions}">
+                <div class="form-text mt-2">
+                    <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:cm.disallowedFileExtensions"/>
+                    <ul class="badge-list">
+                        <f:for each="{disallowedFileExtensions}" as="disallowedFileExtension">
+                            <li><span class="badge badge-danger">{disallowedFileExtension}</span></li>
+                        </f:for>
+                    </ul>
+                </div>
+            </f:else>
+        </f:if>
+    </div>
+    <f:if condition="{showAllLocalizationLink}">
+        <button type="button" class="btn btn-default t3js-synchronizelocalize-button" data-type="localize" title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:localizeAllRecords')}">
+            <core:icon identifier="actions-document-localize" size="small" />
+            <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:localizeAllRecords" />
+        </button>
+    </f:if>
+    <f:if condition="{showSynchronizationLink}">
+        <button type="button" class="btn btn-default t3js-synchronizelocalize-button" data-type="synchronize" title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:synchronizeWithOriginalLanguage')}">
+            <core:icon identifier="actions-document-synchronize" size="small" />
+            <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:synchronizeWithOriginalLanguage" />
+        </button>
+    </f:if>
+    <div class="panel-group panel-hover {f:if(condition: '{showAllLocalizationLink} || {showSynchronizationLink}', then: 'mt-3')}" id="{fileReferences.id}" data-title="{fileReferences.title}">
+        <f:format.raw>{fileReferences.records}</f:format.raw>
+    </div>
+    <f:format.raw>{fieldWizard}</f:format.raw>
+    <f:if condition="{customControls}">
+        <div id="{customControls.id}">
+            <f:format.raw>{customControls.controls}</f:format.raw>
+        </div>
+    </f:if>
+    <input type="hidden" class="inlineRecord" name="{formFieldName}" value="{sortableRecordUids}" data-formengine-validation-rules="{validationRules}" />
+</typo3-formengine-container-inline>
+</html>
diff --git a/Resources/Private/Templates/Form/FormWrapContainer.fluid.html b/Resources/Private/Templates/Form/FormWrapContainer.fluid.html
new file mode 100644
index 0000000..b4a8b03
--- /dev/null
+++ b/Resources/Private/Templates/Form/FormWrapContainer.fluid.html
@@ -0,0 +1,23 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:if condition="{recordDescription}">
+    <f:be.infobox title="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.recordInformation')}">
+        {recordDescription -> f:format.nl2br()}
+    </f:be.infobox>
+</f:if>
+<f:if condition="{recordReadonly}">
+    <f:be.infobox title="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.recordInformation')}">
+        {f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.recordReadonly')}
+    </f:be.infobox>
+</f:if>
+
+<div class="typo3-TCEforms{f:if(condition:isNewRecord, then:' is-new')}">
+    <f:format.raw>{fieldInformationHtml}</f:format.raw>
+    <f:format.raw>{fieldWizardHtml}</f:format.raw>
+    <f:format.raw>{childHtml}</f:format.raw>
+</div>
+
+</html>
diff --git a/Resources/Private/Templates/Form/ImageManipulationElement.fluid.html b/Resources/Private/Templates/Form/ImageManipulationElement.fluid.html
new file mode 100644
index 0000000..c4a9a62
--- /dev/null
+++ b/Resources/Private/Templates/Form/ImageManipulationElement.fluid.html
@@ -0,0 +1,115 @@
+<html
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<div class="formengine-field-item t3js-formengine-field-item">
+
+    {fieldInformation -> f:format.raw()}
+
+    <div class="form-wizards-wrap">
+        <div class="form-wizards-item-element">
+            <f:if condition="{isAllowedFileExtension} && {image.properties.width}">
+                <f:then>
+                    <f:if condition="{config.readOnly}">
+                        <f:else>
+                            <div class="form-control-wrap">
+                                <input
+                                    type="hidden"
+                                    id="{formEngine.field.id}"
+                                    name="{formEngine.field.name}"
+                                    value="{formEngine.field.value}"
+                                    data-formengine-validation-rules="{formEngine.validation}"
+                                />
+                                <button
+                                    class="btn btn-default t3js-image-manipulation-trigger"
+                                    data-url="{wizardUri}"
+                                    data-payload="{wizardPayload}"
+                                    data-preview-url="{previewUrl}"
+                                    data-severity="notice"
+                                    data-modal-title="{f:render(partial: 'Form/ImageManipulationModalTitle', arguments: _all)}"
+                                    data-image-uid="{image.uid}"
+                                    data-crop-variants="{config.cropVariants -> f:format.json()}"
+                                    data-button-preview-text="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.preview')}"
+                                    data-button-dismiss-text="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.cancel')}"
+                                    data-button-save-text="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.accept')}"
+                                    data-file-field="{config.file_field}"
+                                    data-field="{formEngine.field.id}"
+                                    data-sync-available="{f:if(condition: '{config.syncAvailable}', then: 'true', else: 'false')}"
+                                >
+                                    <core:icon identifier="actions-crop" size="small" />
+                                    <f:translate id="LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.open-editor"/>
+                                </button>
+                            </div>
+                        </f:else>
+                    </f:if>
+                    <div class="row media-gallery__list mt-2">
+                        <f:for each="{config.cropVariants}" as="cropVariant">
+                            <div class="col-6 col-sm-4 col-md-3 media-gallery__item">
+                                <p>
+                                    <b><f:translate id="{cropVariant.title}" default="{cropVariant.title}" /></b><br/>
+                                    <f:if condition="{cropVariant.allowedAspectRatios.{cropVariant.selectedRatio}.title}">
+                                        <f:translate id="LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.aspect-ratio"/>: <span class="t3js-image-manipulation-selected-ratio" data-crop-variant-id="{cropVariant.id}"><f:translate id="{cropVariant.allowedAspectRatios.{cropVariant.selectedRatio}.title}" default="{cropVariant.allowedAspectRatios.{cropVariant.selectedRatio}.title}" /></span>
+                                    </f:if>
+                                </p>
+                                <div
+                                    class="t3js-image-manipulation-preview media-object"
+                                    data-preview-height="150"
+                                    data-crop-variant-id="{cropVariant.id}"
+                                >
+                                    <f:image
+                                        image="{image}"
+                                        crop="{formEngine.field.value}"
+                                        cropVariant="{cropVariant.id}"
+                                        maxHeight="150"
+                                        class="thumbnail thumbnail-status"
+                                        loading="lazy"
+                                        additionalAttributes="{data-crop-variant: '{cropVariant -> f:format.json()}', data-crop-variant-id: cropVariant.id}"
+                                    />
+                                </div>
+                            </div>
+                        </f:for>
+                    </div>
+                </f:then>
+                <f:else>
+                    <div class="media-body">
+                    <f:if condition="{image.properties.width}">
+                        <f:then>
+                            <p>
+                                <em>
+                                    <f:translate id="LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.supported-types-message" /><br/>
+                                    {config.allowedExtensions -> f:format.case(mode: 'upper')}
+                                </em>
+                            </p>
+                        </f:then>
+                        <f:else>
+                            <div class="alert alert-info">
+                                <h4>
+                                    <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.no-image-dimensions"/>
+                                </h4>
+                                <p>
+                                    <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.no-image-dimensions-message"/>
+                                </p>
+                            </div>
+                        </f:else>
+                    </f:if>
+                    </div>
+                </f:else>
+            </f:if>
+        </div>
+
+        <div class="form-wizards-item-aside form-wizards-item-aside--field-control">
+            <div class="btn-group">
+                {fieldControl -> f:format.raw()}
+            </div>
+        </div>
+
+        <div class="form-wizards-item-bottom">
+            {fieldWizard -> f:format.raw()}
+        </div>
+    </div>
+
+</div>
+
+</html>
diff --git a/Resources/Private/Templates/Form/ImageManipulationWizard.fluid.html b/Resources/Private/Templates/Form/ImageManipulationWizard.fluid.html
new file mode 100644
index 0000000..287020e
--- /dev/null
+++ b/Resources/Private/Templates/Form/ImageManipulationWizard.fluid.html
@@ -0,0 +1,104 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+>
+
+<div class="modal-panel-main">
+    <div id="t3js-crop-image-container" class="cropper-image-container">
+        <f:image image="{image}" maxWidth="1000" maxHeight="1000" id="t3js-crop-image" additionalAttributes="{data-original-width: image.properties.width, data-original-height: image.properties.height}" />
+    </div>
+</div>
+<div class="modal-panel-sidebar">
+    <div class="panel-group mb-3 d-none" id="sync-crop-variants-container">
+        <div class="panel">
+            <div class="panel-body">
+                <div class="form-check">
+                    <input type="checkbox" class="form-check-input" value="1" id="sync-crop-variants"/>
+                    <label class="form-check-label" for="sync-crop-variants">
+                        <f:translate domain="core.wizards" key="imwizard.sync-crop-variants"/>
+                    </label>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="panel-group" id="accordion-cropper-variants" role="tablist" aria-multiselectable="false">
+        <f:for each="{cropVariants}" as="cropVariant" iteration="cropVariantIterator">
+            <div class="panel panel-default" data-crop-variant-container="{cropVariant.id}">
+                <div class="panel-heading" role="tab">
+                    <div class="panel-heading-row">
+                        <button
+                            class="panel-button t3js-crop-variant-trigger {f:if(condition:cropVariantIterator.isFirst, then:'is-active', else:'collapsed')}"
+                            type="button"
+                            data-bs-toggle="collapse"
+                            data-bs-target="#cropper-collapse-{cropVariantIterator.cycle}"
+                            aria-expanded="{f:if(condition:cropVariantIterator.isFirst, then:'true', else:'false')}"
+                            aria-controls="cropper-collapse-{cropVariantIterator.cycle}"
+                            data-crop-variant-id="{cropVariant.id}"
+                            data-crop-variant
+                            data-exclude-from-sync="{f:if(condition:cropVariant.excludeFromSync, then:'true', else:'false')}"
+                            id="cropper-accordion-heading-{cropVariantIterator.cycle}"
+                        >
+                            <span class="caret"></span>
+                            <div class="panel-title">{cropVariant.title -> f:translate(id: cropVariant.title)}</div>
+                            <div class="cropper-preview-thumbnail {f:if(condition:'{image.properties.width}>{image.properties.height}', then:'wide', else: 'tall')}">
+                                <img class="cropper-preview-thumbnail-image" src="{f:uri.image(image:image, maxWidth:'300', maxHeight: '300')}">
+                                <div class="cropper-preview-thumbnail-crop-area t3js-cropper-preview-thumbnail-crop-area">
+                                    <img src="{f:uri.image(image:image, maxWidth:'300', maxHeight: '300')}" class="cropper-preview-thumbnail-crop-image t3js-cropper-preview-thumbnail-crop-image">
+                                    <div class="cropper-preview-thumbnail-focus-area t3js-cropper-preview-thumbnail-focus-area"></div>
+                                </div>
+                            </div>
+                        </button>
+                    </div>
+                </div>
+                <div
+                    id="cropper-collapse-{cropVariantIterator.cycle}"
+                    class="panel-collapse collapse {f:if(condition:cropVariantIterator.isFirst, then:'show')}"
+                    role="tabpanel"
+                    aria-labelledby="cropper-accordion-heading-{cropVariantIterator.cycle}"
+                    data-bs-parent="#accordion-cropper-variants"
+                >
+                    <div class="panel-body">
+                        <form class="form">
+                            <f:if condition="{cropVariant.allowedAspectRatios}">
+                                <label class="form-label" for="ratio-{cropVariantIterator.cycle}">
+                                    <f:translate id="LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.aspect-ratio"/>
+                                </label>
+                                <div id="ratio-{cropVariantIterator.cycle}" class="ratio-buttons t3js-ratio-buttons">
+                                    <f:for each="{cropVariant.allowedAspectRatios}" as="ratio" iteration="ratioIterator">
+                                        <label
+                                            class="btn btn-default"
+                                            data-method="setAspectRatio"
+                                            data-bs-option="{ratio.id}"
+                                            title="{f:translate(id:'LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.set-aspect-ratio')}"
+                                        >
+                                            <input
+                                                class="visually-hidden"
+                                                id="aspectRatio-{cropVariantIterator.cycle}-{ratioIterator.cycle}"
+                                                name="aspectRatio-{cropVariantIterator.cycle}-{ratioIterator.cycle}"
+                                                value="{cropVariant.id}"
+                                                type="radio"
+                                            />
+                                            <span class="t3-js-ratio-title" data-ratio-id="{cropVariant.id}{ratio.id}">{ratio.title -> f:translate(id: ratio.title)}</span> <core:icon identifier="actions-check" size="small" />
+                                        </label>
+                                    </f:for>
+                                </div>
+                            </f:if>
+                            <label><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.selection" /></label>
+                            <div class="mb-3 t3js-cropper-info-crop"></div>
+                            <button
+                                class="btn btn-default"
+                                name="reset"
+                                data-crop-variant="{cropVariant -> f:format.json()}"
+                                title="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.reset')}"
+                            >
+                                <core:icon identifier="actions-refresh" size="small" />
+                                {f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_wizards.xlf:imwizard.reset')}
+                            </button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+        </f:for>
+    </div>
+</div>
+
+</html>
diff --git a/Resources/Private/Templates/Form/SiteLanguageContainer.fluid.html b/Resources/Private/Templates/Form/SiteLanguageContainer.fluid.html
new file mode 100644
index 0000000..31d1082
--- /dev/null
+++ b/Resources/Private/Templates/Form/SiteLanguageContainer.fluid.html
@@ -0,0 +1,31 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<f:format.raw>{fieldInformation}</f:format.raw>
+<typo3-formengine-container-inline {webComponentAttributes -> f:format.raw()}>
+    <div class="form-group t3js-formengine-validation-marker t3js-inline-controls">
+        <button type="button" class="btn btn-default t3js-create-new-button" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.languages.createNew')}">
+            <core:icon identifier="actions-plus" size="small" />
+            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.languages.createNew" />
+        </button>
+        <select id="{presetOptions.identifier}" name="preset" class="form-select t3js-create-new-preset d-inline-block w-auto">
+            <option value=""><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.languages.choosePreset"/></option>
+            <f:for each="{presetOptions.options}" as="option">
+                <option value="{option.value}">{option.label}</option>
+            </f:for>
+        </select>
+        <select id="{selectorConfiguration.identifier}" class="form-select t3js-create-new-selector d-inline-block w-auto">
+            <option value=""><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site.languages.chooseExistingFromOtherSite"/></option>
+            <f:for each="{selectorConfiguration.options}" as="option">
+                <option value="{option.value}">{option.label}</option>
+            </f:for>
+        </select>
+    </div>
+    <div class="panel-group panel-hover" id="{inlineRecords.identifier}" data-title="{inlineRecords.title}">
+        <f:format.raw>{inlineRecords.records}</f:format.raw>
+    </div>
+    <input type="hidden" class="inlineRecord" name="{nameForm}" value="{childRecordUids}" data-formengine-validation-rules="{validationRules}" />
+</typo3-formengine-container-inline>
+</html>
diff --git a/Resources/Private/Templates/Form/Tabs.fluid.html b/Resources/Private/Templates/Form/Tabs.fluid.html
new file mode 100644
index 0000000..40d241a
--- /dev/null
+++ b/Resources/Private/Templates/Form/Tabs.fluid.html
@@ -0,0 +1,6 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<f:render partial="ModuleTemplate/Tabs" arguments="{_all}" />
+</html>
diff --git a/Resources/Private/Templates/InfoBox.fluid.html b/Resources/Private/Templates/InfoBox.fluid.html
new file mode 100644
index 0000000..6037f9e
--- /dev/null
+++ b/Resources/Private/Templates/InfoBox.fluid.html
@@ -0,0 +1,8 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<f:be.infobox title="{title}" state="{state}">
+    <f:format.raw>{message}</f:format.raw>
+</f:be.infobox>
+</html>
diff --git a/Resources/Private/Templates/LinkBrowser/Mail.fluid.html b/Resources/Private/Templates/LinkBrowser/Mail.fluid.html
new file mode 100644
index 0000000..b84d26f
--- /dev/null
+++ b/Resources/Private/Templates/LinkBrowser/Mail.fluid.html
@@ -0,0 +1,82 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="LinkBrowser" />
+
+<f:section name="Content">
+    <form action="" id="lmailform">
+        <div class="element-browser-form-group">
+            <label for="lemail" class="form-label">
+                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:emailAddress" />
+            </label>
+            <input
+                id="lemail"
+                type="email"
+                name="lemail"
+                class="form-control"
+                value="{email}"
+                required />
+        </div>
+        <f:if condition="{allowedLinkAttributes.subject}">
+            <div class="element-browser-form-group">
+                <label for="emailSubject" class="form-label">
+                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:email.subject" />
+                </label>
+                <input
+                    id="emailSubject"
+                    name="emailSubject"
+                    class="form-control"
+                    value="{subject}"
+                    data-mailto-part="subject"/>
+            </div>
+        </f:if>
+        <f:if condition="{allowedLinkAttributes.cc}">
+            <div class="element-browser-form-group">
+                <label for="emailCc" class="form-label">
+                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:email.cc" />
+                </label>
+                <input
+                    id="emailCc"
+                    name="emailCc"
+                    class="form-control"
+                    value="{cc}"
+                    data-mailto-part="cc"/>
+            </div>
+        </f:if>
+        <f:if condition="{allowedLinkAttributes.bcc}">
+            <div class="element-browser-form-group">
+                <label for="emailBcc" class="form-label">
+                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:email.bcc" />
+                </label>
+                <input
+                    id="emailBcc"
+                    name="emailBcc"
+                    class="form-control"
+                    value="{bcc}"
+                    data-mailto-part="bcc"/>
+            </div>
+        </f:if>
+        <f:if condition="{allowedLinkAttributes.body}">
+            <div class="element-browser-form-group">
+                <label for="emailBody" class="form-label">
+                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:email.body" />
+                </label>
+                <textarea
+                    id="emailBody"
+                    name="emailBody"
+                    rows="10"
+                    cols="50"
+                    size="20"
+                    class="form-control"
+                    data-mailto-part="body">{body}</textarea>
+            </div>
+        </f:if>
+        <div class="element-browser-form-group">
+            <input class="btn btn-primary" type="submit" value="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:setLink')}" />
+        </div>
+    </form>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/LinkBrowser/Page.fluid.html b/Resources/Private/Templates/LinkBrowser/Page.fluid.html
new file mode 100644
index 0000000..5224d28
--- /dev/null
+++ b/Resources/Private/Templates/LinkBrowser/Page.fluid.html
@@ -0,0 +1,44 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="LinkBrowser" />
+
+<f:section name="Navigation">
+    <typo3-backend-component-page-browser
+        tree-actions="{treeActions -> f:format.json()}"
+        active-page="{expandedPage}"
+    >
+    </typo3-backend-component-page-browser>
+</f:section>
+
+<f:section name="Content">
+    <f:if condition="{expandActivePage}">
+        <f:if condition="{activePageLink}">
+            <f:then>
+                <a href="{activePageLink}" class="t3js-pageLink btn btn-default">
+                    <f:format.raw>
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:linkTo" arguments="{0: '{activePageIcon} {activePageTitle}'}">{activePageIcon} {activePageTitle}</f:translate>
+                    </f:format.raw>
+                </a>
+            </f:then>
+            <f:else>
+                <div>{activePageIcon -> f:format.raw()} {activePageTitle -> f:format.raw()}</div>
+            </f:else>
+        </f:if>
+
+        <f:if condition="{contentElements}">
+            <h4 class="mt-4 mb-3"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:contentElements" /></h4>
+            <div class="list-group">
+                <f:for each="{contentElements}" as="content">
+                    <a href="{content.url}"  class="t3js-pageLink list-group-item list-group-item-action {f:if(condition: content.isSelected, then: ' active')}">
+                        {content.icon -> f:format.raw()} {content.title -> f:format.raw()}
+                    </a>
+                </f:for>
+            </div>
+        </f:if>
+    </f:if>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/LinkBrowser/Record.fluid.html b/Resources/Private/Templates/LinkBrowser/Record.fluid.html
new file mode 100644
index 0000000..812f4f5
--- /dev/null
+++ b/Resources/Private/Templates/LinkBrowser/Record.fluid.html
@@ -0,0 +1,21 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="LinkBrowser" />
+
+<f:section name="Navigation"><f:if condition="{treeEnabled}">
+    <typo3-backend-component-page-browser
+        tree-actions="{treeActions -> f:format.json()}"
+        alternative-entry-points="{pageTreeMountPoints -> f:format.json()}"
+        active-page="{expandedPage}"
+    >
+    </typo3-backend-component-page-browser>
+</f:if></f:section>
+
+<f:section name="Content">
+    {recordList -> f:format.raw()}
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/LinkBrowser/Telephone.fluid.html b/Resources/Private/Templates/LinkBrowser/Telephone.fluid.html
new file mode 100644
index 0000000..a6ede50
--- /dev/null
+++ b/Resources/Private/Templates/LinkBrowser/Telephone.fluid.html
@@ -0,0 +1,29 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="LinkBrowser" />
+
+<f:section name="Content">
+    <form class="form" action="" id="ltelephoneform">
+        <div class="element-browser-form-group">
+            <label for="ltelephone" class="form-label">
+                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:telephoneNumber" />
+            </label>
+            <div class="input-group">
+                <input
+                    id="ltelephone"
+                    type="tel"
+                    name="ltelephone"
+                    size="20"
+                    class="form-control"
+                    value="{telephone}"
+                    required />
+                <input class="btn btn-primary" type="submit" value="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:setLink')}" />
+            </div>
+        </div>
+    </form>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/LinkBrowser/Url.fluid.html b/Resources/Private/Templates/LinkBrowser/Url.fluid.html
new file mode 100644
index 0000000..ff355ba
--- /dev/null
+++ b/Resources/Private/Templates/LinkBrowser/Url.fluid.html
@@ -0,0 +1,30 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="LinkBrowser" />
+
+<f:section name="Content">
+    <form class="form" action="" id="lurlform">
+        <div class="element-browser-form-group">
+            <label for="lurl" class="form-label">
+                URL
+            </label>
+            <div class="input-group">
+                <input
+                    id="lurl"
+                    type="text"
+                    name="lurl"
+                    size="30"
+                    class="form-control"
+                    value="{url}"
+                    placeholder="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:urlPlaceholder')}"
+                    required />
+                <input class="btn btn-primary" type="submit" value="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_browse_links.xlf:setLink')}" />
+            </div>
+        </div>
+    </form>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/ListNavigation.fluid.html b/Resources/Private/Templates/ListNavigation.fluid.html
new file mode 100644
index 0000000..649a30a
--- /dev/null
+++ b/Resources/Private/Templates/ListNavigation.fluid.html
@@ -0,0 +1,56 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<tr>
+    <td colspan="{colspan + 1}">
+        <nav aria-labelledby="recordlist-pagination">
+            <ul class="pagination mb-0">
+                <li class="page-item">
+                    <span id="recordlist-pagination" class="page-link">
+                        <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:rangeIndicator" arguments="{0: firstElement, 1: lastElement}" />
+                        <span class="visually-hidden">, <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:pageIndicator" arguments="{0: currentPage, 1: totalPages}"/></span>
+                    </span>
+                </li>
+                <f:comment>First page and previous page</f:comment>
+                <f:if condition="{currentPage} > 1">
+                    <f:then>
+                        <li class="page-item"><a class="page-link" href="{currentUrl}&pointer=1" aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:first')}" title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:first')}"><core:icon identifier="actions-view-paging-first"/></a></li>
+                        <li class="page-item"><a class="page-link" href="{currentUrl}&pointer={currentPage -1}" aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:previous')}" title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:previous')}"><core:icon identifier="actions-view-paging-previous" /></a></li>
+                    </f:then>
+                    <f:else>
+                        <li class="page-item disabled" aria-hidden="true"><span class="page-link"><core:icon identifier="actions-view-paging-first" /></span></li>
+                        <li class="page-item disabled" aria-hidden="true"><span class="page-link"><core:icon identifier="actions-view-paging-previous" /></span></li>
+                    </f:else>
+                </f:if>
+
+                <f:variable name="pageInput">
+                    <input type="number" autocomplete="off" data-currentpage="{currentPage}" name="pointer"  min="1" max="{totalPages}" value="{currentPage}" size="3" class="t3js-recordlist-paging form-control form-control-sm paginator-input" />
+                    <span aria-hidden="true">
+                </f:variable>
+                <li class="page-item">
+                    <span class="page-link">
+                        <f:format.raw><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:pageIndicator" arguments="{0: pageInput, 1: totalPages}"/></f:format.raw></span>
+                    </span>
+                </li>
+
+                <f:comment>Next page and last page</f:comment>
+                <f:if condition="{currentPage} < {totalPages}">
+                    <f:then>
+                        <li class="page-item"><a class="page-link" href="{currentUrl}&pointer={currentPage + 1}" aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:next')}" title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:next')}"><core:icon identifier="actions-view-paging-next" /></a></li>
+                        <li class="page-item"><a class="page-link" href="{currentUrl}&pointer={totalPages}" aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:last')}" title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:last')}"><core:icon identifier="actions-view-paging-last" /></a></li>
+                    </f:then>
+                    <f:else>
+                        <li class="page-item disabled" aria-hidden="true"><span class="page-link"><core:icon identifier="actions-view-paging-next" /></span></li>
+                        <li class="page-item disabled" aria-hidden="true"><span class="page-link"><core:icon identifier="actions-view-paging-last" /></span></li>
+                    </f:else>
+                </f:if>
+                <li class="page-item"><a class="page-link" href="{currentUrl}&pointer={currentPage}" aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:reload')}" title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:reload')}"><core:icon identifier="actions-refresh" /></a></li>
+            </ul>
+        </nav>
+    </td>
+</tr>
+
+</html>
diff --git a/Resources/Private/Templates/LiveSearch/Form.fluid.html b/Resources/Private/Templates/LiveSearch/Form.fluid.html
new file mode 100644
index 0000000..6975b71
--- /dev/null
+++ b/Resources/Private/Templates/LiveSearch/Form.fluid.html
@@ -0,0 +1,50 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<typo3-backend-live-search>
+    <form>
+        <div class="input-group mb-2">
+            <input
+                type="search"
+                autocomplete="off"
+                name="query"
+                class="form-control"
+                placeholder="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:liveSearch_search')}"
+                value="{searchDemand.query}"
+            >
+            <f:if condition="{searchProviders->f:count()} > 0">
+            <button class="btn btn-default dropdown-toggle t3js-search-provider-dropdown-toggle" type="button" data-bs-toggle="dropdown" data-bs-auto-close="outside" aria-expanded="false">
+                <core:icon identifier="actions-filter" size="small" />
+                <span class="search-option-badge badge badge-primary {activeOptions == 0 ? 'hidden' : ''}" data-active-options-counter="{activeOptions}">
+                    <output>{activeOptions}</output>
+                    <span class="visually-hidden">{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:liveSearch_activeFilters')}</span>
+                </span>
+            </button>
+            <div class="dropdown-menu t3js-search-provider-dropdown">
+                <h6 class="dropdown-header">{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:liveSearch_searchIn')}</h6>
+                <div class="dropdown-item-text">
+                    <f:for each="{searchProviders}" as="searchProvider" key="searchProviderIdentifier">
+                        <typo3-backend-live-search-option-item
+                            optionId="{searchProviderIdentifier}"
+                            optionName="searchProviders"
+                            optionLabel="{searchProvider.instance.filterLabel}"
+                            {searchProvider.isActive ? 'active' : ''}
+                        ></typo3-backend-live-search-option-item>
+                    </f:for>
+                </div>
+            </div>
+            </f:if>
+        </div>
+        <div class="form-text">
+            <typo3-backend-live-search-hint hint="{hint}"></typo3-backend-live-search-hint>
+        </div>
+        <input type="hidden" name="offset" value="{searchDemand.offset}">
+        <input type="hidden" name="pageId" value="{searchDemand.pageId}">
+    </form>
+    <typo3-backend-live-search-result-container></typo3-backend-live-search-result-container>
+    <typo3-backend-live-search-result-pagination></typo3-backend-live-search-result-pagination>
+</typo3-backend-live-search>
+</html>
diff --git a/Resources/Private/Templates/Login/ForgetPasswordForm.fluid.html b/Resources/Private/Templates/Login/ForgetPasswordForm.fluid.html
new file mode 100644
index 0000000..20ff575
--- /dev/null
+++ b/Resources/Private/Templates/Login/ForgetPasswordForm.fluid.html
@@ -0,0 +1,64 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Login" />
+
+<f:section name="ResetPassword">
+    <div class="typo3-login-form t3js-login-formfields">
+        <h2><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:headline" /></h2>
+        <f:if condition="{resetInitiated}">
+            <f:then>
+                <f:be.infobox state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::OK')}" disableIcon="true" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:email_sent.headline')}">
+                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:email_sent.message" arguments="{0: email}" />
+                </f:be.infobox>
+                <p class="float-end">
+                    <a href="{returnUrl}"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:button.back_to_login" /></a>.
+                </p>
+            </f:then>
+            <f:else>
+                <f:if condition="{invalidEmail}">
+                    <f:be.infobox message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:error.invalid_email')}" state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}" />
+                </f:if>
+                <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:instructions.email" /></p>
+                <form action="{formUrl}" method="post" name="forget-password-form" id="typo3-forget-password-form">
+                    <div class="form-group">
+                        <div class="form-control-wrap">
+                            <div class="form-control-holder">
+                                <label class="form-label" for="typo3-forget-password-email"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:input.email" /></label>
+                                <input
+                                    type="email"
+                                    name="email"
+                                    value="{email}"
+                                    placeholder="you@example.com"
+                                    id="typo3-forget-password-email"
+                                    class="form-control form-control-clearable input-login t3js-clearable"
+                                    autofocus="autofocus"
+                                    autocomplete="email"
+                                    required="required"
+                                    data-clearable-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.inputfield.clearButton.title')}"
+                                />
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group d-grid">
+                        <button class="btn d-block btn-login" type="submit" name="forgetPasswordSubmit">
+                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:button.initiate" />
+                        </button>
+                    </div>
+                </form>
+                <p>
+                    <small>
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:note.other_providers" />
+                    </small>
+                </p>
+                <p class="float-end">
+                    <a href="{returnUrl}"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:button.back_to_login" /></a>.
+                </p>
+            </f:else>
+        </f:if>
+    </div>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Login/ResetPasswordForm.fluid.html b/Resources/Private/Templates/Login/ResetPasswordForm.fluid.html
new file mode 100644
index 0000000..e327ffe
--- /dev/null
+++ b/Resources/Private/Templates/Login/ResetPasswordForm.fluid.html
@@ -0,0 +1,93 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Login" />
+
+<f:section name="ResetPassword">
+    <div class="typo3-login-form t3js-login-formfields">
+        <h2><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:headline" /></h2>
+        <f:if condition="{invalidToken}">
+            <f:then>
+                <f:be.infobox message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:error.token_expired')}" title="" state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}" />
+                <div class="d-grid">
+                    <a class="btn d-block btn-login" href="{restartUrl}">
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:button.restart" />
+                    </a>
+                </div>
+            </f:then>
+            <f:else if="{resetExecuted}">
+                <f:be.infobox state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::OK')}" disableIcon="true" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:reset_success.headline')}">
+                    <f:format.raw>
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:reset_success.message" arguments="{0: '{f:be.uri(route: \'login\')}'}"/>
+                    </f:format.raw>
+                </f:be.infobox>
+            </f:else>
+            <f:else>
+                <f:if condition="{error}">
+                    <f:be.infobox message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:error.password')}" state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}" />
+                </f:if>
+                <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:instructions.password" /></p>
+                <form action="{formUrl}" method="post" name="forget-password-form" id="typo3-forget-password-form">
+                    <div class="form-group">
+                        <div class="form-control-wrap">
+                            <div class="form-control-holder">
+                                <label class="form-label" for="t3-reset-password"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:input.password" /></label>
+                                <input
+                                    type="password"
+                                    id="t3-reset-password"
+                                    name="password"
+                                    value=""
+                                    class="form-control form-control-clearable input-login t3js-clearable  t3js-capslockwarning t3js-login-password-field"
+                                    autocomplete="new-password"
+                                    autofocus="autofocus"
+                                    required="required"
+                                    spellcheck="false"
+                                    data-capslockwarning-title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.capslock')}"
+                                    data-capslockwarning-message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.capslockStatus')}"
+                                    data-clearable-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.inputfield.clearButton.title')}"
+                                />
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group">
+                        <div class="form-control-wrap">
+                            <div class="form-control-holder">
+                                <label class="form-label" for="t3-reset-password-repeat"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:input.passwordrepeat" /></label>
+                                <input
+                                    type="password"
+                                    id="t3-reset-password-repeat"
+                                    name="passwordrepeat"
+                                    value=""
+                                    autocomplete="new-password"
+                                    class="form-control form-control-clearable input-login t3js-clearable t3js-capslockwarning t3js-login-password-field"
+                                    required="required"
+                                    spellcheck="false"
+                                    data-capslockwarning-title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.capslock')}"
+                                    data-capslockwarning-message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.capslockStatus')}"
+                                    data-clearable-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.inputfield.clearButton.title')}"
+                                />
+                            </div>
+                        </div>
+                    </div>
+                    <div class="form-group d-grid">
+                        <button class="btn d-block btn-login" type="submit" name="forgotPasswordSubmit">
+                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:button.reset" />
+                        </button>
+                    </div>
+                    <f:if condition="{passwordRequirements}">
+                        <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_reset_password.xlf:instructions.password_requirement" /></p>
+                        <ul>
+                            <f:for each="{passwordRequirements}" as="passwordRequirement">
+                                <li>{passwordRequirement}</li>
+                            </f:for>
+                        </ul>
+                    </f:if>
+                </form>
+            </f:else>
+        </f:if>
+    </div>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Login/UserPassLoginForm.fluid.html b/Resources/Private/Templates/Login/UserPassLoginForm.fluid.html
new file mode 100644
index 0000000..15c0133
--- /dev/null
+++ b/Resources/Private/Templates/Login/UserPassLoginForm.fluid.html
@@ -0,0 +1,68 @@
+<html
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Login" />
+
+<f:section name="loginFormFields">
+    <f:asset.module identifier="@typo3/backend/user-pass-login.js"/>
+
+    <div class="form-group t3js-login-username-section" id="t3-login-username-section">
+        <div class="form-control-wrap">
+            <div class="form-control-holder">
+                <label class="form-label" for="t3-username"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.username" /></label>
+                <div class="input-group">
+                    <input
+                        type="text"
+                        id="t3-username"
+                        name="username"
+                        value="{presetUsername}"
+                        class="form-control form-control-clearable input-login t3js-clearable t3js-capslockwarning t3js-login-username-field"
+                        autofocus="autofocus"
+                        autocomplete="username"
+                        required="required"
+                        spellcheck="false"
+                        data-capslockwarning-title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.capslock')}"
+                        data-capslockwarning-message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.capslockStatus')}"
+                        data-clearable-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.inputfield.clearButton.title')}"
+                    />
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="form-group t3js-login-password-section" id="t3-login-password-section">
+        <div class="form-control-wrap">
+            <div class="form-control-holder">
+                <label class="form-label" for="t3-password"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.password" /></label>
+                <div class="input-group">
+                    <input
+                        type="password"
+                        id="t3-password"
+                        name="p_field"
+                        value="{presetPassword}"
+                        class="form-control input-login t3js-clearable t3js-capslockwarning t3js-login-password-field"
+                        autocomplete="current-password"
+                        required="required"
+                        spellcheck="false"
+                        data-capslockwarning-title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.capslock')}"
+                        data-capslockwarning-message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.error.capslockStatus')}"
+                        data-clearable-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.inputfield.clearButton.title')}"
+                        data-passwordtoggle-label="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.togglePassword')}"
+                    />
+                </div>
+            </div>
+        </div>
+    </div>
+</f:section>
+
+<f:section name="ResetPassword">
+    <div class="forgot-password my-3">
+        <div class="text-end">
+            <a href="{forgetPasswordUrl}"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.password_forget" /></a>
+        </div>
+    </div>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Mfa/Auth.fluid.html b/Resources/Private/Templates/Mfa/Auth.fluid.html
new file mode 100644
index 0000000..da852d0
--- /dev/null
+++ b/Resources/Private/Templates/Mfa/Auth.fluid.html
@@ -0,0 +1,83 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<div class="typo3-login">
+    <div class="typo3-login-inner">
+        <div class="typo3-login-container">
+            <div class="typo3-login-wrap">
+                <div class="card card-login card-mfa">
+                    <header class="card-heading">
+                        <h2 class="text-center">{provider.title -> f:translate(key: provider.title, default:  provider.title)}</h2>
+                    </header>
+                    <main class="card-body">
+                        <f:if condition="{isLocked} || {hasAuthError}">
+                            <div id="t3-login-error" class="mb-2">
+                                <div class="alert alert-danger">
+                                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:auth.{f:if(condition: isLocked, then: 'locked', else: 'authError')}"/>
+                                </div>
+                            </div>
+                        </f:if>
+                        <f:if condition="!{isLocked}">
+                            <f:then>
+                                <form action="{formUrl}" method="post" enctype="multipart/form-data" name="verify" id="mfaController">
+                                    <input type="hidden" name="identifier" value="{provider.identifier}" />
+                                    {providerContent -> f:format.raw()}
+                                    <div class="form-group d-grid mb-2" id="t3-login-submit-section">
+                                        <button class="btn d-block btn-login" type="submit" name="submit" autocomplete="off">
+                                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:auth.submit"/>
+                                        </button>
+                                    </div>
+                                </form>
+                            </f:then>
+                            <f:else>
+                                <f:comment>In case, the provider is temporarily locked, still allow to render provider specific content.</f:comment>
+                                {providerContent -> f:format.raw()}
+                            </f:else>
+                        </f:if>
+                        <div class="cancel-authentication">
+                            <div class="text-end">
+                                <f:be.link
+                                    route="auth_mfa"
+                                    parameters="{action: 'cancel', redirect: redirectRoute, redirectParams: redirectParams}"
+                                    title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:auth.cancel')}"
+                                >
+                                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:auth.cancel"/>
+                                </f:be.link>
+                            </div>
+                        </div>
+                    </main>
+                    <f:if condition="{alternativeProviders}">
+                        <footer class="card-footer">
+                            <h5><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:auth.alternativeProviders"/></h5>
+                            <ul class="list-group px-lg-4">
+                                <f:for each="{alternativeProviders}" as="alternativeProvider">
+                                    <li>
+                                        <f:be.link
+                                            route="auth_mfa"
+                                            parameters="{identifier: alternativeProvider.identifier, redirect: redirectRoute, redirectParams: redirectParams}"
+                                            title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:auth.alternativeProviders.use', arguments: {0: '{alternativeProvider.title  -> f:translate(key: alternativeProvider.title, default: alternativeProvider.title)}'})}"
+                                        >
+                                            <f:translate
+                                                key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:auth.alternativeProviders.use"
+                                                arguments="{0: '{alternativeProvider.title -> f:translate(key: alternativeProvider.title, default: alternativeProvider.title)}'}"
+                                            />
+                                        </f:be.link>
+                                    </li>
+                                </f:for>
+                            </ul>
+                        </footer>
+                    </f:if>
+                </div>
+            </div>
+        </div>
+        <f:if condition="{footerNote}">
+            <aside class="typo3-login-footnote" aria-label="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.region.footnote')}">
+                <p>{footerNote}</p>
+            </aside>
+        </f:if>
+    </div>
+</div>
+
+</html>
diff --git a/Resources/Private/Templates/Mfa/Edit.fluid.html b/Resources/Private/Templates/Mfa/Edit.fluid.html
new file mode 100644
index 0000000..d4af912
--- /dev/null
+++ b/Resources/Private/Templates/Mfa/Edit.fluid.html
@@ -0,0 +1,56 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Content">
+
+    <f:variable name="providerTitle" value="{provider.title -> f:translate(key: provider.title, default: provider.title)}"/>
+
+    <h1><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:edit.title" arguments="{0: providerTitle}"/></h1>
+    <p><f:format.nl2br>{provider.description -> f:translate(key: provider.description, default: provider.description)}</f:format.nl2br></p>
+
+    <form
+        action="{f:be.uri(route:'mfa', parameters:'{action: \'save\'}')}"
+        method="post"
+        enctype="multipart/form-data"
+        name="edit"
+        id="mfaConfigurationController">
+        <input type="hidden" name="identifier" value="{provider.identifier}" />
+        <div class="mb-3">
+            {providerContent -> f:format.raw()}
+        </div>
+        <div class="mfa-provider-settings">
+            <f:if condition="{provider.defaultProviderAllowed}">
+                <div class="row mb-3">
+                    <div class="col-md-5">
+                        <h4><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:edit.defaultProvider"/></h4>
+                        <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:edit.defaultProvider.description"/></p>
+                        <div class="form-check">
+                            <input type="checkbox" name="defaultProvider" id="defaultProvider" class="form-check-input" value="1" {f:if(condition: isDefaultProvider, then: 'checked="checked"')} />
+                            <label class="form-check-label" for="defaultProvider">
+                                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:edit.defaultProvider.inputLabel"/>
+                            </label>
+                        </div>
+                    </div>
+                </div>
+            </f:if>
+            <div class="row">
+                <div class="col">
+                    <h4><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:edit.deactivateProvider"/></h4>
+                    <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:edit.deactivateProvider.description"/></p>
+                    <f:be.link route="mfa" parameters="{action: 'deactivate', identifier: provider.identifier}" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:edit.deactivateProvider.linkTitle', arguments: '{0: providerTitle}')}" class="btn btn-danger">
+                        <core:icon identifier="actions-toggle-off" />
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:edit.deactivateProvider.linkText"/>
+                    </f:be.link>
+                </div>
+            </div>
+        </div>
+    </form>
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Mfa/Overview.fluid.html b/Resources/Private/Templates/Mfa/Overview.fluid.html
new file mode 100644
index 0000000..352f623
--- /dev/null
+++ b/Resources/Private/Templates/Mfa/Overview.fluid.html
@@ -0,0 +1,105 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Content">
+    <h1><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.title" /></h1>
+
+    <f:if condition="{setupRequired}">
+        <f:then>
+            <f:if condition="{providers}">
+                <f:then>
+                    <f:be.infobox state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.setupRequired.title')}">
+                        <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.setupRequired.message"/></p>
+                    </f:be.infobox>
+                </f:then>
+                <f:else>
+                    <f:be.infobox state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::ERROR')}" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.noProviders.title')}">
+                        <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:noprovider_error_message"/></p>
+                    </f:be.infobox>
+                </f:else>
+            </f:if>
+        </f:then>
+        <f:else if="!{providers}">
+            <f:be.infobox state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.noProviders.title')}">
+                <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.noProviders.message"/></p>
+            </f:be.infobox>
+        </f:else>
+    </f:if>
+
+    <f:if condition="{providers}">
+        <f:then>
+            <div class="card-container">
+                <f:for each="{providers}" as="provider">
+                    <f:render section="Item" arguments="{provider: provider, defaultProvider: defaultProvider, recommendedProvider: recommendedProvider}"/>
+                </f:for>
+            </div>
+        </f:then>
+    </f:if>
+</f:section>
+
+<f:section name="Item">
+    <f:variable name="providerTitle" value="{provider.title -> f:translate(key: provider.title, default: provider.title)}"/>
+    <div class="card card-size-small {f:if(condition: '{recommendedProvider} == {provider.identifier}', then: 'card-success')}" id="{provider.identifier}-provider">
+        <div class="card-header">
+            <div class="card-icon">
+                <core:icon identifier="{provider.iconIdentifier}" size="large"/>
+            </div>
+            <div class="card-header-body">
+                <h2 class="card-title">
+                    {providerTitle}
+                    <be:mfa.ifHasState state="active" provider="{provider}">
+                        <span class="badge badge-{be:mfa.ifHasState(state: 'locked', provider: provider, then: 'danger', else: 'success')}">
+                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.badge.{be:mfa.ifHasState(state: 'locked', provider: provider, then: 'locked', else: 'active')}"/>
+                        </span>
+                    </be:mfa.ifHasState>
+                    <f:if condition="{defaultProvider} == {provider.identifier}">
+                        <span title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.defaultProvider')}">
+                            <core:icon identifier="actions-star" />
+                        </span>
+                    </f:if>
+                </h2>
+            </div>
+        </div>
+        <div class="card-body">
+            <p class="card-text">{provider.description -> f:translate(key: provider.description, default: provider.description)}</p>
+        </div>
+        <div class="card-footer">
+            <be:mfa.ifHasState state="active" provider="{provider}">
+                <f:then>
+                    <be:mfa.ifHasState state="locked" provider="{provider}">
+                        <f:then>
+                            <f:be.link route="mfa" parameters="{action: 'unlock', identifier: provider.identifier}" class="btn btn-success" title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.unlockLinkTitle', arguments: {0: providerTitle})}">
+                                <core:icon identifier="actions-unlock" />
+                                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.unlockLinkLabel"/>
+                            </f:be.link>
+                        </f:then>
+                        <f:else>
+                            <f:be.link route="mfa" parameters="{action: 'edit', identifier: provider.identifier}" class="btn btn-default" title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.editLinkTitle', arguments: {0: providerTitle})}">
+                                <core:icon identifier="actions-open" />
+                                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.editLinkLabel"/>
+                            </f:be.link>
+                        </f:else>
+                    </be:mfa.ifHasState>
+                    <f:be.link route="mfa" parameters="{action: 'deactivate', identifier: provider.identifier}" class="btn btn-danger" title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.deactivateLinkTitle', arguments: {0: providerTitle})}">
+                        <core:icon identifier="actions-toggle-off" />
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.deactivateLinkLabel"/>
+                    </f:be.link>
+                </f:then>
+                <f:else>
+                    <f:be.link route="mfa" parameters="{action: 'setup', identifier: provider.identifier}" class="btn btn-{f:if(condition: '{recommendedProvider} == {provider.identifier}', then: 'success', else: 'default')}" title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.setupLinkTitle', arguments: {0: providerTitle})}">
+                        <core:icon identifier="actions-plus" />
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:overview.setupLinkLabel"/>
+                    </f:be.link>
+                </f:else>
+            </be:mfa.ifHasState>
+        </div>
+    </div>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Mfa/Setup.fluid.html b/Resources/Private/Templates/Mfa/Setup.fluid.html
new file mode 100644
index 0000000..66e47fa
--- /dev/null
+++ b/Resources/Private/Templates/Mfa/Setup.fluid.html
@@ -0,0 +1,33 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Content">
+
+    <h1><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:setup.title" arguments="{0: '{provider.title -> f:translate(key: provider.title, default: provider.title)}'}"/></h1>
+
+    <div class="row g-6">
+        <div class="col">
+            <form
+                action="{f:be.uri(route:'mfa', parameters:'{action: \'activate\'}')}"
+                method="post"
+                enctype="multipart/form-data"
+                name="setup"
+                id="mfaConfigurationController">
+                <input type="hidden" name="identifier" value="{provider.identifier}" />
+                {providerContent -> f:format.raw()}
+            </form>
+        </div>
+        <f:if condition="{provider.setupInstructions}">
+            <div class="col-md-4">
+                <f:render partial="Mfa/SetupInstructions" arguments="{provider: provider}" />
+            </div>
+        </f:if>
+    </div>
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Mfa/Standalone/Selection.fluid.html b/Resources/Private/Templates/Mfa/Standalone/Selection.fluid.html
new file mode 100644
index 0000000..39db9a6
--- /dev/null
+++ b/Resources/Private/Templates/Mfa/Standalone/Selection.fluid.html
@@ -0,0 +1,79 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<div class="typo3-login">
+    <div class="typo3-login-inner">
+        <div class="typo3-login-container">
+            <div class="typo3-login-wrap">
+                <div class="card card-login card-mfa">
+                    <header class="card-heading text-center">
+                        <h2>
+                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:standalone.selection.title" />
+                        </h2>
+                        <p class="text-variant">
+                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:standalone.selection.message" arguments="{0: siteName}" />
+                        </p>
+                    </header>
+                    <main class="card-body">
+                        <f:if condition="{recommendedProvider} || {providers}">
+                            <f:then>
+                                <div class="list-group mb-2">
+                                    <f:if condition="{recommendedProvider}">
+                                        <f:render section="providerLink" arguments="{provider: recommendedProvider, highlight: '{providers -> f:count()}', redirect: redirect, redirectParams: redirectParams}" />
+                                    </f:if>
+                                    <f:for each="{providers}" as="provider">
+                                        <f:render section="providerLink" arguments="{provider: provider, redirect: redirect, redirectParams: redirectParams}" />
+                                    </f:for>
+                                </div>
+                            </f:then>
+                            <f:else>
+                                <div class="alert alert-warning mb-2">
+                                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:noprovider_error_message" arguments="{0: siteName}" />
+                                </div>
+                            </f:else>
+                        </f:if>
+                        <div class="cancel-setup">
+                            <div class="text-end">
+                                <f:be.link
+                                    route="setup_mfa"
+                                    parameters="{action: 'cancel', redirect: redirect, redirectParams: redirectParams}"
+                                    title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:standalone.selection.goBack')}"
+                                >
+                                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:standalone.selection.goBack"/>
+                                </f:be.link>
+                            </div>
+                        </div>
+                    </main>
+                </div>
+            </div>
+        </div>
+        <f:if condition="{footerNote}">
+            <aside class="typo3-login-footnote" aria-label="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.region.footnote')}">
+                <p>{footerNote}</p>
+            </aside>
+        </f:if>
+    </div>
+</div>
+
+<f:section name="providerLink">
+    <f:be.link
+        route="setup_mfa"
+        class="list-group-item list-group-item-action {f:if(condition: highlight, then: 'border-success')}"
+        parameters="{action: 'setup', identifier: provider.identifier, redirect: redirect, redirectParams: redirectParams}"
+        title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:standalone.setupProvider', arguments: {0: '{provider.title -> f:translate(key: provider.title, default: provider.title)}'})}"
+    >
+        <div class="d-flex">
+            <div class="align-self-center pe-3">
+                <core:icon identifier="{provider.iconIdentifier}" size="medium" />
+            </div>
+            <div class="align-self-center">
+                <f:translate key="{provider.title}" default="{provider.title}" />
+            </div>
+        </div>
+    </f:be.link>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Mfa/Standalone/Setup.fluid.html b/Resources/Private/Templates/Mfa/Standalone/Setup.fluid.html
new file mode 100644
index 0000000..dbb39cc
--- /dev/null
+++ b/Resources/Private/Templates/Mfa/Standalone/Setup.fluid.html
@@ -0,0 +1,68 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<div class="typo3-login">
+    <div class="typo3-login-inner">
+        <div class="typo3-login-container">
+            <div class="typo3-login-wrap typo3-login-wrap-large">
+                <div class="card card-login card-mfa">
+                    <header class="card-heading text-center">
+                        <h2>
+                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:standalone.setupProvider" arguments="{0: '{provider.title -> f:translate(key: provider.title, default: provider.title)}'}"/>
+                        </h2>
+                    </header>
+                    <main class="card-body">
+                        <f:if condition="{hasErrors}">
+                            <div id="t3-login-error">
+                                <div class="alert alert-danger">
+                                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:activate.failure" arguments="{0: '{provider.title -> f:translate(key: provider.title, default: provider.title)}'}"/>
+                                </div>
+                            </div>
+                        </f:if>
+                        <div class="row">
+                            <div class="col-12">
+                                <form
+                                    action="{f:be.uri(route:'setup_mfa', parameters:'{action: \'activate\', redirect: redirect, redirectParams: redirectParams}')}"
+                                    method="post"
+                                    enctype="multipart/form-data"
+                                    name="setup"
+                                    id="mfaSetupController"
+                                >
+                                    {providerContent -> f:format.raw()}
+                                    <input type="hidden" name="identifier" value="{provider.identifier}" />
+                                    <div class="text-end">
+                                        <f:be.link
+                                            route="setup_mfa"
+                                            class="btn btn-default fw-normal"
+                                            parameters="{redirect: redirect, redirectParams: redirectParams}"
+                                            title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:standalone.setup.cancel')}"
+                                        >
+                                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:standalone.setup.cancel"/>
+                                        </f:be.link>
+                                        <button type="submit" class="btn btn-info">
+                                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_mfa.xlf:standalone.setup" />
+                                        </button>
+                                    </div>
+                                </form>
+                            </div>
+                            <f:if condition="{provider.setupInstructions}">
+                                <div class="col-12 mt-3">
+                                    <f:render partial="Mfa/SetupInstructions" arguments="{provider: provider}" />
+                                </div>
+                            </f:if>
+                        </div>
+                    </main>
+                </div>
+            </div>
+        </div>
+        <f:if condition="{footerNote}">
+            <aside class="typo3-login-footnote" aria-label="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.region.footnote')}">
+                <p>{footerNote}</p>
+            </aside>
+        </f:if>
+    </div>
+</div>
+
+</html>
diff --git a/Resources/Private/Templates/NewContentElement/PositionMap.fluid.html b/Resources/Private/Templates/NewContentElement/PositionMap.fluid.html
new file mode 100644
index 0000000..f484d42
--- /dev/null
+++ b/Resources/Private/Templates/NewContentElement/PositionMap.fluid.html
@@ -0,0 +1,10 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<h5>{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:2_selectPosition') -> f:format.htmlspecialchars()}</h5>
+<div class="page-position-map">
+    {posMap -> f:format.raw()}
+</div>
+</html>
diff --git a/Resources/Private/Templates/NewContentElement/Wizard.fluid.html b/Resources/Private/Templates/NewContentElement/Wizard.fluid.html
new file mode 100644
index 0000000..01fe9a7
--- /dev/null
+++ b/Resources/Private/Templates/NewContentElement/Wizard.fluid.html
@@ -0,0 +1,19 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:if condition="{positionSelection}">
+    <h5>{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_misc.xlf:1_selectType')}</h5>
+</f:if>
+
+<typo3-backend-new-record-wizard
+    storename="new-content-element"
+    categories="{categoriesJson}"
+    searchplaceholder="{f:translate(domain: 'core.misc', key: 'newContentElement.filter.placeholder')}"
+    searchnothingfoundlabel="{f:translate(domain: 'core.misc', key: 'newContentElement.filter.noResults')}"
+    usernotallowedlabel="{f:translate(domain: 'core.misc', key: 'newContentElement.filter.userNotAllowed')}"
+>
+</typo3-backend-new-record-wizard>
+
+</html>
diff --git a/Resources/Private/Templates/NewRecord/NewRecord.fluid.html b/Resources/Private/Templates/NewRecord/NewRecord.fluid.html
new file mode 100644
index 0000000..086c783
--- /dev/null
+++ b/Resources/Private/Templates/NewRecord/NewRecord.fluid.html
@@ -0,0 +1,62 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Content">
+
+    <h1><f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:db_new.php.pagetitle" /></h1>
+    <f:for each="{recordTypeGroups}" as="recordTypeGroup" key="recordTypeGroupIdentifier">
+        <div class="row mb-4">
+            <div class="col-12">
+                <strong>{recordTypeGroup.icon -> f:format.raw()} <f:format.case mode="capital">{recordTypeGroup.title}</f:format.case></strong>
+                <div class="list-group mt-2">
+                    <f:for each="{recordTypeGroup.items}" key="recordTypeTable" as="recordTypeItem">
+                        <f:if condition="{recordTypeItem.types}">
+                            <f:then>
+                                <div class="list-group-item p-0">
+                                    <button class="list-group-button" data-bs-toggle="collapse" data-bs-target="#{recordTypeTable}-types" aria-expanded="false" aria-controls="{recordTypeTable}-types">
+                                        {recordTypeItem.icon -> f:format.raw()}
+                                        {recordTypeItem.label}
+                                        <span class="caret"></span>
+                                    </button>
+                                    <div class="collapse" id="{recordTypeTable}-types">
+                                        <div class="list-group m-2 mt-0">
+                                            <f:for each="{recordTypeItem.types}" key="name" as="type">
+
+                                                <a class="list-group-item list-group-item-action" href="{type.url}" title="">
+                                                    {type.icon -> f:format.raw()}
+                                                    {type.label}
+                                                </a>
+                                            </f:for>
+                                        </div>
+                                    </div>
+                                </div>
+                            </f:then>
+                            <f:else if="{recordTypeGroupIdentifier} == 'pages'">
+                                <typo3-backend-new-page-wizard-button class="list-group-item list-group-item-action"
+                                    configuration="{recordTypeItem.wizardConfiguration -> f:format.json()}"
+                                    data-page-create="{recordTypeTable}"
+                                >
+                                    {recordTypeItem.icon -> f:format.raw()}
+                                    {recordTypeItem.label}
+                                </typo3-backend-new-page-wizard-button>
+                            </f:else>
+                            <f:else>
+                                <a class="list-group-item list-group-item-action" href="{recordTypeItem.url}">
+                                    {recordTypeItem.icon -> f:format.raw()}
+                                    {recordTypeItem.label}
+                                </a>
+                            </f:else>
+                        </f:if>
+                    </f:for>
+                </div>
+            </div>
+        </div>
+    </f:for>
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Page/MovePage.fluid.html b/Resources/Private/Templates/Page/MovePage.fluid.html
new file mode 100644
index 0000000..3e50a32
--- /dev/null
+++ b/Resources/Private/Templates/Page/MovePage.fluid.html
@@ -0,0 +1,74 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Page/MovePageLayout" />
+
+<f:section name="Content">
+    <h2>
+        <f:translate key="LLL:EXT:backend/Resources/Private/Language/Wizards/move_page.xlf:headline" arguments="{0: element.recordTitle, 1: element.record.uid}" />
+    </h2>
+    <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/Wizards/move_page.xlf:currentPath" /> {element.recordPath}</p>
+    <input type="hidden" name="elementRecordTitle" id="elementRecordTitle" value="{element.recordTitle}" />
+
+    <div class="form-row">
+        <div class="form-check form-switch">
+            <input type="checkbox" name="makeCopy" id="makeCopy" value="1" {f:if(condition: makeCopyChecked, then: 'checked')} class="form-check-input">
+            <label for="makeCopy" class="form-check-label"><f:translate key="LLL:EXT:backend/Resources/Private/Language/Wizards/move_page.xlf:makeCopy" /></label>
+        </div>
+    </div>
+
+    <div class="page-position">
+        <f:if condition="{hasEditPermissions} && {isDifferentPage}">
+            <div class="page-position-control page-position-control-top">
+                <button data-action="paste" data-position="{positions.above}" class="btn btn-default" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/Wizards/move_page.xlf:action.pasteAbove')}">
+                    <typo3-backend-icon identifier="apps-pagetree-drag-move-above" size="small"></typo3-backend-icon>
+                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/Wizards/move_page.xlf:action.pasteAbove" />
+                </button>
+            </div>
+        </f:if>
+
+        <f:if condition="{isDifferentPage}">
+            <f:then>
+                <div class="page-position-target">
+                    <div class="page-position-target-abstract">
+                        <span title="{target.recordTooltip}"><core:iconForRecord table="pages" row="{target.record}" /></span>
+                        <strong>{target.recordTitle} [{target.record.uid}]</strong>
+                    </div>
+                    <div class="page-position-target-meta">
+                        <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.path" />: {target.recordPath}
+                    </div>
+                </div>
+            </f:then>
+            <f:else>
+                <f:be.infobox state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::ERROR')}">
+                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/Wizards/move_page.xlf:samePageConflict" arguments="{0: target.recordTitle, 1: target.record.uid}" />
+                </f:be.infobox>
+            </f:else>
+        </f:if>
+
+
+        <f:if condition="{hasEditPermissions} && {isDifferentPage}">
+            <f:if condition="!{targetHasSubpages}">
+                <div class="page-position-control page-position-control-right">
+                    <button data-action="paste" data-position="{positions.inside}" class="btn btn-default" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/Wizards/move_page.xlf:action.pasteInto')}">
+                        <typo3-backend-icon identifier="apps-pagetree-drag-move-between" size="small"></typo3-backend-icon>
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/Wizards/move_page.xlf:action.pasteInto" />
+                    </button>
+                </div>
+            </f:if>
+
+            <div class="page-position-control page-position-control-bottom">
+                <button data-action="paste" data-position="{positions.below}" class="btn btn-default" title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/Wizards/move_page.xlf:action.pasteBelow')}">
+                    <typo3-backend-icon identifier="apps-pagetree-drag-move-below" size="small"></typo3-backend-icon>
+                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/Wizards/move_page.xlf:action.pasteBelow" />
+                </button>
+            </div>
+        </f:if>
+    </div>
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Page/NewPages.fluid.html b/Resources/Private/Templates/Page/NewPages.fluid.html
new file mode 100644
index 0000000..f0d78db
--- /dev/null
+++ b/Resources/Private/Templates/Page/NewPages.fluid.html
@@ -0,0 +1,282 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Content">
+
+    <f:asset.module identifier="@typo3/backend/context-menu.js"/>
+    <f:asset.module identifier="@typo3/backend/new-multiple-pages.js"/>
+
+    <h1>
+        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:title" />
+    </h1>
+
+    <f:if condition="!{canCreateNew}">
+        <f:then>
+            <f:be.infobox
+                title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:canNotCreateNew.title')}"
+                message="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:canNotCreateNew.message')}"
+                state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
+            />
+        </f:then>
+        <f:else>
+            <f:if condition="{hasNewPagesData}">
+                <f:then>
+                    <f:if condition="{pagesCreated}">
+                        <f:then>
+                            <f:be.infobox
+                                title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:pagesCreated.title')}"
+                                message="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:pagesCreated.message')}"
+                                state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
+                            />
+                        </f:then>
+                        <f:else>
+                            <f:be.infobox
+                                title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:noPagesCreated.title')}"
+                                message="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:noPagesCreated.message')}"
+                                state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}"
+                            />
+                        </f:else>
+                    </f:if>
+
+                    <f:if condition="{visiblePages}">
+                        <h2 class="mt-4">
+                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:newSubPages"/>
+                        </h2>
+                        <div class="table-fit">
+                            <table class="table table-striped table-hover">
+                                <thead>
+                                    <tr>
+                                        <th><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:newSubPages.pageTitle" /></th>
+                                        <th></th>
+                                    </tr>
+                                </thead>
+                                <tbody>
+                                    <f:for each="{visiblePages}" as="page" iteration="pageIterator">
+                                        <tr>
+                                            <td>
+                                                <span class="treeline-icon treeline-icon-join{f:if(condition: '{pageIterator.isLast}', then: 'bottom')}"></span>
+                                                <span title="id={page.uid}"><f:spaceless>
+                                                    <button type="button"
+                                                        class="btn btn-link"
+                                                        data-contextmenu-trigger="click"
+                                                        data-contextmenu-table="pages"
+                                                        data-contextmenu-uid="{page.uid}"
+                                                        aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.contextMenu.open')}"
+                                                    >
+                                                        <core:iconForRecord table="pages" row="{page}" />
+                                                    </button>
+                                                    {page.title -> f:format.crop(maxCharacters: maxTitleLength)}
+                                                </f:spaceless></span>
+                                            </td>
+                                            <td class="col-control">
+                                                <div class="btn-group">
+                                                    <be:link.editRecord
+                                                        table="pages"
+                                                        uid="{page.uid}"
+                                                        title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_mod_web_list.xlf:edit')}"
+                                                        class="btn btn-default"
+                                                    >
+                                                        <core:icon identifier="actions-page-open" />
+                                                    </be:link.editRecord>
+                                                </div>
+                                            </td>
+                                        </tr>
+                                    </f:for>
+                                </tbody>
+                            </table>
+                        </div>
+                    </f:if>
+                </f:then>
+                <f:else>
+                    <f:if condition="{pageTypes->f:count()} === 0">
+                        <f:then>
+                            <f:asset.module identifier="@typo3/backend/page-wizard/new-page-wizard-button.js"/>
+                            <f:be.infobox
+                                title="{f:translate(key: 'multiplePagesCanNotBeCreated.title', domain: 'backend.pages_new')}"
+                                state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
+                            >
+                                <p>
+                                    <f:translate key="multiplePagesCanNotBeCreated.message" domain="backend.pages_new"/>
+                                </p>
+                                <typo3-backend-new-page-wizard-button
+                                    class="btn btn-secondary"
+                                    configuration="{wizardConfiguration -> f:format.json()}"
+                                    data-page-create="inside"
+                                >
+                                    <f:translate key="multiplePagesCanNotBeCreated.buttonLabel" domain="backend.pages_new"/>
+                                </typo3-backend-new-page-wizard-button>
+                            </f:be.infobox>
+                        </f:then>
+                        <f:else>
+                            <f:if condition="{filteredTypes->f:count()} > 0">
+                                <f:asset.module identifier="@typo3/backend/page-wizard/new-page-wizard-button.js"/>
+                                <f:be.infobox
+                                    title="{f:translate(key: 'availablePageTypesHaveBeenFiltered.title', domain: 'backend.pages_new')}"
+                                    state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
+                                >
+                                    <p>
+                                        <f:translate key="availablePageTypesHaveBeenFiltered.message" domain="backend.pages_new"/>
+                                        <f:for each="{filteredTypes}" as="label" iteration="i"><f:if condition="{i.isFirst}"><f:else>, </f:else></f:if>{label}</f:for>
+                                    </p>
+                                    <typo3-backend-new-page-wizard-button
+                                        class="btn btn-secondary"
+                                        configuration="{wizardConfiguration -> f:format.json()}"
+                                        data-page-create="inside"
+                                    >
+                                        <f:translate key="availablePageTypesHaveBeenFiltered.buttonLabel" domain="backend.pages_new"/>
+                                    </typo3-backend-new-page-wizard-button>
+                                </f:be.infobox>
+                            </f:if>
+                            <div class="t3js-newmultiplepages-newlinetemplate" style="display:none">
+                                <f:render section="FormLine" arguments="{line: {index: '[0]', label: '[1]', pageTypes: '{pageTypes}'}}" />
+                            </div>
+
+                            <form action="{be:moduleLink(route:'pages_new', arguments:'{id:pageUid}')}" method="post">
+                                <div class="form-group t3js-newmultiplepages-container">
+                                    <f:render section="FormLine" arguments="{line: {index: '0', label: '1', pageTypes: '{pageTypes}'}}" />
+                                    <f:render section="FormLine" arguments="{line: {index: '1', label: '2', pageTypes: '{pageTypes}'}}" />
+                                    <f:render section="FormLine" arguments="{line: {index: '2', label: '3', pageTypes: '{pageTypes}'}}" />
+                                    <f:render section="FormLine" arguments="{line: {index: '3', label: '4', pageTypes: '{pageTypes}'}}" />
+                                    <f:render section="FormLine" arguments="{line: {index: '4', label: '5', pageTypes: '{pageTypes}'}}" />
+                                </div>
+
+                                <div class="form-group">
+                                    <input
+                                        class="btn btn-default t3js-newmultiplepages-createnewfields"
+                                        type="button"
+                                        value="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:addMoreLines')}"
+                                    />
+                                </div>
+
+                                <div class="form-group">
+                                    <div class="formengine-field-item">
+                                        <div class="form-wizards-wrap">
+                                            <div class="form-wizards-item-element">
+                                                <div class="form-check form-check-type-icon-toggle">
+                                                    <input type="checkbox" class="form-check-input" name="createInListEnd" id="createInListEnd" value="1" />
+                                                    <label for="createInListEnd" class="form-check-label">
+                                                        <span class="form-check-label-icon">
+                                                            <span class="form-check-label-icon-checked">
+                                                                <core:icon identifier="actions-check" size="small" alternativeMarkupIdentifier="inline" />
+                                                            </span>
+                                                            <span class="form-check-label-icon-unchecked">
+                                                                <core:icon identifier="miscellaneous-placeholder" size="small" alternativeMarkupIdentifier="inline" />
+                                                            </span>
+                                                        </span>
+                                                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:listEnd" />
+                                                    </label>
+                                                </div>
+                                                <div class="form-check form-check-type-icon-toggle">
+                                                    <input type="checkbox" class="form-check-input" name="hidePages" id="hidePages" value="1" />
+                                                    <label for="hidePages" class="form-check-label">
+                                                        <span class="form-check-label-icon">
+                                                            <span class="form-check-label-icon-checked">
+                                                                <core:icon identifier="actions-check" size="small" alternativeMarkupIdentifier="inline" />
+                                                            </span>
+                                                            <span class="form-check-label-icon-unchecked">
+                                                                <core:icon identifier="miscellaneous-placeholder" size="small" alternativeMarkupIdentifier="inline" />
+                                                            </span>
+                                                        </span>
+                                                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:hidePages" />
+                                                    </label>
+                                                </div>
+                                                <div class="form-check form-check-type-icon-toggle">
+                                                    <input type="checkbox" class="form-check-input" name="hidePagesInMenus" id="hidePagesInMenus" value="1" />
+                                                    <label for="hidePagesInMenus" class="form-check-label">
+                                                        <span class="form-check-label-icon">
+                                                            <span class="form-check-label-icon-checked">
+                                                                <core:icon identifier="actions-check" size="small" alternativeMarkupIdentifier="inline" />
+                                                            </span>
+                                                            <span class="form-check-label-icon-unchecked">
+                                                                <core:icon identifier="miscellaneous-placeholder" size="small" alternativeMarkupIdentifier="inline" />
+                                                            </span>
+                                                        </span>
+                                                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:hidePagesInMenus" />
+                                                    </label>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="form-group">
+                                    <input
+                                        class="btn btn-primary"
+                                        type="submit"
+                                        name="create"
+                                        value="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:create')}"
+                                    />
+                                    <input
+                                        class="btn btn-default t3js-newmultiplepages-reset-fields"
+                                        type="reset"
+                                        value="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:reset')}"
+                                    />
+                                </div>
+                            </form>
+                        </f:else>
+                    </f:if>
+                </f:else>
+            </f:if>
+        </f:else>
+    </f:if>
+</f:section>
+
+<f:section name="FormLine">
+    <fieldset class="form-section" id="form-line-{line.index}">
+        <div class="row">
+            <div class="form-group col-8">
+                <label class="form-label" for="page_new_{line.index}">
+                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_new.xlf:newPage"/> {line.label}
+                </label>
+                <div class="formengine-field-item t3js-formengine-field-item">
+                    <div class="form-control-wrap">
+                        <div class="form-wizards-wrap">
+                            <input
+                                class="form-control t3js-newmultiplepages-page-title"
+                                type="text"
+                                id="page_new_{line.index}"
+                                name="pages[NEW{line.index}][title]"
+                                placeholder="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_general.xlf:LGL.title')}"
+                            />
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="form-group col-4">
+                <label class="form-label" for="page_new_select_{line.index}">
+                    <f:translate key="doktype" domain="core.db.pages"/>
+                </label>
+                <div class="formengine-field-item t3js-formengine-field-item">
+                    <div class="form-control-wrap">
+                        <div class="form-wizards-wrap">
+                            <div class="form-wizards-item-element">
+                                <div class="input-group">
+                                    <span class="input-group-text input-group-icon" id="page_new_icon_{line.index}">
+                                        <core:iconForRecord table="pages" row="{id: '0'}" />
+                                    </span>
+                                    <select id="page_new_select_{line.index}" class="form-select t3js-newmultiplepages-select-doktype" name="pages[NEW{line.index}][doktype]" data-target="#page_new_icon_{line.index}">
+                                        <f:for each="{line.pageTypes}" as="typegroup" key="group">
+                                            <optgroup label="{group}">
+                                                <f:for each="{typegroup}" as="type">
+                                                    <option data-icon='{core:icon(identifier: type.icon)}' value="{type.value}">{f:translate(key: type.label, default: type.label)}</option>
+                                                </f:for>
+                                            </optgroup>
+                                        </f:for>
+                                    </select>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </fieldset>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Page/SortSubPages.fluid.html b/Resources/Private/Templates/Page/SortSubPages.fluid.html
new file mode 100644
index 0000000..bb81a4e
--- /dev/null
+++ b/Resources/Private/Templates/Page/SortSubPages.fluid.html
@@ -0,0 +1,163 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Content">
+
+    <f:asset.module identifier="@typo3/backend/context-menu.js"/>
+    <f:asset.module identifier="@typo3/backend/modal.js"/>
+
+    <h1>
+        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:title" />
+    </h1>
+
+    <f:if condition="{isInWorkspace}">
+        <f:then>
+            <f:be.infobox
+                title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:notAvailableInWorkspace.title')}"
+                message="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:notAvailableInWorkspace.message')}"
+                state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}"
+            />
+        </f:then>
+        <f:else>
+            <f:if condition="{subPages}">
+                <f:then>
+                    <f:if condition="{hasInvisiblePage}">
+                        <f:be.infobox
+                            title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:hasInvisiblePage.title')}"
+                            message="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:hasInvisiblePage.message')}"
+                            state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
+                        />
+                    </f:if>
+
+                    <h2>
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:currentPageOrder" />
+                    </h2>
+
+                    <div class="table-fit">
+                        <table class="table table-striped table-hover">
+                            <thead>
+                                <tr>
+                                    <th>
+                                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:fieldTitle" />
+                                    </th>
+                                    <th>
+                                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:fieldSubtitle" />
+                                    </th>
+                                    <th>
+                                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:fieldNavTitle" />
+                                    </th>
+                                    <th>
+                                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:fieldTstamp" />
+                                    </th>
+                                    <th>
+                                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:fieldCrdate" />
+                                    </th>
+                                </tr>
+                            </thead>
+
+                            <f:for each="{subPages}" as="page">
+                                <tr>
+                                    <td class="text-nowrap">
+                                        <core:iconForRecord table="pages" row="{page.record}" />
+                                        <f:if condition="!{page.canEdit}">
+                                            <span title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:noEditPermissions')}">
+                                                <core:icon identifier="status-status-permission-denied" />
+                                            </span>
+                                        </f:if>
+                                        {page.record.title -> f:format.crop(maxCharacters: maxTitleLength)}
+                                    </td>
+                                    <td class="text-nowrap">
+                                        {page.record.subtitle -> f:format.crop(maxCharacters: maxTitleLength)}
+                                    </td>
+                                    <td class="text-nowrap">
+                                        {page.record.nav_title -> f:format.crop(maxCharacters: maxTitleLength)}
+                                    </td>
+                                    <td class="text-nowrap">
+                                        <f:format.date format="{dateFormat} {timeFormat}">{page.record.tstamp}</f:format.date>
+                                    </td>
+                                    <td class="text-nowrap">
+                                        <f:format.date format="{dateFormat} {timeFormat}">{page.record.crdate}</f:format.date>
+                                    </td>
+                                </tr>
+                            </f:for>
+                        </table>
+                    </div>
+
+                    <h2>
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:changeOrder"/>
+                    </h2>
+                    <a class="btn btn-default t3js-modal-trigger"
+                        href="{be:moduleLink(route:'pages_sort', arguments:'{id:parentPageUid, newSortBy:\'title\'}')}"
+                        data-severity="warning"
+                        data-title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:pleaseConfirm')}"
+                        data-button-close-text="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:cancel')}"
+                        data-content="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:changeOrderConfirm')}"
+                    >
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:changeOrderByTitle" />
+                    </a>
+                    <a class="btn btn-default t3js-modal-trigger"
+                        href="{be:moduleLink(route:'pages_sort', arguments:'{id:parentPageUid, newSortBy:\'subtitle\'}')}"
+                        data-severity="warning"
+                        data-title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:pleaseConfirm')}"
+                        data-button-close-text="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:cancel')}"
+                        data-content="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:changeOrderConfirm')}"
+                    >
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:changeOrderBySubtitle" />
+                    </a>
+                    <a class="btn btn-default t3js-modal-trigger"
+                        href="{be:moduleLink(route:'pages_sort', arguments:'{id:parentPageUid, newSortBy:\'nav_title\'}')}"
+                        data-severity="warning"
+                        data-title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:pleaseConfirm')}"
+                        data-button-close-text="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:cancel')}"
+                        data-content="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:changeOrderConfirm')}"
+                    >
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:changeOrderByNavtitle" />
+                    </a>
+                    <a class="btn btn-default t3js-modal-trigger"
+                        href="{be:moduleLink(route:'pages_sort', arguments:'{id:parentPageUid, newSortBy:\'tstamp\'}')}"
+                        data-severity="warning"
+                        data-title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:pleaseConfirm')}"
+                        data-button-close-text="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:cancel')}"
+                        data-content="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:changeOrderConfirm')}"
+                    >
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:changeOrderByTstamp" />
+                    </a>
+                    <a class="btn btn-default t3js-modal-trigger"
+                        href="{be:moduleLink(route:'pages_sort', arguments:'{id:parentPageUid, newSortBy:\'create\'}')}"
+                        data-severity="warning"
+                        data-title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:pleaseConfirm')}"
+                        data-button-close-text="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:cancel')}"
+                        data-content="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:changeOrderConfirm')}"
+                    >
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:changeOrderByCreate" />
+                    </a>
+                    <a class="btn btn-default t3js-modal-trigger"
+                        href="{be:moduleLink(route:'pages_sort', arguments:'{id:parentPageUid, newSortBy:\'reverseCurrentSorting\'}')}"
+                        data-severity="warning"
+                        data-title="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:pleaseConfirm')}"
+                        data-button-close-text="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:cancel')}"
+                        data-content="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:changeOrderConfirm')}"
+                    >
+                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:changeOrderReverse" />
+                    </a>
+                </f:then>
+                <f:else>
+                    <f:be.infobox
+                        title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:noSubpages.title')}"
+                        message="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_pages_sort.xlf:noSubpages.message')}"
+                        state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
+                    />
+                </f:else>
+            </f:if>
+        </f:else>
+    </f:if>
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/PageLayout/FluidBasedContentPreviewRenderingException.fluid.html b/Resources/Private/Templates/PageLayout/FluidBasedContentPreviewRenderingException.fluid.html
new file mode 100644
index 0000000..1253ba2
--- /dev/null
+++ b/Resources/Private/Templates/PageLayout/FluidBasedContentPreviewRenderingException.fluid.html
@@ -0,0 +1,11 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<f:be.infobox
+    title="{error.title}"
+    state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::ERROR')}"
+>
+    {error.message}
+</f:be.infobox>
+</html>
diff --git a/Resources/Private/Templates/PageLayout/PageLayout.fluid.html b/Resources/Private/Templates/PageLayout/PageLayout.fluid.html
new file mode 100644
index 0000000..a26e102
--- /dev/null
+++ b/Resources/Private/Templates/PageLayout/PageLayout.fluid.html
@@ -0,0 +1,9 @@
+{namespace be=TYPO3\CMS\Backend\ViewHelpers}
+<f:if condition="{context.drawingConfiguration.languageComparisonMode}">
+    <f:then>
+        <f:render partial="PageLayout/LanguageColumns" arguments="{_all}" />
+    </f:then>
+    <f:else>
+        <f:render partial="PageLayout/Grid" arguments="{_all}" />
+    </f:else>
+</f:if>
diff --git a/Resources/Private/Templates/PageLayout/PageModule.fluid.html b/Resources/Private/Templates/PageLayout/PageModule.fluid.html
new file mode 100644
index 0000000..ebcfd3f
--- /dev/null
+++ b/Resources/Private/Templates/PageLayout/PageModule.fluid.html
@@ -0,0 +1,57 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Before">
+    <f:asset.module identifier="@typo3/backend/clear-cache.js"/>
+    <f:asset.module identifier="@typo3/backend/new-content-element-wizard-button.js"/>
+    <f:asset.module identifier="@typo3/backend/context-menu.js"/>
+    <f:asset.module identifier="@typo3/backend/localization.js"/>
+    <f:asset.module identifier="@typo3/backend/layout-module/drag-drop.js"/>
+    <f:asset.module identifier="@typo3/backend/layout-module/velocity-scroll.js"/>
+    <f:asset.module identifier="@typo3/backend/layout-module/page-layout.js"/>
+    <f:asset.module identifier="@typo3/backend/modal.js"/>
+    <f:asset.module identifier="@typo3/backend/element/editable-page-title.js"/>
+    <f:asset.module identifier="@typo3/backend/element/contextual-record-edit-trigger.js"/>
+    <f:asset.module identifier="@typo3/backend/element/qrcode-modal-button.js"/>
+    <f:asset.module identifier="@typo3/backend/element/immediate-action-element.js"/>
+    <f:variable name="immediateActionArgs" value="{0: 'web', 1: pageId}" />
+    <typo3-immediate-action
+        action="TYPO3.Backend.Storage.ModuleStateStorage.update"
+        args="{immediateActionArgs -> f:format.json() -> f:format.htmlspecialchars()}"
+    ></typo3-immediate-action>
+</f:section>
+
+<f:section name="Content">
+
+    <f:if condition="!{pageLayoutContext.drawingConfiguration.languageComparisonMode}">
+        <typo3-backend-editable-page-title
+            pageTitle="{localizedPageTitle}"
+            pageId="{pageId}"
+            localizedPageId="{localizedPageId}"
+            {isPageEditable ? 'editable' : ''}
+        >
+            {localizedPageTitle}
+        </typo3-backend-editable-page-title>
+    </f:if>
+
+    <f:for each="{infoBoxes}" as="infoBox">
+        <f:be.infobox state="{infoBox.state}">
+            <f:format.raw>{infoBox.message}</f:format.raw>
+        </f:be.infobox>
+    </f:for>
+
+    <f:format.raw>{eventContentHtmlTop}</f:format.raw>
+
+    <form action="{f:be.uri(route:'web_layout', parameters:'{id: pageId}')}" id="PageLayoutController" method="post">
+        <f:format.raw>{mainContentHtml}</f:format.raw>
+    </form>
+
+    <f:format.raw>{eventContentHtmlBottom}</f:format.raw>
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/PageLayout/PageModuleNoAccess.fluid.html b/Resources/Private/Templates/PageLayout/PageModuleNoAccess.fluid.html
new file mode 100644
index 0000000..3d94005
--- /dev/null
+++ b/Resources/Private/Templates/PageLayout/PageModuleNoAccess.fluid.html
@@ -0,0 +1,24 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Before">
+    <f:asset.module identifier="@typo3/backend/element/immediate-action-element.js"/>
+    <f:variable name="immediateActionArgs" value="{0: 'web', 1: pageId}" />
+    <typo3-immediate-action
+        action="TYPO3.Backend.Storage.ModuleStateStorage.update"
+        args="{immediateActionArgs -> f:format.json() -> f:format.htmlspecialchars()}"
+    ></typo3-immediate-action>
+</f:section>
+
+<f:section name="Content">
+
+    <h1>{siteName}</h1>
+    <f:be.infobox message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_layout.xlf:clickAPage_content')}" state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}" />
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/PageLayout/UnusedRecords.fluid.html b/Resources/Private/Templates/PageLayout/UnusedRecords.fluid.html
new file mode 100644
index 0000000..2831ac9
--- /dev/null
+++ b/Resources/Private/Templates/PageLayout/UnusedRecords.fluid.html
@@ -0,0 +1 @@
+<f:render partial="PageLayout/Grid" arguments="{_all}" />
diff --git a/Resources/Private/Templates/PageTsConfig/Active.fluid.html b/Resources/Private/Templates/PageTsConfig/Active.fluid.html
new file mode 100644
index 0000000..6b8bb3a
--- /dev/null
+++ b/Resources/Private/Templates/PageTsConfig/Active.fluid.html
@@ -0,0 +1,384 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:backend="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module"/>
+
+<f:section name="Before">
+    <f:asset.module identifier="@typo3/backend/context-menu.js"/>
+    <f:asset.module identifier="@typo3/backend/element/immediate-action-element.js"/>
+    <f:asset.module identifier="@typo3/backend/tree/tree-node-toggle.js"/>
+    <f:asset.module identifier="@typo3/backend/utility/collapse-state-persister.js"/>
+    <f:asset.module identifier="@typo3/backend/utility/collapse-state-search.js"/>
+    <f:variable name="args" value="{0: 'web', 1: pageUid}" />
+    <typo3-immediate-action
+        action="TYPO3.Backend.Storage.ModuleStateStorage.update"
+        args="{args -> f:format.json() -> f:format.htmlspecialchars()}"
+    ></typo3-immediate-action>
+</f:section>
+
+<f:section name="Content">
+    <h1>
+        <f:translate
+            key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_active.headline"
+            arguments="{
+                0: '{pageTitle}'
+            }"
+        />
+    </h1>
+    <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_active.description" /></p>
+
+    <f:render section="Options" arguments="{_all}" />
+
+    <f:comment><!-- Constants from Site settings --></f:comment>
+    <f:if condition="{siteSettingsAst}">
+        <h2><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_active.siteSettings" /></h2>
+        <div class="panel-group">
+            <f:render
+                section="TreePanel"
+                arguments="{
+                    type: 'constant',
+                    tree: siteSettingsAst,
+                    pageUid: pageUid,
+                    displayComments: 0
+                }"
+            />
+        </div>
+    </f:if>
+
+    <h2><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_active.activePageTsConfig" /></h2>
+    <f:if condition="!{pageTsConfigAst.children}">
+        <f:then>
+            <f:be.infobox
+                message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_active.noPageTSconfigAvailable')}"
+                state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
+            />
+        </f:then>
+        <f:else>
+            <div class="panel-group">
+                <f:if condition="{pageTsConfigConditions}">
+                    <f:render
+                        section="Conditions"
+                        arguments="{
+                            pageUid: pageUid,
+                            conditions: pageTsConfigConditions,
+                            conditionActiveCount: pageTsConfigConditionsActiveCount,
+                            displayConstantSubstitutions: displayConstantSubstitutions
+                        }"
+                    />
+                </f:if>
+                <f:render
+                    section="TreePanel"
+                    arguments="{
+                        type: 'setup',
+                        tree: pageTsConfigAst,
+                        pageUid: pageUid,
+                        displayComments: displayComments,
+                        displayConstantSubstitutions: displayConstantSubstitutions
+                    }"
+                />
+            </div>
+        </f:else>
+    </f:if>
+</f:section>
+
+<f:section name="Options">
+    <div class="form-row-md align-items-md-end">
+        <div class="form-group">
+            <form action="#">
+                <label for="searchValue" class="form-label">
+                    <f:translate key="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.label.searchString" />
+                </label>
+                <div class="input-group">
+                    <input
+                        type="search"
+                        autocomplete="off"
+                        class="form-control t3js-collapse-search-term"
+                        id="searchValue"
+                        name="searchValue"
+                        data-persist-collapse-search-key="collapse-search-term-pagets"
+                        value=""
+                        minlength="3"
+                    />
+                </div>
+            </form>
+        </div>
+        <div class="form-group">
+            <div class="form-row-md">
+                <f:if condition="{siteSettingsAst}">
+                    <div class="form-group">
+                        <form action="{f:be.uri(route: 'pagetsconfig_active', parameters: '{id: pageUid}')}" method="post">
+                            <input type="hidden" name="displayConstantSubstitutions" value="0" />
+                            <div class="form-check form-switch form-check-size-input">
+                                <input
+                                    type="checkbox"
+                                    class="form-check-input"
+                                    name="displayConstantSubstitutions"
+                                    id="displayConstantSubstitutions"
+                                    value="1"
+                                    data-global-event="change"
+                                    data-action-submit="$form"
+                                    data-value-selector="input[name='displayConstantSubstitutions']"
+                                    {f:if(condition: displayConstantSubstitutions, then: 'checked="checked"')}
+                                />
+                                <label class="form-check-label" for="displayConstantSubstitutions">
+                                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_active.displayConstantSubstitutions" />
+                                </label>
+                            </div>
+                        </form>
+                    </div>
+                </f:if>
+                <div class="form-group">
+                    <form action="{f:be.uri(route: 'pagetsconfig_active', parameters: '{id: pageUid}')}" method="post">
+                        <input type="hidden" name="displayComments" value="0" />
+                        <div class="form-check form-switch form-check-size-input">
+                            <input
+                                type="checkbox"
+                                class="form-check-input"
+                                name="displayComments"
+                                id="displayComments"
+                                value="1"
+                                data-global-event="change"
+                                data-action-submit="$form"
+                                data-value-selector="input[name='displayComments']"
+                                {f:if(condition: displayComments, then: 'checked="checked"')}
+                            />
+                            <label class="form-check-label" for="displayComments">
+                                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_active.displayComments" />
+                            </label>
+                        </div>
+                    </form>
+                </div>
+                <div class="form-group">
+                    <form action="{f:be.uri(route: 'pagetsconfig_active', parameters: '{id: pageUid}')}" method="post">
+                        <input type="hidden" name="sortAlphabetically" value="0" />
+                        <div class="form-check form-switch form-check-size-input">
+                            <input
+                                type="checkbox"
+                                class="form-check-input"
+                                name="sortAlphabetically"
+                                id="sortAlphabetically"
+                                value="1"
+                                data-global-event="change"
+                                data-action-submit="$form"
+                                data-value-selector="input[name='sortAlphabetically']"
+                                {f:if(condition: sortAlphabetically, then: 'checked="checked"')}
+                            />
+                            <label class="form-check-label" for="sortAlphabetically">
+                                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_active.sortAlphabetically" />
+                            </label>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</f:section>
+
+<f:section name="Conditions">
+    <div class="panel panel-default">
+        <h3 class="panel-heading" role="tab" id="pagetsconfig-active-conditions-heading">
+            <div class="panel-heading-row">
+                <button
+                    class="panel-button collapsed"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#pagetsconfig-active-conditions-body"
+                    aria-controls="pagetsconfig-active-conditions-body"
+                    aria-expanded="false"
+                >
+                    <div class="panel-title">
+                        <strong><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_active.panel.header.conditions"/></strong>
+                    </div>
+                    <f:if condition="{conditionActiveCount}">
+                        <div class="panel-badge">
+                            <span class="badge badge-info">
+                                <f:translate
+                                    key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_active.panel.info.conditionActiveCount.{f:if(condition: '{conditionActiveCount} > 1', then:'multiple', else: 'single')}"
+                                    arguments="{0: conditionActiveCount}"
+                                />
+                            </span>
+                        </div>
+                    </f:if>
+                    <span class="caret"></span>
+                </button>
+            </div>
+        </h3>
+        <div
+            class="panel-collapse collapse"
+            id="pagetsconfig-active-conditions-body"
+            data-persist-collapse-state="true"
+            data-persist-collapse-state-if-state="shown"
+            role="tabpanel"
+            aria-labelledby="pagetsconfig-active-conditions-heading"
+        >
+            <div class="panel-body">
+                <form action="{f:be.uri(route: 'pagetsconfig_active', parameters: '{id: pageUid}')}" method="post">
+                    <f:for each="{conditions}" as="condition">
+                        <input type="hidden" name="pageTsConfigConditions[{condition.hash}]" value="0" />
+                        <div class="form-check form-switch">
+                            <input
+                                type="checkbox"
+                                class="form-check-input"
+                                id="condition{condition.hash}"
+                                name="pageTsConfigConditions[{condition.hash}]"
+                                value="1"
+                                data-global-event="change"
+                                data-action-submit="$form"
+                                data-value-selector="input[name='pageTsConfigConditions[{condition.hash}]']"
+                                {f:if(condition: condition.active, then: 'checked="checked"')}
+                            />
+                            <label class="form-check-label" for="condition{condition.hash}">
+                                <f:if condition="{displayConstantSubstitutions} && {condition.originalValue}">
+                                    <f:then>
+                                        <span class="font-monospace">[{condition.value}]</span>
+                                        <span class="diff-inline">
+                                            <f:format.raw>
+                                                <f:translate
+                                                    key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_active.panel.info.conditionWithConstant"
+                                                    arguments="{
+                                                        0: '{backend:typoScript.fineDiff(from: condition.originalValue, to: condition.value)}'
+                                                    }"
+                                                />
+                                            </f:format.raw>
+                                        </span>
+                                    </f:then>
+                                    <f:else>
+                                        <span class="font-monospace">[{condition.value}]</span>
+                                    </f:else>
+                                </f:if>
+                            </label>
+                        </div>
+                    </f:for>
+                </form>
+            </div>
+        </div>
+    </div>
+</f:section>
+
+<f:section name="TreePanel">
+    <div class="panel panel-default">
+        <h3 class="panel-heading" role="tab" id="pagetsconfig-active-{type}-ast-heading">
+            <div class="panel-heading-row">
+                <button
+                    class="panel-button collapsed"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#pagetsconfig-active-{type}-ast-body"
+                    aria-controls="pagetsconfig-active-{type}-ast-body"
+                    aria-expanded="false"
+                    id="panel-tree-heading-{type}"
+                >
+                    <div class="panel-title">
+                        <strong><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_active.panel.header.configuration"/></strong>
+                    </div>
+                    <div class="panel-heading-badge">
+                        <span class="badge badge-success hidden t3js-collapse-states-search-numberOfSearchMatches"></span>
+                    </div>
+                    <span class="caret"></span>
+                </button>
+            </div>
+        </h3>
+        <div
+            id="pagetsconfig-active-{type}-ast-body"
+            class="panel-collapse collapse"
+            data-persist-collapse-state="true"
+            data-persist-collapse-state-if-state="shown"
+            aria-labelledby="pagetsconfig-active-{type}-ast-heading"
+            role="tabpanel"
+        >
+            <div class="panel-body panel-body-overflow t3js-collapse-states-search-tree">
+                <ul class="treelist">
+                    <f:render
+                        section="Tree"
+                        arguments="{
+                            type: type,
+                            tree: tree,
+                            pageUid: pageUid,
+                            displayConstantSubstitutions: displayConstantSubstitutions,
+                            displayComments: displayComments
+                        }"
+                    />
+                </ul>
+            </div>
+        </div>
+    </div>
+</f:section>
+
+<f:section name="Tree">
+    <f:for each="{tree.nextChild}" as="child">
+        <f:if condition="{displayComments} && {child.comments}">
+            <li class="loose">
+                <div class="treelist-comment">
+                    <f:for each="{child.comments}" as="comment" iteration="iterator">
+                        <div><f:format.nl2br>{comment}</f:format.nl2br></div>
+                    </f:for>
+                </div>
+            </li>
+        </f:if>
+        <f:if condition="{displayConstantSubstitutions} && {child.originalValueTokenStream}">
+            <li class="loose">
+                <span class="diff-inline">
+                    <f:format.raw>
+                        <f:variable name="trimmedValueTokenStream"><f:format.trim>{child.originalValueTokenStream}</f:format.trim></f:variable>
+                        <f:translate
+                            key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_active.tree.valueWithConstant"
+                            arguments="{
+                                0: '{backend:typoScript.fineDiff(from: trimmedValueTokenStream, to: child.value)}'
+                            }"
+                        />
+                    </f:format.raw>
+                </span>
+            </li>
+        </f:if>
+        <li>
+            <f:if condition="{child.children}">
+                <typo3-backend-tree-node-toggle
+                    class="treelist-control collapsed"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#collapse-list-{child.identifier}"
+                    aria-expanded="false">
+                </typo3-backend-tree-node-toggle>
+            </f:if>
+            <span class="treelist-group treelist-group-monospace">
+                <span class="treelist-label">{child.name}</span>
+                <f:if condition="!{child.valueNull}">
+                    <span class="treelist-operator">=</span>
+                    <span class="treelist-value">{child.value}</span>
+                </f:if>
+                <f:if condition="{child.referenceSourceStream}">
+                    <span class="treelist-operator">=<</span>
+                    <span class="treelist-value">{child.referenceSourceStream}</span>
+                </f:if>
+            </span>
+            <f:if condition="{child.children}">
+                <div
+                    class="treelist-collapse collapse"
+                    data-persist-collapse-state="true"
+                    data-persist-collapse-state-suffix="pagets-active-{type}"
+                    data-persist-collapse-state-not-if-search="true"
+                    data-persist-collapse-state-if-state="shown"
+                    id="collapse-list-{child.identifier}"
+                >
+                    <ul class="treelist">
+                        <f:render
+                            section="Tree"
+                            arguments="{
+                                type: type,
+                                tree: child,
+                                pageUid: pageUid,
+                                displayConstantSubstitutions: displayConstantSubstitutions,
+                                displayComments: displayComments
+                            }"
+                        />
+                    </ul>
+                </div>
+            </f:if>
+        </li>
+    </f:for>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/PageTsConfig/Includes.fluid.html b/Resources/Private/Templates/PageTsConfig/Includes.fluid.html
new file mode 100644
index 0000000..2811a5b
--- /dev/null
+++ b/Resources/Private/Templates/PageTsConfig/Includes.fluid.html
@@ -0,0 +1,264 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    xmlns:backend="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module"/>
+
+<f:section name="Before">
+    <f:asset.module identifier="@typo3/backend/context-menu.js"/>
+    <f:asset.module identifier="@typo3/backend/element/immediate-action-element.js"/>
+    <f:asset.module identifier="@typo3/backend/tree/tree-node-toggle.js"/>
+    <f:asset.module identifier="@typo3/backend/utility/collapse-state-persister.js"/>
+    <f:asset.module identifier="@typo3/backend/pagetsconfig/pagetsconfig-includes.js"/>
+    <f:variable name="args" value="{0: 'web', 1: pageUid}" />
+    <typo3-immediate-action
+        action="TYPO3.Backend.Storage.ModuleStateStorage.update"
+        args="{args -> f:format.json() -> f:format.htmlspecialchars()}"
+    ></typo3-immediate-action>
+</f:section>
+
+<f:section name="Content">
+    <h1>
+        <f:translate
+            key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_includes.headline"
+            arguments="{
+                0: '{pageTitle}'
+            }"
+        />
+    </h1>
+    <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_includes.description" /></p>
+
+    <f:if condition="{siteSettingsTree.children}">
+        <h2><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_includes.siteSettings" /></h2>
+        <div class="panel-group">
+            <f:render
+                section="TreePanel"
+                arguments="{
+                    type: 'constants',
+                    tree: siteSettingsTree,
+                    pageUid: pageUid
+                }"
+            />
+        </div>
+    </f:if>
+
+    <f:if condition="{pageTsConfigTree.children}">
+        <h2><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_includes.pagetsconfig" /></h2>
+        <div class="panel-group">
+            <f:render
+                section="SyntaxErrors"
+                arguments="{
+                    type: 'constants',
+                    pageUid: pageUid,
+                    errors: syntaxErrors,
+                    errorCount: syntaxErrorCount
+                }"
+            />
+            <f:render
+                section="TreePanel"
+                arguments="{
+                    type: 'setup',
+                    tree: pageTsConfigTree,
+                    pageUid: pageUid
+                }"
+            />
+        </div>
+    </f:if>
+</f:section>
+
+<f:section name="TreePanel">
+    <div class="panel panel-default">
+        <h3 class="panel-heading" role="tab" id="pagetsconfig-includes-{type}-tree-heading">
+            <div class="panel-heading-row">
+                <button
+                    class="panel-button collapsed"
+                    type="button"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#pagetsconfig-includes-{type}-tree-body"
+                    aria-controls="pagetsconfig-includes-{type}-tree-body"
+                    aria-expanded="false"
+                >
+                    <div class="panel-title">
+                        <strong><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_includes.panel.header.configuration"/></strong>
+                    </div>
+                    <span class="caret"></span>
+                </button>
+            </div>
+        </h3>
+        <div id="pagetsconfig-includes-{type}-tree-body" class="panel-collapse collapse" data-persist-collapse-state="true" aria-labelledby="pagetsconfig-includes-{type}-tree-heading">
+            <div class="panel-body panel-body-overflow">
+                <ul class="treelist">
+                    <f:render
+                        section="Tree"
+                        arguments="{
+                            type: type,
+                            pageUid: pageUid,
+                            tree: tree
+                        }"
+                    />
+                </ul>
+            </div>
+        </div>
+    </div>
+</f:section>
+
+<f:section name="Tree">
+    <f:if condition="{tree.children}">
+        <f:for each="{tree.nextChild}" as="child">
+            <li>
+                <f:if condition="{child.children}">
+                    <typo3-backend-tree-node-toggle
+                        class="treelist-control treelist-control-collapsed"
+                        data-bs-toggle="collapse"
+                        data-bs-target="#collapse-list-{child.identifier}"
+                        aria-expanded="false">
+                    </typo3-backend-tree-node-toggle>
+                </f:if>
+                <div class="row justify-content-between">
+                    <div class="col">
+                        <div class="row row-cols-auto justify-content-md-between">
+                            <div class="col col-12 col-lg-auto">
+                                <span class="treelist-group treelist-group-monospace">
+                                    <span class="treelist-label">
+                                        <f:if condition="{child.type} == 'Segment'">
+                                            <f:then>
+                                                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_includes.tree.child.type.Segment" />
+                                            </f:then>
+                                            <f:else if="{child.type} == 'Condition'">
+                                                {child.lineStream}
+                                            </f:else>
+                                            <f:else if="{child.type} == 'ConditionElse'">
+                                                {child.lineStream}
+                                            </f:else>
+                                            <f:else if="{child.type} == 'ConditionStop'">
+                                                {child.lineStream}
+                                            </f:else>
+                                            <f:else>
+                                                {child.name}
+                                            </f:else>
+                                        </f:if>
+                                    </span>
+                                </span>
+                            </div>
+                            <div class="col col-12 col-lg-auto text-md-end">
+                                <f:comment><!-- Hand {child.type} over to f:translate and add locallang.xlf entries when Include classes stabilized. --></f:comment>
+                                <f:if condition="{child.type} != 'Segment'">
+                                    <f:then>
+                                        <span class="badge">
+                                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_includes.tree.child.type.{child.type}" />
+                                        </span>
+                                    </f:then>
+                                </f:if>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col col-auto text-end">
+                        <div class="btn-group">
+                            <f:be.link
+                                route="pagetsconfig_includes.source"
+                                parameters="{id: pageUid, includeType: type, identifier: child.identifier}"
+                                additionalAttributes="{'data-modal-title': child.name}"
+                                class="btn btn-default btn-sm t3js-pagetsconfig-includes-modal{f:if(condition:'!{child.lineStream}', then:' disabled')}"
+                                title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_includes.tree.child.btn.sourceCode')}"
+                            >
+                                <core:icon identifier="{f:if(condition:'{child.lineStream}', then:'actions-variable', else: 'empty-empty')}" />
+                            </f:be.link>
+                            <f:be.link
+                                route="pagetsconfig_includes.sourceWithIncludes"
+                                parameters="{id: pageUid, includeType: type, identifier: child.identifier}"
+                                additionalAttributes="{'data-modal-title': '{child.name} (with resolved includes)'}"
+                                class="btn btn-default btn-sm t3js-pagetsconfig-includes-modal{f:if(condition:'!{child.children}', then:' disabled')}"
+                                title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_includes.tree.child.btn.sourceCodeWithResolvedIncludes')}"
+                            >
+                                <core:icon identifier="{f:if(condition:'{child.children}', then:'actions-variable-select', else: 'empty-empty')}" />
+                            </f:be.link>
+                        </div>
+                    </div>
+                </div>
+
+                <f:if condition="{child.children}">
+                    <ul
+                        class="treelist list-group collapse"
+                        id="collapse-list-{child.identifier}"
+                        data-persist-collapse-state="true"
+                        data-persist-collapse-state-suffix="typoscript-include-{type}"
+                        data-persist-collapse-state-if-state="shown"
+                    >
+                        <f:render
+                            section="Tree"
+                            arguments="{
+                                type: type,
+                                pageUid: pageUid,
+                                tree: child
+                            }"
+                        />
+                    </ul>
+                </f:if>
+            </li>
+        </f:for>
+    </f:if>
+</f:section>
+
+<f:section name="SyntaxErrors">
+    <f:if condition="{errors}">
+        <div class="panel panel-default">
+            <h3 class="panel-heading" role="tab" id="pagetsconfig-includes-errors-heading">
+                <div class="panel-heading-row">
+                    <button
+                        class="panel-button collapsed"
+                        type="button"
+                        data-bs-toggle="collapse"
+                        data-bs-target="#pagetsconfig-includes-errors-body"
+                        aria-controls="pagetsconfig-includes-errors-body"
+                        aria-expanded="false"
+                    >
+                        <div class="panel-title">
+                            <strong><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_includes.panel.header.syntaxErrors"/></strong>
+                        </div>
+                        <div class="panel-badge">
+                            <span class="badge badge-warning">
+                                <f:translate
+                                    key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_includes.panel.info.syntaxErrorCount.{f:if(condition: '{errorCount} > 1', then:'multiple', else: 'single')}"
+                                    arguments="{0: errorCount}"
+                                />
+                            </span>
+                        </div>
+                        <span class="caret"></span>
+                    </button>
+                </div>
+            </h3>
+            <div id="pagetsconfig-includes-errors-body" class="panel-collapse collapse" data-persist-collapse-state="true" aria-labelledby="pagetsconfig-includes-errors-heading">
+                <div class="panel-body">
+                    <f:for each="{errors}" as="error">
+                        <div class="row justify-content-between">
+                            <div class="col">
+                                <f:translate
+                                    key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_includes.syntaxError.type.{error.type}"
+                                    arguments="{0: error.include.name, 1: '{error.lineNumber + 1}'}"
+                                />
+                            </div>
+                            <div class="col col-auto text-end">
+                                <div class="btn-group">
+                                    <f:be.link
+                                        route="pagetsconfig_includes.source"
+                                        parameters="{id: pageUid, includeType: 'setup', identifier: error.include.identifier}"
+                                        additionalAttributes="{'data-modal-title': error.include.name}"
+                                        class="btn btn-default btn-sm t3js-pagetsconfig-includes-modal"
+                                        title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_includes.syntaxError.sourceCode')}"
+                                    >
+                                        <core:icon identifier="actions-variable" />
+                                    </f:be.link>
+                                </div>
+                            </div>
+                        </div>
+                    </f:for>
+                </div>
+            </div>
+        </div>
+    </f:if>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/PageTsConfig/RecordsOverview.fluid.html b/Resources/Private/Templates/PageTsConfig/RecordsOverview.fluid.html
new file mode 100644
index 0000000..78f81d7
--- /dev/null
+++ b/Resources/Private/Templates/PageTsConfig/RecordsOverview.fluid.html
@@ -0,0 +1,76 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module"/>
+
+<f:section name="Before">
+    <f:asset.module identifier="@typo3/backend/context-menu.js"/>
+    <f:asset.module identifier="@typo3/backend/element/immediate-action-element.js"/>
+    <f:variable name="args" value="{0: 'web', 1: id}" />
+    <typo3-immediate-action
+        action="TYPO3.Backend.Storage.ModuleStateStorage.update"
+        args="{args -> f:format.json() -> f:format.htmlspecialchars()}"
+    ></typo3-immediate-action>
+</f:section>
+
+<f:section name="Content">
+
+    <h1>
+        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_pages.headline" />
+    </h1>
+    <p><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_pages.description" /></p>
+
+    <f:if condition="!{accessContent}">
+        <f:then>
+            <f:be.infobox state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}" message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig.noAccess')}" />
+        </f:then>
+        <f:else>
+            <f:if condition="!{overviewOfPagesUsingTSConfig}">
+                <f:then>
+                    <f:be.infobox state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}" message="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_pages.noRecords')}" />
+                </f:then>
+                <f:else>
+                    <div class="table-fit">
+                        <table class="table table-striped table-hover">
+                            <thead>
+                                <tr>
+                                    <th><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_pages.pagetitle" /></th>
+                                    <th><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_pagetsconfig.xlf:module.pagetsconfig_pages.written_tsconfig_lines" /></th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                <f:for each="{overviewOfPagesUsingTSConfig}" as="line">
+                                    <tr>
+                                        <td class="align-top nowrap"><f:spaceless>
+                                            <span style="margin-left: {line.padding}px">
+                                                <button
+                                                    type="button"
+                                                    class="btn btn-link"
+                                                    data-contextmenu-trigger="click"
+                                                    data-contextmenu-table="pages"
+                                                    data-contextmenu-uid="{line.title}"
+                                                    aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.contextMenu.open')}"
+                                                >
+                                                    <span title="id={line.title}">
+                                                        <f:format.raw>{line.icon}</f:format.raw>
+                                                    </span>
+                                                </button>
+                                                <f:format.raw>{line.pageTitle}</f:format.raw>
+                                            </span>
+                                        </f:spaceless></td>
+                                        <td>{line.lines}</td>
+                                    </tr>
+                                </f:for>
+                            </tbody>
+                        </table>
+                    </div>
+                </f:else>
+            </f:if>
+        </f:else>
+    </f:if>
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/RecordDownloadSettings.fluid.html b/Resources/Private/Templates/RecordDownloadSettings.fluid.html
new file mode 100644
index 0000000..9866818
--- /dev/null
+++ b/Resources/Private/Templates/RecordDownloadSettings.fluid.html
@@ -0,0 +1,105 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<form
+    action="{f:be.uri(route:'record_download')}"
+    method="post"
+    id="downloadSettingsForm"
+>
+
+    <h1 class="h3"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.generalSettings"/></h1>
+    <div class="form-row">
+        <div class="form-group">
+            <label class="form-label">
+                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.columnsToDownload"/>
+            </label>
+            <div class="form-description">
+                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.default"
+                    arguments="{0: '{f:translate(key: \'LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.selectedColumns\')}'}"/>
+            </div>
+            <div class="form-check form-switch">
+                <input type="checkbox" class="form-check-input" name="allColumns" value="1" data-empty-value="0" id="allColumns">
+                <label class="form-check-label" for="allColumns">
+                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.allColumns"/>
+                </label>
+            </div>
+        </div>
+        <div class="form-group">
+            <label class="form-label">
+                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.valueFormat"/>
+            </label>
+            <div class="form-description">
+                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.default"
+                    arguments="{0: '{f:translate(key: \'LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.processedValues\')}'}"/>
+            </div>
+            <div class="form-check form-switch">
+                <input type="checkbox" class="form-check-input" name="rawValues" value="1" data-empty-value="0" id="rawValues"/>
+                <label class="form-check-label" for="rawValues">
+                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.rawValues"/>
+                </label>
+            </div>
+        </div>
+        <f:if condition="{presets}">
+            <div class="form-group">
+                <label class="form-label d-block" for="preset">
+                    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.preset"/>
+                </label>
+                <select id="preset" name="preset" class="form-select d-block">
+                    <option value=""></option>
+                    <f:for each="{presets}" as="preset">
+                        <option value="{preset.identifier}" title="{f:translate(key: preset.label, default: preset.label)}">{f:translate(key: preset.label, default: preset.label)}</option>
+                    </f:for>
+                </select>
+            </div>
+        </f:if>
+        <div class="form-group">
+            <label class="form-label" for="filename">
+                <strong><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.filename"/></strong>
+            </label>
+            <input type="text" id="filename" placeholder="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.filename.placeholder', arguments: '{0: table}')}" class="form-control" name="filename" size="30">
+        </div>
+        <div class="form-group">
+            <label class="form-label" for="format">
+                <strong><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.format"/></strong>
+            </label>
+            <select class="form-select t3js-record-download-format-selector" id="format" name="format">
+                <f:for each="{formats}" as="format" iteration="i">
+                    <option value="{format}" {f:if(condition: i.isFirst, then: 'selected')}><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.format.{format}"/></option>
+                </f:for>
+            </select>
+        </div>
+    </div>
+
+    <f:if condition="{formatOptions}">
+        <f:for each="{formatOptions}" key="formatName" as="format" iteration="i">
+            <div class="{f:if(condition: '!{i.isFirst}', then: 'hide')} t3js-record-download-format-option" data-formatName="{formatName}">
+                <h2 class="h3 headline-spaced"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.formatOptions.{formatName}"/></h2>
+                <div class="form-row mb-0">
+                    <f:for each="{format.options}" key="formatOptionName" as="formatOption">
+                        <div class="form-group">
+                            <label class="form-label" for="{formatName}-{formatOptionName}">
+                                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.formatOptions.{formatName}.{formatOptionName}"/>
+                            </label>
+                            <select class="form-select" id="{formatName}-{formatOptionName}" name="{formatName}[{formatOptionName}]">
+                                <f:for each="{formatOption}" key="optionName" as="option">
+                                    <option value="{option}" {f:if(condition: '{format.defaults.{formatOptionName}} == {option}', then: 'selected')}>{option} ({f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_download.xlf:downloadSettings.formatOptions.{formatName}.{formatOptionName}.{optionName}')})</option>
+                                </f:for>
+                            </select>
+                        </div>
+                    </f:for>
+                </div>
+            </div>
+        </f:for>
+    </f:if>
+
+    <input type="hidden" name="table" value="{downloadArguments.table}"/>
+    <input type="hidden" name="id" value="{downloadArguments.id}"/>
+    <input type="hidden" name="searchString" value="{downloadArguments.searchString}"/>
+    <input type="hidden" name="searchLevels" value="{downloadArguments.searchLevels}"/>
+    <input type="hidden" name="sortField" value="{downloadArguments.sortField}"/>
+    <input type="hidden" name="sortRev" value="{downloadArguments.sortRev}"/>
+</form>
+
+</html>
diff --git a/Resources/Private/Templates/RecordHistory/Main.fluid.html b/Resources/Private/Templates/RecordHistory/Main.fluid.html
new file mode 100644
index 0000000..41c449d
--- /dev/null
+++ b/Resources/Private/Templates/RecordHistory/Main.fluid.html
@@ -0,0 +1,25 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Content">
+
+    <h1>
+        {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:title')}
+        <f:if condition="{recordTable}">
+            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_show_rechis.xlf:headline.titleOf" />
+            {recordTableReadable} "{recordTitle}"
+        </f:if>
+    </h1>
+    <f:render partial="RecordHistory/Settings" arguments="{_all}" />
+    <f:if condition="{showDifferences}">
+        <f:render partial="RecordHistory/MultipleDiff" arguments="{_all}" />
+    </f:if>
+    <f:render partial="RecordHistory/History" arguments="{_all}" />
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/RecordList.fluid.html b/Resources/Private/Templates/RecordList.fluid.html
new file mode 100644
index 0000000..b53bdad
--- /dev/null
+++ b/Resources/Private/Templates/RecordList.fluid.html
@@ -0,0 +1,47 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Before">
+    <f:asset.module identifier="@typo3/backend/recordlist.js"/>
+    <f:asset.module identifier="@typo3/backend/record-download-button.js"/>
+    <f:asset.module identifier="@typo3/backend/clear-cache.js"/>
+    <f:asset.module identifier="@typo3/backend/record-search.js"/>
+    <f:asset.module identifier="@typo3/backend/ajax-data-handler.js"/>
+    <f:asset.module identifier="@typo3/backend/column-selector-button.js"/>
+    <f:asset.module identifier="@typo3/backend/multi-record-selection.js"/>
+    <f:asset.module identifier="@typo3/backend/multi-record-selection-delete-action.js"/>
+    <f:asset.module identifier="@typo3/backend/clipboard-panel.js"/>
+    <f:asset.module identifier="@typo3/backend/new-content-element-wizard-button.js"/>
+    <f:asset.module identifier="@typo3/backend/element/immediate-action-element.js"/>
+    <f:asset.module identifier="@typo3/backend/context-menu.js"/>
+    <f:asset.module identifier="@typo3/backend/localization.js"/>
+    <f:asset.module identifier="@typo3/backend/element/editable-page-title.js"/>
+    <f:asset.module identifier="@typo3/backend/page-wizard/new-page-wizard-button.js"/>
+    <f:variable name="immediateActionArgs" value="{0: 'web', 1: pageId}" />
+    <typo3-immediate-action
+        action="TYPO3.Backend.Storage.ModuleStateStorage.update"
+        args="{immediateActionArgs -> f:format.json() -> f:format.htmlspecialchars()}"
+    ></typo3-immediate-action>
+</f:section>
+
+<f:section name="Content">
+    <typo3-backend-editable-page-title
+        pageTitle="{pageTitle}"
+        pageId="{pageId}"
+        {isPageEditable ? 'editable' : ''}
+    >
+        {pageTitle}
+    </typo3-backend-editable-page-title>
+    <f:format.raw>{additionalContentTop}</f:format.raw>
+    <f:format.raw>{searchBoxHtml}</f:format.raw>
+    <f:format.raw>{pageTranslationsHtml}</f:format.raw>
+    <f:format.raw>{tableListHtml}</f:format.raw>
+    <f:format.raw>{clipboardHtml}</f:format.raw>
+    <f:format.raw>{additionalContentBottom}</f:format.raw>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/RecordSearchBox.fluid.html b/Resources/Private/Templates/RecordSearchBox.fluid.html
new file mode 100644
index 0000000..fc2ba21
--- /dev/null
+++ b/Resources/Private/Templates/RecordSearchBox.fluid.html
@@ -0,0 +1,41 @@
+<div class="recordsearchbox-container" data-recordsearchbox-container>
+    <form action="{formUrl}" method="post">
+        <div class="input-group">
+            <label for="recordsearchbox-searchterm" class="visually-hidden">
+                <f:translate id="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.label.searchString"/>
+            </label>
+            <input
+                data-recordsearchbox-input
+                class="form-control"
+                type="search"
+                autocomplete="off"
+                placeholder="{f:translate(id:'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.enterSearchString')}"
+                title="{f:translate(id: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.title.searchString')}"
+                name="searchTerm"
+                id="recordsearchbox-searchterm"
+                value="{searchString}"
+            />
+            <f:if condition="{availableSearchLevels -> f:count()} > 0">
+                <label for="search_levels" class="visually-hidden">
+                    <f:translate id="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.label.search_levels" />
+                </label>
+                <select
+                    data-recordsearchbox-levels
+                    class="form-select"
+                    name="search_levels"
+                    title="{f:translate(id: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.title.search_levels')}"
+                    id="search_levels"
+                >
+                    <f:for each="{availableSearchLevels}" as="searchLevel" key="level">
+                        <option {f:if(condition: '{level} == {selectedSearchLevel}', then: ' selected="selected"')} value="{level}">
+                        <f:translate id="LLL:{searchLevel}">{searchLevel}</f:translate>
+                        </option>
+                    </f:for>
+                </select>
+            </f:if>
+            <button data-recordsearchbox-submit class="btn btn-default" type="submit" name="search">
+                <f:translate id="LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.title.search" />
+            </button>
+        </div>
+    </form>
+</div>
diff --git a/Resources/Private/Templates/Security/CspModule.fluid.html b/Resources/Private/Templates/Security/CspModule.fluid.html
new file mode 100644
index 0000000..22537e1
--- /dev/null
+++ b/Resources/Private/Templates/Security/CspModule.fluid.html
@@ -0,0 +1,76 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Before">
+    <f:asset.module identifier="@typo3/backend/security/element/csp-reports.js"/>
+</f:section>
+
+<f:section name="Content">
+    <h1><f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/content-security-policy.xlf:module.headline" /></h1>
+    <p>
+        <f:if condition="{extLowlevelAvailable}">
+            <f:then>
+                <f:variable name="moduleLink">
+                    <f:be.link route="system_config" parameters="{tree: 'contentSecurityPolicyMutations'}"><f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/content-security-policy.xlf:module.introtext.moduleName" /></f:be.link>
+                </f:variable>
+                <f:sanitize.html>
+                    <f:translate
+                        key="LLL:EXT:backend/Resources/Private/Language/Modules/content-security-policy.xlf:module.introtext"
+                        arguments="{0: '{moduleLink}'}" />
+                </f:sanitize.html>
+            </f:then>
+            <f:else>
+                <f:translate
+                    key="LLL:EXT:backend/Resources/Private/Language/Modules/content-security-policy.xlf:module.introtextLowlevelMissing"
+                    arguments="{0: '{f:translate(key:\'LLL:EXT:backend/Resources/Private/Language/Modules/content-security-policy.xlf:module.introtext.moduleName\')}'}" />
+            </f:else>
+        </f:if>
+    </p>
+
+    <f:if condition="{configurationStatus.featureDisabled.backend} || {configurationStatus.featureDisabled.frontend}">
+        <f:be.infobox
+            state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
+            title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/Modules/content-security-policy.xlf:module.callout.featureDisabled.title')}"
+        >
+            <p>
+                <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/content-security-policy.xlf:module.callout.featureDisabled.message" />
+            </p>
+            <ul class="mb-0">
+                <f:for each="{configurationStatus.featureDisabled}" as="dispositions" key="scope">
+                    <f:for each="{dispositions}" as="disposition" iteration="iteration">
+                        <li><code>security.{scope}.{disposition}ContentSecurityPolicy</code></li>
+                    </f:for>
+                </f:for>
+            </ul>
+        </f:be.infobox>
+    </f:if>
+
+    <f:if condition="{configurationStatus.customReporting.BE} || {configurationStatus.customReporting.FE}">
+        <f:be.infobox
+            state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
+            title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/Modules/content-security-policy.xlf:module.callout.customReporting.title')}"
+        >
+            <p>
+                <f:translate key="LLL:EXT:backend/Resources/Private/Language/Modules/content-security-policy.xlf:module.callout.customReporting.message" />
+            </p>
+            <ul class="mb-0">
+                <f:for each="{configurationStatus.customReporting}" as="value" key="key">
+                    <li><code>$GLOBALS['TYPO3_CONF_VARS']['{key}']['contentSecurityPolicyReportingUrl'] = '{value}'</code></li>
+                </f:for>
+            </ul>
+        </f:be.infobox>
+    </f:if>
+
+    <typo3-backend-security-csp-reports
+        scopes="{scopes -> f:format.json()}"
+        controlUri="{controlUri}">
+    </typo3-backend-security-csp-reports>
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/Setup/Main.fluid.html b/Resources/Private/Templates/Setup/Main.fluid.html
new file mode 100644
index 0000000..b53edbe
--- /dev/null
+++ b/Resources/Private/Templates/Setup/Main.fluid.html
@@ -0,0 +1,32 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Content">
+
+    <h1>
+        <f:translate domain="backend.user_profile" key="user_settings" />
+    </h1>
+
+    <form
+        action="{f:be.uri(route: 'user_setup')}"
+        method="post"
+        id="SetupModuleController"
+        name="editform"
+        enctype="multipart/form-data"
+        spellcheck="false"
+    >
+        <f:format.raw>{formEngineHtml}</f:format.raw>
+
+        <div>
+            <input type="hidden" name="formToken" value="{formToken}" />
+            <input type="hidden" value="1" name="data[save]" />
+            <input type="hidden" name="data[setValuesToDefault]" value="0" id="setValuesToDefault" />
+        </div>
+    </form>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/SiteConfiguration/Detail.fluid.html b/Resources/Private/Templates/SiteConfiguration/Detail.fluid.html
new file mode 100644
index 0000000..812e40e
--- /dev/null
+++ b/Resources/Private/Templates/SiteConfiguration/Detail.fluid.html
@@ -0,0 +1,577 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Before">
+    <f:asset.module identifier="@typo3/backend/element/immediate-action-element.js"/>
+    <f:asset.module identifier="@typo3/backend/utility/collapse-state-persister.js"/>
+    <f:asset.module identifier="@typo3/backend/tree/tree-node-toggle.js"/>
+    <f:variable name="args" value="{0: 'site', 1: page.uid}" />
+    <typo3-immediate-action
+        action="TYPO3.Backend.Storage.ModuleStateStorage.update"
+        args="{args -> f:format.json() -> f:format.htmlspecialchars()}"
+    ></typo3-immediate-action>
+</f:section>
+
+<f:section name="Content">
+
+    <f:if condition="{site.identifier}">
+        <h1>
+            <f:if condition="{page}">
+                <f:then>
+                    <f:translate
+                        key="detail.headline_with_page_title"
+                        domain="backend.siteconfiguration"
+                        arguments="{
+                            0: '{page.title}'
+                        }"
+                    />
+                </f:then>
+                <f:else>
+                    <f:translate
+                        key="detail.headline_with_site_identifier"
+                        domain="backend.siteconfiguration"
+                        arguments="{
+                            0: '{site.identifier}'
+                        }"
+                    />
+                </f:else>
+            </f:if>
+        </h1>
+
+        <f:if condition="{site.sets -> f:count()} && {site.invalidSets}">
+            <f:render partial="SiteManagement/InvalidSets" arguments="{site: site, renderMode: 'infobox'}" />
+        </f:if>
+
+        <h2>
+            <f:translate key="detail.site_configuration.headline" domain="backend.siteconfiguration" />
+        </h2>
+
+        <f:comment><!-- Languages --></f:comment>
+        <div class="panel panel-default">
+            <div class="panel-heading" role="tab">
+                <div class="panel-heading-row">
+                    <button
+                        class="panel-button collapsed"
+                        type="button"
+                        data-bs-toggle="collapse"
+                        data-bs-target="#languages-collapse"
+                        aria-controls="languages-collapse"
+                        aria-expanded="false"
+                    >
+                        <div class="panel-title">
+                            <f:translate key="detail.site_configuration.languages" domain="backend.siteconfiguration"/>
+                        </div>
+                        <span class="caret"></span>
+                    </button>
+                </div>
+            </div>
+            <div id="languages-collapse" class="panel-collapse collapse" data-persist-collapse-state="true" role="tabpanel">
+                <div class="table-fit">
+                    <table class="table table-hover table-vertical-top">
+                        <thead>
+                            <tr>
+                                <th class="col-50" colspan="2">
+                                    <f:translate key="detail.site_configuration.languages.language" domain="backend.siteconfiguration" />
+                                </th>
+                                <th class="col-50 col-word-break">
+                                    <f:translate key="detail.site_configuration.languages.language_url" domain="backend.siteconfiguration" />
+                                </th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            <f:for each="{site.languages}" as="language">
+                                <tr>
+                                    <td class="col-icon">
+                                        <f:if condition="{language.enabled}">
+                                            <f:then>
+                                                <core:icon identifier="{language.flagIdentifier}" />
+                                            </f:then>
+                                            <f:else>
+                                                <core:icon identifier="{language.flagIdentifier}" overlay="overlay-hidden" />
+                                            </f:else>
+                                        </f:if>
+                                    </td>
+                                    <td>
+                                        <f:if condition="{language.enabled}">
+                                            <f:then>
+                                                {language.title} <code>[{language.languageId}]</code>
+                                            </f:then>
+                                            <f:else>
+                                                <span class="text-body-secondary">
+                                                    {language.title} (<f:translate key="disabled" domain="core.common">disabled</f:translate>)
+                                                    <code>[{language.languageId}]</code>
+                                                </span>
+                                            </f:else>
+                                        </f:if>
+                                    </td>
+                                    <td>
+                                        <a href="{language.base}" target="_blank">{language.base}</a>
+                                    </td>
+                                </tr>
+                            </f:for>
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+
+        <f:comment><!-- Error handling --></f:comment>
+        <f:if condition="{site.configuration.errorHandling -> f:count()} > 0">
+            <f:then>
+                <div class="panel panel-default">
+                    <div class="panel-heading" role="tab">
+                        <div class="panel-heading-row">
+                            <button
+                                class="panel-button collapsed"
+                                type="button"
+                                data-bs-toggle="collapse"
+                                data-bs-target="#error-handling-collapse"
+                                aria-controls="error-handling-collapse"
+                                aria-expanded="false"
+                            >
+                                <div class="panel-title">
+                                    <f:translate key="detail.site_configuration.error_handling" domain="backend.siteconfiguration" />
+                                </div>
+                                <span class="caret"></span>
+                            </button>
+                        </div>
+                    </div>
+                    <div id="error-handling-collapse" class="panel-collapse collapse" data-persist-collapse-state="true" role="tabpanel">
+                        <div class="panel-body">
+                            <ul class="treelist">
+                                <f:for each="{site.configuration.errorHandling}" as="errorHandling">
+                                    <li>
+                                        <span class="treelist-group treelist-group-monospace">
+                                            <span class="treelist-label">
+                                                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration_tca.xlf:site_errorhandling.errorCode.{errorHandling.errorCode}" />
+                                            </span>
+                                        </span>
+                                        <ul class="treelist">
+                                            <f:switch expression="{errorHandling.errorHandler}">
+                                                <f:case value="Fluid">
+                                                    <f:variable name="label" value="{f:translate(key:'site_errorhandling.errorFluidTemplate', domain:'backend.siteconfiguration_tca')}"/>
+                                                    <f:render
+                                                        section="TreeItem"
+                                                        arguments="{
+                                                            label: label,
+                                                            value: '{errorHandling.errorFluidTemplate}'
+                                                        }"
+                                                    />
+                                                </f:case>
+                                                <f:case value="Page">
+                                                    <f:variable name="label" value="{f:translate(key:'site_errorhandling.errorContentSource', domain:'backend.siteconfiguration_tca')}" />
+                                                    <f:render
+                                                        section="TreeItem"
+                                                        arguments="{
+                                                            label: label,
+                                                            value: '{errorHandling.errorContentSource}'
+                                                        }"
+                                                    />
+                                                </f:case>
+                                                <f:case value="PHP">
+                                                    <f:variable name="label" value="{f:translate(key:'site_errorhandling.errorPhpClassFQCN', domain:'backend.siteconfiguration_tca')}" />
+                                                    <f:render
+                                                        section="TreeItem"
+                                                        arguments="{
+                                                            label: label,
+                                                            value: '{errorHandling.errorPhpClassFQCN}'
+                                                        }"
+                                                    />
+                                                </f:case>
+                                                <f:case value="LoginRedirect">
+                                                    <f:variable name="label" value="{f:translate(key:'site_errorhandling.loginRedirectTarget', domain:'backend.siteconfiguration_tca')}" />
+                                                    <f:render
+                                                        section="TreeItem"
+                                                        arguments="{
+                                                            label: label,
+                                                            value: '{errorHandling.loginRedirectTarget}'
+                                                        }"
+                                                    />
+                                                    <f:variable name="label" value="{f:translate(key:'site_errorhandling.loginRedirectParameter', domain:'backend.siteconfiguration_tca')}" />
+                                                    <f:variable name="value" value="{f:translate(key:'site_errorhandling.loginRedirectParameter.{errorHandling.loginRedirectParameter}', domain:'backend.siteconfiguration_tca')}" />
+                                                    <f:render
+                                                        section="TreeItem"
+                                                        arguments="{
+                                                            label: label,
+                                                            value: value
+                                                        }"
+                                                    />
+                                                </f:case>
+                                            </f:switch>
+                                        </ul>
+                                    </li>
+                                </f:for>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </f:then>
+            <f:else>
+                <div class="panel panel-default">
+                    <div class="panel-heading">
+                        <f:translate key="detail.site_configuration.error_handling" domain="backend.siteconfiguration" />
+                    </div>
+                    <div class="panel-body">
+                        <f:translate key="detail.not_configured"  domain="backend.siteconfiguration"/>
+                    </div>
+                </div>
+            </f:else>
+        </f:if>
+
+        <f:comment><!-- Static routes --></f:comment>
+        <f:if condition="{site.configuration.routes -> f:count()} > 0">
+            <f:then>
+                <div class="panel panel-default">
+                    <div class="panel-heading" role="tab">
+                        <div class="panel-heading-row">
+                            <button
+                                class="panel-button collapsed"
+                                type="button"
+                                data-bs-toggle="collapse"
+                                data-bs-target="#routes-handling-collapse"
+                                aria-controls="routes-handling-collapse"
+                                aria-expanded="false"
+                            >
+                                <div class="panel-title">
+                                    <f:translate key="detail.site_configuration.static_routes" domain="backend.siteconfiguration" />
+                                </div>
+                                <span class="caret"></span>
+                            </button>
+                        </div>
+                    </div>
+                    <div id="routes-handling-collapse" class="panel-collapse collapse" data-persist-collapse-state="true" role="tabpanel">
+                        <div class="panel-body">
+                            <ul class="treelist">
+                                <f:for each="{site.configuration.routes}" as="route">
+                                    <li>
+                                        <span class="treelist-group treelist-group-monospace">
+                                            <span class="treelist-label">
+                                                {route.route}
+                                            </span>
+                                        </span>
+                                        <ul class="treelist">
+                                            <f:variable name="typeLabel" value="{f:translate(key:'site_route.type', domain:'backend.siteconfiguration_tca')}" />
+                                            <f:if condition="{route.type} == 'uri'">
+                                                <f:then>
+                                                    <f:variable name="typeValue" value="{f:translate(key:'site_route.source', domain:'backend.siteconfiguration_tca')}" />
+                                                </f:then>
+                                                <f:else>
+                                                    <f:variable name="typeValue" value="{f:translate(key:'site_route.{route.type}', domain:'backend.siteconfiguration_tca')}" />
+                                                </f:else>
+                                            </f:if>
+                                            <f:render
+                                                section="TreeItem"
+                                                arguments="{
+                                                    label: typeLabel,
+                                                    value: typeValue
+                                                }"
+                                            />
+
+                                            <f:switch expression="{route.type}">
+                                                <f:case value="staticText">
+                                                    <f:variable name="label" value="{f:translate(key:'site_route.staticText', domain:'backend.siteconfiguration_tca')}" />
+                                                    <f:render
+                                                        section="TreeItem"
+                                                        arguments="{
+                                                            label: label,
+                                                            value: '{route.content}'
+                                                        }"
+                                                    />
+                                                </f:case>
+                                                <f:case value="uri">
+                                                    <f:variable name="label" value="{f:translate(key:'site_route.source', domain:'backend.siteconfiguration_tca')}" />
+                                                    <f:render
+                                                        section="TreeItem"
+                                                        arguments="{
+                                                            label: label,
+                                                            value: '{route.source}'
+                                                        }"
+                                                    />
+                                                </f:case>
+                                                <f:case value="asset">
+                                                    <f:variable name="label" value="{f:translate(key:'site_route.asset', domain:'backend.siteconfiguration_tca')}" />
+                                                    <f:render
+                                                        section="TreeItem"
+                                                        arguments="{
+                                                            label: label,
+                                                            value: '{route.asset}'
+                                                        }"
+                                                    />
+                                                </f:case>
+                                            </f:switch>
+                                        </ul>
+                                    </li>
+                                </f:for>
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+            </f:then>
+            <f:else>
+                <div class="panel panel-default">
+                    <div class="panel-heading">
+                        <f:translate key="detail.site_configuration.static_routes" domain="backend.siteconfiguration" />
+                    </div>
+                    <div class="panel-body">
+                        <f:translate key="detail.not_configured" domain="backend.siteconfiguration" />
+                    </div>
+                </div>
+            </f:else>
+        </f:if>
+
+        <f:comment><!-- Route enhancers --></f:comment>
+        <f:if condition="{site.configuration.routeEnhancers -> f:count()} > 0">
+            <div class="panel panel-default">
+                <div class="panel-heading" role="tab">
+                    <div class="panel-heading-row">
+                        <button
+                            class="panel-button collapsed"
+                            type="button"
+                            data-bs-toggle="collapse"
+                            data-bs-target="#route-enhancers-collapse"
+                            aria-controls="route-enhancers-collapse"
+                            aria-expanded="false"
+                        >
+                            <div class="panel-title">
+                                <f:translate key="detail.site_configuration.route_enhancers" domain="backend.siteconfiguration" />
+                            </div>
+                            <span class="caret"></span>
+                        </button>
+                    </div>
+                </div>
+                <div id="route-enhancers-collapse" class="panel-collapse collapse" data-persist-collapse-state="true" role="tabpanel">
+                    <div class="panel-body">
+                        <ul class="treelist">
+                            <f:for each="{site.configuration.routeEnhancers}" as="enhancer" key="enhancerName" iteration="enhancerIterator">
+                                <li>
+                                    <typo3-backend-tree-node-toggle
+                                        class="treelist-control treelist-control-collapsed"
+                                        data-bs-toggle="collapse"
+                                        data-bs-target="#collapse-enhancer-{enhancerIterator.index}"
+                                        aria-expanded="false"
+                                    ></typo3-backend-tree-node-toggle>
+                                    <span class="treelist-group treelist-group-monospace">
+                                        <span class="treelist-label">
+                                            {enhancerName}
+                                        </span>
+                                    </span>
+                                    <div class="treelist-collapse collapse" id="collapse-enhancer-{enhancerIterator.index}" data-persist-collapse-state="true" data-persist-collapse-state-suffix="site-route-enhancers" data-persist-collapse-state-if-state="shown">
+                                        <f:render section="RouteEnhancerConfig" arguments="{config: enhancer, enhancerIndex: enhancerIterator.index}" />
+                                    </div>
+                                </li>
+                            </f:for>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </f:if>
+
+        <h2>
+            <f:translate key="detail.site_settings.headline" domain="backend.siteconfiguration" />
+        </h2>
+
+        <f:if condition="({site.sets -> f:count()} > 0) || ({localSettings.map -> f:count()} > 0) || ({categories -> f:count()} > 0)">
+            <f:then>
+                <f:comment><!-- Show dependencies --></f:comment>
+                <f:if condition="{site.sets -> f:count()} > 0">
+                    <h3>
+                        <f:translate key="detail.site_settings.dependencies.headline" domain="backend.siteconfiguration" />
+                    </h3>
+                    <p>
+                        <f:sanitize.html><f:translate key="detail.site_settings.dependencies.text" domain="backend.siteconfiguration" /></f:sanitize.html>
+                    </p>
+                    <ul>
+                        <f:for each="{site.sets}" as="set" iteration="setIterator">
+                            <li><code>{set}</code></li>
+                        </f:for>
+                    </ul>
+                </f:if>
+
+                <h3>
+                    <f:translate key="detail.site_settings.active_settings.headline" domain="backend.siteconfiguration" />
+                </h3>
+
+                <f:comment><!-- Settings from site configuration --></f:comment>
+                <f:if condition="{localSettings.map -> f:count()} > 0">
+                    <div class="panel panel-default">
+                        <div class="panel-heading" role="tab">
+                            <div class="panel-heading-row">
+                                <button
+                                    class="panel-button collapsed"
+                                    type="button"
+                                    data-bs-toggle="collapse"
+                                    data-bs-target="#custom-settings-collapse"
+                                    aria-controls="custom-settings-collapse"
+                                    aria-expanded="false"
+                                >
+                                    <div class="panel-title">
+                                        <f:translate key="detail.site_settings.active_settings.custom_site_settings" domain="backend.siteconfiguration" />
+                                    </div>
+                                    <span class="caret"></span>
+                                </button>
+                            </div>
+                        </div>
+                        <div id="custom-settings-collapse" class="panel-collapse collapse" data-persist-collapse-state="true" role="tabpanel">
+                            <div class="panel-body">
+                                <ul class="treelist">
+                                    <f:for each="{localSettings.map}" as="setting" key="key">
+                                        <li>
+                                            <span class="treelist-group treelist-group-monospace">
+                                                <span class="treelist-label">
+                                                    {key}
+                                                </span>
+                                                <span class="treelist-operator">=</span>
+                                                <span class="treelist-value">
+                                                    {setting -> f:format.json()}
+                                                </span>
+                                            </span>
+                                        </li>
+                                    </f:for>
+                                </ul>
+                            </div>
+                        </div>
+                    </div>
+                </f:if>
+
+                <f:comment><!-- Settings from site sets --></f:comment>
+                <f:if condition="{categories -> f:count()} > 0">
+                    <f:for each="{categories}" as="category">
+                        <div class="panel panel-default">
+                            <div class="panel-heading" role="tab">
+                                <div class="panel-heading-row">
+                                    <button
+                                        class="panel-button collapsed"
+                                        type="button"
+                                        data-bs-toggle="collapse"
+                                        data-bs-target="#siteset-{category.key}-collapse"
+                                        aria-controls="siteset-{category.key}-collapse"
+                                        aria-expanded="false"
+                                    >
+                                        <div class="panel-title">
+                                            {category.label}
+                                        </div>
+                                        <span class="caret"></span>
+                                    </button>
+                                </div>
+                            </div>
+                            <div id="siteset-{category.key}-collapse" class="panel-collapse collapse" data-persist-collapse-state="true" role="tabpanel">
+                                <div class="panel-body">
+                                    <f:if condition="{category.categories -> f:count()} > 0">
+                                        <f:then>
+                                            <f:comment><!-- Grouped settings --></f:comment>
+                                            <ul class="treelist">
+                                                <f:for each="{category.categories}" as="section">
+                                                    <li>
+                                                        <span class="treelist-group treelist-group-monospace">
+                                                            <span class="treelist-label">{section.label}</span>
+                                                        </span>
+                                                        <f:render section="Tree" arguments="{settings: '{section.settings}'}" />
+                                                    </li>
+                                                </f:for>
+                                            </ul>
+                                        </f:then>
+                                        <f:else>
+                                            <f:comment><!-- Default --></f:comment>
+                                            <f:render section="Tree" arguments="{settings: '{category.settings}'}" />
+                                        </f:else>
+                                    </f:if>
+                                </div>
+                            </div>
+                        </div>
+                    </f:for>
+                </f:if>
+            </f:then>
+            <f:else>
+                <f:be.infobox
+                    title="{f:translate(key:'detail.site_settings.no_settings_found.title', domain:'backend.siteconfiguration')}"
+                    state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
+                >
+                    <f:sanitize.html><f:translate key="detail.site_settings.no_settings_found.message" domain="backend.siteconfiguration" /></f:sanitize.html>
+                </f:be.infobox>
+            </f:else>
+        </f:if>
+    </f:if>
+</f:section>
+
+<f:section name="Tree">
+    <ul class="treelist">
+        <f:for each="{settings}" as="setting">
+            <f:if condition="{setting.definition.label}">
+                <li class="loose">
+                    <div class="treelist-comment">
+                        <div>
+                            # {setting.definition.label}
+                        </div>
+                    </div>
+                </li>
+            </f:if>
+            <li>
+                <span class="treelist-group treelist-group-monospace">
+                    <span class="treelist-label">
+                        {setting.definition.key}
+                    </span>
+                    <span class="treelist-operator">=</span>
+                    <span class="treelist-value">
+                        {setting.renderedValue}
+                    </span>
+                </span>
+            </li>
+        </f:for>
+    </ul>
+</f:section>
+
+<f:section name="TreeItem">
+    <li>
+        <span class="treelist-group treelist-group-monospace">
+            <span class="treelist-label">
+                {label}
+            </span>
+            <span class="treelist-operator">=</span>
+            <span class="treelist-value">
+                {value}
+            </span>
+        </span>
+    </li>
+</f:section>
+
+<f:section name="RouteEnhancerConfig">
+    <ul class="treelist">
+        <f:for each="{config}" as="propertyValue" key="propertyKey" iteration="propertyIterator">
+            <f:render section="RouteEnhancerProperty" arguments="{label: propertyKey, value: propertyValue, idPrefix: 'enhancer-{enhancerIndex}-{propertyIterator.index}'}" />
+        </f:for>
+    </ul>
+</f:section>
+
+<f:section name="RouteEnhancerProperty">
+    <f:if condition="{be:type.isArray(value: value)}">
+        <f:then>
+            <li>
+                <typo3-backend-tree-node-toggle
+                    class="treelist-control treelist-control-collapsed"
+                    data-bs-toggle="collapse"
+                    data-bs-target="#collapse-{idPrefix}"
+                    aria-expanded="false"
+                ></typo3-backend-tree-node-toggle>
+                <span class="treelist-group treelist-group-monospace">
+                    <span class="treelist-label">{label}</span>
+                </span>
+                <div class="treelist-collapse collapse" id="collapse-{idPrefix}" data-persist-collapse-state="true" data-persist-collapse-state-suffix="site-route-enhancers" data-persist-collapse-state-if-state="shown">
+                    <ul class="treelist">
+                        <f:for each="{value}" as="subValue" key="subKey" iteration="subIterator">
+                            <f:render section="RouteEnhancerProperty" arguments="{label: subKey, value: subValue, idPrefix: '{idPrefix}-{subIterator.index}'}" />
+                        </f:for>
+                    </ul>
+                </div>
+            </li>
+        </f:then>
+        <f:else>
+            <f:render section="TreeItem" arguments="{label: label, value: value}" />
+        </f:else>
+    </f:if>
+</f:section>
diff --git a/Resources/Private/Templates/SiteConfiguration/Edit.fluid.html b/Resources/Private/Templates/SiteConfiguration/Edit.fluid.html
new file mode 100644
index 0000000..0c7bfae
--- /dev/null
+++ b/Resources/Private/Templates/SiteConfiguration/Edit.fluid.html
@@ -0,0 +1,32 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Content">
+
+<f:asset.module identifier="@typo3/backend/context-menu.js"/>
+<f:asset.module identifier="@typo3/backend/modal.js"/>
+<f:asset.module identifier="@typo3/backend/site-inline-actions.js"/>
+
+<f:render partial="SiteManagement/InvalidSets" arguments="{site: site}"/>
+
+<form
+    action="{f:be.uri(route:'site_configuration.save')}"
+    method="post"
+    enctype="multipart/form-data"
+    name="editform"
+    id="siteConfigurationController"
+>
+    {formEngineHtml -> f:format.raw()}
+
+    <input type="hidden" name="returnUrl" value="{returnUrl}" />
+    <input type="hidden" name="closeDoc" value="0" />
+    <input type="hidden" name="rootPageId" value="{rootPageId}" />
+</form>
+
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/SiteConfiguration/Overview.fluid.html b/Resources/Private/Templates/SiteConfiguration/Overview.fluid.html
new file mode 100644
index 0000000..f415890
--- /dev/null
+++ b/Resources/Private/Templates/SiteConfiguration/Overview.fluid.html
@@ -0,0 +1,633 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module" />
+
+<f:section name="Before">
+    <f:asset.module identifier="@typo3/backend/modal.js"/>
+    <f:asset.module identifier="@typo3/backend/context-menu.js"/>
+</f:section>
+
+<f:section name="Content">
+    <h1><f:translate key="overview.title" domain="backend.siteconfiguration" /></h1>
+
+    <f:if condition="{rootPagesWithSiteConfiguration -> f:count()} || {rootPagesWithoutSiteConfiguration -> f:count()} || {unassignedSites -> f:count()}">
+        <f:be.infobox
+            title="{f:translate(key:'overview.status.title', domain:'backend.siteconfiguration')}"
+            state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::NOTICE')}"
+        >
+            <ul>
+                <f:if condition="{rootPagesWithSiteConfiguration -> f:count()}">
+                    <li>
+                        <f:sanitize.html>
+                            <f:translate
+                                key="overview.info.all_sites.{f:if(condition: '{rootPagesWithSiteConfiguration -> f:count()} === 1', then: 'single', else: 'multiple')}"
+                                domain="backend.siteconfiguration"
+                                arguments="{
+                                    0: '{rootPagesWithSiteConfiguration -> f:count()}'
+                                }"
+                            />
+                        </f:sanitize.html>
+                    </li>
+                </f:if>
+                <f:if condition="{rootPagesWithoutSiteConfiguration -> f:count()}">
+                    <li>
+                        <f:sanitize.html>
+                            <f:translate
+                                key="overview.info.root_pages_without_site_sonfiguration.{f:if(condition: '{rootPagesWithoutSiteConfiguration -> f:count()} === 1', then: 'single', else: 'multiple')}"
+                                domain="backend.siteconfiguration"
+                                arguments="{
+                                    0: '{rootPagesWithoutSiteConfiguration -> f:count()}'
+                                }"
+                            />
+                        </f:sanitize.html>
+                    </li>
+                </f:if>
+                <f:if condition="{unassignedSites -> f:count()}">
+                    <li>
+                        <f:sanitize.html>
+                            <f:translate
+                                key="overview.info.unassigned_sites.{f:if(condition: '{unassignedSites -> f:count()} === 1', then: 'single', else: 'multiple')}"
+                                domain="backend.siteconfiguration"
+                                arguments="{
+                                    0: '{unassignedSites -> f:count()}'
+                                }"
+                            />
+                        </f:sanitize.html>
+                    </li>
+                </f:if>
+            </ul>
+        </f:be.infobox>
+    </f:if>
+
+    <h2><f:translate key="overview.root_pages_without_site_configuration.title" domain="backend.siteconfiguration" /></h2>
+    <f:if condition="!{rootPagesWithSiteConfiguration} && !{rootPagesWithoutSiteConfiguration}">
+        <f:be.infobox
+            state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
+            title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:overview.noPages.title')}"
+        >
+            <p>
+                <f:translate key="overview.noPages.message" domain="backend.siteconfiguration" />
+            </p>
+            <p>
+                <be:link.documentation identifier="t3start:create-root-page" class="btn btn-default">
+                    <f:translate key="overview.noPages.link.label" domain="backend.siteconfiguration" />
+                </be:link.documentation>
+            </p>
+        </f:be.infobox>
+    </f:if>
+
+    <f:if condition="{rootPagesWithSiteConfiguration}">
+        <f:then>
+            <f:if condition="{duplicatedRootPages}">
+                <f:be.infobox title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:overview.duplicatedRootPage')}" state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}">
+                    <ul>
+                        <f:for each="{duplicatedRootPages}" key="rootPage" as="duplicateSites">
+                            <li>
+                                <strong>
+                                    <f:translate key="overview.duplicatedRootPage.message" domain="backend.siteconfiguration" arguments="{0: rootPage}" />
+                                </strong>
+                                <f:if condition="{duplicateSites}">
+                                    <ul>
+                                        <f:for each="{duplicateSites}" as="duplicateSite">
+                                            <li>{duplicateSite}</li>
+                                        </f:for>
+                                    </ul>
+                                </f:if>
+                            </li>
+                        </f:for>
+                    </ul>
+                </f:be.infobox>
+            </f:if>
+
+            <f:if condition="{duplicatedEntryPoints}">
+                <f:be.infobox title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:overview.duplicatedEntryPoints')}" state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::WARNING')}">
+                    <f:translate key="overview.duplicatedEntryPoints.listing" domain="backend.siteconfiguration" />
+                    <ul>
+                        <f:for each="{duplicatedEntryPoints}" key="item" as="schemes">
+                            <li>
+                                <strong>{item}</strong>
+                                <f:if condition="{schemes}">
+                                    <ul>
+                                        <f:for each="{schemes}" key="schema" as="count">
+                                            <li>{schema} ({count})</li>
+                                        </f:for>
+                                    </ul>
+                                </f:if>
+                            </li>
+                        </f:for>
+                    </ul>
+                </f:be.infobox>
+            </f:if>
+
+            <f:render section="{viewMode.value}" arguments="{_all}" />
+        </f:then>
+        <f:else if="{rootPagesWithoutSiteConfiguration}">
+            <f:be.infobox
+                state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
+                title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:overview.no_sites_with_site_configuration.title')}"
+            >
+                <p>
+                    <f:translate key="overview.no_sites_with_site_configuration.message" domain="backend.siteconfiguration" />
+                </p>
+            </f:be.infobox>
+        </f:else>
+    </f:if>
+
+    <f:if condition="{rootPagesWithoutSiteConfiguration}">
+        <h2>{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:overview.rootPagesWithoutSiteConfiguration.title')}</h2>
+        <p>
+            <f:translate key="overview.rootPagesWithoutSiteConfiguration.description" domain="backend.siteconfiguration" />
+        </p>
+
+        <div class="table-fit">
+            <table class="table table-striped">
+                <thead>
+                    <tr>
+                        <th colspan="2" class="nowrap"><f:translate key="overview.site" domain="backend.siteconfiguration" /></th>
+                        <th class="align-top">&nbsp;</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <f:for each="{rootPagesWithoutSiteConfiguration}" as="page">
+                        <tr>
+                            <td class="col-icon">
+                                <button
+                                    type="button"
+                                    class="btn btn-link"
+                                    data-contextmenu-trigger="click"
+                                    data-contextmenu-table="pages"
+                                    data-contextmenu-uid="{page.uid}"
+                                    aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.contextMenu.open')}">
+                                    <core:iconForRecord table="pages" row="{page}" />
+                                </button>
+                            </td>
+                            <td>
+                                {page.title}
+                            </td>
+                            <td class="col-control">
+                                <div class="btn-group">
+                                    <f:be.link
+                                        route="site_configuration.edit"
+                                        parameters="{pageUid: page.uid}"
+                                        class="btn btn-default"
+                                    >
+                                        <core:icon identifier="actions-plus" />
+                                        <f:translate key="overview.addSiteConfiguration" domain="backend.siteconfiguration" />
+                                    </f:be.link>
+                                </div>
+                            </td>
+                        </tr>
+                    </f:for>
+                </tbody>
+            </table>
+        </div>
+    </f:if>
+
+    <f:if condition="{unassignedSites}">
+        <h2>{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:overview.unassignedSites.title')}</h2>
+        <p>
+            <f:translate key="overview.unassignedSites.description" domain="backend.siteconfiguration" />
+        </p>
+
+        <div class="table-fit">
+            <table class="table table-striped">
+                <thead>
+                    <tr>
+                        <th class="nowrap"><f:translate key="overview.siteIdentifier" domain="backend.siteconfiguration" /></th>
+                        <th class="align-top">&nbsp;</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <f:for each="{unassignedSites}" as="unassignedSite">
+                        <tr>
+                            <td>
+                                <code>{unassignedSite.identifier}</code>
+                            </td>
+                            <td class="col-control">
+                                <div class="btn-group">
+                                    <button
+                                        type="submit"
+                                        class="btn btn-default t3js-modal-trigger"
+                                        form="form-site-configuration-delete"
+                                        name="site"
+                                        value="{unassignedSite.identifier}"
+                                        data-severity="error"
+                                        data-title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:overview.deleteSiteConfiguration')}"
+                                        data-button-close-text="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:cancel')}"
+                                        data-button-ok-text="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:delete')}"
+                                    >
+                                        <core:icon identifier="actions-delete" />
+                                        <f:translate key="overview.deleteSiteConfiguration" domain="backend.siteconfiguration" />
+                                    </button>
+                                </div>
+                            </td>
+                        </tr>
+                    </f:for>
+                </tbody>
+            </table>
+        </div>
+    </f:if>
+
+    <f:if condition="{invalidSets}">
+        <f:be.infobox
+            state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::ERROR')}"
+            title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:overview.invalidSets.title')}"
+        >
+            <p>{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_siteconfiguration.xlf:overview.invalidSets.description')}</p>
+
+            <div class="table-fit">
+                <table class="table table-striped table-hover">
+                    <thead>
+                        <tr>
+                            <th><f:translate key="overview.invalidSets.set" domain="backend.siteconfiguration" /></th>
+                            <th><f:translate key="overview.invalidSets.error" domain="backend.siteconfiguration" /></th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <f:for each="{invalidSets}" as="invalidSet">
+                            <tr>
+                                <td><code>{invalidSet.name}</code></td>
+                                <td>
+                                    <f:translate key="{invalidSet.error.label}" arguments="{0: invalidSet.name, 1: invalidSet.context}"/>
+                                </td>
+                            </tr>
+                        </f:for>
+                    </tbody>
+                </table>
+            </div>
+        </f:be.infobox>
+    </f:if>
+
+    <form action="{be:moduleLink(route:'site_configuration.delete')}" id="form-site-configuration-delete" method="post" class="hidden"></form>
+</f:section>
+
+<f:section name="list">
+    <div class="table-fit">
+        <table class="table table-striped table-hover">
+            <thead>
+                <tr>
+                    <th colspan="2" class="nowrap align-top"><f:translate key="overview.site" domain="backend.siteconfiguration" /></th>
+                    <th class="align-top"><f:translate key="overview.siteIdentifier" domain="backend.siteconfiguration" /></th>
+                    <th class="align-top"><f:translate key="site_language.language" domain="backend.siteconfiguration_tca" /></th>
+                    <th class="align-top"><f:translate key="overview.baseUrl" domain="backend.siteconfiguration" /></th>
+                    <th class="align-top">&nbsp;</th>
+                </tr>
+            </thead>
+            <tbody>
+                <f:for each="{rootPagesWithSiteConfiguration}" as="page">
+                    <f:variable name="rootPage" value="{page}" />
+                    <f:for each="{page.rootline}" as="rootLinePage" iteration="rootLinePageIterator">
+                        <f:if condition="{rootLinePage.uid} == {page.uid}">
+                            <f:variable name="rootPage" value="{rootLinePage}" />
+                        </f:if>
+                    </f:for>
+                    <tr>
+                        <td class="col-icon align-top">
+                            <button type="button"
+                                class="btn btn-link"
+                                data-contextmenu-trigger="click"
+                                data-contextmenu-table="pages"
+                                data-contextmenu-uid="{rootPage.uid}"
+                                aria-label="{f:translate(key: 'labels.contextMenu.open', domain:'core.core')}">
+                                <core:iconForRecord table="pages" row="{rootPage}" />
+                            </button>
+                        </td>
+                        <td class="align-top">
+                            <f:if condition="{page.siteIdentifier}">
+                                <f:then>
+                                    <f:be.link route="site_configuration.edit" parameters="{site: page.siteIdentifier}" title="{f:translate(key:'overview.editSiteConfiguration', domain:'backend.siteconfiguration')}">
+                                        {rootPage.title}
+                                    </f:be.link>
+                                </f:then>
+                                <f:else>
+                                    {rootPage.title}
+                                </f:else>
+                            </f:if>
+                        </td>
+                        <td class="align-top">
+                            <f:if condition="{page.siteIdentifier}">
+                                <f:then>
+                                    <code>{page.siteIdentifier}</code>
+                                </f:then>
+                                <f:else>
+                                    <div>
+                                        <f:be.link route="site_configuration.edit" parameters="{pageUid: page.uid}" class="btn btn-primary">
+                                            <f:translate key="overview.addSiteConfiguration" domain="backend.siteconfiguration" />
+                                        </f:be.link>
+                                    </div>
+                                </f:else>
+                            </f:if>
+                            <f:if condition="{page.siteConfiguration.invalidSets}">
+                                <f:render partial="SiteManagement/InvalidSets" arguments="{site: page.siteConfiguration}"/>
+                            </f:if>
+                        </td>
+                        <td class="align-top">
+                            <f:if condition="{page.siteConfiguration}">
+                                <f:for each="{page.siteConfiguration.allLanguages}" as="siteLanguage" iteration="siteLanguageIterator">
+                                    <div class="{f:if(condition: '{siteLanguageIterator.isLast}', then: '', else: 'mb-2')}">
+                                        <f:if condition="{siteLanguage.enabled}">
+                                            <f:then>
+                                                <core:icon identifier="{siteLanguage.flagIdentifier}" /> {siteLanguage.title} <code>[{siteLanguage.languageId}]</code>
+                                            </f:then>
+                                            <f:else>
+                                                <core:icon identifier="{siteLanguage.flagIdentifier}" overlay="overlay-hidden" />
+                                                <span class="text-variant">{siteLanguage.title} (<f:translate key="disabled" domain="core.common">disabled</f:translate>) <code>[{siteLanguage.languageId}]</code></span>
+                                            </f:else>
+                                        </f:if>
+                                    </div>
+                                </f:for>
+                            </f:if>
+                        </td>
+                        <td class="align-top">
+                            <f:if condition="{page.siteConfiguration}">
+                                <f:for each="{page.siteConfiguration.allLanguages}" as="siteLanguage" iteration="siteLanguageIterator">
+                                    <div class="{f:if(condition: '{siteLanguageIterator.isLast}', then: '', else: 'mb-2')}">
+                                        <a href="{siteLanguage.base}" target="_blank">{siteLanguage.base}</a>
+                                    </div>
+                                </f:for>
+                            </f:if>
+                        </td>
+                        <td class="align-top nowrap col-control">
+                            <div class="btn-group">
+                                <f:if condition="{page.siteIdentifier}">
+                                    <f:be.link
+                                        route="site_configuration.detail"
+                                        parameters="{site: page.siteIdentifier}"
+                                        title="{f:translate(key:'overview.btn.details', domain:'backend.siteconfiguration')}"
+                                        class="btn btn-default"
+                                    >
+                                        <core:icon identifier="actions-system-options-view" />
+                                    </f:be.link>
+                                    <f:be.link
+                                        route="site_configuration.edit"
+                                        parameters="{site: page.siteIdentifier}"
+                                        title="{f:translate(key:'overview.editSiteConfiguration', domain:'backend.siteconfiguration')}"
+                                        class="btn btn-default"
+                                    >
+                                        <core:icon identifier="actions-open" />
+                                    </f:be.link>
+                                    <f:if condition="{page.siteConfiguration.sets -> f:count()} > 0">
+                                        <f:then>
+                                            <f:variable name="returnUrl">{f:be.uri(route: 'site_configuration')}</f:variable>
+                                            <f:be.link
+                                                route="site_configuration.editSettings"
+                                                parameters="{site: page.siteIdentifier, returnUrl: returnUrl}"
+                                                title="{f:translate(key:'overview.editSiteSettings', domain:'backend.siteconfiguration')}"
+                                                class="btn btn-default"
+                                            >
+                                                <core:icon identifier="actions-cog" />
+                                            </f:be.link>
+                                        </f:then>
+                                        <f:else>
+                                            <button
+                                                disabled
+                                                type="button"
+                                                class="btn btn-default"
+                                                title="{f:translate(key:'overview.editSiteSettingsUnavailable', domain:'backend.siteconfiguration')}}"
+                                            >
+                                                <core:icon identifier="actions-cog" />
+                                            </button>
+                                        </f:else>
+                                    </f:if>
+                                    <button
+                                        type="submit"
+                                        class="btn btn-default t3js-modal-trigger"
+                                        form="form-site-configuration-delete"
+                                        name="site"
+                                        value="{page.siteIdentifier}"
+                                        title="{f:translate(key:'overview.deleteSiteConfiguration', domain:'backend.siteconfiguration')}}"
+                                        data-severity="error"
+                                        data-title="{f:translate(key:'overview.deleteSiteConfiguration', domain:'backend.siteconfiguration')}}"
+                                        data-button-close-text="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:cancel')}"
+                                        data-button-ok-text="{f:translate(key:'LLL:EXT:core/Resources/Private/Language/locallang_common.xlf:delete')}"
+                                    >
+                                        <core:icon identifier="actions-delete" />
+                                    </button>
+                                </f:if>
+                            </div>
+                        </td>
+                    </tr>
+                </f:for>
+            </tbody>
+        </table>
+    </div>
+</f:section>
+
+<f:section name="tiles">
+    <div class="card-container">
+        <f:for each="{rootPagesWithSiteConfiguration}" as="page">
+            <f:variable name="rootPage" value="{page}" />
+            <f:for each="{page.rootline}" as="rootLinePage" iteration="rootLinePageIterator">
+                <f:if condition="{rootLinePage.uid} == {page.uid}">
+                    <f:variable name="rootPage" value="{rootLinePage}" />
+                </f:if>
+            </f:for>
+            <div class="card card-size-medium">
+                <div class="card-header">
+                    <div class="card-icon">
+                        <button
+                            type="button"
+                            class="btn btn-link"
+                            data-contextmenu-trigger="click"
+                            data-contextmenu-table="pages"
+                            data-contextmenu-uid="{rootPage.uid}"
+                            aria-label="{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.contextMenu.open')}"
+                        >
+                            <core:iconForRecord table="pages" row="{rootPage}" size="medium" />
+                        </button>
+                    </div>
+                    <div class="card-header-body">
+                        <h2 class="card-title">
+                            {rootPage.title}
+                        </h2>
+                        <f:if condition="{page.siteIdentifier}">
+                            <span class="card-subtitle">
+                                <code>{page.siteIdentifier}</code>
+                            </span>
+                        </f:if>
+                    </div>
+                </div>
+                <f:if condition="{page.siteConfiguration}">
+                    <ul class="list-group list-group-flush">
+                        <li class="list-group-item">
+                            <div class="d-sm-flex justify-content-sm-between">
+                                <strong>
+                                    <f:translate key="overview.entry_point" domain="backend.siteconfiguration" />:
+                                </strong>
+                                <div>
+                                    <a href="{page.siteConfiguration.base}" target="_blank">{page.siteConfiguration.base}</a>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="list-group-item">
+                            <div class="d-sm-flex justify-content-sm-between">
+                                <strong>
+                                    <f:translate key="overview.languages" domain="backend.siteconfiguration" />:
+                                </strong>
+                                <div>
+                                    <core:icon identifier="{page.siteConfiguration.allLanguages.0.flagIdentifier}" /> {page.siteConfiguration.allLanguages.0.title}
+                                    <f:if condition="{page.siteConfiguration.allLanguages -> f:count()} > 1">
+                                        <f:variable name="siteLanguageAmount" value="{page.siteConfiguration.allLanguages -> f:count()}" />
+                                        <f:translate
+                                            key="overview.languages.amount" domain="backend.siteconfiguration"
+                                            arguments="{
+                                                0: '{siteLanguageAmount - 1}'
+                                            }"
+                                        />
+                                    </f:if>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="list-group-item">
+                            <div class="d-sm-flex justify-content-sm-between">
+                                <strong>
+                                    <f:translate key="overview.site_sets" domain="backend.siteconfiguration" />:
+                                </strong>
+                                <div>
+                                    <f:if condition="{page.siteConfiguration.sets -> f:count()}">
+                                        <f:then>
+                                            <div class="d-none d-sm-inline">
+                                                <core:icon identifier="actions-check" />
+                                                <span class="visually-hidden">
+                                                    <f:translate key="overview.site_sets.yes" domain="backend.siteconfiguration" />
+                                                </span>
+                                            </div>
+                                            <div class="d-inline d-sm-none">
+                                                <f:translate key="overview.site_sets.yes" domain="backend.siteconfiguration" />
+                                            </div>
+                                        </f:then>
+                                        <f:else>
+                                            <f:render section="none" />
+                                        </f:else>
+                                    </f:if>
+                                </div>
+                            </div>
+                            <f:if condition="{page.siteConfiguration.invalidSets}">
+                                <f:render partial="SiteManagement/InvalidSets" arguments="{site: page.siteConfiguration}"/>
+                            </f:if>
+                        </li>
+                        <li class="list-group-item">
+                            <div class="d-sm-flex justify-content-sm-between">
+                                <strong>
+                                    <f:translate key="overview.error_handling" domain="backend.siteconfiguration" />:
+                                </strong>
+                                <div>
+                                    <f:if condition="{page.siteConfiguration.configuration.errorHandling -> f:count()} > 0">
+                                        <f:then>
+                                            <f:for each="{page.siteConfiguration.configuration.errorHandling}" as="errorHandling" iteration="errorHandlingIterator">
+                                                {errorHandling.errorCode}{f:if(condition: '{errorHandlingIterator.isLast}', then: '', else: ', ')}
+                                            </f:for>
+                                        </f:then>
+                                        <f:else>
+                                            <f:render section="none" />
+                                        </f:else>
+                                    </f:if>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="list-group-item">
+                            <div class="d-sm-flex justify-content-sm-between">
+                                <strong>
+                                    <f:translate key="overview.static_routes" domain="backend.siteconfiguration" />:
+                                </strong>
+                                <div>
+                                    <f:if condition="{page.siteConfiguration.configuration.routes -> f:count()} > 0">
+                                        <f:then>
+                                            <f:for each="{page.siteConfiguration.configuration.routes}" as="route" iteration="routeIterator">
+                                                {route.route}{f:if(condition: '{routeIterator.isLast}', then: '', else: ', ')}
+                                            </f:for>
+                                        </f:then>
+                                        <f:else>
+                                            <f:render section="none" />
+                                        </f:else>
+                                    </f:if>
+                                </div>
+                            </div>
+                        </li>
+                    </ul>
+                </f:if>
+                <div class="card-footer">
+                    <f:if condition="{page.siteIdentifier}">
+                        <div class="d-flex justify-content-between">
+                            <div class="btn-group">
+                                <f:be.link
+                                    route="site_configuration.detail"
+                                    parameters="{site: page.siteIdentifier}"
+                                    class="btn btn-default"
+                                >
+                                    <core:icon identifier="actions-system-options-view" />
+                                    <f:translate key="overview.btn.details" domain="backend.siteconfiguration" />
+                                </f:be.link>
+                            </div>
+                            <div class="btn-group">
+                                <f:be.link
+                                    route="site_configuration.edit"
+                                    parameters="{site: page.siteIdentifier}"
+                                    title="{f:translate(key:'overview.editSiteConfiguration', domain:'backend.siteconfiguration')}"
+                                    class="btn btn-default"
+                                >
+                                    <core:icon identifier="actions-open" />
+                                </f:be.link>
+                                <f:if condition="{page.siteConfiguration.sets -> f:count()} > 0">
+                                    <f:then>
+                                        <f:be.link
+                                            route="site_configuration.editSettings"
+                                            parameters="{site: page.siteIdentifier, returnUrl: returnUrl}"
+                                            title="{f:translate(key:'overview.editSiteSettings', domain:'backend.siteconfiguration')}"
+                                            class="btn btn-default"
+                                        >
+                                            <core:icon identifier="actions-cog" />
+                                        </f:be.link>
+                                    </f:then>
+                                    <f:else>
+                                        <button
+                                            disabled
+                                            type="button"
+                                            class="btn btn-default"
+                                            title="{f:translate(key:'overview.editSiteSettingsUnavailable', domain:'backend.siteconfiguration')}"
+                                        >
+                                            <core:icon identifier="actions-cog" />
+                                        </button>
+                                    </f:else>
+                                </f:if>
+                                <button
+                                    type="submit"
+                                    class="btn btn-default t3js-modal-trigger"
+                                    form="form-site-configuration-delete"
+                                    name="site"
+                                    value="{page.siteIdentifier}"
+                                    title="{f:translate(key:'overview.deleteSiteConfiguration', domain:'backend.siteconfiguration')}"
+                                    data-severity="error"
+                                    data-title="{f:translate(key:'overview.deleteSiteConfiguration', domain:'backend.siteconfiguration')}"
+                                    data-button-close-text="{f:translate(key:'cancel', domain: 'core.common')}"
+                                    data-button-ok-text="{f:translate(key:'delete', domain: 'core.common')}"
+                                >
+                                    <core:icon identifier="actions-delete" />
+                                </button>
+                            </div>
+                        </div>
+                    </f:if>
+                </div>
+            </div>
+        </f:for>
+    </div>
+</f:section>
+
+<f:section name="none">
+    <div class="d-none d-sm-inline">
+        <core:icon identifier="actions-close" />
+        <span class="visually-hidden">
+            <f:translate key="overview.none" domain="backend.siteconfiguration" />
+        </span>
+    </div>
+    <div class="d-inline d-sm-none">
+        <f:translate key="overview.none" domain="backend.siteconfiguration" />
+    </div>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/SiteSettings/Edit.fluid.html b/Resources/Private/Templates/SiteSettings/Edit.fluid.html
new file mode 100644
index 0000000..c67bf7d
--- /dev/null
+++ b/Resources/Private/Templates/SiteSettings/Edit.fluid.html
@@ -0,0 +1,45 @@
+<f:layout name="Module" />
+
+<f:section name="Content">
+
+    <f:asset.module identifier="@typo3/backend/settings/editor.js"/>
+    <f:for each="{categories}" as="category">
+        <f:for each="{category.settings}" as="setting">
+            <f:asset.module identifier="{setting.typeImplementation}"/>
+        </f:for>
+    </f:for>
+
+    <h1>
+        <f:translate
+            key="LLL:EXT:backend/Resources/Private/Language/locallang_sitesettings.xlf:edit.headline"
+            arguments="{0: siteTitle}"
+        />
+    </h1>
+
+    <f:render partial="SiteManagement/InvalidSets" arguments="{site: site, renderMode: 'infobox'}"/>
+
+    <f:if condition="{categories -> f:count()} == 0">
+        <f:then>
+            <f:be.infobox
+                state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
+                title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_sitesettings.xlf:edit.noSettings.title')}"
+            >
+                <f:translate
+                    key="LLL:EXT:backend/Resources/Private/Language/locallang_sitesettings.xlf:edit.noSettings.message"
+                    arguments="{0: site.identifier}"
+                />
+            </f:be.infobox>
+        </f:then>
+        <f:else>
+            <typo3-backend-settings-editor
+                form-name="sitesettings_form"
+                action-url="{actionUrl}"
+                categories="{categories -> f:format.json()}"
+                custom-form-data="{f:format.json(value: {formToken: formToken, returnUrl: returnUrl})}"
+                mode="{mode.value}"
+                {f:if(condition: "{mode.value} === advanced", then: 'dump-url="{dumpUrl}"')}
+            ></typo3-backend-settings-editor>
+        </f:else>
+    </f:if>
+
+</f:section>
diff --git a/Resources/Private/Templates/SubmoduleOverview/Cards.fluid.html b/Resources/Private/Templates/SubmoduleOverview/Cards.fluid.html
new file mode 100644
index 0000000..3421d22
--- /dev/null
+++ b/Resources/Private/Templates/SubmoduleOverview/Cards.fluid.html
@@ -0,0 +1,75 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+
+<f:layout name="Module"/>
+
+<f:section name="Content">
+    <f:if condition="{currentModule}">
+        <f:then>
+            <h1>{f:translate(key: currentModule.title, default: currentModule.title)}</h1>
+            <f:if condition="{currentModule.description}">
+                <f:then>
+                    <p>{f:translate(key: currentModule.description, default: currentModule.description) -> f:transform.html()}</p>
+                </f:then>
+                <f:else if="{currentModule.shortDescription}">
+                    <p>{f:translate(key: currentModule.shortDescription, default: currentModule.shortDescription)}</p>
+                </f:else>
+            </f:if>
+            <f:if condition="{submodules}">
+                <f:then>
+                    <div class="card-container">
+                        <f:for each="{submodules}" as="subModule">
+                            <div class="card card-size-small">
+                                <div class="card-header">
+                                    <div class="card-icon">
+                                        <core:icon identifier="{subModule.iconIdentifier}" size="medium" alternativeMarkupIdentifier="inline"/>
+                                    </div>
+                                    <div class="card-header-body">
+                                        <h2 class="card-title">{f:translate(key: subModule.title, default: subModule.title)}</h2>
+                                        <f:if condition="{subModule.shortDescription}">
+                                            <span class="card-subtitle">{f:translate(key: subModule.shortDescription, default: subModule.shortDescription)}</span>
+                                        </f:if>
+                                    </div>
+                                </div>
+                                <div class="card-body">
+                                    <f:if condition="{subModule.description}">
+                                        <p class="card-text">{f:translate(key: subModule.description, default: subModule.description)}</p>
+                                    </f:if>
+                                </div>
+                                <div class="card-footer">
+                                    <f:variable name="moduleTitle">{f:translate(key: subModule.title, default: subModule.title)}</f:variable>
+                                    <a
+                                        href="{f:be.uri(route: subModule.identifier, parameters: additionalParameters)}"
+                                        class="btn btn-default"
+                                        aria-label="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:submoduleOverview.openModuleWithTitle', arguments: {0: moduleTitle})}"
+                                    >
+                                        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:submoduleOverview.openModule" />
+                                    </a>
+                                </div>
+                            </div>
+                        </f:for>
+                    </div>
+                </f:then>
+                <f:else>
+                    <f:be.infobox
+                        title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:submoduleOverview.noAccess.title')}"
+                        message="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:submoduleOverview.noAccess.message')}"
+                        state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::INFO')}"
+                    />
+                </f:else>
+            </f:if>
+        </f:then>
+        <f:else>
+            <f:be.infobox
+                title="{f:translate(key:'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:module.noAccess.title')}"
+                state="{f:constant(name: 'TYPO3\CMS\Core\Type\ContextualFeedbackSeverity::ERROR')}"
+            />
+        </f:else>
+    </f:if>
+</f:section>
+
+</html>
diff --git a/Resources/Private/Templates/SudoMode/Error.fluid.html b/Resources/Private/Templates/SudoMode/Error.fluid.html
new file mode 100644
index 0000000..f94cce5
--- /dev/null
+++ b/Resources/Private/Templates/SudoMode/Error.fluid.html
@@ -0,0 +1,12 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+    <f:asset.module identifier="@typo3/backend/security/element/sudo-mode.js"/>
+    <typo3-backend-security-sudo-mode
+        has-fatal-error
+        cancelUri="{cancelUri}"
+        labels="{labels -> f:format.json()}"
+        allow-install-tool-password
+    ></typo3-backend-security-sudo-mode>
+</html>
diff --git a/Resources/Private/Templates/SudoMode/Module.fluid.html b/Resources/Private/Templates/SudoMode/Module.fluid.html
new file mode 100644
index 0000000..f59b875
--- /dev/null
+++ b/Resources/Private/Templates/SudoMode/Module.fluid.html
@@ -0,0 +1,11 @@
+<html
+    xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+    <f:asset.module identifier="@typo3/backend/security/element/sudo-mode.js"/>
+    <typo3-backend-security-sudo-mode
+        verifyActionUri="{verifyActionUri}"
+        labels="{labels -> f:format.json()}"
+        {f:if(condition: allowInstallToolPassword, then: 'allow-install-tool-password')}
+    ></typo3-backend-security-sudo-mode>
+</html>
diff --git a/Resources/Private/Templates/ToolbarItems/BookmarkToolbarItemDropDown.fluid.html b/Resources/Private/Templates/ToolbarItems/BookmarkToolbarItemDropDown.fluid.html
new file mode 100644
index 0000000..4d85d88
--- /dev/null
+++ b/Resources/Private/Templates/ToolbarItems/BookmarkToolbarItemDropDown.fluid.html
@@ -0,0 +1 @@
+<typo3-backend-bookmark-menu></typo3-backend-bookmark-menu>
diff --git a/Resources/Private/Templates/ToolbarItems/BookmarkToolbarItemItem.fluid.html b/Resources/Private/Templates/ToolbarItems/BookmarkToolbarItemItem.fluid.html
new file mode 100644
index 0000000..c0c4bb2
--- /dev/null
+++ b/Resources/Private/Templates/ToolbarItems/BookmarkToolbarItemItem.fluid.html
@@ -0,0 +1,9 @@
+<html xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:asset.module identifier="@typo3/backend/bookmark/toolbar/bookmark-menu-element.js"/>
+<span class="toolbar-item-icon" title="{f:translate(key: 'core.bookmarks:title')}" aria-hidden="true">
+    <core:icon identifier="actions-bookmark" alternativeMarkupIdentifier="inline" />
+</span>
+<span class="toolbar-item-title">
+    <f:translate key="core.bookmarks:title"/>
+</span>
+</html>
diff --git a/Resources/Private/Templates/ToolbarItems/ClearCacheToolbarItem.fluid.html b/Resources/Private/Templates/ToolbarItems/ClearCacheToolbarItem.fluid.html
new file mode 100644
index 0000000..3fc6655
--- /dev/null
+++ b/Resources/Private/Templates/ToolbarItems/ClearCacheToolbarItem.fluid.html
@@ -0,0 +1,7 @@
+<html xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:asset.module identifier="@typo3/backend/toolbar/clear-cache-menu.js"/>
+<f:render partial="ToolbarItems/ToolbarItem" arguments="{
+    title: 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.clearCache',
+    icon: '{core:icon(identifier: \'actions-bolt\', size: \'small\', alternativeMarkupIdentifier: \'inline\')}'
+}" />
+</html>
diff --git a/Resources/Private/Templates/ToolbarItems/ClearCacheToolbarItemDropDown.fluid.html b/Resources/Private/Templates/ToolbarItems/ClearCacheToolbarItemDropDown.fluid.html
new file mode 100644
index 0000000..efc3c98
--- /dev/null
+++ b/Resources/Private/Templates/ToolbarItems/ClearCacheToolbarItemDropDown.fluid.html
@@ -0,0 +1,21 @@
+<html xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" data-namespace-typo3-fluid="true">
+<p class="dropdown-headline"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.clearCache" /></p>
+<ul class="dropdown-list">
+    <f:for each="{cacheActions}" as="cacheAction">
+        <li>
+            <button type="button" data-endpoint="{cacheAction.endpoint}" class="dropdown-item t3js-toolbar-cache-flush-action" aria-describedby="{cacheAction.id}-description">
+                <span class="dropdown-item-columns">
+                    <span class="dropdown-item-column dropdown-item-column-icon {f:if(condition: cacheAction.severity, then: 'text-{cacheAction.severity}')}">
+                        <core:icon identifier="{cacheAction.iconIdentifier}" size="small" />
+                    </span>
+                    <span class="dropdown-item-column dropdown-item-column-text">
+                        <f:translate key="{cacheAction.title}" /><br>
+                        <small class="text-variant" aria-hidden="true">{f:translate(key: '{f:if(condition: cacheAction.description, then: cacheAction.description, else: cacheAction.title)}')}</small>
+                    </span>
+                </span>
+            </button>
+            <span id="{cacheAction.id}-description" class="visually-hidden">{f:translate(key: '{f:if(condition: cacheAction.description, then: cacheAction.description, else: cacheAction.title)}')}</span>
+        </li>
+    </f:for>
+</ul>
+</html>
diff --git a/Resources/Private/Templates/ToolbarItems/ClearCacheToolbarItemSingle.fluid.html b/Resources/Private/Templates/ToolbarItems/ClearCacheToolbarItemSingle.fluid.html
new file mode 100644
index 0000000..a0a3474
--- /dev/null
+++ b/Resources/Private/Templates/ToolbarItems/ClearCacheToolbarItemSingle.fluid.html
@@ -0,0 +1,6 @@
+<html xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:asset.module identifier="@typo3/backend/toolbar/clear-cache-menu.js"/>
+<button type="button" data-endpoint="{endpoint}" class="toolbar-item-link t3js-toolbar-cache-flush-action">
+    <f:render partial="ToolbarItems/ToolbarItem" arguments="{title: title, icon: '{core:icon(identifier: iconIdentifier, size: \'small\')}'}"/>
+</button>
+</html>
diff --git a/Resources/Private/Templates/ToolbarItems/LiveSearchToolbarItem.fluid.html b/Resources/Private/Templates/ToolbarItems/LiveSearchToolbarItem.fluid.html
new file mode 100644
index 0000000..3df11e1
--- /dev/null
+++ b/Resources/Private/Templates/ToolbarItems/LiveSearchToolbarItem.fluid.html
@@ -0,0 +1,14 @@
+<html xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" data-namespace-typo3-fluid="true">
+
+<f:asset.module identifier="@typo3/backend/live-search/toolbar/live-search-toolbar-item.js"/>
+<button
+    class="toolbar-item-link t3js-topbar-button-search"
+    aria-haspopup="dialog"
+>
+    <f:render partial="ToolbarItems/ToolbarItem" arguments="{
+        title: 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.search',
+        icon: '{core:icon(identifier: \'actions-search\', size: \'small\', alternativeMarkupIdentifier: \'inline\')}'
+    }" />
+</button>
+
+</html>
diff --git a/Resources/Private/Templates/ToolbarItems/SystemInformationDropDown.fluid.html b/Resources/Private/Templates/ToolbarItems/SystemInformationDropDown.fluid.html
new file mode 100644
index 0000000..dcc2d97
--- /dev/null
+++ b/Resources/Private/Templates/ToolbarItems/SystemInformationDropDown.fluid.html
@@ -0,0 +1,82 @@
+<html xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" data-namespace-typo3-fluid="true">
+<span data-systeminformation-data
+    data-systeminformation-data-count="{count}"
+    data-systeminformation-data-severitybadgeclass="{severityBadgeClass}"
+></span>
+
+<p class="dropdown-headline"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo"/></p>
+<p class="dropdown-item-text">
+    <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.intro.text"/>
+    <a href="#" data-moduleroute-identifier="system_environment">
+        <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.intro.link"/>
+    </a>
+</p>
+
+<f:if condition="{systemInformation}">
+    <table class="dropdown-table">
+        <caption class="hidden">System overview</caption>
+        <f:for each="{systemInformation}" as="info">
+            <tr>
+                <th data-type="title" scope="row">
+                    <f:if condition="{info.iconIdentifier}">
+                        <f:then>
+                            <core:icon identifier="{info.iconIdentifier}" size="small" alternativeMarkupIdentifier="inline" />
+                        </f:then>
+                        <f:else if="{info.icon}" >{info.icon -> f:format.raw()}</f:else>
+                        <f:else>
+                            <core:icon identifier="empty-empty" size="small" alternativeMarkupIdentifier="inline" />
+                        </f:else>
+                    </f:if>
+                    <f:translate key="{info.title}" default="{info.title}"/>
+                    <f:if condition="{info.titleAddition}"> ({info.titleAddition -> f:format.htmlspecialchars()})</f:if>
+                </th>
+                <f:if condition="{info.status}">
+                    <td data-type="status">
+                        <typo3-backend-status-indicator state="{info.status}"></typo3-backend-status-indicator>
+                    </td>
+                </f:if>
+                <td {f:if(condition: info.status, else: 'colspan="2"')} data-type="value">
+
+                    {info.value}
+                </td>
+            </tr>
+        </f:for>
+    </table>
+</f:if>
+
+<hr class="dropdown-divider" aria-hidden="true">
+
+<f:if condition="{messages -> f:count()} > 0">
+    <f:then>
+        <f:for each="{messages}" as="message">
+            <div class="dropdown-row"
+                data-systeminformation-message-module="{message.module}"
+                data-systeminformation-message-params="{message.params}"
+                data-systeminformation-message-count="{message.count}"
+                data-systeminformation-message-status="{message.status}"
+            >
+                <div>
+                    <span class="text-{message.status}">
+                        <core:icon identifier="actions-exclamation-circle-alt" />
+                    </span>
+                </div>
+                <div>
+                    <f:format.raw>{message.text}</f:format.raw>
+                </div>
+            </div>
+        </f:for>
+    </f:then>
+    <f:else>
+        <div class="dropdown-row">
+            <div>
+                <span class="text-success">
+                    <core:icon identifier="actions-check-circle-alt" />
+                </span>
+            </div>
+            <div>
+                <f:format.nl2br><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo.allgood" /></f:format.nl2br>
+            </div>
+        </div>
+    </f:else>
+</f:if>
+</html>
diff --git a/Resources/Private/Templates/ToolbarItems/SystemInformationToolbarItem.fluid.html b/Resources/Private/Templates/ToolbarItems/SystemInformationToolbarItem.fluid.html
new file mode 100644
index 0000000..6bc6c7d
--- /dev/null
+++ b/Resources/Private/Templates/ToolbarItems/SystemInformationToolbarItem.fluid.html
@@ -0,0 +1,8 @@
+<html xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers" data-namespace-typo3-fluid="true">
+<f:asset.module identifier="@typo3/backend/toolbar/system-information-menu.js"/>
+<f:render partial="ToolbarItems/ToolbarItem" arguments="{
+    title: 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.sysinfo',
+    icon: '{core:icon(identifier: \'actions-info-circle\', size: \'small\', alternativeMarkupIdentifier: \'inline\')}'
+}" />
+<span class="toolbar-item-badge badge badge-pill badge-warning hidden" data-systeminformation-badge></span>
+</html>
diff --git a/Resources/Private/Templates/ToolbarItems/UserToolbarItem.fluid.html b/Resources/Private/Templates/ToolbarItems/UserToolbarItem.fluid.html
new file mode 100644
index 0000000..ed544da
--- /dev/null
+++ b/Resources/Private/Templates/ToolbarItems/UserToolbarItem.fluid.html
@@ -0,0 +1,19 @@
+<html xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers" data-namespace-typo3-fluid="true">
+<span class="toolbar-item-avatar"><be:avatar backendUser="{currentUser.uid}" size="24"/></span>
+<f:if condition="{switchUserMode}">
+    <f:then>
+        <span
+            class="toolbar-item-name"
+            title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.user.account.switchToUserMode.tooltip')} {currentUser.username}"
+        >
+            {f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.user.account.switchToUserMode.account.prefix')}
+            {f:if(condition: '{currentUser.realName}', then: '{currentUser.realName} ({currentUser.username})', else: '{currentUser.username}')}
+        </span>
+    </f:then>
+    <f:else>
+        <span class="toolbar-item-name" title="{username}">
+            {f:if(condition: '{currentUser.realName}', then: '{currentUser.realName}', else: '{currentUser.username}')}
+        </span>
+    </f:else>
+</f:if>
+</html>
diff --git a/Resources/Private/Templates/ToolbarItems/UserToolbarItemDropDown.fluid.html b/Resources/Private/Templates/ToolbarItems/UserToolbarItemDropDown.fluid.html
new file mode 100644
index 0000000..cb1770f
--- /dev/null
+++ b/Resources/Private/Templates/ToolbarItems/UserToolbarItemDropDown.fluid.html
@@ -0,0 +1,127 @@
+<html
+    xmlns:core="http://typo3.org/ns/TYPO3/CMS/Core/ViewHelpers"
+    xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
+    data-namespace-typo3-fluid="true"
+>
+<f:asset.module identifier="@typo3/backend/switch-user.js"/>
+<f:asset.module identifier="@typo3/backend/color-scheme-switch.js"/>
+<p class="dropdown-headline">{f:translate(key: 'LLL:EXT:core/Resources/Private/Language/locallang_core.xlf:labels.user')}</p>
+<f:if condition="{modules}">
+    <ul class="dropdown-list">
+        <f:for each="{modules}" as="module">
+            <li>
+                <a
+                    href="{f:if(condition: module.path, then: '{f:be.uri(route: module.identifier)}', else: '#')}"
+                    title="{f:translate(key: module.description, default: module.description)}"
+                    class="dropdown-item"
+                    role="menuitem"
+                    data-moduleroute-identifier="{module.identifier}"
+                >
+                    <span class="dropdown-item-columns">
+                        <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true">
+                            <core:icon identifier="{module.iconIdentifier}" size="small" alternativeMarkupIdentifier="inline"/>
+                        </span>
+                        <span class="dropdown-item-column dropdown-item-column-title">
+                            <f:translate key="{module.title}">{module.title}</f:translate>
+                        </span>
+                    </span>
+                </a>
+            </li>
+        </f:for>
+    </ul>
+</f:if>
+<p class="dropdown-headline" id="help-dropdown-headline"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.help" /></p>
+<f:if condition="{helpModules}">
+    <ul class="dropdown-list">
+        <f:for each="{helpModules}" as="module">
+            <li>
+                <a
+                    href="{f:if(condition: module.path, then: '{f:be.uri(route: module.identifier)}', else: '#')}"
+                    title="{f:translate(key: module.description, default: module.description)}"
+                    class="dropdown-item"
+                    role="menuitem"
+                    data-moduleroute-identifier="{module.identifier}"
+                >
+                    <span class="dropdown-item-columns">
+                        <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true">
+                            <core:icon identifier="{module.iconIdentifier}" size="small" alternativeMarkupIdentifier="inline"/>
+                        </span>
+                        <span class="dropdown-item-column dropdown-item-column-title">
+                            <f:translate key="{module.title}">{module.title}</f:translate>
+                        </span>
+                    </span>
+                </a>
+            </li>
+        </f:for>
+        <li>
+            <a
+                class="dropdown-item"
+                role="menuitem"
+                href="https://docs.typo3.org/" target="_blank" rel="noreferrer">
+                    <span class="dropdown-item-columns">
+                        <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true">
+                            <core:icon identifier="module-documentation" size="small" alternativeMarkupIdentifier="inline" />
+                        </span>
+                        <span class="dropdown-item-column dropdown-item-column-title">
+                            <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:onlineDocumentation">TYPO3 Online Documentation</f:translate>
+                            <span class="visually-hidden">(<f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang.xlf:opensInANewWindow" />)</span>
+                        </span>
+                        <core:icon identifier="actions-window-open" />
+                    </span>
+            </a>
+        </li>
+    </ul>
+</f:if>
+<f:if condition="{f:count(subject: recentUsers)} > 0">
+    <hr class="dropdown-divider" aria-hidden="true">
+    <p class="dropdown-header"><f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.user.recentlySwitchedUsers" /></p>
+    <ul class="modulemenu-group-container">
+        <f:for each="{recentUsers}" as="user">
+            <li>
+                <typo3-backend-switch-user
+                    class="dropdown-item"
+                    mode="switch"
+                    targetUser="{user.uid}"
+                    title="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.user.recentlySwitchedUsers.su.tooltip', arguments: '{0: user.username}')}"
+                >
+                    <span class="dropdown-item-columns">
+                        <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden="true">
+                            <be:avatar backendUser="{user.uid}" size="16" />
+                        </span>
+                        <span class="dropdown-item-column dropdown-item-column-title">
+                                {f:if(condition: user.realName, then: user.realName, else: user.username)}
+                        </span>
+                    </span>
+                </typo3-backend-switch-user>
+            </li>
+        </f:for>
+    </ul>
+</f:if>
+<f:if condition="{colorSchemeSwitchEnabled}">
+    <hr class="dropdown-divider" aria-hidden="true">
+    <typo3-backend-color-scheme-switch
+        togglelabel="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:toggleColorScheme')}"
+        disabledlabel="{f:translate(key: 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:colorSchemeToggleDisabled')}"
+        colorschemes="{colorSchemes -> f:format.json()}" activeColorScheme="{activeColorScheme}"
+    ></typo3-backend-color-scheme-switch>
+</f:if>
+<hr class="dropdown-divider" aria-hidden="true">
+<f:if condition="{switchUserMode}">
+    <f:then>
+        <div class="dropdown-item-text">
+            <typo3-backend-switch-user class="btn btn-sm btn-default" mode="exit">
+                <core:icon identifier="actions-logout" size="small" alternativeMarkupIdentifier="inline"/>
+                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.user.btn.exitSwitchUser" />
+            </typo3-backend-switch-user>
+        </div>
+    </f:then>
+    <f:else>
+        <div class="dropdown-item-text">
+            <f:be.link route="logout" class="btn btn-sm btn-default" target="_top">
+                <core:icon identifier="actions-logout" size="small" alternativeMarkupIdentifier="inline"/>
+                <f:translate key="LLL:EXT:backend/Resources/Private/Language/locallang_toolbar.xlf:toolbarItems.user.btn.logout" />
+            </f:be.link>
+        </div>
+    </f:else>
+</f:if>
+</html>
diff --git a/Resources/Private/tsref.xml b/Resources/Private/tsref.xml
new file mode 100644
index 0000000..ee29734
--- /dev/null
+++ b/Resources/Private/tsref.xml
@@ -0,0 +1,5786 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<tsRef>
+    <type id="cObj"/>
+    <type id="array"/>
+    <type id="int"/>
+    <type id="intList"/>
+    <type id="double"/>
+    <type id="boolean"/>
+    <type id="string"/>
+    <type id="ADMPANEL"/>
+    <type id="ARR_languages_strings" name="ARR_languages_strings">
+        <property name="default" type="string"/>
+        <property name="en" type="string"/>
+        <property name="dk" type="string"/>
+        <property name="de" type="string"/>
+        <property name="no" type="string"/>
+        <property name="it" type="string"/>
+        <property name="fr" type="string"/>
+        <property name="nl" type="string"/>
+        <property name="cz" type="string"/>
+        <property name="pl" type="string"/>
+        <property name="si" type="string"/>
+        <property name="fi" type="string"/>
+        <property name="tr" type="string"/>
+        <property name="se" type="string"/>
+        <property name="pt" type="string"/>
+        <property name="ru" type="string"/>
+        <property name="ro" type="string"/>
+        <property name="ch" type="string"/>
+        <property name="sk" type="string"/>
+        <property name="lt" type="string"/>
+        <property name="is" type="string"/>
+        <property name="hr" type="string"/>
+        <property name="hu" type="string"/>
+        <property name="gl" type="string"/>
+        <property name="th" type="string"/>
+        <property name="gr" type="string"/>
+        <property name="hk" type="string"/>
+        <property name="eu" type="string"/>
+        <property name="bg" type="string"/>
+        <property name="br" type="string"/>
+        <property name="et" type="string"/>
+        <property name="ar" type="string"/>
+        <property name="he" type="string"/>
+        <property name="ua" type="string"/>
+        <property name="lv" type="string"/>
+        <property name="jp" type="string"/>
+        <property name="vn" type="string"/>
+        <property name="ca" type="string"/>
+        <property name="ba" type="string"/>
+        <property name="kr" type="string"/>
+        <property name="eo" type="string"/>
+        <property name="my" type="string"/>
+        <property name="hi" type="string"/>
+    </type>
+    <type id="CARRAY" extends="stdWrap" name="CARRAY">
+        <property name="1" type="cObj">
+            <description><![CDATA[This is a numerical "array" of content-objects (cObjects). The order by which you specific the objects is not important as the array will be sorted before it's parsed!
+
+]]></description>
+        </property>
+        <property name="2" type="cObj">
+            <description><![CDATA[This is a numerical "array" of content-objects (cObjects). The order by which you specific the objects is not important as the array will be sorted before it's parsed!
+
+]]></description>
+        </property>
+        <property name="3" type="cObj">
+            <description><![CDATA[This is a numerical "array" of content-objects (cObjects). The order by which you specific the objects is not important as the array will be sorted before it's parsed!
+
+]]></description>
+        </property>
+        <property name="4" type="cObj">
+            <description><![CDATA[This is a numerical "array" of content-objects (cObjects). The order by which you specific the objects is not important as the array will be sorted before it's parsed!
+
+]]></description>
+        </property>
+    </type>
+    <type id="CARRAY+TDParams" extends="CARRAY" name="CARRAY+TDParams">
+        <property name="TDParams" type="string">
+            <description><![CDATA[<TD>-params
+      NOTE: This applies ONLY if "CARRAY +TDParams" is set to be data type
+This property is used only in some cases where CARRAY is used. Please look out for a note about that in the various cases.
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="CASE" extends="cObjArray" name="CASE">
+        <property name="default" type="cObj">
+            <description><![CDATA[The default object, if not defined, nothing is returned in the default case.
+]]></description>
+        </property>
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="if" type="if">
+            <description><![CDATA[if "if" returns false nothing is returned
+
+]]></description>
+        </property>
+        <property name="key" type="stdWrap">
+            <description><![CDATA[If the value of this key is defined, that object will be returned, otherwise the default-object will be returned.
+<pre>key = helloWorld
+helloWorld = <a href="/index.php/TSref/TEXT" title="TSref/TEXT">TEXT</a>
+
+helloWorld.value = this item will be returned
+</pre>
+]]></description>
+        </property>
+        <property name="setCurrent" type="stdWrap">
+            <description><![CDATA[Sets the "current"-value.
+
+]]></description>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[stdwrap properties, applied on the returned object.
+]]></description>
+        </property>
+    </type>
+    <type id="cObjArray">
+        <property name="1" type="cObj">
+            <description><![CDATA[This is a numerical "array" of content-objects (cObjects).
+]]></description>
+        </property>
+        <property name="2" type="cObj">
+            <description><![CDATA[This is a numerical "array" of content-objects (cObjects).
+]]></description>
+        </property>
+        <property name="3" type="cObj">
+            <description><![CDATA[This is a numerical "array" of content-objects (cObjects).
+]]></description>
+        </property>
+        <property name="4" type="cObj">
+            <description><![CDATA[This is a numerical "array" of content-objects (cObjects).
+]]></description>
+        </property>
+    </type>
+    <type id="COBJ_ARRAY" extends="cObjArray">
+        <property name="if" type="if">
+            <description><![CDATA[if "if" returns false the COA is NOT rendered]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap" type="stdWrap">
+            <description><![CDATA[wrap/stdWrap
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="COA" extends="COBJ_ARRAY">
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+  </type>
+    <type id="COA_INT" extends="COBJ_ARRAY">
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+    </type>
+    <type id="CONFIG">
+        <property name="ATagParams" type="string">
+            <description><![CDATA[<A>-params
+      Additional parameters to all links in TYPO3 (excluding menu-links)
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="MP_defaults" type="string">
+            <description><![CDATA[Allows you to set a list of page id numbers which will always have a certain "&MP=..." parameter added.
+
+Syntax:
+[id],[id],... : [MP-var] | [id],[id],... : [MP-var] | ...
+
+Example:
+config.MP_defaults = 36,37,48 : 2-207
+
+This will by default add "&MP=2-207" to all links pointing to pages 36,37 and 48]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="MP_disableTypolinkClosestMPvalue" type="boolean">
+            <description><![CDATA[If set, the typolink function will not try to find the closest MP value for the id.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="MP_mapRootPoints" type="string">
+            <description><![CDATA[list of PIDs/string
+      Defines a list of ID numbers from which the MP-vars are automatically calculated for the branch.
+The result is used just like MP_defaults are used to find MP-vars if none has been specified.
+You can specify "root" as a special keyword in the list of IDs and that will create a map-tree for the whole site (but this may be VERY processing intensive if there are many pages!).
+The order of IDs specified may have a significance; Any ID in a branch which is processed already (by a previous ID root point) will not be processed again.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="absRefPrefix" type="string">
+            <description><![CDATA[If this value is set, then all relative links in TypoScript are prepended with this string. Used to convert relative paths to absolute paths.
+
+Note: If you're working on a server where you have both internal and external access, you might to yourself a favour and set the absRefPrefix to the url and path of you site, eg. https://www.typo3.org/. If you do not, you risk to render pages to cache from the internal network and thereby prefix image-references and links with a non-accessible path from outside.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="additionalHeaders" type="additionalHeadersArray">
+            <description><![CDATA[This property can be used to define additional HTTP headers.
+
+For each numeric index, there are the following sub-properties:
+
+header: The header string.
+
+replace: Optional. If set, previous headers with the same name are replaced with the current one. Default is "1".
+
+httpResponseCode: Optional. HTTP status code as an integer.
+
+Example:
+
+config.additionalHeaders {
+   10 {
+      # The header string
+      header = WWW-Authenticate: Negotiate
+
+      # Do not replace previous headers with the same name.
+      replace = 0
+
+      # Force a 401 HTTP response code
+      httpResponseCode = 401
+   }
+   # Always set cache headers to private, overwriting the default TYPO3 Cache-control header
+   20.header = Cache-control: Private
+}]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="admPanel" type="ADMPANEL">
+            <description><![CDATA[boolean / ADMPANEL properties
+      If set, the admin panel appears in the bottom of pages.
+
+NOTE: In addition the panel must be enabled for the user as well, using the TSconfig for the user! See adminguide documentation.
+
+SEE: Admin Panel section]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="baseURL" type="string">
+            <description><![CDATA[This writes the <base> tag in the header of the document. Set this to the value that is expected to be the URL, and append a "/" to the end of the string.
+
+Example:
+config.baseURL = https://typo3.org/sub_dir/]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="cache" type="array">
+            <description><![CDATA[The maximum cache lifetime of a page can not only be determined the start and stop times of content elements on the page itself, but also by arbitrary records on any other page. However, the page has to be configured so that TYPO3 knows, which records' start and stop times to include. Otherwise, the cache entry will be used although a start/stop date already passed by.
+
+To include records of type <tablename> on page <pid> into the cache lifetime calculation of page <page-id>, add the following TypoScript:
+config.cache.<page-id> = <tablename>:<pid>
+
+Thus, if you want to include the fe_users records on page 2 in the cache lifetime calculation for page 10, add the following TypoScript:
+config.cache.10 = fe_users:2
+
+Multiple record sources can be added as comma-separated list, e.g.
+config.cache.10 = fe_users:2,tt_news:11
+
+In order to consider records for the cache lifetime of all pages, use the *all* keyword:
+config.cache.all = fe_users:2]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="cache_clearAtMidnight" type="boolean">
+            <description><![CDATA[With this setting the cache always expires at midnight of the day, the page is scheduled to expire.]]></description>
+            <default><![CDATA[false]]></default>
+        </property>
+        <property name="cache_period" type="int">
+            <description><![CDATA[int, seconds
+      The number of second a page may remain in cache.
+This value is overridden by the value set in the page-record (field="cache_timeout") if this value is greater than zero.]]></description>
+            <default><![CDATA[86400 (=24H)]]></default>
+        </property>
+        <property name="contentObjectExceptionHandler" type="array">
+            <description><![CDATA[Exceptions which occur during rendering of content objects (typically plugins) will now be caught by default in production context and an error message is shown along with the rendered output.
+
+            Use "1" for the default exception handler (enabled by default in production context)
+            Use "0" to disable the default exception handler
+            Use a class name for individual exception handlers
+
+            See TSref for details:
+            https://docs.typo3.org/typo3cms/TyposcriptReference/Setup/Config/Index.html#contentobjectexceptionhandler
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="debug" type="boolean">
+            <description><![CDATA[If set any debug-information in the TypoScript code is output. Currently this applies only to the menu-objects]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="disableAllHeaderCode" type="boolean">
+            <description><![CDATA[If this is set, none of the features of the PAGE-object is processed and the content of the page will be the result of the cObject array (1,2,3,4...) of the PAGE-object.  This means that the result of the cObject should include everything from the <HTML> .... to the </HTML> tag !!
+Use this feature in templates supplying other content-types than HTML. That could be an image or a WAP-page!]]></description>
+            <default><![CDATA[false]]></default>
+        </property>
+        <property name="disablePrefixComment" type="boolean">
+            <description><![CDATA[If set, the stdWrap property "prefixComment" will be disabled, thus preventing any revealing and spaceconsuming comments in the HTML source code.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="disablePreviewNotification" type="boolean">
+            <description><![CDATA[Disables the "preview" notification box completely]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="doctype" type="string">
+            <description><![CDATA[If set, then a document type declaration (and an XML prologue) will be generated. The value can either be a complete doctype or one of the following keywords:
+
+"xhtml_trans" for XHTML 1.0 Transitional doctype.
+"xhtml_strict" for XHTML 1.0 Strict doctype.
+"xhtml_basic" for XHTML basic doctype.
+"xhtml_11" for XHTML 1.1 doctype.
+"xhtml+rdf_10" for XHTML+RDFa 1.0 doctype.
+"html5" for HTML5 (default)
+"none" for NO doctype at all.
+
+Note that the keywords also change the way TYPO3 generates some of the XHTML tags to ensure valid XML.
+
+See "config.htmlTag_setParams" for more details on the effect on the html tag.
+]]></description>
+            <default><![CDATA[Default is a DOCTYPE like this:
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
+]]></default>
+        </property>
+        <property name="enableContentLengthHeader" type="boolean">
+            <description><![CDATA[If set, a header "content-length: [bytes of content]" is sent.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="extTarget" type="string">
+            <description><![CDATA[Default external target. Used by typolink if no extTarget is set.]]></description>
+            <default><![CDATA["" by default, "_blank" if TypoScript settings from Fluid Styled Content are loaded]]></default>
+        </property>
+        <property name="fileTarget" type="string">
+            <description><![CDATA[Default file link target. Used by typolink if no fileTarget is set.]]></description>
+            <default><![CDATA[
+            ]]></default>
+        </property>
+        <property name="forceTypeValue" type="int">
+            <description><![CDATA[Force the &type value of all TYPO3 generated links to a specific value (except if overruled by local forceTypeValue values).
+Useful if you run a template with special content at - say &type=95 - but still wants to keep your targets neutral. Then you set your targets to blank and this value to the type value you wish.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="frontend_editing" type="boolean">
+            <description><![CDATA[If set, then frontend editing is enabled (requires EXT:frontend_editing being installed).]]></description>
+            <default><![CDATA[false]]></default>
+        </property>
+        <property name="headerComment " type="string">
+            <description><![CDATA[The content is added before the "TYPO3 Content Management Framework" comment in the <head> section of the page. Use this to insert a note like that "Programmed by My-Agency" ...]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="htmlTag_setParams" type="string">
+            <description><![CDATA[Sets the attributes for the <html> tag on the page. If you set "config.doctype" to a keyword enabling XHTML then some attributes are already set. This property allows you to override any preset attributes with you own content if needed.
+
+Special: If you set it to "none" then no attributes will be set at any event.
+
+Example:
+config.htmlTag_setParams =  xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="includeLibrary" type="string">
+            <description><![CDATA[This includes a phpfile.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="index_descrLgd" type="int">
+            <description><![CDATA[This indicates how many chars to preserve as description for an indexed page. This may be used in the search result display.]]></description>
+            <default><![CDATA[200]]></default>
+        </property>
+        <property name="index_enable" type="boolean">
+            <description><![CDATA[Enables cached pages to be indexed.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="index_externals" type="boolean">
+            <description><![CDATA[If set, external media linked to on the pages is indexed as well.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="inlineStyle2TempFile" type="boolean">
+            <description><![CDATA[If set, the inline styles TYPO3 controls in the core are written to a file,  typo3temp/assets/css/stylesheet_[hashstring].css, and the header will only contain the link to the stylesheet.
+The file hash is based solely on the content of the styles.
+
+Depends on the compatibility mode (see Tools>Install>Update wizard):
+compatibility mode < 4.0:   0
+compatibility mode >= 4.0:   1
+
+Example:
+config.inlineStyle2TempFile = 1]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="intTarget" type="string">
+            <description><![CDATA[default internal target. Used by typolink if no target is set]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="linkVars" type="string">
+            <description><![CDATA[HTTP_GET_VARS, which should be passed on with links in TYPO3. This is compiled into a string.
+
+The values are rawurlencoded in PHP.
+
+You can specify a range of valid values by appending a () after each value. If this range does not match, the variable won't be appended to links. This is very important to prevent that the cache system gets flooded with forged values.
+
+The range may containing one of these values:
+[a]-[b] - A range of allowed integer valuesint - Only integer values are allowed[a]|[b]|[c] - A list of allowed strings (whitespaces will be removed)/[regex]/ - Match against a regular expression (PCRE style)
+
+Example:
+config.linkVars = L, print
+This will add "&L=[L-value]&print=[print-value]" to all links in TYPO3.
+
+config.linkVars = L(1-3), print
+Same as above, but "&L=[L-value]" will only be added if the current value is 1, 2 or 3.
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="message_preview" type="string">
+            <description><![CDATA[Alternative message in HTML that appears when the preview function is active!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="message_preview_workspace" type="string ">
+            <description><![CDATA[Alternative message in HTML that appears when the preview function is active in a draft workspace. You can use sprintf() placeholders for Workspace title (first) and number (second).
+
+Examples:
+config.message_preview_workspace = <div class="previewbox">Displaying workspace named "%s" (number %s)!</div>
+config.message_preview_workspace = <div class="previewbox">Displaying workspace number %2$s named "%1$s"!</div>]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="moveJsFromHeaderToFooter" type="boolean">
+            <description><![CDATA[
+            If set, all Javascript (includes and inline) will be moved to the bottom of the HTML document, which is after content and before the closing body tag
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="namespaces" type="array">
+            <description><![CDATA[array of strings
+            This property enables you to add xml namespaces (xmlns) to the html tag. The configuration
+
+namespaces.dc = https://purl.org/dc/elements/1.1/
+namespaces.foaf = http://xmlns.com/foaf/0.1/
+
+will result in a html tag like
+
+<html xmlns:dc="https://purl.org/dc/elements/1.1/" xmlns:foaf="http://xmlns.com/foaf/0.1/">
+
+This is especially useful if you want to add RDFa or microformats to your html.
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="noPageTitle" type="int">
+            <description><![CDATA[If you only want to have the website title (from the site configuration) in your <title> tag, set this to 1. If the value is 2 then the <title> tag is not printed at all.
+Please take note that this tag is required for XHTML compliant output, so you should only disable this tag if you generate it manually already.]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="showWebsiteTitle" type="int">
+            <description><![CDATA[If you want to omit the website title (from the site configuration) in your <title> tag, set this to 0.]]></description>
+            <default><![CDATA[1]]></default>
+        </property>
+        <property name="no_cache" type="boolean">
+            <description><![CDATA[If this is set to true, the page will not be cached. If set to false, it's ignored. Other parameters may have set it to true of other reasons.]]></description>
+            <default><![CDATA[-]]></default>
+        </property>
+        <property name="pageRendererTemplateFile" type="string">
+            <description><![CDATA[
+            Sets the template for page renderer class (\TYPO3\CMS\Core\Page\PageRenderer).
+
+Example:
+
+pageRendererTemplateFile = fileadmin/test_pagerender.html
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="pageTitleFirst" type="boolean">
+            <description><![CDATA[If set (and the page title is printed) then the page-title will be printed BEFORE the template title.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="pageTitleSeparator" type="string">
+            <description><![CDATA[The signs which should be printed in the title tag between the website name and the page title.]]></description>
+            <default><![CDATA[:]]></default>
+        </property>
+        <property name="removeDefaultCss" type="boolean">
+            <description><![CDATA[Remove CSS generated by _CSS_DEFAULT_STYLE configuration of extensions.]]></description>
+            <default><![CDATA[false]]></default>
+        </property>
+        <property name="removeDefaultJS" type="string">
+            <description><![CDATA[If set, the default JavaScript in the header will be removed.
+The default JavaScript is the decryption function for email addresses.
+
+Special case: if the value is "external" then the default JavaScript is written to a temporary file and included from that file. See "inlineStyle2TempFile" below.
+
+Depends on the compatibility mode (see Tools>Install>Update wizard):
+compatibility mode < 4.0:   0
+compatibility mode >= 4.0:   1
+
+Example:
+config.removeDefaultJS = external
+config.removeDefaultJS = 1]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="sendCacheHeaders" type="boolean">
+            <description><![CDATA[If set, TYPO3 will output cache-control headers to the client based mainly on  whether the page was cached internally. This feature allows client browsers and/or reverse proxies to take load of TYPO3 websites.
+
+The conditions for allowing client caching are:
+page was cachedNo *_INT or *_EXT objects were on the page (eg. USER_INT)No frontend user is logged inNo backend user is logged in
+
+If these conditions are met, the headers sent are:
+
+Expires: [expire time of page cache]
+ETag: [md5 of content]
+Cache-Control: max-age=[seconds til expiretime]
+Pragma: public
+
+In case caching is not allowed, these headers are sent to avoid client caching:
+Cache-Control: private, no-store
+
+Notice that enabling the browser caches means you have to consider how log files are written. Because when a page is cached on the client it will not invoke a request to the webserver, thus not writing the request to the log. There should be ways to circumvent these problems but they are outside the domain of TYPO3 in any case.
+
+Tip: Enabling cache-control headers might confuse editors seeing old content served from the browser cache. "Shift-Reload" will bypass both browser- and reverse-proxy caches and even make TYPO3 regenerate the page. Teach them that trick!
+
+Thanks to Ole Tange, www.forbrug.dk for co-authoring this feature.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="sendCacheHeadersForSharedCaches" type="string">
+            <description><![CDATA[If enabled, TYPO3 will output cache-control headers to a possible proxy / shared cache based mainly on whether the page was cached internally. This feature allows shared caches such as CDNs / reverse proxies to take load of TYPO3 websites while delivering fresh content to the client.
+
+The value "auto" will send s-maxage if TYPO3 is served behind a trusted reverse proxy, config.sendCacheHeaders might be respected if the request was not performed by a trusted reverse proxy.
+
+The value "force" will send s-maxage in any case, config.sendCacheHeaders will be ignored.
+
+The conditions for allowing proxy caching are:
+page was cachedNo *_INT or *_EXT objects were on the page (eg. USER_INT)No frontend user is logged inNo backend user is logged in
+
+If these conditions are met, the headers sent are:
+
+Expires: [expire time of page cache]
+ETag: [md5 of content]
+Cache-Control: max-age=0, s-maxage=[seconds til expiretime]
+Pragma: public
+
+In case caching is not allowed, these headers are sent to avoid client caching:
+Cache-Control: private, no-store
+
+Notice that enabling the shared caches means you have to consider how log files are written. Because when a page is cached on the client it will not invoke a request to the webserver, thus not writing the request to the log. There should be ways to circumvent these problems but they are outside the domain of TYPO3 in any case.
+
+Tip: Enabling cache-control headers might confuse editors seeing old content served from the shared cache. You should configure you shared cache to bypass cache if the cookie "be_typo_user" is set.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="spamProtectEmailAddresses" type="int">
+            <description><![CDATA[-10 to 10
+            If set, then all email addresses in typolinks will be encrypted so spam bots cannot detect them.
+
+If you set this value, then the encryption is simply an
+offset of character values. If you set this value to "-2" then all
+characters will have their ASCII value offset by "-2". To make this
+possible, a little JavaScript code is added to every generated web page!
+(It is recommended to set the value in the range from -5 to 1 since setting it to >= 2 means a "z" is converted to "|" which is a special character in TYPO3 tables syntax – and that might confuse columns in tables. Now hardcoded range)
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="spamProtectEmailAddresses_atSubst" type="string">
+            <description><![CDATA[Substitute label for the at-sign (@).]]></description>
+            <default><![CDATA[(at)]]></default>
+        </property>
+        <property name="spamProtectEmailAddresses_lastDotSubst" type="string">
+            <description><![CDATA[Substitute label for the last dot in the email address.
+Example: (dot)]]></description>
+            <default><![CDATA[Default: . ( <= just a simple dot)]]></default>
+        </property>
+        <property name="typolinkLinkAccessRestrictedPages" type="string">
+            <description><![CDATA[integer (page id) / keyword "NONE"
+            If set, typolinks pointing to access restricted pages will still link to the page even though the page cannot be accessed. If the value of this setting is an integer it will be interpreted as a page id to which the link will be directed.
+If the value is "NONE" the original link to the page will be kept although it will generate a page-not-found situation (which can of course be picked up properly by the page-not-found handler and present a nice login form).
+
+See "showAccessRestrictedPages" for menu objects as well (similar feature for menus)
+
+Example:
+config.typolinkLinkAccessRestrictedPages = 29
+config.typolinkLinkAccessRestrictedPages_addParams = &return_url=###RETURN_URL###&pageId=###PAGE_ID###
+
+Will create a link to page with id 29 and add GET parameters where the return URL and original page id is a part of it.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="typolinkLinkAccessRestrictedPages_addParams" type="string">
+            <description><![CDATA[See "typolinkLinkAccessRestrictedPages" above]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="xmlprologue" type="string">
+            <description><![CDATA[If empty (not set) then the default XML 1.0 prologue is set, when the doctype is set to a known keyword (eg xhtml_11):
+
+<?xml version="1.0" encoding="utf-8">
+
+If set to one of the know keywords then a standard prologue will be set:
+"xml_10" XML 1.0 prologue (see above)
+"xml_11" XML 1.1 prologue
+
+If "none" then the default XML prologue is not set.
+Any other string is used as the XML prologue itself.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="CONTENT">
+        <property name="renderObj" type="cObj">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[< [tablename]]]></default>
+        </property>
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="select" type="select">
+            <description><![CDATA[The SQL-statement is set here!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="slide" type="slide">
+            <description><![CDATA[int/stdWrap
+            If set and no content element is found by the select command, then the rootLine will be traversed back until some content is found.
+
+Possible values are "-1" (slide back up to the siteroot), "1" (only the current level) and "2" (up from one level back).
+
+Use -1 in combination with collect.
+
+.collect (integer/stdWrap): If set, all content elements found on current and parent pages will be collected. Otherwise, the sliding would stop after the first hit. Set this value to the amount of levels to collect on, or use "-1" to collect up to the siteroot.
+.collectFuzzy (boolean/stdWrap): Only useful in collect mode. If no content elements have been found for the specified depth in collect mode, traverse further until at least one match has occurred.
+.collectReverse (boolean/stdWrap): Change order of elements in collect mode. If set, elements of the current page will be on the bottom.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="table" type="stdWrap">
+            <description><![CDATA[TableName/stdWrap
+            The table, the content should come from.
+In standard-configurations this will be "tt_content"
+NOTE: Only tables allowed are "pages" or tables prefixed with one of these: "tt_", "tx_", "ttx_", "fe_", "user_" or "static_"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap" type="stdWrap">
+            <description><![CDATA[wrap/stdWrap
+            Wrap the whole content-story...]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="cache">
+        <property name="key" type="stdWrap">
+            <description><![CDATA[ string / stdwrap
+            The cache identifier that is used to store the rendered content into the cache and to read it from there.
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="lifetime" type="stdWrap">
+            <description><![CDATA["unlimited"/"default"/integer/stdWrap
+            Lifetime of the content within the cache. Allows you to determine the lifetime of the cached object. This does not depend on the lifetime of the cached version of the page on which it is used.
+            Possible values are any positive integer and the keywords "unlimited" and "default".
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="tags" type="stdWrap">
+            <description><![CDATA[boolean/stdWrap
+            Can hold a comma-separated list of tags. These tags will be attached to the entry within cache_hash
+            cache and can be used to purge the cached content.
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="slide" extends="stdWrap">
+        <property name="collect" type="stdWrap">
+            <description><![CDATA[int/stdWrap
+            If set, all content elements found on current and parent pages will be collected. Otherwise, the sliding would stop after the first hit. Set this value to the amount of levels to collect on, or use “-1” to collect up to the siteroot.
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="collectFuzzy" type="stdWrap">
+            <description><![CDATA[boolean/stdWrap
+            Only useful in collect mode. If no content elements have been found for the specified depth in collect mode, traverse further until at least one match has occurred.
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="collectReverse" type="stdWrap">
+            <description><![CDATA[boolean/stdWrap
+            Change order of elements in collect mode. If set, elements of the current page will be at the bottom.
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="extbase" name="extbase">
+        <property name="pluginName" type="stdWrap">
+            <description><![CDATA[string/stdWrap
+            Sets variables for initializing extbase.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="controllerExtensionName" type="stdWrap">
+            <description><![CDATA[string/stdWrap
+            Sets the extension name of the controller.
+            Important: This is for example essential if you have translations at the usual paths in your extension and want to use them right away in your template via <f:translate/>.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="controllerName" type="stdWrap">
+            <description><![CDATA[string/stdWrap
+            Sets the name of the controller.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="controllerActionName" type="stdWrap">
+            <description><![CDATA[string/stdWrap
+            Sets the name of the action.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+    </type>
+    <type id="FILES">
+        <property name="references" type="stdWrap">
+            <description><![CDATA[string/stdWrap or array
+            Provides a way to load files from a file field (of type IRRE with sys_file_reference as child table).
+            You can either provide a UID or a comma-separated list of UIDs from the database table sys_file_reference
+            or you have to specify a table, uid and field name in the according sub-properties of "references".
+            See further documentation of these sub-properties in the table below.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="files" type="stdWrap">
+            <description><![CDATA[string/stdWrap
+            Comma-separated list of sys_file UIDs, which are loaded into the FILES object.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="collections" type="stdWrap">
+            <description><![CDATA[string/stdWrap
+            Comma-separated list of sys_file_collection UIDs, which are loaded into the FILES object.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="folders" type="stdWrap">
+            <description><![CDATA[string/stdWrap
+            Comma-separated list of combined folder identifiers which are loaded into the FILES object.
+            A combined folder identifier looks like this: [storageUid]:[folderIdentifier].
+            The first part is the UID of the storage and the second part the identifier of the folder.
+            The identifier of the folder is often equivalent to the relative path of the folder.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="sorting" type="stdWrap">
+            <description><![CDATA[string/stdWrap
+            You can sort in revers order with: sorting.direction = DESC]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="begin" type="integer">
+            <description><![CDATA[integer]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="maxItems" type="integer">
+            <description><![CDATA[integer]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="renderObj" type="cObj">
+            <description><![CDATA[cObject + optionSplit
+            The cObject used for rendering the files. It is executed once for every file.
+            Note that during each execution you can find information about the current file using
+            the getText property "file" with the "current" keyword.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[stdWrap]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+    </type>
+    <type id="FLUIDTEMPLATE">
+        <property name="templateName" type="stdWrap">
+            <description><![CDATA[string/stdwrap
+This name is used together with the set format to find the template in the given templateRootPaths. Use this property to define a content object, which should be used as template file. It is an alternative to ".file". If ".templateName" is set, it takes precedence.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="template" type="cObject">
+            <description><![CDATA[cObject
+Use this property to define a content object, which should be used as template file. It is an alternative to ".file"; if ".template" is set, it takes precedence. While any content object can be used here, the cObject FILE might be the usual choice.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="file" type="stdWrap">
+            <description><![CDATA[string/stdWrap
+The fluid template file. It is an alternative to ".template" and is used only, if ".template" is not set.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="templateRootPaths" type="array">
+            <description><![CDATA[array of file paths with stdWrap
+Used to define several paths for templates, which will be tried in reversed order (the paths are searched from bottom to top). The first folder where the desired layout is found, is used. If the array keys are numeric, they are first sorted and then tried in reversed order.
+Useful in combination with the templateName property.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="layoutRootPath" type="stdWrap">
+            <description><![CDATA[file path/stdWrap
+Sets a specific layout path; usually it is Layouts/ underneath the template file.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="layoutRootPaths" type="array">
+            <description><![CDATA[array of file paths with stdWrap
+Used to define several paths for layouts, which will be tried in reversed order (the paths are searched from bottom to top). The first folder where the desired layout is found, is used. If the array keys are numeric, they are first sorted and then tried in reversed order.
+If property layoutRootPath (singular) is also used, it will be placed as the first option in the list of fall back paths.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="partialRootPath" type="stdWrap">
+            <description><![CDATA[file path/stdWrap
+Sets a specific partials path; usually it is Partials/ underneath the template file.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="layoutRootPaths" type="array">
+            <description><![CDATA[array of file paths with stdWrap
+Sets the format of the current request.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="format" type="stdWrap">
+            <description><![CDATA[keyword / stdWrap
+            Used to define several paths for partials, which will be tried in reversed order. The first folder where the desired partial is found, is used. The keys of the array define the order.
+See layoutRootPaths for more details.]]></description>
+            <default><![CDATA[html]]></default>
+        </property>
+        <property name="extbase" type="extbase">
+            <description><![CDATA[Additional Extbase configuration]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="variables" type="array">
+            <description><![CDATA[array
+            Sets variables that should be available in the fluid template. The keys are the variable names in Fluid.
+Reserved variables are "data" and "current", which are filled automatically with the current data set.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="settings" type="array">
+            <description><![CDATA[array
+            Sets the given settings array in the fluid template. In the view, the value can then be used.
+
+Example:
+
+page = PAGE
+page {
+    10 = FLUIDTEMPLATE
+    10 {
+        file = fileadmin/templates/MyTemplate.html
+        settings {
+            copyrightYear = 2013
+        }
+    }
+}
+
+To access copyrightYear in the template file use this:
+
+{settings.copyrightYear}
+
+Apart from just setting a key-value pair as done in the example, you can also reference objects or access constants as well.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="dataProcessing" type="array">
+            <description><![CDATA[array
+            Add one or multiple processors to manipulate the $data variable of the currently rendered content object, like tt_content or page. The sub-property options can be used to pass parameters to the processor class.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[stdWrap]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+    </type>
+    <type id="FORM_dataArray">
+        <property name="10" type="FORM_dataArray_element">
+            <description><![CDATA[alternative way to define form Elements]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="20" type="FORM_dataArray_element">
+            <description><![CDATA[alternative way to define form Elements]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="30" type="FORM_dataArray_element">
+            <description><![CDATA[alternative way to define form Elements]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="40" type="FORM_dataArray_element">
+            <description><![CDATA[alternative way to define form Elements]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+    </type>
+    <type id="FORM_dataArray_element">
+        <property name="label" type="string">
+            <description><![CDATA[]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="type" type="string">
+            <description><![CDATA[]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="name" type="string">
+            <description><![CDATA[]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="value" type="string">
+            <description><![CDATA[]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="required" type="boolean">
+            <description><![CDATA[]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+    </type>
+    <type id="FORM">
+        <property name="CHECK.layout" type="string">
+            <description><![CDATA[Alternative layout for checkboxes]]></description>
+            <default><![CDATA[the "layout"-property]]></default>
+        </property>
+        <property name="COMMENT.layout" type="string">
+            <description><![CDATA[Alternative layout for comments.]]></description>
+            <default><![CDATA[the "layout"-property]]></default>
+        </property>
+        <property name="LABEL.layout" type="string">
+            <description><![CDATA[Alternative layout for label types]]></description>
+            <default><![CDATA[the "layout"-property]]></default>
+        </property>
+        <property name="RADIO.layout" type="string">
+            <description><![CDATA[Alternative layout for radiobuttons]]></description>
+            <default><![CDATA[the "layout"-property]]></default>
+        </property>
+        <property name="REQ" type="REQ">
+            <description><![CDATA[boolean
+            Defines if required-fields should be checked and marked up]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="accessibility" type="boolean">
+            <description><![CDATA[If set, then the form will be compliant with accessibility guidelines (XHTML compliant). This includes:
+
+label string will be wrapped in <label for="formname[fieldname-hash]"> ... </label>All form elements will have an id-attribute carrying the formname with the md5-hashed fieldname appended
+
+Notice: In TYPO3 4.0 and later, CSS Styled Content is configured to produce accessible forms by default.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="commentWrap" type="stdWrap">
+            <description><![CDATA[Comments: Wrap for comments IF you use ###COMMENT###]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="data" type="stdWrap">
+            <description><![CDATA[This is the data that sets up the form. See above.
+"||" can be used instead of linebreaks]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="dataArray" type="FORM_dataArray">
+            <description><![CDATA[This is an alternative way to define the form-fields. Instead of using the syntax with vertical separator bars suggested by the .data property, you can define the elements in regular TypoScript style arrays.
+.dataArray is added to the input in .data if any.
+Every entry in the dataArray is numeric and has three main properties, label, type, value and required. 'label' and 'value' has stdWrap properties.
+There is an alternative property to .value, which is .valueArray. This is also an array in the same style with numeric entries which has properties label, value and selected. 'label' has stdWrap properties.
+
+Example:
+  dataArray {
+    10.label = Name:
+    10.type = name=input
+    10.value = [Enter name]
+    10.required = 1
+    20.label = Eyecolor
+    20.type = eyecolor=select
+    20.valueArray {
+      10.label = Blue
+      10.value = 1
+      20.label = Red
+      20.value = 2
+      20.selected = 1
+    }
+    40.type = submit=submit
+    40.value = Submit
+  }
+
+
+This is the same as this line in the .data property:
+
+Name: | *name=input | [Enter name]
+Eyecolor: | eyecolor=select | Blue=1, *Red=2
+| submit=submit | Submit
+
+Why do it this way?  Good question, but doing it this way has a tremendous advantage because labels are all separated from the codes. In addition it's much easier to pull out or insert new elements in the form.
+Inserting an email-field after the name field would be like this:
+  dataArray {
+    15.label = Email:
+    15.type = input
+    15.value = your@email.com
+    15.specialEval = EMAIL
+  }
+
+Or translating the form to danish (setting config.language to 'da'):
+
+  dataArray {
+    10.label.lang.da = Navn:
+    10.value.lang.da = [Indtast dit navn]
+    20.label.lang.da = Øjenfarve
+    20.valueArray {
+      10.label.lang.da = Blå
+      20.label.lang.da = Rød
+    }
+    40.value.lang.da = Send
+  }
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="dontMd5FieldNames" type="boolean">
+            <description><![CDATA[The IDs generated for all elements in a form are md5 hashes from the fieldname. Setting this to true will disable this behaviour and use a cleaned fieldname, prefixed with the form name as the ID, instead.
+This can be useful to style specifically named fields with CSS.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="emailMess" type="string">
+            <description><![CDATA[Message if a field evaluated to be an email adresse did not validate.
+
+NOTE: May be overridden by the property override feature of the formdata (see above)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="fieldPrefix" type="string">
+            <description><![CDATA[Alternative prefix for the name of the fields in this form. Otherwise, all fields are prefixed with the form name (either a unique hash or the name set in the "formName" property). If set to "0", there will be no prefix at all.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="fieldWrap" type="stdWrap">
+            <description><![CDATA[Field: Wraps the fields]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="formName" type="string">
+            <description><![CDATA[An alternative name for this form. Default will be a unique (random) hash.
+
+<form name="...">]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="hiddenFields" type="cObjArray">
+            <description><![CDATA[Used to set hiddenFields from TS.
+
+Example:
+hiddenFields.pid = TEXT
+hiddenFields.pid.value = 2
+
+This makes a hidden-field with the name "pid" and value "2".]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="image" type="IMAGE">
+            <description><![CDATA[If this is a valid image the submitbutton is rendered as this image!!
+
+NOTE: CurrentValue is set to the caption-label before generating the image.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="labelWrap" type="stdWrap">
+            <description><![CDATA[Labels: Wraps the label]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="layout" type="string">
+            <description><![CDATA[This defines how the label and the field are placed towards each other.
+
+Example:
+This substitutes the "###FIELD###" with the field data and the "###LABEL###' with labeldata.
+
+<tr><td>###FIELD###</td><td> ###LABEL###</td></tr>
+
+You can also use the marker ###COMMENT### which is ALSO the label value inserted, but wrapped in .commentWrap stdWrap-properties (see below)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="locationData" type="string">
+            <description><![CDATA[boolean / string
+            If this value is true, then a hidden-field called "locationData" is added to the form. This field wil be loaded with a value like this:
+[page id]:[current record table]:[current record id]
+For example, if a formfield is inserted on page with uid = "100", as a page-content item from the table "tt_content" with id "120", then the value would be "100:tt_content:120".
+The value is use by eg. the cObject SEARCHRESULT. If the value $GLOBALS["HTTP_POST_VARS"]["locationData"] is detected here, the search is done as if it was performed on this page! This is very useful if you want a search functionality implemented on a page with the "stype" field set to "L1" which means that the search is carried out from the first level in the rootline.
+Suppose you want the search to submit to a dedicated searchpage where ever. This page will then know - because of locationData - that the search was submitted from another place on the website.
+If "locationData" is not only true but also set to "HTTP_POST_VARS" then the value will insert the content of $GLOBALS["HTTP_POST_VARS"]["locationData"] instead of the true location data of the page. This should be done with search-fields as this will carry the initial searching start point with.
+NOTE: May be overridden by the property override feature of the formdata (see above)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="method" type="string">
+            <description><![CDATA[form-method
+
+            Example:
+GET]]></description>
+            <default><![CDATA[POST]]></default>
+        </property>
+        <property name="noValueInsert" type="boolean">
+            <description><![CDATA[By default values that are submitted to the same page (and thereby same form, eg. at searchforms) are re-inserted in the form instead of any default-data that might be set up.
+This, however, applies ONLY if the "no_cache=1" is set! (a page being cached may not include user-specific defaults in the fields of course...)
+If you set this flag, "noValueInsert", the content will always be the default content.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="noWrapAttr" type="boolean">
+            <description><![CDATA[If this value is true then all wrap attributes of textarea elements are suppressed. This is needed for XHTML-compliancy.
+
+The wrap attributes can also be disabled on a per-field basis by using the special keyword "disabled" as the value of the wrap attribute.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="no_cache" type="string">
+            <description><![CDATA[Default no_cache-option]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="params" type="string">
+            <description><![CDATA[form-element tag parameters
+            Extra parameters to form elements
+
+Example:
+params = style="width:200px;"
+params.textarea = style="width:300px;"
+params.check =
+
+This sets the default to 200 px width, but excludes check-boxes and sets textareas to 300.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="radioWrap" type="stdWrap">
+            <description><![CDATA[Wraps the labels for radiobuttons]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="radioWrap.accessibilityWrap" type="wrap">
+            <description><![CDATA[Defines how radio buttons are wrapped when accessibility mode is turned on (see below “accessibility” property)
+            default:
+
+            <fieldset###RADIO_FIELD_ID###><legend>###RADIO_GROUP_LABEL###</legend>|</fieldset>
+            ]]></description>
+            <default><![CDATA[<fieldset###RADIO_FIELD_ID###><legend>###RADIO_GROUP_LABEL###</legend>|</fieldset>
+]]></default>
+        </property>
+        <property name="radioInputWrap" type="stdWrap">
+            <description><![CDATA[Wraps the input element and label of a radio button.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="recipient" type="stdWrap">
+            <description><![CDATA[(list of) string /stdWrap
+            Email recipient of the formmail content (generates the hiddenfield "recipient")]]></description>
+            <default><![CDATA[No email]]></default>
+        </property>
+        <property name="redirect" type="stdWrap">
+            <description><![CDATA[URL to redirect to (generates the hidden field "redirect")
+
+Integer: this is regarded to be a page in TYPO3
+String: this is regarded to be a normal url
+Empty; the current page is chosen.
+
+NOTE: If this value is set the target of this overriddes the target of the "type".]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[Wraps the hole form (before formtags is added)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="target" type="string">
+            <description><![CDATA[target
+            Default target of the form. ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="type" type="int">
+            <description><![CDATA[Type (action="" of the form):
+
+Integer: this is regarded to be a page in TYPO3
+String: this is regarded to be a normal URL (eg. "formmail.php")
+Empty: the current page is chosen.
+
+NOTE: If type is integer/empty the form will be submitted to a page in TYPO3 and if this page has a value for target/no_cache, then this will be used instead of the default target/no_cache below.
+
+NOTE: If the redirect-value is set, the redirect-target overrides the target set by the action-url
+
+NOTE: May be overridden by the property override feature of the formdata (see above)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrapFieldName" type="wrap">
+            <description><![CDATA[This wraps  the fieldnames before they are applied to the form-field tags.
+
+Example:
+If value is tx_myextension[input][  |  ]  then the fieldname "email" would be wrapped to this value: tx_myextension[input][email]]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="REQ">
+        <property name="fieldWrap" type="stdWrap">
+            <description><![CDATA[Field: Wraps the fields, but for required fields]]></description>
+            <default><![CDATA[the "fieldWrap"-property]]></default>
+        </property>
+        <property name="labelWrap" type="stdWrap">
+            <description><![CDATA[Labels: Wraps the label, but for required fields]]></description>
+            <default><![CDATA[the "labelWrap"-property]]></default>
+        </property>
+        <property name="layout" type="string">
+            <description><![CDATA[The same as "layout" above, but for required fields]]></description>
+            <default><![CDATA[the "layout"-property]]></default>
+        </property>
+    </type>
+    <type id="GifBuilderObj">
+        <property name="if" type="if">
+            <description><![CDATA[.if (->if)  is a property of all gifbuilder-objects. If the property is present and NOT set, the object is NOT rendered! This corresponds to the functionality of ".if" of the stdWrap-function.]]></description>
+        </property>
+    </type>
+    <type id="GIFBUILDER">
+        <property name="1" type="GifBuilderObj">
+            <description><![CDATA[.if (->if)  is a property of all gifbuilder-objects. If the property is present and NOT set, the object is NOT rendered! This corresponds to the functionality of ".if" of the stdWrap-function.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="2" type="GifBuilderObj">
+            <description><![CDATA[.if (->if)  is a property of all gifbuilder-objects. If the property is present and NOT set, the object is NOT rendered! This corresponds to the functionality of ".if" of the stdWrap-function.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="3" type="GifBuilderObj">
+            <description><![CDATA[.if (->if)  is a property of all gifbuilder-objects. If the property is present and NOT set, the object is NOT rendered! This corresponds to the functionality of ".if" of the stdWrap-function.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="4" type="GifBuilderObj">
+            <description><![CDATA[.if (->if)  is a property of all gifbuilder-objects. If the property is present and NOT set, the object is NOT rendered! This corresponds to the functionality of ".if" of the stdWrap-function.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="XY" type="string">
+            <description><![CDATA[x,y +calc
+            Size of the gif-file. ]]></description>
+            <default><![CDATA[100,20]]></default>
+        </property>
+        <property name="backColor" type="string">
+            <description><![CDATA[GraphicColor
+            Background color for the gif]]></description>
+            <default><![CDATA[white]]></default>
+        </property>
+        <property name="format" type="string">
+            <description><![CDATA["gif" / "jpg"
+            Output type.
+"jpg"/"jpeg" = jpg-image]]></description>
+            <default><![CDATA[gif]]></default>
+        </property>
+        <property name="maxHeight" type="int">
+            <description><![CDATA[pixels
+            Maximal height of gif-file]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="maxWidth" type="int">
+            <description><![CDATA[pixels
+            Maximal width of gif-file]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="offset" type="string">
+            <description><![CDATA[x,y +calc
+            Offset all objects on the gif.]]></description>
+            <default><![CDATA[0,0]]></default>
+        </property>
+        <property name="quality" type="int">
+            <description><![CDATA[posint (10-100)
+            JPG-quality (if ".format" = jpg/jpeg)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="speed" type="int">
+            <description><![CDATA[posint (0-10)
+            Speed parameter (if ".format" = avif)]]></description>
+            <default><![CDATA[-1]]></default>
+        </property>
+        <property name="transparentBackground" type="boolean">
+            <description><![CDATA[Set this flag to render the background transparent. TYPO3 makes the color found at position 0,0 of the image (upper left corner) transparent.
+If you render text you should leave the niceText option OFF as the result with probably be more precise without the niceText antialiasing hack]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="transparentColor" type="stdWrap">
+            <description><![CDATA[HTMLColor /stdWrap
+            Specify a color that should be transparent
+
+Example-values:
+#ffffcc
+red
+255,255,127
+
+Option:
+transparentColor.closest = 1
+This will allow for the closest color to be matched instead. You may need this if your image is not guaranteed "clean".]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="workArea" type="string">
+            <description><![CDATA[x,y,w,h + calc
+            Define the workarea on the giffile. All the GifBuilderObj's will see this as the dimensions of the gif-file regarding alignment, overlaying of images an so on. Only will TEXT-objects exceeding the boundaries of the workarea print outside this area.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="ADJUST" extends="GifBuilderObj">
+        <property name="value" type="string">
+            <description><![CDATA[This lets you adjust the input-levels like in Photoshop's "levels"-dialog. If you need to adjust gamma, look at the EFFECT-object.
+Example:
+
+20 = ADJUST
+20.value = inputLevels = 13,230
+
+properties:
+
+inputLevels: low,high
+outputLevels: low, high
+autoLevels: -
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="BOX" extends="GifBuilderObj">
+        <property name="align" type="string">
+            <description><![CDATA[VHalign
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="color" type="string">
+            <description><![CDATA[GraphicColor
+            fill-color]]></description>
+            <default><![CDATA[black]]></default>
+        </property>
+        <property name="dimensions" type="string">
+            <description><![CDATA[x,y,w,h +calc
+            Dimensions of a filled box.
+x,y    is the offset.
+w,h    is the dimensions. Dimensions of 1 will result in 1-pixel wide lines!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="opacity" type="int">
+            <description><![CDATA[pos-int (1-100)
+            Dimensions of a filled box.
+Opacity (i.e. inverse of transparency, e.g. 100% opacity = 0% transparency)]]></description>
+            <default><![CDATA[100
+]]></default>
+        </property>
+    </type>
+    <type id="CROP" extends="GifBuilderObj">
+        <property name="align" type="string">
+            <description><![CDATA[VHalign
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="backColor" type="string">
+            <description><![CDATA[GraphicColor
+]]></description>
+            <default><![CDATA[The original backColor]]></default>
+        </property>
+        <property name="crop" type="string">
+            <description><![CDATA[x,y,v,h + calc
+            x,y is offset of the crop-frame,
+v,h  is the dimensions]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="ELLIPSE" extends="GifBuilderObj">
+        <property name="dimensions" type="string">
+            <description><![CDATA[x,y,w,h +calc
+Dimensions of a filled ellipse.
+x,y    is the offset.
+w,h    is the dimensions. Dimensions of 1 will result in 1-pixel wide lines!
+
+Example:
+file  =  GIFBUILDER
+file  {
+ XY  =  200,200
+ format  =  jpg
+ quality  =  100
+ 10  =  ELLIPSE
+ 10.dimensions  =  100,100,50,50
+ 10.color  =  red
+
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="color" type="string">
+            <description><![CDATA[GraphicColor
+fill-color
+
+Example:
+file  =  GIFBUILDER
+file  {
+ XY  =  200,200
+ format  =  jpg
+ quality  =  100
+ 10  =  ELLIPSE
+ 10.dimensions  =  100,100,50,50
+ 10.color  =  red
+
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="EFFECT" extends="GifBuilderObj">
+        <property name="value" type="string">
+            <description><![CDATA[.value = [Varnavn] = [value] | [Varnavn] = [value]
+
+Example:
+20 = EFFECT
+20.value = gamme=1.3 | flip | rotate=180
+
+
+gamma: 0.5 - 3.0
+blur: 1-99
+sharpen: 1-99
+solarize: 0-99
+swirl: 0-100
+wave: ampli , length
+charcoal: 0-100
+gray: -
+edge: 0-99
+emboss: -
+flip: - (Vertical flipping)
+flop: - (Horizontal flipping)
+rotate: 0-360 (Rotation)
+colors: 2-255
+shear: -90 - 90 (Horizontal shearing)
+invert: - (invert the colors)
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="EMBOSS" extends="GifBuilderObj">
+        <property name="blur" type="int">
+            <description><![CDATA[posint (1-99)
+            Blurring of the shadow. Above 40 only values of 40,50,60,70,80,90 means something.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="highColor" type="string">
+            <description><![CDATA[GraphicColor
+            Upper border-color]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="intensity" type="int">
+            <description><![CDATA[posint(0-100)
+            How "massive" the emboss is. This value can - if it has a high value combined with a blurred shadow - create a kind of soft-edged outline.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="lowColor" type="string">
+            <description><![CDATA[GraphicColor
+            lower border-color]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="offset" type="string">
+            <description><![CDATA[x,y
+            Offset of the emboss]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="opacity" type="int">
+            <description><![CDATA[posint (1-100)
+            Opacity (transparency^-1)
+100% opacity = 0% transparency). Only active with a value for blur.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="textObjNum" type="int">
+            <description><![CDATA[pos-int
+            Must point to the TEXT-object if these shadow-properties are not properties to a TEXT-object directly ("stand-alone-shadow"). Then the shadow needs to know which TEXT-object it should be a shadow of!
+If - on the other hand - the shadow is a property to a text-object, this property is not needed.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="GB_IMAGE" extends="GifBuilderObj">
+        <property name="align" type="string">
+            <description><![CDATA[VHalign
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="file" type="imgResource">
+            <description><![CDATA[The imagefile]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="mask" type="imgResource">
+            <description><![CDATA[Optional mask-image for the imagefile.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="offset" type="string">
+            <description><![CDATA[x,y +calc
+            Offset ]]></description>
+            <default><![CDATA[0,0]]></default>
+        </property>
+        <property name="tile" type="string">
+            <description><![CDATA[x,y
+            tile x,y times.
+Maximum times is 20 each direction. If you need more, use a larger image.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="OUTLINE" extends="GifBuilderObj">
+        <property name="color" type="string">
+            <description><![CDATA[GraphicColor
+            Outline color]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="textObjNum" type="int">
+            <description><![CDATA[pos-int
+            Must point to the TEXT-object if these shadow-properties are not properties to a TEXT-object directly ("stand-alone-shadow"). Then the shadow needs to know which TEXT-object it should be a shadow of!
+If - on the other hand - the shadow is a property to a text-object, this property is not needed.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="thickness" type="string">
+            <description><![CDATA[x,y
+            Thickness in each direction, range 1-2]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="SCALE" extends="GifBuilderObj">
+        <property name="height" type="string">
+            <description><![CDATA[pixels + calc
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="params" type="string">
+            <description><![CDATA[ImageMagickParams
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="width" type="string">
+            <description><![CDATA[pixels + calc
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="SHADOW" extends="GifBuilderObj">
+        <property name="blur" type="int">
+            <description><![CDATA[posint (1-99)
+            Blurring of the shadow. Above 40 only values of 40,50,60,70,80,90 means something.
+
+NOTE: Unfortunately the blurring capabilities of ImageMagick is not very mature in the version 4.2.9. This is addressed in the later version 5.2.0 where a gaussian blur-function is added. BUT as we do cannot use the latest ImageMagick development yet, this is not utilized so far.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="color" type="string">
+            <description><![CDATA[GraphicColor
+            Shadow color]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="intensity" type="int">
+            <description><![CDATA[posint(0-100)
+            How "massive" the shadow is. This value can - if it has a high value combined with a blurred shadow - create a kind of soft-edged outline.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="offset" type="string">
+            <description><![CDATA[x,y
+            Shadow offset]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="opacity" type="int">
+            <description><![CDATA[posint (1-100)
+            Opacity (transparency^-1)
+100% opacity = 0% transparency). Only active with a value for blur.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="textObjNum" type="int">
+            <description><![CDATA[pos-int
+            Must point to the TEXT-object if these shadow-properties are not properties to a TEXT-object directly ("stand-alone-shadow"). Then the shadow needs to know which TEXT-object it should be a shadow of!
+If - on the other hand - the shadow is a property to a text-object, this property is not needed.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="GB_TEXT" extends="GifBuilderObj">
+        <property name="align" type="string">
+            <description><![CDATA[align
+            Alignment of the text]]></description>
+            <default><![CDATA[left]]></default>
+        </property>
+        <property name="angle" type="string">
+            <description><![CDATA[degree
+            Rotation degrees of the text.
+
+NOTE: Angle is not available if spacing/wordSpacing is set.]]></description>
+            <default><![CDATA[0
+Range: -90 til 90]]></default>
+        </property>
+        <property name="antiAlias" type="boolean">
+            <description><![CDATA[FreeType antialiasing. Notice, the default mode is "on"!
+
+Note: This option is not available if .niceText is enabled]]></description>
+            <default><![CDATA[1]]></default>
+        </property>
+        <property name="breakWidth" type="int">
+            <description><![CDATA[Defines the maximum width for an object, overlapping elements will force an automatic line break.
+            ]]></description>
+            <default><![CDATA[
+            ]]></default>
+        </property>
+        <property name="breakSpace" type="float">
+            <description><![CDATA[Defines a value that is multiplied by the line height of the current element.
+            ]]></description>
+            <default><![CDATA[1.0]]></default>
+        </property>
+        <property name="doNotStripHTML" type="boolean">
+            <description><![CDATA[If set, HTML-tags in the string inserted are NOT removed. Any other way HTML-code is removed by default!]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="emboss" type="EMBOSS">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="fontColor" type="stdWrap">
+            <description><![CDATA[GraphicColor /stdWrap
+            Font color]]></description>
+            <default><![CDATA[black]]></default>
+        </property>
+        <property name="fontFile" type="string">
+            <description><![CDATA[Font face (truetype font you can upload!!)]]></description>
+            <default><![CDATA[Nimbus (Arial-clone)]]></default>
+        </property>
+        <property name="fontSize" type="int">
+            <description><![CDATA[posint
+            Font size]]></description>
+            <default><![CDATA[12]]></default>
+        </property>
+        <property name="hide" type="boolean">
+            <description><![CDATA[If this is true, the text is NOT printed.
+This feature may be used if you need a shadow-object to base a shadow on the text, but do not want the text to print.]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="iterations" type="int">
+            <description><![CDATA[posint
+            How many times the text should be "printed" onto it self. This will add the effect of bold text.
+
+Note: This option is not available if .niceText is enabled]]></description>
+            <default><![CDATA[1]]></default>
+        </property>
+        <property name="maxWidth" type="int">
+            <description><![CDATA[pixels
+            Sets the maximum width in pixels, the text must be. Reduces the fontSize if the text does not fit within this width.
+
+Does not support setting alternative fontSizes in splitRendering options.
+
+(By Rene Fritz <r.fritz@colorcube.de>)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="niceText" type="boolean">
+            <description><![CDATA[This is a very popular feature that helps to render small letters much nicer than the freetype library can normally do. But it also loads the system very much!
+The principle of this function is to create a black/white giffile in twice or more times the size of the actual gif-file and then print the text onto this is a scaled dimension. Afterwards ImageMagick (IM) scales down the mask and masks the font color down on the original gif-file through the temporary mask.
+The fact that the font  is  actually rendered in the double size and scaled down adds a more homogeneous shape to the letters. Some fonts are more critical than others though.  If you do not need the quality, then don't use the function.
+
+Some properties:
+.before = IM-params before scale
+.after = IM-params after scale
+.sharpen = sharpen-value for the mask (after scaling), integer 0-99 (this enables you to make the text crisper if it's too blurred!)
+.scaleFactor = scaling-factor, int 2-5]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="offset" type="string">
+            <description><![CDATA[x,y +calc
+            Offset of the text]]></description>
+            <default><![CDATA[0,0]]></default>
+        </property>
+        <property name="outline" type="OUTLINE">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="shadow" type="SHADOW">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="spacing" type="int">
+            <description><![CDATA[posint
+            Pixel-distance between letters. This may render ugly!]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="splitRendering.compX" type="string">
+            <description><![CDATA[Split the rendering of a string into separate processes with individual configurations. By this method a certain range of characters can be rendered with another font face or size. This is very useful if you want to use separate fonts for strings where you have latin characters combined with eg. Japanese and there is a separate font file for each.
+You can also render keywords in another font/size/color.
+
+Properties:
+splitRendering.compX = Additional pixelspace between parts, x direction
+splitRendering.compY = Additional pixelspace between parts, y direction
+splitRendering.[array] = keyword  [charRange, highlightWord]
+splitRendering.[array] {
+  fontFile = Alternative font file for this rendering
+  fontSize = Alternative font size for this rendering
+  color = Alternative color for this rendering, works ONLY without "niceText"
+  xSpaceBefore = x-Space before this part
+  xSpaceAfter = x-Space after this part
+  ySpaceBefore = y-Space before this part
+  ySpaceAfter =  y-Space after this part
+}
+
+Keyword: charRange
+splitRendering.[array].value = Commaseparated list of character ranges (eg. "100-200") given as Unicode character numbers. The list accepts optional starting and ending points, eg. " - 200" or " 200 -" and single values, eg. "65, 66, 67"
+
+Keyword: highlightWord
+splitRendering.[array].value = Word to highlight, makes a case sensitive search for this.
+
+Limitations:
+The pixelcompensation values are not corrected for scale factor used with niceText. Basically this means that when niceText is used, these values will have only the half effect.When word spacing is used the "highlightWord" mode doesn't work.The color override works only without "niceText".
+
+Example:
+  10.splitRendering.compX = 2
+  10.splitRendering.compY = -2
+  10.splitRendering.10 = charRange
+  10.splitRendering.10 {
+    value = 200-380 , 65, 66
+    fontSize = 50
+    fontFile =  typo3/sysext/core/Resources/Private/Font/nimbus.ttf
+    xSpaceBefore = 30
+  }
+  10.splitRendering.20 = highlightWord
+  10.splitRendering.20 {
+    value = TheWord
+    color = red
+  }]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="splitRendering.compY" type="string">
+            <description><![CDATA[Split the rendering of a string into separate processes with individual configurations. By this method a certain range of characters can be rendered with another font face or size. This is very useful if you want to use separate fonts for strings where you have latin characters combined with eg. Japanese and there is a separate font file for each.
+You can also render keywords in another font/size/color.
+
+Properties:
+splitRendering.compX = Additional pixelspace between parts, x direction
+splitRendering.compY = Additional pixelspace between parts, y direction
+splitRendering.[array] = keyword  [charRange, highlightWord]
+splitRendering.[array] {
+  fontFile = Alternative font file for this rendering
+  fontSize = Alternative font size for this rendering
+  color = Alternative color for this rendering, works ONLY without "niceText"
+  xSpaceBefore = x-Space before this part
+  xSpaceAfter = x-Space after this part
+  ySpaceBefore = y-Space before this part
+  ySpaceAfter =  y-Space after this part
+}
+
+Keyword: charRange
+splitRendering.[array].value = Commaseparated list of character ranges (eg. "100-200") given as Unicode character numbers. The list accepts optional starting and ending points, eg. " - 200" or " 200 -" and single values, eg. "65, 66, 67"
+
+Keyword: highlightWord
+splitRendering.[array].value = Word to highlight, makes a case sensitive search for this.
+
+Limitations:
+The pixelcompensation values are not corrected for scale factor used with niceText. Basically this means that when niceText is used, these values will have only the half effect.When word spacing is used the "highlightWord" mode doesn't work.The color override works only without "niceText".
+
+Example:
+  10.splitRendering.compX = 2
+  10.splitRendering.compY = -2
+  10.splitRendering.10 = charRange
+  10.splitRendering.10 {
+    value = 200-380 , 65, 66
+    fontSize = 50
+    fontFile =  typo3/sysext/core/Resources/Private/Font/nimbus.ttf
+    xSpaceBefore = 30
+  }
+  10.splitRendering.20 = highlightWord
+  10.splitRendering.20 {
+    value = TheWord
+    color = red
+  }]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="text" type="stdWrap">
+            <description><![CDATA[This is text text-string on the gif-file. The item is rendered only if this string is not empty.
+The cObj->data-array is loaded with the page-record, if for the GIFBUILDER-object is used]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="textMaxLength" type="int">
+            <description><![CDATA[The maximum length of the text.  This is just a natural break that prevents incidental rendering of very long texts!]]></description>
+            <default><![CDATA[100]]></default>
+        </property>
+        <property name="wordSpacing" type="int">
+            <description><![CDATA[posint
+            Pixel-distance between words.]]></description>
+            <default><![CDATA[= ".spacing"*2]]></default>
+        </property>
+    </type>
+    <type id="WORKAREA" extends="GifBuilderObj">
+        <property name="clear" type="string">(isset)
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="set" type="string">
+            <description><![CDATA[x,y,w,h + calc
+            Sets another workarea
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="HMENU">
+        <property name="1" type="mObj">
+            <description><![CDATA[Required!
+Defines which menuObj that should render the menuitems on the various levels.
+1 is the first level, 2 is the second level, 3 is the third level, 4 is ....
+
+Example:
+temp.sidemenu = HMENU
+temp.sidemenu.1 = TMENU  ]]></description>
+            <default><![CDATA[ (no menu)]]></default>
+        </property>
+        <property name="2" type="mObj">
+            <description><![CDATA[Defines which menuObj that should render the menuitems on the various levels.
+1 is the first level, 2 is the second level, 3 is the third level, 4 is ....
+
+Example:
+temp.sidemenu = HMENU
+temp.sidemenu.1 = TMENU  ]]></description>
+            <default><![CDATA[ (no menu)]]></default>
+        </property>
+        <property name="3" type="mObj">
+            <description><![CDATA[Defines which menuObj that should render the menuitems on the various levels.
+1 is the first level, 2 is the second level, 3 is the third level, 4 is ....
+
+Example:
+temp.sidemenu = HMENU
+temp.sidemenu.1 = TMENU  ]]></description>
+            <default><![CDATA[ (no menu)]]></default>
+        </property>
+        <property name="4" type="mObj">
+            <description><![CDATA[Defines which menuObj that should render the menuitems on the various levels.
+1 is the first level, 2 is the second level, 3 is the third level, 4 is ....
+
+Example:
+temp.sidemenu = HMENU
+temp.sidemenu.1 = TMENU  ]]></description>
+            <default><![CDATA[ (no menu)]]></default>
+        </property>
+        <property name="addQueryString" type="string">
+            <description><![CDATA[see typolink.addQueryString
+
+Notice: This works only for special=language.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="alwaysActivePIDlist" type="stdWrap">
+            <description><![CDATA[List of Integers /stdWrap
+            This is a list of page UID numbers that will always be regarded as active menu items and thereby automatically opened regardless of the rootline.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="begin" type="int">
+            <description><![CDATA[int +calc
+            The first item in the menu.
+
+Example:
+This results in a menu, where the first two items are skipped starting with item number 3:
+  begin = 3
+
+Notice: Affects all sub menus as well. (See "minItems" for notice)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="entryLevel" type="int">
+            <description><![CDATA[Defines at which level in the rootLine, the menu should start.
+Default is "0" which gives us a menu of the very first pages on the site.
+If the value is < 0, entryLevel is chosen from "behind" in the rootLine. Thus "-1" is a menu with items from the outermost level, "-2" is the level before the outermost...]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="excludeDoktypes" type="intList">
+            <description><![CDATA[list of integers
+            Enter the list of page document types (doktype) to exclude from menus. By default pages that are marked for backend user access only (6) are excluded. ]]></description>
+            <default><![CDATA[5,6]]></default>
+        </property>
+        <property name="excludeUidList" type="int">
+            <description><![CDATA[list of integers
+            This is a list of page uid's to exclude when the select statement is done. Comma-separated. You may add "current" to the list to exclude the current page.
+
+Example:
+The pages with these uid-number will NOT be within the menu!! Additionally the current page is always excluded too.
+  excludeUidList = 34,2,current]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="if" type="if">
+            <description><![CDATA[If "if" returns false, the menu is not generated]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="includeNotInMenu" type="boolean">
+            <description><![CDATA[If set, pages with "Not in menu" will be included in menus.
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="maxItems" type="int">
+            <description><![CDATA[The maximum items in the menu. More items will be ignored.
+
+Notice: Affects all sub menus as well. (See "minItems" for notice)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="minItems" type="int">
+            <description><![CDATA[The minimum items in the menu. If the number of pages does not reach this level, a dummy-page with the title "..." and uid=[currentpage_id] is inserted.
+
+Notice: Affects all sub menus as well. To set the value for each menu level individually, set the properties in the menu objects (see "Common properties" table).]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="protectLvar" type="string">
+            <description><![CDATA[boolean / keyword
+            If set, then for each page in the menu it will be checked if an Alternative Page Language record for the language defined in "config.sys_language_uid" (typically defined via &L) exists for the page. If that is not the case and the pages "Localization settings" have the "Hide page if no translation for current language exists" flag set, then the menu item will link to a non accessible page that will yield an error page to the user. Setting this option will prevent that situation by simply adding "&L=0" for such pages, meaning that they will switch to the default language rather than keeping the current language.
+The check is only carried out if a translation is requested ("config.sys_language_uid" is not zero).
+
+Keyword: "all"
+When set to "all" the same check is carried out but it will not look if "Hide page if no translation for current language exists" is set - it always reverts to default language if no translation is found.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="special" type="HMENU_SPECIAL">
+            <description><![CDATA["directory" / "list" / "updated" / "browse" / "rootline" / "keywords" / "language"
+            (See TSref for details:
+            <a href="https://docs.typo3.org/typo3cms/TyposcriptReference/ContentObjects/Hmenu/#hmenu-special-property">
+            https://docs.typo3.org/typo3cms/TyposcriptReference/ContentObjects/Hmenu/#hmenu-special-property</a> )]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap" type="stdWrap">
+            <description>wrap/stdWrap<![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="HMENU_SPECIAL">
+        <property name="value" type="stdWrap">
+            <description><![CDATA[list of page-uid's /stdWrap]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="directory" extends="HMENU_SPECIAL"/>
+    <type id="list" extends="HMENU_SPECIAL"/>
+    <type id="updated" extends="HMENU_SPECIAL">
+        <property name="mode" type="string">
+            <description><![CDATA[Which field in the pages-table to use. Default is "SYS_LASTCHANGED" (which is updated when a page is generated to the youngest tstamp of the records on the page), "manual" or "lastUpdated" will use the field "lastUpdated" (set manually in the page-record) and "tstamp" will use the "tstamp"-field of the pagerecord, which is set automatically when the record is changed. "crdate" will use "crdate"-field of the pagerecord. "starttime" will use the starttime field.
+
+Fields with zero value is not selected anyway.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="depth" type="string">
+            <description><![CDATA[By default (if the value is not an integer) the depth is 20 levels. The range is 1-20. A depth of 1 means only the start id, depth of 2 means start-id + first level. NOTE: depth is relative to beginAtLevel.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="beginAtLevel" type="int">
+            <description><![CDATA[Determines starting level for the pagetrees generated based on .value and .depth. Zero is default and includes the start id. 1=starts with the first row of subpages, 2=starts with the second row of subpages. Depth is relative to this starting point.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="maxAge" type="string">
+            <description><![CDATA[Seconds+calc.
+            Pages with update-dates older than currenttime minus this number of seconds will not be shown in the menu no matter what. Default is "not used". You may use +-*/ for calculations.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="limit" type="int">
+            <description><![CDATA[Max number of items in the menu. Default is 10, max is 100.
+            ]]></description>
+            <default><![CDATA[10
+]]></default>
+        </property>
+        <property name="excludeNoSearchPages" type="boolean">
+            <description><![CDATA[If set, pages marked "No search" is not included into special-menus.
+Support for Mount Pages: Yes.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="rootline" extends="HMENU_SPECIAL">
+        <property name="range" type="string">
+            <description><![CDATA[rootline creates a menu with pages from the "rootline" (see earlier in this reference)
+
+.range = [begin-level] | [end-level] (same way as you reference the .entryLevel for HMENU)
+
+This...
+
+page.2 = HMENU
+page.2.special = rootline
+page.2.special.range = 1|-2
+page.2.special.targets.3 = page
+page.2.1 = TMENU
+page.2.1.target = _top
+page.2.1.wrap = <HR> | <HR>
+page.2.1.NO {
+  linkWrap = | >
+}
+... creates a menu like this:
+
+Page level 1 > Page level 2 > Page level 3 > Page level 4 >
+
+(The menu starts at level 1 and does NOT link to the current page (-2 is the level before). Further all pages on level 3 will have "page" as target and all other "_top")
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="reverseOrder" type="boolean">
+            <description><![CDATA[If set to true, the order of the rootline menu elements will be reversed.
+            ]]></description>
+            <default><![CDATA[false]]></default>
+        </property>
+        <property name="targets" type="string">
+            <description><![CDATA[.targets.[0-x]  targets
+
+            This...
+
+page.2 = HMENU
+page.2.special = rootline
+page.2.special.range = 1|-2
+page.2.special.targets.3 = page
+page.2.1 = TMENU
+page.2.1.target = _top
+page.2.1.wrap = <HR> | <HR>
+page.2.1.NO {
+  linkWrap = | >
+}
+
+... creates a menu like this:
+
+Page level 1 > Page level 2 > Page level 3 > Page level 4 >
+
+(The menu starts at level 1 and does NOT link to the current page (-2 is the level before). Further all pages on level 3 will have "page" as target and all other "_top")
+
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="browse" extends="HMENU_SPECIAL">
+        <property name="items" type="string">
+            <description><![CDATA[.items  ( "|" separated list of "itemnames")
+            This kind of menu is built of items given by a list from the property ".item". Each element in the list (sep. by "|") is either a reserved itemname (see list) with a predefined function or a userdefined name which you can assign a link to any page. Note that the current page cannot be the root-page of a site.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="items.prevnextToSection" type="boolean">
+            <description><![CDATA[items.prevnextToSection (boolean) - if set, the "prev" and "next" navigation will jump to the next section when it reaches the end of pages in the current section.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="next" type="HMENU_SPECIAL_browseItem">
+            <description><![CDATA[next / prev : links to next page / previous page. Next and previous pages are from the same "pid" as the current page id (or "value") - that is the next item in a menu with the current page. Also referred to as current level.
+
+If ".prevnextToSection" is set then next/prev will link to the first page of next section / last page of previous section.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="prev" type="HMENU_SPECIAL_browseItem">
+            <description><![CDATA[next / prev : links to next page / previous page. Next and previous pages are from the same "pid" as the current page id (or "value") - that is the next item in a menu with the current page. Also referred to as current level.
+
+If ".prevnextToSection" is set then next/prev will link to the first page of next section / last page of previous section.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="nextsection" type="HMENU_SPECIAL_browseItem">
+            <description><![CDATA[nextsection / prevsection : links to next section / previous section. A section is defined as the subpages of a page on the same level as the parent (pid) page of the current page. Will not work if parent page of current page is the root page of the site.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="prevsection" type="HMENU_SPECIAL_browseItem">
+            <description><![CDATA[nextsection / prevsection : links to next section / previous section. A section is defined as the subpages of a page on the same level as the parent (pid) page of the current page. Will not work if parent page of current page is the root page of the site.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="nextsection_last" type="HMENU_SPECIAL_browseItem">
+            <description><![CDATA[Where nextsection/prevsection links to the first page in a section, these links to the last pages. If there is only one page in the section that will be both first and last. Will not work if parent page of current page is the root page of the site.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="prevsection_last" type="HMENU_SPECIAL_browseItem">
+            <description><![CDATA[Where nextsection/prevsection links to the first page in a section, these links to the last pages. If there is only one page in the section that will be both first and last. Will not work if parent page of current page is the root page of the site.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="first" type="HMENU_SPECIAL_browseItem">
+            <description><![CDATA[First / Last page on current level. If there is only one page on the current level that page will be both first and last.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="last" type="HMENU_SPECIAL_browseItem">
+            <description><![CDATA[First / Last page on current level. If there is only one page on the current level that page will be both first and last.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="up" type="HMENU_SPECIAL_browseItem">
+            <description><![CDATA[Links to the parent (pid) page of the current page. (up 1 level) Will always be available
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="index" type="HMENU_SPECIAL_browseItem">
+            <description><![CDATA[Links to the parent of the parent page of the current page (up 2 levels). May not be available if that page is out of the rootline.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="HMENU_SPECIAL_browseItem">
+        <property name="target" type="string">
+            <description><![CDATA[optional/alternative target of the item]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="uid" type="int">
+            <description><![CDATA[.  (uid of page) - optional/alternative page-uid to link to
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="fields" type="string">
+            <description><![CDATA[.[itemnames].fields.[fieldname]  (string)
+ override field "fieldname" in pagerecord.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="keywords" extends="HMENU_SPECIAL">
+        <property name="mode" type="string">
+            <description><![CDATA[Which field in the pages-table to use for sorting. Default is "SYS_LASTCHANGED" (which is updated when a page is generated to the youngest tstamp of the records on the page), "manual" or "lastUpdated" will use the field "lastUpdated" (set manually in the page-record) and "tstamp" will use the "tstamp"-field of the pagerecord, which is set automatically when the record is changed. "crdate" will use "crdate"-field of the pagerecord. "starttime" will use the starttime field.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="depth" type="string">
+            <description><![CDATA[By default (if the value is not an integer) the depth is 20 levels. The range is 1-20. A depth of 1 means only the start id, depth of 2 means start-id + first level. NOTE: depth is relative to beginAtLevel.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="beginAtLevel" type="int">
+            <description><![CDATA[Determines starting level for the pagetrees generated based on .value and .depth. Zero is default and includes the start id. 1=starts with the first row of subpages, 2=starts with the second row of subpages. Depth is relative to this starting point.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="limit" type="int">
+            <description><![CDATA[Max number of items in the menu. Default is 10, max is 100.
+            ]]></description>
+            <default><![CDATA[10
+]]></default>
+        </property>
+        <property name="excludeNoSearchPages" type="boolean">
+            <description><![CDATA[If set, pages marked "No search" is not included into special-menus.
+Support for Mount Pages: Yes.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="entryLevel" type="string">
+            <description><![CDATA[.entryLevel = where in the rootline the search begins. Standard rootline syntax (-x to x)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="setKeywords" type="stdWrap">
+            <description><![CDATA[.setKeywords (/stdWrap) = lets you define the keywords manually by defining them as a commaseparated list. If this property is defined, it overrides the default, which is the keywords of the current page.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="keywordsField" type="string">
+            <description><![CDATA[.keywordsField = defines the field in the pages-table in which to search for the keywords. Default is the fieldname "keyword". No check is done to see if the field you enter here exists, so enter an existing field, OK?!]]></description>
+            <default><![CDATA["keyword"
+]]></default>
+        </property>
+        <property name="keywordsField.sourceField" type="string">
+            <description><![CDATA[.keywordsField.sourceField = defines the field from the current page from which to take the keywords being matched. The default is "keyword". (Notice that ".keywordsField" is only setting the page-record field to search in !)]]></description>
+            <default><![CDATA["keyword"
+]]></default>
+        </property>
+    </type>
+    <type id="language" extends="HMENU_SPECIAL"/>
+    <type id="userdefined" extends="HMENU_SPECIAL">
+        <property name="file" type="string">
+            <description><![CDATA[.file  [resource]  =  filename of the php-file to include.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="userfunction" extends="HMENU_SPECIAL">
+        <property name="userFunc" type="string">
+            <description><![CDATA[.userFunc = function-name
+            Calls a user function/method in class which should (as with "userdefined" above) return an array with page records for the menu.
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="mObj">
+        <property name="alternativeSortingField" type="string">
+            <description><![CDATA[Normally the menuitems are sorted by the fields "sorting" in the pages- and tt_content-table. Here you can enter a list of fields that is used in the SQL- "ORDER BY" statement instead.
+
+Examples (for "pages" table):
+alternativeSortingField = title desc
+(This will render the menu in reversed alphabetical order)
+
+LIMITATIONS:
+This property works with normal menus, sectionsIndex menus and special-menus of type "directory".]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="begin" type="int">
+            <description><![CDATA[int +calc
+            The first item in the menu.
+
+Example:
+This results in a menu, where the first two items are skipped starting with item number 3:
+  begin = 3
+
+Takes precedence over HMENU.begin]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="imgNameNotRandom" type="boolean">
+            <description><![CDATA[If set, the image names of menuitems is not randomly assigned. Useful switch if you're manipulating these images with some external JavaScript
+
+NOTE: Don't set this if you're working with a menu with sectionIndex! In that case you need special unique names of items based on something else than the uid of the parent page of course!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="imgNamePrefix" type="string">
+            <description><![CDATA[prefix for the imagenames. This prefix is appended with the uid of the page.]]></description>
+            <default><![CDATA["img"]]></default>
+        </property>
+        <property name="itemArrayProcFunc" type="string">
+            <description><![CDATA[function-name
+            The first variable passed to this function is the "menuArr" array with the menuitems as they are collected based on the type of menu.
+You're free to manipulate or add to this array as you like. Just remember to return the array again!
+
+Note:
+.parentObj property is hardcoded to be a reference to the calling AbstractMenuContentObject object. Here you'll find eg. ->id to be the uid of the menu item generating a submenu and such.
+
+Presetting element state
+You can override element states like SPC, IFSUB, ACT, CUR or USR by setting the key ITEM_STATE in the page records. See cObject HMENU/special=userdefined for more information.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="maxItems" type="int">
+            <description><![CDATA[The maximum items in the menu. More items will be ignored.
+
+Takes precedence over HMENU.maxItems]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="minItems" type="int">
+            <description><![CDATA[The minimum items in the menu. If the number of pages does not reach this level, a dummy-page with the title "..." and uid=[currentpage_id] is inserted.
+
+Takes precedence over HMENU.minItems]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="sectionIndex" type="string">
+            <description><![CDATA[This is a property that all menuObj's share. If it's set, then the menu will not consist of links to pages on the "next level" but rather links to the parent page to the menu, but in addition "#"-links to the cObjects rendered on the page. In other words, the menuitems will be links to the content elements (with colPos=0!) on the page. A section index.
+
+.sectionIndex = [boolean]
+
+If you set this, all content elements (from tt_content table) of "Column" = "Normal" and the "Index"-check box clicked are selected. This corresponds to the "Menu/Sitemap" content element when "Section index" is selected as type.
+
+.sectionIndex.type = "all" / "header"
+
+If you set this additional property to "all", then the "Index"-checkbox is not considered and all content elements with colPos=0 is selected.
+
+If this property is "header" then only content elements with a visible header-layout (and a non-empty 'header'-field!) is selected. In other words, if the header layout of an element is set to "Hidden" then the page will not appear in the menu.
+
+The data-record /Behind the scene:
+
+When the menu-records are selected it works like this: The parent page record is used as the "base" for the menu-record. That means that any "no_cache" or "target"-properties of the parent page is used for the whole menu.
+
+But of course some fields from the tt_content records are transferred: This is how it mapped:
+
+$temp[$row[uid]]=$basePageRow;
+
+$temp[$row[uid]]["title"]=$row["header"];
+
+$temp[$row[uid]]["subtitle"]=$row["subheader"];
+
+$temp[$row[uid]]["starttime"]=$row["starttime"];
+
+$temp[$row[uid]]["endtime"]=$row["endtime"];
+
+$temp[$row[uid]]["fe_group"]=$row["fe_group"];
+
+$temp[$row[uid]]["media"]=$row["media"];
+
+$temp[$row[uid]]["header_layout"]=$row["header_layout"];
+
+$temp[$row[uid]]["bodytext"]=$row["bodytext"];
+
+$temp[$row[uid]]["image"]=$row["image"];
+
+$temp[$row[uid]]["sectionIndex_uid"]=$row["uid"];
+
+Basically this shows that
+
+- the field "header" and "subheader" from tt_content are mapped to "title" and "subtitle" in the pages-record. Thus you shouldn't need to change your standard menu-objects to fit this thing...
+
+- the fields "starttime", "endtime", "fe_group", "media" from tt_content are mapped to the same fields in a pages-record.
+
+- the fields "header_layout", "bodytext" and "image" are mapped to non-existing fields in the page-record
+
+- a new field, "sectionIndex_uid" is introduced in the page-record. If this field is present in a page record, the linkData()-function will prepend a hash-mark and the number of the field.
+
+NOTE:
+
+You cannot create submenus to sectionIndex-menus. That doesn't make any sense as these elements are not pages and thereby have no "childs".
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="showAccessRestrictedPages" type="string">
+            <description><![CDATA[integer (page id) / keyword "NONE"
+            If set, pages in the menu will include pages with frontend user group access enabled.  However the page is of course not accessible and therefore the URL in the menu will be linked to the page with the ID of this value. On that page you could put a login form or other message.
+If the value is "NONE" the link will not be changed and the site will perform page-not-found handling when clicked (which can be used to capture the event and act accordingly of course).
+
+Properties:
+.addParam = Additional parameter for the URL, which can hold two markers; ###RETURN_URL### which will be substituted with the link the page would have had if it had been accessible and ###PAGE_ID### holding the page id of the page coming from (could be used to look up which fe_groups was required for access.
+
+Example:
+showAccessRestrictedPages = 22
+showAccessRestrictedPages.addParams = &return_url=###RETURN_URL###&pageId=###PAGE_ID###
+
+The example will link access restricted menu items to page id 22 with the return URL in the GET var "return_url" and the page id in the GET var "pageId".]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="submenuObjSuffixes" type="string">
+            <description><![CDATA[Defines a suffix for alternative sub-level menu objects. Useful to create special submenus depending on their parent menu element. See example below.
+
+Example:
+This example will generate a menu where the menu objects for the second level will differ depending on the number of the first level item for which the submenu is rendered. The second level objects used are "2" (the default), "2a" and "2b" (the alternatives). Which of them is used is defined by "1.submenuObjSuffixes" which has the configuration "a |*| |*| b". This configuration means that the first menu element will use configuration "2a" and the last will use "2b" while anything in between will use "2" (no suffix applied)
+
+page.200 = HMENU
+page.200 {
+  1 = TMENU
+  1.wrap = <div style="width:200px; border: 1px solid;">|</div>
+  1.expAll = 1
+  1.submenuObjSuffixes = a |*|  |*| b
+  1.NO.allWrap = <b>|</b><br/>
+
+  2 = TMENU
+  2.NO.allWrap = <div style="background:red;">|</div>
+
+  2a = TMENU
+  2a.NO.allWrap = <div style="background:yellow;">|</div>
+
+  2b = TMENU
+  2b.NO.allWrap = <div style="background:green;">|</div>
+}
+
+The result can be seen in the image below (applied on the testsite package):
+
+
+
+Applies to TMENU on >= 2nd level in a menu.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="TMENU" extends="mObj">
+        <property name="ACT" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Enable/Configuration for menu items which are found in the rootLine]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="ACTRO" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Enable/Configuration for menu items which are found in the rootLine]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="ACTIFSUB" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Enable/Configuration for menu items which are found in the rootLine and has subpages]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="ACTIFSUBRO" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Enable/Configuration for menu items which are found in the rootLine and has subpages]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="CUR" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Enable/Configuration for a menu item if the item is the current page.]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="CURRO" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Enable/Configuration for a menu item if the item is the current page.]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="CURIFSUB" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Enable/Configuration for a menu item if the item is the current page and has subpages.]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="CURIFSUBRO" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Enable/Configuration for a menu item if the item is the current page and has subpages.]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="IFSUB" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Enable/Configuration for menu items which has subpages]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="IFSUBRO" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Enable/Configuration for menu items which has subpages]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="NO" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            The default "Normal" state rendering of Item. This is required for all menus.
+If you specify properties for the "NO" property you do not have to set it "1". Otherwise with no properties setting "NO=1" will render the menu anyways (for TMENU this may make sense).
+
+The simplest menu TYPO3 can generate is then:
+
+page.20 = HMENU
+page.20.1 = TMENU
+page.20.1.NO = 1
+
+That will be pure <a> tags wrapped around page titles.]]></description>
+            <default><![CDATA[1]]></default>
+        </property>
+        <property name="SPC" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Enable/Configuration for 'Spacer' pages.
+Spacers are pages of the doktype "Spacer". These are not viewable pages but "placeholders" which can be used to divide menuitems.]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="USERDEF1" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Userdefined, see .itemArrayProcFunc for details on how to use this.
+You can set the ITEM_STATE values USERDEF1 and USERDEF2 (+...RO) from a script/userfunction processing the menu item array. See HMENU/special=userdefined or the property .itemArrayProcFunc of the menu objects.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="USERDEF1RO" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Userdefined, see .itemArrayProcFunc for details on how to use this.
+You can set the ITEM_STATE values USERDEF1 and USERDEF2 (+...RO) from a script/userfunction processing the menu item array. See HMENU/special=userdefined or the property .itemArrayProcFunc of the menu objects.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="USERDEF2" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            (See above)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="USERDEF2RO" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            (See above)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="USR" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Enable/Configuration for menu items which are access restricted pages that a user has access to.]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="USRRO" type="TMENUITEM">
+            <description><![CDATA[Boolean / (config)
+            Enable/Configuration for menu items which are access restricted pages that a user has access to.]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="IProcFunc" type="string">
+            <description><![CDATA[function-name
+            The internal array "I" is passed to this function and expected returned as well. Subsequent to this function call the menu item is compiled by implode()'ing the array $I[parts] in the passed array. Thus you may modify this if you need to.
+See example on the testsite and in media/scripts/example_itemArrayProcFunc.php]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="debugItemConf" type="string">
+            <description><![CDATA[Outputs (by the debug()-function) the configuration arrays for each menuitem. Useful to debug optionSplit things and such...
+Applies to TMENU]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="expAll" type="stdWrap">boolean/stdWrap
+            <description><![CDATA[If this is true, the menu will always show the menu on the level underneath the menuitem. This corresponds to a situation where a user has clicked a menuitem and the menu folds out the next level. This can enable that to happen on all items as default.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="forceTypeValue" type="int">
+            <description><![CDATA[If set, the &type parameter of the link is forced to this value regardless of target.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="JSWindow" type="boolean">
+            <description><![CDATA[If set, the links of the menu-items will open by JavaScript in a pop-up window.
+
+.newWindow boolean, that lets every menuitem open in its own window opposite to opening in the same window for each click.
+
+.params is the list of parameters sent to the JavaScript open-window function, eg:
+width=200,height=300,status=0,menubar=0
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="overrideId" type="int">
+            <description><![CDATA[integer (page-id)
+            If set, then all links in the menu will point to this pageid. Instead the real uid of the page is sent by the parameter "&real_uid=[uid]".
+This feature is smart, if you have inserted a menu from somewhere else, perhaps a shared menu, but wants the menuitems to call the same page, which then generates a proper output based on the real_uid.
+Applies to TMENU]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[Wraps the whole item using stdWrap
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="submenuObjSuffixes" type="string">
+            <description><![CDATA[Defines a suffix for alternative sub-level menu objects. Useful to create special submenus depending on their parent menu element. See example below.
+
+Example:
+This example will generate a menu where the menu objects for the second level will differ depending on the number of the first level item for which the submenu is rendered. The second level objects used are "2" (the default), "2a" and "2b" (the alternatives). Which of them is used is defined by "1.submenuObjSuffixes" which has the configuration "a |*| |*| b". This configuration means that the first menu element will use configuration "2a" and the last will use "2b" while anything in between will use "2" (no suffix applied)
+
+page.200 = HMENU
+page.200 {
+  1 = TMENU
+  1.wrap = <div style="width:200px; border: 1px solid;">|</div>
+  1.expAll = 1
+  1.submenuObjSuffixes = a |*|  |*| b
+  1.NO.allWrap = <b>|</b><br/>
+
+  2 = TMENU
+  2.NO.allWrap = <div style="background:red;">|</div>
+
+  2a = TMENU
+  2a.NO.allWrap = <div style="background:yellow;">|</div>
+
+  2b = TMENU
+  2b.NO.allWrap = <div style="background:green;">|</div>
+}
+
+The result can be seen in the image below (applied on the testsite package):
+
+
+
+Applies to TMENU on >= 2nd level in a menu.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="target" type="string">
+            <description><![CDATA[target
+            Target of the menulinks]]></description>
+            <default><![CDATA[self]]></default>
+        </property>
+        <property name="wrap" type="wrap">
+            <description><![CDATA[Wraps only if there were items in the menu!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="TMENUITEM">
+        <property name="ATagBeforeWrap" type="boolean">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="ATagParams" type="stdWrap">
+            <description><![CDATA[<A>-params /stdWrap
+            Additional parameters
+
+Example:
+class="board"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="ATagTitle" type="stdWrap">
+            <description><![CDATA[Allows you to specify the "title" attribute of the <a> tag around the menu item.
+
+Example:
+ATagTitle.field = abstract // description
+
+This would use the abstract or description field for the <a title=""> attribute.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="RO" type="boolean">
+            <description><![CDATA[if set, rollOver is enabled for this link]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="additionalParams" type="stdWrap">
+            <description><![CDATA[Define parameters that are added to the end of the URL. This must be code ready to insert after the last parameter.
+
+For details, see typolink->additionalParams]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="after" type="stdWrap">
+            <description><![CDATA[HTML /stdWrap
+            The series of "before..." properties are duplicated to "after..." properties as well. The only difference is that the output generated by the .after.... properties are placed after the link and not before.
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="afterImg" type="imgResource">The series of "before..." properties are duplicated to "after..." properties as well. The only difference is that the output generated by the .after.... properties are placed after the link and not before.
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="afterImgLink" type="boolean">
+            <description><![CDATA[If set, this image is linked with the same <A> tag as the text
+            The series of "before..." properties are duplicated to "after..." properties as well. The only difference is that the output generated by the .after.... properties are placed after the link and not before.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="afterImgTagParams" type="string">
+            <description><![CDATA[<img>-params
+            The series of "before..." properties are duplicated to "after..." properties as well. The only difference is that the output generated by the .after.... properties are placed after the link and not before.
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="afterROImg" type="imgResource">
+            <description><![CDATA[If set, ".afterImg" and ".afterROImg" is expected to create a rollOver-pair.
+            The series of "before..." properties are duplicated to "after..." properties as well. The only difference is that the output generated by the .after.... properties are placed after the link and not before. ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="afterWrap" type="wrap">
+            <description><![CDATA[wrap around the ".after"-code
+            The series of "before..." properties are duplicated to "after..." properties as well. The only difference is that the output generated by the .after.... properties are placed after the link and not before.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="allStdWrap" type="stdWrap">
+            <description><![CDATA[stdWrap of the whole item]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="allWrap" type="stdWrap">
+            <description><![CDATA[wrap /stdWrap
+            Wraps the whole item]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="altTarget" type="string">
+            <description><![CDATA[target
+            Alternative target overriding the target property of the TMENU if set.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="before" type="stdWrap">
+            <description><![CDATA[HTML /stdWrap
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="beforeImg" type="imgResource">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="beforeImgLink" type="boolean">
+            <description><![CDATA[If set, this image is linked with the same <A> tag as the text]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="beforeImgTagParams" type="string">
+            <description><![CDATA[<img>-params
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="beforeROImg" type="imgResource">
+            <description><![CDATA[If set, ".beforeImg" and ".beforeROImg" is expected to create a rollOver-pair. ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="beforeWrap" type="wrap">
+            <description><![CDATA[wrap around the ".before"-code]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="doNotLinkIt" type="boolean">
+            <description><![CDATA[if set, the linktext are not linked at all!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="doNotShowLink" type="boolean">
+            <description><![CDATA[if set, the text will not be shown at all (smart with spacers)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="linkWrap" type="wrap">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[stdWrap to the link-text! ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap2" type="stdWrap">
+            <description><![CDATA[stdWrap to the total link-text and ATag.  (Notice that the plain default value passed to stdWrap function is "|".)]]></description>
+            <default><![CDATA[ | ]]></default>
+        </property>
+        <property name="subst_elementUid" type="boolean">
+            <description><![CDATA[If set, all appearances of the string '{elementUid}' in the total element html-code (after wrapped in .allWrap} is substituted with the uid number of the menu item.
+This is useful if you want to insert an identification code in the HTML in order to manipulate properties with JavaScript.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrapItemAndSub " type="wrap">
+            <description><![CDATA[Wraps the whole item and any submenu concatenated to it.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="stringList"/>
+    <type id="charRangeMap" extends="array"/>
+    <type id="wrap"/>
+    <type id="wrapSplitChar" extends="wrap">
+        <property name="splitChar" type="string">
+            <description><![CDATA[defines an alternative splitting character (default is "|" - the vertical line)]]></description>
+            <default><![CDATA[|]]></default>
+        </property>
+    </type>
+    <type id="HTMLparser">
+        <property name="allowTags" type="string">
+            <description><![CDATA[Default allowed tags]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="globalNesting" type="string">
+            <description><![CDATA[List of tags (among the already set tags), which will be forced to have the nesting-flag set to "global"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="htmlSpecialChars" type="int">
+            <description><![CDATA[values: -1 / 0 / 1 / 2
+            This regards all content which is NOT tags:
+"0" means "disabled" - nothing is done
+"1" means the content outside tags is htmlspecialchar()'ed (PHP-function which converts &"<> to &...;)
+"2" is the same as "1" but entities like "&amp;" or "&#234" are untouched.
+"-1" does the opposite of "1" - converts < to <, > to >, &quot; to " etc.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="keepNonMatchedTags" type="string">
+            <description><![CDATA[If set (true=1), then all tags are kept regardless of tags present as keys in $tags-array.
+If "protect", then the preserved tags have their <> converted to < and >
+Default is to REMOVE all tags, which are not specifically assigned to be allowed! So you might probably want to set this value!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="localNesting" type="string">
+            <description><![CDATA[List of tags (among the already set tags), which will be forced to have the nesting-flag set to true]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="noAttrib" type="string">
+            <description><![CDATA[List of tags (among the already set tags), which will be forced to have the allowedAttribs value set to zero (which means, all attributes will be removed.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="removeTags" type="string">
+            <description><![CDATA[List of tags (among the already set tags), which will be configured so they are surely removed.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="rmTagIfNoAttrib" type="string">
+            <description><![CDATA[List of tags (among the already set tags), which will be forced to have the rmTagIfNoAttrib set to true]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="tags.[tagname]" type="HTMLparser_tags">
+            <description><![CDATA[Either set this property to 0 or 1 to allow or deny the tag. If you enter ->HTMLparser_tags properties, those will automatically overrule this option, thus it's not needed then.
+[tagname] in lowercase.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="HTMLparser_tags">
+        <property name="allowedAttribs" type="string">
+            <description><![CDATA['0' (zero) = no attributes allowed, '[commalist of attributes]' = only allowed attributes. If blank/not set, all attributes are allowed.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="fixAttrib" type="array">
+            <description><![CDATA[fixAttrib.[attribute].always = true / false
+If set, the attribute is always processed. Normally an attribute is processed only if it exists
+
+fixAttrib.[attribute].casesensitiveComp = true / false
+If set, the comparison in .removeIfEquals and .list will be case-sensitive. At this point, it's insensitive.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="fixAttrib.[attribute]" type="HTMLparser_tags_fixAttrib">
+            <description><![CDATA[If no attribute exists by this name, this value is set as default value (if this value is not blank)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="nesting" type="">
+            <description><![CDATA[If set true, then this tag must have starting and ending tags in the correct order. Any tags not in this order will be discarded. Thus '</B><B><I></B></I></B>' will be converted to '<B><I></B></I>'.
+Is the value "global" then true nesting in relation to other tags marked for "global" nesting control is preserved. This means that if <B> and <I> are set for global nesting then this string '</B><B><I></B></I></B>' is converted to '<B></B>']]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="overrideAttribs" type="string">
+            <description><![CDATA[If set, this string is preset as the attributes of the tag. ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="protect" type="boolean">
+            <description><![CDATA[If set, the tag <> is converted to < and >]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="remap" type="string">
+            <description><![CDATA[If set, the tagname is remapped to this tagname]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="rmTagIfNoAttrib" type="boolean">
+            <description><![CDATA[If set, then the tag is removed if no attributes happened to be there.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="HTMLparser_tags_fixAttrib">
+        <property name="default" type="string">
+            <description><![CDATA[If no attribute exists by this name, this value is set as default value (if this value is not blank)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="list" type="stringList">
+            <description><![CDATA[Attribute value must be in this list. If not, the value is set to the first element.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="prefixRelPathWith" type="string">
+            <description><![CDATA[If the value of the attribute seems to be a relative URL (no scheme like "http" and no "/" as first char) then that value of this property will be prefixed the attribute.
+
+Example:
+
+...fixAttrib.src.prefixRelPathWith = http://192.168.230.3/typo3/32/dummy/]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="range" type="intList">
+            <description><![CDATA[Setting integer range. ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="removeIfEquals" type="string">
+            <description><![CDATA[If the attribute value matches the value set here, then it is removed.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="removeIfFalse" type="stingList">
+            <description><![CDATA[boolean/"blank" string
+If set, then the attribute is removed if it is "false". If this value is set to "blank" then the value must be a blank string (that means a "zero" value will not be removed)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="set" type="string">
+            <description><![CDATA[Force the attribute value to this value.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="trim" type="boolean">
+            <description><![CDATA[If any of these keys are set, the value is passed through the respective PHP-functions.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="unset" type="boolean">
+            <description><![CDATA[ If set, the attribute is unset.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="userFunc" type="string">
+            <description><![CDATA[User function for processing of the attribute.
+
+Example:
+
+...fixAttrib.href.userFunc = tx_realurl->test_urlProc]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="IMAGE">
+        <property name="altText" type="stdWrap">
+            <description><![CDATA[If no alttext is specified, it will use an empty alttext
+
+("alttext" is the old spelling of this attribute. It will be used only if "altText" does not specify a value or properties)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="emptyTitleHandling" type="string">
+            <description><![CDATA[Value can be "keepEmpty" to preserve an empty title attribute, or "useAlt" to use the alt attribute instead.
+]]></description>
+            <default><![CDATA[useAlt
+]]></default>
+        </property>
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="file" type="imgResource">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="if" type="if">
+            <description><![CDATA[if "if" returns false the image is not shown!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="imageLinkWrap" type="imageLinkWrap">
+            <description><![CDATA[boolean / imageLinkWrap
+
+CAUTION: only active if set to 1:
+imageLinkWrap = 1
+
+Additional Note: ONLY active if linkWrap is NOT set and file is NOT GIFBUILDER (as it works with the original imagefile)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="titleText" type="stdWrap">
+            <description><![CDATA[If no titletext is specified, it will use the alttext instead. If no alttext is specified, it will use an empty alttext]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="linkWrap" type="wrap">
+            <description><![CDATA[(before ".wrap")]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="params" type="stdWrap">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap" type="wrap">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="IMG_RESOURCE">
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="file" type="imgResource">
+            <description><![CDATA[ ]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[ ]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+    </type>
+    <type id="IMGTEXT" extends="cObjArray">
+        <property name="1" type="IMAGE">
+            <description><![CDATA[Rendering of the images
+The register "IMAGE_NUM" is set with the number of image being rendered for each rendering of an image-object. Starting with zero.
+The image-object should not be of type GIFBUILDER!
+Important:
+"file.import.current = 1" fetches the name of the images!
+</description>]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="2" type="IMAGE">
+            <description><![CDATA[Rendering of the images
+The register "IMAGE_NUM" is set with the number of image being rendered for each rendering of an image-object. Starting with zero.
+The image-object should not be of type GIFBUILDER!
+Important:
+"file.import.current = 1" fetches the name of the images!
+</description>]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="3" type="IMAGE">
+            <description><![CDATA[Rendering of the images
+The register "IMAGE_NUM" is set with the number of image being rendered for each rendering of an image-object. Starting with zero.
+The image-object should not be of type GIFBUILDER!
+Important:
+"file.import.current = 1" fetches the name of the images!
+</description>]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="altText" type="stdWrap">
+            <description><![CDATA[Default altText/titleText if no alternatives are provided by the ->IMAGE cObjects
+
+If no alttext is specified, it will use an empty alttext]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="borderCol" type="stdWrap">
+            <description><![CDATA[Color of the border, if ".border" is set]]></description>
+            <default><![CDATA[black]]></default>
+        </property>
+        <property name="borderThick" type="stdWrap">
+            <description><![CDATA[Width of the border around the pictures]]></description>
+            <default><![CDATA[1]]></default>
+        </property>
+        <property name="caption" type="stdWrap">
+            <description><![CDATA[Caption]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="captionSplit" type="boolean">
+            <description><![CDATA[If this is set, the caption text is split by the character (or string) from ".token" , and every item is displayed under an image each in the image block.
+.token = (string /stdWrap) Character to split the caption elements (default is chr(10))
+.cObject = cObject, used to fetch the caption for the split
+.stdWrap = stdWrap properties used to render the caption.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="colRelations" type="stdWrap">
+            <description><![CDATA[This value defines the width-relations of the images in the columns of IMGTEXT. The syntax is "[int] : [int] : [int] : ..." for each column. If there are more imagecolumns than figures in this value, it's ignored. If the relation between two of these figures exceeds 10, this function is ignore.
+It works only fully if all images are downscaled by their maxW-definition.
+
+Example:
+If 6 images are placed in three columns and their width's are high enough to be forcibly scaled, this value will scale the images in the to be eg. 100, 200 and 300  pixels from left to right
+1 : 2 : 3]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="colSpace" type="stdWrap">
+            <description><![CDATA[space between columns]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="cols" type="stdWrap ">
+            <description><![CDATA[Columns]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="emptyTitleHandling" type="string">
+            <description><![CDATA[Value can be "keepEmpty" to preserve an empty title attribute, or "useAlt" to use the alt attribute instead.
+]]></description>
+            <default><![CDATA[useAlt
+]]></default>
+        </property>
+        <property name="equalH" type="stdWrap">
+            <description><![CDATA[If this value is greater than zero, it will secure that images in a row has the same height. The width will be calculated.
+If the total width of the images raise above the "maxW"-value of the table the height for each image will be scaled down equally so that the images still have the same height but is within the limits of the totalWidth.
+Please note that this value will override the properties "width", "maxH", "maxW", "minW", "minH" of the IMAGE-objects generating the images. It will generate a table with no columns!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="image_frames" type="array ">
+            <description><![CDATA[Frames:
+.key points to the frame used.
+
+".image_frames.x" is imgResource-mask (".m")properties which will override to the [imgResource].m properties of the imageObjects. This is used to mask the images into a frame.
+
+Example:
+1 {
+  mask = media/uploads/darkroom1_mask.jpg
+  bgImg = GIFBUILDER
+  bgImg {
+    XY = 100,100
+    backColor = {$bgCol}
+  }
+  bottomImg = GIFBUILDER
+  bottomImg {
+    XY = 100,100
+    backColor = black
+  }
+  bottomImg_mask = media/uploads/darkroom1_bottom.jpg
+}
+
+NOTE: This cancels the jpg-quality settings sent as ordinary ".params" to the imgResource. In addition the output of this operation will always be jpg or gif!
+NOTE: Works ONLY if IMAGE-obj is NOT GIFBUILDER]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="imgList" type="stdWrap">
+            <description><![CDATA[list of images from ".imgPath"
+
+Example:
+This imports the list of images from tt_content's image-field
+"imgList.field = image"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="imgMax" type="stdWrap">
+            <description><![CDATA[max number of images]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="imgObjNum" type="int">
+            <description><![CDATA[ +optionSplit
+Here you define, which IMAGE-cObjects from the array "1,2,3,4..." in this object that should render the images.
+"current" is set to the image-filename.
+
+Example:
+"imgObjNum = 1 |*||*| 2":
+This would render the first two images with "1. ..." and the last image with "2. ...", provided that the ".imgList" contains 3 images.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="imgPath" type="stdWrap">
+            <description><![CDATA[Path to the images
+
+Example:
+"uploads/pics/"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="imgStart" type="stdWrap">
+            <description><![CDATA[start with image-number ".imgStart"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="maxW" type="stdWrap">
+            <description><![CDATA[max width of the image-table.
+This will scale images not in the right size! Takes the number of columns into account!
+
+NOTE: Works ONLY if IMAGE-obj is NOT GIFBUILDER]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="maxWInText" type="stdWrap">
+            <description><![CDATA[max width of the image-table, if the text is wrapped around the image-table (on the left or right side).
+This will scale images not in the right size! Takes the number of columns into account!
+
+NOTE: Works ONLY if IMAGE-obj is NOT GIFBUILDER]]></description>
+            <default><![CDATA[50% of maxW]]></default>
+        </property>
+        <property name="rowSpace" type="stdWrap">
+            <description><![CDATA[space between rows]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="rows" type="stdWrap">
+            <description><![CDATA[Rows (higher priority than "cols")]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="spaceBelowAbove" type="stdWrap">
+            <description><![CDATA[Pixel space between content and images when position of image is above or below text (but not in text)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="tableStdWrap" type="stdWrap">
+            <description><![CDATA[This passes the final <table> code for the image block to the stdWrap function.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="text" type="stdWrap">
+            <description><![CDATA[Use this to import / generate the content, that should flow around the imageblock.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="textMargin" type="stdWrap">
+            <description><![CDATA[margin between the image and the content]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="textMargin_outOfText" type="boolean">
+            <description><![CDATA[If set, the textMargin space will still be inserted even if the image is placed above or below the text.
+This flag is only for a kind of backwards compatibility because this "feature" was recently considered a bug and thus corrected. So if anyone has depended on this way things are done, you can compensate with this flag.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="textPos" type="stdWrap">
+            <description><![CDATA[Textposition:
+bit[0-2]: 000 = centre, 001 = right, 010 = left
+bit[3-5]: 000 = over, 001 = under, 010 text
+
+0 - Above: Centre
+1 - Above: Right
+2 - Above: Left
+8 - Below: Centre
+9 - Below: Right
+10 - Below: Left
+17 - In Text: Right
+18 - In Text: Left
+25 - In Text: Right (no wrap)
+26 - In Text: Left (no wrap)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="LOAD_REGISTER" extends="array">
+        <property name="[myRegisterVar1]" type="stdWrap">
+            <description><![CDATA[Example:
+(This sets "contentWidth", "label" and "head")
+
+page.27 = LOAD_REGISTER
+page.27 {
+  contentWidth = 500
+
+  label.field = header
+
+  head = some text
+  head.wrap = <B> | </B>
+}]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="[myRegisterVar2]" type="stdWrap">
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="[myRegisterVar3]" type="stdWrap">
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+    </type>
+    <type id="META" extends="array">
+        <property name="REFRESH" type="stdWrap">
+            <description><![CDATA[Meta tag
+If value is empty (after trimming) the meta tag is not generated.
+[seconds]; [url, leave blank for same page]
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="DESCRIPTION" type="stdWrap">
+            <description><![CDATA[Meta tag
+If value is empty (after trimming) the meta tag is not generated.
+If the "key" (eg. "REFRESH" or "DESCRIPTION") is "REFRESH" (caseinsensitive), then the "http-equiv"-attribute is used in the meta tag instead of "name".
+
+Examples:
+.REFRESH =  [seconds]; [url, leave blank for same page]
+.DESCRIPTION = This is the description of the content in this document
+.KEYWORDS = This is the keywords...]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="KEYWORDS" type="stdWrap">
+            <description><![CDATA[Meta tag
+If value is empty (after trimming) the meta tag is not generated.
+Examples:
+.KEYWORDS = This, is, the, list, of, keywords]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="[myMetaTag]" type="stdWrap">
+            <description><![CDATA[Meta tag
+If value is empty (after trimming) the meta tag is not generated.
+Of course you can specify your own meta tags too...]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="MULTIMEDIA">
+        <property name="file" type="stdWrap">
+            <description><![CDATA[The multimedia file. Types are:
+txt, html, htm:Inserted directly
+class:Java-applet
+swf:Flash animation
+swa, dcr:ShockWave Animation
+wav,au,ogg,opus,flac:Sound
+avi,mov,asf,mpg,wmv:Movies (AVI, QuickTime, MPEG4)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="params" type="stdWrap">
+            <description><![CDATA[This is parameters for the multimedia-objects. Use this to enter stuff like with and height:
+
+Example:
+width=200
+height=300
+
+... will generate a tag like '<embed .... width="200" height="300">'
+height=
+
+An empty string will remove the parameter from the embed-tag]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="RECORDS">
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="conf" type="array">
+            <description><![CDATA[Config-array which renders records from table tablename]]></description>
+            <default><![CDATA[If this is NOT defined, the rendering of the records is done with the toplevel-object [tablename] - just like the cObject, CONTENT!]]></default>
+        </property>
+        <property name="dontCheckPid" type="boolean">
+            <description><![CDATA[Normally a record cannot be selected, if it's parent page (pid) is not accessible for the website user. This option disables that check.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="source" type="stdWrap">
+            <description><![CDATA[List of record-id's, optionally with appended table-names.
+
+Example:
+tt_content_34, 45, tt_links_56]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="tables" type="stringList">
+            <description><![CDATA[List of accepted tables. If any items in the ".source"-list is not prepended with a tablename, the first table in this list is assumed to be the table for such records.
+Also tablenames configured in .conf is allowed.
+
+Example:
+tables = tt_content, tt_address, tt_links
+conf.tx_myexttable = TEXT
+conf.tx_myexttable.value = Hello world
+
+This adds the tables tt_content, tt_address, tt_links, tx_myexttable]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap" type="wrap">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="SEARCHRESULT">
+        <property name="addExtUrlsAndShortCuts" type="boolean">
+            <description><![CDATA[If set, then the doktypes 3 (Link) and 4 (Shortcut) are added to the doktypes being searched.
+However at this point in time, no pages will be select if they do not have at least one tt_content record on them! That is because the pages and tt_content (or other) table is joined. So there must at least one occurrence of a tt_content element on an Link / Shortcut page for them to show up.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="allowedCols" type="string">
+            <description><![CDATA[List (separated by ":") of allowed table-cols.
+
+Example:
+pages.title:tt_content.bodytext]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="languageField.[2nd table]" type="string">
+            <description><![CDATA[Setting a field name to filter language on. This works like the "languageField" setting in ->select
+
+Example:
+
+languageField.tt_content = sys_language_uid]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="layout" type="string">
+            <description><![CDATA[This defines how the search content is shown.
+
+Example:
+This substitutes the following fields:
+###RANGELOW###:The low result range, eg. "1"
+###RANGEHIGH###:The high result range, eg. "10"
+###TOTAL###:The total results
+###RESULT###:The result itself
+###NEXT###:The next-button
+###PREV###:The prev-button]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="next" type="cObj">
+            <description><![CDATA[This cObject will be wrapped by a link to the next searchresult. This is the code substituting the "###NEXT###"-mark]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="noOrderBy" type="boolean">
+            <description><![CDATA[If this is set, the result is NOT sorted after lastUpdated, tstamp for the pages-table.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="noResultObj" type="cObj">
+            <description><![CDATA[the cObject used if the search results in no rows.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="prev" type="cObj">
+            <description><![CDATA[This cObject will be wrapped by a link to the prev searchresult. This is the code substituting the "###PREV###"-mark]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="range" type="int">
+            <description><![CDATA[The number of results at a time!]]></description>
+            <default><![CDATA[20]]></default>
+        </property>
+        <property name="renderObj" type="cObj">
+            <description><![CDATA[the cObject to render the searchresults
+$cObj->data array is set to the resulting record from the search.
+Please note, that in all fields are named [tablename]_[fieldname]. Thus the page title is in the field "pages_title".
+Apart from this, these fields from the pages-table are also present:
+uid]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="renderWrap" type="wrap">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="resultObj" type="cObj">
+            <description><![CDATA[the cObject prepended in the search results returns rows]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[Wrap the whole content...]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="target" type="target">
+            <description><![CDATA[target til next/prev links!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap" type="wrap">
+            <description><![CDATA[Wrap the whole content...]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="TEXT" extends="stdWrap">
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="value" type="stdWrap">
+            <description><![CDATA[text, wrap with stdWrap properties]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="USER">
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="userFunc" type="string">
+            <description><![CDATA[The name of the function. If you specify the name with a '->' in, it's interpreted as a call to a method in a class.
+Two parameters are sent: A content variable (which is empty in this case, but not when used from stdWrap function .postUserFunc and .preUserFunc) and the second parameter is an array with the properties of this cObject if any.
+
+Example:
+This TypoScript will display all content element headers of a page in reversed order. Please take a look in media/scripts/example_callfunction.php!!
+(Also demonstrated on the testsite, page
+
+page = PAGE
+page.typeNum=0
+
+page.30 = USER
+page.30 {
+  userFunc = user_various->listContentRecordsOnPage
+  reverseOrder = 1
+}]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="USER_INT">
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="userFunc" type="string">
+            <description><![CDATA[The name of the function. If you specify the name with a '->' in, it's interpreted as a call to a method in a class.
+Two parameters are sent: A content variable (which is empty in this case, but not when used from stdWrap function .postUserFunc and .preUserFunc) and the second parameter is an array with the properties of this cObject if any.
+
+Example:
+This TypoScript will display all content element headers of a page in reversed order. Please take a look in media/scripts/example_callfunction.php!!
+(Also demonstrated on the testsite, page
+
+page = PAGE
+page.typeNum=0
+
+page.30 = USER
+page.30 {
+  userFunc = user_various->listContentRecordsOnPage
+  reverseOrder = 1
+}]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="TLO">
+        <property name="config" type="CONFIG">
+            <description><![CDATA[Global configuration.
+These values are stored with cached pages which means they are also accessible when retrieving a cached page.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="constants" type="CONSTANTS">
+            <description><![CDATA[Site-specific constants, eg. a general email-adresse. These constants may be substituted in the text throughout the pages. The substitution is done by parseFunc. (Option: constants=1)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="resources" type="array">
+            <description><![CDATA[Resources in list (internal)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="types" type="array">
+            <description><![CDATA[Types (internal)
+type=99 reserved for plaintext display ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="PAGE" extends="cObjArray">
+        <property name="10" type="cObj">
+            <description><![CDATA[the object which should be rendered in the page. You have to set this to a contenttype (IMAGE, TEXT, HTML...)
+You can specify as much elements in this array as you want.
+
+Example:
+
+page.10 = TEXT
+page.10.value = Here goes the header
+page.20 = TEXT
+page.20.value = Hello World!
+page.30 = TEXT
+page.30.value = Here goes the footer]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="20" type="cObj">
+            <description><![CDATA[the object which should be rendered in the page. You have to set this to a contenttype (IMAGE, TEXT, HTML...)
+You can specify as much elements in this array as you want.
+
+Example:
+
+page.10 = TEXT
+page.10.value = Here goes the header
+page.20 = TEXT
+page.20.value = Hello World!
+page.30 = TEXT
+page.30.value = Here goes the footer]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="30" type="cObj">
+            <description><![CDATA[the object which should be rendered in the page. You have to set this to a contenttype (IMAGE, TEXT, HTML...)
+You can specify as much elements in this array as you want.
+
+Example:
+
+page.10 = TEXT
+page.10.value = Here goes the header
+page.20 = TEXT
+page.20.value = Hello World!
+page.30 = TEXT
+page.30.value = Here goes the footer]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="bgImg" type="imgResource">
+            <description><![CDATA[Background image on the page. This is automatically added to the body-tag.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="bodyTag" type="string">
+            <description><![CDATA[Bodytag on the page
+
+Example:
+page.bodyTag = <body bgcolor="{$bgCol}">]]></description>
+            <default><![CDATA[<body bgcolor="#FFFFFF">]]></default>
+        </property>
+        <property name="bodyTagAdd" type="string">
+            <description><![CDATA[This content is added to the end of the bodyTag.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="bodyTagCObject" type="cObj">
+            <description><![CDATA[This is default bodytag overridden by ".bodyTag" if that is set.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="cssInline" type="CARRAY">
+            <description><![CDATA[Use cObjects for creating inline CSS
+
+Example:
+
+cssInline {
+    10 = TEXT
+    10.value = h1 {margin:15px;}
+
+    20 = TEXT
+    20.value = h1 span {color: blue;}
+}
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="config" type="CONFIG">
+            <description><![CDATA[configuration for the page. Any entries override the same entries in the toplevel-object "config".]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="disableBodyTag" type="boolean">
+            <description><![CDATA[This option disables <body> tag generation by the TYPO3 core. It is useful for extensions like TemplaVoila, which can produce its own <body> tag with additional attributes.]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="footerData" type="CARRAY">
+            <description><![CDATA[Same as headerData above, except that this block gets included at the bottom of the page (just before the closing body tag).
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="headTag" type="string">
+            <description><![CDATA[Head-tag if alternatives are wanted]]></description>
+            <default><![CDATA[<head>]]></default>
+        </property>
+        <property name="headerData" type="cObjArray">
+            <description><![CDATA[Inserts content in the header-section. Could be JavaScripts, meta-tags, other stylesheet references.
+Is inserted after all the style-definitions.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="includeCSS" type="array">
+            <description><![CDATA[Inserts a stylesheet (just like the .stylesheet property) by allows to setting up more than a single stylesheet, because you can enter files in an array.
+
+The file definition must be a valid "resource" datatype, otherwise nothing is inserted.
+
+Each file has optional properties:
+
+.media - setting the media attribute of the <style> tag.
+
+.title - setting the title of the <style> tag.
+
+.alternate - If set (boolean) then the rel-attribute will be "alternate stylesheet"
+
+.import - If set (boolean) then the @import way of including a stylesheet is used instead of <link>
+
+.allWrap - wraps the complete tag, useful for conditional comments.
+
+.external - If set, there is no file existence check. Useful for inclusion of external files.
+
+.inline - Inline the contents of the CSS file using a <style> tag.
+
+Example:
+
+includeCSS {
+  file1 = fileadmin/mystylesheet1.css
+
+  file2 = stylesheet_uploaded_to_template*.css
+  file2.title = High contrast
+  file2.media = print
+
+  ie6Style = fileadmin/css/style3.css
+  ie6Style.allWrap = <!--[if lte IE 7]>|<![endif]-->
+
+  bootstrap = https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css
+  bootstrap.external = 1
+}
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="includeJS" type="array">
+            <description><![CDATA[Inserts one or more (Java)Scripts in <script> tags.
+
+The file definition must be a valid "resource" datatype, otherwise nothing is inserted. This means that remote files cannot be referenced (i.e. using "http://..."), except by using the ".external" property.
+
+Each file has optional properties:
+
+.type - setting the MIME type of the script (default: empty, set it to "text/javascript" for backwards-compatibility)
+
+.forceOnTop - boolean flag. If set, this file will be added on top of all other files.
+
+.allWrap - wraps the complete tag, useful for conditional comments.
+
+.external - If set, there is no file existence check. Useful for inclusion of external files.
+
+Example:
+
+includeJS {
+  file1 = fileadmin/helloworld.js
+  file1.type = application/x-javascript
+  file2 = javascript_uploaded_to_template*.js
+}]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="includeJSLibs" type="array">
+            <description><![CDATA[Adds JS library files to head of page.
+
+The file definition must be a valid "resource" datatype, otherwise nothing is inserted. This means that remote files cannot be referenced (i.e. using "http://..."), except by using the ".external" property.
+
+Each file has optional properties:
+
+.allWrap - wraps the complete tag, useful for conditional comments.
+
+.external - If set, there is no file existence check. Useful for inclusion of external files.
+
+Example:
+
+includeJSLibs.twitter = https://twitter.com/javascripts/blogger.js
+
+includeJSLibs.twitter.external = 1
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="includeJSFooter" type="array">
+            <description><![CDATA[resource
+            Same as includeJS above, except that this block gets included at the bottom of the page (just before the closing body tag).
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="includeJSFooterlibs" type="array">
+            <description><![CDATA[	Same as includeJSLibs above, except that this block gets included at the bottom of the page (just before the closing body tag).
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="inlineSettings" type="array">
+            <description><![CDATA[array of strings
+Adds settings to the page.
+
+Example:
+
+page.inlineSettings {
+   setting1 = Hello
+   setting2 = GoOnTop
+}
+
+will produce following source:
+
+TYPO3.settings = {"TS":{"setting1":"Hello","setting2":"GoOnTop"}};
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="jsInline" type="CARRAY">
+            <description><![CDATA[Use cObjects for creating inline JavaScript
+
+Example:
+
+page.jsInline {
+10 = TEXT
+10.dataWrap = var pageId = {TSFE:id};
+}
+
+Note:
+
+with config.removeDefaultJS = external, the inlineJS is moved to external file.
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="jsFooterInline" type="CARRAY">
+            <description><![CDATA[Same jsInline above, except that the JavaScript gets inserted at the bottom of the page (just before the closing body tag).
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="meta" type="META">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="shortcutIcon" type="string">
+            <description><![CDATA[Favicon of the page. Create a reference to an icon here!
+Browsers that support favicons display them in the browser's address bar, next to the site's name in lists of bookmarks, and next to the page's title in a Tabbed Document Interface.
+
+Note:
+This must be a valid ".ico"-file (iconfile)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[Wraps the content of the cObject array with stdWrap options]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="typeNum" type="int">
+            <description><![CDATA[This decides the typeId of the page. The value defaults to 0 for the first
+found PAGE object, but it MUST be set and be unique as soon you use more than one such object (watch this if you use frames on your page)!]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="wrap" type="wrap">
+            <description><![CDATA[Wraps the content of the cObject array]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="CONSTANTS">
+        <property name="[myConstant]" type="string">
+            <description><![CDATA[Constants.
+
+Examples:
+.EMAIL =  email@email.com
+Now if parseFunc anywhere is configured with constants=1 then all cases of the string ###EMAIL### will be substituted in the text.
+see ->parseFunc]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="encapsLines">
+        <property name="addAttributes" type="array">
+            <description><![CDATA[Attributes to set in the encapsulation tag.
+
+Example:
+addAttributes.P {
+  style=padding-bottom:0px; margin-top:1px; margin-bottom:1px;
+  align=center
+}
+
+([tagname] is in uppercase.)
+
+.setOnly =
+exists : This will set the value ONLY if the property does not already exist
+blank : This will set the value ONLY if the property does not already exist OR is blank ("")
+
+Default is to always override/set the attributes value.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="defaultAlign" type="stdWrap">
+            <description><![CDATA[If set, this value is set as the default "align" value of the wrapping tags, both from .encapsTagList, .bypassEncapsTagList and .nonWrappedTag]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="encapsLinesStdWrap.[tagname]" type="stdWrap">
+            <description><![CDATA[Wraps the content inside all encapsulated lines.
+([tagname] is in uppercase.)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="encapsTagList" type="stringList">
+            <description><![CDATA[List of tags which qualify as encapsulating tags. Must be lowercase.
+
+Example:
+encapsTagList = div, p
+
+This setting will recognize the red line below as encapsulated lines:
+
+First line of text
+Some <div>text</div>
+<p>Some text</p>
+<div>Some text</div>
+<B>Some text</B>]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="innerStdWrap_all" type="stdWrap">
+            <description><![CDATA[Wraps the content inside all lines, whether they are encapsulated or not.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="nonWrappedTag" type="string">
+            <description><![CDATA[For all non-wrapped lines, you can set here which tag it should be wrapped in. Example would be "P". This is an alternative to .wrapNonWrappedLines and has the advantage that it's attributes are set by .addAttributes as well as defaultAlign. Thus you can easier match the wrapping tags used for nonwrapped and wrapped lines.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="remapTag.[tagname]" type="string">
+            <description><![CDATA[Enter a new tag name here if you wish the tagname of any encapsulation to be unified to a single tag name.
+
+For instance, setting this value to "remapTags.P=DIV" would convert:
+
+<p>Some text</p>
+<div>Some text</div>
+
+to
+
+<div>Some text</div>
+<div>Some text</div>
+
+([tagname] is in uppercase.)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="removeWrapping" type="boolean">
+            <description><![CDATA[If set, then all existing wrapping will be removed.
+
+This:
+
+First line of text
+Some <div>text</div>
+<p>Some text</p>
+<div>Some text</div>
+<B>Some text</B>
+
+becomes this:
+
+First line of text
+Some <div>text</div>
+Some text
+Some text
+<B>Some text</B>]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrapNonWrappedLines" type="wrap">
+            <description><![CDATA[Wrapping for non-encapsulated lines
+
+Example:
+.wrapNonWrappedLines = <P>|</P>
+
+This:
+
+First line of text
+<p>Some text</p>
+
+becomes this:
+
+<P>First line of text</P>
+<p>Some text</p>]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="filelink">
+        <property name="ATagBeforeWrap" type="boolean">
+            <description><![CDATA[If set, the link is first wrapped with ".wrap" and then the <A>-tag.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="ATagParams" type="stdWrap">
+            <description><![CDATA[Additional parameters
+
+Example:
+class="board"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="altText" type="stdWrap">
+            <description><![CDATA[For icons (image made with "iconCObject" must have their own properties)
+
+If no alttext is specified, it will use an empty alttext]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="emptyTitleHandling" type="string">
+            <description><![CDATA[Value can be "keepEmpty" to preserve an empty title attribute, or "useAlt" to use the alt attribute instead.
+]]></description>
+            <default><![CDATA[useAlt
+]]></default>
+        </property>
+        <property name="file" type="stdWrap">
+            <description><![CDATA[stdWrap of the label (by default the label is the filename) after having been wrapped with A-tag!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="icon" type="stdWrap">
+            <description><![CDATA[Set if icon should be shown]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="iconCObject" type="cObj">
+            <description><![CDATA[Enter a cObject to use alternatively for the icons, eg. IMAGE type.
+If this is set, it'll substitute the use of the thumbs-script for display of thumbnails.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="icon_image_ext_list" type="stringList">
+            <description><![CDATA[These are the extensions that should render as thumbnails instead of icons.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="icon_link" type="boolean">
+            <description><![CDATA[If the icon should be linked also]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="labelStdWrap" type="stdWrap">
+            <description><![CDATA[stdWrap options for the label (by default the label is the filename) before being wrapped with the A-tags.
+Use this to eg. import another label from a database field or such.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="path" type="stdWrap">
+            <description><![CDATA[Example:
+"uploads/media/"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="removePrependedNumbers" type="boolean">
+            <description><![CDATA[if set, any 2-digit prepended numbers ("eg _23") in the filename is removed.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="size" type="stdWrap">
+            <description><![CDATA[Set if size should be shown]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="target" type="string">
+            <description><![CDATA[_self / _top / _blank / ...
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap" type="wrap">
+            <description><![CDATA[Wraps the links.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="if">
+        <property name="directReturn" type="boolean">
+            <description><![CDATA[If this property exists the true/false of this value is returned. Could be used to set true/false by TypoScript constant]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="equals" type="stdWrap">
+            <description><![CDATA[returns false if content does not equal ".value"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="isFalse" type="stdWrap">
+            <description><![CDATA[If the content is "false"... (empty or zero)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="isGreaterThan" type="stdWrap">
+            <description><![CDATA[returns false if content is not greater than ".value"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="isInList" type="stdWrap">
+            <description><![CDATA[returns false if content is not in the comma-separated list ".value".
+The list in ".value" may not have spaces between elements!!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="contains" type="stdWrap">
+            <description><![CDATA[returns true if content string is in the haystack of ".value".]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="startsWith" type="stdWrap">
+            <description><![CDATA[returns true if content string is the start of ".value".]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="endsWith" type="stdWrap">
+            <description><![CDATA[returns true if content string is the end of ".value".]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="isLessThan" type="stdWrap">
+            <description><![CDATA[returns false if content is not less than ".value"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="isPositive" type="stdWrap">
+            <description><![CDATA[returns false if content is not positive]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="isTrue" type="stdWrap">
+            <description><![CDATA[If the content is "true".... (not empty string and not zero)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="negate" type="boolean">
+            <description><![CDATA[This negates the result just before it exits. So if anything above returns true the overall returns ends up returning false!!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="value" type="stdWrap">
+            <description><![CDATA["value" (the comparison value mentioned above)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="imageLinkWrap">
+        <property name="JSwindow" type="stdWrap">
+            <description><![CDATA[boolean/stdWrap
+            The image will be opened in a new window which is fitted to the dimensions of the image!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="JSwindow.altUrl" type="stdWrap">
+            <description><![CDATA[If this returns anything, the URL shown in the JS-window is NOT showpic.php but the url given here!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="JSwindow.altUrl_noDefaultParams" type="boolean">
+            <description><![CDATA[If this is set, the image parameters are not appended to the altUrl
+automatically. This is useful if you want to create them with a userfunction
+instead.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="JSwindow.expand" type="intList">
+            <description><![CDATA[x and y is added to the window dimensions.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="JSwindow.newWindow" type="boolean">
+            <description><![CDATA[Each picture will open in a new window!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="bodyTag" type="string">
+            <description><![CDATA[Body tag of the new window]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="directImageLink" type="boolean">
+            <description><![CDATA[If true, a link to the generated image file will be returned directly (showpic.php is not used)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="linkParams" type="typolink">
+            <description><![CDATA[Allows the manipulation of the generated typolink if JSwindow is not used.
+
+            Example:
+            linkParams.ATagParams.dataWrap =  class="{$styles.content.imgtext.linkWrap.lightboxCssClass}" rel="{$styles.content.imgtext.linkWrap.lightboxRelAttribute}"
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="effects" type="string">
+            <description><![CDATA[Example:
+gamma=1,3 | sharpen=80 | solarize=70]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="enable" type="stdWrap">
+            <description><![CDATA[The image is linked ONLY if this is true!!]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="file" type="stdWrap">
+            <description><![CDATA[Override the path of the image which is displayed]]></description>
+            <default><![CDATA[
+            ]]></default>
+        </property>
+        <property name="height" type="int">
+            <description><![CDATA[Range:  1-1000
+If you add "m" to either the width or height, the image will be held in proportions and width/height works as max-dimensions]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="sample" type="boolean">
+            <description><![CDATA[If set, -sample is used to scale images instead of -geometry. Sample does not use antialiasing and is therefore much faster.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[->stdWrap
+            Enable stdWrap for the image.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="target" type="string">
+            <description><![CDATA[NOTE: Only if ".JSwindow" is set]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="title" type="string">
+            <description><![CDATA[page title of the new window (HTML)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="typolink" type="typolink">
+            <description><![CDATA[NOTE: This overrides the imageLinkWrap if it returns anything!!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="width" type="int">
+            <description><![CDATA[Range: 1-1000
+If you add "m" to either the width or height, the image will be held in proportions and width/height works as max-dimensions]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap" type="wrap">
+            <description><![CDATA[Wrap of the image, which is output between the body-tags]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="imgResource">
+        <property name="ext" type="stdWrap">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[web]]></default>
+        </property>
+        <property name="frame" type="int">
+            <description><![CDATA[Chooses which frame in an gif-animation or pdf-file.
+"" = first frame (zero)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="height" type="stdWrap">
+            <description><![CDATA[see ".width"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="import" type="stdWrap">
+            <description><![CDATA[value should be set to the path of the file
+with stdWrap you get the filename from the data-array
+
+Example:
+This returns the first image in the field "image" from the data-array:
+.import = uploads/pics/
+.import.field = image
+.import.listNum = 0]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="m" type="mask">
+            <description><![CDATA[NOTE: Mask for the image.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="maxH" type="stdWrap">
+            <description><![CDATA[Max height]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="maxW" type="stdWrap">
+            <description><![CDATA[Max width]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="minH" type="int">
+            <description><![CDATA[Min height (overrules maxW/maxH)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="minW" type="int">
+            <description><![CDATA[Min width (overrules maxW/maxH)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="params" type="string">
+            <description><![CDATA[ImageMagick command-line:
+fx. "-rotate 90" or "-negate"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="sample" type="boolean">
+            <description><![CDATA[If set, -sample is used to scale images instead of -geometry. Sample does not use antialiasing and is therefore much faster.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stripProfile" type="boolean">
+            <description><![CDATA[If set, IM-command will use a stripProfile-command which shrinks the generated thumbnails. See Install Tool for options and details.
+
+If processor_stripColorProfileByDefault is set in the install tool, you can deactivate it by setting stripProfile=0.
+
+Example:
+
+10 = IMAGE
+10.file = fileadmin/images/image1.jpg
+10.file.stripProfile = 1
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="width" type="stdWrap">
+            <description><![CDATA[If both the width and the height are set and one of the numbers is appended by an "m", the proportions will be preserved and thus width/height are treated as maximum dimensions for the image. The image will be scaled to fit into width/height rectangle.
+
+If both the width and the height are set and at least one of the numbers is appended by a "c", cropscaling will be enabled. This means that the proportions will be preserved and the image will be scaled to fit around a rectangle with width/height dimensions. Then, a centered portion from inside of the image (size defined by width/height) will be cut out.
+The "c" can have a percentage value (-100 ... +100) after it, which defines how much the cropping will be moved off the center to the border.
+
+Notice that you can only use "m" or "c" at the same time!
+
+Examples:
+This crops 120x80px from the center of the scaled image:
+.width = 120c.height = 80c
+
+This crops 100x100px; from landscape-images at the left and portrait-images centered:
+.width = 100c-100.height = 100c
+
+This crops 100x100px; from landscape-images a bit right of the center and portrait-images a bit upper than centered:
+.width = 100c+30
+.height = 100c-25]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="noScale" type="boolean">
+            <description><![CDATA[If set, image will never be scaled. Only width and height are calculated according to the other properties, so that image is _displayed_ resized, but original files is used. Example:
+
+ file = test.jpg // has 1600 x 1200 pixels)
+ file.width = 240m
+ file.height = 240m
+ file.noScale = 1
+
+results in
+
+ <img src="test.jpg" width="240" height="180" />
+ // note src="test.jpg" is the _original_ file.
+
+Usage:
+
+ For creating PDFs or printing of pages the original file could provide much better quality as a rescaled one
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="mask">
+        <property name="bgImg" type="imgResource">
+            <description><![CDATA[NOTE: Both "m.mask" and "m.bgImg" must be valid images.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="bottomImg" type="imgResource">
+            <description><![CDATA[An image masked by "m.bottomImg_mask" onto "m.bgImg" before the imgResources is masked by "m.mask".
+Both "m.bottomImg" and "m.bottomImg_mask" is scaled to fit the size of the imgResource image!
+This is most often used to create an underlay for the imgResource.
+NOTE: Both "m.bottomImg" and "m.bottomImg_mask" must be valid images.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="bottomImg_mask" type="imgResource">
+            <description><![CDATA[(optional)
+NOTE: Both "m.bottomImg" and "m.bottomImg_mask" must be valid images.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="mask" type="imgResource">
+            <description><![CDATA[The mask by which the image is masked onto "m.bgImg". Both "m.mask" and "m.bgImg" is scaled to fit the size of the imgResource image!
+NOTE: Both "m.mask" and "m.bgImg" must be valid images.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="makelinks">
+        <property name="http" type="makelinksHttp">
+            <description><![CDATA[]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="mailto" type="makelinksMailto">
+            <description><![CDATA[]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+    </type>
+    <type id="makelinksHttp">
+        <property name="ATagBeforeWrap" type="boolean">
+            <description><![CDATA[If set, the link is first wrapped with http.wrap and then the <A>-tag.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="ATagParams" type="stdWrap">
+            <description><![CDATA[Additional parameters
+
+Example:
+class="board"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="extTarget" type="string">
+            <description><![CDATA[The target of the link]]></description>
+            <default><![CDATA[_top]]></default>
+        </property>
+        <property name="keep" type="stringList">
+            <description><![CDATA[list: "scheme","path","query"
+As default the link-text will be the full domain-name of the link.
+
+Examples:
+http://www.webaddress.rld/test/doc.php?id=3
+"": www.webaddress.rld
+"scheme": http://www.webaddress.rld
+"scheme,path": http://www.webaddress.rld/test/doc.php
+"scheme,path,query": http://www.webaddress.rld/test/doc.php?id=3]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap" type="wrap">
+            <description><![CDATA[wrap around the link]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="makelinksMailto">
+        <property name="ATagBeforeWrap" type="boolean">
+            <description><![CDATA[If set, the link is first wrapped with mailto.wrap and then the <A>-tag.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="ATagParams" type="stdWrap">
+            <description><![CDATA[Additional parameters
+
+Example:
+class="board"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap" type="wrap">
+            <description><![CDATA[wrap around the link]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="numRows">
+        <property name="select" type="select">
+            <description><![CDATA[Select query for the operation.
+
+The property "selectFields" is overridden internally with "count(*)".]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="table" type="string">
+            <description><![CDATA[The name of the database table
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="numberFormat">
+        <property name="decimals" type="stdWrap">
+            <description><![CDATA[integer / stdWrap
+Number of decimals the formatted number will have. Defaults to 0, so that your input will be rounded off in that case.
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="dec_point" type="stdWrap">
+            <description><![CDATA[string / stdWrap
+Character that divides the decimals from the rest. Defaults to "."
+]]></description>
+            <default><![CDATA[.]]></default>
+        </property>
+        <property name="thousands_sep" type="stdWrap">
+            <description><![CDATA[string / stdWrap
+Character that divides the thousands of the number. Defaults to ",", set an empty value to have no thousands separator.
+]]></description>
+            <default><![CDATA[,]]></default>
+        </property>
+    </type>
+    <type id="parseFunc">
+        <property name="allowTags" type="stringList">
+            <description><![CDATA[List of tags, which are allowed to exist in code!
+Highest priority: If a tag is found in allowTags, denyTags is ignored!!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="constants" type="boolean">
+            <description><![CDATA[The toplevel-defined constants will be substituted in the text. The constant-name is wrapped in "###".
+
+Example:
+constants.EMAIL =  email@email.com
+(NOTE: This is toplevel TypoScript!)
+All cases of the string ###EMAIL### will be substituted in the text. The constants are defined as a toplevel object. ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="denyTags" type="stringList">
+            <description><![CDATA[List of tags, which may NOT exist in code! (use "*" for all.)
+Lowest priority: If a tag is NOT found in allowTags, denyTags is checked. If denyTags is not "*" and the tag is not found in the list, the tag may exist!
+
+Example:
+This allows <B>, <I>, <A> and <IMG> -tags to exist
+.allowTags = b,i,a,img
+.denyTags = *]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="externalBlocks " type="stringList">
+            <description><![CDATA[This allows you to pre-split the content passed to parseFunc so that only content outside the blocks with the given tags is parsed.
+Extra properties:
+.[tagname] {
+  callRecursive = [boolean]; If set, the content of the block is directed into parseFunc again. Otherwise the content is just passed through with no other processing than stdWrap (see below)
+  callRecursive.dontWrapSelf = [boolean]; If set, the tags of the block is not wrapped around the content returned from parseFunc.
+  callRecursive.alternativeWrap = Alternative wrapping instead of the original tags.
+  callRecursive.tagStdWrap = ->stdWrap processing of the block-tags.
+  stdWrap = ->stdWrap processing of the whole block (regardless of whether callRecursive was set.)
+  stripNLprev = [boolean]; Strips off last linebreak of the previous outside block
+  stripNLnext = [boolean]; Strips off first linebreak of the next outside block
+  stripNL = [boolean]: Does both of the above.
+
+   HTMLtableCells = [boolean]; If set, then the content is expected to be a table and every table-cell is traversed.
+   # Below, default is all cells and 1,2,3... overrides for specific cols.
+   HTMLtableCells.[default/1/2/3/...] {
+     callRecursive = [boolean]; The content is parsed through current parseFunc
+      stdWrap = ->stdWrap processing of the content in the cell
+      tagStdWrap = -> The <TD> tag is processed by ->stdWrap
+   }
+   HTMLtableCells.addChr10BetweenParagraphs = [boolean]; If set, then all </P><P> appearances will have a chr(10) inserted between them
+}
+
+Example:
+This example is used to split regular bodytext content so that tables and blockquotes in the bodytext are processed correctly. The blockquotes are passed into parseFunc again (recursively) and further their top/bottom margins are set to 0 (so no apparent linebreaks are seen)
+The tables are also displayed with a number of properties of the cells overridden.
+tt_content.text.20.parseFunc.externalBlocks {
+  blockquote.callRecursive=1
+  blockquote.callRecursive.tagStdWrap.HTMLparser = 1
+  blockquote.callRecursive.tagStdWrap.HTMLparser {
+    tags.blockquote.fixAttrib.style.list = margin-bottom:0;margin-top:0;
+    tags.blockquote.fixAttrib.style.always=1
+  }
+  blockquote.stripNLprev=1
+  blockquote.stripNLnext=1
+
+  table.stripNL=1
+  table.stdWrap.HTMLparser = 1
+  table.stdWrap.HTMLparser {
+    tags.table.overrideAttribs = border=0 cellpadding=2 cellspacing=1 style="margin-top:10px; margin-bottom:10px;"
+    tags.tr.allowedAttribs=0
+    tags.td.overrideAttribs = valign=top bgcolor="#eeeeee" style="font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;font-size : 10px;"
+  }
+}]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="if" type="if">
+            <description><![CDATA[if "if" returns false the input value is not parsed, but returned directly.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="makelinks" type="makelinks">
+            <description><![CDATA[Set it to 1 for conversion
+Convert web-addresses prefixed with "http://" and mail-addresses prefixed with "mailto:"
+to links.
+Example:
+makelinks = 1
+makelinks.http.keep = path
+makelinks.http.extTarget = _blank
+makelinks.mailto.keep = path]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="nonTypoTagStdWrap" type="stdWrap">
+            <description><![CDATA[Like .plainTextStdWrap. Difference:
+.plainTextStdWrap works an ALL non-tag pieces in the text. .nonTypoTagStdWrap is post processing of all text (including tags) between special TypoTags (unless .breakoutTypoTagContent is not set for the TypoTag)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="nonTypoTagUserFunc" type="string">
+            <description><![CDATA[Like .userFunc. Differences is (like nonTypoTagStdWrap) that this is post processing of all content pieces around TypoTags while .userFunc processes all non-tag content. (Notice: .breakoutTypoTagContent must be set for the TypoTag if it's excluded from nonTypoTagContent)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="plainTextStdWrap" type="stdWrap">
+            <description><![CDATA[This is stdWrap properties for all non-tag content. ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="short" type="array">
+            <description><![CDATA[Like constants above, but local.
+
+Example:
+This substitutes all occurrences of "T3" with "TYPO3 CMS" and "T3web" with a link to typo3.org.
+short {
+  T3 = TYPO3 CMS
+  T3web = <a href="https://typo3.org">typo3</a>
+}]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="tags" type="tags">
+            <description><![CDATA[Here you can define custom tags that will parse the content to something.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="userFunc" type="string">
+            <description><![CDATA[This passes the non-tag content to a function of your own choice. Similar to eg. .postUserFunc in stdWrap.
+Remember the function name must possibly be prepended "user_"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="plugin">
+        <property name="_CSS_DEFAULT_STYLE" type="string">
+            <description><![CDATA[Use this to have some default CSS styles inserted in the header section of the document. Most likely this will provide a default acceptable display from the plugin, but should ideally be cleared and moved to an external stylesheet.
+This value is for all plugins read by the pagegen script when making the header of the document.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="_LOCAL_LANG.[lang-key].[label-key]" type="string">
+            <description><![CDATA[Can be used to override the default locallang labels for an Extbase plugin.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="userFunc" type="string">
+            <description><![CDATA[Property setting up the USER / USER_INT object of the plugin]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="select">
+        <property name="andWhere" type="stdWrap">
+            <description><![CDATA[SQL-where without "AND"!,
+Example:
+andWhere = doktype = 1]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="begin" type="int ">
+            <description><![CDATA[begin with record number value
+
+Special keyword: "total" is substituted with count(*)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="groupBy" type="string">
+            <description><![CDATA[SQL-groupBy without "group by"! Eg. "CType"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="join" type="string">
+            <description><![CDATA[Enter tablename for JOIN , LEFT OUTER JOIN and RIGHT OUTER JOIN respectively.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="languageField" type="string">
+            <description><![CDATA[If set, this points to the field in the record which holds a reference to a site language. And if set, the records returned by the select-function will be selected only if the value of this field matches the frontend language which is set by the config.sys_language_uid option]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="max" type="int ">
+            <description><![CDATA[max records
+
+Special keyword: "total" is substituted with count(*)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="markers" type="array">
+            <description><![CDATA[array of markers
+            The markers defined in this section can be used, wrapped in the usual ###markername### way, in any other property of select.
+Each value is properly escaped and quoted to prevent SQL injection problems. This provides a way to safely use external data
+(e.g. database fields, GET/POST parameters) in a query.
+<markername>.value (value) sets the value directly
+<markername>.commaSeparatedList (bool) If set the value is interpreted as a comma separated list of values. Each value in
+the list is individually escaped and quoted.
+(stdWrap properties ...) All stdWrap properties can be used for each markername
+
+Example:
+
+page.60 = CONTENT
+page.60 {
+  table = tt_content
+  select {
+      pidInList = 73
+      where = header != ###whatever###
+      orderBy = ###sortfield###
+      markers {
+        whatever.data = GP:first
+        sortfield.value = sor
+        sortfield.wrap = |ting
+      }
+  }
+}
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="orderBy" type="string">
+            <description><![CDATA[without "order by"! Eg. "sorting, title"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="pidInList" type="stdWrap">
+            <description><![CDATA[
+list of page_id]]></description>
+            <default><![CDATA[this]]></default>
+        </property>
+        <property name="selectFields" type="string">
+            <description><![CDATA[List of fields to select, or "count(*)".]]></description>
+            <default><![CDATA[*]]></default>
+        </property>
+        <property name="uidInList" type="intList">
+            <description><![CDATA[list of page_id
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="where" type="string">
+            <description><![CDATA[SQL-where without "where"!, Eg. " (title LIKE '%SOMETHING%' AND NOT doktype) "]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="split" extends="cObjArray">
+        <property name="1" type="stdWrap">
+            <description><![CDATA[The object that should treat the value.
+NOTE: The "current"-value is set to the value of current item, when the objects are called. See "stdWrap" / current.
+
+Example (stdWrap used):
+1.current = 1
+1.wrap = <B> | </B>
+
+Example (CARRAY used):
+1 {
+  10 = TEXT
+  10.current = 1
+  10.wrap = <B> | </B>
+  20 = TEXT
+  20.value = Mytext
+}]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="2" type="stdWrap">
+            <description/>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="3" type="stdWrap">
+            <description/>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="cObjNum" type="int">
+            <description><![CDATA[+optionSplit
+This is a pointer the array of this object ("1,2,3,4"), that should treat the items, resulting from the split.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="max" type="stdWrap">
+            <description><![CDATA[max number of splits]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="min" type="stdWrap">
+            <description><![CDATA[min number of splits.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="returnKey" type="stdWrap">
+            <description><![CDATA[Instead of parsing the split result, just return this element of the index immediately.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="token" type="stdWrap">
+            <description><![CDATA[string or character (token) used to split the value]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap" type="wrap ">
+            <description><![CDATA[Defines a wrap for each item.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="stdWrap">
+        <property name="HTMLparser" type="HTMLparser">
+            <description><![CDATA[boolean / HTMLparser
+This object allows you to parse the HTML-content and make all kinds of advanced filterings on the content.
+Value must be set and properties are those of ->HTMLparser.
+(See adminguide for ->HTMLparser options)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="age" type="string">
+            <description><![CDATA[If enabled with a "1" (number, integer) the content is seen as a date (UNIX-time) and the difference from present time and the content-time is returned as one of these four variations:
+"xx min" or "xx hrs" or "xx days" or "xx yrs"
+The limits between which layout is used are 60 minutes, 24 hours, 365 days,
+
+NOTE:
+If you set this property with a non-integer, it's used to format the four units. Use eight values to format both singular and plural values, where the first four values are the plural values and the last four are singular. This is the default string:
+
+" min| hrs| days| yrs| min| hour| day| year"
+
+Set another string if you want to change the units. You may include the "-signs. They are removed anyway.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="append" type="cObj">
+            <description><![CDATA[cObject appended to content (after)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="br" type="boolean">
+            <description><![CDATA[PHP function nl2br(); Converts linebreaks to <br />-tags]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="brTag" type="string">
+            <description><![CDATA[All ASCII-codes of "10" (CR) is substituted with value]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="bytes" type="boolean">
+            <description><![CDATA[Will format the input (an integer) as bytes: bytes, kb, mb
+
+If you add a value for the property "labels" you can alter the default suffixes. Labels for bytes, kilo, mega and giga are separated by vertical bar (|) and possibly encapsulated in "". Eg: " | K| M| G" (which is the default value)
+Thus:
+
+bytes.labels = " | K| M| G"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="cObject" type="cObj">
+            <description><![CDATA[Loads content from a content-object]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="case" type="case">
+            <description><![CDATA[Converts case
+
+- upper: Converts to upper case (default)
+- lower: Converts to lower case
+- capitalize: Capitalize words
+
+Uses utf-8 for the operation.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="char" type="int">
+            <description><![CDATA[Content is set to the chr(value).
+PHP: $content=chr((int)$conf["char"]);]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="crop" type="string">
+            <description><![CDATA[Crops the content to a certain length
+Syntax: +/- (chars) = from left / from right | [string] | [boolean: keep whole words]
+
+Examples:
+20 | ...    => max 20 characters. If more, the value will be truncated to first 20 chars and prepended with "..."
+-20 | ... => max 20 characters. If more, the value will be truncated to last 20 chars and appended with "..."
+20 | ... | 1 => max 20 characters. If more, the value will be truncated to last 20 chars and appended with "...". If the division is in the middle of a word, the remains of that word is removed.
+
+Uses utf-8 for the operation.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="cropHTML" type="string">
+            <description><![CDATA[Crops the content to a certain length. In contrast to stdWrap.crop it respects HTML tags. It does not crop inside tags and closes open tags. Entities (like ">") are counted as one char. See stdWrap.crop below for a syntax description and examples.
+
+Note that stdWrap.crop should not be used if stdWrap.cropHTML is already used.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="csConv" type="string">
+            <description><![CDATA[Convert the charset of the string from the charset given as value to utf-8.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="current" type="boolean">
+            <description><![CDATA[Sets the content to the "current"-value (see ->split)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="data" type="getText">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="dataWrap" type="string">
+            <description><![CDATA[The content is parsed for sections of {...} and the content of {...} is of the type getText and substituted with the result of getText.
+
+Example:
+This should result in a font-tag where the fontsize is decided by the global variable "size":
+<font size="{global : size}"> | </font>]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="date" type="string">
+            <description><![CDATA[The content should be data-type "UNIX-time". Returns the content formatted as a date.
+$content=Date($conf["date"], $content);
+
+Example where a timestamp is imported:
+.value.field = tstamp
+.value.date = ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="debug" type="boolean">
+            <description><![CDATA[Prints content with HTMLSpecialChars() and <PRE></PRE>: Useful for debugging which value stdWrap actually ends up with, if you're constructing a website with TypoScript.
+Should be used under construction only.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="debugData" type="boolean">
+            <description><![CDATA[Prints the current data-array, $cObj->data, directly to browser. This is where ".field" gets data from.
+Should be used under construction only. ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="debugFunc" type="boolean">
+            <description><![CDATA[Prints the content directly to browser with the debug() function.
+Should be used under construction only.
+Set to value "2" the content will be printed in a table - looks nicer.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="doubleBrTag" type="string">
+            <description><![CDATA[All double-line-breaks are substituted with this value.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="encapsLines" type="encapsLines">
+            <description><![CDATA[Lets you split the content by chr(10) and process each line independently. Used to format content made with the RTE.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="field" type="string">
+            <description><![CDATA[Sets the content to the value $cObj->data[field]
+
+Example: Set content to the value of field "title": ".field = title"
+$cObj->data changes. See the description for the data type "getText"/field!
+
+Note: You can also divide fieldnames by "//". Say, you set "nav_title // title" as the value, then the content from the field nav_title will be returned unless it is a blank string, in which case the title-field's value is returned.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="fieldRequired" type="string">
+            <description><![CDATA[value in this field MUST be set]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="hash" type="stdWrap">
+            <description><![CDATA[Returns a hashed value of the current content. Use one of the algorithms which are available in PHP. For a list of supported algorithms see https://www.php.net/manual/en/function.hash-algos.php
+
+Example:
+
+page.10 = TEXT
+page.10 {
+    value = test@example.com
+    hash = md5
+    wrap = <img src="http://www.gravatar.com/avatar/|" />
+}]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="htmlSpecialChars" type="boolean">
+            <description><![CDATA[Passes the content through htmlspecialchars()-PHP-function
+Additional property ".preserveEntities" will preserve entities so only non-entity chars are affected.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="if" type="if">
+            <description><![CDATA[If the if-object returns false, stdWrap returns "" immediately]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="ifBlank" type="stdWrap">
+            <description><![CDATA[Same as "ifEmpty" but the check is done using strlen().]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="ifEmpty" type="stdWrap">
+            <description><![CDATA[if the content is empty (trimmed) at this point, the content is loaded with "ifEmpty". Zeros are treated as empty values!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="innerWrap" type="stdWrap">
+            <description><![CDATA[Wraps the content]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="innerWrap2" type="stdWrap">
+            <description><![CDATA[same as .innerWrap (but watch the order in which they are executed)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="insertData" type="boolean">
+            <description><![CDATA[If set, then the content string is parsed like .dataWrap above.
+
+Example:
+Displays the page title:
+10 = TEXT
+10.value = This is the page title: {page:title}
+10.insertData = 1]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="intval" type="boolean">
+            <description><![CDATA[PHP function intval(); Returns an integer.
+PHP: $content=intval($content);]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="keywords" type="boolean">
+            <description><![CDATA[splits the content by characters "," ";" and chr(10) (return), trims each value and returns a comma-separated list of the values.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="lang" type="ARR_languages_strings">
+            <description><![CDATA[This is used to define optional language specific values.
+If the global language key set by the ->config property .language is found in this array, then this value is used instead of the default input value to stdWrap.
+
+Example:
+config.language = de
+page.10 = TEXT
+page.10.value = I am a Berliner!
+page.10.lang.de = Ich bin ein Berliner!
+
+Output will be "Ich bin..." instead of "I am..."]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="listNum" type="listNum">
+            <description><![CDATA[Explodes the content with "," (comma) and the content is set to the item[value].
+
+Special keyword: "last" is set to the last element of the array!
+
+.splitChar (string):
+Defines the string used to explode the value. If splitChar is an integer, the character with that number is used (eg. "10" to split lines...).
+Default: "," (comma)
+
+.listNum = rand:
+Returns a random item out of the list
+
+.stdWrap (stdWrap properties):
+stdWrap properties of the listNum...
+
+Examples:
+
+We have a value of "item 1, item 2, item 3, item 4":
+This would return "item 3":
+.listNum = last - 1
+
+
+This way, the subtitle field changes on every reload:
+page.5 = COA_INT
+page.5 {
+  10 = TEXT
+  10 {
+    field = subtitle
+    stdWrap.listNum = rand
+  }
+}
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="noTrimWrap" type="wrap">
+            <description><![CDATA[This wraps the content with the values val1 and val2 in the example below - including surrounding whitespace! - without trimming the values. Note that this kind of wrap requires a "|"  character to begin and end the wrap.
+
+Example:
+| val1 | val2 |]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="numRows" type="numRows">
+            <description><![CDATA[Returns the number of rows resulting from the select]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="numberFormat" type="numberFormat">
+            <description><![CDATA[Formats a float value to any number format you need (e.g. prices)
+
+With this property you can format a float value and display it like you want, for example as a price. It's a wrapper for PHP's number_format() function.
+You can define how many decimals you want and which separators you want for decimals and thousands.
+
+Examples:
+
+lib.myPrice = TEXT
+lib.myPrice {
+  value = 0.8
+  numberFormat {
+    decimals = 2
+    dec_point = ,
+  }
+  noTrimWrap = || €|
+}
+# Will result in "0,80 €"
+
+
+lib.carViews = CONTENT
+lib.carViews {
+  table = tx_mycarext_car
+  select.pidInList = 42
+  renderObj = TEXT
+  renderObj {
+    field = views
+    numberFormat.thousands_sep = .
+  }
+}
+# Will result in something like "2.055"
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="outerWrap" type="stdWrap">
+            <description><![CDATA[Wraps the complete content]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="override" type="stdWrap">
+            <description><![CDATA[if "override" returns something else than "" or zero (trimmed), the content is loaded with this! ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="parseFunc" type="parseFunc">
+            <description><![CDATA[object path reference / parseFunc
+Processing instructions for the content.
+Notice: If you enter a string as value this will be taken as a reference to an object path globally in the TypoScript object tree. This will be the basis configuration for parseFunc merged with any properties you add here. It works exactly like references does for content elements.
+
+Example:
+parseFunc = < lib.parseFunc_RTE
+parseFunc.tags.myTag = TEXT
+parseFunc.tags.myTag.value = This will be inserted when <myTag> is found!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="postCObject" type="cObj">
+            <description><![CDATA[cObject appended the content]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="postUserFunc" type="string">
+            <description><![CDATA[Calling a PHP-function or method in a class, passing the current content to the function as first parameter and any properties as second parameter. Please see the description of the cObject USER for in-depth information.
+
+Example:
+You can paste this example directly into a new template record.
+
+page = PAGE
+page.typeNum=0
+
+page.10 = TEXT
+page.10 {
+  value = Hello World
+  postUserFunc = user_reverseString
+  postUserFunc.uppercase = 1
+}
+
+page.20 = TEXT
+page.20 {
+  value = Hello World
+  postUserFunc = user_various->reverseString
+  postUserFunc.uppercase = 1
+  postUserFunc.typolink = 11
+}]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="postUserFuncInt" type="string">
+            <description><![CDATA[Calling a PHP-function or method in a class, passing the current content to the function as first parameter and any properties as second parameter. The result will be rendered non-cached, outside the main page-rendering. Please see the description of the cObject USER_INT for in-depth information.
+Supplied by Jens Ellerbrock]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="preCObject" type="cObj">
+            <description><![CDATA[cObject prepended the content ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="preIfEmptyListNum" type="listNum">
+            <description><![CDATA[(as "listNum" below)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="preUserFunc" type="string">
+            <description><![CDATA[Calling a PHP-function or method in a class, passing the current content to the function as first parameter and any properties as second parameter.
+See .postUserFunc]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="prefixComment" type="string">
+            <description><![CDATA[Prefixes content with a HTML comment with the second part of input string (divided by "|") where first part is an integer telling how many trailing tabs to put before the comment on a new line.
+The content is parsed through insertData.
+
+Example:
+prefixComment = 2 | CONTENT ELEMENT, uid:{field:uid}/{field:CType}
+
+Will indent the comment with 1 tab (and the next line with 2+1 tabs)
+(Added in TYPO3 >3.6.0RC1)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="prepend" type="cObj">
+            <description><![CDATA[cObject prepended to content (before)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="prioriCalc" type="boolean">
+            <description><![CDATA[Calculation of the value using operators -+*/%^ plus respects priority to + and - operators and parenthesis levels ().
+. (period) is decimal delimiter.
+Returns a doublevalue.
+If .prioriCalc is set to "intval" an integer is returned.
+There is no errorchecking and division by zero or other invalid values may generate strange results. Also you use a proper syntax because future modifications to the function used may allow for more operators and features.
+
+Examples:
+100%7 = 2
+-5*-4 = 20
++6^2 = 36
+6 ^(1+1) = 36
+-5*-4+6^2-100%7  = 54
+-5 * (-4+6) ^ 2 - 100%7 = 98
+-5 * ((-4+6) ^ 2) - 100%7 = -22]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="rawUrlEncode" type="boolean">
+            <description><![CDATA[Passes the content through rawurlencode()-PHP-function]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="replacement" type="boolean">
+            <description><![CDATA[Allows to execute search/replace-functionality. Optionally PCRE-regex are supported (see: http://www.php.net/manual/en/function.preg-replace.php) A numeric index allows multiple replacements at once.
+
+Example:
+
+20 = TEXT
+20 {
+  value = There_is_a_cat,_a_dog_and_a_tiger_in_da_hood!_Yeah!
+  stdWrap.replacement {
+    10 {
+      search = _
+      replace.char = 32
+    }
+    20 {
+      search = in da hood
+      replace = around the block
+    }
+    30 {
+      search = #a (Cat|Dog|Tiger)#i
+      replace = an animal
+      useRegExp = 1
+    }
+  }
+}
+]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="required" type="boolean">
+            <description><![CDATA[This flag requires the content to be set to some value after any content-import and treatment that might have happened now (data, field, current, listNum, trim). Zero's is NOT regarded as empty! Use "if" instead!
+If the content i empty, "" is returned immediately.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="round" type="array">
+            <description><![CDATA[Round a number.
+
+Additional properties:
+
+.roundType = round (default) | ceil | floor
+.decimals = 0 (default) or number of digits after decimal separator (only with roundType = round)
+
+
+Example:
+temp.number = TEXT
+temp.number {
+  value = 3.14159
+  round.roundType = round
+}
+
+or
+
+temp.number = TEXT
+temp.number {
+  value = 3.14159
+  round.decimals = 2
+}]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="setContentToCurrent" type="boolean">
+            <description><![CDATA[Sets the current value to the incoming content of the function.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="setCurrent" type="stdWrap">
+            <description><![CDATA[Sets the "current"-value. This is normally set from some outside routine, so be careful with this. But it might be handy to do this]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="split" type="split">
+            <description><![CDATA[
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[Recursive call to stdWrap function]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="strftime" type="string">
+            <description><![CDATA[Exactly like "date" above. See the PHP-manual (strftime) for the codes, or datatype "strftime-conf".
+This formatting is useful if the locale is set in advance in the CONFIG-object. See this.
+
+Properties:
+.charset  : Can be set to the charset of the output string if you need to convert it to utf-8. Default is to take the intelligently guessed charset from \TYPO3\CMS\Core\Charset\CharsetConverter.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stripHtml" type="boolean">
+            <description><![CDATA[Strips all html-tags.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="substring" type="stringList">
+            <description><![CDATA[Returns the substring with [p1] and [p2] send as the 2nd and 3rd parameter to the PHP substring function.
+
+Uses utf-8 as character set for the operation.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="trim" type="boolean">
+            <description><![CDATA[PHP-function trim(); Removes whitespace around value]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="typolink" type="typolink">
+            <description><![CDATA[Wraps the content with a link-tag]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap" type="wrapSplitChar">
+            <description><![CDATA[]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap2" type="wrapSplitChar">
+            <description><![CDATA[same as .wrap (but watch the order in which they are executed)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap3" type="wrapSplitChar">
+            <description><![CDATA[same as .wrap (but watch the order in which they are executed)]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrapAlign" type="stdWrap">
+            <description><![CDATA[Wraps content with <div style=text-align:[value];"> | </div> if align is set]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="SVG">
+        <property name="cache" type="cache">
+            <description><![CDATA[
+            Stores the rendered content into the caching framework and reads it from there.
+            This allows you to reuse this content without prior rendering. The presence of cache.key will trigger this feature.
+]]></description>
+            <default><![CDATA[0]]></default>
+        </property>
+        <property name="width" type="stdWrap">
+            <description><![CDATA[int/stdWrap
+            width of SVG
+]]></description>
+            <default><![CDATA[600]]></default>
+        </property>
+        <property name="height" type="stdWrap">
+            <description><![CDATA[int/stdWrap
+            height of SVG
+]]></description>
+            <default><![CDATA[400]]></default>
+        </property>
+        <property name="src" type="stdWrap">
+            <description><![CDATA[file resource/stdWrap
+            SVG file resource
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="value" type="stdWrap">
+            <description><![CDATA[XML/stdWrap
+            SVG raw XML. When src is defined the file will be loaded and value is ignored.
+
+Example:
+10 = SVG
+10 {
+   width = 600
+   height = 600
+   value (
+    <rect x="100" y="100" width="500" height="200" fill="white" stroke="black" stroke-width="5px"/>
+    <line x1="0" y1="200" x2="700" y2="200" stroke="red" stroke-width="20px"/>
+        <polygon points="185 0 125 25 185 100" transform="rotate(135 125 25)" />
+        <circle cx="190" cy="150" r="40" stroke="black" stroke-width="2" fill="yellow"/>
+   )
+   noscript.cObject = TEXT
+   noscript.cObject.value = no svg rendering possible, use a browser
+}
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="noscript" type="stdWrap">
+            <description><![CDATA[text/stdWrap
+            Output if SVG output is not possible
+]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="renderMode" type="string">
+            <description><![CDATA[The setting .renderMode can be set to "inline" to render an inline version of the SVG file.
+            ]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[stdwrap properties, applied on the returned object.
+]]></description>
+        </property>
+    </type>
+    <type id="tags" extends="array">
+        <property name="[myHtmlTag]" type="cObject">
+            <description><![CDATA[Every entry in the Array... corresponds to a tag, that will be parsed. The elements MUST be in lowercase.
+Every entry must be set to a content-object.
+"current" is set to the content of the tag, eg <TAG>content</TAG>: here "current" is set to "content".
+Parameters:
+Parameters of the tag is set in $cObj->parameters (key is lowercased):
+<TAG COLOR="red">content</TAG>
+=> $cObj->parameters[color] = red
+Special added properties to the content-object:
+$cObj->parameters[allParams]:  this is automatically set to the whole parameter-string of the tag, eg ' color="red"'
+[cObject].stripNL: is a boolean option, which tells parseFunc that NewLines before and after content of the tag should be stripped.
+[cObject].breakoutTypoTagContent: is a boolean option, which tells parseFunc that this block of content is breaking up the nonTypoTag content and that the content after this must be re-wrapped.
+
+Examples:
+tags.bold = TEXT
+tags.bold {
+  current = 1
+  wrap = <B> | </B>
+}
+tags.bold.stripNL = 1]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="typolink">
+        <property name="ATagBeforeWrap" type="boolean">
+            <description><![CDATA[If set, the link is first wrapped with ".wrap" and then the <A>-tag.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="ATagParams" type="stdWrap">
+            <description><![CDATA[Additional parameters
+
+Example:
+class="board"]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="JSwindow_params" type="string">
+            <description><![CDATA[Preset values for opening the window. This example lists almost all possible attributes:
+status=1,menubar=1,scrollbars=1,resizable=1,location=1,directories=1,toolbar=1]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="addQueryString" type="boolean">
+            <description><![CDATA[Add the QUERY_STRING to the start of the link. Notice that this does not check for any duplicate parameters! This is not a problem (only the last parameter of the same name will be applied).
+
+.method: If set to GET then then the parsed query arguments will be used. This settings are useful if you use URL processing extensions like Real URL, which translate part of the path into query arguments.
+
+.exclude: List of query arguments to exclude from the link (eg L or cHash).]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="additionalParams" type="stdWrap">
+            <description><![CDATA[This is parameters that are added to the end of the url. This must be code ready to insert after the last parameter.
+
+Example:
+'&print=1'
+
+NOTE: This is only active for internal links!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="extTarget" type="stdWrap">
+            <description><![CDATA[target used for external links]]></description>
+            <default><![CDATA[_top]]></default>
+        </property>
+        <property name="fileTarget" type="string">
+            <description><![CDATA[Default file link target. Used by typolink if no fileTarget is set. ]]></description>
+            <default><![CDATA[
+            ]]></default>
+        </property>
+        <property name="no_cache" type="stdWrap">
+            <description><![CDATA[Adds a "&no_cache=1"-parameter to the link]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="parameter" type="stdWrap">
+            <description><![CDATA[This is the data, that ->typoLink uses to create the link. The value is trimmed and if it's empty, ->typoLink returns the input value untouched.
+
+NOTE: If used from parseFunc, this value should be imported by:
+typolink.parameter.data = parameters : allParams
+
+Examples:
+Internal links:
+integers (51): creates a link to page with uid = 51
+filerefs (fileadmin/somedir/thedoc.html): creates a link to the file on the local server.
+strings (some_alias):  creates a link to the page with alias = "some_alias"
+
+External links:
+email-addresses (name@email.com): creates a link to the email-addr.
+domains (www.domain.com): creates link to http://-page
+
+The input is parsed like this:
+First the parameter is splitted by character-space. This provides a way to pass more parameters. See "target" below here.
+If a "@" is in the string, it's an email
+If a period (.) is in the string AND if the period (.) is found before a slash (/) is found OR if a doubleslash is found, then it's a URL
+If a slash (/) is found, it's a filereference. If the file/directory does not exist on the server, the link is NOT made!
+
+Now the input can be an alias or page-id. If the input is an integer it's a page-id, if it's two comma separated integers, it's an id/type pair, else it's an alias. For page-id's or aliases you can prepend a "#" mark with a number indication tt_content record number on the page to jump to! (if .section-property is present, it overrides this).
+If you insert only "#234" where "234" is the tt_content record number, it links to the current page-id
+Notice: The parameter can contain a keyword that hands over link generation to an external function. See example below this table!
+
+Target
+Target is normally defined by the "extTarget" and "target" properties of typolink. But you may override this target by adding the new target after the parameter separated by a whitespace. Thus the target becomes the second parameter.
+If the "Target" parameter is set to the "-" character, then it's the same as no target passed to the function. This feature enables you to still pass a class as third parameter and title as fourth parameter without setting the target also.
+
+Open in windows with fixed dimensions (JavaScript)
+It is possible to open the link in a window opened by JavaScript (with "window.open"). For this, just set the target value to "123x456" where 123 is the window width and 456 is the window height. You can also specify additional parameters to the function by entering them separated from the width and height with a colon ":". For instance "230x450:resizable=0,location=1" will disable resizing of the window and enable the location bar.
+Also see property "JSwindow".
+
+Class
+If you specify a third parameter separated by whitespace in the parameter value this becomes the class-parameter of the link. This class parameter is inserted in the link-tag before any values from .ATagParams which means this class value will override any class value set in ATagParams (at least for MSIE). If set to "-", then it's the same as no class passed to the function. This feature enables you to still pass a title as fourth parameter without setting the class also.
+
+Title
+The title attribute is normally specified via .ATagParams or directly via the .title property. But you may override this value by adding the desired title as the fourth parameter (parameters separated by whitespace) to typolink.
+
+Examples of multiparameters:
+Consider this .parameter value passed to this function:
+
+51  _blank  blueLink
+
+This would result in a link approx like this:
+
+<A href="?id=51" target="_blank" class="blueLink">]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="returnLast" type="string">
+            <description><![CDATA[If set to "url" then it will return the URL of the link ($this->lastTypoLinkUrl)
+If set to "target" it will return the target of the link.
+So, in these two cases you will not get the value wrapped but the url or target value returned!]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="section" type="stdWrap">
+            <description><![CDATA[If this value is present, it's prepended with a "#" and placed after any internal url to another page in TYPO3.
+This is used create a link, which jumps from one page directly the section on another page.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="target" type="stdWrap">
+            <description><![CDATA[target used for internal links]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="title" type="stdWrap">
+            <description><![CDATA[Sets the title parameter of the A-tag.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="userFunc" type="string">
+            <description><![CDATA[This passes the link-data compiled by the typolink function to a user-defined function for final manipulation.
+The $content variable passed to the user-function (first parameter) is an array with the keys "TYPE",  "TAG", "url", "targetParams" and "aTagParams".
+TYPE is an indication of link-kind: mailto, url, file, page
+TAG is the full <A>-tag as generated and ready from the typolink function.
+The latter three is combined into the 'TAG' value after this formula:
+
+<a href="'.$finalTagParts['url'].'"'.
+           $finalTagParts['targetParams'].
+           $finalTagParts['aTagParams'].'>
+
+The userfunction must return an <A>-tag.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+        <property name="wrap" type="wrap">
+            <description><![CDATA[Wraps the links.]]></description>
+            <default><![CDATA[
+]]></default>
+        </property>
+    </type>
+    <type id="listNum">
+        <property name="splitChar" type="string">
+            <description><![CDATA[Defines the string used to explode the value. If splitChar is an integer, the character with that number is used (e.g. "10" to split lines...).
+
+                Default: "," (comma)]]></description>
+            <default><![CDATA[,]]></default>
+        </property>
+        <property name="stdWrap" type="stdWrap">
+            <description><![CDATA[stdwrap properties of the listNum...
+]]></description>
+        </property>
+    </type>
+    <type id="additionalHeadersArray" extends="array">
+        <property name="10" type="additionalHeadersItem">
+            <description><![CDATA[Defines a header.
+
+Must at least contain the header property.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="20" type="additionalHeadersItem">
+            <description><![CDATA[Defines a header.
+
+Must at least contain the header property.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="30" type="additionalHeadersItem">
+            <description><![CDATA[Defines a header.
+
+Must at least contain the header property.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="40" type="additionalHeadersItem">
+            <description><![CDATA[Defines a header.
+
+Must at least contain the header property.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+    </type>
+    <type id="additionalHeadersItem">
+        <property name="header" type="string">
+            <description><![CDATA[The header string]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+        <property name="replace" type="boolean">
+            <description><![CDATA[Optional.
+
+If set, previous headers with the same name are replaced with the current one.
+
+Default is "1".]]></description>
+            <default><![CDATA[1]]></default>
+        </property>
+        <property name="httpResponseCode" type="int">
+            <description><![CDATA[Optional. HTTP status code as an integer.]]></description>
+            <default><![CDATA[]]></default>
+        </property>
+    </type>
+</tsRef>
diff --git a/Resources/Public/Css/backend.css b/Resources/Public/Css/backend.css
new file mode 100644
index 0000000..8d0fa66
--- /dev/null
+++ b/Resources/Public/Css/backend.css
@@ -0,0 +1,3819 @@
+
+@charset "UTF-8";
+/*!
+ * 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!
+ */
+/*!
+ * Bootstrap v5.1.3 (https://getbootstrap.com/)
+ * Copyright 2011-2021 The Bootstrap Authors
+ * Copyright 2011-2021 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
+ */
+:root,[data-bs-theme=light]{--bs-blue:#3085d6;--bs-indigo:#6610f2;--bs-purple:#7c5ac4;--bs-pink:#d4458c;--bs-red:#d64545;--bs-orange:#f28522;--bs-yellow:#e0a810;--bs-green:#2a9960;--bs-teal:#2aa89c;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#737373;--bs-gray-dark:#333;--bs-gray-100:#f5f5f5;--bs-gray-200:#eee;--bs-gray-300:#d7d7d7;--bs-gray-400:#ccc;--bs-gray-500:#bbb;--bs-gray-600:#737373;--bs-gray-700:#5a5a5a;--bs-gray-800:#333;--bs-gray-900:#1e1e1e;--bs-primary:#3085d6;--bs-secondary:#737373;--bs-success:#2a9960;--bs-info:#2aa89c;--bs-warning:#e0a810;--bs-danger:#d64545;--bs-light:#f5f5f5;--bs-default:#f5f5f5;--bs-notice:#333;--bs-dark:#1e1e1e;--bs-primary-rgb:48,133,214;--bs-secondary-rgb:115,115,115;--bs-success-rgb:42,153,96;--bs-info-rgb:42,168,156;--bs-warning-rgb:224,168,16;--bs-danger-rgb:214,69,69;--bs-light-rgb:245,245,245;--bs-default-rgb:245,245,245;--bs-notice-rgb:51,51,51;--bs-dark-rgb:30,30,30;--bs-primary-text-emphasis:#133556;--bs-secondary-text-emphasis:#2e2e2e;--bs-success-text-emphasis:#113d26;--bs-info-text-emphasis:#11433e;--bs-warning-text-emphasis:#5a4306;--bs-danger-text-emphasis:#561c1c;--bs-light-text-emphasis:#5a5a5a;--bs-dark-text-emphasis:#5a5a5a;--bs-primary-bg-subtle:#d6e7f7;--bs-secondary-bg-subtle:#e3e3e3;--bs-success-bg-subtle:#d4ebdf;--bs-info-bg-subtle:#d4eeeb;--bs-warning-bg-subtle:#f9eecf;--bs-danger-bg-subtle:#f7dada;--bs-light-bg-subtle:#fafafa;--bs-dark-bg-subtle:#ccc;--bs-primary-border-subtle:#acceef;--bs-secondary-border-subtle:#c7c7c7;--bs-success-border-subtle:#aad6bf;--bs-info-border-subtle:#aadcd7;--bs-warning-border-subtle:#f3dc9f;--bs-danger-border-subtle:#efb5b5;--bs-light-border-subtle:#eee;--bs-dark-border-subtle:#bbb;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:Verdana,Arial,Helvetica,sans-serif;--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,0));--bs-root-font-size:1rem;--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:0.75rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#000;--bs-body-color-rgb:0,0,0;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(0,0,0,.75);--bs-secondary-color-rgb:0,0,0;--bs-secondary-bg:#eee;--bs-secondary-bg-rgb:238,238,238;--bs-tertiary-color:rgba(0,0,0,.5);--bs-tertiary-color-rgb:0,0,0;--bs-tertiary-bg:#f5f5f5;--bs-tertiary-bg-rgb:245,245,245;--bs-heading-color:inherit;--bs-link-color:#212424;--bs-link-color-rgb:33,36,36;--bs-link-decoration:none;--bs-link-hover-color:#1a1d1d;--bs-link-hover-color-rgb:26,29,29;--bs-link-hover-decoration:underline;--bs-code-color:#d4458c;--bs-highlight-color:#000;--bs-highlight-bg:#f9eecf;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#d7d7d7;--bs-border-color-translucent:rgba(0,0,0,.175);--bs-border-radius:0.125rem;--bs-border-radius-sm:0.125rem;--bs-border-radius-lg:0.125rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0,0,0,.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0,0,0,.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0,0,0,.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0,0,0,.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(48,133,214,.25);--bs-form-valid-color:#2a9960;--bs-form-valid-border-color:#2a9960;--bs-form-invalid-color:#d64545;--bs-form-invalid-border-color:#d64545}
+[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#d7d7d7;--bs-body-color-rgb:215,215,215;--bs-body-bg:#1e1e1e;--bs-body-bg-rgb:30,30,30;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:hsla(0,0%,84%,.75);--bs-secondary-color-rgb:215,215,215;--bs-secondary-bg:#333;--bs-secondary-bg-rgb:51,51,51;--bs-tertiary-color:hsla(0,0%,84%,.5);--bs-tertiary-color-rgb:215,215,215;--bs-tertiary-bg:#292929;--bs-tertiary-bg-rgb:41,41,41;--bs-primary-text-emphasis:#83b6e6;--bs-secondary-text-emphasis:#ababab;--bs-success-text-emphasis:#7fc2a0;--bs-info-text-emphasis:#7fcbc4;--bs-warning-text-emphasis:#eccb70;--bs-danger-text-emphasis:#e68f8f;--bs-light-text-emphasis:#f5f5f5;--bs-dark-text-emphasis:#d7d7d7;--bs-primary-bg-subtle:#0a1b2b;--bs-secondary-bg-subtle:#171717;--bs-success-bg-subtle:#081f13;--bs-info-bg-subtle:#08221f;--bs-warning-bg-subtle:#2d2203;--bs-danger-bg-subtle:#2b0e0e;--bs-light-bg-subtle:#333;--bs-dark-bg-subtle:#1a1a1a;--bs-primary-border-subtle:#1d5080;--bs-secondary-border-subtle:#454545;--bs-success-border-subtle:#195c3a;--bs-info-border-subtle:#19655e;--bs-warning-border-subtle:#86650a;--bs-danger-border-subtle:#802929;--bs-light-border-subtle:#5a5a5a;--bs-dark-border-subtle:#333;--bs-heading-color:inherit;--bs-link-color:#83b6e6;--bs-link-hover-color:#9cc5eb;--bs-link-color-rgb:131,182,230;--bs-link-hover-color-rgb:156,197,235;--bs-code-color:#e58fba;--bs-highlight-color:#d7d7d7;--bs-highlight-bg:#5a4306;--bs-border-color:#5a5a5a;--bs-border-color-translucent:hsla(0,0%,100%,.15);--bs-form-valid-color:#7fc2a0;--bs-form-valid-border-color:#7fc2a0;--bs-form-invalid-color:#e68f8f;--bs-form-invalid-border-color:#e68f8f}
+*,:after,:before{box-sizing:border-box}
+:root{font-size:var(--bs-root-font-size)}
+@media (prefers-reduced-motion:no-preference){
+:root{scroll-behavior:smooth}}
+body{background-color:var(--bs-body-bg);color:var(--bs-body-color);font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);margin:0;text-align:var(--bs-body-text-align);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}
+hr{border:0;border-top:var(--bs-border-width) solid;color:inherit;margin:1rem 0;opacity:1}
+.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,typo3-backend-editable-page-title{color:var(--bs-heading-color);font-weight:500;line-height:1.2;margin-bottom:calc(var(--typo3-spacing)/2);margin-top:0}
+.h1,h1,typo3-backend-editable-page-title{font-size:calc(1.275rem + .3vw)}
+@media (min-width:1200px){
+.h1,h1,typo3-backend-editable-page-title{font-size:1.5rem}}
+.h2,h2{font-size:1.25rem}
+.h3,h3{font-size:1rem}
+.h4,h4{font-size:.875rem}
+.h5,.h6,h5,h6{font-size:.75rem}
+p{margin-bottom:var(--typo3-spacing);margin-top:0}
+abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}
+address{font-style:normal;line-height:inherit;margin-bottom:1rem}
+ol,ul{padding-left:2rem}
+dl,ol,ul{margin-bottom:1rem;margin-top:0}
+ol ol,ol ul,ul ol,ul ul{margin-bottom:0}
+dt{font-weight:700}
+dd{margin-bottom:.5rem;margin-left:0}
+blockquote{margin:0 0 1rem}
+b,strong{font-weight:bolder}
+.small,small{font-size:.875em}
+.mark,mark{background-color:var(--bs-highlight-bg);color:var(--bs-highlight-color);padding:.1875em}
+sub,sup{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}
+sub{bottom:-.25em}
+sup{top:-.5em}
+a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1))}
+a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}
+code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}
+pre{display:block;font-size:.875em;margin-bottom:1rem;margin-top:0;overflow:auto}
+pre code{color:inherit;font-size:inherit;word-break:normal}
+code{color:var(--bs-code-color);font-size:.875em;word-wrap:break-word}
+a>code{color:inherit}
+kbd{background-color:var(--bs-body-color);border-radius:.125rem;color:var(--bs-body-bg);font-size:.875em;padding:.1875rem .375rem}
+kbd kbd{padding:0}
+figure{margin:0 0 1rem}
+img,svg{vertical-align:middle}
+table{border-collapse:collapse;caption-side:bottom}
+caption{color:var(--bs-secondary-color);padding-bottom:.5rem;padding-top:.5rem;text-align:left}
+th{text-align:inherit;text-align:-webkit-match-parent}
+tbody,td,tfoot,th,thead,tr{border:0 solid;border-color:inherit}
+label{display:inline-block}
+button{border-radius:0}
+button:focus:not(:focus-visible){outline:0}
+button,input,optgroup,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0}
+button,select{text-transform:none}
+[role=button]{cursor:pointer}
+select{word-wrap:normal}
+select:disabled{opacity:1}
+[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}
+[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
+[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
+::-moz-focus-inner{border-style:none;padding:0}
+textarea{resize:vertical}
+fieldset{border:0;margin:0;min-width:0;padding:0}
+legend{float:left;font-size:calc(1.275rem + .3vw);line-height:inherit;margin-bottom:.5rem;padding:0;width:100%}
+@media (min-width:1200px){
+legend{font-size:1.5rem}}
+legend+*{clear:left}
+::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}
+::-webkit-inner-spin-button{height:auto}
+[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
+::-webkit-search-decoration{-webkit-appearance:none}
+::-webkit-color-swatch-wrapper{padding:0}
+::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
+::file-selector-button{-webkit-appearance:button;font:inherit}
+output{display:inline-block}
+iframe{border:0}
+summary{cursor:pointer;display:list-item}
+progress{vertical-align:baseline}
+[hidden]{display:none!important}
+.lead{font-size:.9375rem;font-weight:300}
+.display-1{font-size:calc(1.625rem + 4.5vw);font-weight:300;line-height:1.2}
+@media (min-width:1200px){
+.display-1{font-size:5rem}}
+.display-2{font-size:calc(1.575rem + 3.9vw);font-weight:300;line-height:1.2}
+@media (min-width:1200px){
+.display-2{font-size:4.5rem}}
+.display-3{font-size:calc(1.525rem + 3.3vw);font-weight:300;line-height:1.2}
+@media (min-width:1200px){
+.display-3{font-size:4rem}}
+.display-4{font-size:calc(1.475rem + 2.7vw);font-weight:300;line-height:1.2}
+@media (min-width:1200px){
+.display-4{font-size:3.5rem}}
+.display-5{font-size:calc(1.425rem + 2.1vw);font-weight:300;line-height:1.2}
+@media (min-width:1200px){
+.display-5{font-size:3rem}}
+.display-6{font-size:calc(1.375rem + 1.5vw);font-weight:300;line-height:1.2}
+@media (min-width:1200px){
+.display-6{font-size:2.5rem}}
+.list-inline,.list-unstyled{list-style:none;padding-left:0}
+.list-inline-item{display:inline-block}
+.list-inline-item:not(:last-child){margin-right:.5rem}
+.initialism{font-size:.875em;text-transform:uppercase}
+.blockquote{font-size:.9375rem;margin-bottom:1rem}
+.blockquote>:last-child{margin-bottom:0}
+.blockquote-footer{color:#737373;font-size:.875em;margin-bottom:1rem;margin-top:-1rem}
+.blockquote-footer:before{content:"— "}
+.img-fluid,.img-thumbnail{height:auto;max-width:100%}
+.img-thumbnail{background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);box-shadow:var(--bs-box-shadow-sm);padding:.25rem}
+.figure{display:inline-block}
+.figure-img{line-height:1;margin-bottom:.5rem}
+.figure-caption{color:var(--bs-secondary-color);font-size:.875em}
+.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;margin-left:auto;margin-right:auto;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}
+@media (min-width:576px){
+.container,.container-sm{max-width:540px}}
+@media (min-width:768px){
+.container,.container-md,.container-sm{max-width:720px}}
+@media (min-width:992px){
+.container,.container-lg,.container-md,.container-sm{max-width:960px}}
+@media (min-width:1200px){
+.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}
+@media (min-width:1400px){
+.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}
+:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}
+.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-left:calc(var(--bs-gutter-x)*-.5);margin-right:calc(var(--bs-gutter-x)*-.5);margin-top:calc(var(--bs-gutter-y)*-1)}
+.row>*{flex-shrink:0;margin-top:var(--bs-gutter-y);max-width:100%;padding-left:calc(var(--bs-gutter-x)*.5);padding-right:calc(var(--bs-gutter-x)*.5);width:100%}
+.col{flex:1 0 0%}
+.row-cols-auto>*{flex:0 0 auto;width:auto}
+.row-cols-1>*{flex:0 0 auto;width:100%}
+.row-cols-2>*{flex:0 0 auto;width:50%}
+.row-cols-3>*{flex:0 0 auto;width:33.33333333%}
+.row-cols-4>*{flex:0 0 auto;width:25%}
+.row-cols-5>*{flex:0 0 auto;width:20%}
+.row-cols-6>*{flex:0 0 auto;width:16.66666667%}
+.col-auto{flex:0 0 auto;width:auto}
+.col-1{flex:0 0 auto;width:8.33333333%}
+.col-2{flex:0 0 auto;width:16.66666667%}
+.col-3{flex:0 0 auto;width:25%}
+.col-4{flex:0 0 auto;width:33.33333333%}
+.col-5{flex:0 0 auto;width:41.66666667%}
+.col-6{flex:0 0 auto;width:50%}
+.col-7{flex:0 0 auto;width:58.33333333%}
+.col-8{flex:0 0 auto;width:66.66666667%}
+.col-9{flex:0 0 auto;width:75%}
+.col-10{flex:0 0 auto;width:83.33333333%}
+.col-11{flex:0 0 auto;width:91.66666667%}
+.col-12{flex:0 0 auto;width:100%}
+.offset-1{margin-left:8.33333333%}
+.offset-2{margin-left:16.66666667%}
+.offset-3{margin-left:25%}
+.offset-4{margin-left:33.33333333%}
+.offset-5{margin-left:41.66666667%}
+.offset-6{margin-left:50%}
+.offset-7{margin-left:58.33333333%}
+.offset-8{margin-left:66.66666667%}
+.offset-9{margin-left:75%}
+.offset-10{margin-left:83.33333333%}
+.offset-11{margin-left:91.66666667%}
+.g-0,.gx-0{--bs-gutter-x:0}
+.g-0,.gy-0{--bs-gutter-y:0}
+.g-1,.gx-1{--bs-gutter-x:0.25rem}
+.g-1,.gy-1{--bs-gutter-y:0.25rem}
+.g-2,.gx-2{--bs-gutter-x:0.5rem}
+.g-2,.gy-2{--bs-gutter-y:0.5rem}
+.g-3,.gx-3{--bs-gutter-x:1rem}
+.g-3,.gy-3{--bs-gutter-y:1rem}
+.g-4,.gx-4{--bs-gutter-x:1.5rem}
+.g-4,.gy-4{--bs-gutter-y:1.5rem}
+.g-5,.gx-5{--bs-gutter-x:3rem}
+.g-5,.gy-5{--bs-gutter-y:3rem}
+@media (min-width:576px){
+.col-sm{flex:1 0 0%}
+.row-cols-sm-auto>*{flex:0 0 auto;width:auto}
+.row-cols-sm-1>*{flex:0 0 auto;width:100%}
+.row-cols-sm-2>*{flex:0 0 auto;width:50%}
+.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}
+.row-cols-sm-4>*{flex:0 0 auto;width:25%}
+.row-cols-sm-5>*{flex:0 0 auto;width:20%}
+.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}
+.col-sm-auto{flex:0 0 auto;width:auto}
+.col-sm-1{flex:0 0 auto;width:8.33333333%}
+.col-sm-2{flex:0 0 auto;width:16.66666667%}
+.col-sm-3{flex:0 0 auto;width:25%}
+.col-sm-4{flex:0 0 auto;width:33.33333333%}
+.col-sm-5{flex:0 0 auto;width:41.66666667%}
+.col-sm-6{flex:0 0 auto;width:50%}
+.col-sm-7{flex:0 0 auto;width:58.33333333%}
+.col-sm-8{flex:0 0 auto;width:66.66666667%}
+.col-sm-9{flex:0 0 auto;width:75%}
+.col-sm-10{flex:0 0 auto;width:83.33333333%}
+.col-sm-11{flex:0 0 auto;width:91.66666667%}
+.col-sm-12{flex:0 0 auto;width:100%}
+.offset-sm-0{margin-left:0}
+.offset-sm-1{margin-left:8.33333333%}
+.offset-sm-2{margin-left:16.66666667%}
+.offset-sm-3{margin-left:25%}
+.offset-sm-4{margin-left:33.33333333%}
+.offset-sm-5{margin-left:41.66666667%}
+.offset-sm-6{margin-left:50%}
+.offset-sm-7{margin-left:58.33333333%}
+.offset-sm-8{margin-left:66.66666667%}
+.offset-sm-9{margin-left:75%}
+.offset-sm-10{margin-left:83.33333333%}
+.offset-sm-11{margin-left:91.66666667%}
+.g-sm-0,.gx-sm-0{--bs-gutter-x:0}
+.g-sm-0,.gy-sm-0{--bs-gutter-y:0}
+.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}
+.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}
+.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}
+.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}
+.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}
+.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}
+.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}
+.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}
+.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}
+.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}
+@media (min-width:768px){
+.col-md{flex:1 0 0%}
+.row-cols-md-auto>*{flex:0 0 auto;width:auto}
+.row-cols-md-1>*{flex:0 0 auto;width:100%}
+.row-cols-md-2>*{flex:0 0 auto;width:50%}
+.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}
+.row-cols-md-4>*{flex:0 0 auto;width:25%}
+.row-cols-md-5>*{flex:0 0 auto;width:20%}
+.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}
+.col-md-auto{flex:0 0 auto;width:auto}
+.col-md-1{flex:0 0 auto;width:8.33333333%}
+.col-md-2{flex:0 0 auto;width:16.66666667%}
+.col-md-3{flex:0 0 auto;width:25%}
+.col-md-4{flex:0 0 auto;width:33.33333333%}
+.col-md-5{flex:0 0 auto;width:41.66666667%}
+.col-md-6{flex:0 0 auto;width:50%}
+.col-md-7{flex:0 0 auto;width:58.33333333%}
+.col-md-8{flex:0 0 auto;width:66.66666667%}
+.col-md-9{flex:0 0 auto;width:75%}
+.col-md-10{flex:0 0 auto;width:83.33333333%}
+.col-md-11{flex:0 0 auto;width:91.66666667%}
+.col-md-12{flex:0 0 auto;width:100%}
+.offset-md-0{margin-left:0}
+.offset-md-1{margin-left:8.33333333%}
+.offset-md-2{margin-left:16.66666667%}
+.offset-md-3{margin-left:25%}
+.offset-md-4{margin-left:33.33333333%}
+.offset-md-5{margin-left:41.66666667%}
+.offset-md-6{margin-left:50%}
+.offset-md-7{margin-left:58.33333333%}
+.offset-md-8{margin-left:66.66666667%}
+.offset-md-9{margin-left:75%}
+.offset-md-10{margin-left:83.33333333%}
+.offset-md-11{margin-left:91.66666667%}
+.g-md-0,.gx-md-0{--bs-gutter-x:0}
+.g-md-0,.gy-md-0{--bs-gutter-y:0}
+.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}
+.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}
+.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}
+.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}
+.g-md-3,.gx-md-3{--bs-gutter-x:1rem}
+.g-md-3,.gy-md-3{--bs-gutter-y:1rem}
+.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}
+.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}
+.g-md-5,.gx-md-5{--bs-gutter-x:3rem}
+.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}
+@media (min-width:992px){
+.col-lg{flex:1 0 0%}
+.row-cols-lg-auto>*{flex:0 0 auto;width:auto}
+.row-cols-lg-1>*{flex:0 0 auto;width:100%}
+.row-cols-lg-2>*{flex:0 0 auto;width:50%}
+.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}
+.row-cols-lg-4>*{flex:0 0 auto;width:25%}
+.row-cols-lg-5>*{flex:0 0 auto;width:20%}
+.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}
+.col-lg-auto{flex:0 0 auto;width:auto}
+.col-lg-1{flex:0 0 auto;width:8.33333333%}
+.col-lg-2{flex:0 0 auto;width:16.66666667%}
+.col-lg-3{flex:0 0 auto;width:25%}
+.col-lg-4{flex:0 0 auto;width:33.33333333%}
+.col-lg-5{flex:0 0 auto;width:41.66666667%}
+.col-lg-6{flex:0 0 auto;width:50%}
+.col-lg-7{flex:0 0 auto;width:58.33333333%}
+.col-lg-8{flex:0 0 auto;width:66.66666667%}
+.col-lg-9{flex:0 0 auto;width:75%}
+.col-lg-10{flex:0 0 auto;width:83.33333333%}
+.col-lg-11{flex:0 0 auto;width:91.66666667%}
+.col-lg-12{flex:0 0 auto;width:100%}
+.offset-lg-0{margin-left:0}
+.offset-lg-1{margin-left:8.33333333%}
+.offset-lg-2{margin-left:16.66666667%}
+.offset-lg-3{margin-left:25%}
+.offset-lg-4{margin-left:33.33333333%}
+.offset-lg-5{margin-left:41.66666667%}
+.offset-lg-6{margin-left:50%}
+.offset-lg-7{margin-left:58.33333333%}
+.offset-lg-8{margin-left:66.66666667%}
+.offset-lg-9{margin-left:75%}
+.offset-lg-10{margin-left:83.33333333%}
+.offset-lg-11{margin-left:91.66666667%}
+.g-lg-0,.gx-lg-0{--bs-gutter-x:0}
+.g-lg-0,.gy-lg-0{--bs-gutter-y:0}
+.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}
+.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}
+.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}
+.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}
+.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}
+.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}
+.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}
+.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}
+.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}
+.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}
+@media (min-width:1200px){
+.col-xl{flex:1 0 0%}
+.row-cols-xl-auto>*{flex:0 0 auto;width:auto}
+.row-cols-xl-1>*{flex:0 0 auto;width:100%}
+.row-cols-xl-2>*{flex:0 0 auto;width:50%}
+.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}
+.row-cols-xl-4>*{flex:0 0 auto;width:25%}
+.row-cols-xl-5>*{flex:0 0 auto;width:20%}
+.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}
+.col-xl-auto{flex:0 0 auto;width:auto}
+.col-xl-1{flex:0 0 auto;width:8.33333333%}
+.col-xl-2{flex:0 0 auto;width:16.66666667%}
+.col-xl-3{flex:0 0 auto;width:25%}
+.col-xl-4{flex:0 0 auto;width:33.33333333%}
+.col-xl-5{flex:0 0 auto;width:41.66666667%}
+.col-xl-6{flex:0 0 auto;width:50%}
+.col-xl-7{flex:0 0 auto;width:58.33333333%}
+.col-xl-8{flex:0 0 auto;width:66.66666667%}
+.col-xl-9{flex:0 0 auto;width:75%}
+.col-xl-10{flex:0 0 auto;width:83.33333333%}
+.col-xl-11{flex:0 0 auto;width:91.66666667%}
+.col-xl-12{flex:0 0 auto;width:100%}
+.offset-xl-0{margin-left:0}
+.offset-xl-1{margin-left:8.33333333%}
+.offset-xl-2{margin-left:16.66666667%}
+.offset-xl-3{margin-left:25%}
+.offset-xl-4{margin-left:33.33333333%}
+.offset-xl-5{margin-left:41.66666667%}
+.offset-xl-6{margin-left:50%}
+.offset-xl-7{margin-left:58.33333333%}
+.offset-xl-8{margin-left:66.66666667%}
+.offset-xl-9{margin-left:75%}
+.offset-xl-10{margin-left:83.33333333%}
+.offset-xl-11{margin-left:91.66666667%}
+.g-xl-0,.gx-xl-0{--bs-gutter-x:0}
+.g-xl-0,.gy-xl-0{--bs-gutter-y:0}
+.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}
+.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}
+.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}
+.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}
+.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}
+.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}
+.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}
+.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}
+.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}
+.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}
+@media (min-width:1400px){
+.col-xxl{flex:1 0 0%}
+.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}
+.row-cols-xxl-1>*{flex:0 0 auto;width:100%}
+.row-cols-xxl-2>*{flex:0 0 auto;width:50%}
+.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}
+.row-cols-xxl-4>*{flex:0 0 auto;width:25%}
+.row-cols-xxl-5>*{flex:0 0 auto;width:20%}
+.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}
+.col-xxl-auto{flex:0 0 auto;width:auto}
+.col-xxl-1{flex:0 0 auto;width:8.33333333%}
+.col-xxl-2{flex:0 0 auto;width:16.66666667%}
+.col-xxl-3{flex:0 0 auto;width:25%}
+.col-xxl-4{flex:0 0 auto;width:33.33333333%}
+.col-xxl-5{flex:0 0 auto;width:41.66666667%}
+.col-xxl-6{flex:0 0 auto;width:50%}
+.col-xxl-7{flex:0 0 auto;width:58.33333333%}
+.col-xxl-8{flex:0 0 auto;width:66.66666667%}
+.col-xxl-9{flex:0 0 auto;width:75%}
+.col-xxl-10{flex:0 0 auto;width:83.33333333%}
+.col-xxl-11{flex:0 0 auto;width:91.66666667%}
+.col-xxl-12{flex:0 0 auto;width:100%}
+.offset-xxl-0{margin-left:0}
+.offset-xxl-1{margin-left:8.33333333%}
+.offset-xxl-2{margin-left:16.66666667%}
+.offset-xxl-3{margin-left:25%}
+.offset-xxl-4{margin-left:33.33333333%}
+.offset-xxl-5{margin-left:41.66666667%}
+.offset-xxl-6{margin-left:50%}
+.offset-xxl-7{margin-left:58.33333333%}
+.offset-xxl-8{margin-left:66.66666667%}
+.offset-xxl-9{margin-left:75%}
+.offset-xxl-10{margin-left:83.33333333%}
+.offset-xxl-11{margin-left:91.66666667%}
+.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}
+.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}
+.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}
+.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}
+.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}
+.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}
+.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}
+.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}
+.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}
+.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}
+.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}
+.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}
+.fade{transition:opacity .15s linear}
+@media (prefers-reduced-motion:reduce){
+.fade{transition:none}}
+.fade:not(.show){opacity:0}
+.collapse:not(.show){display:none}
+.collapsing{height:0;overflow:hidden;transition:height .35s ease}
+@media (prefers-reduced-motion:reduce){
+.collapsing{transition:none}}
+.collapsing.collapse-horizontal{height:auto;transition:width .35s ease;width:0}
+@media (prefers-reduced-motion:reduce){
+.collapsing.collapse-horizontal{transition:none}}
+.carousel{position:relative}
+.carousel.pointer-event{touch-action:pan-y}
+.carousel-inner{overflow:hidden;position:relative;width:100%}
+.carousel-inner:after{clear:both;content:"";display:block}
+.carousel-item{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;float:left;margin-right:-100%;position:relative;transition:transform .6s ease-in-out;width:100%}
+@media (prefers-reduced-motion:reduce){
+.carousel-item{transition:none}}
+.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}
+.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}
+.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}
+.carousel-fade .carousel-item{opacity:0;transform:none;transition-property:opacity}
+.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{opacity:1;z-index:1}
+.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{opacity:0;transition:opacity 0s .6s;z-index:0}
+@media (prefers-reduced-motion:reduce){
+.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}
+.carousel-control-next,.carousel-control-prev{align-items:center;background:none;border:0;bottom:0;color:#fff;display:flex;justify-content:center;opacity:.5;padding:0;position:absolute;text-align:center;top:0;transition:opacity .15s ease;width:15%;z-index:1}
+@media (prefers-reduced-motion:reduce){
+.carousel-control-next,.carousel-control-prev{transition:none}}
+.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;opacity:.9;outline:0;text-decoration:none}
+.carousel-control-prev{left:0}
+.carousel-control-next{right:0}
+.carousel-control-next-icon,.carousel-control-prev-icon{background-position:50%;background-repeat:no-repeat;background-size:100% 100%;display:inline-block;height:2rem;width:2rem}
+.carousel-control-prev-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3E%3C/svg%3E")}
+.carousel-control-next-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E")}
+.carousel-indicators{bottom:0;display:flex;justify-content:center;left:0;margin-bottom:1rem;margin-left:15%;margin-right:15%;padding:0;position:absolute;right:0;z-index:2}
+.carousel-indicators [data-bs-target]{background-clip:padding-box;background-color:#fff;border:0;border-bottom:10px solid transparent;border-top:10px solid transparent;box-sizing:content-box;cursor:pointer;flex:0 1 auto;height:3px;margin-left:3px;margin-right:3px;opacity:.5;padding:0;text-indent:-999px;transition:opacity .6s ease;width:30px}
+@media (prefers-reduced-motion:reduce){
+.carousel-indicators [data-bs-target]{transition:none}}
+.carousel-indicators .active{opacity:1}
+.carousel-caption{bottom:1.25rem;color:#fff;left:15%;padding-bottom:1.25rem;padding-top:1.25rem;position:absolute;right:15%;text-align:center}
+.carousel-dark .carousel-control-next-icon,.carousel-dark .carousel-control-prev-icon{filter:invert(1) grayscale(100)}
+.carousel-dark .carousel-indicators [data-bs-target]{background-color:#000}
+.carousel-dark .carousel-caption{color:#000}
+[data-bs-theme=dark] .carousel .carousel-control-next-icon,[data-bs-theme=dark] .carousel .carousel-control-prev-icon,[data-bs-theme=dark].carousel .carousel-control-next-icon,[data-bs-theme=dark].carousel .carousel-control-prev-icon{filter:invert(1) grayscale(100)}
+[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target],[data-bs-theme=dark].carousel .carousel-indicators [data-bs-target]{background-color:#000}
+[data-bs-theme=dark] .carousel .carousel-caption,[data-bs-theme=dark].carousel .carousel-caption{color:#000}
+.text-bg-primary{background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important;color:#fff!important}
+.text-bg-secondary{background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important;color:#fff!important}
+.text-bg-success{background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important;color:#fff!important}
+.text-bg-info{background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important;color:#000!important}
+.text-bg-warning{background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important;color:#000!important}
+.text-bg-danger{background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important;color:#fff!important}
+.text-bg-light{background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important;color:#000!important}
+.text-bg-default{background-color:RGBA(var(--bs-default-rgb),var(--bs-bg-opacity,1))!important;color:#000!important}
+.text-bg-notice{background-color:RGBA(var(--bs-notice-rgb),var(--bs-bg-opacity,1))!important;color:#fff!important}
+.text-bg-dark{background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important;color:#fff!important}
+.float-start{float:var(--typo3-position-start)!important}
+.float-end{float:var(--typo3-position-end)!important}
+.float-none{float:none!important}
+.d-inline{display:inline!important}
+.d-inline-block{display:inline-block!important}
+.d-block{display:block!important}
+.d-grid{display:grid!important}
+.d-inline-grid{display:inline-grid!important}
+.d-table{display:table!important}
+.d-table-row{display:table-row!important}
+.d-table-cell{display:table-cell!important}
+.d-flex{display:flex!important}
+.d-inline-flex{display:inline-flex!important}
+.d-none{display:none!important}
+.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
+.border-0{border:0!important}
+.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
+.border-top-0{border-top:0!important}
+.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
+.border-end-0{border-right:0!important}
+.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
+.border-bottom-0{border-bottom:0!important}
+.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}
+.border-start-0{border-left:0!important}
+.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}
+.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}
+.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}
+.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}
+.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}
+.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}
+.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}
+.border-default{--bs-border-opacity:1;border-color:rgba(var(--bs-default-rgb),var(--bs-border-opacity))!important}
+.border-notice{--bs-border-opacity:1;border-color:rgba(var(--bs-notice-rgb),var(--bs-border-opacity))!important}
+.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}
+.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}
+.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}
+.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}
+.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}
+.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}
+.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}
+.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}
+.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}
+.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}
+.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}
+.border-1{border-width:1px!important}
+.border-2{border-width:2px!important}
+.border-3{border-width:3px!important}
+.border-4{border-width:4px!important}
+.border-5{border-width:5px!important}
+.w-25{width:25%!important}
+.w-50{width:50%!important}
+.w-75{width:75%!important}
+.w-100{width:100%!important}
+.w-auto{width:auto!important}
+.mw-100{max-width:100%!important}
+.vw-100{width:100vw!important}
+.min-vw-100{min-width:100vw!important}
+.h-25{height:25%!important}
+.h-50{height:50%!important}
+.h-75{height:75%!important}
+.h-100{height:100%!important}
+.h-auto{height:auto!important}
+.mh-100{max-height:100%!important}
+.vh-100{height:100vh!important}
+.min-vh-100{min-height:100vh!important}
+.flex-fill{flex:1 1 auto!important}
+.flex-row{flex-direction:row!important}
+.flex-column{flex-direction:column!important}
+.flex-row-reverse{flex-direction:row-reverse!important}
+.flex-column-reverse{flex-direction:column-reverse!important}
+.flex-grow-0{flex-grow:0!important}
+.flex-grow-1{flex-grow:1!important}
+.flex-shrink-0{flex-shrink:0!important}
+.flex-shrink-1{flex-shrink:1!important}
+.flex-wrap{flex-wrap:wrap!important}
+.flex-nowrap{flex-wrap:nowrap!important}
+.flex-wrap-reverse{flex-wrap:wrap-reverse!important}
+.justify-content-start{justify-content:flex-start!important}
+.justify-content-end{justify-content:flex-end!important}
+.justify-content-center{justify-content:center!important}
+.justify-content-between{justify-content:space-between!important}
+.justify-content-around{justify-content:space-around!important}
+.justify-content-evenly{justify-content:space-evenly!important}
+.align-items-start{align-items:flex-start!important}
+.align-items-end{align-items:flex-end!important}
+.align-items-center{align-items:center!important}
+.align-items-baseline{align-items:baseline!important}
+.align-items-stretch{align-items:stretch!important}
+.align-content-start{align-content:flex-start!important}
+.align-content-end{align-content:flex-end!important}
+.align-content-center{align-content:center!important}
+.align-content-between{align-content:space-between!important}
+.align-content-around{align-content:space-around!important}
+.align-content-stretch{align-content:stretch!important}
+.align-self-auto{align-self:auto!important}
+.align-self-start{align-self:flex-start!important}
+.align-self-end{align-self:flex-end!important}
+.align-self-center{align-self:center!important}
+.align-self-baseline{align-self:baseline!important}
+.align-self-stretch{align-self:stretch!important}
+.m-0{margin:0!important}
+.m-1{margin:.25rem!important}
+.m-2{margin:.5rem!important}
+.m-3{margin:1rem!important}
+.m-4{margin:1.5rem!important}
+.m-5{margin:3rem!important}
+.m-auto{margin:auto!important}
+.mx-0{margin-left:0!important;margin-right:0!important}
+.mx-1{margin-left:.25rem!important;margin-right:.25rem!important}
+.mx-2{margin-left:.5rem!important;margin-right:.5rem!important}
+.mx-3{margin-left:1rem!important;margin-right:1rem!important}
+.mx-4{margin-left:1.5rem!important;margin-right:1.5rem!important}
+.mx-5{margin-left:3rem!important;margin-right:3rem!important}
+.mx-auto{margin-left:auto!important;margin-right:auto!important}
+.my-0{margin-bottom:0!important;margin-top:0!important}
+.my-1{margin-bottom:.25rem!important;margin-top:.25rem!important}
+.my-2{margin-bottom:.5rem!important;margin-top:.5rem!important}
+.my-3{margin-bottom:1rem!important;margin-top:1rem!important}
+.my-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}
+.my-5{margin-bottom:3rem!important;margin-top:3rem!important}
+.my-auto{margin-bottom:auto!important;margin-top:auto!important}
+.mt-0{margin-top:0!important}
+.mt-1{margin-top:.25rem!important}
+.mt-2{margin-top:.5rem!important}
+.mt-3{margin-top:1rem!important}
+.mt-4{margin-top:1.5rem!important}
+.mt-5{margin-top:3rem!important}
+.mt-auto{margin-top:auto!important}
+.me-0{margin-right:0!important}
+.me-1{margin-right:.25rem!important}
+.me-2{margin-right:.5rem!important}
+.me-3{margin-right:1rem!important}
+.me-4{margin-right:1.5rem!important}
+.me-5{margin-right:3rem!important}
+.me-auto{margin-right:auto!important}
+.mb-0{margin-bottom:0!important}
+.mb-1{margin-bottom:.25rem!important}
+.mb-2{margin-bottom:.5rem!important}
+.mb-3{margin-bottom:1rem!important}
+.mb-4{margin-bottom:1.5rem!important}
+.mb-5{margin-bottom:3rem!important}
+.mb-auto{margin-bottom:auto!important}
+.ms-0{margin-left:0!important}
+.ms-1{margin-left:.25rem!important}
+.ms-2{margin-left:.5rem!important}
+.ms-3{margin-left:1rem!important}
+.ms-4{margin-left:1.5rem!important}
+.ms-5{margin-left:3rem!important}
+.ms-auto{margin-left:auto!important}
+.p-0{padding:0!important}
+.p-1{padding:.25rem!important}
+.p-2{padding:.5rem!important}
+.p-3{padding:1rem!important}
+.p-4{padding:1.5rem!important}
+.p-5{padding:3rem!important}
+.px-0{padding-left:0!important;padding-right:0!important}
+.px-1{padding-left:.25rem!important;padding-right:.25rem!important}
+.px-2{padding-left:.5rem!important;padding-right:.5rem!important}
+.px-3{padding-left:1rem!important;padding-right:1rem!important}
+.px-4{padding-left:1.5rem!important;padding-right:1.5rem!important}
+.px-5{padding-left:3rem!important;padding-right:3rem!important}
+.py-0{padding-bottom:0!important;padding-top:0!important}
+.py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}
+.py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}
+.py-3{padding-bottom:1rem!important;padding-top:1rem!important}
+.py-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}
+.py-5{padding-bottom:3rem!important;padding-top:3rem!important}
+.pt-0{padding-top:0!important}
+.pt-1{padding-top:.25rem!important}
+.pt-2{padding-top:.5rem!important}
+.pt-3{padding-top:1rem!important}
+.pt-4{padding-top:1.5rem!important}
+.pt-5{padding-top:3rem!important}
+.pe-0{padding-right:0!important}
+.pe-1{padding-right:.25rem!important}
+.pe-2{padding-right:.5rem!important}
+.pe-3{padding-right:1rem!important}
+.pe-4{padding-right:1.5rem!important}
+.pe-5{padding-right:3rem!important}
+.pb-0{padding-bottom:0!important}
+.pb-1{padding-bottom:.25rem!important}
+.pb-2{padding-bottom:.5rem!important}
+.pb-3{padding-bottom:1rem!important}
+.pb-4{padding-bottom:1.5rem!important}
+.pb-5{padding-bottom:3rem!important}
+.ps-0{padding-left:0!important}
+.ps-1{padding-left:.25rem!important}
+.ps-2{padding-left:.5rem!important}
+.ps-3{padding-left:1rem!important}
+.ps-4{padding-left:1.5rem!important}
+.ps-5{padding-left:3rem!important}
+.gap-0{gap:0!important}
+.gap-1{gap:.25rem!important}
+.gap-2{gap:.5rem!important}
+.gap-3{gap:1rem!important}
+.gap-4{gap:1.5rem!important}
+.gap-5{gap:3rem!important}
+.row-gap-0{row-gap:0!important}
+.row-gap-1{row-gap:.25rem!important}
+.row-gap-2{row-gap:.5rem!important}
+.row-gap-3{row-gap:1rem!important}
+.row-gap-4{row-gap:1.5rem!important}
+.row-gap-5{row-gap:3rem!important}
+.font-monospace{font-family:var(--bs-font-monospace)!important}
+.fs-1{font-size:calc(1.275rem + .3vw)!important}
+.fs-2{font-size:1.25rem!important}
+.fs-3{font-size:1rem!important}
+.fs-4{font-size:.875rem!important}
+.fs-5,.fs-6{font-size:.75rem!important}
+.fst-italic{font-style:italic!important}
+.fst-normal{font-style:normal!important}
+.fw-lighter{font-weight:lighter!important}
+.fw-light{font-weight:300!important}
+.fw-normal{font-weight:400!important}
+.fw-medium{font-weight:500!important}
+.fw-semibold{font-weight:600!important}
+.fw-bold{font-weight:700!important}
+.fw-bolder{font-weight:bolder!important}
+.lh-1{line-height:1!important}
+.lh-sm{line-height:1.25!important}
+.lh-base{line-height:1.5!important}
+.lh-lg{line-height:2!important}
+.text-start{text-align:start!important}
+.text-end{text-align:end!important}
+.text-center{text-align:center!important}
+.text-decoration-none{text-decoration:none!important}
+.text-decoration-underline{text-decoration:underline!important}
+.text-decoration-line-through{text-decoration:line-through!important}
+.text-lowercase{text-transform:lowercase!important}
+.text-uppercase{text-transform:uppercase!important}
+.text-capitalize{text-transform:capitalize!important}
+.text-wrap{white-space:normal!important}
+.text-nowrap{white-space:nowrap!important}
+.text-break{word-wrap:break-word!important;word-break:break-word!important}
+.link-underline-primary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}
+.link-underline-secondary{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}
+.link-underline-success{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}
+.link-underline-info{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}
+.link-underline-warning{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}
+.link-underline-danger{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}
+.link-underline-light{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}
+.link-underline-default{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-default-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-default-rgb),var(--bs-link-underline-opacity))!important}
+.link-underline-notice{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-notice-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-notice-rgb),var(--bs-link-underline-opacity))!important}
+.link-underline-dark{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}
+.link-underline{--bs-link-underline-opacity:1;-webkit-text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}
+.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}
+.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}
+.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}
+.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}
+.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}
+.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}
+.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}
+.bg-default{--bs-bg-opacity:1;background-color:rgba(var(--bs-default-rgb),var(--bs-bg-opacity))!important}
+.bg-notice{--bs-bg-opacity:1;background-color:rgba(var(--bs-notice-rgb),var(--bs-bg-opacity))!important}
+.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}
+.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}
+.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}
+.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}
+.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}
+.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}
+.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}
+.bg-opacity-10{--bs-bg-opacity:0.1}
+.bg-opacity-25{--bs-bg-opacity:0.25}
+.bg-opacity-50{--bs-bg-opacity:0.5}
+.bg-opacity-75{--bs-bg-opacity:0.75}
+.bg-opacity-100{--bs-bg-opacity:1}
+.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}
+.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}
+.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}
+.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}
+.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}
+.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}
+.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}
+.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}
+.bg-gradient{background-image:var(--bs-gradient)!important}
+.visible{visibility:visible!important}
+.invisible{visibility:hidden!important}
+@media (min-width:576px){
+.d-sm-inline{display:inline!important}
+.d-sm-inline-block{display:inline-block!important}
+.d-sm-block{display:block!important}
+.d-sm-grid{display:grid!important}
+.d-sm-inline-grid{display:inline-grid!important}
+.d-sm-table{display:table!important}
+.d-sm-table-row{display:table-row!important}
+.d-sm-table-cell{display:table-cell!important}
+.d-sm-flex{display:flex!important}
+.d-sm-inline-flex{display:inline-flex!important}
+.d-sm-none{display:none!important}
+.flex-sm-fill{flex:1 1 auto!important}
+.flex-sm-row{flex-direction:row!important}
+.flex-sm-column{flex-direction:column!important}
+.flex-sm-row-reverse{flex-direction:row-reverse!important}
+.flex-sm-column-reverse{flex-direction:column-reverse!important}
+.flex-sm-grow-0{flex-grow:0!important}
+.flex-sm-grow-1{flex-grow:1!important}
+.flex-sm-shrink-0{flex-shrink:0!important}
+.flex-sm-shrink-1{flex-shrink:1!important}
+.flex-sm-wrap{flex-wrap:wrap!important}
+.flex-sm-nowrap{flex-wrap:nowrap!important}
+.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}
+.justify-content-sm-start{justify-content:flex-start!important}
+.justify-content-sm-end{justify-content:flex-end!important}
+.justify-content-sm-center{justify-content:center!important}
+.justify-content-sm-between{justify-content:space-between!important}
+.justify-content-sm-around{justify-content:space-around!important}
+.justify-content-sm-evenly{justify-content:space-evenly!important}
+.align-items-sm-start{align-items:flex-start!important}
+.align-items-sm-end{align-items:flex-end!important}
+.align-items-sm-center{align-items:center!important}
+.align-items-sm-baseline{align-items:baseline!important}
+.align-items-sm-stretch{align-items:stretch!important}
+.align-content-sm-start{align-content:flex-start!important}
+.align-content-sm-end{align-content:flex-end!important}
+.align-content-sm-center{align-content:center!important}
+.align-content-sm-between{align-content:space-between!important}
+.align-content-sm-around{align-content:space-around!important}
+.align-content-sm-stretch{align-content:stretch!important}
+.align-self-sm-auto{align-self:auto!important}
+.align-self-sm-start{align-self:flex-start!important}
+.align-self-sm-end{align-self:flex-end!important}
+.align-self-sm-center{align-self:center!important}
+.align-self-sm-baseline{align-self:baseline!important}
+.align-self-sm-stretch{align-self:stretch!important}
+.m-sm-0{margin:0!important}
+.m-sm-1{margin:.25rem!important}
+.m-sm-2{margin:.5rem!important}
+.m-sm-3{margin:1rem!important}
+.m-sm-4{margin:1.5rem!important}
+.m-sm-5{margin:3rem!important}
+.m-sm-auto{margin:auto!important}
+.mx-sm-0{margin-left:0!important;margin-right:0!important}
+.mx-sm-1{margin-left:.25rem!important;margin-right:.25rem!important}
+.mx-sm-2{margin-left:.5rem!important;margin-right:.5rem!important}
+.mx-sm-3{margin-left:1rem!important;margin-right:1rem!important}
+.mx-sm-4{margin-left:1.5rem!important;margin-right:1.5rem!important}
+.mx-sm-5{margin-left:3rem!important;margin-right:3rem!important}
+.mx-sm-auto{margin-left:auto!important;margin-right:auto!important}
+.my-sm-0{margin-bottom:0!important;margin-top:0!important}
+.my-sm-1{margin-bottom:.25rem!important;margin-top:.25rem!important}
+.my-sm-2{margin-bottom:.5rem!important;margin-top:.5rem!important}
+.my-sm-3{margin-bottom:1rem!important;margin-top:1rem!important}
+.my-sm-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}
+.my-sm-5{margin-bottom:3rem!important;margin-top:3rem!important}
+.my-sm-auto{margin-bottom:auto!important;margin-top:auto!important}
+.mt-sm-0{margin-top:0!important}
+.mt-sm-1{margin-top:.25rem!important}
+.mt-sm-2{margin-top:.5rem!important}
+.mt-sm-3{margin-top:1rem!important}
+.mt-sm-4{margin-top:1.5rem!important}
+.mt-sm-5{margin-top:3rem!important}
+.mt-sm-auto{margin-top:auto!important}
+.me-sm-0{margin-right:0!important}
+.me-sm-1{margin-right:.25rem!important}
+.me-sm-2{margin-right:.5rem!important}
+.me-sm-3{margin-right:1rem!important}
+.me-sm-4{margin-right:1.5rem!important}
+.me-sm-5{margin-right:3rem!important}
+.me-sm-auto{margin-right:auto!important}
+.mb-sm-0{margin-bottom:0!important}
+.mb-sm-1{margin-bottom:.25rem!important}
+.mb-sm-2{margin-bottom:.5rem!important}
+.mb-sm-3{margin-bottom:1rem!important}
+.mb-sm-4{margin-bottom:1.5rem!important}
+.mb-sm-5{margin-bottom:3rem!important}
+.mb-sm-auto{margin-bottom:auto!important}
+.ms-sm-0{margin-left:0!important}
+.ms-sm-1{margin-left:.25rem!important}
+.ms-sm-2{margin-left:.5rem!important}
+.ms-sm-3{margin-left:1rem!important}
+.ms-sm-4{margin-left:1.5rem!important}
+.ms-sm-5{margin-left:3rem!important}
+.ms-sm-auto{margin-left:auto!important}
+.p-sm-0{padding:0!important}
+.p-sm-1{padding:.25rem!important}
+.p-sm-2{padding:.5rem!important}
+.p-sm-3{padding:1rem!important}
+.p-sm-4{padding:1.5rem!important}
+.p-sm-5{padding:3rem!important}
+.px-sm-0{padding-left:0!important;padding-right:0!important}
+.px-sm-1{padding-left:.25rem!important;padding-right:.25rem!important}
+.px-sm-2{padding-left:.5rem!important;padding-right:.5rem!important}
+.px-sm-3{padding-left:1rem!important;padding-right:1rem!important}
+.px-sm-4{padding-left:1.5rem!important;padding-right:1.5rem!important}
+.px-sm-5{padding-left:3rem!important;padding-right:3rem!important}
+.py-sm-0{padding-bottom:0!important;padding-top:0!important}
+.py-sm-1{padding-bottom:.25rem!important;padding-top:.25rem!important}
+.py-sm-2{padding-bottom:.5rem!important;padding-top:.5rem!important}
+.py-sm-3{padding-bottom:1rem!important;padding-top:1rem!important}
+.py-sm-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}
+.py-sm-5{padding-bottom:3rem!important;padding-top:3rem!important}
+.pt-sm-0{padding-top:0!important}
+.pt-sm-1{padding-top:.25rem!important}
+.pt-sm-2{padding-top:.5rem!important}
+.pt-sm-3{padding-top:1rem!important}
+.pt-sm-4{padding-top:1.5rem!important}
+.pt-sm-5{padding-top:3rem!important}
+.pe-sm-0{padding-right:0!important}
+.pe-sm-1{padding-right:.25rem!important}
+.pe-sm-2{padding-right:.5rem!important}
+.pe-sm-3{padding-right:1rem!important}
+.pe-sm-4{padding-right:1.5rem!important}
+.pe-sm-5{padding-right:3rem!important}
+.pb-sm-0{padding-bottom:0!important}
+.pb-sm-1{padding-bottom:.25rem!important}
+.pb-sm-2{padding-bottom:.5rem!important}
+.pb-sm-3{padding-bottom:1rem!important}
+.pb-sm-4{padding-bottom:1.5rem!important}
+.pb-sm-5{padding-bottom:3rem!important}
+.ps-sm-0{padding-left:0!important}
+.ps-sm-1{padding-left:.25rem!important}
+.ps-sm-2{padding-left:.5rem!important}
+.ps-sm-3{padding-left:1rem!important}
+.ps-sm-4{padding-left:1.5rem!important}
+.ps-sm-5{padding-left:3rem!important}
+.gap-sm-0{gap:0!important}
+.gap-sm-1{gap:.25rem!important}
+.gap-sm-2{gap:.5rem!important}
+.gap-sm-3{gap:1rem!important}
+.gap-sm-4{gap:1.5rem!important}
+.gap-sm-5{gap:3rem!important}
+.row-gap-sm-0{row-gap:0!important}
+.row-gap-sm-1{row-gap:.25rem!important}
+.row-gap-sm-2{row-gap:.5rem!important}
+.row-gap-sm-3{row-gap:1rem!important}
+.row-gap-sm-4{row-gap:1.5rem!important}
+.row-gap-sm-5{row-gap:3rem!important}
+.text-sm-start{text-align:start!important}
+.text-sm-end{text-align:end!important}
+.text-sm-center{text-align:center!important}}
+@media (min-width:768px){
+.d-md-inline{display:inline!important}
+.d-md-inline-block{display:inline-block!important}
+.d-md-block{display:block!important}
+.d-md-grid{display:grid!important}
+.d-md-inline-grid{display:inline-grid!important}
+.d-md-table{display:table!important}
+.d-md-table-row{display:table-row!important}
+.d-md-table-cell{display:table-cell!important}
+.d-md-flex{display:flex!important}
+.d-md-inline-flex{display:inline-flex!important}
+.d-md-none{display:none!important}
+.flex-md-fill{flex:1 1 auto!important}
+.flex-md-row{flex-direction:row!important}
+.flex-md-column{flex-direction:column!important}
+.flex-md-row-reverse{flex-direction:row-reverse!important}
+.flex-md-column-reverse{flex-direction:column-reverse!important}
+.flex-md-grow-0{flex-grow:0!important}
+.flex-md-grow-1{flex-grow:1!important}
+.flex-md-shrink-0{flex-shrink:0!important}
+.flex-md-shrink-1{flex-shrink:1!important}
+.flex-md-wrap{flex-wrap:wrap!important}
+.flex-md-nowrap{flex-wrap:nowrap!important}
+.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}
+.justify-content-md-start{justify-content:flex-start!important}
+.justify-content-md-end{justify-content:flex-end!important}
+.justify-content-md-center{justify-content:center!important}
+.justify-content-md-between{justify-content:space-between!important}
+.justify-content-md-around{justify-content:space-around!important}
+.justify-content-md-evenly{justify-content:space-evenly!important}
+.align-items-md-start{align-items:flex-start!important}
+.align-items-md-end{align-items:flex-end!important}
+.align-items-md-center{align-items:center!important}
+.align-items-md-baseline{align-items:baseline!important}
+.align-items-md-stretch{align-items:stretch!important}
+.align-content-md-start{align-content:flex-start!important}
+.align-content-md-end{align-content:flex-end!important}
+.align-content-md-center{align-content:center!important}
+.align-content-md-between{align-content:space-between!important}
+.align-content-md-around{align-content:space-around!important}
+.align-content-md-stretch{align-content:stretch!important}
+.align-self-md-auto{align-self:auto!important}
+.align-self-md-start{align-self:flex-start!important}
+.align-self-md-end{align-self:flex-end!important}
+.align-self-md-center{align-self:center!important}
+.align-self-md-baseline{align-self:baseline!important}
+.align-self-md-stretch{align-self:stretch!important}
+.m-md-0{margin:0!important}
+.m-md-1{margin:.25rem!important}
+.m-md-2{margin:.5rem!important}
+.m-md-3{margin:1rem!important}
+.m-md-4{margin:1.5rem!important}
+.m-md-5{margin:3rem!important}
+.m-md-auto{margin:auto!important}
+.mx-md-0{margin-left:0!important;margin-right:0!important}
+.mx-md-1{margin-left:.25rem!important;margin-right:.25rem!important}
+.mx-md-2{margin-left:.5rem!important;margin-right:.5rem!important}
+.mx-md-3{margin-left:1rem!important;margin-right:1rem!important}
+.mx-md-4{margin-left:1.5rem!important;margin-right:1.5rem!important}
+.mx-md-5{margin-left:3rem!important;margin-right:3rem!important}
+.mx-md-auto{margin-left:auto!important;margin-right:auto!important}
+.my-md-0{margin-bottom:0!important;margin-top:0!important}
+.my-md-1{margin-bottom:.25rem!important;margin-top:.25rem!important}
+.my-md-2{margin-bottom:.5rem!important;margin-top:.5rem!important}
+.my-md-3{margin-bottom:1rem!important;margin-top:1rem!important}
+.my-md-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}
+.my-md-5{margin-bottom:3rem!important;margin-top:3rem!important}
+.my-md-auto{margin-bottom:auto!important;margin-top:auto!important}
+.mt-md-0{margin-top:0!important}
+.mt-md-1{margin-top:.25rem!important}
+.mt-md-2{margin-top:.5rem!important}
+.mt-md-3{margin-top:1rem!important}
+.mt-md-4{margin-top:1.5rem!important}
+.mt-md-5{margin-top:3rem!important}
+.mt-md-auto{margin-top:auto!important}
+.me-md-0{margin-right:0!important}
+.me-md-1{margin-right:.25rem!important}
+.me-md-2{margin-right:.5rem!important}
+.me-md-3{margin-right:1rem!important}
+.me-md-4{margin-right:1.5rem!important}
+.me-md-5{margin-right:3rem!important}
+.me-md-auto{margin-right:auto!important}
+.mb-md-0{margin-bottom:0!important}
+.mb-md-1{margin-bottom:.25rem!important}
+.mb-md-2{margin-bottom:.5rem!important}
+.mb-md-3{margin-bottom:1rem!important}
+.mb-md-4{margin-bottom:1.5rem!important}
+.mb-md-5{margin-bottom:3rem!important}
+.mb-md-auto{margin-bottom:auto!important}
+.ms-md-0{margin-left:0!important}
+.ms-md-1{margin-left:.25rem!important}
+.ms-md-2{margin-left:.5rem!important}
+.ms-md-3{margin-left:1rem!important}
+.ms-md-4{margin-left:1.5rem!important}
+.ms-md-5{margin-left:3rem!important}
+.ms-md-auto{margin-left:auto!important}
+.p-md-0{padding:0!important}
+.p-md-1{padding:.25rem!important}
+.p-md-2{padding:.5rem!important}
+.p-md-3{padding:1rem!important}
+.p-md-4{padding:1.5rem!important}
+.p-md-5{padding:3rem!important}
+.px-md-0{padding-left:0!important;padding-right:0!important}
+.px-md-1{padding-left:.25rem!important;padding-right:.25rem!important}
+.px-md-2{padding-left:.5rem!important;padding-right:.5rem!important}
+.px-md-3{padding-left:1rem!important;padding-right:1rem!important}
+.px-md-4{padding-left:1.5rem!important;padding-right:1.5rem!important}
+.px-md-5{padding-left:3rem!important;padding-right:3rem!important}
+.py-md-0{padding-bottom:0!important;padding-top:0!important}
+.py-md-1{padding-bottom:.25rem!important;padding-top:.25rem!important}
+.py-md-2{padding-bottom:.5rem!important;padding-top:.5rem!important}
+.py-md-3{padding-bottom:1rem!important;padding-top:1rem!important}
+.py-md-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}
+.py-md-5{padding-bottom:3rem!important;padding-top:3rem!important}
+.pt-md-0{padding-top:0!important}
+.pt-md-1{padding-top:.25rem!important}
+.pt-md-2{padding-top:.5rem!important}
+.pt-md-3{padding-top:1rem!important}
+.pt-md-4{padding-top:1.5rem!important}
+.pt-md-5{padding-top:3rem!important}
+.pe-md-0{padding-right:0!important}
+.pe-md-1{padding-right:.25rem!important}
+.pe-md-2{padding-right:.5rem!important}
+.pe-md-3{padding-right:1rem!important}
+.pe-md-4{padding-right:1.5rem!important}
+.pe-md-5{padding-right:3rem!important}
+.pb-md-0{padding-bottom:0!important}
+.pb-md-1{padding-bottom:.25rem!important}
+.pb-md-2{padding-bottom:.5rem!important}
+.pb-md-3{padding-bottom:1rem!important}
+.pb-md-4{padding-bottom:1.5rem!important}
+.pb-md-5{padding-bottom:3rem!important}
+.ps-md-0{padding-left:0!important}
+.ps-md-1{padding-left:.25rem!important}
+.ps-md-2{padding-left:.5rem!important}
+.ps-md-3{padding-left:1rem!important}
+.ps-md-4{padding-left:1.5rem!important}
+.ps-md-5{padding-left:3rem!important}
+.gap-md-0{gap:0!important}
+.gap-md-1{gap:.25rem!important}
+.gap-md-2{gap:.5rem!important}
+.gap-md-3{gap:1rem!important}
+.gap-md-4{gap:1.5rem!important}
+.gap-md-5{gap:3rem!important}
+.row-gap-md-0{row-gap:0!important}
+.row-gap-md-1{row-gap:.25rem!important}
+.row-gap-md-2{row-gap:.5rem!important}
+.row-gap-md-3{row-gap:1rem!important}
+.row-gap-md-4{row-gap:1.5rem!important}
+.row-gap-md-5{row-gap:3rem!important}
+.text-md-start{text-align:start!important}
+.text-md-end{text-align:end!important}
+.text-md-center{text-align:center!important}}
+@media (min-width:992px){
+.d-lg-inline{display:inline!important}
+.d-lg-inline-block{display:inline-block!important}
+.d-lg-block{display:block!important}
+.d-lg-grid{display:grid!important}
+.d-lg-inline-grid{display:inline-grid!important}
+.d-lg-table{display:table!important}
+.d-lg-table-row{display:table-row!important}
+.d-lg-table-cell{display:table-cell!important}
+.d-lg-flex{display:flex!important}
+.d-lg-inline-flex{display:inline-flex!important}
+.d-lg-none{display:none!important}
+.flex-lg-fill{flex:1 1 auto!important}
+.flex-lg-row{flex-direction:row!important}
+.flex-lg-column{flex-direction:column!important}
+.flex-lg-row-reverse{flex-direction:row-reverse!important}
+.flex-lg-column-reverse{flex-direction:column-reverse!important}
+.flex-lg-grow-0{flex-grow:0!important}
+.flex-lg-grow-1{flex-grow:1!important}
+.flex-lg-shrink-0{flex-shrink:0!important}
+.flex-lg-shrink-1{flex-shrink:1!important}
+.flex-lg-wrap{flex-wrap:wrap!important}
+.flex-lg-nowrap{flex-wrap:nowrap!important}
+.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}
+.justify-content-lg-start{justify-content:flex-start!important}
+.justify-content-lg-end{justify-content:flex-end!important}
+.justify-content-lg-center{justify-content:center!important}
+.justify-content-lg-between{justify-content:space-between!important}
+.justify-content-lg-around{justify-content:space-around!important}
+.justify-content-lg-evenly{justify-content:space-evenly!important}
+.align-items-lg-start{align-items:flex-start!important}
+.align-items-lg-end{align-items:flex-end!important}
+.align-items-lg-center{align-items:center!important}
+.align-items-lg-baseline{align-items:baseline!important}
+.align-items-lg-stretch{align-items:stretch!important}
+.align-content-lg-start{align-content:flex-start!important}
+.align-content-lg-end{align-content:flex-end!important}
+.align-content-lg-center{align-content:center!important}
+.align-content-lg-between{align-content:space-between!important}
+.align-content-lg-around{align-content:space-around!important}
+.align-content-lg-stretch{align-content:stretch!important}
+.align-self-lg-auto{align-self:auto!important}
+.align-self-lg-start{align-self:flex-start!important}
+.align-self-lg-end{align-self:flex-end!important}
+.align-self-lg-center{align-self:center!important}
+.align-self-lg-baseline{align-self:baseline!important}
+.align-self-lg-stretch{align-self:stretch!important}
+.m-lg-0{margin:0!important}
+.m-lg-1{margin:.25rem!important}
+.m-lg-2{margin:.5rem!important}
+.m-lg-3{margin:1rem!important}
+.m-lg-4{margin:1.5rem!important}
+.m-lg-5{margin:3rem!important}
+.m-lg-auto{margin:auto!important}
+.mx-lg-0{margin-left:0!important;margin-right:0!important}
+.mx-lg-1{margin-left:.25rem!important;margin-right:.25rem!important}
+.mx-lg-2{margin-left:.5rem!important;margin-right:.5rem!important}
+.mx-lg-3{margin-left:1rem!important;margin-right:1rem!important}
+.mx-lg-4{margin-left:1.5rem!important;margin-right:1.5rem!important}
+.mx-lg-5{margin-left:3rem!important;margin-right:3rem!important}
+.mx-lg-auto{margin-left:auto!important;margin-right:auto!important}
+.my-lg-0{margin-bottom:0!important;margin-top:0!important}
+.my-lg-1{margin-bottom:.25rem!important;margin-top:.25rem!important}
+.my-lg-2{margin-bottom:.5rem!important;margin-top:.5rem!important}
+.my-lg-3{margin-bottom:1rem!important;margin-top:1rem!important}
+.my-lg-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}
+.my-lg-5{margin-bottom:3rem!important;margin-top:3rem!important}
+.my-lg-auto{margin-bottom:auto!important;margin-top:auto!important}
+.mt-lg-0{margin-top:0!important}
+.mt-lg-1{margin-top:.25rem!important}
+.mt-lg-2{margin-top:.5rem!important}
+.mt-lg-3{margin-top:1rem!important}
+.mt-lg-4{margin-top:1.5rem!important}
+.mt-lg-5{margin-top:3rem!important}
+.mt-lg-auto{margin-top:auto!important}
+.me-lg-0{margin-right:0!important}
+.me-lg-1{margin-right:.25rem!important}
+.me-lg-2{margin-right:.5rem!important}
+.me-lg-3{margin-right:1rem!important}
+.me-lg-4{margin-right:1.5rem!important}
+.me-lg-5{margin-right:3rem!important}
+.me-lg-auto{margin-right:auto!important}
+.mb-lg-0{margin-bottom:0!important}
+.mb-lg-1{margin-bottom:.25rem!important}
+.mb-lg-2{margin-bottom:.5rem!important}
+.mb-lg-3{margin-bottom:1rem!important}
+.mb-lg-4{margin-bottom:1.5rem!important}
+.mb-lg-5{margin-bottom:3rem!important}
+.mb-lg-auto{margin-bottom:auto!important}
+.ms-lg-0{margin-left:0!important}
+.ms-lg-1{margin-left:.25rem!important}
+.ms-lg-2{margin-left:.5rem!important}
+.ms-lg-3{margin-left:1rem!important}
+.ms-lg-4{margin-left:1.5rem!important}
+.ms-lg-5{margin-left:3rem!important}
+.ms-lg-auto{margin-left:auto!important}
+.p-lg-0{padding:0!important}
+.p-lg-1{padding:.25rem!important}
+.p-lg-2{padding:.5rem!important}
+.p-lg-3{padding:1rem!important}
+.p-lg-4{padding:1.5rem!important}
+.p-lg-5{padding:3rem!important}
+.px-lg-0{padding-left:0!important;padding-right:0!important}
+.px-lg-1{padding-left:.25rem!important;padding-right:.25rem!important}
+.px-lg-2{padding-left:.5rem!important;padding-right:.5rem!important}
+.px-lg-3{padding-left:1rem!important;padding-right:1rem!important}
+.px-lg-4{padding-left:1.5rem!important;padding-right:1.5rem!important}
+.px-lg-5{padding-left:3rem!important;padding-right:3rem!important}
+.py-lg-0{padding-bottom:0!important;padding-top:0!important}
+.py-lg-1{padding-bottom:.25rem!important;padding-top:.25rem!important}
+.py-lg-2{padding-bottom:.5rem!important;padding-top:.5rem!important}
+.py-lg-3{padding-bottom:1rem!important;padding-top:1rem!important}
+.py-lg-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}
+.py-lg-5{padding-bottom:3rem!important;padding-top:3rem!important}
+.pt-lg-0{padding-top:0!important}
+.pt-lg-1{padding-top:.25rem!important}
+.pt-lg-2{padding-top:.5rem!important}
+.pt-lg-3{padding-top:1rem!important}
+.pt-lg-4{padding-top:1.5rem!important}
+.pt-lg-5{padding-top:3rem!important}
+.pe-lg-0{padding-right:0!important}
+.pe-lg-1{padding-right:.25rem!important}
+.pe-lg-2{padding-right:.5rem!important}
+.pe-lg-3{padding-right:1rem!important}
+.pe-lg-4{padding-right:1.5rem!important}
+.pe-lg-5{padding-right:3rem!important}
+.pb-lg-0{padding-bottom:0!important}
+.pb-lg-1{padding-bottom:.25rem!important}
+.pb-lg-2{padding-bottom:.5rem!important}
+.pb-lg-3{padding-bottom:1rem!important}
+.pb-lg-4{padding-bottom:1.5rem!important}
+.pb-lg-5{padding-bottom:3rem!important}
+.ps-lg-0{padding-left:0!important}
+.ps-lg-1{padding-left:.25rem!important}
+.ps-lg-2{padding-left:.5rem!important}
+.ps-lg-3{padding-left:1rem!important}
+.ps-lg-4{padding-left:1.5rem!important}
+.ps-lg-5{padding-left:3rem!important}
+.gap-lg-0{gap:0!important}
+.gap-lg-1{gap:.25rem!important}
+.gap-lg-2{gap:.5rem!important}
+.gap-lg-3{gap:1rem!important}
+.gap-lg-4{gap:1.5rem!important}
+.gap-lg-5{gap:3rem!important}
+.row-gap-lg-0{row-gap:0!important}
+.row-gap-lg-1{row-gap:.25rem!important}
+.row-gap-lg-2{row-gap:.5rem!important}
+.row-gap-lg-3{row-gap:1rem!important}
+.row-gap-lg-4{row-gap:1.5rem!important}
+.row-gap-lg-5{row-gap:3rem!important}
+.text-lg-start{text-align:start!important}
+.text-lg-end{text-align:end!important}
+.text-lg-center{text-align:center!important}}
+@media (min-width:1200px){
+.d-xl-inline{display:inline!important}
+.d-xl-inline-block{display:inline-block!important}
+.d-xl-block{display:block!important}
+.d-xl-grid{display:grid!important}
+.d-xl-inline-grid{display:inline-grid!important}
+.d-xl-table{display:table!important}
+.d-xl-table-row{display:table-row!important}
+.d-xl-table-cell{display:table-cell!important}
+.d-xl-flex{display:flex!important}
+.d-xl-inline-flex{display:inline-flex!important}
+.d-xl-none{display:none!important}
+.flex-xl-fill{flex:1 1 auto!important}
+.flex-xl-row{flex-direction:row!important}
+.flex-xl-column{flex-direction:column!important}
+.flex-xl-row-reverse{flex-direction:row-reverse!important}
+.flex-xl-column-reverse{flex-direction:column-reverse!important}
+.flex-xl-grow-0{flex-grow:0!important}
+.flex-xl-grow-1{flex-grow:1!important}
+.flex-xl-shrink-0{flex-shrink:0!important}
+.flex-xl-shrink-1{flex-shrink:1!important}
+.flex-xl-wrap{flex-wrap:wrap!important}
+.flex-xl-nowrap{flex-wrap:nowrap!important}
+.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}
+.justify-content-xl-start{justify-content:flex-start!important}
+.justify-content-xl-end{justify-content:flex-end!important}
+.justify-content-xl-center{justify-content:center!important}
+.justify-content-xl-between{justify-content:space-between!important}
+.justify-content-xl-around{justify-content:space-around!important}
+.justify-content-xl-evenly{justify-content:space-evenly!important}
+.align-items-xl-start{align-items:flex-start!important}
+.align-items-xl-end{align-items:flex-end!important}
+.align-items-xl-center{align-items:center!important}
+.align-items-xl-baseline{align-items:baseline!important}
+.align-items-xl-stretch{align-items:stretch!important}
+.align-content-xl-start{align-content:flex-start!important}
+.align-content-xl-end{align-content:flex-end!important}
+.align-content-xl-center{align-content:center!important}
+.align-content-xl-between{align-content:space-between!important}
+.align-content-xl-around{align-content:space-around!important}
+.align-content-xl-stretch{align-content:stretch!important}
+.align-self-xl-auto{align-self:auto!important}
+.align-self-xl-start{align-self:flex-start!important}
+.align-self-xl-end{align-self:flex-end!important}
+.align-self-xl-center{align-self:center!important}
+.align-self-xl-baseline{align-self:baseline!important}
+.align-self-xl-stretch{align-self:stretch!important}
+.m-xl-0{margin:0!important}
+.m-xl-1{margin:.25rem!important}
+.m-xl-2{margin:.5rem!important}
+.m-xl-3{margin:1rem!important}
+.m-xl-4{margin:1.5rem!important}
+.m-xl-5{margin:3rem!important}
+.m-xl-auto{margin:auto!important}
+.mx-xl-0{margin-left:0!important;margin-right:0!important}
+.mx-xl-1{margin-left:.25rem!important;margin-right:.25rem!important}
+.mx-xl-2{margin-left:.5rem!important;margin-right:.5rem!important}
+.mx-xl-3{margin-left:1rem!important;margin-right:1rem!important}
+.mx-xl-4{margin-left:1.5rem!important;margin-right:1.5rem!important}
+.mx-xl-5{margin-left:3rem!important;margin-right:3rem!important}
+.mx-xl-auto{margin-left:auto!important;margin-right:auto!important}
+.my-xl-0{margin-bottom:0!important;margin-top:0!important}
+.my-xl-1{margin-bottom:.25rem!important;margin-top:.25rem!important}
+.my-xl-2{margin-bottom:.5rem!important;margin-top:.5rem!important}
+.my-xl-3{margin-bottom:1rem!important;margin-top:1rem!important}
+.my-xl-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}
+.my-xl-5{margin-bottom:3rem!important;margin-top:3rem!important}
+.my-xl-auto{margin-bottom:auto!important;margin-top:auto!important}
+.mt-xl-0{margin-top:0!important}
+.mt-xl-1{margin-top:.25rem!important}
+.mt-xl-2{margin-top:.5rem!important}
+.mt-xl-3{margin-top:1rem!important}
+.mt-xl-4{margin-top:1.5rem!important}
+.mt-xl-5{margin-top:3rem!important}
+.mt-xl-auto{margin-top:auto!important}
+.me-xl-0{margin-right:0!important}
+.me-xl-1{margin-right:.25rem!important}
+.me-xl-2{margin-right:.5rem!important}
+.me-xl-3{margin-right:1rem!important}
+.me-xl-4{margin-right:1.5rem!important}
+.me-xl-5{margin-right:3rem!important}
+.me-xl-auto{margin-right:auto!important}
+.mb-xl-0{margin-bottom:0!important}
+.mb-xl-1{margin-bottom:.25rem!important}
+.mb-xl-2{margin-bottom:.5rem!important}
+.mb-xl-3{margin-bottom:1rem!important}
+.mb-xl-4{margin-bottom:1.5rem!important}
+.mb-xl-5{margin-bottom:3rem!important}
+.mb-xl-auto{margin-bottom:auto!important}
+.ms-xl-0{margin-left:0!important}
+.ms-xl-1{margin-left:.25rem!important}
+.ms-xl-2{margin-left:.5rem!important}
+.ms-xl-3{margin-left:1rem!important}
+.ms-xl-4{margin-left:1.5rem!important}
+.ms-xl-5{margin-left:3rem!important}
+.ms-xl-auto{margin-left:auto!important}
+.p-xl-0{padding:0!important}
+.p-xl-1{padding:.25rem!important}
+.p-xl-2{padding:.5rem!important}
+.p-xl-3{padding:1rem!important}
+.p-xl-4{padding:1.5rem!important}
+.p-xl-5{padding:3rem!important}
+.px-xl-0{padding-left:0!important;padding-right:0!important}
+.px-xl-1{padding-left:.25rem!important;padding-right:.25rem!important}
+.px-xl-2{padding-left:.5rem!important;padding-right:.5rem!important}
+.px-xl-3{padding-left:1rem!important;padding-right:1rem!important}
+.px-xl-4{padding-left:1.5rem!important;padding-right:1.5rem!important}
+.px-xl-5{padding-left:3rem!important;padding-right:3rem!important}
+.py-xl-0{padding-bottom:0!important;padding-top:0!important}
+.py-xl-1{padding-bottom:.25rem!important;padding-top:.25rem!important}
+.py-xl-2{padding-bottom:.5rem!important;padding-top:.5rem!important}
+.py-xl-3{padding-bottom:1rem!important;padding-top:1rem!important}
+.py-xl-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}
+.py-xl-5{padding-bottom:3rem!important;padding-top:3rem!important}
+.pt-xl-0{padding-top:0!important}
+.pt-xl-1{padding-top:.25rem!important}
+.pt-xl-2{padding-top:.5rem!important}
+.pt-xl-3{padding-top:1rem!important}
+.pt-xl-4{padding-top:1.5rem!important}
+.pt-xl-5{padding-top:3rem!important}
+.pe-xl-0{padding-right:0!important}
+.pe-xl-1{padding-right:.25rem!important}
+.pe-xl-2{padding-right:.5rem!important}
+.pe-xl-3{padding-right:1rem!important}
+.pe-xl-4{padding-right:1.5rem!important}
+.pe-xl-5{padding-right:3rem!important}
+.pb-xl-0{padding-bottom:0!important}
+.pb-xl-1{padding-bottom:.25rem!important}
+.pb-xl-2{padding-bottom:.5rem!important}
+.pb-xl-3{padding-bottom:1rem!important}
+.pb-xl-4{padding-bottom:1.5rem!important}
+.pb-xl-5{padding-bottom:3rem!important}
+.ps-xl-0{padding-left:0!important}
+.ps-xl-1{padding-left:.25rem!important}
+.ps-xl-2{padding-left:.5rem!important}
+.ps-xl-3{padding-left:1rem!important}
+.ps-xl-4{padding-left:1.5rem!important}
+.ps-xl-5{padding-left:3rem!important}
+.gap-xl-0{gap:0!important}
+.gap-xl-1{gap:.25rem!important}
+.gap-xl-2{gap:.5rem!important}
+.gap-xl-3{gap:1rem!important}
+.gap-xl-4{gap:1.5rem!important}
+.gap-xl-5{gap:3rem!important}
+.row-gap-xl-0{row-gap:0!important}
+.row-gap-xl-1{row-gap:.25rem!important}
+.row-gap-xl-2{row-gap:.5rem!important}
+.row-gap-xl-3{row-gap:1rem!important}
+.row-gap-xl-4{row-gap:1.5rem!important}
+.row-gap-xl-5{row-gap:3rem!important}
+.text-xl-start{text-align:start!important}
+.text-xl-end{text-align:end!important}
+.text-xl-center{text-align:center!important}}
+@media (min-width:1400px){
+.d-xxl-inline{display:inline!important}
+.d-xxl-inline-block{display:inline-block!important}
+.d-xxl-block{display:block!important}
+.d-xxl-grid{display:grid!important}
+.d-xxl-inline-grid{display:inline-grid!important}
+.d-xxl-table{display:table!important}
+.d-xxl-table-row{display:table-row!important}
+.d-xxl-table-cell{display:table-cell!important}
+.d-xxl-flex{display:flex!important}
+.d-xxl-inline-flex{display:inline-flex!important}
+.d-xxl-none{display:none!important}
+.flex-xxl-fill{flex:1 1 auto!important}
+.flex-xxl-row{flex-direction:row!important}
+.flex-xxl-column{flex-direction:column!important}
+.flex-xxl-row-reverse{flex-direction:row-reverse!important}
+.flex-xxl-column-reverse{flex-direction:column-reverse!important}
+.flex-xxl-grow-0{flex-grow:0!important}
+.flex-xxl-grow-1{flex-grow:1!important}
+.flex-xxl-shrink-0{flex-shrink:0!important}
+.flex-xxl-shrink-1{flex-shrink:1!important}
+.flex-xxl-wrap{flex-wrap:wrap!important}
+.flex-xxl-nowrap{flex-wrap:nowrap!important}
+.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}
+.justify-content-xxl-start{justify-content:flex-start!important}
+.justify-content-xxl-end{justify-content:flex-end!important}
+.justify-content-xxl-center{justify-content:center!important}
+.justify-content-xxl-between{justify-content:space-between!important}
+.justify-content-xxl-around{justify-content:space-around!important}
+.justify-content-xxl-evenly{justify-content:space-evenly!important}
+.align-items-xxl-start{align-items:flex-start!important}
+.align-items-xxl-end{align-items:flex-end!important}
+.align-items-xxl-center{align-items:center!important}
+.align-items-xxl-baseline{align-items:baseline!important}
+.align-items-xxl-stretch{align-items:stretch!important}
+.align-content-xxl-start{align-content:flex-start!important}
+.align-content-xxl-end{align-content:flex-end!important}
+.align-content-xxl-center{align-content:center!important}
+.align-content-xxl-between{align-content:space-between!important}
+.align-content-xxl-around{align-content:space-around!important}
+.align-content-xxl-stretch{align-content:stretch!important}
+.align-self-xxl-auto{align-self:auto!important}
+.align-self-xxl-start{align-self:flex-start!important}
+.align-self-xxl-end{align-self:flex-end!important}
+.align-self-xxl-center{align-self:center!important}
+.align-self-xxl-baseline{align-self:baseline!important}
+.align-self-xxl-stretch{align-self:stretch!important}
+.m-xxl-0{margin:0!important}
+.m-xxl-1{margin:.25rem!important}
+.m-xxl-2{margin:.5rem!important}
+.m-xxl-3{margin:1rem!important}
+.m-xxl-4{margin:1.5rem!important}
+.m-xxl-5{margin:3rem!important}
+.m-xxl-auto{margin:auto!important}
+.mx-xxl-0{margin-left:0!important;margin-right:0!important}
+.mx-xxl-1{margin-left:.25rem!important;margin-right:.25rem!important}
+.mx-xxl-2{margin-left:.5rem!important;margin-right:.5rem!important}
+.mx-xxl-3{margin-left:1rem!important;margin-right:1rem!important}
+.mx-xxl-4{margin-left:1.5rem!important;margin-right:1.5rem!important}
+.mx-xxl-5{margin-left:3rem!important;margin-right:3rem!important}
+.mx-xxl-auto{margin-left:auto!important;margin-right:auto!important}
+.my-xxl-0{margin-bottom:0!important;margin-top:0!important}
+.my-xxl-1{margin-bottom:.25rem!important;margin-top:.25rem!important}
+.my-xxl-2{margin-bottom:.5rem!important;margin-top:.5rem!important}
+.my-xxl-3{margin-bottom:1rem!important;margin-top:1rem!important}
+.my-xxl-4{margin-bottom:1.5rem!important;margin-top:1.5rem!important}
+.my-xxl-5{margin-bottom:3rem!important;margin-top:3rem!important}
+.my-xxl-auto{margin-bottom:auto!important;margin-top:auto!important}
+.mt-xxl-0{margin-top:0!important}
+.mt-xxl-1{margin-top:.25rem!important}
+.mt-xxl-2{margin-top:.5rem!important}
+.mt-xxl-3{margin-top:1rem!important}
+.mt-xxl-4{margin-top:1.5rem!important}
+.mt-xxl-5{margin-top:3rem!important}
+.mt-xxl-auto{margin-top:auto!important}
+.me-xxl-0{margin-right:0!important}
+.me-xxl-1{margin-right:.25rem!important}
+.me-xxl-2{margin-right:.5rem!important}
+.me-xxl-3{margin-right:1rem!important}
+.me-xxl-4{margin-right:1.5rem!important}
+.me-xxl-5{margin-right:3rem!important}
+.me-xxl-auto{margin-right:auto!important}
+.mb-xxl-0{margin-bottom:0!important}
+.mb-xxl-1{margin-bottom:.25rem!important}
+.mb-xxl-2{margin-bottom:.5rem!important}
+.mb-xxl-3{margin-bottom:1rem!important}
+.mb-xxl-4{margin-bottom:1.5rem!important}
+.mb-xxl-5{margin-bottom:3rem!important}
+.mb-xxl-auto{margin-bottom:auto!important}
+.ms-xxl-0{margin-left:0!important}
+.ms-xxl-1{margin-left:.25rem!important}
+.ms-xxl-2{margin-left:.5rem!important}
+.ms-xxl-3{margin-left:1rem!important}
+.ms-xxl-4{margin-left:1.5rem!important}
+.ms-xxl-5{margin-left:3rem!important}
+.ms-xxl-auto{margin-left:auto!important}
+.p-xxl-0{padding:0!important}
+.p-xxl-1{padding:.25rem!important}
+.p-xxl-2{padding:.5rem!important}
+.p-xxl-3{padding:1rem!important}
+.p-xxl-4{padding:1.5rem!important}
+.p-xxl-5{padding:3rem!important}
+.px-xxl-0{padding-left:0!important;padding-right:0!important}
+.px-xxl-1{padding-left:.25rem!important;padding-right:.25rem!important}
+.px-xxl-2{padding-left:.5rem!important;padding-right:.5rem!important}
+.px-xxl-3{padding-left:1rem!important;padding-right:1rem!important}
+.px-xxl-4{padding-left:1.5rem!important;padding-right:1.5rem!important}
+.px-xxl-5{padding-left:3rem!important;padding-right:3rem!important}
+.py-xxl-0{padding-bottom:0!important;padding-top:0!important}
+.py-xxl-1{padding-bottom:.25rem!important;padding-top:.25rem!important}
+.py-xxl-2{padding-bottom:.5rem!important;padding-top:.5rem!important}
+.py-xxl-3{padding-bottom:1rem!important;padding-top:1rem!important}
+.py-xxl-4{padding-bottom:1.5rem!important;padding-top:1.5rem!important}
+.py-xxl-5{padding-bottom:3rem!important;padding-top:3rem!important}
+.pt-xxl-0{padding-top:0!important}
+.pt-xxl-1{padding-top:.25rem!important}
+.pt-xxl-2{padding-top:.5rem!important}
+.pt-xxl-3{padding-top:1rem!important}
+.pt-xxl-4{padding-top:1.5rem!important}
+.pt-xxl-5{padding-top:3rem!important}
+.pe-xxl-0{padding-right:0!important}
+.pe-xxl-1{padding-right:.25rem!important}
+.pe-xxl-2{padding-right:.5rem!important}
+.pe-xxl-3{padding-right:1rem!important}
+.pe-xxl-4{padding-right:1.5rem!important}
+.pe-xxl-5{padding-right:3rem!important}
+.pb-xxl-0{padding-bottom:0!important}
+.pb-xxl-1{padding-bottom:.25rem!important}
+.pb-xxl-2{padding-bottom:.5rem!important}
+.pb-xxl-3{padding-bottom:1rem!important}
+.pb-xxl-4{padding-bottom:1.5rem!important}
+.pb-xxl-5{padding-bottom:3rem!important}
+.ps-xxl-0{padding-left:0!important}
+.ps-xxl-1{padding-left:.25rem!important}
+.ps-xxl-2{padding-left:.5rem!important}
+.ps-xxl-3{padding-left:1rem!important}
+.ps-xxl-4{padding-left:1.5rem!important}
+.ps-xxl-5{padding-left:3rem!important}
+.gap-xxl-0{gap:0!important}
+.gap-xxl-1{gap:.25rem!important}
+.gap-xxl-2{gap:.5rem!important}
+.gap-xxl-3{gap:1rem!important}
+.gap-xxl-4{gap:1.5rem!important}
+.gap-xxl-5{gap:3rem!important}
+.row-gap-xxl-0{row-gap:0!important}
+.row-gap-xxl-1{row-gap:.25rem!important}
+.row-gap-xxl-2{row-gap:.5rem!important}
+.row-gap-xxl-3{row-gap:1rem!important}
+.row-gap-xxl-4{row-gap:1.5rem!important}
+.row-gap-xxl-5{row-gap:3rem!important}
+.text-xxl-start{text-align:start!important}
+.text-xxl-end{text-align:end!important}
+.text-xxl-center{text-align:center!important}}
+@media (min-width:1200px){
+.fs-1{font-size:1.5rem!important}}
+@media print{
+.d-print-inline{display:inline!important}
+.d-print-inline-block{display:inline-block!important}
+.d-print-block{display:block!important}
+.d-print-grid{display:grid!important}
+.d-print-inline-grid{display:inline-grid!important}
+.d-print-table{display:table!important}
+.d-print-table-row{display:table-row!important}
+.d-print-table-cell{display:table-cell!important}
+.d-print-flex{display:flex!important}
+.d-print-inline-flex{display:inline-flex!important}
+.d-print-none{display:none!important}}
+@property --token-color-primary-base{syntax:"<color>";inherits:true;initial-value:#205eb5}
+@layer color{
+:root{--typo3-color-neutral-origin:hsl(from #000 h s 50%);--typo3-color-neutral-tint:hsl(from var(--token-color-primary-base,#000) h s 50%);--typo3-color-neutral-mix:8%;--token-color-neutral-base:color-mix(in srgb,var(--typo3-color-neutral-origin),var(--typo3-color-neutral-tint) var(--typo3-color-neutral-mix,0%));--token-color-red-base:#d64545;--token-color-orange-base:#f28522;--token-color-yellow-base:#e0a810;--token-color-lime-base:#7cb518;--token-color-green-base:#2a9960;--token-color-teal-base:#2aa89c;--token-color-blue-base:#3085d6;--token-color-indigo-base:#5563c4;--token-color-purple-base:#7c5ac4;--token-color-magenta-base:#d4458c;--typo3-color-state-harmonize:5%;--token-color-primary-base:#205eb5;--token-color-secondary-base:color-mix(in srgb,#737373,var(--token-color-primary-base) var(--typo3-color-state-harmonize));--token-color-info-base:color-mix(in srgb,#abdced,var(--token-color-primary-base) var(--typo3-color-state-harmonize));--token-color-success-base:color-mix(in srgb,#2a9960,var(--token-color-primary-base) var(--typo3-color-state-harmonize));--token-color-warning-base:color-mix(in srgb,#e0a810,var(--token-color-primary-base) var(--typo3-color-state-harmonize));--token-color-danger-base:color-mix(in srgb,#d64545,var(--token-color-primary-base) var(--typo3-color-state-harmonize));--token-color-notice-base:color-mix(in srgb,#737373,var(--token-color-primary-base) var(--typo3-color-state-harmonize))}
+@layer neutral{
+:root{--token-color-neutral-0:hsl(from var(--token-color-neutral-base) h s 100%);--token-color-neutral-1:hsl(from var(--token-color-neutral-base) h s 99%);--token-color-neutral-2:hsl(from var(--token-color-neutral-base) h s 98%);--token-color-neutral-3:hsl(from var(--token-color-neutral-base) h s 97%);--token-color-neutral-4:hsl(from var(--token-color-neutral-base) h s 96%);--token-color-neutral-5:hsl(from var(--token-color-neutral-base) h s 95%);--token-color-neutral-6:hsl(from var(--token-color-neutral-base) h s 94%);--token-color-neutral-7:hsl(from var(--token-color-neutral-base) h s 93%);--token-color-neutral-8:hsl(from var(--token-color-neutral-base) h s 92%);--token-color-neutral-9:hsl(from var(--token-color-neutral-base) h s 91%);--token-color-neutral-10:hsl(from var(--token-color-neutral-base) h s 90%);--token-color-neutral-12:hsl(from var(--token-color-neutral-base) h s 88%);--token-color-neutral-13:hsl(from var(--token-color-neutral-base) h s 87%);--token-color-neutral-15:hsl(from var(--token-color-neutral-base) h s 85%);--token-color-neutral-16:hsl(from var(--token-color-neutral-base) h s 84%);--token-color-neutral-18:hsl(from var(--token-color-neutral-base) h s 82%);--token-color-neutral-20:hsl(from var(--token-color-neutral-base) h s 80%);--token-color-neutral-22:hsl(from var(--token-color-neutral-base) h s 78%);--token-color-neutral-25:hsl(from var(--token-color-neutral-base) h s 75%);--token-color-neutral-28:hsl(from var(--token-color-neutral-base) h s 72%);--token-color-neutral-30:hsl(from var(--token-color-neutral-base) h s 70%);--token-color-neutral-35:hsl(from var(--token-color-neutral-base) h s 65%);--token-color-neutral-40:hsl(from var(--token-color-neutral-base) h s 60%);--token-color-neutral-45:hsl(from var(--token-color-neutral-base) h s 55%);--token-color-neutral-50:hsl(from var(--token-color-neutral-base) h s 50%);--token-color-neutral-55:hsl(from var(--token-color-neutral-base) h s 45%);--token-color-neutral-60:hsl(from var(--token-color-neutral-base) h s 40%);--token-color-neutral-65:hsl(from var(--token-color-neutral-base) h s 35%);--token-color-neutral-70:hsl(from var(--token-color-neutral-base) h s 30%);--token-color-neutral-72:hsl(from var(--token-color-neutral-base) h s 28%);--token-color-neutral-74:hsl(from var(--token-color-neutral-base) h s 26%);--token-color-neutral-75:hsl(from var(--token-color-neutral-base) h s 25%);--token-color-neutral-76:hsl(from var(--token-color-neutral-base) h s 24%);--token-color-neutral-78:hsl(from var(--token-color-neutral-base) h s 22%);--token-color-neutral-80:hsl(from var(--token-color-neutral-base) h s 20%);--token-color-neutral-82:hsl(from var(--token-color-neutral-base) h s 18%);--token-color-neutral-84:hsl(from var(--token-color-neutral-base) h s 16%);--token-color-neutral-85:hsl(from var(--token-color-neutral-base) h s 15%);--token-color-neutral-86:hsl(from var(--token-color-neutral-base) h s 14%);--token-color-neutral-88:hsl(from var(--token-color-neutral-base) h s 12%);--token-color-neutral-90:hsl(from var(--token-color-neutral-base) h s 10%);--token-color-neutral-91:hsl(from var(--token-color-neutral-base) h s 9%);--token-color-neutral-92:hsl(from var(--token-color-neutral-base) h s 8%);--token-color-neutral-93:hsl(from var(--token-color-neutral-base) h s 7%);--token-color-neutral-94:hsl(from var(--token-color-neutral-base) h s 6%);--token-color-neutral-95:hsl(from var(--token-color-neutral-base) h s 5%);--token-color-neutral-96:hsl(from var(--token-color-neutral-base) h s 4%);--token-color-neutral-97:hsl(from var(--token-color-neutral-base) h s 3%);--token-color-neutral-98:hsl(from var(--token-color-neutral-base) h s 2%);--token-color-neutral-99:hsl(from var(--token-color-neutral-base) h s 1%);--token-color-neutral-100:hsl(from var(--token-color-neutral-base) h s 0%)}}
+@layer state{
+@layer primary{
+:root{--token-color-primary-1:hsl(from var(--token-color-primary-base) h s 99%);--token-color-primary-2:hsl(from var(--token-color-primary-base) h s 98%);--token-color-primary-3:hsl(from var(--token-color-primary-base) h s 97%);--token-color-primary-4:hsl(from var(--token-color-primary-base) h s 96%);--token-color-primary-5:hsl(from var(--token-color-primary-base) h s 95%);--token-color-primary-10:hsl(from var(--token-color-primary-base) h s 90%);--token-color-primary-15:hsl(from var(--token-color-primary-base) h s 85%);--token-color-primary-20:hsl(from var(--token-color-primary-base) h s 80%);--token-color-primary-25:hsl(from var(--token-color-primary-base) h s 75%);--token-color-primary-30:hsl(from var(--token-color-primary-base) h s 70%);--token-color-primary-35:hsl(from var(--token-color-primary-base) h s 65%);--token-color-primary-40:hsl(from var(--token-color-primary-base) h s 60%);--token-color-primary-45:hsl(from var(--token-color-primary-base) h s 55%);--token-color-primary-50:hsl(from var(--token-color-primary-base) h s 50%);--token-color-primary-55:hsl(from var(--token-color-primary-base) h s 45%);--token-color-primary-60:hsl(from var(--token-color-primary-base) h s 40%);--token-color-primary-65:hsl(from var(--token-color-primary-base) h s 35%);--token-color-primary-70:hsl(from var(--token-color-primary-base) h s 30%);--token-color-primary-75:hsl(from var(--token-color-primary-base) h s 25%);--token-color-primary-80:hsl(from var(--token-color-primary-base) h s 20%);--token-color-primary-85:hsl(from var(--token-color-primary-base) h s 15%);--token-color-primary-90:hsl(from var(--token-color-primary-base) h s 10%);--token-color-primary-95:hsl(from var(--token-color-primary-base) h s 5%);--token-color-primary-96:hsl(from var(--token-color-primary-base) h s 4%);--token-color-primary-97:hsl(from var(--token-color-primary-base) h s 3%);--token-color-primary-98:hsl(from var(--token-color-primary-base) h s 2%);--token-color-primary-99:hsl(from var(--token-color-primary-base) h s 1%)}}
+@layer secondary{
+:root{--token-color-secondary-1:hsl(from var(--token-color-secondary-base) h s 99%);--token-color-secondary-2:hsl(from var(--token-color-secondary-base) h s 98%);--token-color-secondary-3:hsl(from var(--token-color-secondary-base) h s 97%);--token-color-secondary-4:hsl(from var(--token-color-secondary-base) h s 96%);--token-color-secondary-5:hsl(from var(--token-color-secondary-base) h s 95%);--token-color-secondary-10:hsl(from var(--token-color-secondary-base) h s 90%);--token-color-secondary-15:hsl(from var(--token-color-secondary-base) h s 85%);--token-color-secondary-20:hsl(from var(--token-color-secondary-base) h s 80%);--token-color-secondary-25:hsl(from var(--token-color-secondary-base) h s 75%);--token-color-secondary-30:hsl(from var(--token-color-secondary-base) h s 70%);--token-color-secondary-35:hsl(from var(--token-color-secondary-base) h s 65%);--token-color-secondary-40:hsl(from var(--token-color-secondary-base) h s 60%);--token-color-secondary-45:hsl(from var(--token-color-secondary-base) h s 55%);--token-color-secondary-50:hsl(from var(--token-color-secondary-base) h s 50%);--token-color-secondary-55:hsl(from var(--token-color-secondary-base) h s 45%);--token-color-secondary-60:hsl(from var(--token-color-secondary-base) h s 40%);--token-color-secondary-65:hsl(from var(--token-color-secondary-base) h s 35%);--token-color-secondary-70:hsl(from var(--token-color-secondary-base) h s 30%);--token-color-secondary-75:hsl(from var(--token-color-secondary-base) h s 25%);--token-color-secondary-80:hsl(from var(--token-color-secondary-base) h s 20%);--token-color-secondary-85:hsl(from var(--token-color-secondary-base) h s 15%);--token-color-secondary-90:hsl(from var(--token-color-secondary-base) h s 10%);--token-color-secondary-95:hsl(from var(--token-color-secondary-base) h s 5%);--token-color-secondary-96:hsl(from var(--token-color-secondary-base) h s 4%);--token-color-secondary-97:hsl(from var(--token-color-secondary-base) h s 3%);--token-color-secondary-98:hsl(from var(--token-color-secondary-base) h s 2%);--token-color-secondary-99:hsl(from var(--token-color-secondary-base) h s 1%)}}
+@layer info{
+:root{--token-color-info-1:hsl(from var(--token-color-info-base) h s 99%);--token-color-info-2:hsl(from var(--token-color-info-base) h s 98%);--token-color-info-3:hsl(from var(--token-color-info-base) h s 97%);--token-color-info-4:hsl(from var(--token-color-info-base) h s 96%);--token-color-info-5:hsl(from var(--token-color-info-base) h s 95%);--token-color-info-10:hsl(from var(--token-color-info-base) h s 90%);--token-color-info-15:hsl(from var(--token-color-info-base) h s 85%);--token-color-info-20:hsl(from var(--token-color-info-base) h s 80%);--token-color-info-25:hsl(from var(--token-color-info-base) h s 75%);--token-color-info-30:hsl(from var(--token-color-info-base) h s 70%);--token-color-info-35:hsl(from var(--token-color-info-base) h s 65%);--token-color-info-40:hsl(from var(--token-color-info-base) h s 60%);--token-color-info-45:hsl(from var(--token-color-info-base) h s 55%);--token-color-info-50:hsl(from var(--token-color-info-base) h s 50%);--token-color-info-55:hsl(from var(--token-color-info-base) h s 45%);--token-color-info-60:hsl(from var(--token-color-info-base) h s 40%);--token-color-info-65:hsl(from var(--token-color-info-base) h s 35%);--token-color-info-70:hsl(from var(--token-color-info-base) h s 30%);--token-color-info-75:hsl(from var(--token-color-info-base) h s 25%);--token-color-info-80:hsl(from var(--token-color-info-base) h s 20%);--token-color-info-85:hsl(from var(--token-color-info-base) h s 15%);--token-color-info-90:hsl(from var(--token-color-info-base) h s 10%);--token-color-info-95:hsl(from var(--token-color-info-base) h s 5%);--token-color-info-96:hsl(from var(--token-color-info-base) h s 4%);--token-color-info-97:hsl(from var(--token-color-info-base) h s 3%);--token-color-info-98:hsl(from var(--token-color-info-base) h s 2%);--token-color-info-99:hsl(from var(--token-color-info-base) h s 1%)}}
+@layer success{
+:root{--token-color-success-1:hsl(from var(--token-color-success-base) h s 99%);--token-color-success-2:hsl(from var(--token-color-success-base) h s 98%);--token-color-success-3:hsl(from var(--token-color-success-base) h s 97%);--token-color-success-4:hsl(from var(--token-color-success-base) h s 96%);--token-color-success-5:hsl(from var(--token-color-success-base) h s 95%);--token-color-success-10:hsl(from var(--token-color-success-base) h s 90%);--token-color-success-15:hsl(from var(--token-color-success-base) h s 85%);--token-color-success-20:hsl(from var(--token-color-success-base) h s 80%);--token-color-success-25:hsl(from var(--token-color-success-base) h s 75%);--token-color-success-30:hsl(from var(--token-color-success-base) h s 70%);--token-color-success-35:hsl(from var(--token-color-success-base) h s 65%);--token-color-success-40:hsl(from var(--token-color-success-base) h s 60%);--token-color-success-45:hsl(from var(--token-color-success-base) h s 55%);--token-color-success-50:hsl(from var(--token-color-success-base) h s 50%);--token-color-success-55:hsl(from var(--token-color-success-base) h s 45%);--token-color-success-60:hsl(from var(--token-color-success-base) h s 40%);--token-color-success-65:hsl(from var(--token-color-success-base) h s 35%);--token-color-success-70:hsl(from var(--token-color-success-base) h s 30%);--token-color-success-75:hsl(from var(--token-color-success-base) h s 25%);--token-color-success-80:hsl(from var(--token-color-success-base) h s 20%);--token-color-success-85:hsl(from var(--token-color-success-base) h s 15%);--token-color-success-90:hsl(from var(--token-color-success-base) h s 10%);--token-color-success-95:hsl(from var(--token-color-success-base) h s 5%);--token-color-success-96:hsl(from var(--token-color-success-base) h s 4%);--token-color-success-97:hsl(from var(--token-color-success-base) h s 3%);--token-color-success-98:hsl(from var(--token-color-success-base) h s 2%);--token-color-success-99:hsl(from var(--token-color-success-base) h s 1%)}}
+@layer warning{
+:root{--token-color-warning-1:hsl(from var(--token-color-warning-base) h s 99%);--token-color-warning-2:hsl(from var(--token-color-warning-base) h s 98%);--token-color-warning-3:hsl(from var(--token-color-warning-base) h s 97%);--token-color-warning-4:hsl(from var(--token-color-warning-base) h s 96%);--token-color-warning-5:hsl(from var(--token-color-warning-base) h s 95%);--token-color-warning-10:hsl(from var(--token-color-warning-base) h s 90%);--token-color-warning-15:hsl(from var(--token-color-warning-base) h s 85%);--token-color-warning-20:hsl(from var(--token-color-warning-base) h s 80%);--token-color-warning-25:hsl(from var(--token-color-warning-base) h s 75%);--token-color-warning-30:hsl(from var(--token-color-warning-base) h s 70%);--token-color-warning-35:hsl(from var(--token-color-warning-base) h s 65%);--token-color-warning-40:hsl(from var(--token-color-warning-base) h s 60%);--token-color-warning-45:hsl(from var(--token-color-warning-base) h s 55%);--token-color-warning-50:hsl(from var(--token-color-warning-base) h s 50%);--token-color-warning-55:hsl(from var(--token-color-warning-base) h s 45%);--token-color-warning-60:hsl(from var(--token-color-warning-base) h s 40%);--token-color-warning-65:hsl(from var(--token-color-warning-base) h s 35%);--token-color-warning-70:hsl(from var(--token-color-warning-base) h s 30%);--token-color-warning-75:hsl(from var(--token-color-warning-base) h s 25%);--token-color-warning-80:hsl(from var(--token-color-warning-base) h s 20%);--token-color-warning-85:hsl(from var(--token-color-warning-base) h s 15%);--token-color-warning-90:hsl(from var(--token-color-warning-base) h s 10%);--token-color-warning-95:hsl(from var(--token-color-warning-base) h s 5%);--token-color-warning-96:hsl(from var(--token-color-warning-base) h s 4%);--token-color-warning-97:hsl(from var(--token-color-warning-base) h s 3%);--token-color-warning-98:hsl(from var(--token-color-warning-base) h s 2%);--token-color-warning-99:hsl(from var(--token-color-warning-base) h s 1%)}}
+@layer danger{
+:root{--token-color-danger-1:hsl(from var(--token-color-danger-base) h s 99%);--token-color-danger-2:hsl(from var(--token-color-danger-base) h s 98%);--token-color-danger-3:hsl(from var(--token-color-danger-base) h s 97%);--token-color-danger-4:hsl(from var(--token-color-danger-base) h s 96%);--token-color-danger-5:hsl(from var(--token-color-danger-base) h s 95%);--token-color-danger-10:hsl(from var(--token-color-danger-base) h s 90%);--token-color-danger-15:hsl(from var(--token-color-danger-base) h s 85%);--token-color-danger-20:hsl(from var(--token-color-danger-base) h s 80%);--token-color-danger-25:hsl(from var(--token-color-danger-base) h s 75%);--token-color-danger-30:hsl(from var(--token-color-danger-base) h s 70%);--token-color-danger-35:hsl(from var(--token-color-danger-base) h s 65%);--token-color-danger-40:hsl(from var(--token-color-danger-base) h s 60%);--token-color-danger-45:hsl(from var(--token-color-danger-base) h s 55%);--token-color-danger-50:hsl(from var(--token-color-danger-base) h s 50%);--token-color-danger-55:hsl(from var(--token-color-danger-base) h s 45%);--token-color-danger-60:hsl(from var(--token-color-danger-base) h s 40%);--token-color-danger-65:hsl(from var(--token-color-danger-base) h s 35%);--token-color-danger-70:hsl(from var(--token-color-danger-base) h s 30%);--token-color-danger-75:hsl(from var(--token-color-danger-base) h s 25%);--token-color-danger-80:hsl(from var(--token-color-danger-base) h s 20%);--token-color-danger-85:hsl(from var(--token-color-danger-base) h s 15%);--token-color-danger-90:hsl(from var(--token-color-danger-base) h s 10%);--token-color-danger-95:hsl(from var(--token-color-danger-base) h s 5%);--token-color-danger-96:hsl(from var(--token-color-danger-base) h s 4%);--token-color-danger-97:hsl(from var(--token-color-danger-base) h s 3%);--token-color-danger-98:hsl(from var(--token-color-danger-base) h s 2%);--token-color-danger-99:hsl(from var(--token-color-danger-base) h s 1%)}}
+@layer notice{
+:root{--token-color-notice-1:hsl(from var(--token-color-notice-base) h s 99%);--token-color-notice-2:hsl(from var(--token-color-notice-base) h s 98%);--token-color-notice-3:hsl(from var(--token-color-notice-base) h s 97%);--token-color-notice-4:hsl(from var(--token-color-notice-base) h s 96%);--token-color-notice-5:hsl(from var(--token-color-notice-base) h s 95%);--token-color-notice-10:hsl(from var(--token-color-notice-base) h s 90%);--token-color-notice-15:hsl(from var(--token-color-notice-base) h s 85%);--token-color-notice-20:hsl(from var(--token-color-notice-base) h s 80%);--token-color-notice-25:hsl(from var(--token-color-notice-base) h s 75%);--token-color-notice-30:hsl(from var(--token-color-notice-base) h s 70%);--token-color-notice-35:hsl(from var(--token-color-notice-base) h s 65%);--token-color-notice-40:hsl(from var(--token-color-notice-base) h s 60%);--token-color-notice-45:hsl(from var(--token-color-notice-base) h s 55%);--token-color-notice-50:hsl(from var(--token-color-notice-base) h s 50%);--token-color-notice-55:hsl(from var(--token-color-notice-base) h s 45%);--token-color-notice-60:hsl(from var(--token-color-notice-base) h s 40%);--token-color-notice-65:hsl(from var(--token-color-notice-base) h s 35%);--token-color-notice-70:hsl(from var(--token-color-notice-base) h s 30%);--token-color-notice-75:hsl(from var(--token-color-notice-base) h s 25%);--token-color-notice-80:hsl(from var(--token-color-notice-base) h s 20%);--token-color-notice-85:hsl(from var(--token-color-notice-base) h s 15%);--token-color-notice-90:hsl(from var(--token-color-notice-base) h s 10%);--token-color-notice-95:hsl(from var(--token-color-notice-base) h s 5%);--token-color-notice-96:hsl(from var(--token-color-notice-base) h s 4%);--token-color-notice-97:hsl(from var(--token-color-notice-base) h s 3%);--token-color-notice-98:hsl(from var(--token-color-notice-base) h s 2%);--token-color-notice-99:hsl(from var(--token-color-notice-base) h s 1%)}}}
+@layer red{
+:root{--token-color-red-1:hsl(from var(--token-color-red-base) h s 99%);--token-color-red-2:hsl(from var(--token-color-red-base) h s 98%);--token-color-red-3:hsl(from var(--token-color-red-base) h s 97%);--token-color-red-4:hsl(from var(--token-color-red-base) h s 96%);--token-color-red-5:hsl(from var(--token-color-red-base) h s 95%);--token-color-red-10:hsl(from var(--token-color-red-base) h s 90%);--token-color-red-15:hsl(from var(--token-color-red-base) h s 85%);--token-color-red-20:hsl(from var(--token-color-red-base) h s 80%);--token-color-red-25:hsl(from var(--token-color-red-base) h s 75%);--token-color-red-30:hsl(from var(--token-color-red-base) h s 70%);--token-color-red-35:hsl(from var(--token-color-red-base) h s 65%);--token-color-red-40:hsl(from var(--token-color-red-base) h s 60%);--token-color-red-45:hsl(from var(--token-color-red-base) h s 55%);--token-color-red-50:hsl(from var(--token-color-red-base) h s 50%);--token-color-red-55:hsl(from var(--token-color-red-base) h s 45%);--token-color-red-60:hsl(from var(--token-color-red-base) h s 40%);--token-color-red-65:hsl(from var(--token-color-red-base) h s 35%);--token-color-red-70:hsl(from var(--token-color-red-base) h s 30%);--token-color-red-75:hsl(from var(--token-color-red-base) h s 25%);--token-color-red-80:hsl(from var(--token-color-red-base) h s 20%);--token-color-red-85:hsl(from var(--token-color-red-base) h s 15%);--token-color-red-90:hsl(from var(--token-color-red-base) h s 10%);--token-color-red-95:hsl(from var(--token-color-red-base) h s 5%);--token-color-red-96:hsl(from var(--token-color-red-base) h s 4%);--token-color-red-97:hsl(from var(--token-color-red-base) h s 3%);--token-color-red-98:hsl(from var(--token-color-red-base) h s 2%);--token-color-red-99:hsl(from var(--token-color-red-base) h s 1%)}}
+@layer orange{
+:root{--token-color-orange-1:hsl(from var(--token-color-orange-base) h s 99%);--token-color-orange-2:hsl(from var(--token-color-orange-base) h s 98%);--token-color-orange-3:hsl(from var(--token-color-orange-base) h s 97%);--token-color-orange-4:hsl(from var(--token-color-orange-base) h s 96%);--token-color-orange-5:hsl(from var(--token-color-orange-base) h s 95%);--token-color-orange-10:hsl(from var(--token-color-orange-base) h s 90%);--token-color-orange-15:hsl(from var(--token-color-orange-base) h s 85%);--token-color-orange-20:hsl(from var(--token-color-orange-base) h s 80%);--token-color-orange-25:hsl(from var(--token-color-orange-base) h s 75%);--token-color-orange-30:hsl(from var(--token-color-orange-base) h s 70%);--token-color-orange-35:hsl(from var(--token-color-orange-base) h s 65%);--token-color-orange-40:hsl(from var(--token-color-orange-base) h s 60%);--token-color-orange-45:hsl(from var(--token-color-orange-base) h s 55%);--token-color-orange-50:hsl(from var(--token-color-orange-base) h s 50%);--token-color-orange-55:hsl(from var(--token-color-orange-base) h s 45%);--token-color-orange-60:hsl(from var(--token-color-orange-base) h s 40%);--token-color-orange-65:hsl(from var(--token-color-orange-base) h s 35%);--token-color-orange-70:hsl(from var(--token-color-orange-base) h s 30%);--token-color-orange-75:hsl(from var(--token-color-orange-base) h s 25%);--token-color-orange-80:hsl(from var(--token-color-orange-base) h s 20%);--token-color-orange-85:hsl(from var(--token-color-orange-base) h s 15%);--token-color-orange-90:hsl(from var(--token-color-orange-base) h s 10%);--token-color-orange-95:hsl(from var(--token-color-orange-base) h s 5%);--token-color-orange-96:hsl(from var(--token-color-orange-base) h s 4%);--token-color-orange-97:hsl(from var(--token-color-orange-base) h s 3%);--token-color-orange-98:hsl(from var(--token-color-orange-base) h s 2%);--token-color-orange-99:hsl(from var(--token-color-orange-base) h s 1%)}}
+@layer yellow{
+:root{--token-color-yellow-1:hsl(from var(--token-color-yellow-base) h s 99%);--token-color-yellow-2:hsl(from var(--token-color-yellow-base) h s 98%);--token-color-yellow-3:hsl(from var(--token-color-yellow-base) h s 97%);--token-color-yellow-4:hsl(from var(--token-color-yellow-base) h s 96%);--token-color-yellow-5:hsl(from var(--token-color-yellow-base) h s 95%);--token-color-yellow-10:hsl(from var(--token-color-yellow-base) h s 90%);--token-color-yellow-15:hsl(from var(--token-color-yellow-base) h s 85%);--token-color-yellow-20:hsl(from var(--token-color-yellow-base) h s 80%);--token-color-yellow-25:hsl(from var(--token-color-yellow-base) h s 75%);--token-color-yellow-30:hsl(from var(--token-color-yellow-base) h s 70%);--token-color-yellow-35:hsl(from var(--token-color-yellow-base) h s 65%);--token-color-yellow-40:hsl(from var(--token-color-yellow-base) h s 60%);--token-color-yellow-45:hsl(from var(--token-color-yellow-base) h s 55%);--token-color-yellow-50:hsl(from var(--token-color-yellow-base) h s 50%);--token-color-yellow-55:hsl(from var(--token-color-yellow-base) h s 45%);--token-color-yellow-60:hsl(from var(--token-color-yellow-base) h s 40%);--token-color-yellow-65:hsl(from var(--token-color-yellow-base) h s 35%);--token-color-yellow-70:hsl(from var(--token-color-yellow-base) h s 30%);--token-color-yellow-75:hsl(from var(--token-color-yellow-base) h s 25%);--token-color-yellow-80:hsl(from var(--token-color-yellow-base) h s 20%);--token-color-yellow-85:hsl(from var(--token-color-yellow-base) h s 15%);--token-color-yellow-90:hsl(from var(--token-color-yellow-base) h s 10%);--token-color-yellow-95:hsl(from var(--token-color-yellow-base) h s 5%);--token-color-yellow-96:hsl(from var(--token-color-yellow-base) h s 4%);--token-color-yellow-97:hsl(from var(--token-color-yellow-base) h s 3%);--token-color-yellow-98:hsl(from var(--token-color-yellow-base) h s 2%);--token-color-yellow-99:hsl(from var(--token-color-yellow-base) h s 1%)}}
+@layer lime{
+:root{--token-color-lime-1:hsl(from var(--token-color-lime-base) h s 99%);--token-color-lime-2:hsl(from var(--token-color-lime-base) h s 98%);--token-color-lime-3:hsl(from var(--token-color-lime-base) h s 97%);--token-color-lime-4:hsl(from var(--token-color-lime-base) h s 96%);--token-color-lime-5:hsl(from var(--token-color-lime-base) h s 95%);--token-color-lime-10:hsl(from var(--token-color-lime-base) h s 90%);--token-color-lime-15:hsl(from var(--token-color-lime-base) h s 85%);--token-color-lime-20:hsl(from var(--token-color-lime-base) h s 80%);--token-color-lime-25:hsl(from var(--token-color-lime-base) h s 75%);--token-color-lime-30:hsl(from var(--token-color-lime-base) h s 70%);--token-color-lime-35:hsl(from var(--token-color-lime-base) h s 65%);--token-color-lime-40:hsl(from var(--token-color-lime-base) h s 60%);--token-color-lime-45:hsl(from var(--token-color-lime-base) h s 55%);--token-color-lime-50:hsl(from var(--token-color-lime-base) h s 50%);--token-color-lime-55:hsl(from var(--token-color-lime-base) h s 45%);--token-color-lime-60:hsl(from var(--token-color-lime-base) h s 40%);--token-color-lime-65:hsl(from var(--token-color-lime-base) h s 35%);--token-color-lime-70:hsl(from var(--token-color-lime-base) h s 30%);--token-color-lime-75:hsl(from var(--token-color-lime-base) h s 25%);--token-color-lime-80:hsl(from var(--token-color-lime-base) h s 20%);--token-color-lime-85:hsl(from var(--token-color-lime-base) h s 15%);--token-color-lime-90:hsl(from var(--token-color-lime-base) h s 10%);--token-color-lime-95:hsl(from var(--token-color-lime-base) h s 5%);--token-color-lime-96:hsl(from var(--token-color-lime-base) h s 4%);--token-color-lime-97:hsl(from var(--token-color-lime-base) h s 3%);--token-color-lime-98:hsl(from var(--token-color-lime-base) h s 2%);--token-color-lime-99:hsl(from var(--token-color-lime-base) h s 1%)}}
+@layer green{
+:root{--token-color-green-1:hsl(from var(--token-color-green-base) h s 99%);--token-color-green-2:hsl(from var(--token-color-green-base) h s 98%);--token-color-green-3:hsl(from var(--token-color-green-base) h s 97%);--token-color-green-4:hsl(from var(--token-color-green-base) h s 96%);--token-color-green-5:hsl(from var(--token-color-green-base) h s 95%);--token-color-green-10:hsl(from var(--token-color-green-base) h s 90%);--token-color-green-15:hsl(from var(--token-color-green-base) h s 85%);--token-color-green-20:hsl(from var(--token-color-green-base) h s 80%);--token-color-green-25:hsl(from var(--token-color-green-base) h s 75%);--token-color-green-30:hsl(from var(--token-color-green-base) h s 70%);--token-color-green-35:hsl(from var(--token-color-green-base) h s 65%);--token-color-green-40:hsl(from var(--token-color-green-base) h s 60%);--token-color-green-45:hsl(from var(--token-color-green-base) h s 55%);--token-color-green-50:hsl(from var(--token-color-green-base) h s 50%);--token-color-green-55:hsl(from var(--token-color-green-base) h s 45%);--token-color-green-60:hsl(from var(--token-color-green-base) h s 40%);--token-color-green-65:hsl(from var(--token-color-green-base) h s 35%);--token-color-green-70:hsl(from var(--token-color-green-base) h s 30%);--token-color-green-75:hsl(from var(--token-color-green-base) h s 25%);--token-color-green-80:hsl(from var(--token-color-green-base) h s 20%);--token-color-green-85:hsl(from var(--token-color-green-base) h s 15%);--token-color-green-90:hsl(from var(--token-color-green-base) h s 10%);--token-color-green-95:hsl(from var(--token-color-green-base) h s 5%);--token-color-green-96:hsl(from var(--token-color-green-base) h s 4%);--token-color-green-97:hsl(from var(--token-color-green-base) h s 3%);--token-color-green-98:hsl(from var(--token-color-green-base) h s 2%);--token-color-green-99:hsl(from var(--token-color-green-base) h s 1%)}}
+@layer teal{
+:root{--token-color-teal-1:hsl(from var(--token-color-teal-base) h s 99%);--token-color-teal-2:hsl(from var(--token-color-teal-base) h s 98%);--token-color-teal-3:hsl(from var(--token-color-teal-base) h s 97%);--token-color-teal-4:hsl(from var(--token-color-teal-base) h s 96%);--token-color-teal-5:hsl(from var(--token-color-teal-base) h s 95%);--token-color-teal-10:hsl(from var(--token-color-teal-base) h s 90%);--token-color-teal-15:hsl(from var(--token-color-teal-base) h s 85%);--token-color-teal-20:hsl(from var(--token-color-teal-base) h s 80%);--token-color-teal-25:hsl(from var(--token-color-teal-base) h s 75%);--token-color-teal-30:hsl(from var(--token-color-teal-base) h s 70%);--token-color-teal-35:hsl(from var(--token-color-teal-base) h s 65%);--token-color-teal-40:hsl(from var(--token-color-teal-base) h s 60%);--token-color-teal-45:hsl(from var(--token-color-teal-base) h s 55%);--token-color-teal-50:hsl(from var(--token-color-teal-base) h s 50%);--token-color-teal-55:hsl(from var(--token-color-teal-base) h s 45%);--token-color-teal-60:hsl(from var(--token-color-teal-base) h s 40%);--token-color-teal-65:hsl(from var(--token-color-teal-base) h s 35%);--token-color-teal-70:hsl(from var(--token-color-teal-base) h s 30%);--token-color-teal-75:hsl(from var(--token-color-teal-base) h s 25%);--token-color-teal-80:hsl(from var(--token-color-teal-base) h s 20%);--token-color-teal-85:hsl(from var(--token-color-teal-base) h s 15%);--token-color-teal-90:hsl(from var(--token-color-teal-base) h s 10%);--token-color-teal-95:hsl(from var(--token-color-teal-base) h s 5%);--token-color-teal-96:hsl(from var(--token-color-teal-base) h s 4%);--token-color-teal-97:hsl(from var(--token-color-teal-base) h s 3%);--token-color-teal-98:hsl(from var(--token-color-teal-base) h s 2%);--token-color-teal-99:hsl(from var(--token-color-teal-base) h s 1%)}}
+@layer blue{
+:root{--token-color-blue-1:hsl(from var(--token-color-blue-base) h s 99%);--token-color-blue-2:hsl(from var(--token-color-blue-base) h s 98%);--token-color-blue-3:hsl(from var(--token-color-blue-base) h s 97%);--token-color-blue-4:hsl(from var(--token-color-blue-base) h s 96%);--token-color-blue-5:hsl(from var(--token-color-blue-base) h s 95%);--token-color-blue-10:hsl(from var(--token-color-blue-base) h s 90%);--token-color-blue-15:hsl(from var(--token-color-blue-base) h s 85%);--token-color-blue-20:hsl(from var(--token-color-blue-base) h s 80%);--token-color-blue-25:hsl(from var(--token-color-blue-base) h s 75%);--token-color-blue-30:hsl(from var(--token-color-blue-base) h s 70%);--token-color-blue-35:hsl(from var(--token-color-blue-base) h s 65%);--token-color-blue-40:hsl(from var(--token-color-blue-base) h s 60%);--token-color-blue-45:hsl(from var(--token-color-blue-base) h s 55%);--token-color-blue-50:hsl(from var(--token-color-blue-base) h s 50%);--token-color-blue-55:hsl(from var(--token-color-blue-base) h s 45%);--token-color-blue-60:hsl(from var(--token-color-blue-base) h s 40%);--token-color-blue-65:hsl(from var(--token-color-blue-base) h s 35%);--token-color-blue-70:hsl(from var(--token-color-blue-base) h s 30%);--token-color-blue-75:hsl(from var(--token-color-blue-base) h s 25%);--token-color-blue-80:hsl(from var(--token-color-blue-base) h s 20%);--token-color-blue-85:hsl(from var(--token-color-blue-base) h s 15%);--token-color-blue-90:hsl(from var(--token-color-blue-base) h s 10%);--token-color-blue-95:hsl(from var(--token-color-blue-base) h s 5%);--token-color-blue-96:hsl(from var(--token-color-blue-base) h s 4%);--token-color-blue-97:hsl(from var(--token-color-blue-base) h s 3%);--token-color-blue-98:hsl(from var(--token-color-blue-base) h s 2%);--token-color-blue-99:hsl(from var(--token-color-blue-base) h s 1%)}}
+@layer indigo{
+:root{--token-color-indigo-1:hsl(from var(--token-color-indigo-base) h s 99%);--token-color-indigo-2:hsl(from var(--token-color-indigo-base) h s 98%);--token-color-indigo-3:hsl(from var(--token-color-indigo-base) h s 97%);--token-color-indigo-4:hsl(from var(--token-color-indigo-base) h s 96%);--token-color-indigo-5:hsl(from var(--token-color-indigo-base) h s 95%);--token-color-indigo-10:hsl(from var(--token-color-indigo-base) h s 90%);--token-color-indigo-15:hsl(from var(--token-color-indigo-base) h s 85%);--token-color-indigo-20:hsl(from var(--token-color-indigo-base) h s 80%);--token-color-indigo-25:hsl(from var(--token-color-indigo-base) h s 75%);--token-color-indigo-30:hsl(from var(--token-color-indigo-base) h s 70%);--token-color-indigo-35:hsl(from var(--token-color-indigo-base) h s 65%);--token-color-indigo-40:hsl(from var(--token-color-indigo-base) h s 60%);--token-color-indigo-45:hsl(from var(--token-color-indigo-base) h s 55%);--token-color-indigo-50:hsl(from var(--token-color-indigo-base) h s 50%);--token-color-indigo-55:hsl(from var(--token-color-indigo-base) h s 45%);--token-color-indigo-60:hsl(from var(--token-color-indigo-base) h s 40%);--token-color-indigo-65:hsl(from var(--token-color-indigo-base) h s 35%);--token-color-indigo-70:hsl(from var(--token-color-indigo-base) h s 30%);--token-color-indigo-75:hsl(from var(--token-color-indigo-base) h s 25%);--token-color-indigo-80:hsl(from var(--token-color-indigo-base) h s 20%);--token-color-indigo-85:hsl(from var(--token-color-indigo-base) h s 15%);--token-color-indigo-90:hsl(from var(--token-color-indigo-base) h s 10%);--token-color-indigo-95:hsl(from var(--token-color-indigo-base) h s 5%);--token-color-indigo-96:hsl(from var(--token-color-indigo-base) h s 4%);--token-color-indigo-97:hsl(from var(--token-color-indigo-base) h s 3%);--token-color-indigo-98:hsl(from var(--token-color-indigo-base) h s 2%);--token-color-indigo-99:hsl(from var(--token-color-indigo-base) h s 1%)}}
+@layer purple{
+:root{--token-color-purple-1:hsl(from var(--token-color-purple-base) h s 99%);--token-color-purple-2:hsl(from var(--token-color-purple-base) h s 98%);--token-color-purple-3:hsl(from var(--token-color-purple-base) h s 97%);--token-color-purple-4:hsl(from var(--token-color-purple-base) h s 96%);--token-color-purple-5:hsl(from var(--token-color-purple-base) h s 95%);--token-color-purple-10:hsl(from var(--token-color-purple-base) h s 90%);--token-color-purple-15:hsl(from var(--token-color-purple-base) h s 85%);--token-color-purple-20:hsl(from var(--token-color-purple-base) h s 80%);--token-color-purple-25:hsl(from var(--token-color-purple-base) h s 75%);--token-color-purple-30:hsl(from var(--token-color-purple-base) h s 70%);--token-color-purple-35:hsl(from var(--token-color-purple-base) h s 65%);--token-color-purple-40:hsl(from var(--token-color-purple-base) h s 60%);--token-color-purple-45:hsl(from var(--token-color-purple-base) h s 55%);--token-color-purple-50:hsl(from var(--token-color-purple-base) h s 50%);--token-color-purple-55:hsl(from var(--token-color-purple-base) h s 45%);--token-color-purple-60:hsl(from var(--token-color-purple-base) h s 40%);--token-color-purple-65:hsl(from var(--token-color-purple-base) h s 35%);--token-color-purple-70:hsl(from var(--token-color-purple-base) h s 30%);--token-color-purple-75:hsl(from var(--token-color-purple-base) h s 25%);--token-color-purple-80:hsl(from var(--token-color-purple-base) h s 20%);--token-color-purple-85:hsl(from var(--token-color-purple-base) h s 15%);--token-color-purple-90:hsl(from var(--token-color-purple-base) h s 10%);--token-color-purple-95:hsl(from var(--token-color-purple-base) h s 5%);--token-color-purple-96:hsl(from var(--token-color-purple-base) h s 4%);--token-color-purple-97:hsl(from var(--token-color-purple-base) h s 3%);--token-color-purple-98:hsl(from var(--token-color-purple-base) h s 2%);--token-color-purple-99:hsl(from var(--token-color-purple-base) h s 1%)}}
+@layer magenta{
+:root{--token-color-magenta-1:hsl(from var(--token-color-magenta-base) h s 99%);--token-color-magenta-2:hsl(from var(--token-color-magenta-base) h s 98%);--token-color-magenta-3:hsl(from var(--token-color-magenta-base) h s 97%);--token-color-magenta-4:hsl(from var(--token-color-magenta-base) h s 96%);--token-color-magenta-5:hsl(from var(--token-color-magenta-base) h s 95%);--token-color-magenta-10:hsl(from var(--token-color-magenta-base) h s 90%);--token-color-magenta-15:hsl(from var(--token-color-magenta-base) h s 85%);--token-color-magenta-20:hsl(from var(--token-color-magenta-base) h s 80%);--token-color-magenta-25:hsl(from var(--token-color-magenta-base) h s 75%);--token-color-magenta-30:hsl(from var(--token-color-magenta-base) h s 70%);--token-color-magenta-35:hsl(from var(--token-color-magenta-base) h s 65%);--token-color-magenta-40:hsl(from var(--token-color-magenta-base) h s 60%);--token-color-magenta-45:hsl(from var(--token-color-magenta-base) h s 55%);--token-color-magenta-50:hsl(from var(--token-color-magenta-base) h s 50%);--token-color-magenta-55:hsl(from var(--token-color-magenta-base) h s 45%);--token-color-magenta-60:hsl(from var(--token-color-magenta-base) h s 40%);--token-color-magenta-65:hsl(from var(--token-color-magenta-base) h s 35%);--token-color-magenta-70:hsl(from var(--token-color-magenta-base) h s 30%);--token-color-magenta-75:hsl(from var(--token-color-magenta-base) h s 25%);--token-color-magenta-80:hsl(from var(--token-color-magenta-base) h s 20%);--token-color-magenta-85:hsl(from var(--token-color-magenta-base) h s 15%);--token-color-magenta-90:hsl(from var(--token-color-magenta-base) h s 10%);--token-color-magenta-95:hsl(from var(--token-color-magenta-base) h s 5%);--token-color-magenta-96:hsl(from var(--token-color-magenta-base) h s 4%);--token-color-magenta-97:hsl(from var(--token-color-magenta-base) h s 3%);--token-color-magenta-98:hsl(from var(--token-color-magenta-base) h s 2%);--token-color-magenta-99:hsl(from var(--token-color-magenta-base) h s 1%)}}}
+:root{color-scheme:light dark;container-type:inline-size;font-size:max(1em,14px);min-height:100dvh;overscroll-behavior:none;scroll-behavior:smooth;--typo3-font-size:.75rem;--typo3-font-size-small:.6875rem;--typo3-font-family-sans-serif:Verdana,Arial,Helvetica,sans-serif;--typo3-font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;--typo3-font-family:var(--typo3-font-family-sans-serif);--typo3-font-family-code:var(--typo3-font-family-monospace);--typo3-line-height:1.5;--typo3-spacing:1rem;--typo3-header-font-family:"Open Sans Variable",sans-serif;--typo3-zindex-dropdown:1000;--typo3-zindex-modal-backdrop:1050;--typo3-zindex-modal:1055;--typo3-zindex-header:990;--typo3-text-color-base:light-dark(var(--token-color-neutral-90),var(--token-color-neutral-10));--typo3-text-color-link:var(--typo3-text-color-base);--typo3-text-color-variant:color-mix(in srgb,currentColor,transparent 35%);--typo3-text-color-primary:light-dark(var(--token-color-primary-60),var(--token-color-primary-30));--typo3-text-color-secondary:light-dark(var(--token-color-secondary-70),var(--token-color-secondary-35));--typo3-text-color-info:light-dark(var(--token-color-info-70),var(--token-color-info-40));--typo3-text-color-success:light-dark(var(--token-color-success-70),var(--token-color-success-50));--typo3-text-color-warning:light-dark(var(--token-color-warning-80),var(--token-color-warning-40));--typo3-text-color-danger:light-dark(var(--token-color-danger-60),var(--token-color-danger-40));--typo3-text-color-code:light-dark(var(--token-color-magenta-60),var(--token-color-magenta-35));--typo3-text-color-notice:light-dark(var(--token-color-notice-75),var(--token-color-notice-40));--typo3-text-color-default:var(--typo3-text-color-base);--typo3-status-indicator-primary-color:light-dark(var(--token-color-primary-60),var(--token-color-primary-30));--typo3-status-indicator-secondary-color:light-dark(var(--token-color-secondary-70),var(--token-color-secondary-35));--typo3-status-indicator-info-color:light-dark(var(--token-color-info-60),var(--token-color-info-40));--typo3-status-indicator-success-color:light-dark(var(--token-color-success-60),var(--token-color-success-50));--typo3-status-indicator-warning-color:light-dark(var(--token-color-warning-50),var(--token-color-warning-40));--typo3-status-indicator-danger-color:light-dark(var(--token-color-danger-60),var(--token-color-danger-40));--typo3-status-indicator-notice-color:light-dark(var(--token-color-notice-65),var(--token-color-notice-40));--typo3-status-indicator-default-color:currentColor;--typo3-surface-dim:light-dark(var(--token-color-neutral-13),var(--token-color-neutral-92));--typo3-surface-base:light-dark(var(--token-color-neutral-7),var(--token-color-neutral-84));--typo3-surface-bright:light-dark(var(--token-color-neutral-1),var(--token-color-neutral-76));--typo3-surface-container-lowest:light-dark(var(--token-color-neutral-1),var(--token-color-neutral-92));--typo3-surface-container-low:light-dark(var(--token-color-neutral-4),var(--token-color-neutral-88));--typo3-surface-container-base:light-dark(var(--token-color-neutral-7),var(--token-color-neutral-84));--typo3-surface-container-high:light-dark(var(--token-color-neutral-10),var(--token-color-neutral-80));--typo3-surface-container-highest:light-dark(var(--token-color-neutral-13),var(--token-color-neutral-76));--typo3-surface-primary:light-dark(var(--token-color-primary-60),var(--token-color-primary-70));--typo3-surface-primary-text:light-dark(var(--token-color-primary-1),var(--token-color-primary-1));--typo3-surface-container-primary:light-dark(var(--token-color-primary-10),var(--token-color-primary-90));--typo3-surface-container-primary-text:light-dark(var(--token-color-primary-90),var(--token-color-primary-10));--typo3-surface-secondary:light-dark(var(--token-color-secondary-70),var(--token-color-secondary-70));--typo3-surface-secondary-text:light-dark(var(--token-color-secondary-1),var(--token-color-secondary-1));--typo3-surface-container-secondary:light-dark(var(--token-color-secondary-10),var(--token-color-secondary-90));--typo3-surface-container-secondary-text:light-dark(var(--token-color-secondary-90),var(--token-color-secondary-10));--typo3-surface-info:light-dark(var(--token-color-info-20),var(--token-color-info-70));--typo3-surface-info-text:light-dark(var(--token-color-info-90),var(--token-color-info-1));--typo3-surface-container-info:light-dark(var(--token-color-info-10),var(--token-color-info-90));--typo3-surface-container-info-text:light-dark(var(--token-color-info-90),var(--token-color-info-10));--typo3-surface-success:light-dark(var(--token-color-success-70),var(--token-color-success-80));--typo3-surface-success-text:light-dark(var(--token-color-success-1),var(--token-color-success-1));--typo3-surface-container-success:light-dark(var(--token-color-success-10),var(--token-color-success-90));--typo3-surface-container-success-text:light-dark(var(--token-color-success-90),var(--token-color-success-10));--typo3-surface-warning:light-dark(var(--token-color-warning-40),var(--token-color-warning-80));--typo3-surface-warning-text:light-dark(var(--token-color-warning-90),var(--token-color-warning-1));--typo3-surface-container-warning:light-dark(var(--token-color-warning-10),var(--token-color-warning-90));--typo3-surface-container-warning-text:light-dark(var(--token-color-warning-90),var(--token-color-warning-10));--typo3-surface-danger:light-dark(var(--token-color-danger-50),var(--token-color-danger-70));--typo3-surface-danger-text:light-dark(var(--token-color-danger-1),var(--token-color-danger-1));--typo3-surface-container-danger:light-dark(var(--token-color-danger-10),var(--token-color-danger-90));--typo3-surface-container-danger-text:light-dark(var(--token-color-danger-90),var(--token-color-danger-10));--typo3-surface-notice:light-dark(var(--token-color-notice-75),var(--token-color-notice-85));--typo3-surface-notice-text:light-dark(var(--token-color-notice-1),var(--token-color-notice-1));--typo3-surface-container-notice:light-dark(var(--token-color-notice-10),var(--token-color-notice-90));--typo3-surface-container-notice-text:light-dark(var(--token-color-notice-95),var(--token-color-notice-1));--typo3-surface-default:light-dark(var(--token-color-neutral-6),var(--token-color-neutral-93));--typo3-surface-default-text:light-dark(var(--token-color-neutral-90),var(--token-color-neutral-15));--typo3-surface-container-default:light-dark(var(--token-color-neutral-6),var(--token-color-neutral-93));--typo3-surface-container-default-text:light-dark(var(--token-color-neutral-90),var(--token-color-neutral-15));--typo3-border-mix:17.5%;--typo3-outline-width:.25rem;--typo3-outline-style:solid;--typo3-outline-transparent-mix:25%;--typo3-overlay-bg:#000;--typo3-overlay-opacity:.75;--typo3-transition-color:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,opacity .15s ease-in-out;--typo3-state-default-color:light-dark(var(--token-color-neutral-90),var(--token-color-neutral-15));--typo3-state-default-bg:light-dark(var(--token-color-neutral-3),var(--token-color-neutral-85));--typo3-state-default-border-color:light-dark(var(--token-color-neutral-30),var(--token-color-neutral-70));--typo3-state-default-hover-color:var(--typo3-state-default-color);--typo3-state-default-hover-bg:light-dark(var(--token-color-neutral-10),var(--token-color-neutral-80));--typo3-state-default-hover-border-color:light-dark(var(--token-color-neutral-35),var(--token-color-neutral-70));--typo3-state-default-focus-color:var(--typo3-state-default-color);--typo3-state-default-focus-bg:light-dark(var(--token-color-neutral-15),var(--token-color-neutral-75));--typo3-state-default-focus-border-color:light-dark(var(--token-color-neutral-40),var(--token-color-neutral-65));--typo3-state-default-disabled-color:var(--typo3-state-default-color);--typo3-state-default-disabled-bg:var(--typo3-state-default-bg);--typo3-state-default-disabled-border-color:var(--typo3-state-default-border-color);--typo3-state-primary-color:light-dark(var(--token-color-primary-1),var(--token-color-primary-1));--typo3-state-primary-bg:light-dark(var(--token-color-primary-60),var(--token-color-primary-70));--typo3-state-primary-border-color:light-dark(var(--token-color-primary-65),var(--token-color-primary-65));--typo3-state-primary-hover-color:var(--typo3-state-primary-color);--typo3-state-primary-hover-bg:light-dark(var(--token-color-primary-65),var(--token-color-primary-65));--typo3-state-primary-hover-border-color:light-dark(var(--token-color-primary-70),var(--token-color-primary-60));--typo3-state-primary-focus-color:var(--typo3-state-primary-color);--typo3-state-primary-focus-bg:light-dark(var(--token-color-primary-70),var(--token-color-primary-60));--typo3-state-primary-focus-border-color:light-dark(var(--token-color-primary-75),var(--token-color-primary-55));--typo3-state-primary-disabled-color:var(--typo3-state-primary-color);--typo3-state-primary-disabled-bg:var(--typo3-state-primary-bg);--typo3-state-primary-disabled-border-color:var(--typo3-state-primary-border-color);--typo3-state-secondary-color:light-dark(var(--token-color-secondary-1),var(--token-color-secondary-1));--typo3-state-secondary-bg:light-dark(var(--token-color-secondary-70),var(--token-color-secondary-70));--typo3-state-secondary-border-color:light-dark(var(--token-color-secondary-75),var(--token-color-secondary-65));--typo3-state-secondary-hover-color:var(--typo3-state-secondary-color);--typo3-state-secondary-hover-bg:light-dark(var(--token-color-secondary-75),var(--token-color-secondary-65));--typo3-state-secondary-hover-border-color:light-dark(var(--token-color-secondary-80),var(--token-color-secondary-60));--typo3-state-secondary-focus-color:var(--typo3-state-secondary-color);--typo3-state-secondary-focus-bg:light-dark(var(--token-color-secondary-80),var(--token-color-secondary-60));--typo3-state-secondary-focus-border-color:light-dark(var(--token-color-secondary-85),var(--token-color-secondary-55));--typo3-state-secondary-disabled-color:var(--typo3-state-secondary-color);--typo3-state-secondary-disabled-bg:var(--typo3-state-secondary-bg);--typo3-state-secondary-disabled-border-color:var(--typo3-state-secondary-border-color);--typo3-state-success-color:light-dark(var(--token-color-success-1),var(--token-color-success-1));--typo3-state-success-bg:light-dark(var(--token-color-success-70),var(--token-color-success-80));--typo3-state-success-border-color:light-dark(var(--token-color-success-80),var(--token-color-success-70));--typo3-state-success-hover-color:var(--typo3-state-success-color);--typo3-state-success-hover-bg:light-dark(var(--token-color-success-75),var(--token-color-success-75));--typo3-state-success-hover-border-color:light-dark(var(--token-color-success-85),var(--token-color-success-65));--typo3-state-success-focus-color:var(--typo3-state-success-color);--typo3-state-success-focus-bg:light-dark(var(--token-color-success-80),var(--token-color-success-70));--typo3-state-success-focus-border-color:light-dark(var(--token-color-success-90),var(--token-color-success-60));--typo3-state-success-disabled-color:var(--typo3-state-success-color);--typo3-state-success-disabled-bg:var(--typo3-state-success-bg);--typo3-state-success-disabled-border-color:var(--typo3-state-success-border-color);--typo3-state-warning-color:light-dark(var(--token-color-warning-90),var(--token-color-warning-1));--typo3-state-warning-bg:light-dark(var(--token-color-warning-35),var(--token-color-warning-80));--typo3-state-warning-border-color:light-dark(var(--token-color-warning-45),var(--token-color-warning-70));--typo3-state-warning-hover-color:var(--typo3-state-warning-color);--typo3-state-warning-hover-bg:light-dark(var(--token-color-warning-40),var(--token-color-warning-75));--typo3-state-warning-hover-border-color:light-dark(var(--token-color-warning-50),var(--token-color-warning-65));--typo3-state-warning-focus-color:var(--typo3-state-warning-color);--typo3-state-warning-focus-bg:light-dark(var(--token-color-warning-45),var(--token-color-warning-70));--typo3-state-warning-focus-border-color:light-dark(var(--token-color-warning-55),var(--token-color-warning-60));--typo3-state-warning-disabled-color:var(--typo3-state-warning-color);--typo3-state-warning-disabled-bg:var(--typo3-state-warning-bg);--typo3-state-warning-disabled-border-color:var(--typo3-state-warning-border-color);--typo3-state-danger-color:light-dark(var(--token-color-danger-1),var(--token-color-danger-1));--typo3-state-danger-bg:light-dark(var(--token-color-danger-55),var(--token-color-danger-70));--typo3-state-danger-border-color:light-dark(var(--token-color-danger-65),var(--token-color-danger-60));--typo3-state-danger-hover-color:var(--typo3-state-danger-color);--typo3-state-danger-hover-bg:light-dark(var(--token-color-danger-60),var(--token-color-danger-65));--typo3-state-danger-hover-border-color:light-dark(var(--token-color-danger-70),var(--token-color-danger-55));--typo3-state-danger-focus-color:var(--typo3-state-danger-color);--typo3-state-danger-focus-bg:light-dark(var(--token-color-danger-65),var(--token-color-danger-60));--typo3-state-danger-focus-border-color:light-dark(var(--token-color-danger-75),var(--token-color-danger-50));--typo3-state-danger-disabled-color:var(--typo3-state-danger-color);--typo3-state-danger-disabled-bg:var(--typo3-state-danger-bg);--typo3-state-danger-disabled-border-color:var(--typo3-state-danger-border-color);--typo3-state-info-color:light-dark(var(--token-color-info-90),var(--token-color-info-1));--typo3-state-info-bg:light-dark(var(--token-color-info-20),var(--token-color-info-85));--typo3-state-info-border-color:light-dark(var(--token-color-info-30),var(--token-color-info-75));--typo3-state-info-hover-color:var(--typo3-state-info-color);--typo3-state-info-hover-bg:light-dark(var(--token-color-info-25),var(--token-color-info-80));--typo3-state-info-hover-border-color:light-dark(var(--token-color-info-35),var(--token-color-info-70));--typo3-state-info-focus-color:var(--typo3-state-info-color);--typo3-state-info-focus-bg:light-dark(var(--token-color-info-30),var(--token-color-info-75));--typo3-state-info-focus-border-color:light-dark(var(--token-color-info-40),var(--token-color-info-65));--typo3-state-info-disabled-color:var(--typo3-state-info-color);--typo3-state-info-disabled-bg:var(--typo3-state-info-bg);--typo3-state-info-disabled-border-color:var(--typo3-state-info-border-color);--typo3-state-notice-color:light-dark(var(--token-color-notice-1),var(--token-color-notice-15));--typo3-state-notice-bg:light-dark(var(--token-color-notice-75),var(--token-color-notice-75));--typo3-state-notice-border-color:light-dark(var(--token-color-notice-85),var(--token-color-notice-65));--typo3-state-notice-hover-color:var(--typo3-state-notice-color);--typo3-state-notice-hover-bg:light-dark(var(--token-color-notice-80),var(--token-color-notice-70));--typo3-state-notice-hover-border-color:light-dark(var(--token-color-notice-90),var(--token-color-notice-60));--typo3-state-notice-focus-color:var(--typo3-state-notice-color);--typo3-state-notice-focus-bg:light-dark(var(--token-color-notice-85),var(--token-color-notice-65));--typo3-state-notice-focus-border-color:light-dark(var(--token-color-notice-95),var(--token-color-notice-55));--typo3-state-notice-disabled-color:var(--typo3-state-notice-color);--typo3-state-notice-disabled-bg:var(--typo3-state-notice-bg);--typo3-state-notice-disabled-border-color:var(--typo3-state-notice-border-color);--typo3-state-red-color:light-dark(var(--token-color-red-1),var(--token-color-red-1));--typo3-state-red-bg:light-dark(var(--token-color-red-55),var(--token-color-red-70));--typo3-state-red-border-color:light-dark(var(--token-color-red-65),var(--token-color-red-60));--typo3-state-red-hover-color:var(--typo3-state-red-color);--typo3-state-red-hover-bg:light-dark(var(--token-color-red-60),var(--token-color-red-65));--typo3-state-red-hover-border-color:light-dark(var(--token-color-red-70),var(--token-color-red-55));--typo3-state-red-focus-color:var(--typo3-state-red-color);--typo3-state-red-focus-bg:light-dark(var(--token-color-red-65),var(--token-color-red-60));--typo3-state-red-focus-border-color:light-dark(var(--token-color-red-75),var(--token-color-red-50));--typo3-state-red-disabled-color:var(--typo3-state-red-color);--typo3-state-red-disabled-bg:var(--typo3-state-red-bg);--typo3-state-red-disabled-border-color:var(--typo3-state-red-border-color);--typo3-state-orange-color:light-dark(var(--token-color-orange-90),var(--token-color-orange-1));--typo3-state-orange-bg:light-dark(var(--token-color-orange-40),var(--token-color-orange-75));--typo3-state-orange-border-color:light-dark(var(--token-color-orange-50),var(--token-color-orange-65));--typo3-state-orange-hover-color:var(--typo3-state-orange-color);--typo3-state-orange-hover-bg:light-dark(var(--token-color-orange-45),var(--token-color-orange-70));--typo3-state-orange-hover-border-color:light-dark(var(--token-color-orange-55),var(--token-color-orange-60));--typo3-state-orange-focus-color:var(--typo3-state-orange-color);--typo3-state-orange-focus-bg:light-dark(var(--token-color-orange-50),var(--token-color-orange-65));--typo3-state-orange-focus-border-color:light-dark(var(--token-color-orange-60),var(--token-color-orange-55));--typo3-state-orange-disabled-color:var(--typo3-state-orange-color);--typo3-state-orange-disabled-bg:var(--typo3-state-orange-bg);--typo3-state-orange-disabled-border-color:var(--typo3-state-orange-border-color);--typo3-state-yellow-color:light-dark(var(--token-color-yellow-90),var(--token-color-yellow-1));--typo3-state-yellow-bg:light-dark(var(--token-color-yellow-35),var(--token-color-yellow-80));--typo3-state-yellow-border-color:light-dark(var(--token-color-yellow-45),var(--token-color-yellow-70));--typo3-state-yellow-hover-color:var(--typo3-state-yellow-color);--typo3-state-yellow-hover-bg:light-dark(var(--token-color-yellow-40),var(--token-color-yellow-75));--typo3-state-yellow-hover-border-color:light-dark(var(--token-color-yellow-50),var(--token-color-yellow-65));--typo3-state-yellow-focus-color:var(--typo3-state-yellow-color);--typo3-state-yellow-focus-bg:light-dark(var(--token-color-yellow-45),var(--token-color-yellow-70));--typo3-state-yellow-focus-border-color:light-dark(var(--token-color-yellow-55),var(--token-color-yellow-60));--typo3-state-yellow-disabled-color:var(--typo3-state-yellow-color);--typo3-state-yellow-disabled-bg:var(--typo3-state-yellow-bg);--typo3-state-yellow-disabled-border-color:var(--typo3-state-yellow-border-color);--typo3-state-lime-color:light-dark(var(--token-color-lime-90),var(--token-color-lime-1));--typo3-state-lime-bg:light-dark(var(--token-color-lime-35),var(--token-color-lime-85));--typo3-state-lime-border-color:light-dark(var(--token-color-lime-45),var(--token-color-lime-75));--typo3-state-lime-hover-color:var(--typo3-state-lime-color);--typo3-state-lime-hover-bg:light-dark(var(--token-color-lime-40),var(--token-color-lime-80));--typo3-state-lime-hover-border-color:light-dark(var(--token-color-lime-50),var(--token-color-lime-70));--typo3-state-lime-focus-color:var(--typo3-state-lime-color);--typo3-state-lime-focus-bg:light-dark(var(--token-color-lime-45),var(--token-color-lime-75));--typo3-state-lime-focus-border-color:light-dark(var(--token-color-lime-55),var(--token-color-lime-65));--typo3-state-lime-disabled-color:var(--typo3-state-lime-color);--typo3-state-lime-disabled-bg:var(--typo3-state-lime-bg);--typo3-state-lime-disabled-border-color:var(--typo3-state-lime-border-color);--typo3-state-green-color:light-dark(var(--token-color-green-1),var(--token-color-green-1));--typo3-state-green-bg:light-dark(var(--token-color-green-70),var(--token-color-green-80));--typo3-state-green-border-color:light-dark(var(--token-color-green-80),var(--token-color-green-70));--typo3-state-green-hover-color:var(--typo3-state-green-color);--typo3-state-green-hover-bg:light-dark(var(--token-color-green-75),var(--token-color-green-75));--typo3-state-green-hover-border-color:light-dark(var(--token-color-green-85),var(--token-color-green-65));--typo3-state-green-focus-color:var(--typo3-state-green-color);--typo3-state-green-focus-bg:light-dark(var(--token-color-green-80),var(--token-color-green-70));--typo3-state-green-focus-border-color:light-dark(var(--token-color-green-90),var(--token-color-green-60));--typo3-state-green-disabled-color:var(--typo3-state-green-color);--typo3-state-green-disabled-bg:var(--typo3-state-green-bg);--typo3-state-green-disabled-border-color:var(--typo3-state-green-border-color);--typo3-state-teal-color:light-dark(var(--token-color-teal-90),var(--token-color-teal-1));--typo3-state-teal-bg:light-dark(var(--token-color-teal-35),var(--token-color-teal-80));--typo3-state-teal-border-color:light-dark(var(--token-color-teal-45),var(--token-color-teal-70));--typo3-state-teal-hover-color:var(--typo3-state-teal-color);--typo3-state-teal-hover-bg:light-dark(var(--token-color-teal-40),var(--token-color-teal-75));--typo3-state-teal-hover-border-color:light-dark(var(--token-color-teal-50),var(--token-color-teal-65));--typo3-state-teal-focus-color:var(--typo3-state-teal-color);--typo3-state-teal-focus-bg:light-dark(var(--token-color-teal-45),var(--token-color-teal-70));--typo3-state-teal-focus-border-color:light-dark(var(--token-color-teal-55),var(--token-color-teal-60));--typo3-state-teal-disabled-color:var(--typo3-state-teal-color);--typo3-state-teal-disabled-bg:var(--typo3-state-teal-bg);--typo3-state-teal-disabled-border-color:var(--typo3-state-teal-border-color);--typo3-state-blue-color:light-dark(var(--token-color-blue-1),var(--token-color-blue-1));--typo3-state-blue-bg:light-dark(var(--token-color-blue-55),var(--token-color-blue-70));--typo3-state-blue-border-color:light-dark(var(--token-color-blue-65),var(--token-color-blue-60));--typo3-state-blue-hover-color:var(--typo3-state-blue-color);--typo3-state-blue-hover-bg:light-dark(var(--token-color-blue-60),var(--token-color-blue-65));--typo3-state-blue-hover-border-color:light-dark(var(--token-color-blue-70),var(--token-color-blue-55));--typo3-state-blue-focus-color:var(--typo3-state-blue-color);--typo3-state-blue-focus-bg:light-dark(var(--token-color-blue-65),var(--token-color-blue-60));--typo3-state-blue-focus-border-color:light-dark(var(--token-color-blue-75),var(--token-color-blue-50));--typo3-state-blue-disabled-color:var(--typo3-state-blue-color);--typo3-state-blue-disabled-bg:var(--typo3-state-blue-bg);--typo3-state-blue-disabled-border-color:var(--typo3-state-blue-border-color);--typo3-state-indigo-color:light-dark(var(--token-color-indigo-1),var(--token-color-indigo-1));--typo3-state-indigo-bg:light-dark(var(--token-color-indigo-55),var(--token-color-indigo-70));--typo3-state-indigo-border-color:light-dark(var(--token-color-indigo-65),var(--token-color-indigo-60));--typo3-state-indigo-hover-color:var(--typo3-state-indigo-color);--typo3-state-indigo-hover-bg:light-dark(var(--token-color-indigo-60),var(--token-color-indigo-65));--typo3-state-indigo-hover-border-color:light-dark(var(--token-color-indigo-70),var(--token-color-indigo-55));--typo3-state-indigo-focus-color:var(--typo3-state-indigo-color);--typo3-state-indigo-focus-bg:light-dark(var(--token-color-indigo-65),var(--token-color-indigo-60));--typo3-state-indigo-focus-border-color:light-dark(var(--token-color-indigo-75),var(--token-color-indigo-50));--typo3-state-indigo-disabled-color:var(--typo3-state-indigo-color);--typo3-state-indigo-disabled-bg:var(--typo3-state-indigo-bg);--typo3-state-indigo-disabled-border-color:var(--typo3-state-indigo-border-color);--typo3-state-purple-color:light-dark(var(--token-color-purple-1),var(--token-color-purple-1));--typo3-state-purple-bg:light-dark(var(--token-color-purple-55),var(--token-color-purple-70));--typo3-state-purple-border-color:light-dark(var(--token-color-purple-65),var(--token-color-purple-60));--typo3-state-purple-hover-color:var(--typo3-state-purple-color);--typo3-state-purple-hover-bg:light-dark(var(--token-color-purple-60),var(--token-color-purple-65));--typo3-state-purple-hover-border-color:light-dark(var(--token-color-purple-70),var(--token-color-purple-55));--typo3-state-purple-focus-color:var(--typo3-state-purple-color);--typo3-state-purple-focus-bg:light-dark(var(--token-color-purple-65),var(--token-color-purple-60));--typo3-state-purple-focus-border-color:light-dark(var(--token-color-purple-75),var(--token-color-purple-50));--typo3-state-purple-disabled-color:var(--typo3-state-purple-color);--typo3-state-purple-disabled-bg:var(--typo3-state-purple-bg);--typo3-state-purple-disabled-border-color:var(--typo3-state-purple-border-color);--typo3-state-magenta-color:light-dark(var(--token-color-magenta-1),var(--token-color-magenta-1));--typo3-state-magenta-bg:light-dark(var(--token-color-magenta-55),var(--token-color-magenta-70));--typo3-state-magenta-border-color:light-dark(var(--token-color-magenta-65),var(--token-color-magenta-60));--typo3-state-magenta-hover-color:var(--typo3-state-magenta-color);--typo3-state-magenta-hover-bg:light-dark(var(--token-color-magenta-60),var(--token-color-magenta-65));--typo3-state-magenta-hover-border-color:light-dark(var(--token-color-magenta-70),var(--token-color-magenta-55));--typo3-state-magenta-focus-color:var(--typo3-state-magenta-color);--typo3-state-magenta-focus-bg:light-dark(var(--token-color-magenta-65),var(--token-color-magenta-60));--typo3-state-magenta-focus-border-color:light-dark(var(--token-color-magenta-75),var(--token-color-magenta-50));--typo3-state-magenta-disabled-color:var(--typo3-state-magenta-color);--typo3-state-magenta-disabled-bg:var(--typo3-state-magenta-bg);--typo3-state-magenta-disabled-border-color:var(--typo3-state-magenta-border-color);--typo3-shadow-2:0 1px 2px light-dark(rgba(0,0,0,.04),rgba(0,0,0,.25)),0 1px 2px light-dark(rgba(0,0,0,.08),rgba(0,0,0,.35));--typo3-shadow-4:0 2px 4px light-dark(rgba(0,0,0,.04),rgba(0,0,0,.25)),0 2px 4px light-dark(rgba(0,0,0,.08),rgba(0,0,0,.35));--typo3-shadow-8:0 4px 8px light-dark(rgba(0,0,0,.04),rgba(0,0,0,.25)),0 4px 8px light-dark(rgba(0,0,0,.08),rgba(0,0,0,.35));--typo3-shadow-16:0 8px 16px light-dark(rgba(0,0,0,.04),rgba(0,0,0,.25)),0 8px 16px light-dark(rgba(0,0,0,.08),rgba(0,0,0,.35));--typo3-shadow-28:0 14px 28px light-dark(rgba(0,0,0,.04),rgba(0,0,0,.25)),0 14px 28px light-dark(rgba(0,0,0,.08),rgba(0,0,0,.35));--typo3-shadow-64:0 0 4px light-dark(rgba(0,0,0,.04),rgba(0,0,0,.25)),0 32px 64px light-dark(rgba(0,0,0,.08),rgba(0,0,0,.35));--typo3-shadow-type-basic:var(--typo3-shadow-2);--typo3-shadow-type-strong:var(--typo3-shadow-4);--typo3-shadow-type-tooltip:var(--typo3-shadow-8);--typo3-shadow-type-flyout:var(--typo3-shadow-16);--typo3-shadow-type-dialog:var(--typo3-shadow-28);--typo3-shadow-type-window:var(--typo3-shadow-64);--typo3-component-color:var(--typo3-text-color-base);--typo3-component-variant-color:var(--typo3-text-color-variant);--typo3-component-primary-color:var(--typo3-text-color-primary);--typo3-component-secondary-color:var(--typo3-text-color-secondary);--typo3-component-match-highlight-color:inherit;--typo3-component-match-highlight-bg:color-mix(in srgb,light-dark(var(--token-color-orange-30),var(--token-color-orange-70)),transparent 50%);--typo3-component-bg:var(--typo3-surface-container-low);--typo3-component-link-color:var(--typo3-text-color-primary);--typo3-component-link-hover-color:color-mix(in srgb,var(--typo3-component-link-color),var(--typo3-component-color) 15%);--typo3-component-font-size:var(--typo3-font-size);--typo3-component-line-height:var(--typo3-line-height);--typo3-component-border-radius:.75em;--typo3-component-border-width:1px;--typo3-component-border-color:color-mix(in srgb,var(--typo3-component-bg),var(--typo3-component-color) var(--typo3-border-mix));--typo3-component-padding-y:.75rem;--typo3-component-padding-x:1rem;--typo3-component-box-shadow:var(--typo3-shadow-2);--typo3-component-box-shadow-strong:var(--typo3-shadow-type-strong);--typo3-component-box-shadow-tooltip:var(--typo3-shadow-type-tooltip);--typo3-component-box-shadow-flyout:var(--typo3-shadow-type-flyout);--typo3-component-box-shadow-dialog:var(--typo3-shadow-type-dialog);--typo3-component-box-shadow-window:var(--typo3-shadow-type-window);--typo3-component-hover-color:var(--typo3-state-default-hover-color);--typo3-component-hover-bg:var(--typo3-state-default-hover-bg);--typo3-component-hover-border-color:var(--typo3-state-default-hover-border-color);--typo3-component-focus-color:var(--typo3-state-default-focus-color);--typo3-component-focus-bg:var(--typo3-state-default-focus-bg);--typo3-component-focus-border-color:var(--typo3-state-default-focus-border-color);--typo3-component-active-color:var(--typo3-state-primary-color);--typo3-component-active-bg:var(--typo3-state-primary-bg);--typo3-component-active-border-color:var(--typo3-state-primary-border-color);--typo3-component-disabled-color:var(--typo3-text-color-variant);--typo3-component-disabled-bg:var(--typo3-surface-container-base);--typo3-component-disabled-border-color:var(--typo3-component-border-color);--typo3-component-spacing:2rem;--typo3-list-item-padding-y:.5rem;--typo3-list-item-padding-x:.75rem;--typo3-list-item-hover-color:var(--typo3-component-hover-color);--typo3-list-item-hover-bg:var(--typo3-component-hover-bg);--typo3-list-item-hover-border-color:var(--typo3-component-hover-border-color);--typo3-list-item-focus-color:var(--typo3-component-focus-color);--typo3-list-item-focus-bg:var(--typo3-component-focus-bg);--typo3-list-item-focus-border-color:var(--typo3-component-focus-border-color);--typo3-list-item-active-color:var(--typo3-component-active-color);--typo3-list-item-active-bg:var(--typo3-component-active-bg);--typo3-list-item-active-border-color:var(--typo3-component-active-border-color);--typo3-list-item-disabled-color:var(--typo3-component-disabled-color);--typo3-list-item-disabled-bg:var(--typo3-component-disabled-bg);--typo3-list-item-disabled-border-color:var(--typo3-component-disabled-border-color);--typo3-input-font-size:.75rem;--typo3-input-line-height:1.5;--typo3-input-padding-y:.5rem;--typo3-input-padding-x:.75rem;--typo3-input-sm-padding-y:.3125rem;--typo3-input-sm-padding-x:.5rem;--typo3-input-sm-font-size:.6875rem;--typo3-input-border-width:1px;--typo3-input-border-radius:.75em;--typo3-input-color:var(--typo3-text-color-base);--typo3-input-bg:var(--typo3-surface-container-lowest);--typo3-input-group-addon-bg:color-mix(in srgb,var(--typo3-input-bg),var(--typo3-input-color) 10%);--typo3-input-border-color:var(--typo3-state-default-border-color);--typo3-input-hover-color:var(--typo3-input-color);--typo3-input-hover-bg:var(--typo3-input-bg);--typo3-input-hover-border-color:var(--typo3-state-default-hover-border-color);--typo3-input-focus-color:var(--typo3-input-color);--typo3-input-focus-bg:var(--typo3-input-bg);--typo3-input-focus-border-color:var(--typo3-state-primary-focus-border-color);--typo3-input-active-color:var(--typo3-state-primary-color);--typo3-input-active-bg:var(--typo3-state-primary-bg);--typo3-input-active-border-color:var(--typo3-state-primary-focus-border-color);--typo3-input-disabled-color:var(--typo3-state-default-disabled-color);--typo3-input-disabled-bg:var(--typo3-state-default-disabled-bg);--typo3-input-disabled-border-color:var(--typo3-state-default-disabled-border-color);--typo3-input-disabled-opacity:.65;--typo3-icons-close:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M11.9 5.5 9.4 8l2.5 2.5c.2.2.2.5 0 .7l-.7.7c-.2.2-.5.2-.7 0L8 9.4l-2.5 2.5c-.2.2-.5.2-.7 0l-.7-.7c-.2-.2-.2-.5 0-.7L6.6 8 4.1 5.5c-.2-.2-.2-.5 0-.7l.7-.7c.2-.2.5-.2.7 0L8 6.6l2.5-2.5c.2-.2.5-.2.7 0l.7.7c.2.2.2.5 0 .7'/%3E%3C/svg%3E");--typo3-icons-check:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='m13.3 4.8-.7-.7c-.2-.2-.5-.2-.7 0L6.5 9.5 4 6.9c-.2-.2-.5-.2-.7 0l-.6.7c-.2.2-.2.5 0 .7l3.6 3.6c.2.2.5.2.7 0l6.4-6.4c.1-.2.1-.5-.1-.7'/%3E%3C/svg%3E");--typo3-icons-chevron-down:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='m4.464 6.05-.707.707L8 11l4.243-4.243-.707-.707L8 9.586z'/%3E%3C/svg%3E");--typo3-icons-accent:light-dark(var(--token-color-primary-45),var(--token-color-primary-35));--typo3-scaffold-color:var(--typo3-text-color-base);--typo3-scaffold-bg:var(--typo3-surface-base);--typo3-scaffold-border-color:color-mix(in srgb,var(--typo3-surface-base),var(--typo3-scaffold-color) var(--typo3-scaffold-border-mix));--typo3-scaffold-border-mix:10%;--typo3-scaffold-gap:.5rem;--typo3-scaffold-header-height:3.75rem;--typo3-scaffold-header-color:var(--typo3-text-color-base);--typo3-scaffold-header-bg:var(--typo3-surface-bright);--typo3-scaffold-header-box-shadow:var(--typo3-shadow-2);--typo3-scaffold-header-item-height:2.5rem;--typo3-scaffold-header-item-width:2.5rem;--typo3-scaffold-header-item-border-radius:.75rem;--typo3-scaffold-header-padding-y:.5rem;--typo3-scaffold-header-padding-x:.5rem;--typo3-scaffold-header-foldout-bg:var(--typo3-surface-container-high);--typo3-scaffold-header-zindex:var(--typo3-zindex-header);--typo3-scaffold-sidebar-color:var(--typo3-text-color-base);--typo3-scaffold-sidebar-bg:var(--typo3-surface-container-high);--typo3-scaffold-sidebar-boder-color:color-mix(in srgb,var(--typo3-scaffold-sidebar-bg),var(--typo3-scaffold-sidebar-color) var(--typo3-scaffold-border-mix));--typo3-scaffold-sidebar-border-width:1px;--typo3-scaffold-sidebar-collapsed-width:minmax(0,min-content);--typo3-scaffold-sidebar-expanded-width:240px;--typo3-scaffold-sidebar-box-shadow:var(--typo3-shadow-type-flyout);--typo3-scaffold-sidebar-width:var(--typo3-scaffold-sidebar-collapsed-width)}
+:root.t3js-disable-transitions{--typo3-transition-color:none}
+[data-color-scheme=dark]{color-scheme:only dark}
+[data-color-scheme=light]{color-scheme:only light}
+[data-theme=classic]{--typo3-color-neutral-mix:0%;--typo3-color-state-harmonize:0%;--typo3-icons-accent:light-dark(#ff8700,#ff8700)}
+[data-theme=classic] .scaffold-header,[data-theme=classic] .scaffold-sidebar{color-scheme:only dark}
+[data-theme=fresh]{--typo3-color-neutral-mix:12%;--token-color-primary-base:#5033c7;--token-color-secondary-base:hsl(from var(--token-color-primary-base) h 10% l);--typo3-scaffold-header-color:var(--typo3-surface-primary-text);--typo3-scaffold-header-bg:light-dark(hsl(from var(--token-color-primary-base) h calc(s * .67) 20%),hsl(from var(--token-color-primary-base) h calc(s * .42) 20%));--typo3-scaffold-header-box-shadow:none;--typo3-scaffold-sidebar-color:var(--typo3-surface-primary-text);--typo3-scaffold-sidebar-bg:light-dark(hsl(from var(--token-color-primary-base) h calc(s * .67) 20%),hsl(from var(--token-color-primary-base) h calc(s * .42) 20%));--typo3-scaffold-sidebar-border-width:0}
+[data-theme=fresh] .scaffold-sidebar{--typo3-icons-accent:light-dark(hsl(from var(--token-color-primary-base) h s 75%),hsl(from var(--token-color-primary-base) h s 70%))}
+@media (min-width:992px){
+[data-theme=fresh] .scaffold-content:before{--size:1rem;background-color:var(--typo3-scaffold-sidebar-bg);content:"";height:calc(var(--size)*2);inset-inline-start:calc(var(--size)*-1);-webkit-mask:radial-gradient(circle at var(--typo3-position-end-percent) 100%,transparent calc(var(--size) - .5px),#000 calc(var(--size) + .5px));mask:radial-gradient(circle at var(--typo3-position-end-percent) 100%,transparent calc(var(--size) - .5px),#000 calc(var(--size) + .5px));position:absolute;top:calc(var(--size)*-1);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:calc(var(--size)*2);z-index:calc(var(--typo3-zindex-header) + 2)}
+[data-theme=fresh] .modal-position-sheet{--typo3-modal-border-radius:1rem}}
+:root.t3js-disable-transitions,:root.t3js-disable-transitions *,:root.t3js-disable-transitions :after,:root.t3js-disable-transitions :before{transition:none!important}
+:root{--typo3-position-modifier:1;--typo3-position-start-percent:0%;--typo3-position-end-percent:100%;--typo3-position-start:left;--typo3-position-end:right}
+[dir=rtl]{--typo3-position-modifier:-1;--typo3-position-start-percent:100%;--typo3-position-end-percent:0%;--typo3-position-start:right;--typo3-position-end:left}
+*{scrollbar-color:color-mix(in srgb,currentColor,transparent 75%) transparent}
+:root,body{background-color:var(--typo3-scaffold-bg);color:var(--typo3-scaffold-color)}
+body{font-size:var(--typo3-font-size);min-height:100%}
+.scaffold,iframe{background-color:var(--typo3-scaffold-bg);color:var(--typo3-scaffold-color)}
+.scaffold{contain:strict;display:grid;grid-template-columns:clamp(0%,var(--typo3-scaffold-sidebar-expanded-width),75%) 1fr;grid-template-rows:auto auto 1fr;height:100dvh;position:relative;width:100%}
+.scaffold-state{grid-column:1/3;grid-row:1}
+.scaffold-header{grid-column:1/3;grid-row:2}
+.scaffold-sidebar{background-color:var(--typo3-scaffold-sidebar-bg);color:var(--typo3-scaffold-sidebar-color);display:none;overflow:hidden;z-index:calc(var(--typo3-scaffold-header-zindex) - 1);-webkit-border-end:var(--typo3-scaffold-sidebar-border-width) solid var(--typo3-scaffold-sidebar-boder-color);border-inline-end:var(--typo3-scaffold-sidebar-border-width) solid var(--typo3-scaffold-sidebar-boder-color);grid-column:1/3;grid-row:3;transform:translateX(-100%);transition:transform .25s ease-in-out,display allow-discrete .25s ease-in-out}
+@container (min-width: 320px){
+.scaffold-sidebar{grid-column:1/2}}
+.scaffold-content{grid-column:1/3;grid-row:3}
+.scaffold-sidebar-flyout .scaffold-sidebar{box-shadow:var(--typo3-scaffold-sidebar-box-shadow);display:block;transform:translateX(0)}
+@starting-style{
+.scaffold-sidebar-flyout .scaffold-sidebar{transform:translateX(-100%)}}
+@container (min-width: 992px){
+.scaffold{grid-template-columns:var(--typo3-scaffold-sidebar-width) 1fr}
+.scaffold-sidebar-expanded{--typo3-scaffold-sidebar-width:var(--typo3-scaffold-sidebar-expanded-width)}
+.scaffold-sidebar{display:flex;flex-direction:column;grid-column:1/2;transform:none;transition:none}
+.scaffold-sidebar.scaffold-sidebar-disabled{display:none}
+.scaffold-sidebar.scaffold-sidebar-disabled+.scaffold-content{grid-column:1/3}
+.scaffold-sidebar.scaffold-sidebar-disabled+.scaffold-content:before{display:none}
+.scaffold-content{grid-column:2/3}}
+.scaffold-header{align-items:center;background-color:var(--typo3-scaffold-header-bg);box-shadow:var(--typo3-scaffold-header-box-shadow);color:var(--typo3-scaffold-header-color);display:flex;gap:var(--typo3-scaffold-gap);height:var(--typo3-scaffold-header-height);padding:var(--typo3-scaffold-header-padding-y) var(--typo3-scaffold-header-padding-x);z-index:var(--typo3-scaffold-header-zindex)}
+.scaffold-topbar{align-items:center;display:flex;flex-grow:1}
+.scaffold-toolbar{display:none;z-index:var(--typo3-zindex-dropdown)}
+@media (min-width:992px){
+.scaffold-toolbar{background-color:transparent;bottom:auto;display:block;inset-inline-start:auto;overflow:visible}}
+@media (max-width:991.98px){
+.scaffold-toolbar-expanded .scaffold-toolbar{background-color:var(--typo3-scaffold-header-foldout-bg);display:block;height:calc(100dvh - var(--typo3-scaffold-header-height));position:absolute;top:var(--typo3-scaffold-header-height);inset-inline:0;overflow:auto;padding:1rem .5rem}
+.scaffold-toolbar-expanded .scaffold-toolbar:before{box-shadow:var(--typo3-scaffold-header-box-shadow);content:"";height:1px;position:fixed;top:calc(var(--typo3-scaffold-header-height) - 1px);inset-inline:0}}
+.scaffold-content{background:var(--typo3-scaffold-bg);overflow:auto;position:relative!important}
+.scaffold-content-module{height:100%}
+.scaffold-content-module-iframe{border:none;display:block;height:100%;width:100%}
+.scaffold-content typo3-backend-content-navigation [slot=navigation]{display:flex;flex-direction:column;height:100%}
+.scaffold-content typo3-backend-content-navigation [slot=content]{display:flex;flex:1 0 0;flex-direction:row;height:100%}
+.scaffold-overlay{background-color:var(--typo3-overlay-bg);display:none;grid-column:1/3;grid-row:3;opacity:0;transition:opacity .25s ease-in-out,display allow-discrete .25s ease-in-out;z-index:calc(var(--typo3-scaffold-header-zindex) - 2)}
+.scaffold-sidebar-flyout .scaffold-overlay{display:block;opacity:var(--typo3-overlay-opacity)}
+@starting-style{
+.scaffold-sidebar-flyout .scaffold-overlay{opacity:0}}
+.topbar{--topbar-site-bg:transparent;--topbar-item-color:var(--typo3-scaffold-header-color);--topbar-item-bg:var(--typo3-scaffold-header-bg);--topbar-item-border-color:transparent;--topbar-item-height:var(--typo3-scaffold-header-item-height);--topbar-item-width:var(--typo3-scaffold-header-item-width);--topbar-item-border-radius:var(--typo3-scaffold-header-item-border-radius);--topbar-item-color-state:initial;--topbar-item-bg-state:initial;--topbar-item-border-color-state:initial;--topbar-workspace-bg:light-dark(var(--token-color-primary-20),var(--token-color-primary-80));--topbar-item-hover-color:var(--typo3-scaffold-header-color);--topbar-item-hover-bg:color-mix(in srgb,var(--topbar-item-bg),var(--topbar-item-color) 5%);--topbar-item-hover-border-color:color-mix(in srgb,var(--topbar-item-bg),var(--topbar-item-color) 20%);--topbar-item-focus-color:var(--typo3-scaffold-header-color);--topbar-item-focus-bg:color-mix(in srgb,var(--topbar-item-bg),var(--topbar-item-color) 10%);--topbar-item-focus-border-color:color-mix(in srgb,var(--topbar-item-bg),var(--topbar-item-color) 25%);align-items:center;contain:inline-size;display:flex;flex-grow:1;gap:.5rem;position:relative}
+.topbar-button{align-items:center;background-color:var(--topbar-item-bg-state,var(--topbar-item-bg));border:1px solid var(--topbar-item-border-color-state,var(--topbar-item-border-color));border-radius:var(--topbar-item-border-radius);color:var(--topbar-item-color-state,var(--topbar-item-color));display:inline-flex;height:var(--topbar-item-height);isolation:isolate;justify-content:center;outline-offset:0;transition:var(--typo3-transition-color);width:var(--topbar-item-width)}
+@media (prefers-reduced-motion){
+.topbar-button{transition:none}}
+.topbar-button:hover{--topbar-item-color-state:var(--topbar-item-hover-color);--topbar-item-bg-state:var(--topbar-item-hover-bg);--topbar-item-border-color-state:var(--topbar-item-hover-border-color)}
+.topbar-button:focus{--topbar-item-color-state:var(--topbar-item-focus-color);--topbar-item-bg-state:var(--topbar-item-focus-bg);--topbar-item-border-color-state:var(--topbar-item-focus-border-color)}
+.topbar-button:focus,.topbar-button:hover{z-index:1}
+.topbar-button:focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--topbar-item-border-color-state),transparent var(--typo3-outline-transparent-mix));z-index:2}
+.topbar-button[disabled],.topbar-button[disabled]:focus,.topbar-button[disabled]:hover{cursor:not-allowed;opacity:.5}
+.topbar-button.topbar-button-modulemenu{inset-inline-start:0}
+.topbar-button.topbar-button-toolbar{inset-inline-end:var(--topbar-item-width)}
+.topbar-button.topbar-button-search{inset-inline-end:0}
+@media (min-width:992px){
+.topbar-button-search,.topbar-button-toolbar{display:none}}
+.topbar-site-container{contain:inline-size;flex-grow:1}
+.topbar-site{align-items:center;border-radius:var(--topbar-item-border-radius);display:inline-flex;gap:.5rem;height:var(--topbar-item-height);line-height:1.2;max-width:100%;white-space:nowrap}
+.topbar-site,.topbar-site:focus,.topbar-site:hover{color:inherit;text-decoration:none}
+.topbar-site:focus .topbar-site-title,.topbar-site:hover .topbar-site-title{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,currentColor,transparent 50%);text-decoration-color:color-mix(in srgb,currentColor,transparent 50%);text-underline-offset:.1em}
+.topbar-site:focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--topbar-item-focus-border-color),transparent var(--typo3-outline-transparent-mix))}
+.topbar-site-logo{display:none}
+.topbar-site-logo img{max-height:35px;max-width:180px;-o-object-fit:contain;object-fit:contain;width:auto}
+@media (min-width:320px){
+.topbar-site-logo{display:block}}
+.topbar-site-title{overflow:hidden}
+.topbar-site-name,.topbar-site-version{display:block;overflow:hidden;text-overflow:ellipsis}
+.topbar-site-version{opacity:.5}
+.toolbar,.toolbar-list{display:flex;padding:0}
+.toolbar-list{flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;max-width:100%}
+@media (min-width:992px){
+.toolbar-list{gap:1px}}
+.toolbar-item{display:block;position:relative;width:100%}
+@media (min-width:600px){
+.toolbar-item{width:calc(50% - .25rem)}}
+@media (min-width:750px){
+.toolbar-item{width:calc(33.33% - .33333rem)}}
+@media (min-width:992px){
+.toolbar-item{width:auto}}
+.toolbar-item .dropdown-menu{width:350px}
+@media (max-width:991.98px){
+.toolbar-item .dropdown-menu{inset-inline-start:50%!important;max-height:calc(100dvh - 2rem)!important;position:fixed!important;top:50%!important;transform:translate(calc(-50%*var(--typo3-position-modifier)),-50%)!important;width:calc(100dvw - 2rem)!important;position-area:unset!important}
+.toolbar-item .dropdown-menu::backdrop{background-color:var(--typo3-overlay-bg);opacity:var(--typo3-overlay-opacity)}}
+.toolbar-item-avatar{display:inline-block;vertical-align:middle}
+.toolbar-item-avatar .avatar{margin-left:-3px;margin-right:-3px}
+.toolbar-item-icon{display:inline-flex;flex-shrink:0}
+.toolbar-item-name,.toolbar-item-title{flex-grow:1;overflow:hidden;text-align:start;text-overflow:ellipsis;white-space:nowrap}
+.toolbar-item-title:has(+.toolbar-item-name){flex-grow:0}
+.toolbar-item-badge{flex-shrink:0}
+.toolbar-item-link{--toolbar-item-link-height:var(--typo3-scaffold-header-item-height);--toolbar-item-link-width:var(--typo3-scaffold-header-item-width);--toolbar-item-link-border-radius:var(--typo3-scaffold-header-item-border-radius);--toolbar-item-link-color:var(--typo3-scaffold-header-color);--toolbar-item-link-bg:var(--typo3-scaffold-header-bg);--toolbar-item-link-border-color:color-mix(in srgb,var(--typo3-scaffold-header-bg),var(--typo3-scaffold-header-color) var(--typo3-border-mix));--toolbar-item-link-color-state:initial;--toolbar-item-link-bg-state:initial;--toolbar-item-link-border-color-state:initial;--toolbar-item-link-hover-color:var(--toolbar-item-link-color);--toolbar-item-link-hover-bg:color-mix(in srgb,var(--toolbar-item-link-bg),var(--toolbar-item-link-color) 10%);--toolbar-item-link-hover-border-color:color-mix(in srgb,var(--toolbar-item-link-bg),var(--toolbar-item-link-color) 20%);--toolbar-item-link-focus-color:var(--toolbar-item-link-color);--toolbar-item-link-focus-bg:color-mix(in srgb,var(--toolbar-item-link-bg),var(--toolbar-item-link-color) 15%);--toolbar-item-link-focus-border-color:color-mix(in srgb,var(--toolbar-item-link-bg),var(--toolbar-item-link-color) 25%);align-items:center;background-color:var(--toolbar-item-link-bg-state,var(--toolbar-item-link-bg));border:1px solid var(--toolbar-item-link-border-color-state,var(--toolbar-item-link-border-color));border-radius:var(--toolbar-item-link-border-radius);color:var(--toolbar-item-link-color-state,var(--toolbar-item-link-color));display:flex;gap:.75em;height:var(--toolbar-item-link-height);min-width:var(--toolbar-item-link-width);outline-offset:0;padding:0 calc((var(--typo3-scaffold-header-item-width) - 18px)/2);position:relative;text-decoration:none;text-overflow:ellipsis;transition:var(--typo3-transition-color);white-space:nowrap;width:100%}
+@media (min-width:992px){
+.toolbar-item-link{--toolbar-item-link-color-state:inherit;--toolbar-item-link-bg-state:transparent;--toolbar-item-link-border-color-state:transparent}}
+@media (prefers-reduced-motion){
+.toolbar-item-link{transition:none}}
+@media (min-width:992px){
+.toolbar-item-link{justify-content:center}}
+.toolbar-item-link:focus,.toolbar-item-link:hover{text-decoration:none}
+.toolbar-item-link:hover{--toolbar-item-link-color-state:var(--toolbar-item-link-hover-color);--toolbar-item-link-bg-state:var(--toolbar-item-link-hover-bg);--toolbar-item-link-border-color-state:var(--toolbar-item-link-hover-border-color)}
+.open .toolbar-item-link,.toolbar-item-link.show,.toolbar-item-link:focus{--toolbar-item-link-color-state:var(--toolbar-item-link-focus-color);--toolbar-item-link-bg-state:var(--toolbar-item-link-focus-bg);--toolbar-item-link-border-color-state:var(--toolbar-item-link-focus-border-color)}
+.toolbar-item-link:focus,.toolbar-item-link:hover{z-index:1}
+.open .toolbar-item-link,.toolbar-item-link.show{z-index:2}
+.toolbar-item-link:focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--toolbar-item-link-border-color-state),transparent var(--typo3-outline-transparent-mix));z-index:3}
+.scaffold-in-impersonation #typo3-cms-backend-backend-toolbaritems-usertoolbaritem .toolbar-item-link{--toolbar-item-link-color-state:var(--typo3-state-primary-color);--toolbar-item-link-bg-state:var(--typo3-state-primary-bg);--toolbar-item-link-border-color-state:var(--typo3-state-primary-border-color)}
+.scaffold-in-impersonation #typo3-cms-backend-backend-toolbaritems-usertoolbaritem .toolbar-item-link:hover{--toolbar-item-link-color-state:var(--typo3-state-primary-hover-color);--toolbar-item-link-bg-state:var(--typo3-state-primary-hover-bg);--toolbar-item-link-border-color-state:var(--typo3-state-primary-hover-border-color)}
+.open .scaffold-in-impersonation #typo3-cms-backend-backend-toolbaritems-usertoolbaritem .toolbar-item-link,.scaffold-in-impersonation #typo3-cms-backend-backend-toolbaritems-usertoolbaritem .toolbar-item-link.show,.scaffold-in-impersonation #typo3-cms-backend-backend-toolbaritems-usertoolbaritem .toolbar-item-link:focus{--toolbar-item-link-color-state:var(--typo3-state-primary-focus-color);--toolbar-item-link-state:var(--typo3-state-primary-focus-bg);--toolbar-item-link-border-color-state:var(--typo3-state-primary-focus-border-color)}
+.scaffold-in-impersonation #typo3-cms-backend-backend-toolbaritems-usertoolbaritem .toolbar-item-link:focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-state-primary-bg),transparent var(--typo3-outline-transparent-mix));z-index:3}
+@media (min-width:992px){
+.toolbar-item-title{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}
+.toolbar-item-badge{inset-inline-end:-.5rem;position:absolute;top:-.5rem;z-index:4}}
+.modulemenu{--modulemenu-color:var(--typo3-scaffold-sidebar-color);--modulemenu-bg:var(--typo3-scaffold-sidebar-bg);--modulemenu-spacer:2px;--modulemenu-group-spacer:.75rem;--modulemenu-group-indent:calc(var(--modulemenu-group-line-indent) + 0.5rem);--modulemenu-group-line-indent:calc(var(--modulemenu-action-padding) + var(--modulemenu-icon-size)/2);--modulemenu-icon-size:32px;--modulemenu-icon-border-radius:calc(var(--modulemenu-action-border-radius) - var(--modulemenu-action-padding));--modulemenu-action-bg:transparent;--modulemenu-action-color:var(--modulemenu-color);--modulemenu-action-border-width:1px;--modulemenu-action-border-color:transparent;--modulemenu-action-min-width:42px;--modulemenu-action-padding:4px;--modulemenu-action-border-radius:.75em;--modulemenu-action-bg-state:initial;--modulemenu-action-color-state:initial;--modulemenu-action-border-color-state:initial;--modulemenu-action-hover-color:var(--modulemenu-color);--modulemenu-action-hover-bg:color-mix(in srgb,var(--modulemenu-bg),var(--modulemenu-color) 5%);--modulemenu-action-hover-border-color:color-mix(in srgb,var(--modulemenu-bg),var(--modulemenu-color) 20%);--modulemenu-action-focus-color:var(--modulemenu-color);--modulemenu-action-focus-bg:color-mix(in srgb,var(--modulemenu-bg),var(--modulemenu-color) 10%);--modulemenu-action-focus-border-color:color-mix(in srgb,var(--modulemenu-bg),var(--modulemenu-color) 25%);--modulemenu-action-active-color:var(--modulemenu-color);--modulemenu-action-active-bg:color-mix(in srgb,var(--modulemenu-bg),var(--modulemenu-color) 10%);--modulemenu-action-active-border-color:color-mix(in srgb,var(--modulemenu-bg),var(--modulemenu-color) 25%);--modulemenu-action-collapsed-indicator-color:var(--typo3-surface-secondary-text);--modulemenu-action-collapsed-indicator-bg:var(--typo3-surface-secondary);background-color:var(--modulemenu-bg);color:var(--modulemenu-color);list-style:none;margin:0}
+.modulemenu>ul{container-type:inline-size;display:grid;gap:var(--modulemenu-group-spacer);min-width:var(--modulemenu-action-min-width)}
+@container (max-width: 59px){
+[data-modulemenu-level="1"]+[data-modulemenu-level="1"]:before{background-color:color-mix(in srgb,currentColor,transparent 85%);content:"";display:block;height:1px;margin-bottom:var(--modulemenu-group-spacer);width:100%}}
+.modulemenu-action{align-items:center;background-color:var(--modulemenu-action-bg-state,var(--modulemenu-action-bg));border:var(--modulemenu-action-border-width) solid var(--modulemenu-action-border-color-state,var(--modulemenu-action-border-color));border-radius:var(--modulemenu-action-border-radius);color:var(--modulemenu-action-color-state,var(--modulemenu-action-color));container-type:inline-size;display:flex;min-width:var(--modulemenu-action-min-width);outline-offset:0;overflow:hidden;padding:var(--modulemenu-action-padding);position:relative;text-align:start;transition:var(--typo3-transition-color)}
+@media (prefers-reduced-motion){
+.modulemenu-action{transition:none}}
+.modulemenu-action:focus,.modulemenu-action:hover{color:inherit;outline:none;text-decoration:none}
+.modulemenu-action:focus-visible,.modulemenu-action:hover{--modulemenu-action-color-state:var(--modulemenu-action-hover-color);--modulemenu-action-bg-state:var(--modulemenu-action-hover-bg);--modulemenu-action-border-color-state:var(--modulemenu-action-hover-border-color)}
+.modulemenu-action:focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--modulemenu-action-border-color-state,var(--modulemenu-action-border-color)),transparent var(--typo3-outline-transparent-mix))}
+.modulemenu-action.modulemenu-action-active:not(:has(~ul.collapse.show)){--modulemenu-action-color-state:var(--modulemenu-action-active-color);--modulemenu-action-bg-state:var(--modulemenu-action-active-bg);--modulemenu-action-border-color-state:var(--modulemenu-action-active-border-color)}
+.modulemenu-icon{align-items:center;border-radius:var(--modulemenu-icon-border-radius);display:flex;flex-shrink:0;height:var(--modulemenu-icon-size);justify-content:center;overflow:hidden;position:relative;width:var(--modulemenu-icon-size)}
+.modulemenu-name{flex-grow:1;-webkit-margin-start:.5rem;height:1px;margin-inline-start:.5rem;overflow:hidden;padding:0;position:absolute;text-overflow:ellipsis;width:1px;clip:rect(0,0,0,0);white-space:nowrap}
+@container (min-width: 60px){
+.modulemenu-name{height:auto;position:static;width:auto}}
+.modulemenu-group>button:not([disabled]) .modulemenu-indicator{color:inherit;display:none;flex-grow:0;flex-shrink:0;height:16px;margin:8px;position:relative;width:16px}
+.modulemenu-group>button:not([disabled]) .modulemenu-indicator:after,.modulemenu-group>button:not([disabled]) .modulemenu-indicator:before{border-top:1px solid;content:"";height:0;position:absolute;top:50%;transition:transform .25s ease-in-out;width:6px}
+.modulemenu-group>button:not([disabled]) .modulemenu-indicator:before{inset-inline-start:3px;transform:rotate(45deg)}
+.modulemenu-group>button:not([disabled]) .modulemenu-indicator:after{inset-inline-end:3px;transform:rotate(-45deg)}
+@container (max-width: 59px){
+.modulemenu-indicator{background-color:var(--modulemenu-action-collapsed-indicator-bg)!important;border-radius:50%;bottom:3px;color:var(--modulemenu-action-collapsed-indicator-color)!important;display:block!important;inset-inline-end:3px;margin:0!important;outline:2px solid var(--modulemenu-action-bg-state,var(--modulemenu-bg));position:absolute!important;-webkit-user-select:none;-moz-user-select:none;user-select:none}}
+@container (min-width: 60px){
+.modulemenu-indicator{display:block!important}}
+.modulemenu-group-container{container-type:inline-size;display:grid;gap:var(--modulemenu-spacer);list-style:none;margin:0;padding:0;position:relative}
+@container (min-width: 80px){
+.modulemenu-group-container .modulemenu-group-container{-webkit-padding-start:var(--modulemenu-group-indent);padding-inline-start:var(--modulemenu-group-indent)}
+.modulemenu-group-container .modulemenu-group-container:before{background-color:color-mix(in srgb,currentColor,transparent 80%);bottom:0;content:"";display:block;inset-inline-start:var(--modulemenu-group-line-indent);position:absolute;top:0;width:1px}}
+.modulemenu-group-spacer{border-top:1px dashed color-mix(in srgb,currentColor,transparent 75%);margin:0}
+.modulemenu-group{display:grid;gap:var(--modulemenu-spacer)}
+button[aria-expanded=true]:not([disabled]) .modulemenu-indicator:before{transform:rotate(-45deg)}
+button[aria-expanded=true]:not([disabled]) .modulemenu-indicator:after{transform:rotate(45deg)}
+.sidebar-container{display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto}
+.sidebar-component{--sidebar-component-padding-x:.5rem;--sidebar-component-padding-y:.75rem;display:block;flex:0 0 auto;padding:var(--sidebar-component-padding-y) var(--sidebar-component-padding-x);position:relative}
+.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6,typo3-backend-editable-page-title{font-family:var(--typo3-header-font-family);font-variant:normal;font-weight:400}
+.h1:not(:first-child):not([class]),.h2:not(:first-child):not([class]),.h3:not(:first-child):not([class]),.headline-spaced.h1,.headline-spaced.h2,.headline-spaced.h3,h1.headline-spaced,h1:not(:first-child):not([class]),h2.headline-spaced,h2:not(:first-child):not([class]),h3.headline-spaced,h3:not(:first-child):not([class]),typo3-backend-editable-page-title.headline-spaced,typo3-backend-editable-page-title:not(:first-child):not([class]){margin-top:calc(var(--typo3-spacing)*2)}
+.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit}
+a{color:var(--typo3-text-color-link);text-decoration:none}
+a:hover{text-decoration:underline}
+a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
+.text-base{color:var(--typo3-text-color-base)!important}
+.text-muted,.text-variant{color:var(--typo3-text-color-variant)!important}
+.text-primary{color:var(--typo3-text-color-primary)!important}
+.text-secondary{color:var(--typo3-text-color-secondary)!important}
+.text-info{color:var(--typo3-text-color-info)!important}
+.text-success{color:var(--typo3-text-color-success)!important}
+.text-warning{color:var(--typo3-text-color-warning)!important}
+.text-danger{color:var(--typo3-text-color-danger)!important}
+.text-notice{color:var(--typo3-text-color-notice)!important}
+.text-default{color:var(--typo3-text-color-default)!important}
+.text-highlight{background-color:var(--typo3-component-match-highlight-bg)!important;color:inherit!important}
+.text-code,code{color:var(--typo3-text-color-code)!important}
+.text-reset{color:inherit!important}
+.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.hidden,.hide{display:none!important}
+.visually-hidden{height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;width:1px!important;clip:rect(0,0,0,0)!important;border:0!important;white-space:nowrap!important}
+.visually-hidden:not(caption){inset-block-start:0;inset-inline-start:0;position:absolute!important}
+.order-0{order:0}
+.order-1{order:1}
+.order-2{order:2}
+.order-3{order:3}
+.order-4{order:4}
+.order-5{order:5}
+.order-6{order:6}
+.order-7{order:7}
+.order-8{order:8}
+.order-9{order:9}
+.dropdown{position:relative;anchor-scope:--dropdown}
+:root{--typo3-dropdown-anchor-offset:.125rem}
+.dropdown-toggle{anchor-name:--dropdown;text-decoration:none;white-space:nowrap}
+.dropdown-toggle:after{background-color:currentColor;content:"";display:inline-block;height:1rem;margin:0;-webkit-mask-image:var(--typo3-icons-chevron-down);mask-image:var(--typo3-icons-chevron-down);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;opacity:.75;vertical-align:middle;width:1rem}
+.dropdown-toggle-no-chevron:after{display:none!important}
+.dropdown-toggle-link{align-items:center;background:none;border:0;border-radius:1px;display:inline-flex;font-weight:inherit;gap:.25rem;outline-offset:1px;padding:0}
+.dropdown-toggle-link:hover{text-decoration:underline}
+.dropdown-toggle-link:focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,transparent,currentColor var(--typo3-outline-transparent-mix))}
+.dropdown-toggle>div{align-items:center;display:flex}
+.dropdown-toggle>div:has(>span[data-identifier=empty-empty]),.dropdown-toggle>div:has(>typo3-backend-icon[identifier=empty-empty]){order:1}
+.dropdown-menu{--typo3-dropdown-min-width:10rem;--typo3-dropdown-padding-x:2px;--typo3-dropdown-padding-y:2px;--typo3-dropdown-font-size:var(--typo3-component-font-size);--typo3-dropdown-line-height:var(--typo3-component-line-height);--typo3-dropdown-color:var(--typo3-component-color);--typo3-dropdown-bg:var(--typo3-component-bg);--typo3-dropdown-border-color:var(--typo3-component-border-color);--typo3-dropdown-border-radius:var(--typo3-component-border-radius);--typo3-dropdown-border-width:var(--typo3-component-border-width);--typo3-dropdown-inner-border-radius:calc(var(--typo3-component-border-radius) - var(--typo3-component-border-width));--typo3-dropdown-divider-bg:var(--typo3-component-border-color);--typo3-dropdown-divider-margin-y:var(--typo3-list-item-padding-y);--typo3-dropdown-box-shadow:var(--typo3-component-box-shadow);--typo3-dropdown-item-color:var(--typo3-component-color);--typo3-dropdown-item-hover-color:var(--typo3-list-item-hover-color);--typo3-dropdown-item-hover-bg:var(--typo3-list-item-hover-bg);--typo3-dropdown-item-hover-border-color:var(--typo3-list-item-hover-border-color);--typo3-dropdown-item-focus-color:var(--typo3-list-item-focus-color);--typo3-dropdown-item-focus-bg:var(--typo3-list-item-focus-bg);--typo3-dropdown-item-focus-border-color:var(--typo3-list-item-focus-border-color);--typo3-dropdown-item-active-color:var(--typo3-list-item-active-color);--typo3-dropdown-item-active-bg:var(--typo3-list-item-active-bg);--typo3-dropdown-item-active-border-color:var(--typo3-list-item-active-border-color);--typo3-dropdown-item-disabled-color:var(--typo3-list-item-disabled-color);--typo3-dropdown-item-disabled-bg:transparent;--typo3-dropdown-item-disabled-border-color:transparent;--typo3-dropdown-item-padding-x:var(--typo3-list-item-padding-x);--typo3-dropdown-item-padding-y:var(--typo3-list-item-padding-y);--typo3-dropdown-headline-font-size:.875rem;--typo3-dropdown-headline-font-family:var(--typo3-header-font-family);--typo3-dropdown-header-font-size:.75rem;--typo3-dropdown-header-padding-x:var(--typo3-list-item-padding-x);--typo3-dropdown-header-padding-y:var(--typo3-list-item-padding-y);background-color:var(--typo3-dropdown-bg);border:var(--typo3-dropdown-border-width) solid var(--typo3-dropdown-border-color);border-radius:var(--typo3-dropdown-border-radius);box-shadow:var(--typo3-dropdown-box-shadow);color:var(--typo3-dropdown-color);display:none;font-size:var(--typo3-dropdown-font-size);line-height:var(--typo3-dropdown-line-height);list-style:none;margin:0;max-height:calc(100dvh - 1.25rem);max-width:calc(100dvw - 1.25rem);min-width:var(--typo3-dropdown-min-width);padding:var(--typo3-dropdown-padding-y) var(--typo3-dropdown-padding-x);text-align:start;position-anchor:--dropdown;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;overflow-y:auto}
+.dropdown-menu:popover-open{display:block}
+.dropdown-menu[popover]{position-area:block-end span-inline-end;margin-block:var(--typo3-dropdown-anchor-offset)}
+.dropdown-menu a:not([class]){color:var(--typo3-component-link-color)}
+.dropdown-menu a:not([class]):hover{color:var(--typo3-component-link-hover-color)}
+.dropdown-menu>li+li{margin-top:1px}
+.dropdown-menu>.dropdown,.dropdown-menu>:has(>.dropdown-toggle){anchor-scope:--dropdown}
+.dropdown-menu>.dropdown>.dropdown-toggle,.dropdown-menu>:has(>.dropdown-toggle)>.dropdown-toggle{align-items:center;display:flex}
+.dropdown-menu>.dropdown>.dropdown-toggle:after,.dropdown-menu>:has(>.dropdown-toggle)>.dropdown-toggle:after{rotate:calc(-90deg*var(--typo3-position-modifier));-webkit-margin-start:auto;margin-inline-start:auto}
+.dropdown-menu>.dropdown>.dropdown-menu[popover],.dropdown-menu>:has(>.dropdown-toggle)>.dropdown-menu[popover]{position-area:inline-end span-block-start;margin-block:0;margin-inline:calc(var(--typo3-dropdown-item-padding-x)/2*-1)}
+.dropdown-menu:has(.dropdown-menu:popover-open)>:not(:has(>.dropdown-menu:popover-open)){opacity:.5;transition:opacity .15s ease}
+.dropdown-divider{border-top:1px solid var(--typo3-dropdown-divider-bg);height:0;margin:var(--typo3-dropdown-divider-margin-y) 0;overflow:hidden}
+.dropdown-item{background-color:transparent;border:0;border-radius:var(--typo3-dropdown-inner-border-radius);clear:both;color:var(--typo3-dropdown-item-color);display:block;font-weight:400;outline-offset:-1px;overflow:hidden;padding:var(--typo3-dropdown-item-padding-y) var(--typo3-dropdown-item-padding-x);text-align:inherit;text-decoration:none;white-space:unset;width:100%}
+.dropdown-item[role=button]:hover,a.dropdown-item:hover,button.dropdown-item:hover{background-color:var(--typo3-dropdown-item-hover-bg);color:var(--typo3-dropdown-item-hover-color);outline:1px solid var(--typo3-dropdown-item-hover-border-color);text-decoration:none}
+.dropdown-item[role=button].focus,.dropdown-item[role=button]:focus,a.dropdown-item.focus,a.dropdown-item:focus,button.dropdown-item.focus,button.dropdown-item:focus{background-color:var(--typo3-dropdown-item-focus-bg);color:var(--typo3-dropdown-item-focus-color);outline:1px solid var(--typo3-dropdown-item-focus-border-color)}
+.dropdown-item[role=button].active,.dropdown-item[role=button]:active,a.dropdown-item.active,a.dropdown-item:active,button.dropdown-item.active,button.dropdown-item:active{--typo3-icons-accent:currentColor;background-color:var(--typo3-dropdown-item-active-bg);color:var(--typo3-dropdown-item-active-color);outline:1px solid var(--typo3-dropdown-item-active-border-color)}
+.dropdown-item[role=button].disabled,.dropdown-item[role=button][disabled],a.dropdown-item.disabled,a.dropdown-item[disabled],button.dropdown-item.disabled,button.dropdown-item[disabled]{background-color:var(--typo3-dropdown-item-disabled-bg);color:var(--typo3-dropdown-item-disabled-color);outline:1px solid var(--typo3-dropdown-item-disabled-border-color);pointer-events:none}
+.dropdown-item-spaced{align-items:center;display:flex;gap:.5em;text-overflow:ellipsis;white-space:nowrap}
+.dropdown-item-action{flex-shrink:0;width:auto}
+.dropdown-item-columns{display:flex;gap:.5em}
+.dropdown-item-column-icon{width:var(--icon-size-small)}
+.dropdown-item-column-title{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dropdown-item-column-text{flex-grow:1}
+.dropdown-item-column-value{-webkit-padding-start:1em;padding-inline-start:1em}
+.dropdown-item-status{align-items:center;display:flex;justify-content:center}
+.dropdown-item-status,.dropdown-item-status:after{height:var(--icon-size-small);width:var(--icon-size-small)}
+.dropdown-item-status:after{content:"";display:block;-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}
+[data-dropdowntoggle-status=active] .dropdown-item-status:after{background-color:var(--typo3-text-color-primary);-webkit-mask-image:var(--typo3-icons-check);mask-image:var(--typo3-icons-check)}
+.dropdown-item-text{color:var(--typo3-dropdown-item-color);display:block;margin-bottom:0;padding:var(--typo3-dropdown-item-padding-y) var(--typo3-dropdown-item-padding-x)}
+.dropdown-header,.dropdown-headline{display:block;flex-grow:1;font-family:var(--typo3-dropdown-headline-font-family);font-size:var(--typo3-dropdown-headline-font-size);font-weight:700;line-height:1.2;margin:0;padding:var(--typo3-dropdown-header-padding-y) var(--typo3-dropdown-header-padding-x)}
+.dropdown-header+.dropdown-divider,.dropdown-header+.dropdown-item-text,.dropdown-headline+.dropdown-divider,.dropdown-headline+.dropdown-item-text{margin-top:0;padding-top:0}
+.dropdown-headline{font-size:var(--typo3-dropdown-headline-font-size)}
+.dropdown-header{font-size:var(--typo3-dropdown-header-font-size)}
+.dropdown-table{margin-bottom:calc(var(--typo3-dropdown-item-padding-y)/2);margin-top:calc(var(--typo3-dropdown-item-padding-y)/2)}
+.dropdown-table td,.dropdown-table th{padding:calc(var(--typo3-dropdown-item-padding-y)/2) calc(var(--typo3-dropdown-item-padding-x)/2);vertical-align:top}
+.dropdown-table td:first-child,.dropdown-table th:first-child{-webkit-padding-start:var(--typo3-dropdown-item-padding-x);padding-inline-start:var(--typo3-dropdown-item-padding-x)}
+.dropdown-table td:last-child,.dropdown-table th:last-child{-webkit-padding-end:var(--typo3-dropdown-item-padding-x);padding-inline-end:var(--typo3-dropdown-item-padding-x)}
+.dropdown-table td[data-type=title],.dropdown-table th[data-type=title]{max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.dropdown-table td[data-type=icon]:first-child,.dropdown-table th[data-type=icon]:first-child{-webkit-padding-end:0;padding-inline-end:0}
+.dropdown-table td[data-type=icon] .icon,.dropdown-table th[data-type=icon] .icon{vertical-align:unset}
+.dropdown-table td[data-type=status],.dropdown-table th[data-type=status]{width:0;-webkit-padding-end:0;padding-inline-end:0}
+.dropdown-table td[data-type=value],.dropdown-table th[data-type=value]{word-break:break-word}
+.dropdown-list{list-style:none;margin:0;padding:0}
+.dropdown-list li{display:flex;gap:1px}
+.dropdown-list li+li{margin-top:1px}
+.dropdown-row{align-items:start;display:flex;gap:calc(var(--typo3-dropdown-item-padding-x)/2);padding:calc(var(--typo3-dropdown-item-padding-y)/2) var(--typo3-dropdown-item-padding-x) var(--typo3-dropdown-item-padding-y)}
+typo3-breadcrumb{display:block;width:100%}
+.breadcrumb,.breadcrumb-measurement{--typo3-breadcrumb-divider-content:"/";--typo3-breadcrumb-divider-opacity:.25;--typo3-breadcrumb-divider-space:.35rem;--typo3-breadcrumb-element-color:inherit;--typo3-breadcrumb-element-spacing:.25rem;--typo3-breadcrumb-element-padding-x:.5rem;--typo3-breadcrumb-element-padding-y:.25rem}
+.breadcrumb-condensed{--typo3-breadcrumb-divider-space:.2rem;--typo3-breadcrumb-element-spacing:.15rem}
+.breadcrumb{align-items:center;display:flex;flex-wrap:wrap;margin:0;padding:0;white-space:nowrap;width:100%}
+.breadcrumb-collapsible{flex-wrap:nowrap}
+.breadcrumb-right{justify-content:end}
+.breadcrumb-item{display:flex;position:relative}
+.breadcrumb-item:after{content:var(--typo3-breadcrumb-divider-content)/"";margin:0 var(--typo3-breadcrumb-divider-space);opacity:var(--typo3-breadcrumb-divider-opacity)}
+.breadcrumb-item-last:after{display:none}
+.breadcrumb-item typo3-backend-icon{width:var(--icon-size-small)}
+.breadcrumb:has(:not(.breadcrumb-item)) .breadcrumb-item:last-child:after{display:none}
+.breadcrumb-collapsible>.breadcrumb-item .breadcrumb-element,.breadcrumb-collapsible>.breadcrumb-item:last-child{overflow:hidden}
+.breadcrumb-collapsible>.breadcrumb-item .breadcrumb-element-label{overflow:hidden;text-overflow:ellipsis}
+.breadcrumb-element{align-items:center;background-color:transparent;border:none;color:var(--typo3-breadcrumb-element-color);display:flex;gap:var(--typo3-breadcrumb-element-spacing);line-height:inherit;margin:0;padding:0}
+.breadcrumb-item>a,a.breadcrumb-element,button.breadcrumb-element{border-radius:1px;outline-offset:1px}
+.breadcrumb-item>a:hover,a.breadcrumb-element:hover,button.breadcrumb-element:hover{text-decoration:underline}
+.breadcrumb-item>a:focus-visible,a.breadcrumb-element:focus-visible,button.breadcrumb-element:focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,currentColor,transparent 25%)}
+.nav,typo3-backend-tab-scroller{--typo3-nav-color:var(--typo3-component-color);--typo3-nav-bg:transparent;--typo3-nav-border-color:var(--typo3-component-border-color);--typo3-nav-border-width:var(--typo3-component-border-width);--typo3-nav-border-radius:var(--typo3-component-border-radius);--typo3-nav-font-size:var(--typo3-font-size);--typo3-nav-link-border-radius:var(--typo3-nav-border-radius);--typo3-nav-link-padding-x:1rem;--typo3-nav-link-padding-y:.5rem;--typo3-nav-link-color:var(--typo3-text-color-link);--typo3-nav-link-bg:transparent;--typo3-nav-link-border-color:transparent;--typo3-nav-link-hover-color:var(--typo3-text-color-link);--typo3-nav-link-hover-bg:transparent;--typo3-nav-link-hover-border-color:transparent;--typo3-nav-link-focus-color:var(--typo3-text-color-link);--typo3-nav-link-focus-bg:transparent;--typo3-nav-link-focus-border-color:transparent;--typo3-nav-link-danger-color:var(--typo3-text-color-danger);--typo3-nav-link-danger-bg:transparent;--typo3-nav-link-danger-border-color:transparent;--typo3-nav-link-active-color:var(--typo3-text-color-primary);--typo3-nav-link-active-bg:transparent;--typo3-nav-link-active-border-color:var(--typo3-state-primary-border-color);--typo3-nav-link-disabled-color:var(--typo3-text-color-variant);--typo3-nav-link-disabled-bg:transparent;--typo3-nav-link-disabled-border-color:transparent}
+.nav{background-color:var(--typo3-nav-bg);display:flex;flex-wrap:wrap;font-size:var(--typo3-nav-font-size);gap:1px;list-style:none;margin-bottom:0;padding-inline:0}
+.nav-link{--typo3-nav-link-state-color:var(--typo3-nav-link-color);--typo3-nav-link-state-bg:var(--typo3-nav-link-bg);--typo3-nav-link-state-border-color:var(--typo3-nav-link-border-color);background:var(--typo3-nav-link-state-bg);border:0;border-radius:var(--typo3-nav-link-border-radius);color:var(--typo3-nav-link-state-color);display:block;outline-offset:0;padding:var(--typo3-nav-link-padding-y) var(--typo3-nav-link-padding-x);position:relative;transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;white-space:nowrap}
+.nav-link:hover{--typo3-nav-link-state-color:var(--typo3-nav-link-hover-color);--typo3-nav-link-state-bg:var(--typo3-nav-link-hover-bg);--typo3-nav-link-state-border-color:var(--typo3-nav-link-hover-border-color);text-decoration:underline}
+.nav-link:focus{--typo3-nav-link-state-color:var(--typo3-nav-link-focus-color);--typo3-nav-link-state-bg:var(--typo3-nav-link-focus-bg);--typo3-nav-link-state-border-color:var(--typo3-nav-link-focus-border-color);text-decoration:underline}
+.nav-link:focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-nav-link-state-color),var(--typo3-nav-link-state-bg))}
+.nav-item.has-validation-error .nav-link{--typo3-nav-link-state-color:var(--typo3-nav-link-danger-color);--typo3-nav-link-state-bg:var(--typo3-nav-link-danger-bg);--typo3-nav-link-state-border-color:var(--typo3-nav-link-danger-border-color);-webkit-padding-start:calc(var(--typo3-nav-link-padding-x) + 16px + .25rem);padding-inline-start:calc(var(--typo3-nav-link-padding-x) + 16px + .25rem)}
+.nav-item.has-validation-error .nav-link:before{background:var(--typo3-state-danger-bg) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='11' r='1' fill='%23fff'/%3E%3Cpath fill='%23fff' d='M8.5 9h-1l-.445-4.45A.5.5 0 0 1 7.552 4h.896a.5.5 0 0 1 .497.55z'/%3E%3C/svg%3E") center/contain no-repeat;border-radius:50%;content:"";height:16px;inset-inline-start:var(--typo3-nav-link-padding-x);position:absolute;top:50%;transform:translateY(-50%);width:16px}
+.nav-item.show .nav-link,.nav-link.active{text-decoration:underline;--typo3-nav-link-state-color:var(--typo3-nav-link-active-color)!important;--typo3-nav-link-state-bg:var(--typo3-nav-link-active-bg)!important;--typo3-nav-link-state-border-color:var(--typo3-nav-link-active-border-color)!important}
+.nav-link.disabled,.nav-link[disabled]{--typo3-nav-link-state-color:var(--typo3-nav-link-disabled-color)!important;--typo3-nav-link-state-bg:var(--typo3-nav-link-disabled-bg)!important;--typo3-nav-link-state-border-color:var(--typo3-nav-link-disabled-border-color)!important;cursor:default;pointer-events:none}
+.nav-pills{--typo3-nav-link-danger-color:var(--typo3-state-danger-color);--typo3-nav-link-danger-bg:var(--typo3-state-danger-bg);--typo3-nav-link-active-color:var(--typo3-state-primary-color);--typo3-nav-link-active-bg:var(--typo3-state-primary-bg);gap:var(--typo3-outline-width)}
+.nav-pills .nav-item.show .nav-link,.nav-pills .nav-link.active{text-decoration:none}
+.nav-tabs,typo3-backend-tab-scroller{--typo3-nav-bg:var(--typo3-component-bg);--typo3-outline-width:1px;--typo3-nav-border-width:2px;--typo3-nav-link-bg:var(--typo3-nav-bg);--typo3-nav-link-hover-bg:color-mix(in srgb,var(--typo3-nav-bg),currentColor 5%);--typo3-nav-link-focus-bg:color-mix(in srgb,var(--typo3-nav-bg),currentColor 7.5%);--typo3-nav-link-active-bg:color-mix(in srgb,var(--typo3-nav-bg),currentColor 7.5%)}
+.nav-tabs{background:linear-gradient(var(--typo3-nav-border-color),var(--typo3-nav-border-color)) bottom/100% var(--typo3-nav-border-width) no-repeat;flex-grow:1;flex-wrap:nowrap;gap:1px;position:relative;z-index:1}
+.nav-tabs .nav-link{border-end-end-radius:0;border-end-start-radius:0;margin-bottom:var(--typo3-nav-border-width);outline-offset:-4px}
+.nav-tabs .nav-link:after{background-color:var(--typo3-nav-link-state-border-color);bottom:calc(var(--typo3-nav-border-width)*-1);content:"";display:block;height:var(--typo3-nav-border-width);left:0;position:absolute;right:0}
+.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{text-decoration:none}
+typo3-backend-tab-scroller{align-items:stretch;display:flex;position:relative}
+.nav-tabs-scroll{align-items:center;background-color:var(--typo3-nav-link-bg);border:0;border-bottom:var(--typo3-nav-border-width) solid var(--typo3-nav-border-color);bottom:0;color:var(--typo3-nav-link-color);cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;top:0;transition:opacity .15s ease-in-out;width:2rem;z-index:2}
+.nav-tabs-scroll:hover{background-color:var(--typo3-nav-link-hover-bg);color:var(--typo3-nav-link-hover-color)}
+.nav-tabs-scroll-start{border-start-start-radius:var(--typo3-nav-link-border-radius);inset-inline-start:0;-webkit-border-end:1px solid var(--typo3-nav-border-color);border-inline-end:1px solid var(--typo3-nav-border-color)}
+.nav-tabs-scroll-end{border-start-end-radius:var(--typo3-nav-link-border-radius);inset-inline-end:0;-webkit-border-start:1px solid var(--typo3-nav-border-color);border-inline-start:1px solid var(--typo3-nav-border-color)}
+typo3-backend-tab-scroller>.nav-tabs{overflow-x:auto;scroll-padding-inline:2rem;scrollbar-width:none}
+typo3-backend-tab-scroller>.nav-tabs::-webkit-scrollbar{display:none}
+.tab-content>.tab-pane{display:none}
+.tab-content>.active{display:block}
+.pagination{--typo3-pagination-padding-y:var(--typo3-input-padding-y);--typo3-pagination-padding-x:var(--typo3-input-padding-x);--typo3-pagination-font-size:var(--typo3-font-size);--typo3-pagination-line-height:var(--typo3-component-line-height);--typo3-pagination-border-radius:var(--typo3-component-border-radius);--typo3-pagination-border-width:var(--typo3-component-border-width);--typo3-pagination-color:var(--typo3-component-color);--typo3-pagination-bg:var(--typo3-component-bg);--typo3-pagination-border-color:var(--typo3-component-border-color);--typo3-pagination-hover-color:var(--typo3-list-item-hover-color);--typo3-pagination-hover-bg:var(--typo3-list-item-hover-bg);--typo3-pagination-hover-border-color:var(--typo3-list-item-hover-border-color);--typo3-pagination-active-color:var(--typo3-list-item-active-color);--typo3-pagination-active-bg:var(--typo3-list-item-active-bg);--typo3-pagination-active-border-color:var(--typo3-list-item-active-border-color);--typo3-pagination-disabled-color:var(--typo3-list-item-disabled-color);--typo3-pagination-disabled-bg:var(--typo3-list-item-disabled-bg);--typo3-pagination-disabled-border-color:var(--typo3-list-item-disabled-border-color);--typo3-pagination-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;display:flex;flex-wrap:wrap;list-style:none;padding:0;-webkit-padding-start:var(--typo3-pagination-border-width);margin-bottom:var(--typo3-spacing);padding-inline-start:var(--typo3-pagination-border-width);row-gap:2px}
+.page-item{text-align:center;-webkit-margin-start:calc(var(--typo3-pagination-border-width)*-1);margin-inline-start:calc(var(--typo3-pagination-border-width)*-1)}
+.page-item:first-child .page-link{border-end-start-radius:var(--typo3-pagination-border-radius);border-start-start-radius:var(--typo3-pagination-border-radius)}
+.page-item:last-child .page-link{border-end-end-radius:var(--typo3-pagination-border-radius);border-start-end-radius:var(--typo3-pagination-border-radius)}
+.page-link{align-items:center;background-color:var(--typo3-pagination-bg);border:var(--typo3-pagination-border-width) solid var(--typo3-pagination-border-color);color:var(--typo3-pagination-color);display:flex;font-size:var(--typo3-pagination-font-size);gap:.25rem;height:100%;justify-content:center;line-height:var(--typo3-pagination-line-height);outline-offset:0;padding:var(--typo3-pagination-padding-y) var(--typo3-pagination-padding-x);position:relative;text-decoration:none;transition:var(--typo3-pagination-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}
+@media (prefers-reduced-motion){
+.page-link{transition:none}}
+.page-link:not(span):focus,.page-link:not(span):hover{--typo3-pagination-color:var(--typo3-pagination-hover-color);--typo3-pagination-bg:var(--typo3-pagination-hover-bg);--typo3-pagination-border-color:var(--typo3-pagination-hover-border-color);text-decoration:none;z-index:1}
+.page-link:not(span):focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-pagination-border-color),transparent 25%);z-index:3!important}
+.active>.page-link,.page-link.active{--typo3-pagination-color:var(--typo3-pagination-active-color)!important;--typo3-pagination-bg:var(--typo3-pagination-active-bg)!important;--typo3-pagination-border-color:var(--typo3-pagination-active-border-color)!important;z-index:2}
+.disabled>.page-link,.page-link.disabled{--typo3-pagination-color:var(--typo3-pagination-disabled-color)!important;--typo3-pagination-bg:var(--typo3-pagination-disabled-bg)!important;--typo3-pagination-border-color:var(--typo3-pagination-disabled-border-color)!important;pointer-events:none}
+.paginator-input{display:inline-block;margin:-7px 0}
+.paginator-input.form-control{min-width:auto;width:auto}
+:root{--icon-color-primary:currentColor;--icon-color-accent:#ff8700;--icon-size-small:16px;--icon-size-medium:32px;--icon-size-large:48px;--icon-size-mega:64px;--icon-unify-modifier:0.86;--icon-opacity-disabled:0.5}
+.icon{color:var(--icon-color-primary,currentColor);display:inline-flex;flex-shrink:0;height:var(--icon-size,1em);line-height:var(--icon-size,1em);overflow:hidden;position:relative;white-space:nowrap;width:var(--icon-size,1em)}
+.icon img,.icon svg{display:block;height:100%;width:100%}
+.icon *{display:block;line-height:inherit}
+.icon-markup{display:block;left:0;top:0}
+.icon-markup,.icon-overlay{bottom:0;position:absolute;right:0;text-align:center}
+.icon-overlay{height:68.75%;width:68.75%}
+.icon-spin .icon-markup{animation:icon-spin 2s linear infinite}
+@keyframes icon-spin{
+0%{transform:rotate(0deg)}
+to{transform:rotate(1turn)}}
+.icon-bidi:dir(rtl) .icon-markup{transform:scaleX(-1)}
+.icon-state-disabled .icon-markup{opacity:var(--icon-opacity-disabled)}
+.icon-size-small{--icon-size:var(--icon-size-small)}
+.icon-size-small .icon-unify{font-size:calc(var(--icon-size)*var(--icon-unify-modifier));line-height:var(--icon-size)}
+.icon-size-small .icon-overlay .icon-unify{font-size:calc(var(--icon-size)/1.6*var(--icon-unify-modifier));line-height:calc(var(--icon-size)/1.6)}
+.icon-size-medium{--icon-size:var(--icon-size-medium)}
+.icon-size-medium .icon-unify{font-size:calc(var(--icon-size)*var(--icon-unify-modifier));line-height:var(--icon-size)}
+.icon-size-medium .icon-overlay .icon-unify{font-size:calc(var(--icon-size)/1.6*var(--icon-unify-modifier));line-height:calc(var(--icon-size)/1.6)}
+.icon-size-large{--icon-size:var(--icon-size-large)}
+.icon-size-large .icon-unify{font-size:calc(var(--icon-size)*var(--icon-unify-modifier));line-height:var(--icon-size)}
+.icon-size-large .icon-overlay .icon-unify{font-size:calc(var(--icon-size)/1.6*var(--icon-unify-modifier));line-height:calc(var(--icon-size)/1.6)}
+.icon-size-mega{--icon-size:var(--icon-size-mega)}
+.icon-size-mega .icon-unify{font-size:calc(var(--icon-size)*var(--icon-unify-modifier));line-height:var(--icon-size)}
+.icon-size-mega .icon-overlay .icon-unify{font-size:calc(var(--icon-size)/1.6*var(--icon-unify-modifier));line-height:calc(var(--icon-size)/1.6)}
+.icon,:root,typo3-backend-icon{--icon-color-accent:var(--typo3-icons-accent)}
+.icon{vertical-align:-22%}
+.icon-actions-edit-copy-release,.icon-actions-edit-cut-release,.icon-status-dialog-error,.icon-status-status-current,.icon-status-status-permission-denied{--icon-color-primary:var(--typo3-text-color-danger)}
+.icon-status-status-sorting-asc,.icon-status-status-sorting-desc{--icon-color-primary:var(--typo3-text-color-variant)}
+.icon-status-dialog-information{--icon-color-primary:var(--typo3-text-color-info)}
+.icon-status-dialog-ok,.icon-status-status-permission-granted{--icon-color-primary:var(--typo3-text-color-success)}
+.icon-status-dialog-notification{--icon-color-primary:var(--typo3-text-color-notice)}
+.icon-status-dialog-warning{--icon-color-primary:var(--typo3-text-color-warning)}
+.icon-emphasized{--icon-emphasized-color:var(--typo3-state-default-color);--icon-emphasized-bg:var(--typo3-state-default-bg);align-items:center;background-color:var(--icon-emphasized-bg);border-radius:100%;color:var(--icon-emphasized-color);display:flex;height:2rem;justify-content:center;width:2rem}
+.alert .icon-emphasized{--icon-emphasized-color:var(--typo3-alert-icon-color);--icon-emphasized-bg:var(--typo3-alert-icon-bg)}
+.callout .icon-emphasized{--icon-emphasized-color:var(--typo3-callout-icon-color);--icon-emphasized-bg:var(--typo3-callout-icon-bg)}
+:root{--typo3-caret-color:var(--typo3-text-color-base);--typo3-caret-rotation:0deg;--typo3-caret-size:16px;--typo3-caret-icon:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='m4.464 6.05-.707.707L8 11l4.243-4.243-.707-.707L8 9.586z'/%3E%3C/svg%3E")}
+.caret{background-color:var(--typo3-caret-color);display:inline-block;height:var(--typo3-caret-size);line-height:1;-webkit-mask-image:var(--typo3-caret-icon);mask-image:var(--typo3-caret-icon);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;position:relative;rotate:var(--typo3-caret-rotation);transition:all .25s ease-in-out;vertical-align:-22%;width:var(--typo3-caret-size)}
+@media (prefers-reduced-motion:reduce){
+.caret{transition:none}}
+hr.spacer{border-top:none;margin-bottom:var(--typo3-spacing);margin-top:var(--typo3-spacing)}
+.alert{--typo3-alert-color:inherit;--typo3-alert-bg:transparent;--typo3-alert-icon-color:inherit;--typo3-alert-icon-bg:transparent;--typo3-alert-padding-x:1rem;--typo3-alert-padding-y:1rem;--typo3-alert-padding-dismissable-end:3rem;--typo3-alert-margin-bottom:var(--typo3-spacing);--typo3-alert-border-color:color-mix(in srgb,var(--typo3-alert-bg),var(--typo3-alert-color) var(--typo3-border-mix));--typo3-alert-border-width:1px;--typo3-alert-border-radius:var(--typo3-component-border-radius);--typo3-alert-link-color:inherit;background-color:var(--typo3-alert-bg);border:var(--typo3-alert-border-width) solid var(--typo3-alert-border-color);border-radius:var(--typo3-alert-border-radius);color:var(--typo3-alert-color);margin-bottom:var(--typo3-alert-margin-bottom);padding:var(--typo3-alert-padding-y) var(--typo3-alert-padding-x);position:relative}
+.alert a{color:inherit;text-decoration:underline}
+.alert-inner{display:flex;gap:calc(var(--typo3-alert-padding-x)*.75)}
+.alert-content{align-self:center;contain:inline-size;flex-grow:1}
+.alert-title{font-size:1.12em;font-weight:700;line-height:1.2;margin-bottom:.25em}
+.alert-message{word-wrap:break-word}
+.alert-body,.alert-message{font-size:.9em;margin:0}
+.alert-body>:last-child,.alert-message>:last-child{margin-bottom:0}
+.alert-body>ul,.alert-message>ul{padding-left:0;-webkit-padding-start:1.5em;padding-inline-start:1.5em}
+.alert-dismissible{-webkit-padding-start:var(--typo3-alert-padding-x);padding-inline-start:var(--typo3-alert-padding-x);-webkit-padding-end:var(--typo3-alert-padding-dismissable-end);padding-inline-end:var(--typo3-alert-padding-dismissable-end)}
+.alert-dismissible .close{background:none;border:none;border-radius:.25rem;color:inherit;font-size:1.125rem;inset-block-start:.625rem;inset-inline-end:.625rem;line-height:1;opacity:.5;outline-offset:0;padding:0;position:absolute}
+.alert-dismissible .close:focus,.alert-dismissible .close:hover{color:inherit;opacity:1}
+.alert-dismissible .close:focus-visible{outline:2px solid var(--typo3-alert-color)}
+.alert-actions{background-color:var(--typo3-alert-border-color);display:flex;flex-flow:row wrap;gap:1px;margin:var(--typo3-alert-padding-y) calc(var(--typo3-alert-padding-x)*-1) calc(var(--typo3-alert-padding-y)*-1);padding-top:1px}
+.alert-dismissible .alert-actions{-webkit-margin-end:calc(var(--typo3-alert-padding-dismissable-end)*-1);margin-inline-end:calc(var(--typo3-alert-padding-dismissable-end)*-1)}
+.alert-actions a{background-color:var(--typo3-alert-bg);border-end-start-radius:calc(var(--typo3-alert-border-radius) - 2px);flex-basis:25%;flex-grow:1;font-weight:700;outline-offset:-2px;padding:.5rem var(--typo3-alert-padding-x);text-align:center;text-decoration:none}
+.alert-actions a:last-child{border-end-end-radius:calc(var(--typo3-alert-border-radius) - 2px);border-end-start-radius:0}
+.alert-actions a:hover{background-color:color-mix(in srgb,var(--typo3-alert-bg),var(--typo3-alert-color) 5%)}
+.alert-actions a:focus{background-color:color-mix(in srgb,var(--typo3-alert-bg),var(--typo3-alert-color) 10%)}
+.alert-actions a:focus-visible{outline:2px solid var(--typo3-alert-color)}
+.alert-actions a.executing{pointer-events:none}
+.alert-actions a.disabled{opacity:.4;pointer-events:none}
+.alert-primary{--typo3-alert-color:var(--typo3-surface-container-primary-text);--typo3-alert-bg:var(--typo3-surface-container-primary);--typo3-alert-icon-color:var(--typo3-state-primary-color);--typo3-alert-icon-bg:var(--typo3-state-primary-bg)}
+.alert-secondary{--typo3-alert-color:var(--typo3-surface-container-secondary-text);--typo3-alert-bg:var(--typo3-surface-container-secondary);--typo3-alert-icon-color:var(--typo3-state-secondary-color);--typo3-alert-icon-bg:var(--typo3-state-secondary-bg)}
+.alert-info{--typo3-alert-color:var(--typo3-surface-container-info-text);--typo3-alert-bg:var(--typo3-surface-container-info);--typo3-alert-icon-color:var(--typo3-state-info-color);--typo3-alert-icon-bg:var(--typo3-state-info-bg)}
+.alert-success{--typo3-alert-color:var(--typo3-surface-container-success-text);--typo3-alert-bg:var(--typo3-surface-container-success);--typo3-alert-icon-color:var(--typo3-state-success-color);--typo3-alert-icon-bg:var(--typo3-state-success-bg)}
+.alert-warning{--typo3-alert-color:var(--typo3-surface-container-warning-text);--typo3-alert-bg:var(--typo3-surface-container-warning);--typo3-alert-icon-color:var(--typo3-state-warning-color);--typo3-alert-icon-bg:var(--typo3-state-warning-bg)}
+.alert-danger{--typo3-alert-color:var(--typo3-surface-container-danger-text);--typo3-alert-bg:var(--typo3-surface-container-danger);--typo3-alert-icon-color:var(--typo3-state-danger-color);--typo3-alert-icon-bg:var(--typo3-state-danger-bg)}
+.alert-notice{--typo3-alert-color:var(--typo3-surface-container-notice-text);--typo3-alert-bg:var(--typo3-surface-container-notice);--typo3-alert-icon-color:var(--typo3-state-notice-color);--typo3-alert-icon-bg:var(--typo3-state-notice-bg)}
+.alert-default{--typo3-alert-color:var(--typo3-surface-container-default-text);--typo3-alert-bg:var(--typo3-surface-container-default);--typo3-alert-icon-color:var(--typo3-state-default-color);--typo3-alert-icon-bg:var(--typo3-state-default-bg)}
+typo3-backend-formengine-suggest-result-container{inset-inline-start:0;max-width:calc(100dvw - 20px);position:absolute;z-index:var(--typo3-zindex-dropdown)}
+typo3-backend-formengine-suggest-result-list{border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-component-border-radius);box-shadow:var(--typo3-component-box-shadow);flex-direction:column;gap:1px;padding:1px}
+typo3-backend-formengine-suggest-result-item,typo3-backend-formengine-suggest-result-list{background-color:var(--typo3-component-bg);display:flex;font-size:var(--typo3-component-font-size);line-height:var(--typo3-component-line-height)}
+typo3-backend-formengine-suggest-result-item{border-radius:calc(var(--typo3-component-border-radius) - var(--typo3-component-border-width));color:var(--typo3-component-color);cursor:pointer;gap:.5em;padding:var(--typo3-list-item-padding-y) var(--typo3-list-item-padding-x)}
+typo3-backend-formengine-suggest-result-item:focus,typo3-backend-formengine-suggest-result-item:hover{outline-offset:-1px;z-index:1}
+typo3-backend-formengine-suggest-result-item:hover{background-color:var(--typo3-list-item-hover-bg);color:var(--typo3-list-item-hover-color);outline:1px solid var(--typo3-list-item-hover-border-color)}
+typo3-backend-formengine-suggest-result-item:focus{background-color:var(--typo3-list-item-focus-bg);color:var(--typo3-list-item-focus-color);outline:1px solid var(--typo3-list-item-focus-border-color)}
+typo3-backend-formengine-suggest-result-item .formengine-suggest-result-item-icon{flex-grow:0;flex-shrink:0}
+typo3-backend-formengine-suggest-result-item .formengine-suggest-result-item-label{flex-grow:1}
+typo3-backend-formengine-suggest-result-item .formengine-suggest-result-item-label .small,typo3-backend-formengine-suggest-result-item .formengine-suggest-result-item-label small{opacity:.5}
+:root{--typo3-badge-primary-color:var(--typo3-state-primary-color);--typo3-badge-primary-bg:var(--typo3-state-primary-bg);--typo3-badge-primary-border-color:var(--typo3-state-primary-border-color);--typo3-badge-primary-link-hover-color:var(--typo3-state-primary-hover-color);--typo3-badge-primary-link-hover-bg:var(--typo3-state-primary-hover-bg);--typo3-badge-primary-link-hover-border-color:var(--typo3-state-primary-hover-border-color);--typo3-badge-primary-link-focus-color:var(--typo3-state-primary-focus-color);--typo3-badge-primary-link-focus-bg:var(--typo3-state-primary-focus-bg);--typo3-badge-primary-link-focus-border-color:var(--typo3-state-primary-focus-border-color);--typo3-badge-secondary-color:var(--typo3-state-secondary-color);--typo3-badge-secondary-bg:var(--typo3-state-secondary-bg);--typo3-badge-secondary-border-color:var(--typo3-state-secondary-border-color);--typo3-badge-secondary-link-hover-color:var(--typo3-state-secondary-hover-color);--typo3-badge-secondary-link-hover-bg:var(--typo3-state-secondary-hover-bg);--typo3-badge-secondary-link-hover-border-color:var(--typo3-state-secondary-hover-border-color);--typo3-badge-secondary-link-focus-color:var(--typo3-state-secondary-focus-color);--typo3-badge-secondary-link-focus-bg:var(--typo3-state-secondary-focus-bg);--typo3-badge-secondary-link-focus-border-color:var(--typo3-state-secondary-focus-border-color);--typo3-badge-info-color:var(--typo3-state-info-color);--typo3-badge-info-bg:var(--typo3-state-info-bg);--typo3-badge-info-border-color:var(--typo3-state-info-border-color);--typo3-badge-info-link-hover-color:var(--typo3-state-info-hover-color);--typo3-badge-info-link-hover-bg:var(--typo3-state-info-hover-bg);--typo3-badge-info-link-hover-border-color:var(--typo3-state-info-hover-border-color);--typo3-badge-info-link-focus-color:var(--typo3-state-info-focus-color);--typo3-badge-info-link-focus-bg:var(--typo3-state-info-focus-bg);--typo3-badge-info-link-focus-border-color:var(--typo3-state-info-focus-border-color);--typo3-badge-success-color:var(--typo3-state-success-color);--typo3-badge-success-bg:var(--typo3-state-success-bg);--typo3-badge-success-border-color:var(--typo3-state-success-border-color);--typo3-badge-success-link-hover-color:var(--typo3-state-success-hover-color);--typo3-badge-success-link-hover-bg:var(--typo3-state-success-hover-bg);--typo3-badge-success-link-hover-border-color:var(--typo3-state-success-hover-border-color);--typo3-badge-success-link-focus-color:var(--typo3-state-success-focus-color);--typo3-badge-success-link-focus-bg:var(--typo3-state-success-focus-bg);--typo3-badge-success-link-focus-border-color:var(--typo3-state-success-focus-border-color);--typo3-badge-warning-color:var(--typo3-state-warning-color);--typo3-badge-warning-bg:var(--typo3-state-warning-bg);--typo3-badge-warning-border-color:var(--typo3-state-warning-border-color);--typo3-badge-warning-link-hover-color:var(--typo3-state-warning-hover-color);--typo3-badge-warning-link-hover-bg:var(--typo3-state-warning-hover-bg);--typo3-badge-warning-link-hover-border-color:var(--typo3-state-warning-hover-border-color);--typo3-badge-warning-link-focus-color:var(--typo3-state-warning-focus-color);--typo3-badge-warning-link-focus-bg:var(--typo3-state-warning-focus-bg);--typo3-badge-warning-link-focus-border-color:var(--typo3-state-warning-focus-border-color);--typo3-badge-danger-color:var(--typo3-state-danger-color);--typo3-badge-danger-bg:var(--typo3-state-danger-bg);--typo3-badge-danger-border-color:var(--typo3-state-danger-border-color);--typo3-badge-danger-link-hover-color:var(--typo3-state-danger-hover-color);--typo3-badge-danger-link-hover-bg:var(--typo3-state-danger-hover-bg);--typo3-badge-danger-link-hover-border-color:var(--typo3-state-danger-hover-border-color);--typo3-badge-danger-link-focus-color:var(--typo3-state-danger-focus-color);--typo3-badge-danger-link-focus-bg:var(--typo3-state-danger-focus-bg);--typo3-badge-danger-link-focus-border-color:var(--typo3-state-danger-focus-border-color);--typo3-badge-notice-color:var(--typo3-state-notice-color);--typo3-badge-notice-bg:var(--typo3-state-notice-bg);--typo3-badge-notice-border-color:var(--typo3-state-notice-border-color);--typo3-badge-notice-link-hover-color:var(--typo3-state-notice-hover-color);--typo3-badge-notice-link-hover-bg:var(--typo3-state-notice-hover-bg);--typo3-badge-notice-link-hover-border-color:var(--typo3-state-notice-hover-border-color);--typo3-badge-notice-link-focus-color:var(--typo3-state-notice-focus-color);--typo3-badge-notice-link-focus-bg:var(--typo3-state-notice-focus-bg);--typo3-badge-notice-link-focus-border-color:var(--typo3-state-notice-focus-border-color);--typo3-badge-default-color:var(--typo3-state-default-color);--typo3-badge-default-bg:var(--typo3-state-default-bg);--typo3-badge-default-border-color:var(--typo3-state-default-border-color);--typo3-badge-default-link-hover-color:var(--typo3-state-default-hover-color);--typo3-badge-default-link-hover-bg:var(--typo3-state-default-hover-bg);--typo3-badge-default-link-hover-border-color:var(--typo3-state-default-hover-border-color);--typo3-badge-default-link-focus-color:var(--typo3-state-default-focus-color);--typo3-badge-default-link-focus-bg:var(--typo3-state-default-focus-bg);--typo3-badge-default-link-focus-border-color:var(--typo3-state-default-focus-border-color)}
+.badge{--typo3-badge-color:var(--typo3-badge-default-color);--typo3-badge-bg:var(--typo3-badge-default-bg);--typo3-badge-border-color:var(--typo3-badge-default-border-color);--typo3-badge-link-hover-color:var(--typo3-badge-default-link-hover-color);--typo3-badge-link-hover-bg:var(--typo3-badge-default-link-hover-bg);--typo3-badge-link-hover-border-color:var(--typo3-badge-default-link-hover-border-color);--typo3-badge-link-focus-color:var(--typo3-badge-default-link-focus-color);--typo3-badge-link-focus-bg:var(--typo3-badge-default-link-focus-bg);--typo3-badge-link-focus-border-color:var(--typo3-badge-default-link-focus-border-color);--typo3-badge-padding-y:calc(0.34375em - 1px);--typo3-badge-padding-x:.65em;--typo3-badge-border-radius:.75em;--typo3-badge-font-size:0.91667em;align-items:center;background-color:var(--typo3-badge-bg);border:1px solid var(--typo3-badge-border-color);border-radius:var(--typo3-badge-border-radius);color:var(--typo3-badge-color);display:inline-flex;font-size:var(--typo3-badge-font-size);font-weight:600;gap:.35em;line-height:1;outline-offset:0;padding:var(--typo3-badge-padding-y) var(--typo3-badge-padding-x);text-align:center;vertical-align:middle;white-space:nowrap}
+.badge[href]{text-decoration:none}
+.badge[href]:hover{--typo3-badge-color:var(--typo3-badge-link-hover-color);--typo3-badge-bg:var(--typo3-badge-link-hover-bg);--typo3-badge-border-color:var(--typo3-badge-link-hover-border-color)}
+.badge[href]:focus{--typo3-badge-color:var(--typo3-badge-link-focus-color);--typo3-badge-bg:var(--typo3-badge-link-focus-bg);--typo3-badge-border-color:var(--typo3-badge-link-focus-border-color)}
+.badge[href]:focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-badge-link-focus-bg),transparent 25%)}
+.badge-primary{--typo3-badge-color:var(--typo3-badge-primary-color);--typo3-badge-bg:var(--typo3-badge-primary-bg);--typo3-badge-border-color:var(--typo3-badge-primary-border-color);--typo3-badge-link-hover-color:var(--typo3-badge-primary-link-hover-color);--typo3-badge-link-hover-bg:var(--typo3-badge-primary-link-hover-bg);--typo3-badge-link-hover-border-color:var(--typo3-badge-primary-link-hover-border-color);--typo3-badge-link-focus-color:var(--typo3-badge-primary-link-focus-color);--typo3-badge-link-focus-bg:var(--typo3-badge-primary-link-focus-bg);--typo3-badge-link-focus-border-color:var(--typo3-badge-primary-link-focus-border-color)}
+.badge-secondary{--typo3-badge-color:var(--typo3-badge-secondary-color);--typo3-badge-bg:var(--typo3-badge-secondary-bg);--typo3-badge-border-color:var(--typo3-badge-secondary-border-color);--typo3-badge-link-hover-color:var(--typo3-badge-secondary-link-hover-color);--typo3-badge-link-hover-bg:var(--typo3-badge-secondary-link-hover-bg);--typo3-badge-link-hover-border-color:var(--typo3-badge-secondary-link-hover-border-color);--typo3-badge-link-focus-color:var(--typo3-badge-secondary-link-focus-color);--typo3-badge-link-focus-bg:var(--typo3-badge-secondary-link-focus-bg);--typo3-badge-link-focus-border-color:var(--typo3-badge-secondary-link-focus-border-color)}
+.badge-info{--typo3-badge-color:var(--typo3-badge-info-color);--typo3-badge-bg:var(--typo3-badge-info-bg);--typo3-badge-border-color:var(--typo3-badge-info-border-color);--typo3-badge-link-hover-color:var(--typo3-badge-info-link-hover-color);--typo3-badge-link-hover-bg:var(--typo3-badge-info-link-hover-bg);--typo3-badge-link-hover-border-color:var(--typo3-badge-info-link-hover-border-color);--typo3-badge-link-focus-color:var(--typo3-badge-info-link-focus-color);--typo3-badge-link-focus-bg:var(--typo3-badge-info-link-focus-bg);--typo3-badge-link-focus-border-color:var(--typo3-badge-info-link-focus-border-color)}
+.badge-success{--typo3-badge-color:var(--typo3-badge-success-color);--typo3-badge-bg:var(--typo3-badge-success-bg);--typo3-badge-border-color:var(--typo3-badge-success-border-color);--typo3-badge-link-hover-color:var(--typo3-badge-success-link-hover-color);--typo3-badge-link-hover-bg:var(--typo3-badge-success-link-hover-bg);--typo3-badge-link-hover-border-color:var(--typo3-badge-success-link-hover-border-color);--typo3-badge-link-focus-color:var(--typo3-badge-success-link-focus-color);--typo3-badge-link-focus-bg:var(--typo3-badge-success-link-focus-bg);--typo3-badge-link-focus-border-color:var(--typo3-badge-success-link-focus-border-color)}
+.badge-warning{--typo3-badge-color:var(--typo3-badge-warning-color);--typo3-badge-bg:var(--typo3-badge-warning-bg);--typo3-badge-border-color:var(--typo3-badge-warning-border-color);--typo3-badge-link-hover-color:var(--typo3-badge-warning-link-hover-color);--typo3-badge-link-hover-bg:var(--typo3-badge-warning-link-hover-bg);--typo3-badge-link-hover-border-color:var(--typo3-badge-warning-link-hover-border-color);--typo3-badge-link-focus-color:var(--typo3-badge-warning-link-focus-color);--typo3-badge-link-focus-bg:var(--typo3-badge-warning-link-focus-bg);--typo3-badge-link-focus-border-color:var(--typo3-badge-warning-link-focus-border-color)}
+.badge-danger{--typo3-badge-color:var(--typo3-badge-danger-color);--typo3-badge-bg:var(--typo3-badge-danger-bg);--typo3-badge-border-color:var(--typo3-badge-danger-border-color);--typo3-badge-link-hover-color:var(--typo3-badge-danger-link-hover-color);--typo3-badge-link-hover-bg:var(--typo3-badge-danger-link-hover-bg);--typo3-badge-link-hover-border-color:var(--typo3-badge-danger-link-hover-border-color);--typo3-badge-link-focus-color:var(--typo3-badge-danger-link-focus-color);--typo3-badge-link-focus-bg:var(--typo3-badge-danger-link-focus-bg);--typo3-badge-link-focus-border-color:var(--typo3-badge-danger-link-focus-border-color)}
+.badge-notice{--typo3-badge-color:var(--typo3-badge-notice-color);--typo3-badge-bg:var(--typo3-badge-notice-bg);--typo3-badge-border-color:var(--typo3-badge-notice-border-color);--typo3-badge-link-hover-color:var(--typo3-badge-notice-link-hover-color);--typo3-badge-link-hover-bg:var(--typo3-badge-notice-link-hover-bg);--typo3-badge-link-hover-border-color:var(--typo3-badge-notice-link-hover-border-color);--typo3-badge-link-focus-color:var(--typo3-badge-notice-link-focus-color);--typo3-badge-link-focus-bg:var(--typo3-badge-notice-link-focus-bg);--typo3-badge-link-focus-border-color:var(--typo3-badge-notice-link-focus-border-color)}
+.badge-default{--typo3-badge-color:var(--typo3-badge-default-color);--typo3-badge-bg:var(--typo3-badge-default-bg);--typo3-badge-border-color:var(--typo3-badge-default-border-color);--typo3-badge-link-hover-color:var(--typo3-badge-default-link-hover-color);--typo3-badge-link-hover-bg:var(--typo3-badge-default-link-hover-bg);--typo3-badge-link-hover-border-color:var(--typo3-badge-default-link-hover-border-color);--typo3-badge-link-focus-color:var(--typo3-badge-default-link-focus-color);--typo3-badge-link-focus-bg:var(--typo3-badge-default-link-focus-bg);--typo3-badge-link-focus-border-color:var(--typo3-badge-default-link-focus-border-color)}
+.badge-stable{--typo3-badge-color:var(--typo3-badge-success-color);--typo3-badge-bg:var(--typo3-badge-success-bg);--typo3-badge-border-color:var(--typo3-badge-success-border-color);--typo3-badge-link-hover-color:var(--typo3-badge-success-link-hover-color);--typo3-badge-link-hover-bg:var(--typo3-badge-success-link-hover-bg);--typo3-badge-link-hover-border-color:var(--typo3-badge-success-link-hover-border-color);--typo3-badge-link-focus-color:var(--typo3-badge-success-link-focus-color);--typo3-badge-link-focus-bg:var(--typo3-badge-success-link-focus-bg);--typo3-badge-link-focus-border-color:var(--typo3-badge-success-link-focus-border-color)}
+.badge-experimental{--typo3-badge-color:var(--typo3-badge-info-color);--typo3-badge-bg:var(--typo3-badge-info-bg);--typo3-badge-border-color:var(--typo3-badge-info-border-color);--typo3-badge-link-hover-color:var(--typo3-badge-info-link-hover-color);--typo3-badge-link-hover-bg:var(--typo3-badge-info-link-hover-bg);--typo3-badge-link-hover-border-color:var(--typo3-badge-info-link-hover-border-color);--typo3-badge-link-focus-color:var(--typo3-badge-info-link-focus-color);--typo3-badge-link-focus-bg:var(--typo3-badge-info-link-focus-bg);--typo3-badge-link-focus-border-color:var(--typo3-badge-info-link-focus-border-color)}
+.badge-beta{--typo3-badge-color:var(--typo3-badge-warning-color);--typo3-badge-bg:var(--typo3-badge-warning-bg);--typo3-badge-border-color:var(--typo3-badge-warning-border-color);--typo3-badge-link-hover-color:var(--typo3-badge-warning-link-hover-color);--typo3-badge-link-hover-bg:var(--typo3-badge-warning-link-hover-bg);--typo3-badge-link-hover-border-color:var(--typo3-badge-warning-link-hover-border-color);--typo3-badge-link-focus-color:var(--typo3-badge-warning-link-focus-color);--typo3-badge-link-focus-bg:var(--typo3-badge-warning-link-focus-bg);--typo3-badge-link-focus-border-color:var(--typo3-badge-warning-link-focus-border-color)}
+.badge-alpha,.badge-deprecated{--typo3-badge-color:var(--typo3-badge-danger-color);--typo3-badge-bg:var(--typo3-badge-danger-bg);--typo3-badge-border-color:var(--typo3-badge-danger-border-color);--typo3-badge-link-hover-color:var(--typo3-badge-danger-link-hover-color);--typo3-badge-link-hover-bg:var(--typo3-badge-danger-link-hover-bg);--typo3-badge-link-hover-border-color:var(--typo3-badge-danger-link-hover-border-color);--typo3-badge-link-focus-color:var(--typo3-badge-danger-link-focus-color);--typo3-badge-link-focus-bg:var(--typo3-badge-danger-link-focus-bg);--typo3-badge-link-focus-border-color:var(--typo3-badge-danger-link-focus-border-color)}
+.badge-space-start{-webkit-margin-start:1em;margin-inline-start:1em}
+.badge-space-end{-webkit-margin-end:1em;margin-inline-end:1em}
+.badge-pill{--typo3-badge-border-radius:1em}
+.badge-list{display:flex;flex-wrap:wrap;gap:.25rem;list-style:none;margin:0;padding:0}
+typo3-backend-status-indicator{--typo3-status-indicator-color:var(--typo3-status-indicator-default-color);--typo3-status-indicator-dot-size:8px;--typo3-status-indicator-ring-offset:1px;--typo3-status-indicator-ring-width:2px;align-items:center;display:inline-flex;flex-shrink:0;height:var(--typo3-status-indicator-dot-size);justify-content:center;width:var(--typo3-status-indicator-dot-size);-webkit-margin-end:var(--typo3-status-indicator-ring-width);margin-inline-end:var(--typo3-status-indicator-ring-width)}
+.badge typo3-backend-status-indicator{--typo3-status-indicator-dot-size:6px;-webkit-margin-end:0;margin-inline-end:0}
+typo3-backend-status-indicator .status-indicator{align-items:center;background-color:var(--typo3-status-indicator-color);border-radius:50%;display:inline-flex;flex-shrink:0;height:var(--typo3-status-indicator-dot-size);justify-content:center;position:relative;width:var(--typo3-status-indicator-dot-size)}
+typo3-backend-status-indicator .status-indicator-info{--typo3-status-indicator-color:var(--typo3-status-indicator-info-color)}
+typo3-backend-status-indicator .status-indicator-success{--typo3-status-indicator-color:var(--typo3-status-indicator-success-color)}
+typo3-backend-status-indicator .status-indicator-warning{--typo3-status-indicator-color:var(--typo3-status-indicator-warning-color)}
+typo3-backend-status-indicator .status-indicator-danger{--typo3-status-indicator-color:var(--typo3-status-indicator-danger-color)}
+typo3-backend-status-indicator .status-indicator-notice{--typo3-status-indicator-color:var(--typo3-status-indicator-notice-color)}
+typo3-backend-status-indicator .status-indicator-primary{--typo3-status-indicator-color:var(--typo3-status-indicator-primary-color)}
+typo3-backend-status-indicator .status-indicator-secondary{--typo3-status-indicator-color:var(--typo3-status-indicator-secondary-color)}
+typo3-backend-status-indicator .status-indicator-default{--typo3-status-indicator-color:var(--typo3-status-indicator-default-color)}
+typo3-backend-status-indicator .status-indicator-active,typo3-backend-status-indicator .status-indicator-online{--typo3-status-indicator-color:var(--typo3-status-indicator-success-color)}
+typo3-backend-status-indicator .status-indicator-running{--typo3-status-indicator-color:var(--typo3-status-indicator-info-color)}
+typo3-backend-status-indicator .status-indicator-disabled{--typo3-status-indicator-color:var(--typo3-status-indicator-danger-color)}
+typo3-backend-status-indicator .status-indicator-live:after{animation:status-indicator-live 1.8s ease-in-out infinite;border-radius:50%;content:"";inset:0;opacity:.5;outline:var(--typo3-status-indicator-ring-width) solid var(--typo3-status-indicator-color);outline-offset:var(--typo3-status-indicator-ring-offset);position:absolute}
+@media (prefers-reduced-motion:reduce){
+typo3-backend-status-indicator .status-indicator-live:after{animation:none}}
+typo3-backend-status-indicator .status-indicator-loading:after{animation:status-indicator-loading .9s linear infinite;background:conic-gradient(from 90deg,transparent,var(--typo3-status-indicator-color));border-radius:50%;content:"";inset:calc((var(--typo3-status-indicator-ring-width) + var(--typo3-status-indicator-ring-offset))*-1);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - var(--typo3-status-indicator-ring-width)),#000 calc(100% - var(--typo3-status-indicator-ring-width)));mask:radial-gradient(farthest-side,transparent calc(100% - var(--typo3-status-indicator-ring-width)),#000 calc(100% - var(--typo3-status-indicator-ring-width)));position:absolute}
+@media (prefers-reduced-motion:reduce){
+typo3-backend-status-indicator .status-indicator-loading:after{animation:none}}
+@keyframes status-indicator-live{
+0%{opacity:.1}
+50%{opacity:.5}
+to{opacity:.1}}
+@keyframes status-indicator-loading{
+to{transform:rotate(1turn)}}
+.form-section{--typo3-form-section-border-width:1px;--typo3-form-section-border-color:color-mix(in srgb,var(--typo3-surface-container-low),var(--typo3-text-color-base) var(--typo3-border-mix));--typo3-form-section-padding-y:1.5rem;--typo3-form-section-padding-x:0;--typo3-form-section-headline-font-size:1rem;--treelist-bg:var(--typo3-surface-container-low);container-type:inline-size;padding:var(--typo3-form-section-padding-y) var(--typo3-form-section-padding-x)}
+.form-section+.form-section{border-top:var(--typo3-form-section-border-width) solid var(--typo3-form-section-border-color)}
+.form-section>:last-child{margin-bottom:0}
+.tab-pane>.form-section:last-child{padding-bottom:0}
+.form-section-headline{font-size:var(--typo3-form-section-headline-font-size);margin-bottom:var(--typo3-spacing);margin-top:0}
+.form-section-headline+.form-section-description{margin-bottom:var(--typo3-spacing);margin-top:calc(var(--typo3-spacing)/2*-1)}
+.form-section-description{color:var(--typo3-text-color-variant)}
+.form-group{margin-bottom:var(--typo3-spacing)}
+.form-group>:first-child{margin-top:0}
+.form-group>:last-child{margin-bottom:0}
+.form-group-dashed+.form-group-dashed{border-top:var(--typo3-component-border-width) dashed var(--typo3-component-border-color);padding-top:var(--typo3-spacing)}
+.form-multigroup-wrap{display:grid;gap:var(--typo3-spacing);grid-template-columns:1fr 1fr;width:100%}
+.form-grid{--typo3-form-grid-columns:1;--typo3-form-grid-min-col-width:250px;--typo3-form-grid-spacing:var(--typo3-spacing);--typo3-form-grid-spacing-y:var(--typo3-form-grid-spacing);--typo3-form-grid-total-gap:calc((var(--typo3-form-grid-columns) - 1)*var(--typo3-form-grid-spacing));--typo3-form-grid-ideal-col-width:calc((100% - var(--typo3-form-grid-total-gap))/var(--typo3-form-grid-columns));--typo3-form-grid-col-width:clamp(var(--typo3-form-grid-min-col-width),var(--typo3-form-grid-ideal-col-width),100%);display:grid;gap:var(--typo3-form-grid-spacing-y) var(--typo3-form-grid-spacing);margin-bottom:var(--typo3-form-grid-spacing)}
+.form-grid>*{margin-bottom:0;margin-top:0}
+@container (min-width: 600px){
+.form-grid{grid-template-columns:repeat(auto-fit,minmax(var(--typo3-form-grid-col-width),1fr))}}
+.form-grid:has(>.form-group>.form-check:only-child){--typo3-form-grid-spacing-y:calc(var(--typo3-form-grid-spacing)/2)}
+.form-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--typo3-spacing);margin-bottom:var(--typo3-spacing)}
+.form-row>.form-group,.form-row>.form-group>[class*=form-row]{margin-bottom:0}
+@media (min-width:576px){
+.form-row-sm{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--typo3-spacing);margin-bottom:var(--typo3-spacing)}
+.form-row-sm>.form-group,.form-row-sm>.form-group>[class*=form-row]{margin-bottom:0}}
+@media (min-width:768px){
+.form-row-md{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--typo3-spacing);margin-bottom:var(--typo3-spacing)}
+.form-row-md>.form-group,.form-row-md>.form-group>[class*=form-row]{margin-bottom:0}}
+@media (min-width:992px){
+.form-row-lg{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--typo3-spacing);margin-bottom:var(--typo3-spacing)}
+.form-row-lg>.form-group,.form-row-lg>.form-group>[class*=form-row]{margin-bottom:0}}
+@media (min-width:1200px){
+.form-row-xl{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--typo3-spacing);margin-bottom:var(--typo3-spacing)}
+.form-row-xl>.form-group,.form-row-xl>.form-group>[class*=form-row]{margin-bottom:0}}
+@media (min-width:1400px){
+.form-row-xxl{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--typo3-spacing);margin-bottom:var(--typo3-spacing)}
+.form-row-xxl>.form-group,.form-row-xxl>.form-group>[class*=form-row]{margin-bottom:0}}
+.form-label{align-items:center;color:inherit;display:inline-flex;float:none;font-size:var(--typo3-font-size);font-style:normal;font-weight:700;gap:.25rem;margin-bottom:calc(var(--typo3-spacing)*.25);word-break:break-word}
+.form-label code{display:contents}
+.form-labellabel{cursor:pointer}
+.form-control{--typo3-form-control-font-size:var(--typo3-input-font-size);--typo3-form-control-line-height:var(--typo3-input-line-height);--typo3-form-control-padding-x:var(--typo3-input-padding-x);--typo3-form-control-padding-y:var(--typo3-input-padding-y);--typo3-form-control-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;--typo3-form-control-color:var(--typo3-input-color);--typo3-form-control-placeholder-color:color-mix(in srgb,var(--typo3-input-color),transparent 35%);--typo3-form-control-bg:var(--typo3-input-bg);--typo3-form-control-border-radius:var(--typo3-input-border-radius);--typo3-form-control-border-width:var(--typo3-input-border-width);--typo3-form-control-border-color:var(--typo3-input-border-color);--typo3-form-control-hover-color:var(--typo3-input-hover-color);--typo3-form-control-hover-bg:var(--typo3-input-hover-bg);--typo3-form-control-hover-border-color:var(--typo3-input-hover-border-color);--typo3-form-control-focus-color:var(--typo3-input-focus-color);--typo3-form-control-focus-bg:var(--typo3-input-focus-bg);--typo3-form-control-focus-border-color:var(--typo3-input-focus-border-color);--typo3-form-control-disabled-color:var(--typo3-input-disabled-color);--typo3-form-control-disabled-bg:var(--typo3-input-disabled-bg);--typo3-form-control-disabled-border-color:var(--typo3-input-disabled-border-color);--typo3-form-control-disabled-opacity:var(--typo3-input-disabled-opacity);--typo3-form-control-min-height:calc(var(--typo3-form-control-padding-y)*2 + var(--typo3-form-control-font-size)*var(--typo3-form-control-line-height) + var(--typo3-form-control-border-width)*2);--typo3-form-control-icon-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box;background-color:var(--typo3-form-control-bg);border:var(--typo3-form-control-border-width) solid var(--typo3-form-control-border-color);border-radius:var(--typo3-form-control-border-radius);color:var(--typo3-form-control-color);display:block;font-size:var(--typo3-form-control-font-size);font-weight:400;line-height:var(--typo3-form-control-line-height);min-height:var(--typo3-form-control-min-height);min-width:120px;outline-offset:0;padding:var(--typo3-form-control-padding-y) var(--typo3-form-control-padding-x);transition:var(--typo3-form-control-transition);width:100%}
+.form-control[type=search]{-webkit-padding-start:calc(var(--typo3-form-control-padding-x)*1.5 + var(--typo3-form-control-icon-size));background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='gray' d='M13.92 15c-.29 0-.56-.12-.76-.32l-2.89-2.88c-.98.68-2.16 1.04-3.36 1.04C3.65 12.85 1 10.2 1 6.92 1 3.65 3.65 1 6.92 1s5.92 2.65 5.92 5.92c0 1.19-.36 2.37-1.04 3.36l2.89 2.89c.19.19.31.47.31.76 0 .58-.49 1.07-1.08 1.07m-7-12.58c-2.48 0-4.5 2.02-4.5 4.5s2.02 4.5 4.5 4.5 4.5-2.02 4.5-4.5-2.02-4.5-4.5-4.5'/%3E%3C/svg%3E");background-position:var(--typo3-position-start) var(--typo3-form-control-padding-x) top 50%;background-repeat:no-repeat;background-size:var(--typo3-form-control-icon-size);padding-inline-start:calc(var(--typo3-form-control-padding-x)*1.5 + var(--typo3-form-control-icon-size))}
+.form-control[type=search]::-webkit-search-cancel-button{align-self:center;-webkit-appearance:none;background-color:currentColor;height:var(--typo3-form-control-icon-size);margin:0;-webkit-mask-image:var(--typo3-icons-close);mask-image:var(--typo3-icons-close);opacity:.3;width:var(--typo3-form-control-icon-size)}
+.form-control[type=search]::-webkit-search-cancel-button:hover{opacity:.5}
+.form-control[type=file]{overflow:hidden}
+.form-control[type=file]:not([disabled]):not([readonly]){cursor:pointer}
+.form-control:hover{--typo3-form-control-color:var(--typo3-form-control-hover-color);--typo3-form-control-bg:var(--typo3-form-control-hover-bg);--typo3-form-control-border-color:var(--typo3-form-control-hover-border-color);z-index:2!important}
+.form-control:focus{--typo3-form-control-color:var(--typo3-form-control-focus-color);--typo3-form-control-bg:var(--typo3-form-control-focus-bg);--typo3-form-control-border-color:var(--typo3-form-control-focus-border-color);outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-form-control-focus-border-color),transparent 25%);z-index:3!important}
+.form-control::-moz-placeholder{color:var(--typo3-form-control-placeholder-color);opacity:1}
+.form-control::placeholder{color:var(--typo3-form-control-placeholder-color);opacity:1}
+.form-control[disabled],.form-control[readonly]{--typo3-form-control-color:color-mix(in srgb,var(--typo3-form-control-disabled-color),transparent calc((1 - var(--typo3-input-disabled-opacity))*100%));--typo3-form-control-bg:var(--typo3-form-control-disabled-bg);--typo3-form-control-border-color:var(--typo3-form-control-disabled-border-color)}
+.form-control[disabled]{cursor:not-allowed}
+.form-control ::-ms-clear,.form-control::-ms-reveal{display:none}
+.form-control::-webkit-file-upload-button{margin:calc(var(--typo3-form-control-padding-y)*-1) calc(var(--typo3-form-control-padding-x)*-1);padding:var(--typo3-form-control-padding-y) var(--typo3-form-control-padding-x);-webkit-margin-end:var(--typo3-form-control-padding-x);background-color:color-mix(in srgb,var(--typo3-form-control-bg),var(--typo3-form-control-color) 7.5%);border:0 solid;border-color:inherit;border-inline-end-width:var(--typo3-form-control-border-width);border-radius:0;color:var(--typo3-form-control-color);margin-inline-end:var(--typo3-form-control-padding-x);pointer-events:none;-webkit-transition:var(--typo3-form-control-transition);transition:var(--typo3-form-control-transition)}
+.form-control::file-selector-button{margin:calc(var(--typo3-form-control-padding-y)*-1) calc(var(--typo3-form-control-padding-x)*-1);padding:var(--typo3-form-control-padding-y) var(--typo3-form-control-padding-x);-webkit-margin-end:var(--typo3-form-control-padding-x);background-color:color-mix(in srgb,var(--typo3-form-control-bg),var(--typo3-form-control-color) 7.5%);border:0 solid;border-color:inherit;border-inline-end-width:var(--typo3-form-control-border-width);border-radius:0;color:var(--typo3-form-control-color);margin-inline-end:var(--typo3-form-control-padding-x);pointer-events:none;transition:var(--typo3-form-control-transition)}
+.form-control:hover:not([disabled]):not([readonly])::-webkit-file-upload-button{background-color:color-mix(in srgb,var(--typo3-form-control-bg),var(--typo3-form-control-color) 15%)}
+.form-control:hover:not([disabled]):not([readonly])::file-selector-button{background-color:color-mix(in srgb,var(--typo3-form-control-bg),var(--typo3-form-control-color) 15%)}
+.form-control-sm{--typo3-form-control-padding-y:var(--typo3-input-sm-padding-y);--typo3-form-control-padding-x:var(--typo3-input-sm-padding-x);--typo3-form-control-font-size:var(--typo3-input-sm-font-size)}
+.form-control-adapt{max-width:100%;width:auto}
+.form-select{--typo3-form-select-border-radius:var(--typo3-input-border-radius);--typo3-form-select-font-size:var(--typo3-input-font-size);--typo3-form-select-line-height:var(--typo3-input-line-height);--typo3-form-select-padding-x:var(--typo3-input-padding-x);--typo3-form-select-padding-y:var(--typo3-input-padding-y);--typo3-form-select-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;--typo3-form-select-color:var(--typo3-input-color);--typo3-form-select-bg:var(--typo3-input-bg);--typo3-form-select-icon-size:16px;--typo3-form-select-border-width:var(--typo3-input-border-width);--typo3-form-select-border-color:var(--typo3-input-border-color);--typo3-form-select-hover-color:var(--typo3-input-hover-color);--typo3-form-select-hover-bg:var(--typo3-input-hover-bg);--typo3-form-select-hover-border-color:var(--typo3-input-hover-border-color);--typo3-form-select-focus-color:var(--typo3-input-focus-color);--typo3-form-select-focus-bg:var(--typo3-input-focus-bg);--typo3-form-select-focus-border-color:var(--typo3-input-focus-border-color);--typo3-form-select-disabled-color:var(--typo3-input-disabled-color);--typo3-form-select-disabled-bg:var(--typo3-input-disabled-bg);--typo3-form-select-disabled-border-color:var(--typo3-input-disabled-border-color);--typo3-form-select-disabled-opacity:var(--typo3-input-disabled-opacity);--typo3-form-select-min-height:calc(var(--typo3-form-select-padding-y)*2 + var(--typo3-form-select-font-size)*var(--typo3-form-select-line-height) + var(--typo3-form-select-border-width)*2);-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;padding:var(--typo3-form-select-padding-y) var(--typo3-form-select-padding-x);position:relative;width:100%;-webkit-padding-end:calc(var(--typo3-form-select-padding-x)*2 + var(--typo3-form-select-icon-size));background-clip:border-box;background-color:var(--typo3-form-select-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 16 16'%3E%3Cpath fill='gray' d='m4.464 6.05-.707.707L8 11l4.243-4.243-.707-.707L8 9.586z'/%3E%3C/svg%3E");background-position:var(--typo3-position-end) var(--typo3-form-select-padding-x) top 50%;background-repeat:no-repeat;background-size:var(--typo3-form-select-icon-size);border:var(--typo3-form-select-border-width) solid var(--typo3-form-select-border-color);border-radius:var(--typo3-form-select-border-radius);color:var(--typo3-form-select-color);font-size:var(--typo3-form-select-font-size);font-weight:400;line-height:var(--typo3-form-select-line-height);min-height:var(--typo3-form-select-min-height);min-width:120px;outline-offset:0;overflow-x:hidden;padding-inline-end:calc(var(--typo3-form-select-padding-x)*2 + var(--typo3-form-select-icon-size));text-overflow:ellipsis;transition:var(--typo3-form-select-transition)}
+.form-select:hover{--typo3-form-select-color:var(--typo3-form-select-hover-color);--typo3-form-select-bg:var(--typo3-form-select-hover-bg);--typo3-form-select-border-color:var(--typo3-form-select-hover-border-color);z-index:2!important}
+.form-select:focus{--typo3-form-select-color:var(--typo3-form-select-focus-color);--typo3-form-select-bg:var(--typo3-form-select-focus-bg);--typo3-form-select-border-color:var(--typo3-form-select-focus-border-color);outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-form-select-focus-border-color),transparent 25%);z-index:3!important}
+.form-select[disabled]{--typo3-form-select-color:color-mix(in srgb,var(--typo3-form-select-disabled-color),transparent calc((1 - var(--typo3-form-select-disabled-opacity))*100%));--typo3-form-select-bg:var(--typo3-form-select-disabled-bg);--typo3-form-select-border-color:var(--typo3-form-select-disabled-border-color);cursor:not-allowed}
+.form-select[multiple],.form-select[size]:not([size="1"]){background-image:none;min-height:10rem;padding:0;scrollbar-color:var(--typo3-text-color-secondary) transparent}
+.form-select optgroup{line-height:1.5;-webkit-padding-start:var(--typo3-form-select-padding-y);padding-inline-start:var(--typo3-form-select-padding-y)}
+.form-select optgroup,.form-select optgroup option:first-child{margin-top:var(--typo3-form-select-padding-y)}
+.form-select option{border-radius:calc(var(--typo3-form-select-border-radius) - 1px);margin:1px;overflow:hidden;padding:var(--typo3-form-select-padding-y) var(--typo3-form-select-padding-x);text-overflow:ellipsis}
+.form-select-sm{--typo3-form-select-padding-y:var(--typo3-input-sm-padding-y);--typo3-form-select-padding-x:var(--typo3-input-sm-padding-x);--typo3-form-select-font-size:var(--typo3-input-sm-font-size)}
+.form-range{--typo3-form-range-contrast:var(--typo3-component-color);--typo3-form-range-border-radius:var(--typo3-input-border-radius);--typo3-form-range-border-width:var(--typo3-input-border-width);--typo3-form-range-border-color:var(--typo3-input-border-color);--typo3-form-range-padding-y:var(--typo3-input-padding-y);--typo3-form-range-font-size:var(--typo3-input-font-size);--typo3-form-range-height:calc(var(--typo3-form-range-padding-y)*2 + var(--typo3-form-range-font-size)*var(--typo3-input-line-height) + var(--typo3-form-range-border-width)*2);--typo3-form-range-bg-state:initial;--typo3-form-range-border-color-state:initial;--typo3-form-range-bg:var(--typo3-input-bg);--typo3-form-range-hover-bg:var(--typo3-input-hover-bg);--typo3-form-range-hover-border-color:var(--typo3-input-hover-border-color);--typo3-form-range-focus-bg:var(--typo3-input-focus-bg);--typo3-form-range-focus-border-color:var(--typo3-input-focus-border-color);--typo3-form-range-disabled-bg:var(--typo3-input-disabled-bg);--typo3-form-range-disabled-border-color:var(--typo3-input-disabled-border-color);--typo3-form-range-shadow:var(--typo3-component-box-shadow-strong);--typo3-form-range-thumb-height:calc(var(--typo3-form-range-font-size)*var(--typo3-input-line-height) + var(--typo3-form-range-border-width)*2);--typo3-form-range-thumb-width:var(--typo3-form-range-font-size);--typo3-form-range-track-height:var(--typo3-form-range-font-size);--typo3-form-range-track-width:100%;width:100%}
+.form-range-sm{--typo3-form-range-padding-y:var(--typo3-input-sm-padding-y);--typo3-form-range-font-size:var(--typo3-input-sm-font-size)}
+.form-range-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;display:block;height:var(--typo3-form-range-height);outline:none;width:100%}
+.form-range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--typo3-form-range-bg-state,var(--typo3-form-range-bg));border:var(--typo3-form-range-border-width) solid var(--typo3-form-range-border-color-state,var(--typo3-form-range-border-color));border-radius:var(--typo3-form-range-border-radius);box-shadow:var(--typo3-form-range-thumb-shadow);box-sizing:border-box;cursor:grab;height:var(--typo3-form-range-thumb-height);margin-top:calc((var(--typo3-form-range-thumb-height) - var(--typo3-form-range-track-height))/2*-1 - var(--typo3-form-range-border-width));width:var(--typo3-form-range-thumb-width)}
+.form-range-input::-webkit-slider-thumb:active{cursor:grabbing}
+.form-range-input::-webkit-slider-runnable-track{background:var(--typo3-form-range-bg-state,var(--typo3-form-range-bg));border:var(--typo3-form-range-border-width) solid var(--typo3-form-range-border-color-state,var(--typo3-form-range-border-color));border-radius:var(--typo3-form-range-border-radius);box-sizing:border-box;height:var(--typo3-form-range-track-height)}
+.form-range-input::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:var(--typo3-form-range-bg-state,var(--typo3-form-range-bg));border:var(--typo3-form-range-border-width) solid var(--typo3-form-range-border-color-state,var(--typo3-form-range-border-color));border-radius:var(--typo3-form-range-border-radius);box-shadow:var(--typo3-form-range-thumb-shadow);box-sizing:border-box;cursor:grab;height:var(--typo3-form-range-thumb-height);width:var(--typo3-form-range-thumb-width)}
+.form-range-input::-moz-range-thumb:active{cursor:grabbing}
+.form-range-input::-moz-range-track{background:var(--typo3-form-range-bg-state,var(--typo3-form-range-bg));width:100%}
+.form-range-input::-moz-range-progress,.form-range-input::-moz-range-track{border:var(--typo3-form-range-border-width) solid var(--typo3-form-range-border-color-state,var(--typo3-form-range-border-color));border-radius:var(--typo3-form-range-border-radius);box-sizing:border-box;height:var(--typo3-form-range-track-height)}
+.form-range-input::-moz-range-progress{background:color-mix(in srgb,var(--typo3-form-range-bg-state,var(--typo3-form-range-bg)),var(--typo3-form-range-contrast) 10%)}
+.form-range-input:hover{--typo3-form-range-border-color-state:var(--typo3-form-range-hover-border-color);--typo3-form-range-bg-state:var(--typo3-form-range-hover-bg)}
+.form-range-input:active,.form-range-input:focus{--typo3-form-range-border-color-state:var(--typo3-form-range-focus-border-color);--typo3-form-range-bg-state:var(--typo3-form-range-focus-bg)}
+.form-range-input:focus-visible::-webkit-slider-thumb{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-form-range-border-color-state,var(--typo3-form-range-border-color)),transparent 25%);outline-offset:0}
+.form-range-input:focus-visible::-moz-range-thumb{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-form-range-border-color-state,var(--typo3-form-range-border-color)),transparent 25%);outline-offset:0}
+.form-range-input[disabled]{--typo3-form-range-border-color-state:var(--typo3-form-range-disabled-border-color);--typo3-form-range-bg-state:var(--typo3-form-range-disabled-bg);cursor:not-allowed}
+.form-check{--typo3-form-check-mask-position:center center;--typo3-form-check-mask-image-none:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 0 0"/>');--typo3-form-check-mask-image-indeterminate:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M12.5 9h-9c-.3 0-.5-.2-.5-.5v-1c0-.3.2-.5.5-.5h9c.3 0 .5.2.5.5v1c0 .3-.2.5-.5.5"/></svg>');--typo3-form-check-mask-image-switch:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="5"/></svg>');--typo3-form-check-mask-image-check-checked:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m13.3 4.8-.7-.7c-.2-.2-.5-.2-.7 0L6.5 9.5 4 6.9c-.2-.2-.5-.2-.7 0l-.6.7c-.2.2-.2.5 0 .7l3.6 3.6c.2.2.5.2.7 0l6.4-6.4c.1-.2.1-.5-.1-.7"/></svg>');--typo3-form-check-mask-image-radio-checked:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><circle cx="8" cy="8" r="5"/></svg>');--typo3-form-check-mask-image:var(--typo3-form-check-mask-image-none);--typo3-form-check-top-correction:calc((1.5em - var(--typo3-form-check-height))/2);--typo3-form-check-margin-bottom:calc(var(--typo3-spacing)/2);--typo3-form-check-space:.5em;--typo3-form-check-width:1em;--typo3-form-check-height:1em;--typo3-form-check-padding-inline-start:var(--typo3-form-check-width);--typo3-form-check-border-radius:.25em;--typo3-form-check-color:var(--typo3-input-color);--typo3-form-check-bg:var(--typo3-input-bg);--typo3-form-check-border-width:var(--typo3-input-border-width);--typo3-form-check-border-color:var(--typo3-input-border-color);--typo3-form-check-hover-color:var(--typo3-input-hover-color);--typo3-form-check-hover-bg:var(--typo3-input-hover-bg);--typo3-form-check-hover-border-color:var(--typo3-input-hover-border-color);--typo3-form-check-focus-border-color:var(--typo3-input-focus-border-color);--typo3-form-check-checked-color:var(--typo3-input-active-color);--typo3-form-check-checked-bg:var(--typo3-input-active-bg);--typo3-form-check-checked-border-color:var(--typo3-input-active-border-color);--typo3-form-check-disabled-opacity:var(--typo3-input-disabled-opacity);--typo3-form-check-transition-time:.2s;--typo3-form-check-transition:color var(--typo3-form-check-transition-time) ease-in-out,background-color var(--typo3-form-check-transition-time) ease-in-out,border-color var(--typo3-form-check-transition-time) ease-in-out,box-shadow var(--typo3-form-check-transition-time) ease-in-out,mask-position var(--typo3-form-check-transition-time) ease-in-out;display:flex;gap:var(--typo3-form-check-space);margin-bottom:var(--typo3-form-check-margin-bottom);position:relative}
+@media (prefers-reduced-motion){
+.form-check{--typo3-form-check-transition:none}}
+.form-check-input{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--typo3-form-check-bg);border:var(--typo3-form-check-border-width) solid var(--typo3-form-check-border-color);color:var(--typo3-form-check-color);cursor:pointer;display:inline-flex;flex-grow:0;flex-shrink:0;justify-content:center;margin-top:var(--typo3-form-check-top-correction)}
+.form-check-input,.form-check-input:before{height:var(--typo3-form-check-height);transition:var(--typo3-form-check-transition);width:var(--typo3-form-check-width)}
+.form-check-input:before{background-color:var(--typo3-form-check-color);content:"";display:block;-webkit-mask-image:var(--typo3-form-check-mask-image);mask-image:var(--typo3-form-check-mask-image);-webkit-mask-position:var(--typo3-form-check-mask-position);mask-position:var(--typo3-form-check-mask-position);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;pointer-events:none}
+.form-check-input[type=checkbox]{border-radius:var(--typo3-form-check-border-radius)}
+.form-check-input[type=radio]{border-radius:50%}
+.form-check-input:hover{--typo3-form-check-color:var(--typo3-form-check-hover-color);--typo3-form-check-bg:var(--typo3-form-check-hover-bg);--typo3-form-check-border-color:var(--typo3-form-check-hover-border-color)}
+.form-check-input:hover~.form-check-label{--typo3-form-check-color:var(--typo3-form-check-hover-color)}
+.form-check-input:focus{--typo3-form-check-border-color:var(--typo3-form-check-focus-border-color);outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-form-check-focus-border-color),transparent 25%)}
+.form-check-input:indeterminate[type=checkbox]{--typo3-form-check-mask-image:var(--typo3-form-check-mask-image-indeterminate)}
+.form-check-input:checked{--typo3-form-check-color:var(--typo3-form-check-checked-color);--typo3-form-check-bg:var(--typo3-form-check-checked-bg);--typo3-form-check-border-color:var(--typo3-form-check-checked-border-color)}
+.form-check-input:checked~.form-check-label{--typo3-form-check-color:var(--typo3-form-check-checked-color)}
+.form-check-input:checked[type=checkbox]{--typo3-form-check-mask-image:var(--typo3-form-check-mask-image-check-checked)}
+.form-check-input:checked[type=radio]{--typo3-form-check-mask-image:var(--typo3-form-check-mask-image-radio-checked)}
+.form-check-input[disabled]{cursor:not-allowed;opacity:var(--typo3-form-check-disabled-opacity)}
+.form-check-input[disabled]~.form-check-label{cursor:default;opacity:var(--typo3-form-check-disabled-opacity)}
+.form-check-label{cursor:pointer}
+.form-switch{--typo3-form-check-mask-position:left center;--typo3-form-check-width:2em;--typo3-form-check-border-radius:.5em}
+.form-switch .form-check-input{--typo3-form-check-mask-image:var(--typo3-form-check-mask-image-switch)!important}
+.form-switch .form-check-input:indeterminate{--typo3-form-check-mask-position:center center}
+.form-switch .form-check-input:checked{--typo3-form-check-mask-position:right center}
+.form-check-inline{display:inline-flex;margin-right:var(--typo3-spacing)}
+.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}
+.btn-check[disabled]+.btn{filter:none;opacity:var(--typo3-form-check-disabled-opacity);pointer-events:none}
+.form-check.form-check-type-labeled-toggle{align-items:center;display:flex;-webkit-padding-start:0;gap:var(--typo3-form-check-space);padding-inline-start:0}
+.form-check.form-check-type-labeled-toggle.form-check-inline{display:inline-flex}
+.form-check.form-check-type-labeled-toggle .form-check-input{align-items:center;background-image:none!important;border-radius:var(--typo3-form-check-border-radius);color:var(--typo3-form-check-color);display:inline-flex;flex-grow:0;flex-shrink:0;float:none;font-size:1em;height:auto;line-height:1;margin:0;padding:.5em .75em;width:auto}
+.form-check.form-check-type-labeled-toggle .form-check-input:before{background-color:transparent;content:attr(data-form-check-label-unchecked);height:auto;-webkit-mask-image:none;mask-image:none;width:auto}
+.form-check.form-check-type-labeled-toggle .form-check-input:checked:before{content:attr(data-form-check-label-checked)}
+.form-check.form-check-type-icon-toggle{--typo3-form-check-width:1.5em;--typo3-form-check-height:1.5em}
+.form-check.form-check-type-icon-toggle .form-check-input:before{display:none}
+.form-check.form-check-type-icon-toggle .form-check-label-icon{align-items:center;color:var(--typo3-form-check-color);display:flex;height:var(--typo3-form-check-height);inset-inline-start:0;justify-content:center;position:absolute;top:var(--typo3-form-check-top-correction);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--typo3-form-check-width)}
+.form-check.form-check-type-icon-toggle .form-check-label-icon>*{align-items:center;display:flex;justify-content:center}
+.form-check.form-check-type-icon-toggle .form-check-label-icon-checked,.form-check.form-check-type-icon-toggle .form-check-label-icon-indeterminate{display:none!important}
+.form-check.form-check-type-icon-toggle .form-check-input:checked~.form-check-label .form-check-label-icon-checked,.form-check.form-check-type-icon-toggle .form-check-label-icon-unchecked{display:flex!important}
+.form-check.form-check-type-icon-toggle .form-check-input:checked~.form-check-label .form-check-label-icon-indeterminate,.form-check.form-check-type-icon-toggle .form-check-input:checked~.form-check-label .form-check-label-icon-unchecked{display:none!important}
+.form-check.form-check-type-icon-toggle .form-check-input:indeterminate~.form-check-label .form-check-label-icon-checked{display:none!important}
+.form-check.form-check-type-icon-toggle .form-check-input:indeterminate~.form-check-label .form-check-label-icon-unchecked{display:none!important}
+.form-check.form-check-type-icon-toggle .form-check-input:indeterminate~.form-check-label .form-check-label-icon-indeterminate{display:flex!important}
+.form-check.form-check-type-toggle{--typo3-form-check-width:1.33333em;--typo3-form-check-height:1.33333em}
+.form-check.form-check-type-card{--typo3-form-check-width:1.5em;--typo3-form-check-height:1.5em;--typo3-form-check-card-color:var(--typo3-text-color-base);--typo3-form-check-card-bg:var(--typo3-surface-container-low);--typo3-form-check-card-border-radius:var(--typo3-component-border-radius);--typo3-form-check-card-border-color:color-mix(in srgb,var(--typo3-form-check-card-bg),var(--typo3-form-check-card-color) var(--typo3-border-mix));--typo3-form-check-card-padding:1rem;background:var(--typo3-form-check-card-bg);border:1px solid var(--typo3-form-check-card-border-color);border-radius:var(--typo3-form-check-card-border-radius);box-shadow:var(--typo3-component-box-shadow);color:var(--typo3-form-check-card-color);margin-bottom:var(--typo3-spacing);padding:var(--typo3-form-check-card-padding);transition:var(--typo3-form-check-transition)}
+.form-check.form-check-type-card:focus,.form-check.form-check-type-card:hover{box-shadow:var(--typo3-component-box-shadow-strong)}
+.form-check.form-check-type-card:has(>.form-check-input:focus){--typo3-form-check-card-border-color:var(--typo3-form-check-focus-border-color);outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-form-check-focus-border-color),transparent 25%)}
+.form-check.form-check-type-card:has(>.form-check-input:checked){--typo3-form-check-card-border-color:var(--typo3-form-check-checked-border-color)}
+.form-check.form-check-type-card .form-check-input{order:1}
+.form-check.form-check-type-card .form-check-input:focus{outline:none}
+.form-check.form-check-type-card .form-check-input:checked[type=radio]{--typo3-form-check-mask-image:var(--typo3-form-check-mask-image-check-checked)}
+.form-check.form-check-type-card .form-check-label{align-items:self-start;display:grid;flex-grow:1;gap:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.form-check.form-check-type-card .form-check-label:has(>.form-check-label-body){grid-template-rows:-webkit-min-content auto;grid-template-rows:min-content auto}
+.form-check.form-check-type-card .form-check-label:after{border-radius:var(--typo3-form-check-card-border-radius);bottom:0;content:"";display:block;left:0;position:absolute;right:0;top:0}
+.form-check.form-check-type-card .form-check-label-header{align-items:center;display:flex;font-family:inherit;font-size:1rem;gap:.5rem;line-height:1.2}
+.form-check.form-check-type-card .form-check-label-header-inherit{font-size:inherit;line-height:inherit}
+.form-check.form-check-type-card .form-check-label-label-body{display:block}
+.form-check-card-container{--typo3-form-check-card-grid-gap:1rem;--typo3-form-check-card-min-size:200px;--typo3-form-check-card-max-size:1fr;display:grid;gap:var(--typo3-form-check-card-grid-gap);grid-template-columns:repeat(auto-fit,minmax(var(--typo3-form-check-card-min-size),var(--typo3-form-check-card-max-size)));margin-bottom:var(--typo3-spacing)}
+.form-check-card-container-small{--typo3-form-check-card-max-size:300px}
+.form-check-card-container .form-check-type-card{margin-bottom:0}
+.form-check-card-container-headline{font-size:.8125rem;font-weight:700;grid-column:1/-1;margin-bottom:-3px}
+*+.form-check-card-container-headline{margin-top:calc(var(--typo3-form-check-card-grid-gap)*.5)}
+.form-check.form-check-size-input{margin-bottom:calc(var(--typo3-spacing)/2);margin-top:calc(var(--typo3-spacing)/2)}
+.form-text{margin-top:calc(var(--typo3-spacing)*.25)}
+.form-description{color:var(--typo3-text-color-variant);margin-bottom:calc(var(--typo3-spacing)*.25)}
+.has-change{--typo3-input-color:var(--typo3-surface-container-info-text);--typo3-input-bg:var(--typo3-surface-container-info);--typo3-input-group-addon-bg:color-mix(in srgb,var(--typo3-input-bg),var(--typo3-input-color) 10%);--typo3-input-border-color:var(--typo3-state-info-border-color);--typo3-input-hover-color:var(--typo3-input-color);--typo3-input-hover-bg:var(--typo3-input-bg);--typo3-input-hover-border-color:var(--typo3-state-info-hover-border-color);--typo3-input-focus-color:var(--typo3-input-color);--typo3-input-focus-bg:var(--typo3-input-bg);--typo3-input-focus-border-color:var(--typo3-state-info-focus-border-color)}
+.has-change .form-label:before,.has-change.form-label:before{background-color:var(--typo3-text-color-info);background-size:contain;content:"";display:inline-block;flex-shrink:0;height:1.3333333333em;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='currentColor'%3E%3Cpath d='M8 2c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6 2.7-6 6-6m0-1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7'/%3E%3Ccircle cx='8' cy='11' r='1'/%3E%3Cpath d='M8.5 9h-1l-.445-4.45A.5.5 0 0 1 7.552 4h.896a.5.5 0 0 1 .497.55z'/%3E%3C/g%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='currentColor'%3E%3Cpath d='M8 2c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6 2.7-6 6-6m0-1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7'/%3E%3Ccircle cx='8' cy='11' r='1'/%3E%3Cpath d='M8.5 9h-1l-.445-4.45A.5.5 0 0 1 7.552 4h.896a.5.5 0 0 1 .497.55z'/%3E%3C/g%3E%3C/svg%3E");vertical-align:middle;width:1.3333333333em}
+.has-success,.is-valid{--typo3-input-color:var(--typo3-surface-container-success-text);--typo3-input-bg:var(--typo3-surface-container-success);--typo3-input-group-addon-bg:color-mix(in srgb,var(--typo3-input-bg),var(--typo3-input-color) 10%);--typo3-input-border-color:var(--typo3-state-success-border-color);--typo3-input-hover-color:var(--typo3-input-color);--typo3-input-hover-bg:var(--typo3-input-bg);--typo3-input-hover-border-color:var(--typo3-state-success-hover-border-color);--typo3-input-focus-color:var(--typo3-input-color);--typo3-input-focus-bg:var(--typo3-input-bg);--typo3-input-focus-border-color:var(--typo3-state-success-focus-border-color)}
+.has-success .form-label:before,.has-success.form-label:before,.is-valid .form-label:before,.is-valid.form-label:before{background-color:var(--typo3-text-color-success);background-size:contain;content:"";display:inline-block;flex-shrink:0;height:1.3333333333em;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='currentColor'%3E%3Cpath d='m12.1 5.3-.4-.3c-.1-.1-.3-.1-.4 0L6.6 9.8l-2-2c-.1-.1-.3-.1-.4 0l-.3.4c-.1.1-.1.3 0 .4L6 10.7l.4.3c.1.1.3.1.4 0l.4-.4 4.9-4.9c.1-.1.1-.3 0-.4'/%3E%3Cpath d='M8 2c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6 2.7-6 6-6m0-1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7'/%3E%3C/g%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='currentColor'%3E%3Cpath d='m12.1 5.3-.4-.3c-.1-.1-.3-.1-.4 0L6.6 9.8l-2-2c-.1-.1-.3-.1-.4 0l-.3.4c-.1.1-.1.3 0 .4L6 10.7l.4.3c.1.1.3.1.4 0l.4-.4 4.9-4.9c.1-.1.1-.3 0-.4'/%3E%3Cpath d='M8 2c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6 2.7-6 6-6m0-1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7'/%3E%3C/g%3E%3C/svg%3E");vertical-align:middle;width:1.3333333333em}
+.has-warning{--typo3-input-color:var(--typo3-surface-container-warning-text);--typo3-input-bg:var(--typo3-surface-container-warning);--typo3-input-group-addon-bg:color-mix(in srgb,var(--typo3-input-bg),var(--typo3-input-color) 10%);--typo3-input-border-color:var(--typo3-state-warning-border-color);--typo3-input-hover-color:var(--typo3-input-color);--typo3-input-hover-bg:var(--typo3-input-bg);--typo3-input-hover-border-color:var(--typo3-state-warning-hover-border-color);--typo3-input-focus-color:var(--typo3-input-color);--typo3-input-focus-bg:var(--typo3-input-bg);--typo3-input-focus-border-color:var(--typo3-state-warning-focus-border-color)}
+.has-warning .form-label:before,.has-warning.form-label:before{background-color:var(--typo3-text-color-warning);background-size:contain;content:"";display:inline-block;flex-shrink:0;height:1.3333333333em;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='currentColor'%3E%3Ccircle cx='8' cy='12' r='1'/%3E%3Cpath d='M8.5 10h-1l-.445-4.45A.5.5 0 0 1 7.552 5h.896a.5.5 0 0 1 .497.55z'/%3E%3Cpath d='M8 2.008a.98.98 0 0 1 .875.515l5.536 9.992a.98.98 0 0 1-.013.993.98.98 0 0 1-.862.492H2.464a.98.98 0 0 1-.862-.492.98.98 0 0 1-.013-.993l5.536-9.992A.98.98 0 0 1 8 2.008m0-1a1.98 1.98 0 0 0-1.75 1.03L.715 12.032C-.024 13.364.94 15 2.464 15h11.072c1.524 0 2.488-1.636 1.75-2.97L9.749 2.04A1.98 1.98 0 0 0 8 1.009z'/%3E%3C/g%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='currentColor'%3E%3Ccircle cx='8' cy='12' r='1'/%3E%3Cpath d='M8.5 10h-1l-.445-4.45A.5.5 0 0 1 7.552 5h.896a.5.5 0 0 1 .497.55z'/%3E%3Cpath d='M8 2.008a.98.98 0 0 1 .875.515l5.536 9.992a.98.98 0 0 1-.013.993.98.98 0 0 1-.862.492H2.464a.98.98 0 0 1-.862-.492.98.98 0 0 1-.013-.993l5.536-9.992A.98.98 0 0 1 8 2.008m0-1a1.98 1.98 0 0 0-1.75 1.03L.715 12.032C-.024 13.364.94 15 2.464 15h11.072c1.524 0 2.488-1.636 1.75-2.97L9.749 2.04A1.98 1.98 0 0 0 8 1.009z'/%3E%3C/g%3E%3C/svg%3E");vertical-align:middle;width:1.3333333333em}
+.has-error,.is-invalid{--typo3-input-color:var(--typo3-surface-container-danger-text);--typo3-input-bg:var(--typo3-surface-container-danger);--typo3-input-group-addon-bg:color-mix(in srgb,var(--typo3-input-bg),var(--typo3-input-color) 10%);--typo3-input-border-color:var(--typo3-state-danger-border-color);--typo3-input-hover-color:var(--typo3-input-color);--typo3-input-hover-bg:var(--typo3-input-bg);--typo3-input-hover-border-color:var(--typo3-state-danger-hover-border-color);--typo3-input-focus-color:var(--typo3-input-color);--typo3-input-focus-bg:var(--typo3-input-bg);--typo3-input-focus-border-color:var(--typo3-state-danger-focus-border-color)}
+.has-error .form-label:before,.has-error.form-label:before,.is-invalid .form-label:before,.is-invalid.form-label:before{background-color:var(--typo3-text-color-danger);background-size:contain;content:"";display:inline-block;flex-shrink:0;height:1.3333333333em;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='currentColor'%3E%3Cpath d='M8 2c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6 2.7-6 6-6m0-1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7'/%3E%3Ccircle cx='8' cy='11' r='1'/%3E%3Cpath d='M8.5 9h-1l-.445-4.45A.5.5 0 0 1 7.552 4h.896a.5.5 0 0 1 .497.55z'/%3E%3C/g%3E%3C/svg%3E");mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='currentColor'%3E%3Cpath d='M8 2c3.3 0 6 2.7 6 6s-2.7 6-6 6-6-2.7-6-6 2.7-6 6-6m0-1C4.1 1 1 4.1 1 8s3.1 7 7 7 7-3.1 7-7-3.1-7-7-7'/%3E%3Ccircle cx='8' cy='11' r='1'/%3E%3Cpath d='M8.5 9h-1l-.445-4.45A.5.5 0 0 1 7.552 4h.896a.5.5 0 0 1 .497.55z'/%3E%3C/g%3E%3C/svg%3E");vertical-align:middle;width:1.3333333333em}
+typo3-backend-editable-setting :user-invalid{--typo3-input-color:var(--typo3-surface-container-danger-text);--typo3-input-bg:var(--typo3-surface-container-danger);--typo3-input-group-addon-bg:color-mix(in srgb,var(--typo3-input-bg),var(--typo3-input-color) 10%);--typo3-input-border-color:var(--typo3-state-danger-border-color);--typo3-input-hover-color:var(--typo3-input-color);--typo3-input-hover-bg:var(--typo3-input-bg);--typo3-input-hover-border-color:var(--typo3-state-danger-hover-border-color);--typo3-input-focus-color:var(--typo3-input-color);--typo3-input-focus-bg:var(--typo3-input-bg);--typo3-input-focus-border-color:var(--typo3-state-danger-focus-border-color)}
+.form-hint{--typo3-formhint-color:inherit;--typo3-formhint-bg:inherit;--typo3-formhint-border-color:transparent;--typo3-formhint-border-width:var(--typo3-input-border-width);--typo3-formhint-border-radius:var(--typo3-input-border-radius);--typo3-formhint-box-shadow:none;background-color:var(--typo3-formhint-bg);border:var(--typo3-formhint-border-width) solid var(--typo3-formhint-border-color);border-radius:var(--typo3-formhint-border-radius);box-shadow:var(--typo3-formhint-box-shadow);color:var(--typo3-formhint-color);font-size:.625rem;padding:calc(var(--typo3-input-padding-y)/2) var(--typo3-input-padding-x)}
+.form-hint--primary{--typo3-formhint-color:var(--typo3-state-primary-color);--typo3-formhint-bg:var(--typo3-state-primary-bg);--typo3-formhint-border-color:var(--typo3-state-primary-border-color)}
+.form-hint--secondary{--typo3-formhint-color:var(--typo3-state-secondary-color);--typo3-formhint-bg:var(--typo3-state-secondary-bg);--typo3-formhint-border-color:var(--typo3-state-secondary-border-color)}
+.form-hint--info{--typo3-formhint-color:var(--typo3-state-info-color);--typo3-formhint-bg:var(--typo3-state-info-bg);--typo3-formhint-border-color:var(--typo3-state-info-border-color)}
+.form-hint--success{--typo3-formhint-color:var(--typo3-state-success-color);--typo3-formhint-bg:var(--typo3-state-success-bg);--typo3-formhint-border-color:var(--typo3-state-success-border-color)}
+.form-hint--warning{--typo3-formhint-color:var(--typo3-state-warning-color);--typo3-formhint-bg:var(--typo3-state-warning-bg);--typo3-formhint-border-color:var(--typo3-state-warning-border-color)}
+.form-hint--danger{--typo3-formhint-color:var(--typo3-state-danger-color);--typo3-formhint-bg:var(--typo3-state-danger-bg);--typo3-formhint-border-color:var(--typo3-state-danger-border-color)}
+.form-hint--notice{--typo3-formhint-color:var(--typo3-state-notice-color);--typo3-formhint-bg:var(--typo3-state-notice-bg);--typo3-formhint-border-color:var(--typo3-state-notice-border-color)}
+.form-hint--default{--typo3-formhint-color:var(--typo3-state-default-color);--typo3-formhint-bg:var(--typo3-state-default-bg);--typo3-formhint-border-color:var(--typo3-state-default-border-color)}
+.form-wizards-wrap{display:grid;gap:.25rem;grid-template-columns:1fr;width:100%}
+.form-wizards-wrap>*{grid-column:1/2}
+.form-wizards-wrap>*>:first-child{margin-top:0}
+.form-wizards-wrap>*>:last-child{margin-bottom:0}
+.form-wizards-wrap>.form-wizards-item-element{min-width:120px}
+.form-wizards-wrap>.form-wizards-item-element .form-select[multiple],.form-wizards-wrap>.form-wizards-item-element .form-select[size]:not([size="1"]){height:100%}
+.form-wizards-wrap>.form-wizards-item-aside{align-self:flex-start;grid-column:2/3;white-space:nowrap}
+.form-wizards-wrap>.form-wizards-item-aside+.form-wizards-item-aside{grid-column:3/4}
+.form-wizards-wrap>.form-wizards-item-bottom .btn{text-align:left;white-space:wrap}
+.form-wizard-icon-list{background:var(--typo3-component-bg);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-input-border-radius);color:var(--typo3-component-color);display:flex;flex-wrap:wrap;gap:2px;margin-top:.25rem;padding:calc(var(--typo3-spacing)/4)}
+.form-wizard-icon-list-item a,.form-wizard-icon-list-item button{align-items:center;background-color:var(--typo3-component-bg);border:none;border-radius:calc(var(--typo3-component-border-radius)/2);color:var(--typo3-component-color);display:flex;height:100%;justify-content:center;line-height:1;outline-offset:-1px;padding:calc(var(--typo3-spacing)/2)}
+.form-wizard-icon-list-item a>span[title],.form-wizard-icon-list-item button>span[title]{display:block}
+.form-wizard-icon-list-item a:hover,.form-wizard-icon-list-item button:hover{background-color:var(--typo3-list-item-hover-bg);color:var(--typo3-list-item-hover-color);outline:1px solid var(--typo3-list-item-hover-border-color)}
+.form-wizard-icon-list-item a:focus,.form-wizard-icon-list-item button:focus{background-color:var(--typo3-list-item-focus-bg);color:var(--typo3-list-item-focus-color);outline:1px solid var(--typo3-list-item-focus-border-color)}
+.form-wizard-icon-list-item a.active,.form-wizard-icon-list-item a:active,.form-wizard-icon-list-item button.active,.form-wizard-icon-list-item button:active{background-color:var(--typo3-list-item-active-bg);color:var(--typo3-list-item-active-color);outline:1px solid var(--typo3-list-item-active-border-color)}
+.form-wizard-icon-list-item img{display:block;max-height:128px;max-width:128px;min-width:16px}
+.form-control-clearable{-webkit-padding-end:2.3em;padding-inline-end:2.3em}
+.form-control-clearable-wrapper{border:0;flex-grow:1;padding:0;position:relative}
+.form-control-clearable-wrapper input[type=search]::-webkit-search-cancel-button{display:none}
+.form-control-clearable-wrapper .form-control{-webkit-padding-end:2.3em;padding-inline-end:2.3em}
+.form-control-clearable-wrapper .close{align-items:center;background-color:transparent;border:none;color:var(--typo3-input-color);display:flex;height:16px;inset-inline-end:.75em;opacity:.3;padding:0;position:absolute;top:50%;transform:translateY(-50%);z-index:3}
+.form-control-clearable-wrapper .close:hover{opacity:.5}
+.form-control-clearable-wrapper .close .icon{vertical-align:0}
+.form-control-clearable-wrapper:focus{border-color:inherit;box-shadow:none}
+.form-control-clearable-wrapper:focus-within{z-index:3}
+.input-group,.input-grouped{align-items:stretch;border-radius:var(--typo3-input-border-radius);display:flex;flex-wrap:wrap;position:relative;width:100%}
+.input-group>.form-control,.input-group>.form-control-clearable-wrapper,.input-group>.form-select,.input-group>typo3-backend-color-picker,.input-grouped>.form-control,.input-grouped>.form-control-clearable-wrapper,.input-grouped>.form-select,.input-grouped>typo3-backend-color-picker{flex:1 1 auto;min-width:0;position:relative;width:1%}
+.input-group>.form-control:focus,.input-group>.form-select:focus,.input-grouped>.form-control:focus,.input-grouped>.form-select:focus{z-index:5}
+.input-group>.input-group-text>.form-check-type-toggle,.input-grouped>.input-group-text>.form-check-type-toggle{margin-bottom:0}
+.input-group .btn,.input-grouped .btn{position:relative;z-index:2}
+.input-group .btn:focus,.input-grouped .btn:focus{z-index:5}
+.input-grouped{gap:calc(var(--typo3-spacing)/2)}
+.input-group-text{align-items:center;background-color:var(--typo3-input-group-addon-bg);border:var(--typo3-input-border-width) solid var(--typo3-input-border-color);border-radius:var(--typo3-input-border-radius);color:var(--typo3-input-color);display:flex;font-size:var(--typo3-input-font-size);font-weight:400;line-height:var(--typo3-input-line-height);min-width:2.5rem;padding:var(--typo3-input-padding-y) var(--typo3-input-padding-x);text-align:center;white-space:nowrap}
+.input-group-icon{vertical-align:middle}
+.input-group-icon img{max-height:16px}
+.input-group-sm{--typo3-input-font-size:var(--typo3-input-sm-font-size);--typo3-input-padding-y:var(--typo3-input-sm-padding-y);--typo3-input-padding-x:var(--typo3-input-sm-padding-x)}
+.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu){border-end-end-radius:0;border-start-end-radius:0}
+.input-group>*+.form-control-clearable-wrapper>.form-control,.input-group>*+.form-control-clearable-wrapper>.form-select{border-end-start-radius:0;border-start-start-radius:0}
+.input-group>.form-control-clearable-wrapper:not(:last-child)>.form-control,.input-group>.form-control-clearable-wrapper:not(:last-child)>.form-select{border-end-end-radius:0;border-start-end-radius:0}
+.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback),.input-group>typo3-backend-color-picker:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback)>.form-control{-webkit-margin-start:calc(var(--typo3-input-border-width)*-1);border-end-start-radius:0;border-start-start-radius:0;margin-inline-start:calc(var(--typo3-input-border-width)*-1)}
+.input-group>label.visually-hidden:first-child+.form-control,.input-group>label.visually-hidden:first-child+.form-select{border-end-start-radius:inherit!important;border-start-start-radius:inherit!important}
+.form{margin-bottom:var(--typo3-spacing)}
+.form-inline{display:inline}
+.form-slim{align-items:center;display:flex;flex-wrap:wrap;gap:calc(var(--typo3-spacing)/2)}
+.form-slim .form-group{margin-bottom:0}
+.form-group-search-result{padding-bottom:7px}
+.btn{--typo3-btn-padding-y:var(--typo3-input-padding-y);--typo3-btn-padding-x:var(--typo3-input-padding-x);--typo3-btn-font-size:var(--typo3-input-font-size);--typo3-btn-line-height:var(--typo3-input-line-height);--typo3-btn-border-width:var(--typo3-input-border-width);--typo3-btn-border-radius:var(--typo3-input-border-radius);--typo3-btn-disabled-opacity:.65;--typo3-btn-transition:var(--typo3-transition-color);--typo3-btn-color:inherit;--typo3-btn-bg:transparent;--typo3-btn-border-color:transparent;--typo3-btn-hover-color:inherit;--typo3-btn-hover-bg:transparent;--typo3-btn-hover-border-color:transparent;--typo3-btn-focus-color:inherit;--typo3-btn-focus-bg:transparent;--typo3-btn-focus-border-color:transparent;--typo3-btn-disabled-color:inherit;--typo3-btn-disabled-bg:transparent;--typo3-btn-disabled-border-color:transparent;--typo3-btn-min-height:calc(var(--typo3-btn-padding-y)*2 + var(--typo3-btn-font-size)*var(--typo3-btn-line-height) + var(--typo3-btn-border-width)*2);align-items:center;background-color:var(--typo3-btn-bg);border:var(--typo3-btn-border-width) solid var(--typo3-btn-border-color);border-radius:var(--typo3-btn-border-radius);color:var(--typo3-btn-color);cursor:pointer;display:inline-flex;font-size:var(--typo3-btn-font-size);font-weight:400;gap:.35em;justify-content:center;line-height:var(--typo3-btn-line-height);min-height:var(--typo3-btn-min-height);outline-offset:0;padding:var(--typo3-btn-padding-y) var(--typo3-btn-padding-x);text-decoration:none;transition:var(--typo3-btn-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}
+.btn:hover{--typo3-btn-color:var(--typo3-btn-hover-color);--typo3-btn-bg:var(--typo3-btn-hover-bg);--typo3-btn-border-color:var(--typo3-btn-hover-border-color);text-decoration:inherit;z-index:2!important}
+.btn:focus{--typo3-btn-color:var(--typo3-btn-focus-color);--typo3-btn-bg:var(--typo3-btn-focus-bg);--typo3-btn-border-color:var(--typo3-btn-focus-border-color);z-index:3!important}
+.btn-check:focus-visible+.btn,.btn:focus-visible,.btn:has(:focus-visible){outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-btn-focus-border-color),transparent 25%)}
+.btn-check:checked+.btn,.btn.active,.btn[aria-pressed=true],:not(.btn-check)+.btn:active{box-shadow:inset 0 0 1000px 0 color-mix(in srgb,var(--typo3-btn-color),transparent 90%)}
+.btn.disabled,.btn[disabled],fieldset[disabled] .btn{--typo3-btn-color:var(--typo3-btn-disabled-color);--typo3-btn-bg:var(--typo3-btn-disabled-bg);--typo3-btn-border-color:var(--typo3-btn-disabled-border-color);cursor:not-allowed;opacity:var(--typo3-btn-disabled-opacity);pointer-events:none}
+.btn-sm{--typo3-btn-padding-y:var(--typo3-input-sm-padding-y);--typo3-btn-padding-x:var(--typo3-input-sm-padding-x);--typo3-btn-font-size:var(--typo3-input-sm-font-size)}
+.btn-icon{--typo3-btn-padding-y:var(--typo3-input-sm-padding-y);--typo3-btn-padding-x:var(--typo3-input-sm-padding-y)}
+.btn-block{display:flex;width:100%}
+.btn-block+.btn-block{margin-top:calc(var(--typo3-spacing)*.5)}
+.btn-block-vertical{flex-direction:column;text-align:center;white-space:normal;width:100%}
+.btn-align-start{justify-content:start}
+.btn-align-end{justify-content:end}
+.btn-link{--typo3-btn-padding-y:0;--typo3-btn-padding-x:0;--typo3-btn-focus-border-color:var(--typo3-state-default-focus-border-color)}
+.btn-link:focus,.btn-link:hover{border:1px solid transparent;text-decoration:underline}
+.btn-primary{--typo3-btn-color:var(--typo3-state-primary-color);--typo3-btn-bg:var(--typo3-state-primary-bg);--typo3-btn-border-color:var(--typo3-state-primary-border-color);--typo3-btn-hover-color:var(--typo3-state-primary-hover-color);--typo3-btn-hover-bg:var(--typo3-state-primary-hover-bg);--typo3-btn-hover-border-color:var(--typo3-state-primary-hover-border-color);--typo3-btn-focus-color:var(--typo3-state-primary-focus-color);--typo3-btn-focus-bg:var(--typo3-state-primary-focus-bg);--typo3-btn-focus-border-color:var(--typo3-state-primary-focus-border-color);--typo3-btn-disabled-color:var(--typo3-state-primary-disabled-color);--typo3-btn-disabled-bg:var(--typo3-state-primary-disabled-bg);--typo3-btn-disabled-border-color:var(--typo3-state-primary-disabled-border-color)}
+.btn-secondary{--typo3-btn-color:var(--typo3-state-secondary-color);--typo3-btn-bg:var(--typo3-state-secondary-bg);--typo3-btn-border-color:var(--typo3-state-secondary-border-color);--typo3-btn-hover-color:var(--typo3-state-secondary-hover-color);--typo3-btn-hover-bg:var(--typo3-state-secondary-hover-bg);--typo3-btn-hover-border-color:var(--typo3-state-secondary-hover-border-color);--typo3-btn-focus-color:var(--typo3-state-secondary-focus-color);--typo3-btn-focus-bg:var(--typo3-state-secondary-focus-bg);--typo3-btn-focus-border-color:var(--typo3-state-secondary-focus-border-color);--typo3-btn-disabled-color:var(--typo3-state-secondary-disabled-color);--typo3-btn-disabled-bg:var(--typo3-state-secondary-disabled-bg);--typo3-btn-disabled-border-color:var(--typo3-state-secondary-disabled-border-color)}
+.btn-info{--typo3-btn-color:var(--typo3-state-info-color);--typo3-btn-bg:var(--typo3-state-info-bg);--typo3-btn-border-color:var(--typo3-state-info-border-color);--typo3-btn-hover-color:var(--typo3-state-info-hover-color);--typo3-btn-hover-bg:var(--typo3-state-info-hover-bg);--typo3-btn-hover-border-color:var(--typo3-state-info-hover-border-color);--typo3-btn-focus-color:var(--typo3-state-info-focus-color);--typo3-btn-focus-bg:var(--typo3-state-info-focus-bg);--typo3-btn-focus-border-color:var(--typo3-state-info-focus-border-color);--typo3-btn-disabled-color:var(--typo3-state-info-disabled-color);--typo3-btn-disabled-bg:var(--typo3-state-info-disabled-bg);--typo3-btn-disabled-border-color:var(--typo3-state-info-disabled-border-color)}
+.btn-success{--typo3-btn-color:var(--typo3-state-success-color);--typo3-btn-bg:var(--typo3-state-success-bg);--typo3-btn-border-color:var(--typo3-state-success-border-color);--typo3-btn-hover-color:var(--typo3-state-success-hover-color);--typo3-btn-hover-bg:var(--typo3-state-success-hover-bg);--typo3-btn-hover-border-color:var(--typo3-state-success-hover-border-color);--typo3-btn-focus-color:var(--typo3-state-success-focus-color);--typo3-btn-focus-bg:var(--typo3-state-success-focus-bg);--typo3-btn-focus-border-color:var(--typo3-state-success-focus-border-color);--typo3-btn-disabled-color:var(--typo3-state-success-disabled-color);--typo3-btn-disabled-bg:var(--typo3-state-success-disabled-bg);--typo3-btn-disabled-border-color:var(--typo3-state-success-disabled-border-color)}
+.btn-warning{--typo3-btn-color:var(--typo3-state-warning-color);--typo3-btn-bg:var(--typo3-state-warning-bg);--typo3-btn-border-color:var(--typo3-state-warning-border-color);--typo3-btn-hover-color:var(--typo3-state-warning-hover-color);--typo3-btn-hover-bg:var(--typo3-state-warning-hover-bg);--typo3-btn-hover-border-color:var(--typo3-state-warning-hover-border-color);--typo3-btn-focus-color:var(--typo3-state-warning-focus-color);--typo3-btn-focus-bg:var(--typo3-state-warning-focus-bg);--typo3-btn-focus-border-color:var(--typo3-state-warning-focus-border-color);--typo3-btn-disabled-color:var(--typo3-state-warning-disabled-color);--typo3-btn-disabled-bg:var(--typo3-state-warning-disabled-bg);--typo3-btn-disabled-border-color:var(--typo3-state-warning-disabled-border-color)}
+.btn-danger{--typo3-btn-color:var(--typo3-state-danger-color);--typo3-btn-bg:var(--typo3-state-danger-bg);--typo3-btn-border-color:var(--typo3-state-danger-border-color);--typo3-btn-hover-color:var(--typo3-state-danger-hover-color);--typo3-btn-hover-bg:var(--typo3-state-danger-hover-bg);--typo3-btn-hover-border-color:var(--typo3-state-danger-hover-border-color);--typo3-btn-focus-color:var(--typo3-state-danger-focus-color);--typo3-btn-focus-bg:var(--typo3-state-danger-focus-bg);--typo3-btn-focus-border-color:var(--typo3-state-danger-focus-border-color);--typo3-btn-disabled-color:var(--typo3-state-danger-disabled-color);--typo3-btn-disabled-bg:var(--typo3-state-danger-disabled-bg);--typo3-btn-disabled-border-color:var(--typo3-state-danger-disabled-border-color)}
+.btn-notice{--typo3-btn-color:var(--typo3-state-notice-color);--typo3-btn-bg:var(--typo3-state-notice-bg);--typo3-btn-border-color:var(--typo3-state-notice-border-color);--typo3-btn-hover-color:var(--typo3-state-notice-hover-color);--typo3-btn-hover-bg:var(--typo3-state-notice-hover-bg);--typo3-btn-hover-border-color:var(--typo3-state-notice-hover-border-color);--typo3-btn-focus-color:var(--typo3-state-notice-focus-color);--typo3-btn-focus-bg:var(--typo3-state-notice-focus-bg);--typo3-btn-focus-border-color:var(--typo3-state-notice-focus-border-color);--typo3-btn-disabled-color:var(--typo3-state-notice-disabled-color);--typo3-btn-disabled-bg:var(--typo3-state-notice-disabled-bg);--typo3-btn-disabled-border-color:var(--typo3-state-notice-disabled-border-color)}
+.btn-default{--typo3-btn-color:var(--typo3-state-default-color);--typo3-btn-bg:var(--typo3-state-default-bg);--typo3-btn-border-color:var(--typo3-state-default-border-color);--typo3-btn-hover-color:var(--typo3-state-default-hover-color);--typo3-btn-hover-bg:var(--typo3-state-default-hover-bg);--typo3-btn-hover-border-color:var(--typo3-state-default-hover-border-color);--typo3-btn-focus-color:var(--typo3-state-default-focus-color);--typo3-btn-focus-bg:var(--typo3-state-default-focus-bg);--typo3-btn-focus-border-color:var(--typo3-state-default-focus-border-color);--typo3-btn-disabled-color:var(--typo3-state-default-disabled-color);--typo3-btn-disabled-bg:var(--typo3-state-default-disabled-bg);--typo3-btn-disabled-border-color:var(--typo3-state-default-disabled-border-color)}
+.btn-borderless{--typo3-btn-color:inherit;--typo3-btn-bg:transparent;--typo3-btn-border-color:transparent}
+.btn-group,.btn-group-vertical{align-items:center;display:inline-flex;vertical-align:middle}
+.btn-group-vertical>.dropdown,.btn-group>.dropdown{display:inline-flex}
+.btn-group-vertical>.btn,.btn-group-vertical>.dropdown>.btn,.btn-group>.btn,.btn-group>.dropdown>.btn{flex:1 1 auto;position:relative}
+.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group-vertical>.dropdown>.btn.active,.btn-group-vertical>.dropdown>.btn:active,.btn-group-vertical>.dropdown>.btn:focus,.btn-group-vertical>.dropdown>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover,.btn-group>.dropdown>.btn.active,.btn-group>.dropdown>.btn:active,.btn-group>.dropdown>.btn:focus,.btn-group>.dropdown>.btn:hover{z-index:1}
+.btn-group>:is(.btn-group,.dropdown):not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{-webkit-margin-start:calc(var(--typo3-input-border-width)*-1);margin-inline-start:calc(var(--typo3-input-border-width)*-1)}
+.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle),.btn-group>:is(.btn-group,.dropdown):not(:last-child)>.btn{border-end-end-radius:0;border-start-end-radius:0}
+.btn-group>.btn:nth-child(n+3),.btn-group>:is(.btn-group,.dropdown):not(:first-child)>.btn,.btn-group>:not(.btn-check)+.btn{border-end-start-radius:0;border-start-start-radius:0}
+.btn-group-vertical{align-items:flex-start;flex-direction:column;justify-content:center}
+.btn-group-vertical>.btn,.btn-group-vertical>:is(.btn-group,.dropdown){width:100%}
+.btn-group-vertical>:is(.btn,.btn-group,.dropdown):not(:first-child){-webkit-margin-before:calc(var(--typo3-input-border-width)*-1);margin-block-start:calc(var(--typo3-input-border-width)*-1)}
+.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),.btn-group-vertical>:is(.btn-group,.dropdown):not(:last-child)>.btn{border-end-end-radius:0;border-end-start-radius:0}
+.btn-group-vertical>:is(.btn,.dropdown)~.btn,.btn-group-vertical>:is(.btn-group,.dropdown):not(:first-child)>.btn{border-start-end-radius:0;border-start-start-radius:0}
+.btn-toolbar{display:flex;flex-wrap:wrap;gap:calc(var(--typo3-spacing)/2);justify-content:flex-start}
+.btn-toolbar-nowrap{flex-wrap:nowrap}
+.btn-group-sm>.btn{--typo3-btn-padding-y:var(--typo3-input-sm-padding-y);--typo3-btn-padding-x:var(--typo3-input-sm-padding-x);--typo3-btn-font-size:var(--typo3-input-sm-font-size)}
+code,pre{-webkit-hyphens:none;hyphens:none}
+code[class*=language-],pre[class*=language-]{background:none;color:inherit;font-size:1em;text-align:start;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;-webkit-hyphens:none;hyphens:none;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}
+pre[class*=language-]{border-radius:4px;margin-bottom:var(--typo3-spacing);overflow:auto;padding:1em}
+:not(pre)>code[class*=language-],pre[class*=language-]{background-color:rgba(0,0,0,.05)}
+kbd{--typo3-kbd-font-family:var(--typo3-font-family-monospace);--typo3-kbd-color:var(--typo3-text-color-base);--typo3-kbd-bg:var(--typo3-surface-bright);--typo3-kbd-border-color:color-mix(in srgb,var(--typo3-kbd-bg),var(--typo3-kbd-color) var(--typo3-border-mix));--typo3-kbd-border-width:var(--typo3-component-border-width);--typo3-kbd-border-radius:.5em;--typo3-kbd-padding-x:.5em;--typo3-kbd-font-size:.875em;--typo3-kbd-font-weight:bold;--typo3-kbd-shadow:0 1px 0 var(--typo3-kbd-border-color),var(--typo3-shadow-2);align-items:center;background-color:var(--typo3-kbd-bg);border-radius:var(--typo3-kbd-border-radius);box-shadow:var(--typo3-kbd-shadow);color:var(--typo3-kbd-color);display:inline-flex;font-family:var(--typo3-kbd-font-family);font-size:var(--typo3-kbd-font-size);font-weight:var(--typo3-kbd-font-weight);gap:.15em;height:calc(var(--typo3-line-height)*1em);justify-content:center;min-width:1.5em;outline:var(--typo3-kbd-border-width) solid var(--typo3-kbd-border-color);outline-offset:-1px;padding:0 var(--typo3-kbd-padding-x)!important;vertical-align:text-top}
+kbd kbd{display:inline-grid;font-size:1em}
+kbd:has(kbd){background-color:unset!important;box-shadow:unset!important;color:unset!important;outline:unset!important;padding:unset!important}
+:root{--avatar-size-small:16px;--avatar-size-medium:32px;--avatar-size-large:48px;--avatar-size-mega:64px}
+.avatar{display:block;height:var(--avatar-size,1em);line-height:var(--avatar-size,1em);position:relative;width:var(--avatar-size,1em)}
+.avatar-image{overflow:hidden}
+.avatar-image,.avatar-image:after{border-radius:50%;display:block;height:100%;width:100%}
+.avatar-image:after{border:1px solid hsla(0,0%,100%,.1);content:"";left:0;position:absolute;top:0}
+.avatar-image>img{display:block;height:auto!important;width:100%!important}
+.avatar-size-small{--avatar-size:var(--avatar-size-small)}
+.avatar-size-medium{--avatar-size:var(--avatar-size-medium)}
+.avatar-size-large{--avatar-size:var(--avatar-size-large)}
+.avatar-size-mega{--avatar-size:var(--avatar-size-mega)}
+.avatar-icon{bottom:0;height:calc(var(--avatar-size, 1em)*.5);inset-inline-end:0;position:absolute;width:calc(var(--avatar-size, 1em)*.5)}
+.avatar-icon .icon{--icon-size:calc(var(--avatar-size, 1em)*0.5);display:block}
+.callout{--typo3-callout-color:var(--typo3-surface-container-default-text);--typo3-callout-bg:var(--typo3-surface-container-default-bg);--typo3-callout-border-color:var(--typo3-state-default-bg);--typo3-callout-icon-color:var(--typo3-state-default-color);--typo3-callout-icon-bg:var(--typo3-state-default-bg);--typo3-callout-border-radius:var(--typo3-component-border-radius);--typo3-callout-padding-y:1rem;--typo3-callout-padding-x:1rem;background-color:var(--typo3-callout-bg);color:var(--typo3-callout-color);display:flex;gap:calc(var(--typo3-callout-padding-x)*.75);-webkit-border-start:.5rem solid var(--typo3-callout-border-color);border-inline-start:.5rem solid var(--typo3-callout-border-color);border-radius:var(--typo3-callout-border-radius);margin-bottom:var(--typo3-spacing);overflow-wrap:break-word;padding:var(--typo3-callout-padding-y) var(--typo3-callout-padding-x);word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}
+.callout-icon{margin-top:-2px}
+.callout-content{display:flex;flex-direction:column;flex-grow:1;justify-content:center}
+.callout-content>*{width:100%}
+.callout-title{font-size:1.2em;line-height:1.2;margin-bottom:.5em}
+.callout-body>:last-child{margin-bottom:0}
+.callout-sm{--typo3-callout-padding-y:.5rem;--typo3-callout-padding-x:.5rem}
+.callout-sm .callout-title{font-size:1em;margin:0}
+.callout-primary{--typo3-callout-color:var(--typo3-surface-container-primary-text);--typo3-callout-bg:var(--typo3-surface-container-primary);--typo3-callout-border-color:var(--typo3-state-primary-bg);--typo3-callout-icon-color:var(--typo3-state-primary-color);--typo3-callout-icon-bg:var(--typo3-state-primary-bg)}
+.callout-secondary{--typo3-callout-color:var(--typo3-surface-container-secondary-text);--typo3-callout-bg:var(--typo3-surface-container-secondary);--typo3-callout-border-color:var(--typo3-state-secondary-bg);--typo3-callout-icon-color:var(--typo3-state-secondary-color);--typo3-callout-icon-bg:var(--typo3-state-secondary-bg)}
+.callout-info{--typo3-callout-color:var(--typo3-surface-container-info-text);--typo3-callout-bg:var(--typo3-surface-container-info);--typo3-callout-border-color:var(--typo3-state-info-bg);--typo3-callout-icon-color:var(--typo3-state-info-color);--typo3-callout-icon-bg:var(--typo3-state-info-bg)}
+.callout-success{--typo3-callout-color:var(--typo3-surface-container-success-text);--typo3-callout-bg:var(--typo3-surface-container-success);--typo3-callout-border-color:var(--typo3-state-success-bg);--typo3-callout-icon-color:var(--typo3-state-success-color);--typo3-callout-icon-bg:var(--typo3-state-success-bg)}
+.callout-warning{--typo3-callout-color:var(--typo3-surface-container-warning-text);--typo3-callout-bg:var(--typo3-surface-container-warning);--typo3-callout-border-color:var(--typo3-state-warning-bg);--typo3-callout-icon-color:var(--typo3-state-warning-color);--typo3-callout-icon-bg:var(--typo3-state-warning-bg)}
+.callout-danger{--typo3-callout-color:var(--typo3-surface-container-danger-text);--typo3-callout-bg:var(--typo3-surface-container-danger);--typo3-callout-border-color:var(--typo3-state-danger-bg);--typo3-callout-icon-color:var(--typo3-state-danger-color);--typo3-callout-icon-bg:var(--typo3-state-danger-bg)}
+.callout-notice{--typo3-callout-color:var(--typo3-surface-container-notice-text);--typo3-callout-bg:var(--typo3-surface-container-notice);--typo3-callout-border-color:var(--typo3-state-notice-bg);--typo3-callout-icon-color:var(--typo3-state-notice-color);--typo3-callout-icon-bg:var(--typo3-state-notice-bg)}
+.callout-default{--typo3-callout-color:var(--typo3-surface-container-default-text);--typo3-callout-bg:var(--typo3-surface-container-default);--typo3-callout-border-color:var(--typo3-state-default-bg);--typo3-callout-icon-color:var(--typo3-state-default-color);--typo3-callout-icon-bg:var(--typo3-state-default-bg)}
+.statusreport{--typo3-statusreport-color:var(--typo3-component-color);--typo3-statusreport-bg:var(--typo3-component-bg);--typo3-statusreport-border-color:color-mix(in srgb,var(--typo3-statusreport-bg),var(--typo3-statusreport-color) var(--typo3-border-mix));--typo3-statusreport-border-radius:var(--typo3-component-border-radius);--typo3-statusreport-box-shadow:var(--typo3-component-box-shadow);--typo3-statusreport-spacing:.5rem;--typo3-statusreport-icon-size:16px;--typo3-statusreport-icon-color:var(--typo3-state-default-color);--typo3-statusreport-icon-bg:var(--typo3-state-default-bg);--typo3-statusreport-icon-primary-color:var(--typo3-state-primary-color);--typo3-statusreport-icon-primary-bg:var(--typo3-state-primary-bg);--typo3-statusreport-icon-secondary-color:var(--typo3-state-secondary-color);--typo3-statusreport-icon-secondary-bg:var(--typo3-state-secondary-bg);--typo3-statusreport-icon-info-color:var(--typo3-state-info-color);--typo3-statusreport-icon-info-bg:var(--typo3-state-info-bg);--typo3-statusreport-icon-success-color:var(--typo3-state-success-color);--typo3-statusreport-icon-success-bg:var(--typo3-state-success-bg);--typo3-statusreport-icon-warning-color:var(--typo3-state-warning-color);--typo3-statusreport-icon-warning-bg:var(--typo3-state-warning-bg);--typo3-statusreport-icon-danger-color:var(--typo3-state-danger-color);--typo3-statusreport-icon-danger-bg:var(--typo3-state-danger-bg);--typo3-statusreport-icon-notice-color:var(--typo3-state-notice-color);--typo3-statusreport-icon-notice-bg:var(--typo3-state-notice-bg);--typo3-statusreport-icon-default-color:var(--typo3-state-default-color);--typo3-statusreport-icon-default-bg:var(--typo3-state-default-bg);background-color:var(--typo3-statusreport-bg);border:1px solid var(--typo3-statusreport-border-color);color:var(--typo3-statusreport-color);display:grid;gap:var(--typo3-statusreport-spacing);grid-template:"statusreport-indicator statusreport-title statusreport-body"/calc(var(--typo3-statusreport-icon-size)*1.5) 400px auto;padding:calc(var(--typo3-statusreport-spacing)*1.5);width:100%}
+.statusreport-indicator{display:flex;grid-area:statusreport-indicator;justify-content:center}
+.statusreport-title{grid-area:statusreport-title}
+.statusreport-body{grid-area:statusreport-body}
+.statusreport .statusreport-indicator-icon{align-items:center;color:var(--typo3-statusreport-icon-color);display:inline-flex;font-size:var(--typo3-statusreport-icon-size);height:var(--typo3-statusreport-icon-size);justify-content:center;position:relative;width:var(--typo3-statusreport-icon-size)}
+.statusreport .statusreport-indicator-icon:before{background-color:var(--typo3-statusreport-icon-bg);border-radius:50%;content:" ";height:calc(var(--typo3-statusreport-icon-size)*1.5);left:50%;position:absolute;top:50%;transform:translate(calc(-50%*var(--typo3-position-modifier)),-50%);width:calc(var(--typo3-statusreport-icon-size)*1.5)}
+.statusreport-wrapper{border-radius:var(--typo3-statusreport-border-radius);box-shadow:var(--typo3-statusreport-box-shadow);margin-bottom:var(--typo3-spacing)}
+.statusreport-wrapper .statusreport:first-child{border-top-left-radius:var(--typo3-statusreport-border-radius);border-top-right-radius:var(--typo3-statusreport-border-radius)}
+.statusreport-wrapper .statusreport:last-child{border-bottom-left-radius:var(--typo3-statusreport-border-radius);border-bottom-right-radius:var(--typo3-statusreport-border-radius)}
+.statusreport-wrapper .statusreport+.statusreport{margin-top:-1px}
+.statusreport[data-severity=primary]{--typo3-statusreport-icon-bg:var(--typo3-statusreport-icon-primary-bg);--typo3-statusreport-icon-color:var(--typo3-statusreport-icon-primary-color)}
+.statusreport[data-severity=secondary]{--typo3-statusreport-icon-bg:var(--typo3-statusreport-icon-secondary-bg);--typo3-statusreport-icon-color:var(--typo3-statusreport-icon-secondary-color)}
+.statusreport[data-severity=success]{--typo3-statusreport-icon-bg:var(--typo3-statusreport-icon-success-bg);--typo3-statusreport-icon-color:var(--typo3-statusreport-icon-success-color)}
+.statusreport[data-severity=info]{--typo3-statusreport-icon-bg:var(--typo3-statusreport-icon-info-bg);--typo3-statusreport-icon-color:var(--typo3-statusreport-icon-info-color)}
+.statusreport[data-severity=warning]{--typo3-statusreport-icon-bg:var(--typo3-statusreport-icon-warning-bg);--typo3-statusreport-icon-color:var(--typo3-statusreport-icon-warning-color)}
+.statusreport[data-severity=danger]{--typo3-statusreport-icon-bg:var(--typo3-statusreport-icon-danger-bg);--typo3-statusreport-icon-color:var(--typo3-statusreport-icon-danger-color)}
+.statusreport[data-severity=light]{--typo3-statusreport-icon-bg:var(--typo3-statusreport-icon-light-bg);--typo3-statusreport-icon-color:var(--typo3-statusreport-icon-light-color)}
+.statusreport[data-severity=default]{--typo3-statusreport-icon-bg:var(--typo3-statusreport-icon-default-bg);--typo3-statusreport-icon-color:var(--typo3-statusreport-icon-default-color)}
+.statusreport[data-severity=notice]{--typo3-statusreport-icon-bg:var(--typo3-statusreport-icon-notice-bg);--typo3-statusreport-icon-color:var(--typo3-statusreport-icon-notice-color)}
+.statusreport[data-severity=dark]{--typo3-statusreport-icon-bg:var(--typo3-statusreport-icon-dark-bg);--typo3-statusreport-icon-color:var(--typo3-statusreport-icon-dark-color)}
+.statusreport-wrapper{container-type:inline-size}
+@container (max-width: 800px){
+.statusreport{grid-template:"statusreport-indicator statusreport-title statusreport-body"/calc(var(--typo3-statusreport-icon-size)*1.5) 200px auto}}
+@container (max-width: 500px){
+.statusreport{grid-template:"statusreport-indicator statusreport-title" "statusreport-indicator statusreport-body"/calc(var(--typo3-statusreport-icon-size)*1.5) auto}}
+.diff,.diff-inline{--typo3-diff-padding-y:var(--typo3-component-padding-y);--typo3-diff-padding-x:var(--typo3-component-padding-x);--typo3-diff-bg:var(--typo3-component-bg);--typo3-diff-color:var(--typo3-component-color);--typo3-diff-border-color:var(--typo3-component-border-color);--typo3-diff-border-width:var(--typo3-component-border-width);--typo3-diff-title-bg:color-mix(in srgb,var(--typo3-diff-bg),var(--typo3-diff-color) 15%);--typo3-diff-del-bg:var(--typo3-surface-container-danger);--typo3-diff-del-color:var(--typo3-surface-container-danger-text);--typo3-diff-ins-bg:var(--typo3-surface-container-success);--typo3-diff-ins-color:var(--typo3-surface-container-success-text)}
+.diff{background-color:var(--typo3-component-bg);border:var(--typo3-diff-border-width) solid var(--typo3-diff-border-color);color:var(--typo3-diff-color);display:table}
+.diff .diff-item-button,.diff .diff-item-result,.diff .diff-item-text,.diff .diff-item-title{display:table-cell;padding:var(--typo3-diff-padding-y) var(--typo3-component-padding-x)}
+.diff .diff-item{display:table-row}
+.diff .diff-item+.diff-item .diff-item-button,.diff .diff-item+.diff-item .diff-item-result,.diff .diff-item+.diff-item .diff-item-text,.diff .diff-item+.diff-item .diff-item-title{border-top:var(--typo3-diff-border-width) solid var(--typo3-diff-border-color)}
+.diff-item-title{background-color:var(--typo3-diff-title-bg);-webkit-padding-end:10px;font-style:italic;padding-inline-end:10px;white-space:nowrap}
+.diff-item-result{font-family:var(--typo3-font-family-monospace);white-space:pre-wrap;width:100%;word-break:break-word;word-wrap:break-word}
+.diff-item-result del{background-color:var(--typo3-diff-del-bg);color:var(--typo3-diff-del-color);text-decoration:none}
+.diff-item-result ins{background-color:var(--typo3-diff-ins-bg);color:var(--typo3-diff-ins-color);text-decoration:none}
+.diff-item-result.diff-item-result-inline{white-space:normal}
+.diff-group{-webkit-border-start:5px solid var(--typo3-component-border-color);border-bottom:1px dotted var(--typo3-component-border-color);border-inline-start:5px solid var(--typo3-component-border-color);margin-bottom:var(--typo3-spacing);-webkit-padding-start:var(--typo3-component-padding-x);padding-bottom:var(--typo3-component-padding-y);padding-inline-start:var(--typo3-component-padding-x)}
+.diff-group>:last-child{margin-bottom:0}
+.diff-inline{font-family:var(--typo3-font-family-monospace)}
+.diff-inline del{background-color:var(--typo3-diff-del-bg);color:var(--typo3-diff-del-color);text-decoration:none}
+.diff-inline ins{background-color:var(--typo3-diff-ins-bg);color:var(--typo3-diff-ins-color);text-decoration:none}
+:root{--module-color:var(--typo3-text-color-base);--module-bg:var(--typo3-surface-container-lowest);--module-width:auto;--module-layout-wide-width:auto;--module-layout-normal-width:1320px;--module-docheader-zindex:var(--typo3-zindex-header);--module-docheader-padding-y:.75rem;--module-docheader-padding-x:1.5rem;--module-docheader-padding:var(--module-docheader-padding-y) var(--module-docheader-padding-x);--module-docheader-spacing-y:.5rem;--module-docheader-spacing-x:.75rem;--module-docheader-spacing:var(--module-docheader-spacing-y) var(--module-docheader-spacing-x);--module-docheader-bg:var(--module-bg);--module-docheader-border-color:color-mix(in srgb,var(--module-docheader-bg),var(--module-color) 10%);--module-docheader-border-width:1px;--module-docheader-column-height:1.78125rem;--module-docheader-bar-height:calc(var(--module-docheader-padding-y)*2 + var(--module-docheader-column-height));--module-docheader-scroll-offset:calc((var(--module-docheader-bar-height) + var(--module-docheader-padding-y))*-1);--module-docheader-height:calc(var(--module-docheader-bar-height)*2 + var(--module-docheader-border-width));--module-docheader-box-shadow:var(--typo3-shadow-2);--module-body-padding-y:1.5rem;--module-body-padding-x:1.5rem;--module-body-padding:var(--module-body-padding-y) var(--module-body-padding-x)}
+body:has(.module) :target{scroll-margin-top:var(--module-docheader-height)}
+.module{background-color:var(--module-bg);color:var(--module-color);display:grid;grid-template-areas:"moduleDocHeaderNavigation" "moduleDocHeaderButtons" "moduleBody";grid-template-columns:100%;grid-template-rows:auto auto 1fr;max-width:100%;min-height:100%;position:relative;width:100%}
+body>.module{min-height:100dvh}
+.module-layout-wide{--module-width:var(--module-layout-wide-width)}
+.module-layout-normal{--module-width:var(--module-layout-normal-width)}
+.module-loading-indicator{min-height:5px;position:fixed;width:100%;z-index:calc(var(--typo3-zindex-header) + 1)}
+.module-docheader{background-color:var(--module-docheader-bg);display:flex;flex-wrap:wrap;gap:var(--module-docheader-spacing);justify-content:space-between;min-height:var(--module-docheader-bar-height);padding:var(--module-docheader-padding);position:relative;z-index:var(--typo3-zindex-header)}
+.module-docheader-column{align-items:center;display:flex;max-width:100%;min-height:var(--module-docheader-column-height)}
+.module-docheader-column:not(:has(>*)){display:none}
+.module-docheader-column:has(typo3-backend-content-navigation-toggle[hidden]){display:none}
+.module-docheader-column:last-child:not(:first-child){-webkit-margin-start:auto;margin-inline-start:auto}
+.module-docheader-column-grow{flex-grow:1}
+.module-docheader-column-breadcrumb{flex-basis:120px;flex-grow:1;min-width:0}
+.module-docheader-container{display:flex;flex-wrap:wrap;gap:var(--module-docheader-spacing);margin:0 auto;max-width:var(--module-width);width:100%}
+.module-docheader .dropdown-menu{max-height:calc(100dvh - var(--module-docheader-height))}
+.module-docheader-navigation{border-bottom:var(--module-docheader-border-width) solid var(--module-docheader-border-color);grid-area:moduleDocHeaderNavigation;min-height:calc(var(--module-docheader-bar-height) + var(--module-docheader-border-width))}
+.module-docheader-buttons:has(.module-docheader-column:empty){padding:0}
+.module-docheader-buttons{animation:module-docheader-buttons-shadow linear forwards;grid-area:moduleDocHeaderButtons;position:-webkit-sticky;position:sticky;top:0;z-index:calc(var(--typo3-zindex-header) - 1);animation-timeline:scroll(root);animation-range:0 calc(var(--module-docheader-bar-height) + 1px)}
+@keyframes module-docheader-buttons-shadow{
+0%{box-shadow:0 0 0 transparent}
+to{box-shadow:var(--module-docheader-box-shadow)}}
+.module-body{background-color:var(--module-bg);contain:inline-size;grid-area:moduleBody;padding:var(--module-body-padding);position:relative}
+.module-body>.container{padding-left:0;padding-right:0}
+.module-body .container-small{margin:0 auto;max-width:768px}
+.module-body>:last-child{margin-bottom:0}
+.module-body-container{margin:0 auto;max-width:var(--module-width);width:100%}
+.panel{--typo3-panel-color:var(--typo3-component-color);--typo3-panel-bg:var(--typo3-component-bg);--typo3-panel-border-color:color-mix(in srgb,var(--typo3-panel-bg),var(--typo3-panel-color) var(--typo3-border-mix));--typo3-panel-border-width:var(--typo3-component-border-width);--typo3-panel-border-radius:var(--typo3-component-border-radius);--typo3-panel-border-radius-top:var(--typo3-panel-border-radius);--typo3-panel-border-radius-bottom:var(--typo3-panel-border-radius);--typo3-panel-border-radius-inner-top:max(0px,calc(var(--typo3-panel-border-radius-top) - var(--typo3-panel-border-width)));--typo3-panel-border-radius-inner-bottom:max(0px,calc(var(--typo3-panel-border-radius-bottom) - var(--typo3-panel-border-width)));--typo3-panel-padding-y:1rem;--typo3-panel-padding-x:1rem;--typo3-panel-sm-padding-y:.75rem;--typo3-panel-sm-padding-x:.75rem;--typo3-panel-header-padding-y:calc(var(--typo3-panel-padding-y)*0.75);--typo3-panel-header-padding-x:var(--typo3-panel-padding-x);--typo3-panel-header-bg:var(--typo3-surface-container-low);--typo3-panel-header-color:var(--typo3-text-color-base);--typo3-panel-box-shadow:var(--typo3-component-box-shadow);--typo3-panel-progress-bg:var(--typo3-state-primary-bg);--typo3-panel-progress-height:3px;--typo3-panel-primary-header-color:var(--typo3-surface-container-primary-text);--typo3-panel-primary-header-bg:var(--typo3-surface-container-primary);--typo3-panel-primary-border-color:color-mix(in srgb,var(--typo3-panel-primary-header-bg),var(--typo3-panel-primary-header-color) var(--typo3-border-mix));--typo3-panel-secondary-header-color:var(--typo3-surface-container-secondary-text);--typo3-panel-secondary-header-bg:var(--typo3-surface-container-secondary);--typo3-panel-secondary-border-color:color-mix(in srgb,var(--typo3-panel-secondary-header-bg),var(--typo3-panel-secondary-header-color) var(--typo3-border-mix));--typo3-panel-info-header-color:var(--typo3-surface-container-info-text);--typo3-panel-info-header-bg:var(--typo3-surface-container-info);--typo3-panel-info-border-color:color-mix(in srgb,var(--typo3-panel-info-header-bg),var(--typo3-panel-info-header-color) var(--typo3-border-mix));--typo3-panel-success-header-color:var(--typo3-surface-container-success-text);--typo3-panel-success-header-bg:var(--typo3-surface-container-success);--typo3-panel-success-border-color:color-mix(in srgb,var(--typo3-panel-success-header-bg),var(--typo3-panel-success-header-color) var(--typo3-border-mix));--typo3-panel-warning-header-color:var(--typo3-surface-container-warning-text);--typo3-panel-warning-header-bg:var(--typo3-surface-container-warning);--typo3-panel-warning-border-color:color-mix(in srgb,var(--typo3-panel-warning-header-bg),var(--typo3-panel-warning-header-color) var(--typo3-border-mix));--typo3-panel-danger-header-color:var(--typo3-surface-container-danger-text);--typo3-panel-danger-header-bg:var(--typo3-surface-container-danger);--typo3-panel-danger-border-color:color-mix(in srgb,var(--typo3-panel-danger-header-bg),var(--typo3-panel-danger-header-color) var(--typo3-border-mix));--typo3-panel-notice-header-color:var(--typo3-surface-container-notice-text);--typo3-panel-notice-header-bg:var(--typo3-surface-container-notice);--typo3-panel-notice-border-color:color-mix(in srgb,var(--typo3-panel-notice-header-bg),var(--typo3-panel-notice-header-color) var(--typo3-border-mix));--typo3-panel-default-header-color:var(--typo3-surface-container-default-text);--typo3-panel-default-header-bg:var(--typo3-surface-container-default);--typo3-panel-default-border-color:color-mix(in srgb,var(--typo3-panel-default-header-bg),var(--typo3-panel-default-header-color) var(--typo3-border-mix));display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box;background-color:var(--typo3-panel-bg);border:var(--typo3-panel-border-width) solid var(--typo3-panel-border-color);border-radius:var(--typo3-panel-border-radius-top) var(--typo3-panel-border-radius-top) var(--typo3-panel-border-radius-bottom) var(--typo3-panel-border-radius-bottom);box-shadow:var(--typo3-panel-box-shadow);color:var(--typo3-panel-color);-webkit-margin-after:var(--typo3-spacing);margin-block-end:var(--typo3-spacing);position:relative}
+.panel .panel-collapse>.table-fit,.panel .panel-collapse>form>.table-fit,.panel>.table-fit{border:none;border-radius:0;box-shadow:none;margin:0}
+.panel .panel-collapse>.alert,.panel>.alert{--typo3-alert-margin-bottom:0;--typo3-alert-border-width:0;--typo3-alert-border-radius:0}
+.panel .panel-collapse>.form-section,.panel>.form-section{--typo3-form-section-padding-y:var(--typo3-panel-padding-y);--typo3-form-section-padding-x:var(--typo3-panel-padding-x)}
+.panel .panel-collapse>.tab-wrapper,.panel>.tab-wrapper{padding:var(--typo3-panel-padding-y) var(--typo3-panel-padding-x)}
+.panel>.alert:first-child,.panel>.table-fit:first-child{border-start-end-radius:var(--typo3-panel-border-radius-inner-bottom);border-start-start-radius:var(--typo3-panel-border-radius-inner-bottom);border-top:0}
+.panel .panel-collapse>form>.table-fit:last-child,.panel:last-child .panel-collapse>.alert:last-child,.panel:last-child .panel-collapse>.table-fit:last-child,.panel>.alert:last-child,.panel>.table-fit:last-child,:not(.panel-group)>.panel>.panel-collapse>.alert:last-child,:not(.panel-group)>.panel>.panel-collapse>.table-fit:last-child{border-end-end-radius:var(--typo3-panel-border-radius-inner-bottom);border-end-start-radius:var(--typo3-panel-border-radius-inner-bottom)}
+.panel-loader{padding:var(--typo3-panel-padding-y) var(--typo3-panel-padding-x)}
+.panel:has(.panel-progress){min-height:5px}
+.panel-progress{background-color:transparent;border-radius:var(--typo3-panel-border-radius-inner-top) var(--typo3-panel-border-radius-inner-top) 0 0;display:none;height:max(2 * var(--typo3-panel-border-radius-inner-top),var(--typo3-panel-progress-height));inset-inline-start:0;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 var(--typo3-panel-progress-height),transparent var(--typo3-panel-progress-height));mask-image:linear-gradient(to bottom,#000 0,#000 var(--typo3-panel-progress-height),transparent var(--typo3-panel-progress-height));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;overflow:hidden;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:1}
+.panel-progress .panel-progress-bar{background-color:var(--typo3-panel-progress-bg);display:block;height:100%}
+.panel-has-progress>.panel-progress{display:block}
+.panel>typo3-backend-progress-bar{--progress-border-radius:var(--typo3-panel-border-radius-inner-top) var(--typo3-panel-border-radius-inner-top) 0 0;--progress-bar-height:max(calc(var(--typo3-panel-border-radius-inner-top)*2),var(--typo3-panel-progress-height));inset-inline-start:0;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 var(--typo3-panel-progress-height),transparent var(--typo3-panel-progress-height));mask-image:linear-gradient(to bottom,#000 0,#000 var(--typo3-panel-progress-height),transparent var(--typo3-panel-progress-height));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%;overflow:hidden;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:2}
+.panel-button{align-items:center;background:transparent;border:none;display:flex;flex-grow:1;gap:.25rem;min-width:0;padding:0;position:relative;text-align:start;width:100%}
+.panel-button:after{bottom:calc(var(--typo3-panel-padding-y)*-1);content:"";left:0;position:absolute;right:0;top:calc(var(--typo3-panel-padding-y)*-1)}
+.panel-heading{background-color:var(--typo3-panel-header-bg);border-radius:var(--typo3-panel-border-radius-inner-top) var(--typo3-panel-border-radius-inner-top) var(--typo3-panel-border-radius-inner-bottom) var(--typo3-panel-border-radius-inner-bottom);color:var(--typo3-panel-header-color);container-type:inline-size;font-size:var(--typo3-font-size);font-weight:400;margin:0;outline-offset:0;padding:var(--typo3-panel-header-padding-y) var(--typo3-panel-header-padding-x);position:relative}
+.panel-heading:not(:last-child,.collapsed,:has(.collapsed),:has(+.collapse:not(.show)),:has(+.collapsing),:has(.panel-button[aria-expanded=false])){--typo3-panel-border-radius-inner-bottom:0}
+.panel-heading [data-bs-toggle=collapse]{outline:none}
+.panel-heading:has([data-bs-toggle=collapse]:focus-visible){outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-panel-border-color),transparent 25%);z-index:1}
+.panel-heading .caret{flex-shrink:0;width:var(--icon-size-small);--typo3-caret-color:var(--typo3-panel-header-color)}
+.panel-heading.collapsed .caret,.panel-heading:has(.collapsed) .caret,.panel-heading:has(.panel-button[aria-expanded=false]) .caret{--typo3-caret-rotation:calc(-90deg*var(--typo3-position-modifier))}
+.panel-heading-row{align-items:center;display:flex;flex-grow:1;gap:.5rem;max-width:100%}
+.panel-heading-row .panel-button{width:auto}
+.panel-heading-row-spread{flex-wrap:wrap;justify-content:space-between}
+@container (max-width: 500px){
+.panel-heading-row{flex-wrap:wrap}
+.panel-heading-row .panel-button{flex-basis:100%}
+.panel-heading-row .panel-actions{-webkit-padding-start:calc(var(--icon-size-small) + .25rem);padding-inline-start:calc(var(--icon-size-small) + .25rem)}}
+.panel-heading-column{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}
+.panel-title{flex-grow:1;font-size:var(--typo3-font-size);line-height:1.2;margin-bottom:0;margin-top:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.panel-meta{color:var(--typo3-text-color-variant);display:block;font-size:var(--typo3-font-size-small);font-weight:400;line-height:1.2}
+.panel-heading:has([data-bs-toggle=collapse]:hover) .panel-title{text-decoration:underline}
+.panel-badge,.panel-icon,.panel-thumbnail{align-items:center;display:flex;flex-shrink:0;justify-content:center}
+.panel-thumbnail{height:45px;overflow:hidden;width:60px;-webkit-margin-end:.25rem;margin-inline-end:.25rem}
+.panel-thumbnail>img{border-radius:4px;height:auto;max-height:100%;max-width:100%;width:auto}
+.panel-actions{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.25rem;justify-content:end;position:relative;z-index:1}
+.panel-body{padding:var(--typo3-panel-padding-y) var(--typo3-panel-padding-x)}
+.panel-body:last-child{border-end-end-radius:var(--typo3-panel-border-radius-inner-bottom);border-end-start-radius:var(--typo3-panel-border-radius-inner-bottom)}
+.panel-body>:first-child{margin-top:0}
+.panel-body>:last-child{margin-bottom:0}
+.panel-body-overflow{max-width:100%;overflow:auto}
+.panel-collapse .form-section:not(.hide):not(:has(~.form-section:not(.hide))),.panel-collapse:last-child{border-end-end-radius:var(--typo3-panel-border-radius-inner-bottom);border-end-start-radius:var(--typo3-panel-border-radius-inner-bottom)}
+.panel-footer{padding:var(--typo3-panel-padding-y) var(--typo3-panel-padding-x)}
+.panel-list{padding-left:var(--typo3-panel-padding-x)}
+.panel-list>li+li{margin-top:.2rem}
+.panel-condensed{--typo3-panel-padding-y:var(--typo3-panel-sm-padding-y);--typo3-panel-padding-x:var(--typo3-panel-sm-padding-x)}
+.panel-active,.panel-primary{--typo3-panel-header-color:var(--typo3-panel-primary-header-color);--typo3-panel-header-bg:var(--typo3-panel-primary-header-bg);--typo3-panel-border-color:var(--typo3-panel-primary-border-color)}
+.panel-secondary{--typo3-panel-header-color:var(--typo3-panel-secondary-header-color);--typo3-panel-header-bg:var(--typo3-panel-secondary-header-bg);--typo3-panel-border-color:var(--typo3-panel-secondary-border-color)}
+.panel-important,.panel-info{--typo3-panel-header-color:var(--typo3-panel-info-header-color);--typo3-panel-header-bg:var(--typo3-panel-info-header-bg);--typo3-panel-border-color:var(--typo3-panel-info-border-color)}
+.panel-feature,.panel-success{--typo3-panel-header-color:var(--typo3-panel-success-header-color);--typo3-panel-header-bg:var(--typo3-panel-success-header-bg);--typo3-panel-border-color:var(--typo3-panel-success-border-color)}
+.panel-deprecation,.panel-warning{--typo3-panel-header-color:var(--typo3-panel-warning-header-color);--typo3-panel-header-bg:var(--typo3-panel-warning-header-bg);--typo3-panel-border-color:var(--typo3-panel-warning-border-color)}
+.panel-breaking,.panel-danger{--typo3-panel-header-color:var(--typo3-panel-danger-header-color);--typo3-panel-header-bg:var(--typo3-panel-danger-header-bg);--typo3-panel-border-color:var(--typo3-panel-danger-border-color)}
+.panel-notice{--typo3-panel-header-color:var(--typo3-panel-notice-header-color);--typo3-panel-header-bg:var(--typo3-panel-notice-header-bg);--typo3-panel-border-color:var(--typo3-panel-notice-border-color)}
+.panel-default{--typo3-panel-header-color:var(--typo3-panel-default-header-color);--typo3-panel-header-bg:var(--typo3-panel-default-header-bg);--typo3-panel-border-color:var(--typo3-panel-default-border-color)}
+.panel-hidden,.panel-placeholder{border-style:dashed;opacity:.5}
+.panel-hidden>.panel-heading,.panel-placeholder>.panel-heading{background-color:transparent}
+.panel-hidden:focus-within,.panel-hidden:hover,.panel-placeholder:focus-within,.panel-placeholder:hover{opacity:1}
+.panel-group{--typo3-panel-group-border-radius:var(--typo3-component-border-radius);--typo3-panel-group-border-radius-top:var(--typo3-panel-group-border-radius);--typo3-panel-group-border-radius-bottom:var(--typo3-panel-group-border-radius);--typo3-panel-group-box-shadow:var(--typo3-component-box-shadow);border-radius:var(--typo3-panel-group-border-radius-top) var(--typo3-panel-group-border-radius-top) var(--typo3-panel-group-border-radius-bottom) var(--typo3-panel-group-border-radius-bottom);box-shadow:var(--typo3-panel-group-box-shadow);display:flex;flex-flow:column;margin-bottom:var(--typo3-spacing)}
+.panel-group:empty{display:none}
+.panel-group>.panel{--typo3-panel-border-radius-top:0px;--typo3-panel-border-radius-bottom:0px;box-shadow:none;margin-bottom:0;margin-top:calc(var(--typo3-panel-border-width)*-1)}
+.panel-group>.panel:first-child{margin-top:0;--typo3-panel-border-radius-top:var(--typo3-panel-group-border-radius)}
+.panel-group>.panel:last-child{--typo3-panel-border-radius-bottom:var(--typo3-panel-group-border-radius)}
+.panel,.panel-heading{transition:all .2s ease-in-out;transition-property:box-shadow,border,border-radius,transform}
+.table{--typo3-table-font-size:var(--typo3-font-size);--typo3-table-color:var(--typo3-component-color);--typo3-table-bg:var(--typo3-component-bg);--typo3-table-bg-type:initial;--typo3-table-bg-state:initial;--typo3-table-border-style:none;--typo3-table-border-width:var(--typo3-component-border-width);--typo3-table-border-color:var(--typo3-component-border-color);--typo3-table-padding-y:.75rem;--typo3-table-padding-x:1rem;--typo3-table-sm-font-size:var(--typo3-font-size-small);--typo3-table-sm-padding-y:.5rem;--typo3-table-sm-padding-x:.75rem;--typo3-table-primary-color:var(--typo3-surface-container-primary-text);--typo3-table-primary-bg:var(--typo3-surface-container-primary);--typo3-table-primary-border-color:var(--typo3-state-primary-border-color);--typo3-table-secondary-color:var(--typo3-surface-container-secondary-text);--typo3-table-secondary-bg:var(--typo3-surface-container-secondary);--typo3-table-secondary-border-color:var(--typo3-state-secondary-border-color);--typo3-table-info-color:var(--typo3-surface-container-info-text);--typo3-table-info-bg:var(--typo3-surface-container-info);--typo3-table-info-border-color:var(--typo3-state-info-border-color);--typo3-table-success-color:var(--typo3-surface-container-success-text);--typo3-table-success-bg:var(--typo3-surface-container-success);--typo3-table-success-border-color:var(--typo3-state-success-border-color);--typo3-table-warning-color:var(--typo3-surface-container-warning-text);--typo3-table-warning-bg:var(--typo3-surface-container-warning);--typo3-table-warning-border-color:var(--typo3-state-warning-border-color);--typo3-table-danger-color:var(--typo3-surface-container-danger-text);--typo3-table-danger-bg:var(--typo3-surface-container-danger);--typo3-table-danger-border-color:var(--typo3-state-danger-border-color);--typo3-table-notice-color:var(--typo3-surface-container-notice-text);--typo3-table-notice-bg:var(--typo3-surface-container-notice);--typo3-table-notice-border-color:var(--typo3-state-notice-border-color);--typo3-table-default-color:var(--typo3-surface-container-default-text);--typo3-table-default-bg:var(--typo3-surface-container-default);--typo3-table-default-border-color:var(--typo3-state-default-border-color);font-size:var(--typo3-table-font-size);margin-bottom:var(--typo3-spacing);width:100%}
+.table,.table>:not(caption)>*>*{border-color:var(--typo3-table-border-color)}
+.table>:not(caption)>*>*{background-color:var(--typo3-table-bg-state,var(--typo3-table-bg-type,var(--typo3-table-bg)));border-bottom-width:var(--typo3-table-border-width);color:var(--typo3-table-color);padding:var(--typo3-table-padding-y) calc(var(--typo3-table-padding-x)/2);vertical-align:middle}
+.table>:not(caption)>*>*>:last-child{margin-bottom:0}
+.table>:not(caption)>*>:is(th){white-space:nowrap}
+.table>:not(caption)>*>:first-child{-webkit-padding-start:var(--typo3-table-padding-x);padding-inline-start:var(--typo3-table-padding-x)}
+.table>:not(caption)>*>:last-child{-webkit-padding-end:var(--typo3-table-padding-x);padding-inline-end:var(--typo3-table-padding-x)}
+.table>:not(caption)>.inactive>*{color:color-mix(in srgb,var(--typo3-table-color),transparent 50%)}
+.table caption{color:var(--typo3-text-color-variant);padding-bottom:var(--typo3-table-padding-y);padding-top:var(--typo3-table-padding-y)}
+.table .col-avatar,.table .col-checkbox,.table .col-icon{-webkit-padding-end:0;padding-inline-end:0}
+.table .col-50{width:50%}
+.table .col-task,.table .col-title{width:99%}
+.table .col-title-flexible{max-width:40ch;min-width:200px}
+.table .col-checkbox .form-check{--typo3-form-check-top-correction:0;--typo3-form-check-margin-bottom:0}
+.table .col-checkbox,.table .col-icon{box-sizing:content-box;min-width:16px;white-space:nowrap;width:16px}
+.table .col-indicator{width:10px;-webkit-padding-end:0;padding-inline-end:0;white-space:nowrap}
+.table .col-time{width:8ch}
+.table .col-datetime,.table .col-time{box-sizing:content-box;white-space:nowrap}
+.table .col-datetime{width:14ch}
+.table .col-avatar{box-sizing:content-box;width:32px}
+.table .col-action,.table .col-username{width:15ch}
+.table .col-fieldname{min-width:200px;width:200px}
+@media (min-width:768px){
+.table .col-fieldname{width:250px}}
+.table .col-language{width:200px}
+.table .col-recordtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:250px}
+.table .col-path{max-width:40ch;min-width:200px;white-space:wrap;word-wrap:break-word;word-break:break-all}
+.table .col-action,.table .col-language,.table .col-recordtitle,.table .col-state{min-width:120px}
+.table .col-differences,.table .col-task{min-width:400px}
+.table .col-clipboard,.table .col-control,.table .col-nowrap,.table .col-radiogroup{white-space:nowrap!important}
+.table .col-clipboard,.table .col-control{text-align:end}
+.table .col-border-left{-webkit-border-start:var(--typo3-table-border-width) solid var(--typo3-table-border-color);border-inline-start:var(--typo3-table-border-width) solid var(--typo3-table-border-color)}
+.table .col-min{min-width:150px}
+.table .col-responsive{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+@media (min-width:768px){
+.table .col-word-break{word-wrap:break-word;word-break:break-all}}
+.table .col-white-space-normal{white-space:normal}
+.table .col-progress{padding-bottom:calc(var(--typo3-table-padding-y)*.75);padding-top:calc(var(--typo3-table-padding-y)*.75)}
+.table-sm{--typo3-table-font-size:var(--typo3-table-sm-font-size);--typo3-table-padding-x:var(--typo3-table-sm-padding-x)}
+.caption-top{caption-side:top}
+.table-striped-columns>:not(caption)>tr>:nth-child(2n),.table-striped>tbody>tr:nth-of-type(odd)>*{--typo3-table-bg-type:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 3%)}
+.table-hover>tbody>tr:hover>*{--typo3-table-bg-state:color-mix(in srgb,var(--typo3-table-bg-type,var(--typo3-table-bg)),var(--typo3-table-color) 6%)}
+.table-bordered>:not(caption)>*{border-width:var(--typo3-table-border-width) 0}
+.table-bordered>:not(caption)>*>*{border-width:0 var(--typo3-table-border-width)}
+.table-transparent{--typo3-table-bg:transparent}
+.table-vertical-top>:not(caption)>*>*{vertical-align:top}
+.table-center>:not(caption)>*>*{text-align:center}
+.table-fit{--typo3-table-color:var(--typo3-component-color);--typo3-table-bg:var(--typo3-component-bg);--typo3-table-border-width:var(--typo3-component-border-width);--typo3-table-border-color:var(--typo3-component-border-color);--typo3-table-border-radius:var(--typo3-component-border-radius);--typo3-table-progress-height:3px;border-radius:var(--typo3-table-border-radius);box-shadow:var(--typo3-component-box-shadow);color:var(--typo3-table-color);margin-bottom:var(--typo3-spacing);overflow-x:auto;overflow-y:hidden;width:100%;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;background-color:var(--typo3-table-bg);border:1px solid var(--typo3-table-border-color)}
+td .table-fit{margin-bottom:0}
+.table-fit caption{border-top:var(--typo3-table-border-width) solid var(--typo3-table-border-color);-webkit-padding-start:var(--typo3-component-padding-x);padding-inline-start:var(--typo3-component-padding-x);-webkit-padding-end:var(--typo3-component-padding-x);padding-inline-end:var(--typo3-component-padding-x)}
+.table-fit .caption-top caption{border-bottom:var(--typo3-table-border-width) solid var(--typo3-table-border-color);border-top:0}
+.table-fit>typo3-backend-progress-bar{--progress-border-radius:0;--progress-bar-height:var(--typo3-table-progress-height);height:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.table-fit>.table{margin-bottom:0}
+.table-fit>.table>:first-child>*,.table-fit>.table>colgroup:first-child+*>*{border-top-width:0}
+.table-fit>.table>*>*>:first-child{-webkit-border-start:0;border-inline-start:0}
+.table-fit>.table>*>*>:last-child{-webkit-border-end:0;border-inline-end:0}
+.table-fit>.table>:last-child>:last-child,.table-fit>.table>:last-child>:last-child>*{border-bottom-width:0}
+.table-fit-wrap td,.table-fit-wrap th{white-space:normal}
+.table-fit-inline-block{display:inline-block;margin:0;max-width:100%;width:auto}
+.table-fit-inline-block>.table{width:auto}
+.table .primary,.table-primary{--typo3-table-color:var(--typo3-table-primary-color);--typo3-table-bg:var(--typo3-table-primary-bg);--typo3-table-border-color:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 10%)}
+.table .secondary,.table-secondary{--typo3-table-color:var(--typo3-table-secondary-color);--typo3-table-bg:var(--typo3-table-secondary-bg);--typo3-table-border-color:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 10%)}
+.table .info,.table-info{--typo3-table-color:var(--typo3-table-info-color);--typo3-table-bg:var(--typo3-table-info-bg);--typo3-table-border-color:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 10%)}
+.table .success,.table-success{--typo3-table-color:var(--typo3-table-success-color);--typo3-table-bg:var(--typo3-table-success-bg);--typo3-table-border-color:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 10%)}
+.table .warning,.table-warning{--typo3-table-color:var(--typo3-table-warning-color);--typo3-table-bg:var(--typo3-table-warning-bg);--typo3-table-border-color:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 10%)}
+.table .danger,.table-danger{--typo3-table-color:var(--typo3-table-danger-color);--typo3-table-bg:var(--typo3-table-danger-bg);--typo3-table-border-color:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 10%)}
+.table .notice,.table-notice{--typo3-table-color:var(--typo3-table-notice-color);--typo3-table-bg:var(--typo3-table-notice-bg);--typo3-table-border-color:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 10%)}
+.table .default,.table-default{--typo3-table-color:var(--typo3-table-default-color);--typo3-table-bg:var(--typo3-table-default-bg);--typo3-table-border-color:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 10%)}
+.table .active,.table-active{--typo3-table-color:var(--typo3-table-primary-color);--typo3-table-bg:var(--typo3-table-primary-bg);--typo3-table-border-color:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 10%)}
+.table .selected,.table-selected{--typo3-table-color:var(--typo3-table-info-color);--typo3-table-bg:var(--typo3-table-info-bg);--typo3-table-border-color:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 10%)}
+.table .installed,.table-installed{--typo3-table-color:var(--typo3-table-success-color);--typo3-table-bg:var(--typo3-table-success-bg);--typo3-table-border-color:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 10%)}
+.table .insecure,.table-insecure{--typo3-table-color:var(--typo3-table-danger-color);--typo3-table-bg:var(--typo3-table-danger-bg);--typo3-table-border-color:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 10%)}
+.table .outdated,.table-outdated{--typo3-table-color:var(--typo3-table-warning-color);--typo3-table-bg:var(--typo3-table-warning-bg);--typo3-table-border-color:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 10%)}
+.table .available,.table-available{--typo3-table-color:var(--typo3-table-info-color);--typo3-table-bg:var(--typo3-table-info-bg);--typo3-table-border-color:color-mix(in srgb,var(--typo3-table-bg),var(--typo3-table-color) 10%)}
+.table .row-drop-after:not(:last-child)>*,.table tr:has(+.row-drop-before)>*{border-bottom-color:var(--typo3-state-primary-border-color);box-shadow:inset 0 -1px 0 0 var(--typo3-state-primary-border-color)}
+.table .row-drop-before:first-child>*{box-shadow:inset 0 2px 0 0 var(--typo3-state-primary-border-color)}
+.table .row-drop-after:last-child>*{box-shadow:inset 0 -2px 0 0 var(--typo3-state-primary-border-color)}
+.simpletable{margin-bottom:1.5em;padding:0}
+.simpletable td,.simpletable th{padding:.25em 1em}
+.simpletable td:first-child,.simpletable th:first-child{-webkit-padding-start:0;padding-inline-start:0}
+.simpletable td:last-child,.simpletable th:last-child{-webkit-padding-end:0;padding-inline-end:0}
+.modal{--typo3-modal-width:var(--typo3-modal-width-default);--typo3-modal-height:var(--typo3-modal-height-default);--typo3-modal-border-radius:var(--typo3-component-border-radius);--typo3-modal-shadow:var(--typo3-component-box-shadow-dialog);--typo3-modal-padding:1rem;--typo3-modal-spacing:.5rem;--typo3-modal-offset:1.5rem;--typo3-modal-offset-multiplier-y:2;--typo3-modal-offset-multiplier-x:2;--typo3-modal-slide:-50px;--typo3-modal-color:var(--typo3-component-color);--typo3-modal-bg:var(--typo3-component-bg);--typo3-modal-border-width:var(--typo3-component-border-width);--typo3-modal-border-color:var(--typo3-component-border-color);--typo3-modal-header-color:var(--typo3-component-active-color);--typo3-modal-header-bg:var(--typo3-component-active-bg);--typo3-modal-backdrop-bg:var(--typo3-overlay-bg);--typo3-modal-backdrop-opacity:var(--typo3-overlay-opacity);background:transparent;border:var(--typo3-modal-border-width) solid var(--typo3-modal-border-color);border-radius:var(--typo3-modal-border-radius);box-shadow:var(--typo3-modal-shadow);display:flex;flex-direction:column;height:var(--typo3-modal-height);inset:0;max-height:calc(100dvh - var(--typo3-modal-offset)*var(--typo3-modal-offset-multiplier-y));max-width:calc(100dvw - var(--typo3-modal-offset)*var(--typo3-modal-offset-multiplier-x));opacity:1;outline:var(--typo3-modal-border-width) solid var(--typo3-modal-border-color);outline-offset:calc(var(--typo3-modal-border-width)*-1);padding:0;transition:opacity .3s ease-out,inset .3s ease-out,overlay allow-discrete .3s ease-out,display allow-discrete .3s ease-out;width:var(--typo3-modal-width)}
+.modal-header{align-items:center;background:var(--typo3-modal-header-bg);border-bottom:var(--typo3-modal-border-width) solid var(--typo3-modal-border-color);color:var(--typo3-modal-header-color);display:flex;flex-shrink:0;flex-wrap:wrap;font-weight:700;gap:var(--typo3-modal-spacing);justify-content:space-between;padding:var(--typo3-modal-padding)}
+.modal-header-close{background:transparent;border:none;border-radius:var(--typo3-input-border-radius);color:inherit;margin:calc(var(--typo3-modal-header-padding-y)*-.5) calc(var(--typo3-modal-header-padding-x)*-.5) calc(var(--typo3-modal-header-padding-y)*-.5) auto;opacity:.5;padding:calc(var(--typo3-modal-header-padding-y)*.5) calc(var(--typo3-modal-header-padding-x)*.5);-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}
+.modal-header-close:active,.modal-header-close:focus,.modal-header-close:hover{background:none;box-shadow:none;opacity:1;outline:none}
+.modal-header-close:focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,currentColor,transparent 50%)}
+.modal-header:has(+.modal-progress){border-bottom:0;padding-bottom:0}
+.modal-progress{background-color:var(--typo3-modal-header-bg);border-bottom:var(--typo3-modal-border-width) solid var(--typo3-modal-border-color);color:var(--typo3-modal-header-color);padding:var(--typo3-modal-padding)}
+.modal-progress>:first-child{margin-top:0}
+.modal-progress>:last-child{margin-bottom:0}
+.modal-body{background:var(--typo3-modal-bg);color:var(--typo3-modal-color);display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow-y:auto;padding:var(--typo3-modal-padding);position:relative}
+.modal-body>:first-child{margin-top:0}
+.modal-body>:last-child{margin-bottom:0}
+.modal-loading{flex:1 0 auto;height:100%;justify-content:center}
+.modal-footer,.modal-loading{align-items:center;display:flex}
+.modal-footer{background:var(--typo3-modal-bg);border-top:1px solid var(--typo3-modal-border-color);color:var(--typo3-modal-color);flex-shrink:0;flex-wrap:wrap;gap:calc(var(--typo3-modal-spacing)/2);justify-content:flex-end;padding:calc(var(--typo3-modal-padding)/2) var(--typo3-modal-padding)}
+.modal::backdrop{background-color:var(--typo3-modal-backdrop-bg);opacity:var(--typo3-modal-backdrop-opacity)}
+@starting-style{
+.modal{opacity:0}}
+.modal.modal-closing{opacity:0;transition:opacity .3s ease-out,inset .3s ease-out}
+.modal::backdrop{transition:opacity .2s ease-out,overlay allow-discrete .2s ease-out,display allow-discrete .2s ease-out}
+@starting-style{
+.modal::backdrop{opacity:0}}
+.modal.modal-closing::backdrop{opacity:0}
+@media (prefers-reduced-motion:reduce){
+.modal{transition:none}
+@starting-style{
+.modal{inset:0;opacity:1}}
+.modal.modal-closing{inset:0;opacity:1}
+.modal::backdrop{transition:none}
+@starting-style{
+.modal::backdrop{opacity:var(--typo3-modal-backdrop-opacity)}}
+.modal.modal-closing::backdrop{opacity:var(--typo3-modal-backdrop-opacity)}}
+.modal-style-light{color-scheme:only light}
+.modal-style-dark{color-scheme:only dark}
+.modal-severity-primary{--typo3-modal-header-color:var(--typo3-surface-container-primary-text);--typo3-modal-header-bg:var(--typo3-surface-container-primary)}
+.modal-severity-secondary{--typo3-modal-header-color:var(--typo3-surface-container-secondary-text);--typo3-modal-header-bg:var(--typo3-surface-container-secondary)}
+.modal-severity-info{--typo3-modal-header-color:var(--typo3-surface-container-info-text);--typo3-modal-header-bg:var(--typo3-surface-container-info)}
+.modal-severity-success{--typo3-modal-header-color:var(--typo3-surface-container-success-text);--typo3-modal-header-bg:var(--typo3-surface-container-success)}
+.modal-severity-warning{--typo3-modal-header-color:var(--typo3-surface-container-warning-text);--typo3-modal-header-bg:var(--typo3-surface-container-warning)}
+.modal-severity-danger{--typo3-modal-header-color:var(--typo3-surface-container-danger-text);--typo3-modal-header-bg:var(--typo3-surface-container-danger)}
+.modal-severity-notice{--typo3-modal-header-color:var(--typo3-surface-container-notice-text);--typo3-modal-header-bg:var(--typo3-surface-container-notice)}
+.modal-severity-default{--typo3-modal-header-color:var(--typo3-surface-container-default-text);--typo3-modal-header-bg:var(--typo3-surface-container-default)}
+:root{--typo3-modal-width-small:440px;--typo3-modal-width-default:600px;--typo3-modal-width-medium:800px;--typo3-modal-width-large:1000px;--typo3-modal-width-full:100%;--typo3-modal-height-small:440px;--typo3-modal-height-default:fit-content;--typo3-modal-height-medium:520px;--typo3-modal-height-large:800px;--typo3-modal-height-full:100%}
+.modal-width-small{--typo3-modal-width:var(--typo3-modal-width-small)}
+.modal-width-default{--typo3-modal-width:var(--typo3-modal-width-default)}
+.modal-width-medium{--typo3-modal-width:var(--typo3-modal-width-medium)}
+.modal-width-large{--typo3-modal-width:var(--typo3-modal-width-large)}
+.modal-width-full{--typo3-modal-width:var(--typo3-modal-width-full)}
+.modal-height-small{--typo3-modal-height:var(--typo3-modal-height-small)}
+.modal-height-default{--typo3-modal-height:var(--typo3-modal-height-default)}
+.modal-height-medium{--typo3-modal-height:var(--typo3-modal-height-medium)}
+.modal-height-large{--typo3-modal-height:var(--typo3-modal-height-large)}
+.modal-height-full{--typo3-modal-height:var(--typo3-modal-height-full)}
+.modal-size-small{--typo3-modal-width:var(--typo3-modal-width-small)}
+.modal-size-small.modal-type-iframe{--typo3-modal-height:var(--typo3-modal-height-small)}
+.modal-size-medium{--typo3-modal-width:var(--typo3-modal-width-medium);--typo3-modal-height:var(--typo3-modal-height-medium)}
+.modal-size-large{--typo3-modal-width:var(--typo3-modal-width-large);--typo3-modal-height:var(--typo3-modal-height-large)}
+.modal-size-full{--typo3-modal-width:var(--typo3-modal-width-full);--typo3-modal-height:var(--typo3-modal-height-full)}
+.modal-size-expand{--typo3-modal-width:var(--typo3-modal-width-medium);--typo3-modal-height:var(--typo3-modal-height-full)}
+@media (max-width:767px){
+.modal-size-expand{--typo3-modal-height:calc(100% - 100px)}}
+.modal-position-center{--typo3-modal-slide:-100px}
+@starting-style{
+.modal-position-center{inset-block-start:var(--typo3-modal-slide)}}
+.modal-position-center.modal-closing{inset-block-start:var(--typo3-modal-slide)}
+.modal-position-top{--typo3-modal-offset-multiplier-y:1;-webkit-margin-before:0;margin-block-start:0;-webkit-margin-after:auto;border-start-end-radius:0;border-start-start-radius:0;margin-block-end:auto;-webkit-border-before:0;border-block-start:0}
+@starting-style{
+.modal-position-top{inset-block-start:var(--typo3-modal-slide)}}
+.modal-position-top.modal-closing{inset-block-start:var(--typo3-modal-slide)}
+.modal-position-end{--typo3-modal-offset-multiplier-x:1;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:0;border-end-end-radius:0;border-start-end-radius:0;margin-inline-end:0;-webkit-border-end:0;border-inline-end:0}
+@starting-style{
+.modal-position-end{inset-inline-end:var(--typo3-modal-slide)}}
+.modal-position-end.modal-closing{inset-inline-end:var(--typo3-modal-slide)}
+.modal-position-bottom{--typo3-modal-offset-multiplier-y:1;-webkit-margin-before:auto;margin-block-start:auto;-webkit-margin-after:0;border-end-end-radius:0;border-end-start-radius:0;margin-block-end:0;-webkit-border-after:0;border-block-end:0}
+@starting-style{
+.modal-position-bottom{inset-block-end:var(--typo3-modal-slide)}}
+.modal-position-bottom.modal-closing{inset-block-end:var(--typo3-modal-slide)}
+.modal-position-start{--typo3-modal-offset-multiplier-x:1;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:auto;border-end-start-radius:0;border-start-start-radius:0;margin-inline-end:auto;-webkit-border-start:0;border-inline-start:0}
+@starting-style{
+.modal-position-start{inset-inline-start:var(--typo3-modal-slide)}}
+.modal-position-start.modal-closing{inset-inline-start:var(--typo3-modal-slide)}
+.modal-position-sheet{--typo3-modal-offset-multiplier-y:0;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:0;border-end-end-radius:0;border-start-end-radius:0;margin-inline-end:0;-webkit-border-end:0;border-inline-end:0}
+@starting-style{
+.modal-position-sheet{inset-inline-end:var(--typo3-modal-slide)}}
+.modal-position-sheet.modal-closing{inset-inline-end:var(--typo3-modal-slide)}
+@media (max-width:767px){
+.modal-position-sheet{--typo3-modal-offset-multiplier-x:0;--typo3-modal-offset-multiplier-y:2;-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;-webkit-margin-before:auto;margin-block-start:auto;-webkit-margin-after:0;border-end-end-radius:0;border-end-start-radius:0;border-start-end-radius:var(--typo3-modal-border-radius);margin-block-end:0;-webkit-border-end:var(--typo3-modal-border-width) solid var(--typo3-modal-border-color);border-inline-end:var(--typo3-modal-border-width) solid var(--typo3-modal-border-color);-webkit-border-after:0;border-block-end:0}
+@starting-style{
+.modal-position-sheet{inset-block-end:var(--typo3-modal-slide);inset-inline-end:0}}
+.modal-position-sheet.modal-closing{inset-block-end:var(--typo3-modal-slide);inset-inline-end:0}}
+.modal-type-iframe,.modal-type-iframe .modal-body{padding:0}
+.modal-type-iframe .modal-iframe{border:0;display:block;height:100%;left:0;position:absolute;top:0;width:100%}
+.modal-image-manipulation{--typo3-modal-sidebar-width-md:250px;--typo3-modal-sidebar-width-lg:300px}
+.modal-image-manipulation .modal-body{padding:0}
+@media (min-width:768px){
+.modal-image-manipulation .modal-body{display:flex;flex-direction:row}}
+.modal-image-manipulation .modal-panel-main{--typo3-bg-checkerboard-pattern-size:20px;--typo3-bg-checkerboard-background-color:light-dark(var(--token-color-neutral-10),var(--token-color-neutral-85));--typo3-bg-checkerboard-background-image-color:light-dark(var(--token-color-neutral-0),var(--token-color-neutral-90));align-items:center;background:var(--typo3-bg-checkerboard-background-color);background-clip:padding-box;background-image:linear-gradient(45deg,var(--typo3-bg-checkerboard-background-image-color) 25%,transparent 25%),linear-gradient(135deg,var(--typo3-bg-checkerboard-background-image-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--typo3-bg-checkerboard-background-image-color) 75%),linear-gradient(135deg,transparent 75%,var(--typo3-bg-checkerboard-background-image-color) 75%);background-position:0 0,calc(var(--typo3-bg-checkerboard-pattern-size)/2) 0,calc(var(--typo3-bg-checkerboard-pattern-size)/2) calc(var(--typo3-bg-checkerboard-pattern-size)/2*-1),0 calc(var(--typo3-bg-checkerboard-pattern-size)/2);background-size:var(--typo3-bg-checkerboard-pattern-size) var(--typo3-bg-checkerboard-pattern-size);display:flex;justify-content:center;overflow:visible;padding:var(--typo3-modal-padding);width:100%}
+@media (min-width:768px){
+.modal-image-manipulation .modal-panel-main{width:calc(100% - var(--typo3-modal-sidebar-width-md))}}
+@media (min-width:992px){
+.modal-image-manipulation .modal-panel-main{width:calc(100% - var(--typo3-modal-sidebar-width-lg))}}
+.modal-image-manipulation .modal-panel-main img{height:auto;max-height:100%;max-width:100%}
+.modal-image-manipulation .modal-panel-sidebar{flex-shrink:0;padding:var(--typo3-modal-padding);-webkit-border-start:1px solid rgba(0,0,0,.25);border-inline-start:1px solid rgba(0,0,0,.25);overflow:auto;position:relative;-webkit-overflow-scrolling:touch;width:100%}
+@media (min-width:768px){
+.modal-image-manipulation .modal-panel-sidebar{width:var(--typo3-modal-sidebar-width-md)}}
+@media (min-width:992px){
+.modal-image-manipulation .modal-panel-sidebar{width:var(--typo3-modal-sidebar-width-lg)}}
+.popover{--typo3-popover-zindex:1070;--typo3-popover-max-width:276px;--typo3-popover-bg:var(--typo3-surface-container-low);--typo3-popover-color:var(--typo3-component-color);--typo3-popover-border-width:var(--typo3-component-border-width);--typo3-popover-border-color:color-mix(in srgb,var(--typo3-popover-bg),var(--typo3-popover-color) 5%);--typo3-popover-border-radius:var(--typo3-component-border-radius);--typo3-popover-inner-border-radius:var(--typo3-component-border-radius);--typo3-popover-box-shadow:var(--typo3-component-box-shadow-flyout);--typo3-popover-header-padding-x:.75rem;--typo3-popover-header-padding-y:1rem;--typo3-popover-header-color:var(--typo3-text-color-base);--typo3-popover-header-bg:var(--typo3-surface-container-base);--typo3-popover-body-padding-x:.75rem;--typo3-popover-body-padding-y:1rem;--typo3-popover-body-color:var(--typo3-component-color);--typo3-popover-arrow-width:1rem;--typo3-popover-arrow-height:.5rem;--typo3-popover-arrow-border:color-mix(in srgb,var(--typo3-popover-bg),var(--typo3-popover-color) 5%);display:block;left:0;max-width:var(--typo3-popover-max-width);position:absolute;top:0;z-index:var(--typo3-popover-zindex);word-wrap:break-word;background-clip:padding-box;background-color:var(--typo3-popover-bg);border:var(--typo3-popover-border-width) solid var(--typo3-popover-border-color);box-shadow:var(--typo3-popover-box-shadow)}
+.popover:after,.popover:before{border:0 solid transparent;content:"";display:block;position:absolute;transform:translateX(-50%)}
+.popover .popover-arrow{display:block;height:var(--typo3-popover-arrow-height);width:var(--typo3-popover-arrow-width)}
+.popover .popover-arrow:after,.popover .popover-arrow:before{border:0 solid transparent;content:"";display:block;position:absolute}
+.popover .popover-header{background-color:var(--typo3-popover-header-bg);border-bottom:var(--typo3-popover-border-width) solid var(--typo3-popover-border-color);color:var(--typo3-popover-header-color);margin-bottom:0;padding:var(--typo3-popover-header-padding-y) var(--typo3-popover-header-padding-x)}
+.popover .popover-header:empty{display:none}
+.popover .popover-body{color:var(--typo3-popover-body-color);padding:var(--typo3-popover-body-padding-y) var(--typo3-popover-body-padding-x)}
+.popover[data-popper-placement^=top]>.popover-arrow{bottom:calc((var(--typo3-popover-arrow-height))*-1 - var(--typo3-popover-border-width))}
+.popover[data-popper-placement^=top]>.popover-arrow:after,.popover[data-popper-placement^=top]>.popover-arrow:before{border-width:var(--typo3-popover-arrow-height) calc(var(--typo3-popover-arrow-width)*.5) 0}
+.popover[data-popper-placement^=top]>.popover-arrow:before{border-top-color:var(--typo3-popover-arrow-border);bottom:0}
+.popover[data-popper-placement^=top]>.popover-arrow:after{border-top-color:var(--typo3-popover-bg);bottom:var(--typo3-popover-border-width)}
+.popover[data-popper-placement^=right]>.popover-arrow{height:var(--typo3-popover-arrow-width);left:calc((var(--typo3-popover-arrow-height))*-1 - var(--typo3-popover-border-width));width:var(--typo3-popover-arrow-height)}
+.popover[data-popper-placement^=right]>.popover-arrow:after,.popover[data-popper-placement^=right]>.popover-arrow:before{border-width:calc(var(--typo3-popover-arrow-width)*.5) var(--typo3-popover-arrow-height) calc(var(--typo3-popover-arrow-width)*.5) 0}
+.popover[data-popper-placement^=right]>.popover-arrow:before{border-right-color:var(--typo3-popover-arrow-border);left:0}
+.popover[data-popper-placement^=right]>.popover-arrow:after{border-right-color:var(--typo3-popover-header-bg);left:var(--typo3-popover-border-width)}
+.popover[data-popper-placement^=bottom]>.popover-arrow{top:calc((var(--typo3-popover-arrow-height))*-1 - var(--typo3-popover-border-width))}
+.popover[data-popper-placement^=bottom]>.popover-arrow:after,.popover[data-popper-placement^=bottom]>.popover-arrow:before{border-width:0 calc(var(--typo3-popover-arrow-width)*.5) var(--typo3-popover-arrow-height)}
+.popover[data-popper-placement^=bottom]>.popover-arrow:before{border-bottom-color:var(--typo3-popover-arrow-border);top:0}
+.popover[data-popper-placement^=bottom]>.popover-arrow:after{border-bottom-color:var(--typo3-popover-header-bg);top:var(--typo3-popover-border-width)}
+.popover[data-popper-placement^=bottom] .popover-header:before{border-bottom:var(--typo3-popover-border-width) solid var(--typo3-popover-header-bg);content:"";display:block;left:50%;margin-left:calc(var(--typo3-popover-arrow-width)*-.5);position:absolute;top:0;width:var(--typo3-popover-arrow-width)}
+.popover[data-popper-placement^=left]>.popover-arrow{height:var(--typo3-popover-arrow-width);right:calc((var(--typo3-popover-arrow-height))*-1 - var(--typo3-popover-border-width));width:var(--typo3-popover-arrow-height)}
+.popover[data-popper-placement^=left]>.popover-arrow:after,.popover[data-popper-placement^=left]>.popover-arrow:before{border-width:calc(var(--typo3-popover-arrow-width)*.5) 0 calc(var(--typo3-popover-arrow-width)*.5) var(--typo3-popover-arrow-height)}
+.popover[data-popper-placement^=left]>.popover-arrow:before{border-left-color:var(--typo3-popover-arrow-border);right:0}
+.popover[data-popper-placement^=left]>.popover-arrow:after{border-left-color:var(--typo3-popover-header-bg);right:var(--typo3-popover-border-width)}
+.list-group{--typo3-list-group-border-width:var(--typo3-component-border-width);--typo3-list-group-border-radius:var(--typo3-component-border-radius);--typo3-list-group-margin-y:1rem;--typo3-list-group-padding-x:1rem;--typo3-list-group-padding-y:.5rem;--typo3-list-group-color:var(--typo3-component-color);--typo3-list-group-bg:var(--typo3-component-bg);--typo3-list-group-border-color:var(--typo3-component-border-color);--typo3-list-group-hover-color:var(--typo3-list-item-hover-color);--typo3-list-group-hover-bg:var(--typo3-list-item-hover-bg);--typo3-list-group-hover-border-color:var(--typo3-list-item-hover-border-color);--typo3-list-group-active-color:var(--typo3-list-item-active-color);--typo3-list-group-active-bg:var(--typo3-list-item-active-bg);--typo3-list-group-active-border-color:var(--typo3-list-item-active-border-color);--typo3-list-group-disabled-color:var(--typo3-list-item-disabled-color);--typo3-list-group-disabled-bg:var(--typo3-list-item-disabled-bg);--typo3-list-group-disabled-border-color:var(--typo3-list-item-disabled-border-color);border-radius:var(--typo3-list-group-border-radius);display:flex;flex-direction:column;margin-bottom:0;-webkit-padding-start:0;padding-inline-start:0}
+.list-group,.list-group-item-action{background-color:var(--typo3-list-group-bg);color:var(--typo3-list-group-color)}
+.list-group-item-action{position:relative;text-align:inherit;width:100%}
+.list-group-item-action:focus,.list-group-item-action:hover{--typo3-list-group-color:var(--typo3-list-group-hover-color);--typo3-list-group-bg:var(--typo3-list-group-hover-bg);--typo3-list-group-border-color:var(--typo3-list-group-hover-border-color);text-decoration:none;z-index:1}
+.list-group-item-action:focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-list-group-border-color),transparent 25%);z-index:3!important}
+.list-group-item{background-color:var(--typo3-list-group-bg);border:var(--typo3-list-group-border-width) solid var(--typo3-list-group-border-color);color:var(--typo3-list-group-color);display:block;outline-offset:0;padding:var(--typo3-list-group-padding-y) var(--typo3-list-group-padding-x);position:relative;text-decoration:none}
+.list-group-item:first-child{border-start-end-radius:var(--typo3-list-group-border-radius);border-start-start-radius:var(--typo3-list-group-border-radius)}
+.list-group-item:last-child{border-end-end-radius:var(--typo3-list-group-border-radius);border-end-start-radius:var(--typo3-list-group-border-radius)}
+.list-group-item.active{--typo3-list-group-color:var(--typo3-list-group-active-color);--typo3-list-group-bg:var(--typo3-list-group-active-bg);--typo3-list-group-border-color:var(--typo3-list-group-active-border-color);z-index:2}
+.list-group-item.disabled,.list-group-item[disabled]{--typo3-list-group-color:var(--typo3-list-group-disabled-color);--typo3-list-group-bg:var(--typo3-list-group-disabled-bg);--typo3-list-group-border-color:var(--typo3-list-group-disabled-border-color);pointer-events:none}
+.list-group-item+.list-group-item{margin-top:calc(var(--typo3-list-group-border-width)*-1)}
+.list-group-button{align-items:center;background:transparent;border:none;display:flex;flex-grow:1;gap:.25rem;padding:var(--typo3-list-group-padding-y) var(--typo3-list-group-padding-x);position:relative;text-align:start;width:100%}
+.list-group-button[aria-expanded=false] .caret{--typo3-caret-rotation:calc(-90deg*var(--typo3-position-modifier))}
+.card-header+.list-group{margin-top:var(--typo3-list-group-margin-y)}
+.list-group-flush{--typo3-list-group-border-radius:0}
+.list-group-flush .list-group-item{border-left:0;border-right:0}
+.list-group-flush .list-group-item:first-child{border-top:0}
+.list-group-flush .list-group-item:last-child{border-bottom:0}
+.upload-file-picker{bottom:0;height:1px;inset-inline-end:0;position:fixed;visibility:hidden;width:1px}
+.activity{display:grid;gap:0 .5rem;grid-template-areas:"icon title time";grid-template-columns:[icon] -webkit-max-content [content-start] minmax(0,1fr) [content-end time] -webkit-max-content;grid-template-columns:[icon] max-content [content-start] minmax(0,1fr) [content-end time] max-content;max-width:100%;min-width:0;width:100%}
+.activity>*{grid-column:content-start/content-end}
+.activity-icon{grid-area:icon;grid-column:unset!important}
+.activity-title{grid-area:title;grid-column:unset!important}
+.activity-time{grid-area:time;grid-column:unset!important;opacity:.75}
+.activity-source,.activity-time{font-size:var(--typo3-font-size-small)}
+
+/*!
+ * Cropper v$VERSION
+ * https://github.com/fengyuanchen/cropper
+ *
+ * Copyright (c) 2014-$YEAR Fengyuan Chen and contributors
+ * Released under the MIT license
+ *
+ * Date: $DATE
+ */
+.cropper-container{overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
+.cropper-container img{display:block;height:100%;image-orientation:0deg!important;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}
+.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}
+.cropper-drag-box{background-color:#fff;opacity:0}
+.cropper-modal{background-color:#000;opacity:.5}
+.cropper-view-box{display:block;height:100%;outline:1px solid #69f;outline-color:rgba(102,153,255,.75);overflow:hidden;width:100%}
+.cropper-dashed{border:0 dashed #fff;display:block;position:absolute}
+.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.3333333333%;left:0;top:33.3333333333%;width:100%}
+.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.3333333333%;top:0;width:33.3333333333%}
+.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;position:absolute;width:100%}
+.cropper-face{background-color:hsla(0,0%,100%,.1);cursor:move;left:0;top:0}
+.cropper-line{background-color:#69f}
+.cropper-line.line-e{cursor:e-resize;right:-3px;top:0;width:5px}
+.cropper-line.line-n{cursor:n-resize;height:5px;left:0;top:-3px}
+.cropper-line.line-w{cursor:w-resize;left:-3px;top:0;width:5px}
+.cropper-line.line-s{bottom:-3px;cursor:s-resize;height:5px;left:0}
+.cropper-point{background-color:#69f;height:5px;opacity:.75;width:5px}
+.cropper-point.point-e{cursor:e-resize;margin-top:-3px;right:-3px;top:50%}
+.cropper-point.point-n{cursor:n-resize;left:50%;margin-left:-3px;top:-3px}
+.cropper-point.point-w{cursor:w-resize;left:-3px;margin-top:-3px;top:50%}
+.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}
+.cropper-point.point-ne{cursor:ne-resize;right:-3px;top:-3px}
+.cropper-point.point-nw{cursor:nw-resize;left:-3px;top:-3px}
+.cropper-point.point-sw{bottom:-3px;cursor:sw-resize;left:-3px}
+.cropper-point.point-se{bottom:-3px;cursor:se-resize;height:20px;opacity:1;right:-3px;width:20px}
+.cropper-point.point-se:before{background-color:#69f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}
+@media (min-width:768px){
+.cropper-point.point-se{height:15px;width:15px}}
+@media (min-width:992px){
+.cropper-point.point-se{height:10px;width:10px}}
+@media (min-width:1200px){
+.cropper-point.point-se{height:5px;opacity:.75;width:5px}}
+.cropper-invisible{opacity:0}
+.cropper-hide{height:auto!important;left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:fixed;top:0;width:auto!important;z-index:-1}
+.cropper-hidden{display:none!important}
+.cropper-move{cursor:move}
+.cropper-crop{cursor:crosshair}
+.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}
+select-pure{--typo3-form-selectpure-border-radius:var(--typo3-input-border-radius);--typo3-form-selectpure-border-width:var(--typo3-input-border-width);--typo3-form-selectpure-border-color:var(--typo3-input-border-color);--typo3-form-selectpure-padding-x:var(--typo3-input-padding-x);--typo3-form-selectpure-padding-y:var(--typo3-input-padding-y);--typo3-form-selectpure-font-size:var(--typo3-input-font-size);--typo3-form-selectpure-line-height:var(--typo3-input-line-height);--typo3-form-selectpure-color:var(--typo3-input-color);--typo3-form-selectpure-bg:var(--typo3-input-bg);--typo3-form-selectpure-hover-color:var(--typo3-input-hover-color);--typo3-form-selectpure-hover-bg:var(--typo3-input-hover-bg);--typo3-form-selectpure-focus-border-color:var(--typo3-input-focus-border-color);--typo3-form-selectpure-disabled-color:var(--typo3-input-disabled-color);--typo3-form-selectpure-disabled-bg:var(--typo3-input-disabled-bg);--font-size:var(--typo3-form-selectpure-font-size);--font-family:inherit;--font-weight:400;--border-radius:var(--typo3-form-selectpure-border-radius);--border-width:var(--typo3-form-selectpure-border-width);--border-color:var(--typo3-form-selectpure-border-color);--padding:calc(var(--typo3-form-selectpure-padding-y) - 4px) var(--typo3-form-selectpure-padding-x);--select-height:calc(var(--typo3-form-selectpure-padding-y)*2 + var(--typo3-form-selectpure-font-size)*var(--typo3-form-selectpure-line-height) + var(--typo3-form-selectpure-border-width)*2);--select-width:100%;--color:var(--typo3-form-selectpure-color);--background-color:var(--typo3-form-selectpure-bg);--hover-color:var(--typo3-form-selectpure-hover-color);--hover-background-color:var(--typo3-form-selectpure-hover-bg);--disabled-color:var(--typo3-form-selectpure-disabled-color);--disabled-background-color:var(--typo3-form-selectpure-disabled-bg);--select-outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-form-selectpure-focus-border-color),transparent 25%);--selected-background-color:var(--typo3-component-active-bg);--selected-color:var(--typo3-component-active-color);--dropdown-gap:calc(var(--typo3-spacing)*0.5);--dropdown-items:5;--dropdown-z-index:2}
+.input-group>select-pure{flex:1 1 auto;position:relative}
+.sortable-ghost{opacity:.4!important}
+:root{--alwan-pattern:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 20 20'%3E%3Cpath fill='%23D0D0D0' d='M0 0h10v10H0Z'/%3E%3Cpath fill='%23fff' d='M0 10h10v10H0Z'/%3E%3Cpath fill='%23D0D0D0' d='M10 10h10v10H10Z'/%3E%3Cpath fill='%23fff' d='M10 0h10v10H10Z'/%3E%3C/svg%3E")}
+.alwan{--bg:#fff;--fg:#333;--outer-bc:#ccc;--bc:#ccc;--btn-bg-hover:#f0f0f0;--thumb-bg:#fff;--thumb-bg-hover:#f0f0f0;--label-color:#555;--input-bg:#fafafa;--input-bg-hover:#f0f0f0;--input-bc-hover:#a8a8a8;--swatches-bg:#f5f5f5;background:var(--bg);border:1px solid var(--outer-bc);max-width:260px;overflow:hidden;width:260px}
+.alwan *{box-sizing:border-box}
+.alwan>div{width:260px}
+.alwan__popover-container{height:0;transform:translate(0);width:0}
+.alwan__popover-container>.alwan{border:0;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12);height:auto;left:0;overflow:auto;position:fixed;top:0;z-index:999999}
+.alwan:not(.alwan--open){height:0;overflow:hidden;visibility:hidden}
+.alwan.alwan--dark{--bg:#111;--fg:#ccc;--outer-bc:#aaa;--bc:#34373a;--btn-bg-hover:#444;--thumb-bg:#151515;--thumb-bg-hover:#242424;--label-color:#d8d8d8;--input-bg:#181818;--input-bg-hover:#272727;--input-bc-hover:#484b4d;--swatches-bg:#151515}
+.alwan__container{align-items:center;border-top:1px solid var(--bc);display:flex;padding:10px 15px;position:relative}
+.alwan__container>*{width:100%}
+.alwan__selector{background:linear-gradient(to bottom,transparent,#000),linear-gradient(to right,#fff,hsl(var(--h,0),100%,50%));height:136px;outline:0;overflow:hidden;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.alwan__selector:focus .alwan__cursor{box-shadow:0 0 1px 2px #117ce0}
+.alwan__selector[tabindex]{cursor:crosshair}
+.alwan__selector[tabindex]:active,.alwan__selector[tabindex]:active>.alwan__cursor{cursor:grabbing}
+.alwan__selector[tabindex] .alwan__cursor{cursor:grab;cursor:-webkit-grab}
+.alwan__cursor{background:transparent;border:2px solid #fff;border-radius:100%;box-shadow:0 0 1px 1px rgba(0,0,0,.3);height:16px;left:-8px;position:relative;top:-8px;width:16px}
+.alwan__preview{--color:rgb(var(--rgb),var(--a));border:1px solid var(--bc);border-radius:5px;flex-shrink:0;height:42px;margin-right:15px;width:42px}
+.alwan__preview .alwan__cp{align-items:center;border-radius:0;color:#fff;display:flex;height:100%;justify-content:center;margin:0;opacity:0;position:relative;width:100%}
+.alwan__preview .alwan__cp:focus,.alwan__preview .alwan__cp:hover:not(:disabled){background-color:rgba(0,0,0,.6);opacity:1;z-index:100}
+.alwan__preview .alwan__cp:focus-visible{border:0}
+.alwan__slider{--hue-track:linear-gradient(90deg,red,#f0f,#00f,#0ff,#0f0,#ff0,red);--alpha-track:linear-gradient(90deg,transparent,rgb(var(--rgb))),var(--alwan-pattern);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;cursor:pointer;display:block;height:15px;margin:0;outline:0;padding:0;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}
+.alwan__slider:active{cursor:grabbing;cursor:-webkit-grabbing}
+.alwan__slider::-webkit-slider-runnable-track{-webkit-appearance:none;appearance:none;border:0;border-radius:8px;height:15px;width:100%}
+.alwan__slider::-moz-range-track{border:0;border-radius:8px;height:15px;width:100%}
+.alwan__slider:focus-visible::-webkit-slider-runnable-track{outline:2px solid rgba(17,124,224,.5);outline-offset:2px}
+.alwan__slider:focus-visible::-moz-range-track{outline:2px solid rgba(17,124,224,.5);outline-offset:2px}
+.alwan__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--thumb-bg);border:1px solid #999;border-radius:100%;box-shadow:0 0 1px 1px rgba(0,0,0,.3);height:20px;margin-top:-2.5px;width:20px}
+.alwan__slider::-moz-range-thumb{background-color:var(--thumb-bg);border:1px solid #999;border-radius:100%;box-shadow:0 0 1px 1px rgba(0,0,0,.3);box-sizing:border-box;height:20px;padding:0;width:20px}
+.alwan__slider:not(:disabled)::-webkit-slider-thumb:hover{background:var(--thumb-bg-hover);border-color:#555;cursor:grab;cursor:-webkit-grab}
+.alwan__slider:not(:disabled)::-moz-range-thumb:hover{background:var(--thumb-bg-hover);border-color:#555;cursor:grab;cursor:-webkit-grab}
+.alwan__slider:active:not(:disabled)::-webkit-slider-thumb{cursor:grabbing;cursor:-webkit-grabbing;outline:5px solid rgba(17,124,224,.3)}
+.alwan__slider:active:not(:disabled)::-moz-range-thumb{cursor:grabbing;cursor:-webkit-grabbing;outline:5px solid rgba(17,124,224,.3)}
+.alwan__slider:focus::-webkit-slider-thumb{border-color:#117ce0}
+.alwan__slider:focus::-moz-range-thumb{border-color:#117ce0}
+.alwan__slider:disabled{cursor:default;opacity:.5}
+.alwan__hue{direction:rtl}
+.alwan__hue::-webkit-slider-runnable-track{background:var(--hue-track)}
+.alwan__hue::-moz-range-track{background:var(--hue-track)}
+.alwan__alpha{margin-top:14px}
+.alwan__alpha::-webkit-slider-runnable-track{background:var(--alpha-track)}
+.alwan__alpha::-moz-range-track{background:var(--alpha-track)}
+.alwan__inputs{display:flex}
+.alwan__inputs>label{color:var(--label-color);cursor:pointer;font-family:system-ui;font-size:13px;margin-right:4px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.alwan__input,.alwan__inputs>label{line-height:1;text-align:center;width:100%}
+.alwan__input{background-color:var(--input-bg);border:1px solid var(--bc);border-radius:2px;color:var(--fg);display:block;font-family:monospace;font-size:14px;margin-bottom:3px;padding:8px 0;transition:border-color .2s,background-color .2s}
+.alwan__input::-moz-selection{background-color:#117ce0;color:#fff}
+.alwan__input::selection{background-color:#117ce0;color:#fff}
+.alwan__input:focus{background-color:var(--bg);border-color:#117ce0;outline:0}
+.alwan__input:focus+span{color:#117ce0}
+.alwan__input:hover:not(:focus,:disabled){background-color:var(--input-bg-hover);border-color:var(--input-bc-hover)}
+.alwan__input:disabled,.alwan__input:disabled+span{opacity:.5}
+.alwan__swatches{background-color:var(--swatches-bg);border-top:1px solid var(--bc);display:flex;flex-wrap:wrap;justify-content:center;max-height:100px;overflow-y:auto;padding:10px 15px 0}
+.alwan__button{background:transparent;border:1px solid transparent;color:var(--fg);cursor:pointer;display:inline-block;outline:0;padding:8px 4px;transition:background-color .2s ease-in-out;width:auto}
+.alwan__button:disabled{cursor:not-allowed;opacity:.5}
+.alwan__button:hover:not(:disabled){background-color:var(--btn-bg-hover)}
+.alwan__button:focus-visible:not(.alwan__ref){border-color:#117ce0}
+.alwan__button svg{fill:currentColor;pointer-events:none;vertical-align:middle}
+.alwan__swatch{border-radius:3px;height:22px;margin:0 5px 10px;width:22px}
+.alwan__swatch:hover:not(:disabled){transform:scale(1.1)}
+.alwan__swatch:focus{outline:1px solid var(--color);outline-offset:1px}
+.alwan__ref{border:3px solid #f5f5f5;border-radius:3px;flex-shrink:0;height:26px;outline:1px solid #333;width:26px}
+.alwan__ref:focus,.alwan__ref:focus-visible{box-shadow:0 0 2px 2px #117ce0;outline-color:#117ce0}
+.alwan__cp{margin-right:15px}
+.alwan__preview,.alwan__ref,.alwan__swatch{background:var(--alwan-pattern);background-clip:padding-box;overflow:hidden;padding:0;position:relative}
+.alwan__preview:before,.alwan__ref:before,.alwan__swatch:before{background:var(--color);content:"";height:100%;left:0;position:absolute;top:0;width:100%}
+.alwan__toggle-button{align-items:center;border-top:1px solid var(--bc);display:flex;height:10px;justify-content:center;overflow:hidden;padding:0;width:100%}
+.alwan--collapse.alwan__swatches{display:none}
+.alwan--collapse+.alwan__toggle-button svg{transform:rotate(180deg)}
+.alwan{--bg:var(--typo3-component-bg);--fg:var(--typo3-component-color);--outer-bc:var(--typo3-component-border-color);--bc:var(--typo3-component-border-color);--btn-bg-hover:var(--typo3-component-hover-bg);--thumb-bg:var(--typo3-state-default-bg);--thumb-bg-hover:var(--typo3-state-default-hover-bg);--label-color:var(--typo3-component-color);--input-bg:var(--typo3-input-bg);--input-bg-hover:var(--typo3-input-hover-bg);--input-bc-hover:var(--typo3-input-hover-border-color);--swatches-bg:var(--typo3-component-bg)}
+:root{--flatpickr-bar-size:40px;--flatpickr-grid-size:32px;--flatpickr-grid-spacing:2px;--flatpickr-width:calc(var(--flatpickr-grid-size)*7 + var(--flatpickr-grid-spacing)*10 + 2px)}
+.flatpickr-calendar{animation:none;background:var(--typo3-component-bg);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-component-border-radius);box-shadow:var(--typo3-component-box-shadow-tooltip);color:var(--typo3-component-color);direction:ltr;display:none;font-size:var(--typo3-component-font-size);opacity:0;padding:0;position:absolute;text-align:center;touch-action:manipulation;visibility:hidden;width:var(--flatpickr-width)}
+.flatpickr-calendar:before{border-width:5px;margin:0 -5px}
+.flatpickr-calendar:after{border-width:4px;margin:0 -4px}
+.flatpickr-calendar:after,.flatpickr-calendar:before{border:6px solid transparent;content:"";display:block;height:0;left:22px;pointer-events:none;position:absolute;width:0}
+.flatpickr-calendar.inline,.flatpickr-calendar.open{max-height:640px;opacity:1;visibility:visible}
+.flatpickr-calendar.open{display:inline-block;z-index:200}
+.flatpickr-calendar.open.animate{animation:fpFadeInDown .3s cubic-bezier(.23,1,.32,1)}
+.flatpickr-calendar.inline{display:block;position:relative;top:2px}
+.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}
+.flatpickr-calendar.static.open{display:block;z-index:199}
+.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before{left:auto;right:22px}
+.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{bottom:100%}
+.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before{border-bottom-color:var(--typo3-component-bg)}
+.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{top:100%}
+.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before{border-top-color:var(--typo3-component-bg)}
+.flatpickr-calendar.hasTime .flatpickr-innerContainer{border-bottom:var(--typo3-component-border-width) solid var(--typo3-component-border-color);margin-bottom:1px}
+.flatpickr-calendar .flatpickr-am-pm:hover,.flatpickr-calendar .flatpickr-next-month:hover,.flatpickr-calendar .flatpickr-prev-month:hover,.flatpickr-calendar input:hover,.flatpickr-calendar select:hover{background:var(--typo3-component-hover-bg);color:var(--typo3-component-hover-color);outline:1px solid var(--typo3-component-hover-border-color);outline-offset:-1px}
+.flatpickr-calendar .flatpickr-am-pm:focus,.flatpickr-calendar .flatpickr-next-month:focus,.flatpickr-calendar .flatpickr-prev-month:focus,.flatpickr-calendar input:focus,.flatpickr-calendar select:focus{background:var(--typo3-component-focus-bg);color:var(--typo3-component-focus-color);outline:1px solid var(--typo3-component-focus-border-color);outline-offset:-1px}
+.flatpickr-calendar .flatpickr-am-pm[disabled],.flatpickr-calendar .flatpickr-next-month[disabled],.flatpickr-calendar .flatpickr-prev-month[disabled],.flatpickr-calendar input[disabled],.flatpickr-calendar select[disabled]{background:var(--typo3-component-disabled-bg);color:var(--typo3-component-disabled-color);outline:1px solid var(--typo3-component-disabled-border-color);outline-offset:-1px;pointer-events:none}
+.flatpickr-calendar .flatpickr-am-pm::-ms-clear,.flatpickr-calendar .flatpickr-next-month::-ms-clear,.flatpickr-calendar .flatpickr-prev-month::-ms-clear,.flatpickr-calendar input::-ms-clear,.flatpickr-calendar select::-ms-clear{display:none}
+.flatpickr-calendar .flatpickr-am-pm::-webkit-inner-spin-button,.flatpickr-calendar .flatpickr-am-pm::-webkit-outer-spin-button,.flatpickr-calendar .flatpickr-next-month::-webkit-inner-spin-button,.flatpickr-calendar .flatpickr-next-month::-webkit-outer-spin-button,.flatpickr-calendar .flatpickr-prev-month::-webkit-inner-spin-button,.flatpickr-calendar .flatpickr-prev-month::-webkit-outer-spin-button,.flatpickr-calendar input::-webkit-inner-spin-button,.flatpickr-calendar input::-webkit-outer-spin-button,.flatpickr-calendar select::-webkit-inner-spin-button,.flatpickr-calendar select::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}
+.flatpickr-wrapper{display:inline-block;position:relative}
+.flatpickr-months{border-bottom:1px solid var(--typo3-component-border-color);display:flex;padding:1px}
+.flatpickr-month{color:var(--typo3-component-color);position:relative;fill:var(--typo3-component-color);flex-grow:1;line-height:1;overflow:hidden}
+.flatpickr-month,.flatpickr-next-month,.flatpickr-prev-month{align-items:center;height:var(--flatpickr-bar-size);justify-content:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.flatpickr-next-month,.flatpickr-prev-month{color:inherit;cursor:pointer;display:flex;text-decoration:none;width:var(--flatpickr-bar-size);z-index:3;fill:currentColor}
+.flatpickr-next-month svg,.flatpickr-prev-month svg{display:block;height:14px;width:14px}
+.flatpickr-next-month svg path,.flatpickr-prev-month svg path{transition:fill .1s}
+.flatpickr-prev-month{border-start-start-radius:calc(var(--typo3-input-border-radius) - 1px)}
+.flatpickr-next-month{border-start-end-radius:calc(var(--typo3-input-border-radius) - 1px)}
+.numInputWrapper{height:auto;position:relative}
+.numInputWrapper .numInput{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}
+.numInputWrapper input,.numInputWrapper span{display:inline-block}
+.numInputWrapper input{padding:0 .5em;width:100%}
+.numInputWrapper span{color:inherit;cursor:pointer;height:50%;line-height:50%;opacity:0;padding:0 4px 0 2px;position:absolute;right:2px;width:12px}
+.numInputWrapper span svg path{color:currentColor}
+.numInputWrapper span:active,.numInputWrapper span:hover{background:var(--typo3-component-hover-bg);color:var(--typo3-component-hover-color)}
+.numInputWrapper span:focus{background:var(--typo3-component-focus-bg);color:var(--typo3-component-focus-color)}
+.numInputWrapper span:after{content:"";display:block;position:absolute;top:calc(50% - 2px)}
+.numInputWrapper span.arrowUp{top:2px}
+.numInputWrapper span.arrowUp:after{border-bottom:4px solid;border-left:4px solid transparent;border-right:4px solid transparent}
+.numInputWrapper span.arrowDown{bottom:2px}
+.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid}
+.numInputWrapper:hover span{opacity:1}
+.flatpickr-current-month{color:inherit;display:flex;font-weight:300;gap:1em;height:var(--flatpickr-bar-size);justify-content:center;line-height:1;padding:0}
+.flatpickr-current-month .numInputWrapper{width:5em}
+.flatpickr-current-month .cur-year{border:1px solid transparent;border-radius:0;display:block}
+.flatpickr-current-month .cur-year,.flatpickr-current-month .flatpickr-monthDropdown-months{background:transparent;color:var(--typo3-component-color);font-family:inherit;font-size:inherit;font-weight:300;height:100%;line-height:inherit}
+.flatpickr-current-month .flatpickr-monthDropdown-months{-webkit-appearance:menulist;-moz-appearance:menulist;appearance:menulist;border:none;border-radius:0;cursor:pointer;padding:0 .5em;position:relative;vertical-align:initial;width:auto}
+.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:var(--typo3-component-bg);padding:0}
+.flatpickr-weekdays{height:var(--flatpickr-grid-size)}
+.flatpickr-weekdaycontainer{display:flex;flex-wrap:wrap;gap:var(--flatpickr-grid-spacing);padding:0 calc(var(--flatpickr-grid-spacing)*2);width:var(--flatpickr-width)}
+.flatpickr-weekday{background:transparent;color:var(--typo3-component-color);cursor:default;display:block;font-size:90%;font-weight:bolder;height:var(--flatpickr-grid-size);line-height:var(--flatpickr-grid-size);text-align:center;width:var(--flatpickr-grid-size)}
+.flatpickr-weekwrapper{box-shadow:1px 0 0 var(--typo3-component-border-color)}
+.flatpickr-weeks{display:flex;flex-wrap:wrap;gap:var(--flatpickr-grid-spacing);padding:calc(var(--flatpickr-grid-spacing)*2) 0}
+.flatpickr-weeks .flatpickr-day{--flatpickr-day-bg:transparent!important;--flatpickr-day-color:var(--typo3-component-disabled-color)!important;--flatpickr-day-border-color:transparent!important;cursor:default!important}
+.flatpickr-days{align-items:flex-start;overflow:hidden;position:relative}
+.dayContainer,.flatpickr-days{display:flex;width:var(--flatpickr-width)}
+.dayContainer{flex-wrap:wrap;gap:var(--flatpickr-grid-spacing);opacity:1;padding:calc(var(--flatpickr-grid-spacing)*2);transform:translateZ(0)}
+.dayContainer+.dayContainer{box-shadow:-1px 0 0 var(--typo3-component-border-color)}
+.flatpickr-day{background:var(--flatpickr-day-bg,transparent);border:1px solid var(--flatpickr-day-border-color,transparent);border-radius:var(--typo3-component-border-radius);color:var(--flatpickr-day-color,inherit);display:block;font-weight:400;height:var(--flatpickr-grid-size);line-height:var(--flatpickr-grid-size);position:relative;text-align:center;width:var(--flatpickr-grid-size)}
+.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:hover{cursor:pointer;--flatpickr-day-color:var(--typo3-component-hover-color);--flatpickr-day-bg:var(--typo3-component-hover-bg);--flatpickr-day-border-color:var(--typo3-component-hover-border-color)}
+.flatpickr-day.nextMonthDay:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day:focus{cursor:pointer;--flatpickr-day-color:var(--typo3-component-focus-color);--flatpickr-day-bg:var(--typo3-component-focus-bg);--flatpickr-day-border-color:var(--typo3-component-focus-border-color)}
+.flatpickr-day.today{--flatpickr-day-bg:var(--typo3-component-disabled-bg);--flatpickr-day-border-color:var(--typo3-component-active-border-color)}
+.flatpickr-day.today:hover{--flatpickr-day-color:var(--typo3-component-hover-color);--flatpickr-day-bg:var(--typo3-component-hover-bg)}
+.flatpickr-day.today:focus{--flatpickr-day-color:var(--typo3-component-focus-color);--flatpickr-day-bg:var(--typo3-component-focus-bg)}
+.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover{--flatpickr-day-color:var(--typo3-component-active-color);--flatpickr-day-bg:var(--typo3-component-active-bg);--flatpickr-day-border-color:var(--typo3-component-active-border-color)}
+.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange{border-radius:var(--typo3-component-border-radius) 0 0 var(--typo3-component-border-radius)}
+.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange{border-radius:0 var(--typo3-component-border-radius) var(--typo3-component-border-radius) 0}
+.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 0 var(--typo3-component-active-bg)}
+.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange{border-radius:var(--typo3-component-border-radius)}
+.flatpickr-day.inRange{border-radius:0}
+.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay{cursor:default}
+.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{--flatpickr-day-color:var(--typo3-component-disabled-color);--flatpickr-day-bg:var(--typo3-component-disabled-bg);--flatpickr-day-border-color:var(--typo3-component-disabled-border-color);cursor:not-allowed}
+.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 0 var(--typo3-component-active-bg),5px 0 0 var(--typo3-component-active-bg)}
+.flatpickr-day.hidden{visibility:hidden}
+.rangeMode .flatpickr-day{margin-top:1px}
+.flatpickr-innerContainer{display:flex}
+.flatpickr-time{display:flex;gap:1px;padding:1px;text-align:center}
+.flatpickr-time .numInputWrapper{flex:1;height:var(--flatpickr-bar-size);width:40%}
+.flatpickr-time.hasSeconds .numInputWrapper{width:26%}
+.flatpickr-time.time24hr .numInputWrapper{width:49%}
+.flatpickr-time input{background:transparent;border:0;border-radius:0;box-shadow:none;color:var(--typo3-component-color);font-size:var(--typo3-component-font-size);height:inherit;line-height:inherit;margin:0;padding:0;position:relative;text-align:center}
+.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator{align-self:center;color:var(--typo3-component-color);font-weight:700;height:var(--flatpickr-bar-size);line-height:var(--flatpickr-bar-size);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:2%}
+.flatpickr-time .flatpickr-am-pm{cursor:pointer;font-weight:400;text-align:center;width:18%}
+.flatpickr-input[readonly]{cursor:pointer}
+@keyframes fpFadeInDown{
+0%{opacity:0;transform:translate3d(0,-20px,0)}
+to{opacity:1;transform:translateZ(0)}}
+.shortcut-buttons-flatpickr-wrapper{background-color:var(--typo3-component-bg);border-end-end-radius:calc(var(--typo3-input-border-radius) - 1px);border-end-start-radius:calc(var(--typo3-input-border-radius) - 1px);border-top:var(--typo3-component-border-width) solid var(--typo3-component-border-color);color:var(--typo3-component-color);display:flex;justify-content:center;padding:calc(var(--typo3-component-padding-y)/2) var(--typo3-component-padding-x)}
+.shortcut-buttons-flatpickr-label{align-content:center;display:flex;flex-direction:column;padding:var(--typo3-component-padding-y) var(--typo3-component-padding-x)}
+.shortcut-buttons-flatpickr-buttons{display:flex;flex-flow:row wrap}
+.shortcut-buttons-flatpickr-button{background-color:transparent;border:none;color:inherit;padding:.5em .75em}
+.shortcut-buttons-flatpickr-button:hover{background:var(--typo3-component-hover-bg);color:var(--typo3-component-hover-color);outline:1px solid var(--typo3-component-hover-border-color);outline-offset:-1px}
+.shortcut-buttons-flatpickr-button:focus{background:var(--typo3-component-focus-bg);color:var(--typo3-component-focus-color);outline:1px solid var(--typo3-component-focus-border-color);outline-offset:-1px}
+:root{--tree-color:var(--typo3-text-color-base);--tree-bg:var(--typo3-surface-container-low);--tree-node-color:var(--tree-color);--tree-node-bg:var(--tree-bg);--tree-node-border-color:transparent;--tree-node-focus-color:var(--typo3-component-focus-color);--tree-node-focus-bg:var(--typo3-component-focus-bg);--tree-node-focus-border-color:var(--typo3-component-focus-border-color);--tree-node-hover-color:var(--typo3-component-hover-color);--tree-node-hover-bg:var(--typo3-component-hover-bg);--tree-node-hover-border-color:var(--typo3-component-hover-border-color);--tree-node-selected-color:var(--typo3-component-active-color);--tree-node-selected-bg:var(--typo3-component-active-bg);--tree-node-selected-border-color:var(--typo3-component-active-border-color);--tree-node-information:var(--tree-node-color);--tree-node-information-success:var(--typo3-status-indicator-success-color);--tree-node-information-warning:var(--typo3-status-indicator-warning-color);--tree-node-information-danger:var(--typo3-status-indicator-danger-color);--tree-node-information-info:var(--typo3-status-indicator-info-color);--tree-info-bg:var(--typo3-surface-info);--tree-info-color:var(--typo3-surface-info-text);--tree-drop-position-bg:var(--typo3-component-primary-color);--tree-drag-dropzone-delete-color:var(--typo3-surface-danger-text);--tree-drag-dropzone-delete-bg:var(--typo3-surface-danger);--tree-toolbar-padding-y:.75rem;--tree-toolbar-padding-x:.75rem;--tree-toolbar-padding:var(--tree-toolbar-padding-y) var(--tree-toolbar-padding-x);--tree-toolbar-spacing-y:1rem;--tree-toolbar-spacing-x:.5rem;--tree-toolbar-spacing:var(--tree-toolbar-spacing-y) var(--tree-toolbar-spacing-x);--tree-toolbar-bg:var(--tree-bg);--tree-toolbar-border-color:color-mix(in srgb,var(--tree-toolbar-bg),var(--tree-color) 10%);--tree-toolbar-border-width:1px;--tree-toolbar-element-height:1.78125rem;--tree-toolbar-bar-height:calc(var(--tree-toolbar-padding-y)*2 + var(--tree-toolbar-element-height));--tree-toolbar-box-shadow:var(--typo3-shadow-2)}
+typo3-backend-component-filestorage-browser,typo3-backend-component-page-browser,typo3-backend-component-page-position-select,typo3-backend-navigation-component-filestoragetree,typo3-backend-navigation-component-formeditortree,typo3-backend-navigation-component-pagetree{display:flex;flex-direction:column;height:100%}
+typo3-backend-component-filestorage-browser>:last-child,typo3-backend-component-page-browser>:last-child,typo3-backend-component-page-position-select>:last-child,typo3-backend-navigation-component-filestoragetree>:last-child,typo3-backend-navigation-component-formeditortree>:last-child,typo3-backend-navigation-component-pagetree>:last-child{flex:1}
+.nodes-container{position:relative}
+.nodes-container,.nodes-loader{background:var(--tree-bg);color:var(--tree-color);height:100%;width:100%}
+.nodes-loader{inset-inline-start:0;position:absolute;top:0;z-index:3000}
+.nodes-loader-inner{align-items:center;display:flex;height:100%;justify-content:center;width:100%}
+.nodes-root{background-color:inherit;display:block;height:100%;inset-inline-start:0;overflow-y:auto;padding:2px;position:absolute;top:0;width:100%}
+.nodes-list{contain:strict;transform:translateZ(0)}
+.node{align-items:center;background-color:var(--tree-node-bg);border-radius:4px;color:var(--tree-node-color);cursor:pointer;display:flex;inset-inline-start:0;outline-color:var(--tree-node-border-color)!important;outline-offset:-1px;padding:0 12px;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}
+.node-hover,.node:hover{--tree-node-color:var(--tree-node-hover-color);--tree-node-bg:var(--tree-node-hover-bg);--tree-node-border-color:var(--tree-node-hover-border-color);outline:1px solid}
+.node-focus,.node:focus{--tree-node-color:var(--tree-node-focus-color);--tree-node-bg:var(--tree-node-focus-bg);--tree-node-border-color:var(--tree-node-focus-border-color);outline:1px solid}
+.node-active,.node-selected,.node:active{--tree-node-color:var(--tree-node-selected-color)!important;--tree-node-bg:var(--tree-node-selected-bg)!important;--tree-node-border-color:var(--tree-node-selected-border-color)!important;outline:1px solid}
+.node-active .node-information,.node-selected .node-information,.node:active .node-information{--tree-node-information:var(--tree-node-selected-color)!important}
+.node-disabled .node-content,.node-dragging .node-content,.node-dragging .node-icon,.node-dragging .node-stop,.node-dragging .node-toggle,.node[disabled] .node-content{opacity:.5}
+.node-dragging-after .node-content:after,.node-dragging-before .node-content:after{background-color:var(--tree-drop-position-bg);content:"";height:2px;left:0;pointer-events:none;position:absolute;width:100%}
+.node-dragging-before .node-content:after{top:0}
+.node-dragging-after .node-content:after{bottom:0}
+.node-label{border-radius:.25rem;bottom:4px;inset-inline-start:4px;pointer-events:none;position:absolute;top:4px;width:.25rem}
+.node-label,.node-treelines{-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.node-treelines{display:flex;flex-shrink:0;height:100%}
+.node-treeline{color:inherit;flex-shrink:0;height:100%;opacity:.15;position:relative;width:20px}
+.node-treeline:after,.node-treeline:before{background-color:currentColor;content:"";position:absolute}
+.node-treeline--line:before{height:100%;inset-inline-start:50%;top:0;width:1px}
+.node-treeline--line:after{display:none}
+.node-treeline--last:before{height:50%;inset-inline-start:50%;top:0;width:1px}
+.node-treeline--last:after{height:1px;inset-inline-start:50%;top:calc(50% - .5px);width:50%}
+.node-treeline--connect:before{height:100%;inset-inline-start:50%;top:0;width:1px}
+.node-treeline--connect:after{height:1px;inset-inline-start:50%;top:calc(50% - .5px);width:50%}
+.node-action,.node-icon,.node-loading,.node-stop,.node-toggle{align-items:center;display:flex;flex-shrink:0;height:100%;justify-content:center;width:20px}
+.node-treelines+.node-loading,.node-treelines+.node-stop,.node-treelines+.node-toggle{-webkit-margin-start:-20px;margin-inline-start:-20px}
+.node-treelines+.node-loading typo3-backend-icon,.node-treelines+.node-stop typo3-backend-icon,.node-treelines+.node-toggle typo3-backend-icon{background-color:var(--tree-node-bg);position:relative}
+.node-content{height:100%;position:relative}
+.node-content,.node-contentlabel{display:flex;flex-grow:1;overflow:hidden}
+.node-contentlabel{align-items:center;flex-wrap:wrap;-webkit-padding-start:.25rem;padding-inline-start:.25rem}
+.node-name,.node-note{min-width:0;overflow:hidden;pointer-events:none;text-overflow:ellipsis;white-space:nowrap;width:100%}
+.node-note{font-size:10px;margin-top:-.65em;opacity:.65}
+.node-edit{display:flex;flex-grow:1;padding:0;width:100%;-webkit-padding-start:calc(.25rem - 1px);background:var(--typo3-component-bg);border:1px solid var(--tree-node-border-color);color:var(--typo3-component-color);outline:none;padding-inline-start:calc(.25rem - 1px)}
+.node-highlight-text{background-color:var(--typo3-component-match-highlight-bg);color:var(--typo3-component-match-highlight-color)}
+.node-information{display:flex;gap:.15rem;-webkit-padding-start:.25rem;color:var(--tree-node-information);opacity:.75;padding-inline-start:.25rem}
+.node-information-success{--tree-node-information:var(--tree-node-information-success)}
+.node-information-warning{--tree-node-information:var(--tree-node-information-warning)}
+.node-information-danger{--tree-node-information:var(--tree-node-information-danger)}
+.node-information-info{--tree-node-information:var(--tree-node-information-info)}
+.node-action{cursor:pointer;display:none}
+.node:hover .node-action{display:flex}
+.node-dropzone-delete{align-items:center;background-color:var(--tree-drag-dropzone-delete-bg);border-end-end-radius:4px;border-start-end-radius:4px;color:var(--tree-drag-dropzone-delete-color);display:flex;gap:.25rem;height:100%;inset-block-start:0;inset-inline-end:0;justify-content:center;padding:0 .5rem;position:absolute;z-index:1}
+.node-dropzone-delete *{pointer-events:none}
+.node-dropzone-delete:hover{background-color:color-mix(in srgb,var(--tree-drag-dropzone-delete-bg),#fff 50%)}
+.dragging-tooltip{align-items:center;background-color:var(--typo3-component-bg);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-component-border-radius);box-shadow:var(--typo3-component-box-shadow-tooltip);color:var(--typo3-component-color);display:grid;gap:.5rem;grid-template-columns:auto 1fr;left:0;margin:0;max-width:250px;padding:var(--typo3-component-padding-y) var(--typo3-component-padding-x);pointer-events:none;position:fixed;top:0;z-index:999999}
+.dragging-tooltip-content{align-items:center;display:flex;flex-grow:1;gap:.5rem;overflow:hidden}
+.dragging-tooltip-content-label{display:flex;flex-direction:column;gap:.15rem}
+.dragging-tooltip-content-description{opacity:.75}
+.dragging-tooltip-thumbnails{display:flex;gap:.15rem}
+.dragging-tooltip-thumbnails typo3-backend-drag-tooltip-thumbnail{display:block}
+.dragging-tooltip-thumbnails typo3-backend-drag-tooltip-thumbnail img,.dragging-tooltip-thumbnails typo3-backend-drag-tooltip-thumbnail svg{border-radius:.15rem;display:block}
+.node-mount-point{align-items:center;background-color:var(--tree-info-bg);border:0;border-bottom:1px solid rgba(0,0,0,.25);color:var(--tree-info-color);display:flex;gap:.5em;padding:.75em 1.167em}
+.node-mount-point__icon{flex:0 auto}
+.node-mount-point__icon.mountpoint-close{cursor:pointer}
+.node-mount-point__text{flex:1 0 0;overflow:hidden;padding:0 .5em}
+typo3-backend-form-selecttree{display:flex;flex-direction:column;height:100%}
+typo3-backend-form-selecttree>:last-child{flex:1}
+typo3-backend-form-selecttree-toolbar{display:block}
+.wizard-content:has(typo3-backend-component-page-position-select){padding:0!important;--tree-toolbar-padding:calc(var(--wizard-padding)*0.75) var(--wizard-padding)}
+typo3-backend-component-page-position-select>typo3-breadcrumb{padding:var(--wizard-padding);padding-bottom:0}
+.tree-element{border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-input-border-radius);overflow:hidden}
+.tree-toolbar{background-color:var(--tree-bg);color:var(--tree-color)}
+.tree-toolbar__menu{border-bottom:var(--tree-toolbar-border-width) solid var(--tree-toolbar-border-color);gap:var(--tree-toolbar-spacing-x);min-height:calc(var(--tree-toolbar-bar-height) + var(--tree-toolbar-border-width))}
+.tree-toolbar__menu,.tree-toolbar__submenu{display:flex;padding:var(--tree-toolbar-padding);position:relative}
+.tree-toolbar__submenu{align-items:center;box-shadow:var(--tree-toolbar-box-shadow);flex-wrap:wrap;min-height:var(--tree-toolbar-bar-height);z-index:1}
+.tree-toolbar__submenu-toggle{align-self:flex-start;flex-shrink:0;margin-left:auto}
+.tree-toolbar__submenu-items{display:flex;flex:1;flex-wrap:wrap;max-height:var(--tree-toolbar-element-height);overflow:hidden;row-gap:calc(var(--tree-toolbar-padding-y)/2)}
+.tree-toolbar__submenu-items--expanded{max-height:none}
+.tree-toolbar__submenu-items button{margin-right:var(--tree-toolbar-padding-x)}
+.tree-toolbar__buttons{align-items:center;box-shadow:var(--tree-toolbar-box-shadow);display:flex;gap:var(--tree-toolbar-spacing-x);min-height:var(--tree-toolbar-bar-height);padding:var(--tree-toolbar-padding);position:relative;z-index:1}
+.tree-toolbar__search{flex-grow:1}
+.tree-toolbar__menuitem{align-items:center;background:0 0;border:1px solid transparent;border-radius:var(--typo3-input-border-radius);color:inherit;display:inline-flex;font-size:var(--typo3-font-size-small);justify-content:center;min-height:var(--tree-toolbar-element-height);outline-offset:0;padding:.25rem}
+.tree-toolbar__drag-node{cursor:move}
+.element-browser{contain:strict;display:flex;flex-flow:column nowrap;height:100dvh;width:100%}
+.element-browser .h3,.element-browser h3{font-size:1.2em}
+.element-browser-header{align-items:center;background-color:var(--module-docheader-bg);display:flex;gap:var(--typo3-spacing);min-height:42px;padding:calc(var(--typo3-spacing)/2) var(--typo3-spacing)}
+.element-browser-header-title{flex-grow:1}
+.element-browser-nav{background-color:var(--module-docheader-bg);border-bottom:1px solid var(--module-docheader-border-color);padding:calc(var(--typo3-spacing)/2) var(--typo3-spacing)}
+.element-browser-header+.element-browser-nav{padding-top:0}
+.element-browser-body{overflow:unset;padding:var(--typo3-spacing)}
+.element-browser-body>:first-child{margin-top:0}
+.element-browser-body>:last-child{margin-bottom:0}
+.element-browser-attributes{background-color:var(--module-docheader-bg);border-bottom:1px solid var(--module-docheader-border-color);padding:var(--typo3-spacing)}
+.element-browser-attributes>:first-child{margin-top:0}
+.element-browser-attributes>:last-child{margin-bottom:0}
+.element-browser-main{background-color:var(--typo3-surface-base);color:var(--typo3-text-color-base);display:flex;flex-grow:1;flex-wrap:nowrap;overflow:hidden;position:relative}
+.element-browser-main-sidebar{background-color:var(--module-docheader-bg);flex-shrink:0;height:100%}
+.element-browser-main-content{container-type:inline-size;flex-grow:1;height:100%;overflow:auto}
+.element-browser-main-content:has(typo3-backend-content-navigation-toggle:not([hidden])){display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr}
+.element-browser-main-content:has(typo3-backend-content-navigation-toggle:not([hidden]))>:not(.element-browser-navigation-toggle){grid-column:2}
+.element-browser-main-content:has(typo3-backend-content-navigation-toggle:not([hidden])):before{background-color:var(--module-docheader-bg);content:"";grid-column:1;grid-row:1/-1;-webkit-border-end:1px solid var(--module-docheader-border-color);border-inline-end:1px solid var(--module-docheader-border-color)}
+.element-browser-navigation-toggle{background-color:var(--module-docheader-bg);display:none;padding:.75rem;-webkit-border-end:1px solid var(--module-docheader-border-color);align-self:start;border-inline-end:1px solid var(--module-docheader-border-color);grid-column:1;grid-row:1/-1;position:-webkit-sticky;position:sticky;top:0}
+.element-browser-navigation-toggle:has(typo3-backend-content-navigation-toggle:not([hidden])){align-items:start;display:flex}
+.element-browser-form-group{margin-bottom:calc(var(--typo3-spacing)/2)}
+.element-browser-form-group:last-child{margin-bottom:0}
+.element-browser-form-group .form-label{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+@container (min-width: 500px){
+.element-browser-form-group{align-items:center;display:flex;gap:calc(var(--typo3-spacing)/2)}
+.element-browser-form-group .form-label{flex-shrink:0;margin-bottom:0!important;overflow:hidden;text-overflow:ellipsis;width:200px}}
+.media{display:grid;grid-template-columns:2rem auto;grid-gap:1rem}
+.media .media-body{grid-column:1/3;overflow:hidden}
+.media .media-left+.media-body{align-self:center;grid-column:2/3}
+.note-list{display:grid;gap:var(--typo3-spacing);margin-bottom:var(--typo3-spacing)}
+.note-list .note{margin-bottom:0}
+.note{--typo3-note-color:var(--typo3-component-color);--typo3-note-bg:var(--typo3-component-bg);--typo3-note-border-color:color-mix(in srgb,var(--typo3-note-bg),var(--typo3-note-color) var(--typo3-border-mix));--typo3-note-border-width:var(--typo3-component-border-width);--typo3-note-border-radius:var(--typo3-component-border-radius);--typo3-note-padding-y:1rem;--typo3-note-padding-x:1rem;--typo3-note-header-bg:var(--typo3-surface-container-low);--typo3-note-header-color:var(--typo3-text-color-base);--typo3-note-header-padding-y:.5rem;--typo3-note-header-padding-x:1rem;--typo3-note-box-shadow:var(--typo3-component-box-shadow);--typo3-note-primary-header-color:var(--typo3-surface-container-primary-text);--typo3-note-primary-header-bg:var(--typo3-surface-container-primary);--typo3-note-primary-border-color:color-mix(in srgb,var(--typo3-note-primary-header-bg),var(--typo3-note-primary-header-color) var(--typo3-border-mix));--typo3-note-secondary-header-color:var(--typo3-surface-container-secondary-text);--typo3-note-secondary-header-bg:var(--typo3-surface-container-secondary);--typo3-note-secondary-border-color:color-mix(in srgb,var(--typo3-note-secondary-header-bg),var(--typo3-note-secondary-header-color) var(--typo3-border-mix));--typo3-note-info-header-color:var(--typo3-surface-container-info-text);--typo3-note-info-header-bg:var(--typo3-surface-container-info);--typo3-note-info-border-color:color-mix(in srgb,var(--typo3-note-info-header-bg),var(--typo3-note-info-header-color) var(--typo3-border-mix));--typo3-note-success-header-color:var(--typo3-surface-container-success-text);--typo3-note-success-header-bg:var(--typo3-surface-container-success);--typo3-note-success-border-color:color-mix(in srgb,var(--typo3-note-success-header-bg),var(--typo3-note-success-header-color) var(--typo3-border-mix));--typo3-note-warning-header-color:var(--typo3-surface-container-warning-text);--typo3-note-warning-header-bg:var(--typo3-surface-container-warning);--typo3-note-warning-border-color:color-mix(in srgb,var(--typo3-note-warning-header-bg),var(--typo3-note-warning-header-color) var(--typo3-border-mix));--typo3-note-danger-header-color:var(--typo3-surface-container-danger-text);--typo3-note-danger-header-bg:var(--typo3-surface-container-danger);--typo3-note-danger-border-color:color-mix(in srgb,var(--typo3-note-danger-header-bg),var(--typo3-note-danger-header-color) var(--typo3-border-mix));--typo3-note-notice-header-color:var(--typo3-surface-container-notice-text);--typo3-note-notice-header-bg:var(--typo3-surface-container-notice);--typo3-note-notice-border-color:color-mix(in srgb,var(--typo3-note-notice-header-bg),var(--typo3-note-notice-header-color) var(--typo3-border-mix));--typo3-note-default-header-color:var(--typo3-surface-container-default-text);--typo3-note-default-header-bg:var(--typo3-surface-container-default);--typo3-note-default-border-color:color-mix(in srgb,var(--typo3-note-default-header-bg),var(--typo3-note-default-header-color) var(--typo3-border-mix));background-color:var(--typo3-note-bg);border:var(--typo3-note-border-width) solid var(--typo3-note-border-color);border-radius:var(--typo3-note-border-radius);box-shadow:var(--typo3-note-box-shadow);color:var(--typo3-note-color);margin-bottom:var(--typo3-spacing);overflow:hidden;position:relative;z-index:1}
+.note-header{background-color:var(--typo3-note-header-bg);color:var(--typo3-note-header-color);padding:var(--typo3-note-header-padding-y) var(--typo3-note-header-padding-x)}
+.note-header-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}
+.note-actions{-webkit-margin-start:auto;margin-inline-start:auto}
+.note-body{padding:var(--typo3-note-padding-y) var(--typo3-note-padding-x)}
+.note-body>:first-child{margin-top:0}
+.note-body>:last-child{margin-bottom:0}
+.note-primary{--typo3-note-header-color:var(--typo3-note-primary-header-color);--typo3-note-header-bg:var(--typo3-note-primary-header-bg);--typo3-note-border-color:var(--typo3-note-primary-border-color)}
+.note-secondary{--typo3-note-header-color:var(--typo3-note-secondary-header-color);--typo3-note-header-bg:var(--typo3-note-secondary-header-bg);--typo3-note-border-color:var(--typo3-note-secondary-border-color)}
+.note-category-1,.note-info{--typo3-note-header-color:var(--typo3-note-info-header-color);--typo3-note-header-bg:var(--typo3-note-info-header-bg);--typo3-note-border-color:var(--typo3-note-info-border-color)}
+.note-category-4,.note-success{--typo3-note-header-color:var(--typo3-note-success-header-color);--typo3-note-header-bg:var(--typo3-note-success-header-bg);--typo3-note-border-color:var(--typo3-note-success-border-color)}
+.note-category-2,.note-warning{--typo3-note-header-color:var(--typo3-note-warning-header-color);--typo3-note-header-bg:var(--typo3-note-warning-header-bg);--typo3-note-border-color:var(--typo3-note-warning-border-color)}
+.note-danger{--typo3-note-header-color:var(--typo3-note-danger-header-color);--typo3-note-header-bg:var(--typo3-note-danger-header-bg);--typo3-note-border-color:var(--typo3-note-danger-border-color)}
+.note-category-3,.note-notice{--typo3-note-header-color:var(--typo3-note-notice-header-color);--typo3-note-header-bg:var(--typo3-note-notice-header-bg);--typo3-note-border-color:var(--typo3-note-notice-border-color)}
+.note-category-0,.note-default{--typo3-note-header-color:var(--typo3-note-default-header-color);--typo3-note-header-bg:var(--typo3-note-default-header-bg);--typo3-note-border-color:var(--typo3-note-default-border-color)}
+:root{--typo3-card-grid-gap:1rem;--typo3-card-padding:1rem}
+.card{--typo3-card-color:var(--typo3-text-color-base);--typo3-card-color-subtle:var(--typo3-text-color-variant);--typo3-card-bg:var(--typo3-surface-container-low);--typo3-card-border-radius:var(--typo3-component-border-radius);--typo3-card-border-color:color-mix(in srgb,var(--typo3-card-bg),var(--typo3-card-color) var(--typo3-border-mix));background:var(--typo3-card-bg);border:1px solid var(--typo3-card-border-color);border-radius:var(--typo3-card-border-radius);box-shadow:var(--typo3-component-box-shadow);color:var(--typo3-card-color);display:flex;flex-direction:column;margin-bottom:var(--typo3-spacing);overflow:hidden;position:relative;transition:all .2s ease-in-out;transition-property:box-shadow,border,transform}
+.card .table-fit{border-bottom:0;border-left:0;border-radius:0;border-right:0;box-shadow:none;margin-bottom:0}
+.card .table-fit:not(:first-child){margin-top:var(--typo3-card-padding)}
+.card-container{container-type:inline-size;display:grid;gap:var(--typo3-card-grid-gap);grid-template-columns:1fr;margin-bottom:var(--typo3-spacing)}
+.card-container .card{margin-bottom:0}
+@container (min-width: 768px){
+.card-container{grid-template-columns:repeat(2,1fr)}}
+@container (min-width: 1200px){
+.card-container{grid-template-columns:repeat(4,1fr)}}
+@container (min-width: 992px){
+.card-size-medium{grid-column:span 2}}
+.card-size-large{grid-column:1/-1}
+.card-body,.card-footer,.card-header,.card-image{padding:var(--typo3-card-padding) var(--typo3-card-padding) 0 var(--typo3-card-padding)}
+.card-body:last-child,.card-footer:last-child,.card-header:last-child,.card-image:last-child{padding-bottom:var(--typo3-card-padding)}
+.card-body>:first-child:not(.row),.card-footer>:first-child:not(.row),.card-header>:first-child:not(.row),.card-image>:first-child:not(.row){margin-top:0}
+.card-body>:last-child,.card-footer>:last-child,.card-header>:last-child,.card-image>:last-child{margin-bottom:0}
+.card-image{padding-left:0;padding-right:0;position:relative}
+.card-image:first-child{padding-top:0}
+.card-image:first-child .card-image-badge{top:calc(var(--typo3-card-padding)*.5)}
+.card-image:last-child{padding-bottom:0}
+.card-image .card-image-badge{inset-inline-end:calc(var(--typo3-card-padding)*.5);position:absolute;top:var(--typo3-card-padding)}
+.card-image img{display:block;height:auto;margin:0 auto;width:100%}
+.card-header{border-bottom:none}
+.card-header .card-icon{float:var(--typo3-position-start);-webkit-margin-end:calc(var(--typo3-card-padding)*.5);margin-inline-end:calc(var(--typo3-card-padding)*.5)}
+.card-header .card-header-body{display:block;overflow:hidden}
+.card-header .card-title{display:block;font-family:inherit;font-size:1.35em;font-weight:500;line-height:1.2em;margin:0}
+.card-header .card-subtitle{color:var(--typo3-card-color-subtle);display:block;font-size:1em;line-height:1.2em;margin-top:.5em}
+.card-header .card-longdesc{margin-top:1em}
+.card-body{flex:1 1 auto}
+.card-footer{border-top:none;margin-top:auto}
+.card-disabled{opacity:.4}
+.card-primary{--typo3-card-color:var(--typo3-surface-container-primary-text);--typo3-card-bg:var(--typo3-surface-container-primary)}
+.card-secondary{--typo3-card-color:var(--typo3-surface-container-secondary-text);--typo3-card-bg:var(--typo3-surface-container-secondary)}
+.card-info{--typo3-card-color:var(--typo3-surface-container-info-text);--typo3-card-bg:var(--typo3-surface-container-info)}
+.card-success{--typo3-card-color:var(--typo3-surface-container-success-text);--typo3-card-bg:var(--typo3-surface-container-success)}
+.card-warning{--typo3-card-color:var(--typo3-surface-container-warning-text);--typo3-card-bg:var(--typo3-surface-container-warning)}
+.card-danger{--typo3-card-color:var(--typo3-surface-container-danger-text);--typo3-card-bg:var(--typo3-surface-container-danger)}
+.card-notice{--typo3-card-color:var(--typo3-surface-container-notice-text);--typo3-card-bg:var(--typo3-surface-container-notice)}
+.card-default{--typo3-card-color:var(--typo3-surface-container-default-text);--typo3-card-bg:var(--typo3-surface-container-default)}
+.context-menu{background-color:var(--typo3-component-bg);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-component-border-radius);box-shadow:var(--typo3-component-box-shadow-flyout);color:var(--typo3-component-color);font-size:var(--typo3-component-font-size);inset-inline-start:0;line-height:var(--typo3-component-line-height);margin:0;max-height:calc(100% - 20px);max-width:calc(100% - 20px);overflow-y:auto;padding:2px;position:absolute;top:0;z-index:1000}
+.context-menu-overlay{background-color:transparent;inset:0;opacity:.1;position:fixed;z-index:1000}
+.context-menu-group{display:flex;flex-direction:column;gap:1px;list-style:none;margin:0;min-width:150px;padding:0;position:relative}
+.context-menu-divider{border-top:var(--typo3-component-border-width) solid var(--typo3-component-border-color)!important;height:0;margin-bottom:var(--typo3-list-item-padding-y);margin-top:var(--typo3-list-item-padding-y);outline:none;padding:0}
+.context-menu-item{background-color:transparent;border:none;border-radius:calc(var(--typo3-component-border-radius) - var(--typo3-component-border-width));cursor:pointer;display:flex;gap:.5em;padding:var(--typo3-list-item-padding-y) var(--typo3-list-item-padding-x);position:relative;text-align:start;text-decoration:none;width:100%}
+.context-menu-item:focus,.context-menu-item:hover{outline-offset:-1px;z-index:1}
+.context-menu-item:hover{background-color:var(--typo3-component-hover-bg);color:var(--typo3-component-hover-color);outline:1px solid var(--typo3-component-hover-border-color)}
+.context-menu-item:focus{background-color:var(--typo3-component-focus-bg);color:var(--typo3-component-focus-color);outline:1px solid var(--typo3-component-focus-border-color)}
+.context-menu-item-icon{flex-grow:0;flex-shrink:0;width:var(--icon-size-small)}
+.context-menu-item-icon,.context-menu-item-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.context-menu-item-label{flex-grow:1}
+.context-menu-item-indicator{flex-grow:0;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:var(--icon-size-small)}
+typo3-backend-live-search{--typo3-livesearch-padding:var(--typo3-modal-padding);--typo3-livesearch-border-width:var(--typo3-component-border-width);--typo3-livesearch-border-color:var(--typo3-component-border-color);display:flex;flex-direction:column;inset:0;position:absolute}
+typo3-backend-live-search .search-option-badge{inset-inline-start:100%;isolation:isolate;position:absolute;top:0!important;transform:translate(calc(-50%*var(--typo3-position-modifier)),-50%)}
+typo3-backend-live-search form{border-bottom:var(--typo3-livesearch-border-width) solid var(--typo3-livesearch-border-color);padding:var(--typo3-livesearch-padding)}
+typo3-backend-live-search-hint{display:flex;gap:1ch}
+typo3-backend-live-search-hint p{margin-bottom:0}
+typo3-backend-live-search-result-pagination nav{border-top:var(--typo3-livesearch-border-width) solid var(--typo3-livesearch-border-color);padding:var(--typo3-livesearch-padding)}
+typo3-backend-live-search-result-pagination nav>:first-child{margin-top:0}
+typo3-backend-live-search-result-pagination nav>:last-child{margin-bottom:0}
+typo3-backend-live-search-result-page{cursor:pointer}
+typo3-backend-live-search-result-container{contain:size;display:flex;flex-direction:row;flex-grow:1}
+typo3-backend-live-search-result-container>.alert{align-self:flex-start;flex:1 1 auto;margin:var(--typo3-livesearch-padding)}
+typo3-backend-live-search-result-item-container,typo3-backend-live-search-result-item-detail-container{flex-basis:50%;flex-grow:1;overflow:auto;padding:var(--typo3-livesearch-padding);position:relative}
+typo3-backend-live-search-result-item-container{padding-top:0}
+typo3-backend-live-search-result-action-list,typo3-backend-live-search-result-list{display:flex;flex-direction:column;gap:1px}
+typo3-backend-live-search-result-list .livesearch-result-item-group-label{background-color:var(--typo3-surface-container-low);border-bottom:1px solid var(--typo3-component-border-color);color:var(--typo3-text-color-base);font-weight:700;line-height:inherit;margin-bottom:var(--typo3-list-item-padding-y);padding-bottom:var(--typo3-list-item-padding-y);padding-top:var(--typo3-livesearch-padding);z-index:1}
+typo3-backend-live-search-result-list .livesearch-result-item-group-label.sticky{position:-webkit-sticky;position:sticky;top:0;z-index:2}
+typo3-backend-live-search-result-item-detail-container .livesearch-detail-preamble{border-bottom:var(--typo3-livesearch-border-width) solid var(--typo3-livesearch-border-color);margin-bottom:var(--typo3-livesearch-padding);padding:var(--typo3-livesearch-padding) 0;text-align:center}
+typo3-backend-live-search-result-item-detail-container .livesearch-detail-preamble .h3,typo3-backend-live-search-result-item-detail-container .livesearch-detail-preamble h3{margin-top:var(--typo3-spacing)!important}
+typo3-backend-live-search-result-item-detail-container .livesearch-detail-preamble p{margin-bottom:0}
+typo3-backend-live-search-result-item-detail-container .livesearch-detail-preamble-thumbnail{align-items:center;display:flex;height:115px;justify-content:center}
+typo3-backend-live-search-result-item-detail-container .livesearch-detail-preamble-thumbnail img{border-radius:2px;box-shadow:var(--typo3-component-box-shadow-strong);height:auto;max-height:100%;max-width:100%;outline:2px solid var(--typo3-resource-tile-border-color);outline-offset:0;width:auto}
+typo3-backend-live-search-result-item-detail-container .livesearch-detail-properties{border-bottom:var(--typo3-livesearch-border-width) solid var(--typo3-livesearch-border-color);-moz-column-gap:var(--typo3-spacing);column-gap:var(--typo3-spacing);display:grid;font-size:var(--typo3-font-size-small);grid-template-columns:minmax(0,auto) minmax(0,1fr);margin:0 0 var(--typo3-livesearch-padding);padding:0 0 var(--typo3-livesearch-padding);row-gap:calc(var(--typo3-spacing)*.5)}
+typo3-backend-live-search-result-item-detail-container .livesearch-detail-properties dt{font-weight:400;opacity:.6}
+typo3-backend-live-search-result-item-detail-container .livesearch-detail-properties dd{margin:0;word-break:break-word}
+typo3-backend-live-search-result-item-detail-container .livesearch-detail-preamble-type{opacity:.5}
+typo3-backend-live-search-result-item,typo3-backend-live-search-result-item-action{--typo3-livesearch-result-item-padding-y:var(--typo3-list-item-padding-y);--typo3-livesearch-result-item-padding-x:var(--typo3-list-item-padding-x);--typo3-livesearch-result-item-color:var(--typo3-component-color);--typo3-livesearch-result-item-bg:var(--typo3-component-bg);--typo3-livesearch-result-item-border-color:var(--typo3-component-border-color);--typo3-livesearch-result-iten-border-width:var(--typo3-component-border-width);--typo3-livesearch-result-item-border-radius:var(--typo3-component-border-radius);background-color:var(--typo3-livesearch-result-item-bg);border:var(--typo3-livesearch-result-iten-border-width) solid var(--typo3-livesearch-result-item-border-color);border-radius:var(--typo3-livesearch-result-item-border-radius);color:var(--typo3-livesearch-result-item-color);cursor:pointer;display:flex;font-size:var(--typo3-component-font-size);gap:var(--typo3-spacing);line-height:var(--typo3-component-line-height);outline-offset:0;padding:var(--typo3-livesearch-result-item-padding-y) var(--typo3-livesearch-result-item-padding-x)}
+typo3-backend-live-search-result-item-action.active,typo3-backend-live-search-result-item-action:focus,typo3-backend-live-search-result-item-action:hover,typo3-backend-live-search-result-item.active,typo3-backend-live-search-result-item:focus,typo3-backend-live-search-result-item:hover{z-index:1}
+typo3-backend-live-search-result-item-action:hover,typo3-backend-live-search-result-item:hover{--typo3-livesearch-result-item-color:var(--typo3-component-hover-color);--typo3-livesearch-result-item-bg:var(--typo3-component-hover-bg);--typo3-livesearch-result-item-border-color:var(--typo3-component-hover-border-color)}
+typo3-backend-live-search-result-item-action.active,typo3-backend-live-search-result-item-action:focus,typo3-backend-live-search-result-item.active,typo3-backend-live-search-result-item:focus{--typo3-livesearch-result-item-color:var(--typo3-component-focus-color);--typo3-livesearch-result-item-bg:var(--typo3-component-focus-bg);--typo3-livesearch-result-item-border-color:var(--typo3-component-focus-border-color)}
+typo3-backend-live-search-result-item-action:focus-within,typo3-backend-live-search-result-item:focus-within{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-livesearch-result-item-border-color),transparent 25%)}
+typo3-backend-live-search-result-item .livesearch-expand-action,typo3-backend-live-search-result-item-action .livesearch-expand-action{align-items:center;display:flex;flex:0;margin:calc(var(--typo3-livesearch-result-item-padding-y)*-1) calc(var(--typo3-livesearch-result-item-padding-x)*-1);padding:var(--typo3-livesearch-result-item-padding-y) var(--typo3-livesearch-result-item-padding-x);-webkit-border-start:var(--typo3-component-border-width) solid transparent;border-inline-start:var(--typo3-component-border-width) solid transparent}
+typo3-backend-live-search-result-item .livesearch-expand-action:hover,typo3-backend-live-search-result-item-action .livesearch-expand-action:hover{border-inline-start-color:var(--typo3-livesearch-result-item-border-color)}
+typo3-backend-live-search-result-item,typo3-backend-live-search-result-item-action{overflow:hidden;width:100%}
+typo3-backend-live-search-result-item-action>:first-child,typo3-backend-live-search-result-item>:first-child{display:flex;flex-grow:1;gap:.5em;overflow:hidden}
+typo3-backend-live-search-result-item-action>:first-child .livesearch-result-item-icon,typo3-backend-live-search-result-item-action>:first-child .livesearch-result-item-indicator,typo3-backend-live-search-result-item>:first-child .livesearch-result-item-icon,typo3-backend-live-search-result-item>:first-child .livesearch-result-item-indicator{align-items:center;display:flex;flex-grow:0;flex-shrink:0;gap:.5em}
+typo3-backend-live-search-result-item-action>:first-child .livesearch-result-item-summary,typo3-backend-live-search-result-item>:first-child .livesearch-result-item-summary{display:flex;flex-direction:column;gap:.25em;overflow:hidden}
+typo3-backend-live-search-result-item-action>:first-child .livesearch-result-item-summary .small,typo3-backend-live-search-result-item-action>:first-child .livesearch-result-item-summary small,typo3-backend-live-search-result-item>:first-child .livesearch-result-item-summary .small,typo3-backend-live-search-result-item>:first-child .livesearch-result-item-summary small{opacity:.5}
+typo3-backend-live-search-result-item-action>:first-child .livesearch-result-item-title,typo3-backend-live-search-result-item>:first-child .livesearch-result-item-title{align-items:center;display:flex;flex-grow:1;gap:.5em}
+typo3-backend-live-search-result-item-action>:first-child .livesearch-result-item-title-contentlabel,typo3-backend-live-search-result-item>:first-child .livesearch-result-item-title-contentlabel{overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}
+typo3-backend-bookmark-manager-content{--bookmark-manager-color:var(--typo3-component-color);--bookmark-manager-bg:var(--typo3-surface-container-low);--bookmark-manager-border-radius:var(--typo3-component-border-radius);--bookmark-manager-border-color:color-mix(in srgb,var(--bookmark-manager-bg),var(--bookmark-manager-color) 10%);--bookmark-manager-padding:1rem;--bookmark-manager-box-shadow:var(--typo3-component-box-shadow);--bookmark-manager-border-width:var(--typo3-component-border-width);--bookmark-manager-toolbar-color:var(--bookmark-manager-color);--bookmark-manager-toolbar-bg:transparent}
+typo3-backend-bookmark-manager-content .bookmark-manager{border:var(--bookmark-manager-border-width) solid var(--bookmark-manager-border-color);border-radius:var(--bookmark-manager-border-radius);box-shadow:var(--bookmark-manager-box-shadow);display:grid;grid-template-areas:"toolbar" "content";grid-template-rows:auto 1fr}
+typo3-backend-bookmark-manager-content .bookmark-manager-toolbar{align-items:center;background-color:var(--bookmark-manager-toolbar-bg);border-bottom:var(--bookmark-manager-border-width) solid var(--bookmark-manager-border-color);color:var(--bookmark-manager-toolbar-color);display:flex;gap:.5rem;grid-area:toolbar;padding:var(--bookmark-manager-padding)}
+typo3-backend-bookmark-manager-content .bookmark-manager-toolbar-start{align-items:center;display:flex;gap:.5rem}
+typo3-backend-bookmark-manager-content .bookmark-manager-toolbar-end{align-items:center;display:flex;gap:.5rem;margin-left:auto}
+typo3-backend-bookmark-manager-content .bookmark-manager-content{grid-area:content;overflow-y:auto;padding:var(--bookmark-manager-padding)}
+.modal-header:has(+.modal-body typo3-backend-bookmark-manager-content){border-bottom:0}
+.modal-body typo3-backend-bookmark-manager-content{--bookmark-manager-padding:var(--typo3-modal-padding);--bookmark-manager-border-radius:0;--bookmark-manager-box-shadow:none;bottom:0;left:0;position:absolute;right:0;top:0}
+.modal-body typo3-backend-bookmark-manager-content .bookmark-manager{border:none;bottom:0;left:0;position:absolute;right:0;top:0}
+typo3-backend-wizard{--wizard-color:var(--typo3-component-color);--wizard-bg:var(--typo3-surface-container-low);--wizard-border-radius:var(--typo3-component-border-radius);--wizard-border-color:color-mix(in srgb,var(--wizard-bg),var(--wizard-color) 5%);--wizard-padding:1rem;--wizard-box-shadow:var(--typo3-component-box-shadow);--wizard-border-width:var(--typo3-component-border-width);--wizard-progress-bg:var(--typo3-surface-container-base);--wizard-progress-color:var(--typo3-text-color-base);--wizard-progress-border-color:color-mix(in srgb,var(--wizard-progress-bg),var(--wizard-progress-color) 10%)}
+typo3-backend-wizard .wizard{border:var(--wizard-border-width) solid var(--wizard-border-color);border-radius:var(--wizard-border-radius);box-shadow:var(--wizard-box-shadow);display:grid;grid-template-rows:1fr auto}
+typo3-backend-wizard .wizard:has(.wizard-progress){grid-template-rows:auto 1fr auto}
+typo3-backend-wizard .wizard-progress{background-color:var(--wizard-progress-bg);border-bottom:var(--wizard-border-width) solid var(--wizard-progress-border-color);color:var(--wizard-progress-color);padding:calc(var(--wizard-padding)*.75) var(--wizard-padding)}
+typo3-backend-wizard .wizard-progress typo3-backend-progress-tracker{margin:0}
+typo3-backend-wizard .wizard-loader{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center}
+typo3-backend-wizard .wizard-content{overflow-y:auto;padding:var(--wizard-padding)}
+typo3-backend-wizard .wizard-actions{border-top:var(--wizard-border-width) solid var(--wizard-border-color);display:flex;justify-content:space-between;padding:calc(var(--wizard-padding)/2) var(--wizard-padding);-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.modal-header:has(+.modal-body typo3-backend-wizard){border-bottom:0}
+.modal-body typo3-backend-wizard{--wizard-padding:var(--typo3-modal-padding);--wizard-progress-bg:var(--typo3-modal-header-bg);--wizard-progress-color:var(--typo3-modal-header-color);--wizard-border-radius:0;--wizard-box-shadow:none;bottom:0;left:0;position:absolute;right:0;top:0}
+.modal-body typo3-backend-wizard .wizard{border:none;bottom:0;left:0;position:absolute;right:0;top:0}
+.modal-body typo3-backend-wizard .wizard-progress{padding-top:0}
+.recordidentity,.recordidentity-type{align-items:center;display:inline-flex;gap:.25rem}
+@keyframes record-pulse{
+0%,to{opacity:1}
+50%{opacity:.4}}
+.recordlist{--typo3-recordlist-color:var(--typo3-component-color);--typo3-recordlist-bg:var(--typo3-component-bg);--typo3-recordlist-border-color:color-mix(in srgb,var(--typo3-recordlist-bg),var(--typo3-recordlist-color) var(--typo3-border-mix));--typo3-recordlist-border-width:var(--typo3-component-border-width);--typo3-recordlist-border-radius:var(--typo3-component-border-radius);--typo3-recordlist-border-radius-top:var(--typo3-recordlist-border-radius);--typo3-recordlist-border-radius-bottom:var(--typo3-recordlist-border-radius);--typo3-recordlist-border-radius-inner-top:max(0px,calc(var(--typo3-recordlist-border-radius-top) - var(--typo3-recordlist-border-width)));--typo3-recordlist-border-radius-inner-bottom:max(0px,calc(var(--typo3-recordlist-border-radius-bottom) - var(--typo3-recordlist-border-width)));--typo3-recordlist-padding-y:.75rem;--typo3-recordlist-padding-x:1rem;--typo3-recordlist-header-bg:var(--typo3-surface-container-default);--typo3-recordlist-header-color:var(--typo3-surface-container-default-text);--typo3-recordlist-spacing:var(--typo3-component-spacing);--typo3-recordlist-box-shadow:var(--typo3-component-box-shadow);--typo3-recordlist-progress-bg:var(--typo3-state-primary-bg);background:var(--typo3-recordlist-bg);border:var(--typo3-recordlist-border-width) solid var(--typo3-recordlist-border-color);border-radius:var(--typo3-recordlist-border-radius);box-shadow:var(--typo3-recordlist-box-shadow);margin-bottom:var(--typo3-spacing);overflow:hidden}
+.recordlist table tr td.deletePlaceholder{text-decoration:line-through}
+.recordlist .alert,.recordlist .table-fit{border-bottom:0;border-left:0;border-radius:0;border-right:0;box-shadow:none;margin-bottom:0}
+.recordlist .alert{padding:var(--typo3-recordlist-padding-y) var(--typo3-recordlist-padding-x)}
+.recordlist+.recordlist{margin-top:calc(var(--typo3-spacing)*1.5)}
+.recordlist tr{opacity:1;transition:opacity .5s}
+.recordlist tr.record-pulse{animation:record-pulse 1s ease-out 0s 1 normal none}
+.recordlist-heading{background:var(--typo3-recordlist-header-bg);color:var(--typo3-recordlist-header-color);padding:var(--typo3-recordlist-padding-y) var(--typo3-recordlist-padding-x)}
+.recordlist-heading,.recordlist-heading-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--typo3-recordlist-padding-y) var(--typo3-recordlist-padding-x)}
+.recordlist-heading-row,.recordlist-heading-title{flex-grow:1;max-width:100%}
+.recordlist-heading-title{font-weight:700;width:250px}
+.recordlist-heading-actions,.recordlist-heading-selection{align-items:center;display:flex;flex-wrap:wrap;gap:.25rem}
+.resource-tiles{--typo3-resource-tiles-grid-spacing:.5rem;--typo3-resource-tiles-grid-width:150px;display:grid;gap:var(--typo3-resource-tiles-grid-spacing);grid-template-columns:repeat(auto-fill,var(--typo3-resource-tiles-grid-width));-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.resource-tiles-container{container-type:inline-size;margin-bottom:var(--typo3-spacing)}
+@container (min-width: 480px){
+.resource-tiles{--typo3-resource-tiles-grid-width:169px}}
+@container (min-width: 768px){
+.resource-tiles{--typo3-resource-tiles-grid-width:200px}}
+.resource-tile{--typo3-resource-tile-spacing:1rem;--typo3-resource-tile-border-radius:var(--typo3-component-border-radius);--typo3-resource-tile-nameplate-size:12px;--typo3-resource-tile-nameplate-activity-size:10px;--typo3-resource-tile-checkbox-size:16px;--typo3-resource-tile-color-state:initial;--typo3-resource-tile-bg-state:initial;--typo3-resource-tile-color:var(--typo3-component-color);--typo3-resource-tile-bg:var(--typo3-component-bg);--typo3-resource-tile-border-color:color-mix(in srgb,var(--typo3-resource-tile-bg-state,var(--typo3-resource-tile-bg)),var(--typo3-resource-tile-color-state,var(--typo3-resource-tile-color)) var(--typo3-border-mix));--typo3-resource-tile-primary-color:var(--typo3-surface-container-primary-text);--typo3-resource-tile-primary-bg:var(--typo3-surface-container-primary);--typo3-resource-tile-secondary-color:var(--typo3-surface-container-secondary-text);--typo3-resource-tile-secondary-bg:var(--typo3-surface-container-secondary);--typo3-resource-tile-info-color:var(--typo3-surface-container-info-text);--typo3-resource-tile-info-bg:var(--typo3-surface-container-info);--typo3-resource-tile-success-color:var(--typo3-surface-container-success-text);--typo3-resource-tile-success-bg:var(--typo3-surface-container-success);--typo3-resource-tile-warning-color:var(--typo3-surface-container-warning-text);--typo3-resource-tile-warning-bg:var(--typo3-surface-container-warning);--typo3-resource-tile-danger-color:var(--typo3-surface-container-danger-text);--typo3-resource-tile-danger-bg:var(--typo3-surface-container-danger);--typo3-resource-tile-notice-color:var(--typo3-surface-container-notice-text);--typo3-resource-tile-notice-bg:var(--typo3-surface-container-notice);--typo3-resource-tile-default-color:var(--typo3-surface-container-default-text);--typo3-resource-tile-default-bg:var(--typo3-surface-container-default);background-color:var(--typo3-resource-tile-bg-state,var(--typo3-resource-tile-bg));border:1px solid var(--typo3-resource-tile-border-color);border-radius:var(--typo3-resource-tile-border-radius);color:var(--typo3-resource-tile-color-state,var(--typo3-resource-tile-color));padding-top:98%;position:relative}
+.resource-tile:hover{--typo3-resource-tile-bg-state:color-mix(in srgb,var(--typo3-resource-tile-bg),var(--typo3-resource-tile-color) 6%);--typo3-resource-tile-color-state:var(--typo3-resource-tile-color);text-decoration:none}
+.resource-tile:focus-within{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-resource-tile-border-color),transparent 25%)}
+.resource-tile.active{--typo3-resource-tile-color:var(--typo3-resource-tile-primary-color);--typo3-resource-tile-bg:var(--typo3-resource-tile-primary-bg)}
+.resource-tile.info,.resource-tile.selected{--typo3-resource-tile-color:var(--typo3-resource-tile-info-color);--typo3-resource-tile-bg:var(--typo3-resource-tile-info-bg)}
+.resource-tile.success{--typo3-resource-tile-color:var(--typo3-resource-tile-success-color);--typo3-resource-tile-bg:var(--typo3-resource-tile-success-bg)}
+.resource-tile.danger{--typo3-resource-tile-color:var(--typo3-resource-tile-danger-color);--typo3-resource-tile-bg:var(--typo3-resource-tile-danger-bg)}
+.resource-tile.warning{--typo3-resource-tile-color:var(--typo3-resource-tile-warning-color);--typo3-resource-tile-bg:var(--typo3-resource-tile-warning-bg)}
+.resource-tile.active .resource-tile-checkbox,.resource-tile.selected .resource-tile-checkbox,.resource-tile:focus-within .resource-tile-checkbox,.resource-tile:hover .resource-tile-checkbox{display:block}
+.resource-tile>a,.resource-tile>button{align-items:unset;background:none;border:none;bottom:0;color:inherit;display:flex;flex-direction:column;left:0;outline:none;padding:0;position:absolute;right:0;text-decoration:none;top:0;width:100%}
+.resource-tile-label{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0}
+.resource-tile-preview{flex:1;margin:var(--typo3-resource-tile-spacing);margin-bottom:0;position:relative}
+.resource-tile-preview-content{height:100%;left:0;position:absolute;top:0;width:100%}
+.resource-tile-icon,.resource-tile-image{align-items:center;display:flex;height:100%;justify-content:center;width:100%}
+.resource-tile-image img{border-radius:2px;box-shadow:var(--typo3-component-box-shadow-strong);height:auto;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;outline:2px solid var(--typo3-resource-tile-border-color);outline-offset:0;width:auto}
+.resource-tile-image-icon{inset-inline-start:calc(var(--typo3-resource-tile-spacing)*-.5);position:absolute;top:calc(var(--typo3-resource-tile-spacing)*-.5)}
+.resource-tile-nameplate{display:flex;flex-direction:column;font-size:var(--typo3-resource-tile-nameplate-size);padding:var(--typo3-resource-tile-spacing);text-align:center;width:100%}
+.resource-tile-nameplate-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.resource-tile-nameplate-activity{font-size:var(--typo3-resource-tile-nameplate-activity-size);opacity:.75}
+.resource-tile-checkbox{display:none;font-size:var(--typo3-resource-tile-checkbox-size);inset-inline-end:calc(var(--typo3-resource-tile-spacing)/2);position:absolute;top:calc(var(--typo3-resource-tile-spacing)/2)}
+.resource-tile-checkbox .form-check-input{margin-top:0}
+.recordsearchbox-container{margin-bottom:var(--typo3-spacing)}
+.recordsearchbox-container [data-recordsearchbox-levels]{max-width:140px}
+.treeline-container,.treelist{--treelist-color:var(--typo3-text-color-base);--treelist-comment-color:var(--typo3-text-color-variant);--treelist-bg:var(--typo3-surface-container-lowest);--treelist-border-width:1px;--treelist-border-color:color-mix(in srgb,var(--treelist-bg),var(--treelist-color) 20%);--treelist-indentation:1rem;--treelist-indentation-spacer:.5rem;--treelist-item-spacer:2px;--treelist-item-line-height:24px;--treelist-control-size:16px}
+.treelist,.treelist ul{background:var(--treelist-bg);color:var(--treelist-color);padding:0;-webkit-padding-start:calc(var(--treelist-indentation)/2);list-style:none;padding-inline-start:calc(var(--treelist-indentation)/2);position:relative}
+.treelist ul:before,.treelist:before{bottom:calc(var(--treelist-item-line-height)/2);content:"";display:block;inset-inline-start:calc(var(--treelist-indentation)/2 - var(--treelist-border-width)/2);margin-bottom:-2px;position:absolute;top:0;width:0;-webkit-border-start:1px solid var(--treelist-border-color);border-inline-start:1px solid var(--treelist-border-color)}
+.treelist ul:after,.treelist:after{content:"";display:table}
+.treelist li{margin:var(--treelist-item-spacer) 0;-webkit-padding-start:var(--treelist-indentation);line-height:var(--treelist-item-line-height);padding-inline-start:var(--treelist-indentation);position:relative}
+.treelist li:before{border-top:1px solid var(--treelist-border-color);content:"";display:block;height:0;inset-inline-start:0;margin-top:-2px;position:absolute;top:calc(var(--treelist-item-line-height)/2 + 1px);width:calc(var(--treelist-indentation) - var(--treelist-indentation-spacer) - 1px)}
+.treelist li:last-child:before{background:var(--treelist-bg);bottom:0;height:auto;inset-inline-start:0;width:calc(var(--treelist-indentation) - var(--treelist-indentation-spacer))}
+.treelist li.active>.treelist-group:before{background-color:hsla(0,0%,100%,.75);border:1px solid rgba(0,0,0,.25);border-radius:2px;bottom:-1px;content:"";display:block;left:calc(var(--treelist-indentation-space)*-1);position:absolute;right:calc(var(--treelist-indentation-space)*-1);top:-1px}
+.treelist li.loose:before{display:none!important}
+.treelist li .treelist-control{align-items:center;display:flex;justify-content:center}
+.treelist-comment{color:var(--treelist-comment-color);font-family:var(--typo3-font-family-monospace)}
+.treelist-group{display:block}
+.treelist-group,.treelist-group>span{position:relative}
+.treelist-group-monospace{font-family:var(--typo3-font-family-monospace)}
+.treelist-operator{opacity:.5}
+.treelist-value{font-weight:700}
+.treelist-icon{top:-1px}
+.treelist-show{display:inline-block;position:relative;text-align:center;width:var(--treelist-control-size);-webkit-margin-start:-2px;margin-inline-start:-2px}
+.treelist-control{display:block;inset-inline-start:0;line-height:var(--treelist-control-size);text-align:center;top:calc(var(--treelist-item-line-height)/2);-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.treelist-control,.treelist-control:before,.treelist-control:target:before{height:var(--treelist-control-size);position:absolute;transform:translate(calc(-50%*var(--typo3-position-modifier)),-50%);width:var(--treelist-control-size)}
+.treelist-control:before,.treelist-control:target:before{background-color:var(--treelist-bg);content:"";inset-inline-start:50%;top:50%}
+.treelist-control:active,.treelist-control:focus,.treelist-control:hover{cursor:pointer;outline:none;text-decoration:none}
+.treelist-control typo3-backend-icon{--icon-color-primary:var(--treelist-color)}
+.treelist-root{-webkit-padding-start:0;padding-inline-start:0}
+.treelist-root:before{display:none}
+.treelist-root>li{-webkit-padding-start:var(--treelist-control-size);padding-inline-start:var(--treelist-control-size)}
+.treelist-root>li:before{display:none}
+.treelist-root>li>.treelist-group>.treelist-control{-webkit-margin-start:calc(var(--treelist-control-size)*-1);margin-inline-start:calc(var(--treelist-control-size)*-1)}
+.treelist-root>li>.treelist-group>.treelist-control:before{background-color:transparent}
+.treelist-root-clean>li{-webkit-padding-start:0;padding-inline-start:0}
+.example .treeline-container,.example .treelist{--treelist-color:var(--typo3-example-color);--treelist-bg:var(--typo3-example-bg)}
+.panel .treeline-container,.panel .treelist{--treelist-color:var(--typo3-panel-color);--treelist-bg:var(--typo3-panel-bg)}
+.indent{--indent-base:16px;--indent-level:0;-webkit-margin-start:calc(var(--indent-base)*var(--indent-level));margin-inline-start:calc(var(--indent-base)*var(--indent-level))}
+.indent-inline-block{display:inline-block}
+:root{--settings-color:var(--typo3-component-color);--settings-padding:calc(var(--typo3-spacing)*2);--settings-bg:var(--typo3-component-bg);--settings-border-width:var(--typo3-component-border-width);--settings-border-color:var(--typo3-component-border-color);--settings-border-radius:var(--typo3-component-border-radius);--settings-box-shadow:var(--typo3-component-box-shadow);--settings-highlight:var(--typo3-component-primary-color);--settings-indicator-bg:transparent;--settings-item-color:var(--settings-color);--settings-item-bg:var(--settings-bg);--settings-search-height:80px;--settings-nav-height-correction:100px;--settings-nav-item-padding-x:var(--typo3-list-item-padding-x);--settings-nav-item-padding-y:var(--typo3-list-item-padding-y);--settings-parent-offset:0}
+.module-body typo3-backend-settings-editor{--settings-parent-offset:var(--module-docheader-bar-height)}
+.modal-body typo3-backend-settings-editor{--settings-parent-offset:var(--typo3-modal-padding)}
+.settings-container{container-type:inline-size}
+.settings{background-color:var(--settings-bg);border:var(--settings-border-width) solid var(--settings-border-color);border-radius:var(--settings-border-radius);box-shadow:var(--settings-box-shadow);color:var(--settings-color);display:grid;gap:var(--settings-border-width);grid-template-columns:1fr}
+.settings-search{align-items:center;background-color:color-mix(in srgb,var(--settings-bg),currentColor 1%);border-start-end-radius:calc(var(--settings-border-radius) - var(--settings-border-width));border-start-start-radius:calc(var(--settings-border-radius) - var(--settings-border-width));display:flex;height:var(--settings-search-height);padding-inline:calc(var(--settings-padding) - .3rem);position:-webkit-sticky;position:sticky;top:var(--settings-parent-offset);z-index:5}
+.settings-search:has(+:not([hidden])){border-bottom:var(--settings-border-width) solid var(--settings-border-color)}
+.settings-navigation{display:none;position:relative}
+.settings-navigation-inner{padding:calc(var(--settings-padding) - .3rem)}
+.settings-body-inner{padding:var(--settings-padding)}
+@container (min-width: 780px){
+.settings:has(.settings-navigation){grid-template-columns:300px 1fr}
+.settings:has(.settings-navigation) .settings-search{grid-column:span 2}
+.settings:has(.settings-navigation) .settings-navigation{display:flex;flex-direction:column}
+.settings:has(.settings-navigation) .settings-navigation-inner{flex-grow:1;overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-gutter:stable;top:calc(var(--settings-parent-offset)*-1)}
+.settings:has(.settings-navigation):has(.settings-search) .settings-navigation-inner{top:calc(var(--settings-search-height) + var(--settings-parent-offset))}}
+.settings-navigation ul{list-style:none;margin:0;padding:0}
+.settings-navigation ul li{margin-top:1px}
+.settings-navigation ul ul{-webkit-padding-start:1rem;padding-inline-start:1rem}
+.settings-navigation>ul:first-child>li:first-child{margin-top:0}
+.settings-navigation [identifier=actions-chevron-end]{opacity:.5}
+.settings-navigation-item{background-color:transparent;border:none;border-radius:calc(var(--typo3-component-border-radius) - var(--typo3-component-border-width));color:var(--typo3-component-color);cursor:pointer;display:flex;gap:.5em;padding:var(--settings-nav-item-padding-y) var(--settings-nav-item-padding-x);position:relative;text-align:start;text-decoration:none;width:100%}
+.settings-navigation-item.active,.settings-navigation-item:focus,.settings-navigation-item:hover{outline-offset:-1px;text-decoration:none;z-index:1}
+.settings-navigation-item:hover{background-color:var(--typo3-component-hover-bg);color:var(--typo3-component-hover-color);outline:1px solid var(--typo3-component-hover-border-color)}
+.settings-navigation-item:focus-visible{outline:1px solid var(--typo3-component-focus-border-color)}
+.settings-navigation-item.active{background-color:var(--typo3-component-focus-bg);color:var(--typo3-component-focus-color);outline:1px solid var(--typo3-component-focus-border-color)}
+.settings-navigation-item-icon{flex-grow:0;flex-shrink:0;width:var(--icon-size-small)}
+.settings-navigation-item-icon,.settings-navigation-item-label{-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.settings-navigation-item-label{flex-grow:1}
+.settings-category{text-wrap:balance;z-index:10}
+.settings-category-headline{align-items:center;display:flex;gap:.5em}
+.settings-category-headline>typo3-backend-icon{color:var(--typo3-text-color-primary)}
+.settings-category-description,.settings-category-headline{max-width:600px}
+.settings-category-list+.settings-category-list{margin-top:calc(var(--typo3-spacing)*2)}
+.settings-item{background:var(--settings-item-bg);border-radius:var(--settings-border-radius);color:var(--settings-item-color);contain:inline-size;padding-block:var(--typo3-component-padding-y);position:relative;-webkit-padding-start:calc(var(--typo3-component-padding-x) + 4px);padding-inline-start:calc(var(--typo3-component-padding-x) + 4px);-webkit-padding-end:calc(var(--typo3-component-padding-x) + 3rem);padding-inline-end:calc(var(--typo3-component-padding-x) + 3rem);-webkit-margin-start:calc(var(--typo3-component-padding-x)*-1);margin-inline-start:calc(var(--typo3-component-padding-x)*-1);-webkit-margin-end:calc(var(--typo3-component-padding-x)*-1);margin-inline-end:calc(var(--typo3-component-padding-x)*-1)}
+.settings-item:focus-within,.settings-item:focus-within *{--settings-item-bg:var(--typo3-component-focus-bg);--settings-item-color:var(--typo3-component-focus-color)}
+.settings-item:focus-within{outline:1px solid var(--typo3-component-focus-border-color);outline-offset:-1px}
+.settings-item:focus .settings-item-actions,.settings-item:focus-within .settings-item-actions,.settings-item:hover .settings-item-actions{opacity:1}
+.settings-item-indicator{background:var(--settings-indicator-bg);border-end-start-radius:calc(var(--settings-border-radius) - var(--settings-border-width));border-start-start-radius:calc(var(--settings-border-radius) - var(--settings-border-width));inset-block-end:var(--settings-border-width);inset-block-start:var(--settings-border-width);inset-inline-start:var(--settings-border-width);position:absolute;width:.3rem}
+.settings-item[data-status=modified],.settings-item[data-status=modified] *{--settings-indicator-bg:var(--typo3-state-info-bg)}
+.settings-item[data-status=error],.settings-item[data-status=error] *{--settings-indicator-bg:var(--typo3-state-danger-bg)}
+.settings-item-actions{display:flex;inset-block-end:0;inset-block-start:0;inset-inline-end:0;justify-content:center;opacity:0;padding-block:var(--typo3-component-padding-y);position:absolute;transition:opacity .3s ease-in-out;width:3rem}
+.settings-item-actions>.dropdown>button{align-items:center;background-color:transparent;border:none;border-radius:50%;color:inherit;display:flex;height:32px;justify-content:center;margin-top:-4px;outline:none;padding:0;width:32px}
+.settings-item-actions>.dropdown>button:hover{background:color-mix(in srgb,var(--settings-item-bg),var(--settings-item-color) 10%)}
+.settings-item-actions>.dropdown>button:focus{background:color-mix(in srgb,var(--typo3-component-focus-bg),var(--typo3-component-focus-border-color) 20%);color:var(--typo3-component-focus-color)}
+.settings-item-actions>.dropdown>button:after{display:none}
+.settings-item-title{margin-bottom:calc(var(--typo3-spacing)/2)}
+.settings-item-label{font-weight:700;margin-bottom:calc(var(--typo3-spacing)*.25)}
+.settings-item-description{color:color-mix(in srgb,var(--settings-color),var(--settings-bg) 25%)}
+.settings-item-key{color:var(--settings-highlight);font-family:var(--typo3-font-family-code);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.settings-item-message{margin-top:calc(var(--typo3-spacing)/2)}
+.settings-item-message:empty{display:none}
+:is(.settings-item-description,.settings-category-description) :is(p,dl,ol,ul,blockquote,pre){margin-bottom:calc(var(--typo3-spacing)*.25)}
+:is(.settings-item-description,.settings-category-description) :is(ol,ul){padding-left:0;padding-right:0;-webkit-padding-start:calc(var(--typo3-spacing)*.25 + 1rem);padding-inline-start:calc(var(--typo3-spacing)*.25 + 1rem)}
+:is(.settings-item-description,.settings-category-description) blockquote{padding:calc(var(--typo3-spacing)*.25);-webkit-padding-start:calc(var(--typo3-spacing)*.5);padding-inline-start:calc(var(--typo3-spacing)*.5);-webkit-border-start:.25rem solid color-mix(in srgb,var(--typo3-text-color-base),transparent 75%);border-inline-start:.25rem solid color-mix(in srgb,var(--typo3-text-color-base),transparent 75%);margin-bottom:calc(var(--typo3-spacing)*.25)}
+:is(.settings-item-description,.settings-category-description) code{background:light-dark(var(--token-color-neutral-7),var(--token-color-neutral-90));border-radius:var(--typo3-component-border-radius);padding:.2em .4em;white-space:break-spaces}
+.example{--typo3-example-color:var(--typo3-component-color);--typo3-example-bg:var(--typo3-surface-base);--typo3-example-border-width:var(--typo3-component-border-width);--typo3-example-border-radius:var(--typo3-component-border-radius);--typo3-example-border-color:var(--typo3-component-border-color);background-color:var(--typo3-example-bg);border:var(--typo3-example-border-width) solid var(--typo3-example-border-color);border-radius:var(--typo3-example-border-radius);color:var(--typo3-example-color);margin-bottom:var(--typo3-spacing);padding:var(--typo3-spacing)}
+.example+:not(.example){margin-top:var(--typo3-component-spacing)}
+.example>:last-child{margin-bottom:0}
+.example:before{color:var(--typo3-component-variant-color);content:"EXAMPLE";display:block;font-size:.9em;font-weight:700;margin-bottom:var(--typo3-spacing)}
+.example--code:before{content:"EXAMPLE CODE"}
+.example--checkered{--typo3-bg-checkerboard-pattern-size:20px;--typo3-bg-checkerboard-background-color:light-dark(var(--token-color-neutral-10),var(--token-color-neutral-85));--typo3-bg-checkerboard-background-image-color:light-dark(var(--token-color-neutral-0),var(--token-color-neutral-90));background:var(--typo3-bg-checkerboard-background-color);background-clip:padding-box;background-image:linear-gradient(45deg,var(--typo3-bg-checkerboard-background-image-color) 25%,transparent 25%),linear-gradient(135deg,var(--typo3-bg-checkerboard-background-image-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--typo3-bg-checkerboard-background-image-color) 75%),linear-gradient(135deg,transparent 75%,var(--typo3-bg-checkerboard-background-image-color) 75%);background-position:0 0,calc(var(--typo3-bg-checkerboard-pattern-size)/2) 0,calc(var(--typo3-bg-checkerboard-pattern-size)/2) calc(var(--typo3-bg-checkerboard-pattern-size)/2*-1),0 calc(var(--typo3-bg-checkerboard-pattern-size)/2);background-size:var(--typo3-bg-checkerboard-pattern-size) var(--typo3-bg-checkerboard-pattern-size)}
+.example pre code{display:block;overflow:auto;width:100%}
+.dropzone{--dropzone-font-size:var(--typo3-component-font-size);--dropzone-color:var(--typo3-component-color);--dropzone-bg:var(--typo3-component-bg);--dropzone-border-color:var(--typo3-component-border-color);--dropzone-hover-color:var(--typo3-component-hover-color);--dropzone-hover-bg:var(--typo3-component-hover-bg);--dropzone-hover-border-color:var(--typo3-component-hover-border-color);--dropzone-focus-color:var(--typo3-component-focus-color);--dropzone-focus-bg:var(--typo3-component-focus-bg);--dropzone-focus-border-color:var(--typo3-component-focus-border-color);--dropzone-border-width:var(--typo3-component-border-width);--dropzone-border-radius:var(--typo3-component-border-radius);--dropzone-spacing:.25rem;--dropzone-padding-y:var(--typo3-component-padding-y);--dropzone-padding-x:var(--typo3-component-padding-x);--dropzone-icons-arrow-down:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M7 2v7.3H5c-.4 0-.6.5-.4.8l3 3.7c.2.2.6.2.8 0l3-3.7c.2-.3 0-.8-.4-.8H9V2z'/%3E%3C/svg%3E");--dropzone-icons-close:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M11.9 5.5 9.4 8l2.5 2.5c.2.2.2.5 0 .7l-.7.7c-.2.2-.5.2-.7 0L8 9.4l-2.5 2.5c-.2.2-.5.2-.7 0l-.7-.7c-.2-.2-.2-.5 0-.7L6.6 8 4.1 5.5c-.2-.2-.2-.5 0-.7l.7-.7c.2-.2.5-.2.7 0L8 6.6l2.5-2.5c.2-.2.5-.2.7 0l.7.7c.2.2.2.5 0 .7'/%3E%3C/svg%3E");--dropzone-icons-upload:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='%23fff'%3E%3Cpath d='M10 11h1v1h-1zm2 0h1v1h-1zm-.73-5H4.73a.25.25 0 0 1-.188-.414l3.27-3.743a.244.244 0 0 1 .377 0l3.27 3.743A.25.25 0 0 1 11.27 6'/%3E%3Cpath d='M14.5 9H10v1h4v3H2v-3h4V9H1.5a.5.5 0 0 0-.5.5v4a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5v-4a.5.5 0 0 0-.5-.5'/%3E%3Cpath d='M7 6h2v4H7z'/%3E%3C/g%3E%3C/svg%3E");--dropdown-close-border-radius:3px;--dropdown-close-color:var(--typo3-state-default-color);--dropdown-close-bg:var(--typo3-state-default-bg);--dropdown-close-border-color:var(--typo3-state-default-border-color);--dropdown-close-hover-color:var(--typo3-state-default-hover-color);--dropdown-close-hover-bg:var(--typo3-state-default-hover-bg);--dropdown-close-hover-border-color:var(--typo3-state-default-hover-border-color);--dropdown-close-border-width:1px;--dropzone-close-width:2rem;--dropzone-close-height:2rem;--dropzone-close-icon-size:1rem;--dropzone-close-icon-image:var(--dropzone-icons-close);--dropzone-icon-size:1rem;--dropzone-icon-height:2.5rem;--dropzone-icon-width:2.5rem;--dropzone-icon-radius:50%;--dropzone-icon-color:var(--dropzone-color);--dropzone-icon-bg:var(--dropzone-border-color);--dropzone-icon-success-color:var(--typo3-state-success-color);--dropzone-icon-success-bg:var(--typo3-state-success-bg);--dropzone-icon-info-color:var(--typo3-state-info-color);--dropzone-icon-info-bg:var(--typo3-state-info-bg);--dropzone-icon-icon:var(--dropzone-icons-upload);background-color:color-mix(in srgb,var(--dropzone-bg),transparent 65%);border-radius:var(--typo3-component-border-radius);cursor:pointer;padding:var(--dropzone-padding-y) var(--dropzone-padding-x);position:relative;-webkit-padding-end:calc(var(--dropzone-close-width) + var(--dropzone-padding-x) + var(--dropzone-spacing));border:var(--dropzone-border-width) dashed var(--dropzone-border-color);color:var(--dropzone-color);outline-offset:0;padding-inline-end:calc(var(--dropzone-close-width) + var(--dropzone-padding-x) + var(--dropzone-spacing));transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}
+@media (prefers-reduced-motion:reduce){
+.dropzone{transition:none}}
+.dropzone:hover{--dropzone-color:var(--dropzone-hover-color);--dropzone-bg:var(--dropzone-hover-bg);--dropzone-border-color:var(--dropzone-hover-border-color)}
+.dropzone:has(.dropzone-hint:focus){--dropzone-color:var(--dropzone-focus-color);--dropzone-bg:var(--dropzone-focus-bg);--dropzone-border-color:var(--dropzone-focus-border-color)}
+.dropzone:has(.dropzone-hint:focus-visible){border-style:solid;outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--dropzone-border-color),transparent 25%)}
+.dropzone-mask{inset:0;position:absolute}
+.dropzone-close{align-items:center;background-color:var(--dropdown-close-bg);border:var(--dropdown-close-border-width) solid var(--dropdown-close-border-color);border-radius:var(--dropdown-close-border-radius);color:var(--dropdown-close-color);display:flex;height:var(--dropzone-close-height);inset-inline-end:calc(var(--dropzone-padding-x)/2);justify-content:center;outline:0;position:absolute;top:calc(var(--dropzone-padding-y)/2);width:var(--dropzone-close-width)}
+.dropzone-close:focus,.dropzone-close:hover{--dropdown-close-color:var(--dropdown-close-hover-color);--dropdown-close-bg:var(--dropdown-close-hover-bg);--dropdown-close-border-color:var(--dropdown-close-hover-border-color)}
+.dropzone-close:focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--dropdown-close-border-color),transparent 25%)}
+.dropzone-close:before{background-color:var(--dropdown-close-color);background-size:contain;content:"";display:block;height:var(--dropzone-close-icon-size);-webkit-mask:var(--dropzone-close-icon-image);mask:var(--dropzone-close-icon-image);width:var(--dropzone-close-icon-size)}
+.dropzone-hint{align-items:center;background:transparent;border:0;display:flex;gap:var(--dropzone-padding-x);outline:0;padding:0;text-align:start}
+.dropzone-hint-body :first-child{margin-top:0}
+.dropzone-hint-body :last-child{margin-bottom:0}
+.dropzone-hint-icon{align-items:center;background-color:var(--dropzone-icon-bg);border-radius:var(--dropzone-icon-radius);display:flex;height:var(--dropzone-icon-height);justify-content:center;text-rendering:auto;width:var(--dropzone-icon-width);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0)}
+.dropzone-hint-icon:before{background-color:var(--dropzone-icon-color);background-size:contain;content:"";display:block;height:var(--dropzone-icon-size);-webkit-mask:var(--dropzone-icon-icon);mask:var(--dropzone-icon-icon);width:var(--dropzone-icon-size)}
+.dropzone-hint-title{font-size:var(--dropzone-font-size);font-weight:700;margin-bottom:.25em}
+.drop-status-ok{--dropzone-icon-color:var(--dropzone-icon-success-color);--dropzone-icon-bg:var(--dropzone-icon-success-bg)}
+.drop-in-progress{--dropzone-icon-color:var(--dropzone-icon-info-color);--dropzone-icon-bg:var(--dropzone-icon-info-bg);--dropzone-icon-icon:var(--dropzone-icons-arrow-down)}
+.filelist-main .dropzone{--dropzone-bg:#000;border-width:2px;height:calc(100% - var(--module-docheader-height));left:0;margin:0;padding:0;position:absolute;top:var(--module-docheader-height);width:100%;z-index:10}
+.filelist-main .dropzone .dropzone-hint{background:var(--typo3-component-bg);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-component-border-radius);box-shadow:var(--typo3-component-box-shadow-tooltip);color:var(--typo3-component-color);left:50%;padding:var(--dropzone-padding-y) var(--dropzone-padding-x);position:absolute;top:50%;transform:translate(-50%,-50%)}
+.grideditor{--grideditor-grid-spacing:1rem;--grideditor-cell-spacing:1rem;--grideditor-cell-color:var(--typo3-component-color);--grideditor-cell-bg:var(--typo3-component-bg);--grideditor-cell-border-radius:.75em;--grideditor-cell-border-color:var(--typo3-component-border-color);--grideditor-cell-shadow:var(--typo3-component-box-shadow-strong);--grideditor-row-height:180px;--grideditor-action-size:32px;--grideditor-action-spacing:2px;--grideditor-action-color:var(--typo3-state-default-color);--grideditor-action-bg:var(--typo3-state-default-bg);--grideditor-action-border-color:var(--typo3-state-default-border-color);--grideditor-action-border-radius:var(--typo3-input-border-radius);--grideditor-action-hover-color:var(--typo3-state-default-hover-color);--grideditor-action-hover-bg:var(--typo3-state-default-hover-bg);--grideditor-action-hover-border-color:var(--typo3-state-default-hover-border-color);--grideditor-action-focus-color:var(--typo3-state-default-focus-color);--grideditor-action-focus-bg:var(--typo3-state-default-focus-bg);--grideditor-action-focus-border-color:var(--typo3-state-default-focus-border-color);display:grid;gap:var(--grideditor-grid-spacing);grid-template:"grideditor-control-top ." "grideditor-editor grideditor-control-right" "grideditor-control-bottom ." "grideditor-preview grideditor-preview" auto/minmax(auto,1fr)}
+.grideditor-control{align-items:center;display:flex;justify-content:center}
+.grideditor-control-top{grid-area:grideditor-control-top}
+.grideditor-control-right{grid-area:grideditor-control-right}
+.grideditor-control-bottom{grid-area:grideditor-control-bottom}
+.grideditor-editor{grid-area:grideditor-editor}
+.grideditor-editor-grid{display:grid;gap:1em;grid-auto-columns:1fr;grid-auto-rows:var(--grideditor-row-height);width:100%}
+.grideditor-preview{grid-area:grideditor-preview}
+.grideditor-cell{--grideditor-cell-col-start:var(--grideditor-cell-col,1);--grideditor-cell-col-end:calc(var(--grideditor-cell-col, 1) + var(--grideditor-cell-colspan, 1));--grideditor-cell-row-start:var(--grideditor-cell-row,1);--grideditor-cell-row-end:calc(var(--grideditor-cell-row, 1) + var(--grideditor-cell-rowspan, 1));background-color:var(--grideditor-cell-bg);border:1px solid var(--grideditor-cell-border-color);border-radius:var(--grideditor-cell-border-radius);box-shadow:var(--grideditor-cell-shadow);color:var(--grideditor-cell-color);display:flex;flex-direction:column;grid-column:var(--grideditor-cell-col-start) /var(--grideditor-cell-col-end);grid-row:var(--grideditor-cell-row-start) /var(--grideditor-cell-row-end);height:100%;min-height:100px;width:100%}
+.grideditor-cell>*{width:100%}
+.grideditor-cell-actions{flex-grow:1;min-height:calc(var(--grideditor-cell-spacing) + (var(--grideditor-action-size) + var(--grideditor-action-spacing))*3);min-width:calc(var(--grideditor-cell-spacing) + (var(--grideditor-action-size) + var(--grideditor-action-spacing))*3);position:relative}
+.grideditor-cell-info{background-color:color-mix(in srgb,var(--grideditor-cell-bg),currentColor 5%);border-end-end-radius:var(--grideditor-cell-border-radius);border-end-start-radius:var(--grideditor-cell-border-radius);font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1.2em;padding:calc(var(--grideditor-cell-spacing)/2) var(--grideditor-cell-spacing)}
+.grideditor-action{align-items:center;background-color:var(--grideditor-action-bg);border:1px solid var(--grideditor-action-border-color);border-radius:var(--grideditor-action-border-radius);color:var(--grideditor-action-color);display:flex;height:var(--grideditor-action-size);inset-inline-start:50%;justify-content:center;position:absolute;top:50%;transform:translate(calc(-50%*var(--typo3-position-modifier)),-50%);width:var(--grideditor-action-size)}
+.grideditor-action:hover{background-color:var(--grideditor-action-hover-bg);border-color:var(--grideditor-action-hover-border-color);color:var(--grideditor-action-hover-color);outline:none}
+.grideditor-action:focus{background-color:var(--grideditor-action-focus-bg);border-color:var(--grideditor-action-focus-border-color);color:var(--grideditor-action-focus-color);z-index:1}
+.grideditor-action:focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--grideditor-action-focus-border-color),transparent 25%);outline-offset:0}
+.grideditor-action-expand-down{top:calc(50% + var(--grideditor-action-size) + var(--grideditor-action-spacing))}
+.grideditor-action-expand-right{inset-inline-start:calc(50% + var(--grideditor-action-size) + var(--grideditor-action-spacing))}
+.grideditor-action-shrink-up{top:calc(50% - var(--grideditor-action-size) - var(--grideditor-action-spacing))}
+.grideditor-action-shrink-left{inset-inline-start:calc(50% - var(--grideditor-action-size) - var(--grideditor-action-spacing))}
+.pagelayout{--pagelayout-grid-spacing:1rem;--pagelayout-cell-spacing:1rem;--pagelayout-cell-color:var(--typo3-component-color);--pagelayout-cell-bg:var(--typo3-component-bg);--pagelayout-cell-border-radius:.75em;--pagelayout-cell-border-color:var(--typo3-component-border-color);--pagelayout-cell-shadow:var(--typo3-component-box-shadow-strong);display:grid;gap:var(--pagelayout-grid-spacing);grid-auto-columns:1fr;width:100%}
+.pagelayout-cell{--pagelayout-cell-col-start:var(--pagelayout-cell-col,1);--pagelayout-cell-col-end:calc(var(--pagelayout-cell-col, 1) + var(--pagelayout-cell-colspan, 1));--pagelayout-cell-row-start:var(--pagelayout-cell-row,1);--pagelayout-cell-row-end:calc(var(--pagelayout-cell-row, 1) + var(--pagelayout-cell-rowspan, 1));display:grid;grid-column:var(--pagelayout-cell-col-start) /var(--pagelayout-cell-col-end);grid-row:var(--pagelayout-cell-row-start) /var(--pagelayout-cell-row-end);grid-template-rows:auto 1fr;height:100%;width:100%}
+.pagelayout-cell-content{background-color:var(--pagelayout-cell-bg);border:1px solid var(--pagelayout-cell-border-color);border-radius:var(--pagelayout-cell-border-radius);box-shadow:var(--pagelayout-cell-shadow);color:var(--pagelayout-cell-color);padding:var(--pagelayout-cell-spacing)}
+.pagelayout-cell-content>:last-child{margin-bottom:0}
+:root{--typo3-debugger-color:var(--typo3-component-color);--typo3-debugger-bg:var(--typo3-component-bg);--typo3-debugger-bg-variant:color-mix(in srgb,var(--typo3-debugger-bg),var(--typo3-debugger-color) 3%);--typo3-debugger-outline:#101010;--typo3-debugger-border-color:var(--typo3-component-border-color);--typo3-debugger-border-radius:var(--typo3-component-border-radius);--typo3-debugger-box-shadow:var(--typo3-component-box-shadow);--typo3-debugger-top-bg:var(--typo3-surface-container-default);--typo3-debugger-top-color:var(--typo3-surface-container-default-text);--typo3-debugger-color-variant:var(--typo3-text-color-variant);--typo3-debugger-unregistered-bg:light-dark(var(--token-color-warning-60),var(--token-color-blue-60));--typo3-debugger-scope-bg:light-dark(var(--token-color-teal-60),var(--token-color-teal-80));--typo3-debugger-ptype-bg:light-dark(var(--token-color-green-60),var(--token-color-green-70));--typo3-debugger-visibility-bg:light-dark(var(--token-color-magenta-55),var(--token-color-magenta-75));--typo3-debugger-unitialized-bg:light-dark(var(--token-color-orange-60),var(--token-color-orange-75));--typo3-debugger-dirty-bg:light-dark(var(--token-color-yellow-70),var(--token-color-yellow-80));--typo3-debugger-filtered-bg:light-dark(var(--token-color-yellow-70),var(--token-color-yellow-80));--typo3-debugger-string-color:light-dark(var(--token-color-orange-60),var(--token-color-orange-40));--typo3-debugger-type-color:light-dark(var(--token-color-blue-60),var(--token-color-blue-25));--typo3-debugger-closure-color:light-dark(var(--token-color-yellow-70),var(--token-color-yellow-50));--typo3-debugger-property-color:var(--typo3-component-color)}
+typo3-backend-color-scheme-switch{display:block;-webkit-margin-start:var(--typo3-list-item-padding-x);margin-inline-start:var(--typo3-list-item-padding-x);-webkit-margin-end:var(--typo3-list-item-padding-x);margin-inline-end:var(--typo3-list-item-padding-x);padding-top:var(--typo3-list-item-padding-y)}
+typo3-backend-color-scheme-switch .btn-group,typo3-backend-color-scheme-switch .dropdown-list{padding-bottom:var(--typo3-list-item-padding-y);width:100%}
+typo3-backend-color-scheme-switch .btn-group .btn{-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:.75rem;padding-inline-end:.75rem}
+typo3-backend-color-scheme-switch .btn-group .btn:first-child{flex:1 1 auto;gap:calc(var(--typo3-spacing)*2/3);justify-content:flex-start}
+typo3-backend-color-scheme-switch .btn-group .btn:first-child+.btn{flex:0 0 auto}
+typo3-backend-color-scheme-switch .dropdown-item{-webkit-padding-start:calc(.75rem + 1px);padding-inline-start:calc(.75rem + 1px);-webkit-padding-end:calc(.75rem + 1px);padding-inline-end:calc(.75rem + 1px)}
+typo3-backend-color-scheme-switch .dropdown-item-column-title-info{color:var(--typo3-text-color-variant);font-style:italic;-webkit-margin-start:.25rem;margin-inline-start:.25rem}
+typo3-backend-color-scheme-switch .dropdown-item-columns{align-items:center;gap:calc(var(--typo3-spacing)*2/3);justify-content:flex-start}
+typo3-backend-color-scheme-switch .btn[disabled]{pointer-events:unset}
+
+/*!
+ * CSS copied from jQuery UI Resizable 1.11.4 (http://jqueryui.com)
+ * used in element `<typo3-backend-draggable-resizable>`
+ *
+ * Copyright jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ */
+.ui-resizable{position:relative}
+.ui-resizable-handle{display:block;font-size:.1px;position:absolute;touch-action:none}
+.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}
+.ui-resizable-n{cursor:n-resize;height:7px;left:0;top:-5px;width:100%}
+.ui-resizable-s{bottom:-5px;cursor:s-resize;height:7px;left:0;width:100%}
+.ui-resizable-e{cursor:e-resize;height:100%;right:-5px;top:0;width:7px}
+.ui-resizable-w{cursor:w-resize;height:100%;left:-5px;top:0;width:7px}
+.ui-resizable-se{bottom:1px;cursor:se-resize;height:12px;right:1px;width:12px}
+.ui-resizable-sw{bottom:-5px;cursor:sw-resize;height:9px;left:-5px;width:9px}
+.ui-resizable-nw{cursor:nw-resize;height:9px;left:-5px;top:-5px;width:9px}
+.ui-resizable-ne{cursor:ne-resize;height:9px;right:-5px;top:-5px;width:9px}
+typo3-backend-draggable-resizable{display:inline-block;position:absolute;transition:none}
+typo3-backend-draggable-resizable[reverting]{transition-duration:.25s;transition-property:left,top,width,height}
+.cropper typo3-backend-draggable-resizable .cropper-focus-area{height:100%;width:100%}
+typo3-backend-draggable-resizable .ui-resizable-handle{z-index:90}
+typo3-backend-editable-page-title{display:block;text-overflow:ellipsis;white-space:nowrap;--input-border-color:var(--typo3-state-default-border-color);--input-hover-border-color:var(--typo3-state-default-hover-border-color);--input-focus-border-color:var(--typo3-state-default-focus-border-color);--button-hover-color:var(--typo3-state-default-focus-color);--button-hover-bg:var(--typo3-state-default-hover-bg);--button-hover-border-color:var(--typo3-state-default-focus-border-color);--button-focus-color:var(--typo3-state-default-focus-color);--button-focus-bg:var(--typo3-state-default-focus-bg);--button-focus-border-color:var(--typo3-state-default-focus-border-color)}
+typo3-backend-formengine-char-counter{display:flex;inset-inline-start:0;position:absolute;top:100%;z-index:5}
+typo3-backend-formengine-char-counter .form-hint{--typo3-formhint-box-shadow:var(--typo3-component-box-shadow-tooltip);margin-top:.5rem}
+typo3-backend-icon{height:var(--icon-size,1em);width:var(--icon-size,1em)}
+typo3-backend-icon[size=small]{height:var(--icon-size-small,16px);width:var(--icon-size-small,16px)}
+typo3-backend-icon[size=default]{height:var(--icon-size,1em);width:var(--icon-size,1em)}
+typo3-backend-icon[size=medium]{height:var(--icon-size-medium,32px);width:var(--icon-size-medium,32px)}
+typo3-backend-icon[size=large]{height:var(--icon-size-large,48px);width:var(--icon-size-large,48px)}
+typo3-backend-icon[size=mega]{height:var(--icon-size-mega,64px);width:var(--icon-size-mega,64px)}
+typo3-backend-security-csp-reports .infolist-container{container-type:inline-size}
+typo3-backend-security-csp-reports .infolist{display:flex;flex-direction:column;gap:var(--typo3-spacing)}
+typo3-backend-security-csp-reports .infolist-info{display:none}
+@container (max-width: 899px){
+typo3-backend-security-csp-reports .infolist-info-showrecord{background:rgba(0,0,0,.5);display:block;height:100%;left:0;padding:1.5rem;position:absolute;top:0;width:100%}}
+@container (min-width: 900px){
+typo3-backend-security-csp-reports .infolist{display:grid;grid-template:"header header" "content info";grid-template-columns:auto 400px}
+typo3-backend-security-csp-reports .infolist-header{grid-area:header}
+typo3-backend-security-csp-reports .infolist-content{grid-area:content}
+typo3-backend-security-csp-reports .infolist-info{display:block;grid-area:info}
+typo3-backend-security-csp-reports .infolist-info-norecord,typo3-backend-security-csp-reports .infolist-info-record{position:-webkit-sticky;position:sticky;top:calc(var(--module-docheader-height) + var(--typo3-spacing))}}
+typo3-backend-security-sudo-mode,typo3-backend-security-sudo-mode #sudo-mode-verification{display:block}
+typo3-backend-table-wizard{display:inline-block}
+typo3-formengine-container-inline>:has(+input[type=hidden]:last-child),typo3-formengine-container-inline>:last-child{margin-bottom:0}
+typo3-formengine-element-datetime{display:block;anchor-name:--typo3-formengine-element-datetime;anchor-scope:--typo3-formengine-element-datetime}
+typo3-formengine-element-datetime .flatpickr-calendar:not([popover]:popover-open){display:none}
+typo3-formengine-element-datetime .flatpickr-calendar[popover]:popover-open{display:block;inset:auto;margin:var(--typo3-dropdown-anchor-offset) 0;min-width:var(--flatpickr-width);position:fixed;width:auto!important;position-anchor:--typo3-formengine-element-datetime;position-area:block-end span-inline-end;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline;overflow:unset}
+typo3-formengine-element-datetime .flatpickr-calendar[popover]:popover-open .flatpickr-weeks{flex-direction:column}
+typo3-formengine-element-datetime .flatpickr-calendar[popover]:popover-open .flatpickr-days{width:auto!important}
+typo3-formengine-element-link .form-control-explanation:not([hidden])~.form-control-clearable-wrapper{display:none}
+#alert-container{--typo3-alert-container-color:var(--typo3-text-color-base);--typo3-alert-container-bg:var(--typo3-surface-container-high);--typo3-alert-contanier-border-radius:var(--typo3-component-border-radius);--typo3-alert-container-padding:.5rem;--typo3-alert-container-border-color:color-mix(in srgb,var(--typo3-alert-container-bg),var(--typo3-alert-container-color) var(--typo3-border-mix));--typo3-alert-container-shadow:var(--typo3-component-box-shadow-dialog);--typo3-alert-container-offset:calc(var(--typo3-spacing)*1.5);--typo3-alert-container-bar-shadow:var(--typo3-component-box-shadow-strong);background-color:var(--typo3-alert-container-bg);border:1px solid var(--typo3-alert-container-border-color);border-radius:var(--typo3-alert-contanier-border-radius);bottom:var(--typo3-alert-container-offset);box-shadow:var(--typo3-alert-container-shadow);color:var(--typo3-alert-container-color);max-width:calc(100% - var(--typo3-alert-container-offset)*2);overflow:hidden;position:fixed;width:400px;z-index:10000}
+@media (max-width:767px){
+#alert-container{inset-inline-start:50%;transform:translateX(-50%)}}
+@media (min-width:768px){
+#alert-container{inset-inline-end:calc(var(--typo3-spacing)*1.5)}}
+#alert-container .alert-list{display:grid;gap:var(--typo3-alert-container-padding);grid-template-columns:1fr;max-height:50dvh;outline-offset:-2px;overflow-y:auto;padding:var(--typo3-alert-container-padding)}
+#alert-container .alert-list:focus-visible{outline:2px solid color-mix(in srgb,var(--typo3-alert-container-border-color),currentColor 25%)}
+#alert-container typo3-notification-clear-all{box-shadow:var(--typo3-alert-container-bar-shadow);display:block;padding:var(--typo3-alert-container-padding);position:relative;text-align:right;z-index:1}
+typo3-notification-message{display:block}
+typo3-notification-message .alert{--typo3-alert-margin-bottom:0}
+.ck{--typo3-rte-base-fg:var(--typo3-surface-container-high);--typo3-rte-base-bg:var(--typo3-surface-container-lowest);--typo3-rte-base-text:var(--typo3-component-color);--typo3-rte-base-border-color:var(--typo3-component-border-color);--typo3-rte-accessibility-help-dialog-border-color:light-dark(var(--token-color-neutral-10),var(--token-color-neutral-85));--typo3-rte-accessibility-help-dialog-code-background-color:light-dark(var(--token-color-neutral-7),var(--token-color-neutral-90));--typo3-rte-accessibility-help-dialog-kbd-shadow-color:light-dark(var(--token-color-neutral-5),var(--token-color-neutral-95));--typo3-rte-default-button-hover-bg:var(--typo3-component-hover-bg);--typo3-rte-default-button-focus-bg:var(--typo3-component-focus-bg);--typo3-rte-default-button-active-bg:var(--typo3-component-active-bg);--typo3-rte-split-button-hover-bg:color-mix(in srgb,var(--typo3-rte-default-button-hover-bg),var(--typo3-rte-base-bg));--typo3-rte-split-button-hover-border-color:var(--typo3-component-hover-border-color);--typo3-rte-on-button-color:var(--typo3-state-default-color);--typo3-rte-on-button-bg:var(--typo3-state-default-bg);--typo3-rte-on-button-hover-bg:var(--typo3-state-default-hover-bg);--typo3-rte-on-button-focus-bg:var(--typo3-state-default-focus-bg);--typo3-rte-on-button-active-bg:var(--typo3-state-default-focus-bg);--typo3-rte-on-button-disabled-bg:var(--typo3-state-default-disabled-bg);--typo3-rte-fullscreen-padding-x:var(--ck-spacing-small);--typo3-rte-fullscreen-padding-y:1.5rem;--typo3-rte-powered-by-text-color:var(--typo3-rte-base-text);--typo3-rte-powered-by-background:transparent;--typo3-rte-powered-by-border-color:transparent;--ck-accessibility-help-dialog-border-color:var(--typo3-rte-accessibility-help-dialog-border-color);--ck-accessibility-help-dialog-code-background-color:var(--typo3-rte-accessibility-help-dialog-code-background-color);--ck-accessibility-help-dialog-kbd-shadow-color:var(--typo3-rte-accessibility-help-dialog-kbd-shadow-color);--ck-color-base-foreground:var(--typo3-rte-base-fg);--ck-color-base-background:var(--typo3-rte-base-bg);--ck-color-base-border:var(--typo3-rte-base-border-color);--ck-color-toolbar-background:var(--typo3-rte-base-bg);--ck-color-toolbar-border:var(--typo3-rte-base-border-color);--ck-color-toolbar-text:var(--typo3-rte-base-text);--ck-color-button-default-hover-background:var(--typo3-rte-default-button-hover-bg);--ck-color-button-default-focus-background:var(--typo3-rte-default-button-focus-bg);--ck-color-button-default-active-background:var(--typo3-rte-default-button-focus-bg);--ck-color-split-button-hover-background:var(--typo3-rte-split-button-hover-bg);--ck-color-split-button-hover-border:var(--typo3-rte-split-button-hover-border-color);--ck-color-button-on-color:var(--typo3-rte-on-button-color);--ck-color-button-on-background:var(--typo3-rte-on-button-bg);--ck-color-button-on-disabled-background:var(--typo3-rte-on-button-disabled-bg);--ck-color-button-on-hover-background:var(--typo3-rte-on-button-hover-bg);--ck-color-button-on-focus-background:var(--typo3-rte-on-button-focus-bg);--ck-color-button-on-active-background:var(--typo3-rte-on-button-active-bg);--ck-color-dropdown-panel-background:var(--typo3-rte-base-bg);--ck-color-dropdown-panel-border:var(--typo3-rte-base-border-color);--ck-color-panel-background:var(--typo3-rte-base-bg);--ck-color-panel-border:var(--typo3-rte-base-border-color);--ck-color-dialog-background:var(--typo3-rte-base-bg);--ck-color-dialog-form-header-border:var(--typo3-rte-base-border-color);--ck-color-labeled-field-label-background:var(--typo3-rte-base-bg);--ck-color-list-background:var(--typo3-rte-base-bg);--ck-color-list-button-hover-background:var(--typo3-rte-default-button-hover-bg);--ck-color-list-button-focus-background:var(--typo3-rte-default-button-focus-bg);--ck-color-list-button-active-background:var(--typo3-rte-default-button-active-bg);--ck-color-input-background:var(--typo3-rte-base-bg);--ck-color-input-border:var(--typo3-rte-base-border-color);--ck-color-text:var(--typo3-rte-base-text);--ck-focus-outer-shadow:var(--ck-focus-outer-shadow-geometry) color-mix(in srgb,var(--typo3-input-focus-border-color),transparent 25%);--ck-powered-by-text-color:var(--typo3-rte-powered-by-text-color);--ck-powered-by-background:var(--typo3-rte-powered-by-background);--ck-powered-by-border-color:var(--typo3-rte-powered-by-border-color);--ck-style-panel-button-label-background:var(--typo3-rte-on-button-bg);--ck-style-panel-button-hover-label-background:var(--typo3-rte-default-button-hover-bg);--ck-style-panel-button-hover-border-color:color-mix(in srgb,var(--ck-style-panel-button-hover-label-background),currentColor 25%)}
+.ck.ck-toolbar>.ck-toolbar__items>.ck-link-toolbar__preview{max-width:80vw;overflow:hidden;padding:0 var(--ck-spacing-medium);text-overflow:ellipsis;white-space:nowrap}
+.ck.ck-fullscreen__main-wrapper .ck-fullscreen__menu-bar .ck-menu-bar,.ck.ck-fullscreen__main-wrapper .ck-fullscreen__toolbar .ck-toolbar{padding:var(--typo3-rte-fullscreen-padding-x) var(--typo3-rte-fullscreen-padding-y)}
+.ck.ck-fullscreen__main-wrapper .ck-fullscreen__editable .ck.ck-editor__editable:not(.ck-editor__nested-editable){background:var(--typo3-rte-base-bg);box-shadow:var(--typo3-component-box-shadow)}
+.ck.ck-powered-by .ck-icon path{fill:var(--ck-powered-by-text-color)}
+typo3-rte-ckeditor-ckeditor5>textarea[slot=textarea]{display:none!important}
+typo3-rte-ckeditor-ckeditor5 .ck.ck-style-panel .ck-style-grid .ck-style-grid__button.ck-disabled{display:none}
+.t3js-formengine-placeholder-placeholder typo3-rte-ckeditor-ckeditor5{opacity:.5}
+.t3js-formengine-placeholder-placeholder typo3-rte-ckeditor-ckeditor5 .ck.ck-editor__top{display:none}
+typo3-backend-color-picker .form-control{-webkit-padding-start:calc(1.25rem + var(--typo3-input-sm-padding-x)*2);padding-inline-start:calc(1.25rem + var(--typo3-input-sm-padding-x)*2)}
+typo3-backend-combobox{display:block;width:100%;--typo3-form-combobox-padding-x:var(--typo3-input-padding-x);--typo3-form-combobox-icon-size:16px;--typo3-form-combobox-listbox-zindex:var(--typo3-zindex-dropdown);--typo3-form-combobox-listbox-min-width:10rem;--typo3-form-combobox-listbox-padding:2px;--typo3-form-combobox-listbox-font-size:var(--typo3-component-font-size);--typo3-form-combobox-listbox-line-height:var(--typo3-component-line-height);--typo3-form-combobox-listbox-color:var(--typo3-component-color);--typo3-form-combobox-listbox-bg:var(--typo3-component-bg);--typo3-form-combobox-listbox-border-color:var(--typo3-component-border-color);--typo3-form-combobox-listbox-border-radius:var(--typo3-component-border-radius);--typo3-form-combobox-listbox-border-width:var(--typo3-component-border-width);--typo3-form-combobox-listbox-box-shadow:var(--typo3-component-box-shadow);--typo3-form-combobox-option-indicator:var(--typo3-text-color-primary);--typo3-form-combobox-option-color:var(--typo3-component-color);--typo3-form-combobox-option-hover-color:var(--typo3-list-item-hover-color);--typo3-form-combobox-option-hover-bg:var(--typo3-list-item-hover-bg);--typo3-form-combobox-option-focus-color:var(--typo3-list-item-focus-color);--typo3-form-combobox-option-focus-bg:var(--typo3-list-item-focus-bg);--typo3-form-combobox-option-disabled-color:var(--typo3-list-item-disabled-color);--typo3-form-combobox-option-disabled-bg:transparent;--typo3-form-combobox-option-padding-x:var(--typo3-list-item-padding-x);--typo3-form-combobox-option-padding-y:var(--typo3-list-item-padding-y)}
+typo3-backend-combobox typo3-backend-combobox-choice:not([slot=choices]){display:none}
+typo3-backend-combobox[data-has-value]{--typo3-form-combobox-controls-width:calc(var(--typo3-form-combobox-icon-size)*2 + var(--typo3-form-combobox-padding-x)*2 + 0.5rem)}
+typo3-backend-combobox:not([data-has-value]){--typo3-form-combobox-controls-width:calc(var(--typo3-form-combobox-icon-size) + var(--typo3-form-combobox-padding-x)*2)}
+typo3-backend-combobox .form-control{-webkit-padding-end:var(--typo3-form-combobox-controls-width,calc(var(--typo3-form-combobox-icon-size) + var(--typo3-form-combobox-padding-x)*2));padding-inline-end:var(--typo3-form-combobox-controls-width,calc(var(--typo3-form-combobox-icon-size) + var(--typo3-form-combobox-padding-x)*2))}
+typo3-backend-combobox input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}
+typo3-backend-combobox input[type=number]::-webkit-inner-spin-button,typo3-backend-combobox input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
+typo3-backend-combobox::part(indicator){opacity:.6}
+typo3-backend-combobox::part(listbox){background-color:var(--typo3-form-combobox-listbox-bg);border:var(--typo3-form-combobox-listbox-border-width) solid var(--typo3-form-combobox-listbox-border-color);border-radius:var(--typo3-form-combobox-listbox-border-radius);box-shadow:var(--typo3-form-combobox-listbox-box-shadow);color:var(--typo3-form-combobox-listbox-color);font-size:var(--typo3-form-combobox-listbox-font-size);line-height:var(--typo3-form-combobox-listbox-line-height);margin:0;max-height:200px;min-width:var(--typo3-form-combobox-listbox-min-width);overflow-y:auto;padding:var(--typo3-form-combobox-listbox-padding);z-index:var(--typo3-form-combobox-listbox-zindex)}
+typo3-backend-combobox-choice{background-color:transparent;border-radius:calc(var(--typo3-form-combobox-listbox-border-radius) - var(--typo3-form-combobox-listbox-padding));color:var(--typo3-form-combobox-option-color);cursor:pointer;padding:var(--typo3-form-combobox-option-padding-y) var(--typo3-form-combobox-option-padding-x)}
+typo3-backend-combobox-choice+typo3-backend-combobox-choice{margin-top:1px}
+typo3-backend-combobox-choice:hover{background-color:var(--typo3-form-combobox-option-hover-bg);color:var(--typo3-form-combobox-option-hover-color)}
+typo3-backend-combobox-choice[disabled]{background-color:var(--typo3-form-combobox-option-disabled-bg);color:var(--typo3-form-combobox-option-disabled-color);cursor:not-allowed;pointer-events:none}
+typo3-backend-combobox-choice[aria-selected=true]{background-color:var(--typo3-form-combobox-option-focus-bg);color:var(--typo3-form-combobox-option-focus-color)}
+typo3-backend-combobox-choice::part(icon){-webkit-margin-end:.5rem;flex-shrink:0;margin-inline-end:.5rem}
+typo3-backend-combobox-choice::part(content){flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+typo3-backend-combobox-choice::part(indicator){color:var(--typo3-form-combobox-option-indicator);-webkit-margin-end:.25rem;margin-inline-end:.25rem;min-width:var(--typo3-form-combobox-icon-size)}
+typo3-backend-content-navigation{--content-navigation-divider-color:color-mix(in srgb,var(--typo3-surface-container-lowest),var(--typo3-text-color-base) 10%);--content-navigation-divider-color-active:var(--typo3-state-primary-border-color);--content-navigation-flyout-box-shadow:var(--typo3-component-box-shadow-flyout)}
+typo3-backend-content-navigation [slot=content] typo3-backend-progress-bar{--progress-border-radius:0;left:0;position:absolute;right:0;top:0;z-index:10}
+typo3-qrcode{--typo3-qrcode-url-success-bg:var(--token-color-success-15);--typo3-qrcode-url-success-box-shadow:var(--token-color-success-30);--typo3-qrcode-url-error-bg:var(--token-color-danger-15);--typo3-qrcode-url-error-box-shadow:var(--token-color-danger-30);display:inline-block}
+typo3-qrcode .preview{margin-bottom:var(--typo3-spacing);text-align:center}
+typo3-qrcode .url-info-section.copy-success input{background:var(--typo3-qrcode-url-success-bg)}
+typo3-qrcode .url-info-section.copy-success .btn,typo3-qrcode .url-info-section.copy-success input{box-shadow:0 0 0 .1rem var(--typo3-qrcode-url-success-box-shadow)}
+typo3-qrcode .url-info-section.copy-error input{background:var(--typo3-qrcode-url-error-bg)}
+typo3-qrcode .url-info-section.copy-error .btn,typo3-qrcode .url-info-section.copy-error input{box-shadow:0 0 0 .1rem var(--typo3-qrcode-url-error-box-shadow)}
+typo3-backend-workspace-selector{--workspace-selector-min-width:42px;--workspace-selector-min-height:42px;--workspace-selector-padding:4px;--workspace-selector-icon-size:32px;--workspace-selector-icon-border-radius:calc(var(--workspace-selector-border-radius) - var(--workspace-selector-padding));--workspace-selector-bg:var(--typo3-scaffold-sidebar-bg);--workspace-selector-color:var(--typo3-scaffold-sidebar-color);--workspace-selector-transition-color:var(--typo3-transition-color);--workspace-selector-border-radius:var(--typo3-component-border-radius);--workspace-selector-border-color:color-mix(in srgb,var(--workspace-selector-bg),var(--workspace-selector-color) 20%);--workspace-selector-hover-color:var(--workspace-selector-color);--workspace-selector-hover-bg:color-mix(in srgb,var(--workspace-selector-bg),var(--workspace-selector-color) 10%);--workspace-selector-hover-border-color:color-mix(in srgb,var(--workspace-selector-bg),var(--workspace-selector-color) 30%);--workspace-selector-focus-color:var(--workspace-selector-color);--workspace-selector-focus-bg:color-mix(in srgb,var(--workspace-selector-bg),var(--workspace-selector-color) 15%);--workspace-selector-focus-border-color:color-mix(in srgb,var(--workspace-selector-bg),var(--workspace-selector-color) 35%);container-type:inline-size;display:block;min-height:var(--workspace-selector-min-width);min-width:var(--workspace-selector-min-width);position:relative}
+typo3-backend-workspace-selector>.dropdown{anchor-scope:--workspace-selector}
+typo3-backend-workspace-selector .workspace-selector{--typo3-icons-accent:currentColor;align-items:center;background-color:var(--workspace-selector-active-bg,var(--workspace-selector-bg));border:1px solid var(--workspace-selector-active-border-color,var(--workspace-selector-border-color));border-radius:var(--workspace-selector-border-radius);color:var(--workspace-selector-active-color,var(--workspace-selector-color));display:flex;justify-content:center;min-height:var(--workspace-selector-min-width);min-width:var(--workspace-selector-min-width);outline:none;overflow:hidden;padding:var(--workspace-selector-padding);pointer-events:none;text-align:start;transition:background-color .2s ease-in-out,color .2s ease-in-out,border-color .2s ease-in-out;width:100%;anchor-name:--workspace-selector}
+typo3-backend-workspace-selector .workspace-selector:after{display:none}
+@container (min-width: 60px){
+typo3-backend-workspace-selector .workspace-selector{justify-content:flex-start}}
+typo3-backend-workspace-selector .workspace-selector:not([disabled]){cursor:pointer;pointer-events:auto}
+typo3-backend-workspace-selector .workspace-selector:not([disabled]):focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) var(--workspace-selector-active-focus-border-color,var(--workspace-selector-focus-border-color))}
+typo3-backend-workspace-selector .workspace-selector:not([disabled]):hover{background-color:var(--workspace-selector-active-hover-bg,var(--workspace-selector-hover-bg));border-color:var(--workspace-selector-active-hover-border-color,var(--workspace-selector-hover-border-color))}
+typo3-backend-workspace-selector .workspace-selector-icon{align-items:center;border-radius:var(--workspace-selector-icon-border-radius);display:flex;flex-shrink:0;height:var(--workspace-selector-icon-size);justify-content:center;overflow:hidden;position:relative;width:var(--workspace-selector-icon-size)}
+typo3-backend-workspace-selector .workspace-selector-name{flex-grow:1;-webkit-margin-start:.5rem;height:1px;margin-inline-start:.5rem;overflow:hidden;padding:0;position:absolute;text-overflow:ellipsis;width:1px;clip:rect(0,0,0,0);white-space:nowrap}
+@container (min-width: 60px){
+typo3-backend-workspace-selector .workspace-selector-name{height:auto;position:static;width:auto}}
+typo3-backend-workspace-selector .workspace-selector-indicator{align-items:center;display:none;height:16px;justify-content:center;width:16px;-webkit-margin-start:auto;flex-shrink:0;margin-inline-start:auto;margin:8px;transition:transform .2s ease-in-out}
+@container (min-width: 60px){
+typo3-backend-workspace-selector .workspace-selector-indicator{display:flex}}
+typo3-backend-workspace-selector .dropdown-menu{--typo3-dropdown-bg:var(--workspace-selector-bg);--typo3-dropdown-color:var(--workspace-selector-color);--typo3-dropdown-border-color:var(--workspace-selector-border-color);--typo3-dropdown-item-color:var(--workspace-selector-color);--typo3-dropdown-item-hover-color:var(--workspace-selector-hover-color);--typo3-dropdown-item-hover-bg:var(--workspace-selector-hover-bg);--typo3-dropdown-item-hover-border-color:var(--workspace-selector-hover-border-color);--typo3-dropdown-item-focus-color:var(--workspace-selector-focus-color);--typo3-dropdown-item-focus-bg:var(--workspace-selector-focus-bg);--typo3-dropdown-item-focus-border-color:var(--workspace-selector-focus-border-color);--typo3-dropdown-item-active-color:var(--workspace-selector-focus-color);--typo3-dropdown-item-active-bg:var(--workspace-selector-focus-bg);--typo3-dropdown-item-active-border-color:var(--workspace-selector-focus-border-color);position-anchor:--workspace-selector;max-width:400px;min-width:205px;width:anchor-size(width)}
+typo3-backend-workspace-selector .dropdown-list>li:is(:first-child) .dropdown-item{border-end-end-radius:0;border-end-start-radius:0}
+typo3-backend-workspace-selector .dropdown-list>li:is(:last-child) .dropdown-item{border-start-end-radius:0;border-start-start-radius:0}
+typo3-backend-workspace-selector .dropdown-list>li:not(:first-child,:last-child) .dropdown-item{border-radius:0}
+typo3-backend-workspace-selector .dropdown-item{-webkit-border-start:.5rem solid var(--workspace-selector-border-color);border-inline-start:.5rem solid var(--workspace-selector-border-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+typo3-backend-workspace-selector .dropdown-item.active{pointer-events:none}
+typo3-backend-workspace-selector .workspace-selector-loading{align-items:center;display:flex;justify-content:center;min-height:36px}
+.short-url-input-group{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content}
+.short-url-input-group typo3-backend-combobox{flex:0 0 320px}
+.short-url-input-group typo3-backend-combobox input{border-bottom-right-radius:0;border-top-right-radius:0}
+.short-url-input-group>input[type=text]{border-left:0;border-radius:0;flex:0 0 150px}
+.short-url-input-group>input[type=text]:focus{z-index:2}
+.short-url-input-group .form-wizards-items-aside,.short-url-input-group .form-wizards-items-top{flex:0 0 auto}
+.short-url-input-group .form-wizards-items-aside .btn,.short-url-input-group .form-wizards-items-aside .btn-group,.short-url-input-group .form-wizards-items-top .btn,.short-url-input-group .form-wizards-items-top .btn-group{border-bottom-left-radius:0;border-top-left-radius:0}
+.collapse-horizontal{height:auto;overflow:hidden;vertical-align:middle;width:0}
+.collapse-horizontal.show{display:inline-block;width:auto}
+.collapse-horizontal.collapsing{display:inline-block;transition-property:width,visibility;width:0}
+.cropper .cropper-line{background-color:transparent}
+.cropper .cropper-face{border:1px dashed var(--typo3-state-primary-bg)}
+.cropper .cropper-dashed{border-color:var(--typo3-state-primary-bg)}
+.cropper .cropper-point{background-color:var(--typo3-state-primary-bg)}
+.cropper .cropper-point.point-nw{left:0;top:0}
+.cropper .cropper-point.point-w{left:0}
+.cropper .cropper-point.point-sw{bottom:0;left:0}
+.cropper .cropper-point.point-ne{right:0;top:0}
+.cropper .cropper-point.point-e{right:0}
+.cropper .cropper-point.point-se{bottom:0;right:0}
+.cropper .cropper-point.point-se:before{background-color:#fff}
+.cropper .cropper-point.point-n{top:0}
+.cropper .cropper-point.point-s{bottom:0}
+.cropper .cropper-view-box{outline:1px dashed var(--typo3-state-primary-bg)}
+.cropper .cropper-image-container{direction:ltr;display:block;max-height:calc(100dvh - 250px);max-width:1000px;width:100%}
+@media (min-width:992px){
+.cropper .cropper-image-container{max-height:100%}}
+.cropper .ratio-buttons{margin-bottom:10px}
+.cropper .ratio-buttons .btn:not(.active) .icon{display:none}
+.cropper .panel-group{--typo3-panel-border-radius:0;margin:-15px;position:relative}
+.cropper .panel-group .panel{border:0;-webkit-border-start:3px solid var(--typo3-panel-border-color);border-inline-start:3px solid var(--typo3-panel-border-color);margin-bottom:0}
+.cropper .panel-group .panel:has(.panel-heading):not(:has(.collapsed)){border-color:var(--typo3-state-primary-bg)}
+.cropper .panel-group .panel+.panel{margin-top:1px}
+.cropper .cropper-container.cropper-bg{overflow:visible}
+.cropper .cropper-crop-box{overflow:hidden}
+.cropper .cropper-crop-box:after{background-color:var(--typo3-state-primary-bg);color:var(--typo3-state-primary-color);content:"Cropped area";font-size:var(--typo3-font-size-small);inset-inline-start:0;overflow:hidden;padding:.5em .75em;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap}
+.cropper .cropper-line.line-w{left:0}
+.cropper .cropper-line.line-e{right:0}
+.cropper .cropper-line.line-n{top:0}
+.cropper .cropper-line.line-s{bottom:0}
+.cropper .ui-resizable-handle.ui-resizable-e,.cropper .ui-resizable-handle.ui-resizable-n,.cropper .ui-resizable-handle.ui-resizable-s,.cropper .ui-resizable-handle.ui-resizable-w{border-color:transparent;transform:none}
+.cropper .ui-resizable-handle.ui-resizable-e,.cropper .ui-resizable-handle.ui-resizable-w{width:6px}
+.cropper .ui-resizable-handle.ui-resizable-n,.cropper .ui-resizable-handle.ui-resizable-s{height:6px}
+.cropper .ui-resizable-handle.ui-resizable-e{right:0}
+.cropper .ui-resizable-handle.ui-resizable-w{left:0}
+.cropper .ui-resizable-handle.ui-resizable-n{top:0}
+.cropper .ui-resizable-handle.ui-resizable-s{bottom:0}
+.cropper .ui-resizable-handle.ui-resizable-ne,.cropper .ui-resizable-handle.ui-resizable-nw,.cropper .ui-resizable-handle.ui-resizable-se,.cropper .ui-resizable-handle.ui-resizable-sw{background-color:var(--typo3-state-primary-bg);height:6px;transform:none;width:6px}
+.cropper .ui-resizable-handle.ui-resizable-nw{left:0;top:0}
+.cropper .ui-resizable-handle.ui-resizable-ne{right:0;top:0}
+.cropper .ui-resizable-handle.ui-resizable-se{bottom:0;right:0}
+.cropper .ui-resizable-handle.ui-resizable-sw{bottom:0;left:0}
+.cropper .cropper-focus-area{background-color:rgba(215,187,0,.5);cursor:move;height:200px;opacity:1;overflow:hidden;position:absolute;transition:background-color .3s;width:200px;z-index:999999}
+.cropper .cropper-focus-area.has-nodrop,.cropper .cropper-focus-area.has-nodrop:hover{background-color:rgba(211,35,46,.6)!important;transition:background-color .3s}
+.cropper .cropper-focus-area:focus,.cropper .cropper-focus-area:hover{background-color:rgba(215,187,0,.7)}
+.cropper .cropper-focus-area:after{background-color:hsla(0,0%,100%,.95);color:#000;content:"Focus";font-size:10px;height:16px;inset-inline-start:0;max-width:44px;overflow:hidden;padding:0 4px 0 8px;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%}
+.cropper .cropper-cover-area{background:url(../Images/cropper-background-cover-area.svg);cursor:not-allowed;opacity:1;pointer-events:none;position:absolute;z-index:99999}
+.cropper .cropper-cover-area:after{background-color:hsla(0,0%,100%,.95);color:#000;content:"Cover area";font-size:10px;height:16px;inset-inline-start:0;max-width:80px;overflow:hidden;padding:0 4px;pointer-events:none;position:absolute;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%}
+.cropper .cropper-preview-thumbnail{direction:ltr;max-height:100px;max-width:100px;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.cropper .cropper-preview-thumbnail:after{background-color:rgba(0,0,0,.5);bottom:0;content:" ";left:0;position:absolute;right:0;top:0;z-index:9}
+.cropper .cropper-preview-thumbnail.wide{height:auto;width:100px}
+.cropper .cropper-preview-thumbnail.tall{height:80px;width:auto}
+.cropper .cropper-preview-thumbnail-image{inset-inline-start:0;top:0}
+.cropper .wide .cropper-preview-thumbnail-image{height:auto;width:100%}
+.cropper .tall .cropper-preview-thumbnail-image{height:100%;width:auto}
+.cropper .cropper-preview-thumbnail-crop-area{border:1px solid var(--typo3-state-primary-bg);overflow:hidden;position:absolute;z-index:10}
+.cropper .cropper-preview-thumbnail-focus-area{background-color:rgba(215,187,0,.7);position:absolute;z-index:11}
+:root .cropper-preview-thumbnail-crop-image{display:block;height:100%;image-orientation:0deg;max-height:none;max-width:none;min-height:0;min-width:0;width:100%}
+.cropper-preview-container{overflow:hidden;position:relative}
+.cropper-preview-container img{display:block;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;position:absolute;width:100%}
+:root{--page-position-grid-spacing:1rem;--page-position-cell-spacing:1rem;--page-position-target-bg:color-mix(in srgb,var(--module-bg),currentColor 3%);--page-position-meta-bg:color-mix(in srgb,var(--module-bg),transparent 30%);--page-position-target-border-radius:4px}
+.page-position{display:grid;gap:var(--page-position-grid-spacing);grid-template:"page-position-control-top ." "page-position-target page-position-control-right" "page-position-control-bottom ." auto/minmax(auto,1fr)}
+.page-position-control{align-items:center;display:flex;justify-content:center}
+.page-position-control-top{grid-area:page-position-control-top}
+.page-position-control-right{grid-area:page-position-control-right}
+.page-position-control-bottom{grid-area:page-position-control-bottom}
+.page-position .page-position-target{background:var(--page-position-target-bg);border:1px solid var(--page-position-target-bg);border-radius:var(--page-position-target-border-radius);box-shadow:var(--typo3-component-box-shadow-strong);display:flex;flex-direction:column;grid-area:page-position-target;height:100%;min-height:100px;width:100%}
+.page-position .page-position-target-abstract{flex-grow:1;padding:calc(var(--page-position-cell-spacing)/2) var(--page-position-cell-spacing);position:relative}
+.page-position .page-position-target-meta{background-color:var(--page-position-meta-bg);border-end-end-radius:var(--page-position-target-border-radius);border-end-start-radius:var(--page-position-target-border-radius);font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1.2em;padding:calc(var(--page-position-cell-spacing)/2) var(--page-position-cell-spacing)}
+.page-position-map{--page-position-grid-border-radius:5px;--page-position-grid-border-color:color-mix(in srgb,var(--module-bg),currentColor 30%);--page-position-grid-spacing:1rem;--page-position-grid-inner-spacing:1rem;--page-position-grid-cell-border-radius:4px;--page-position-grid-cell-bg:color-mix(in srgb,var(--module-bg),currentColor 3%);--page-position-element-spacing:1rem;--page-position-element-bg:var(--typo3-surface-bright);--page-position-element-border-radius:2px;--page-position-element-warning-bg:var(--typo3-surface-container-warning);--page-position-element-hidden-bg:var(--page-position-grid-cell-bg);background-color:var(--module-bg);border:1px dotted var(--page-position-grid-border-color);border-radius:var(--page-position-grid-border-radius);margin-bottom:var(--typo3-spacing);overflow-x:auto;overflow-y:hidden}
+.page-position-map .page-position-headline,.page-position-map .page-position-info{margin:var(--page-position-grid-spacing) var(--page-position-grid-spacing) 0}
+.page-position-map .page-position-grid{border-collapse:separate;border-spacing:var(--page-position-grid-spacing);min-width:100%;table-layout:fixed}
+.page-position-map .page-position-grid td{background-color:var(--page-position-grid-cell-bg);border-radius:var(--page-position-grid-cell-border-radius);padding:calc(var(--page-position-grid-inner-spacing) - var(--page-position-grid-spacing)) 0;vertical-align:top}
+.page-position-map .page-position-grid .column-title{margin:var(--page-position-element-spacing) var(--page-position-grid-inner-spacing)}
+.page-position-map .page-position-grid ul{list-style:none;padding:0}
+.page-position-map .page-position-grid .page-position-action{text-align:center}
+.page-position-map .page-position-grid .page-position-record{background-color:var(--page-position-element-bg);border:1px solid var(--page-position-element-bg);border-radius:var(--page-position-element-border-radius);box-shadow:var(--typo3-component-box-shadow-strong);margin:var(--page-position-grid-spacing) var(--page-position-grid-inner-spacing);overflow:hidden;padding:var(--page-position-element-spacing)}
+.typo3-TCEforms{width:100%}
+.sortableHandle{cursor:move!important}
+img.t3-tceforms-sysfile-imagepreview{float:var(--typo3-position-start);-webkit-margin-end:10px;margin-inline-end:10px}
+.typo3-TCEforms span.typo3-TCEforms-newToken{color:#900;font-weight:700}
+.t3-form-original-language{background-color:var(--typo3-state-default-bg);border:var(--typo3-input-border-width) solid var(--typo3-state-default-border-color);border-radius:var(--typo3-input-border-radius);color:var(--typo3-state-default-color);font-size:.625rem;padding:calc(var(--typo3-input-padding-y)/2) var(--typo3-input-padding-x);word-break:break-all}
+.t3-form-original-language-diff{border:1px solid var(--typo3-state-default-border-color);font-size:.625rem;margin-top:4px}
+.t3-form-original-language-diffheader{font-weight:700;padding:2px}
+.t3-form-original-language-diffcontent{padding:2px}
+.t3-form-original-language .icon{-webkit-margin-end:5px;margin-inline-end:5px}
+div.t3-form-field-container:first-child .t3-form-field-label-flex{border-top:0}
+.form-irre-object,.t3-flex-section{opacity:1;transition:opacity .5s}
+.form-irre-object--deleted,.t3-flex-section--deleted{opacity:0!important}
+.t3-form-field-disable{display:none}
+.formengine-field-item.disabled .t3-form-field-disable{background:var(--typo3-form-section-bg);display:block;height:100%;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:10}
+.formengine-field-item.disabled .form-description,.formengine-field-item.disabled .t3-form-field-eval-null-checkbox{position:relative;z-index:20}
+.treeline-icon{display:inline-block;margin-bottom:-.75rem;margin-top:-.75rem;position:relative;-webkit-margin-end:2px;flex-shrink:0;height:54px;margin-inline-end:2px;overflow:hidden;padding:0;vertical-align:middle;white-space:nowrap;width:16px}
+.treeline-icon:after,.treeline-icon:before{content:"";inset-inline-start:50%;position:absolute}
+.treeline-icon:before{height:100%;top:0;width:2px;-webkit-margin-start:-1px;margin-inline-start:-1px;-webkit-border-start:1px solid var(--treelist-border-color);border-inline-start:1px solid var(--treelist-border-color)}
+.treeline-icon:after{border-top:1px solid var(--treelist-border-color);height:2px;margin-top:-1px;top:50%;width:100%}
+.treeline-icon-jointop:before{top:50%}
+.treeline-icon-joinbottom:before{top:-50%}
+.treeline-icon-blank,.treeline-icon-clear:after,.treeline-icon-clear:before,.treeline-icon-line:after{display:none}
+.treeline-container{align-items:center;display:flex;gap:calc(var(--typo3-spacing)*.25)}
+.treeline-label{flex-grow:1;overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}
+span.dragIcon{display:inline-block;height:16px}
+#dragIcon{opacity:.5;position:absolute;visibility:hidden;white-space:nowrap;z-index:20}
+.ui-block{background:rgba(0,0,0,.3);height:100%;left:0;padding-top:200px;position:absolute;text-align:center;top:0;width:100%;z-index:3000}
+.typo3-install-container{margin:0 auto;max-width:620px;padding:4rem 1rem}
+.typo3-install-content{background-color:var(--typo3-component-bg);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:1rem;box-shadow:var(--typo3-component-box-shadow-strong);color:var(--typo3-component-color);overflow:hidden}
+.typo3-install-content>div>:first-child{margin-top:0}
+.typo3-install-content>div>:last-child{margin-bottom:0}
+.typo3-install-content-header{padding:2rem}
+.typo3-install-content-header-logo{margin:0 auto 1rem}
+.typo3-install-content-progress{background-color:color-mix(in srgb,var(--typo3-component-bg),var(--typo3-component-color) 3%);padding:1rem 2rem}
+.typo3-install-content-body,.typo3-install-content-progress{border-top:var(--typo3-component-border-width) solid var(--typo3-component-border-color)}
+.typo3-install-content-body{padding:2rem}
+.typo3-install-content-body>:first-child{margin-top:0}
+.typo3-install-content-body>:last-child{margin-bottom:0}
+.typo3-install-content-spacer{margin-top:2rem}
+.typo3-install-content-spacer-small{margin-top:1rem}
+.extensionConfiguration-form .tab-content{margin-bottom:1rem}
+.t3-install-form-password-toggle[data-toggle-state=invisible] .icon-actions-eye,.t3-install-form-password-toggle[data-toggle-state=visible] .icon-actions-lock{display:none}
+body[data-typo3-login-ready]{overflow-y:auto}
+.typo3-login{--typo3-login-highlight:#f80;--typo3-login-btn-color:#fff;--typo3-login-btn-bg:var(--typo3-login-highlight);--typo3-login-width:320px;--typo3-login-width-large:960px;--typo3-login-color:var(--typo3-text-color-base);--typo3-login-bg:var(--typo3-surface-base);--typo3-login-padding-x:2.5em;--typo3-login-copyright-color:var(--typo3-text-color-variant);background-color:var(--typo3-login-bg);background-position:50%;background-size:cover;color:var(--typo3-login-color);display:flex;flex-direction:row;height:auto!important;width:100%}
+.typo3-login .highlight{color:var(--typo3-login-highlight);fill:var(--typo3-login-highlight)}
+.typo3-login-inner{display:flex;flex-direction:column;margin:0 auto;min-height:100dvh;width:99.999%}
+.typo3-login-container{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;justify-content:center;padding:1.5em;z-index:100}
+.typo3-login-footnote{color:#666;display:block;font-size:.95em;margin-left:auto;margin-right:auto;padding:1em 1.5em;text-align:center}
+@media (min-width:768px){
+.typo3-login-footnote{bottom:1.5em;flex:none;inset-inline-end:0;position:absolute}}
+.typo3-login-footnote p{margin:0}
+.typo3-login-wrap{margin:0 auto;max-width:var(--typo3-login-width);width:100%}
+.typo3-login-wrap.typo3-login-wrap-large{max-width:var(--typo3-login-large)}
+.typo3-login-links{margin-bottom:20px;margin-top:20px;padding-top:inherit}
+.typo3-login-links a{display:flex;gap:.5rem}
+#t3js-login-url{border:0;height:0;overflow:hidden;padding:0;width:0;clip:rect(0,0,0,0);cursor:default}
+.typo3-login-logo img,.typo3-login-logo svg{display:block;height:auto;margin:0 auto;max-width:220px;width:auto}
+.typo3-login-news-heading{font-size:.875rem;line-height:1.3em;margin-top:0}
+.card-login{overflow:visible;--typo3-card-bg:var(--typo3-surface-container-lowest)}
+.card-login .card-heading{padding:2.5em var(--typo3-login-padding-x) 0}
+.card-login .card-body{padding:1.75em var(--typo3-login-padding-x) 2.5em}
+.card-login .card-footer{border-top:3px solid var(--typo3-login-highlight);padding:1.5em var(--typo3-login-padding-x)}
+.card-login a{font-weight:700}
+@media (max-width:767.98px){
+.card-login{margin-bottom:0}}
+.card-login.card-mfa .card-heading .h2,.card-login.card-mfa .card-heading h2{margin:.75rem 0}
+.input-login{--typo3-input-padding-x:12px;--typo3-input-padding-y:12px;--typo3-input-line-height:1.3em}
+.btn-login{--typo3-btn-padding-y:12px;--typo3-btn-padding-x:12px;--typo3-btn-line-height:1.3em;--typo3-btn-color:var(--typo3-login-btn-color);--typo3-btn-bg:var(--typo3-login-btn-bg);--typo3-btn-border-color:hsl(from var(--typo3-login-btn-bg) h s calc(l - 5));--typo3-btn-hover-color:var(--typo3-login-btn-color);--typo3-btn-hover-bg:hsl(from var(--typo3-login-btn-bg) h s calc(l - 3));--typo3-btn-hover-border-color:hsl(from var(--typo3-login-btn-bg) h s calc(l - 8));--typo3-btn-focus-color:var(--typo3-login-btn-color);--typo3-btn-focus-bg:hsl(from var(--typo3-login-btn-bg) h s calc(l - 6));--typo3-btn-focus-border-color:hsl(from var(--typo3-login-btn-bg) h s calc(l - 11));--typo3-btn-disabled-color:var(--typo3-login-btn-color);--typo3-btn-disabled-bg:var(--typo3-login-btn-bg);--typo3-btn-disabled-border-color:hsl(from var(--typo3-login-btn-bg) h s calc(l - 5))}
+.typo3-login-carousel{padding:var(--typo3-login-padding-x)}
+.typo3-login-carousel-control{background-color:var(--typo3-card-bg);height:60px;line-height:60px;margin-top:-30px;opacity:.75;padding:0;position:absolute;text-align:center;top:50%;transition:opacity .2s ease-in-out;width:20px}
+@media (prefers-reduced-motion:reduce){
+.typo3-login-carousel-control{transition:none}}
+.typo3-login-carousel-control:hover{opacity:1}
+.typo3-login-carousel-control.left{border:1px solid var(--typo3-card-border-color);inset-inline-start:-20px;-webkit-border-end:0;border-inline-end:0;border-radius:var(--typo3-card-border-radius) 0 0 var(--typo3-card-border-radius)}
+.typo3-login-carousel-control.right{border:1px solid var(--typo3-card-border-color);inset-inline-end:-20px;-webkit-border-start:0;border-inline-start:0;border-radius:0 var(--typo3-card-border-radius) var(--typo3-card-border-radius) 0}
+.typo3-login-copyright-link{background-color:transparent;border:none;display:flex;font-weight:400!important;justify-content:space-between;padding:0;width:100%}
+.typo3-login-copyright-link:hover{text-decoration:underline}
+.typo3-login-copyright-link>img{float:var(--typo3-position-end);margin-top:-4px}
+.typo3-login-copyright-text{color:var(--typo3-login-copyright-color);font-size:.95em;padding-top:1em}
+.typo3-login-copyright-text .list-unstyled{line-height:2.25}
+.typo3-login-copyright-text>:first-child{margin-top:0}
+.typo3-login-copyright-text>:last-child{margin-bottom:0}
+video{background-color:#000}
+.nowrap{white-space:nowrap}
+.nowrap-disabled{white-space:normal!important}
+.section{margin-bottom:15px}
+.media-gallery__list .media-gallery__item{display:inline-block;float:none;margin-bottom:15px;-webkit-margin-end:-4px;margin-inline-end:-4px;vertical-align:top}
+.media-gallery__list .media-gallery__item .media-object{max-height:158px;overflow:hidden}
+.media-gallery__list .media-gallery__item img.thumbnail{height:auto;margin-bottom:0;max-height:150px;max-width:100%}
+.media-gallery__list .media-gallery__item span.thumbnail{display:inline-block;margin-bottom:0}
+.form-control-holder{position:relative}
+.formengine-field-item{display:block;position:relative}
+textarea.formengine-textarea{resize:none}
+.sticky-form-actions{--typo3-stickyform-bg:var(--typo3-surface-base);--typo3-stickyform-border-width:var(--typo3-component-border-width);--typo3-stickyform-border-color:var(--typo3-component-border-color);--typo3-stickyform-padding-y:1rem;--typo3-stickyform-padding-x:1rem;--typo3-stickyform-spacing:1rem;background:var(--typo3-stickyform-bg);border-bottom:var(--typo3-stickyform-border-width) solid var(--typo3-stickyform-border-color);display:flex;gap:var(--typo3-stickyform-spacing);margin-inline:calc(var(--typo3-stickyform-padding-x)*-1);margin-bottom:var(--typo3-stickyform-spacing);padding:var(--typo3-stickyform-padding-y) var(--typo3-stickyform-padding-x);position:-webkit-sticky;position:sticky;top:0;z-index:2}
+.modal-body:has(.sticky-form-actions){padding-top:0}
+.multi-record-selection-actions-wrapper{margin:.5rem 0;min-height:calc(var(--typo3-input-sm-padding-y)*2 + var(--typo3-input-border-width)*2 + var(--typo3-input-font-size)*var(--typo3-input-line-height))}
+.contextual-record-edit{--contextual-record-edit-bg:var(--typo3-surface-base);--contextual-record-edit-border-color:color-mix(in srgb,var(--contextual-record-edit-bg),var(--typo3-text-color-base) 15%);--contextual-record-edit-success-color:var(--typo3-state-success-color);--contextual-record-edit-success-bg:var(--typo3-state-success-bg)}
+.contextual-record-edit-header{align-items:center;background:var(--contextual-record-edit-bg);border-bottom:1px solid var(--contextual-record-edit-border-color);display:flex;gap:.75rem;overflow:hidden;padding:.5rem 1rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}
+.contextual-record-edit-title-group{align-items:center;display:flex;flex:1;gap:.25rem;min-width:0}
+.contextual-record-edit-title{font-size:.875rem;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.contextual-record-edit-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}
+@media (max-width:500px){
+.contextual-record-edit-button-label{display:none}}
+.contextual-record-edit-saved-indicator{background-color:var(--contextual-record-edit-success-bg);border-radius:.25rem;color:var(--contextual-record-edit-success-color);font-size:.75rem;opacity:1;padding:.125rem .5rem;transition:opacity .5s ease}
+.contextual-record-edit-body{padding:1rem}
+.localization-wizard .option{margin-bottom:.25rem}
+.localization-fieldset{display:grid;gap:calc(var(--typo3-spacing)/4)}
+.localization-fieldset+.localization-fieldset{margin-top:var(--typo3-spacing)}
+pre.ts-hl{font-family:Lucida Console,Lucida Sans Typewriter,Bitsream Vera Sans Mono,monospace}
+pre.ts-hl .ts-operator{color:#000;font-weight:700}
+pre.ts-hl .ts-value{color:#c00}
+pre.ts-hl .ts-objstr{color:#00c}
+pre.ts-hl .ts-value_copy{color:#060}
+pre.ts-hl .ts-default,pre.ts-hl .ts-ignored,pre.ts-hl .ts-value_unset{background-color:#6c6}
+pre.ts-hl .ts-comment{color:#666;font-style:italic}
+pre.ts-hl .ts-condition{background-color:maroon;color:#fff;font-weight:700}
+pre.ts-hl .ts-error{background-color:#ff0;border:1px dashed red;color:#000;font-weight:700}
+pre.ts-hl .ts-linenum{background-color:#eee;color:#212424}
+.about-module a:not([class]){color:var(--typo3-component-link-color)}
+.about-module a:not([class]):hover{color:var(--typo3-component-link-hover-color)}
+td.permission-column-list{white-space:nowrap;width:106px}
+td.permission-column-group{-webkit-padding-start:0;padding-inline-start:0;white-space:nowrap;width:200px}
+td.permission-column-group .input-group{flex-wrap:nowrap}
+td.permission-column-group .input-group select{min-width:100px}
+.access-legend{--typo3-access-legend-guide-color:var(--typo3-text-color-base);--typo3-access-legend-number-border-color:var(--typo3-text-color-base);margin-bottom:18px}
+.access-legend .number{border:1px solid var(--typo3-access-legend-number-border-color);border-radius:2px;display:inline-block;font-weight:700;height:16px;line-height:14px;margin-inline:10px 5px;text-align:center;width:16px}
+.access-legend .edge span{background:var(--typo3-access-legend-guide-color);display:block;height:10px;margin-top:8px;width:1px;-webkit-margin-start:6px;margin-inline-start:6px}
+.access-legend .edge span span{height:1px;width:10px;-webkit-margin-start:1px;margin-inline-start:1px}
+.access-legend .hr span{height:1px;margin-top:-1px;width:20px;-webkit-margin-start:-4px;margin-inline-start:-4px}
+.access-legend .hr span,.access-legend .t3-vr span{background:var(--typo3-access-legend-guide-color);display:block}
+.access-legend .t3-vr span{height:20px;margin-top:-2px;width:1px;-webkit-margin-start:6px;margin-inline-start:6px}
+@media (min-width:992px){
+.beuser-comparison-table{table-layout:fixed}
+.beuser-comparison-table td,.beuser-comparison-table th{-moz-column-width:auto;column-width:auto}}
+.beuser-comparison-table th[scope=row]{white-space:wrap}
+.beuser-comparison-element{align-items:flex-start;display:flex;gap:var(--typo3-spacing)}
+.beuser-comparison-element__title{flex-grow:1;padding-top:calc(var(--typo3-input-border-width) + var(--typo3-input-sm-padding-y));white-space:wrap;word-break:break-word}
+.beuser-online-table tbody:nth-of-type(odd)>tr>*{--bs-table-bg-type:var(--bs-table-striped-bg);--bs-table-color-type:var(--bs-table-striped-color)}
+.beuser-online-table tbody tr:hover td,.beuser-online-table tbody:hover td[rowspan]{--bs-table-bg-type:var(--bs-table-hover-bg);--bs-table-color-type:var(--bs-table-hover-color)}
+.beuser-online-table .beuser-online-table_row td:first-child{-webkit-padding-start:.5rem;padding-inline-start:.5rem}
+.beuser-online-table td.col-datetime span{margin-left:.5rem}
+.extensionmanager-is-loading{opacity:0!important}
+.extensionmanager-is-hidden{display:none!important}
+.extensionmanager-is-shown{display:block!important}
+.extension-list-last-updated{font-weight:700;-webkit-padding-end:.4em;cursor:help;padding-inline-end:.4em}
+.extension-list th:first-child,.extension-list th:nth-child(2){width:4%}
+.extension-list th:nth-child(3),.extension-list th:nth-child(4){width:30%}
+.extension-list th:nth-child(5),.extension-list th:nth-child(6),.extension-list th:nth-child(7){width:7%}
+.extension-list th:nth-child(8){width:11%}
+.extension-list-terTable th:first-child,.extension-list-terTable th:nth-child(2){width:4%}
+.extension-list-terTable th:nth-child(3),.extension-list-terTable th:nth-child(6){width:30%}
+.extension-list-terTable th:nth-child(4),.extension-list-terTable th:nth-child(5),.extension-list-terTable th:nth-child(7){width:7%}
+.extension-list-terTable th:nth-child(8){width:11%}
+.extension-icon{height:32px;width:32px;-webkit-margin-end:1em;border-radius:4px;margin-inline-end:1em}
+#terTableWrapper{margin-top:1em;position:relative}
+#terTableWrapper .splash-receivedata{display:none;left:0;position:absolute;right:0;text-align:center;top:50px}
+.distribution-official-badge{bottom:0;inset-inline-end:.75em;position:absolute;transform:translateY(25%)}
+.distribution-official-badge img{display:block;width:50px}
+@media (min-width:768px){
+.distribution-official-badge img{width:64px}}
+.distribution-image{display:block;max-height:225px;overflow:hidden}
+.distribution-detail-previewpane{margin-bottom:2em;max-width:100%}
+@media (min-width:768px){
+.distribution-detail-previewpane{float:var(--typo3-position-start);-webkit-margin-end:3em;margin-inline-end:3em}}
+.distribution-detail-body{overflow:hidden;zoom:1}
+.distribution-detail-header{margin-bottom:2.5em}
+.distribution-detail-header .h1,.distribution-detail-header h1,.distribution-detail-header typo3-backend-editable-page-title{margin-bottom:.5em}
+.distribution-detail-header p{margin-bottom:1.25em;max-width:500px;padding:0}
+.distribution-detail-actions{list-style:none;padding:0}
+.distribution-detail-actions li{margin:.25em 0}
+.t3-filelist-info-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:-2rem;min-height:300px}
+.file-replace-dialog{flex-direction:column}
+.file-replace-dialog,.file-replace-dialog-summary{display:flex;gap:var(--typo3-spacing)}
+.file-replace-dialog-summary-thumbnail{flex-shrink:1}
+.file-replace-dialog-summary-info{flex-grow:1}
+.help-view img{margin:1em 0}
+.help-copyright{border-top:1px solid rgba(0,0,0,.15);margin-top:1em;padding-top:1em}
+.help-teaser{cursor:help!important}
+.help-has-link{cursor:pointer!important}
+#PageInformationControllerTable a[data-contextmenu-trigger]{-webkit-margin-end:4px;margin-inline-end:4px}
+.install-tool-modal .panel-rst .panel-collapse,.install-tool-modal .panel-version .panel-collapse{overflow:auto;position:relative}
+.install-tool-modal .panel-rst .panel-heading,.install-tool-modal .panel-version .panel-heading{position:relative}
+.install-tool-modal .panel-rst .panel-heading strong,.install-tool-modal .panel-version .panel-heading strong{line-height:1.5em}
+.install-tool-modal .panel-rst .rst-tags,.install-tool-modal .panel-version .rst-tags{display:flex;gap:.5rem;inset-inline-end:var(--typo3-panel-padding-x);position:absolute;top:calc(var(--typo3-panel-padding-y)/2)}
+.install-tool-modal .panel-rst .rst-tags~.panel-body,.install-tool-modal .panel-version .rst-tags~.panel-body{padding-top:calc(var(--typo3-panel-padding-y)*2)}
+.install-tool-modal .panel-rst .rst-links,.install-tool-modal .panel-version .rst-links{bottom:calc(var(--typo3-panel-padding-y)/2);display:flex;gap:.5rem;inset-inline-end:var(--typo3-panel-padding-x);position:absolute}
+.install-tool-modal .panel-rst .rst-links~.panel-body,.install-tool-modal .panel-version .rst-links~.panel-body{padding-bottom:calc(var(--typo3-panel-padding-y)*2)}
+.install-tool-modal .list-group-item a{display:block}
+.install-tool-modal .list-group-item.active a{color:#fff}
+.install-tool-modal .table .t3-languagePacks-inactive,.install-tool-modal .table .t3-languagePacks-inactive td{color:#aaa}
+.install-tool-modal .t3-install-displaytwinimageimages{border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-component-border-radius);margin-bottom:var(--typo3-spacing);padding:var(--typo3-component-padding-y) var(--typo3-component-padding-x)}
+.install-tool-modal .t3-install-displaytwinimagetextarea pre{border-top:0}
+.install-tool-modal .bg-transparent-emulation{background:url(../Images/bg_transparent_emulation.png);padding:10px;text-align:center}
+.install-tool-modal .bg-transparent-emulation img{max-width:300px}
+.install-tool-modal #phpinfo table{table-layout:fixed;width:100%;word-wrap:break-word;margin-bottom:var(--typo3-spacing)}
+.install-tool-modal .upgrade_analysis_item_to_filter pre a{text-decoration:underline}
+.install-tool-modal .upgradeWizards-wizards-output .row-explanation{white-space:pre-wrap}
+.install-tool-modal ul{word-wrap:anywhere}
+.module-action-list{display:grid;gap:.25rem;margin-bottom:var(--typo3-spacing)}
+.module-action-item{align-items:center;background-color:var(--typo3-component-bg);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-component-border-radius);color:var(--typo3-component-color);display:flex;gap:var(--typo3-spacing);padding:var(--typo3-component-padding-y) var(--typo3-component-padding-x)}
+.module-action-item .module-action-item-body{flex-grow:1}
+.module-action-item .module-action-item-title{font-weight:700;margin-bottom:calc(var(--typo3-spacing)/4)}
+.localconf-list{display:flex;flex-direction:column;gap:1rem}
+.localconf-item{border:1px solid var(--typo3-panel-border-color);width:100%}
+.localconf-item.searchhit~.alert{display:none}
+.localconf-item-heading{background-color:var(--typo3-panel-header-bg);padding:.5rem 1rem}
+.localconf-item-body{padding:1rem}
+.localconf-item-body>:first-child{margin-top:0}
+.localconf-item-body>:last-child{margin-bottom:0}
+.configuration-map-container{display:flex;flex-direction:column;gap:calc(var(--typo3-spacing)*.5);margin-bottom:var(--typo3-spacing);margin-top:var(--typo3-spacing)}
+.configuration-map-container .configuration-map-item{align-items:stretch;display:flex;position:relative;width:100%}
+.configuration-map-container .configuration-map-item-collection{display:flex;flex-direction:column;gap:calc(var(--typo3-spacing)*.5)}
+.configuration-map-container .configuration-map-item-header{flex:1 1 0;font-weight:700;margin-bottom:calc(var(--typo3-spacing)*.25)}
+.configuration-map-container .configuration-map-item-header:last-child{flex-basis:calc(var(--typo3-input-padding-x)*2 + var(--icon-size-small))}
+.configuration-map-container .btn-configuration-map-add{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}
+:root{--pagemodule-grid-border-radius:.75em;--pagemodule-grid-border-color:color-mix(in srgb,var(--module-bg),currentColor 30%);--pagemodule-grid-spacing:1rem;--pagemodule-grid-inner-spacing:1rem;--pagemodule-grid-cell-header-size:.875rem;--pagemodule-grid-cell-border-radius:calc(var(--pagemodule-grid-border-radius) - 3px);--pagemodule-grid-cell-bg:var(--typo3-surface-container-base);--pagemodule-grid-cell-restricted-bg:var(--typo3-surface-container-warning);--pagemodule-grid-column-unused-bg:var(--typo3-surface-container-warning);--pagemodule-element-spacing:1rem;--pagemodule-element-bg:var(--typo3-surface-bright);--pagemodule-element-border-radius:.75em;--pagemodule-element-border-color:color-mix(in srgb,var(--pagemodule-element-bg),currentColor 15%);--pagemodule-element-warning-bg:var(--typo3-surface-container-warning);--pagemodule-element-hidden-bg:var(--pagemodule-grid-cell-bg);--pagemodule-action-height:28.5px;--pagemodule-dropzone-bg:var(--typo3-surface-container-warning);--pagemodule-dropzone-possible-bg:var(--typo3-surface-container-success)}
+.t3-grid-table{border-collapse:separate;border-spacing:var(--pagemodule-grid-spacing);min-width:100%;table-layout:fixed}
+.t3-grid-container{border:1px dotted var(--pagemodule-grid-border-color);border-radius:var(--pagemodule-grid-border-radius);margin-bottom:var(--typo3-spacing);overflow-x:auto;overflow-y:hidden}
+.t3-grid-cell{background-color:var(--pagemodule-grid-cell-bg);border-radius:var(--pagemodule-grid-cell-border-radius);padding:calc(var(--pagemodule-grid-inner-spacing) - var(--pagemodule-grid-spacing)) 0}
+.t3-grid-cell-restricted{background-color:var(--pagemodule-grid-cell-restricted-bg)}
+.t3-page-column-unused{background-color:var(--pagemodule-grid-column-unused-bg)}
+.t3-grid-cell-hidden{display:none}
+.t3-grid-cell-unassigned{background-image:repeating-linear-gradient(-45deg,color-mix(in srgb,currentColor,transparent 95%),color-mix(in srgb,currentColor,transparent 95%) 5px,transparent 0,transparent 10px)}
+.t3-page-columns{border:0;min-width:100%}
+.t3-page-column{max-width:300px;min-width:150px}
+.t3-page-column>.callout{margin:var(--pagemodule-grid-inner-spacing)}
+.t3-page-column-header{margin:var(--pagemodule-element-spacing) var(--pagemodule-grid-inner-spacing);-webkit-margin-end:calc(var(--pagemodule-grid-inner-spacing)*2);margin-inline-end:calc(var(--pagemodule-grid-inner-spacing)*2);position:relative;text-align:start}
+.t3-page-column-header,.t3-page-column-title{font-size:var(--pagemodule-grid-cell-header-size);font-weight:700}
+.t3-page-column-header-icons{bottom:0;color:var(--typo3-text-color-primary);inset-inline-end:calc(var(--pagemodule-grid-inner-spacing)*-1);opacity:.65;position:absolute;transition:var(--typo3-transition-color)}
+.t3-page-column-header-icons:focus-within,.t3-page-column-header-icons:hover{opacity:1}
+.t3-page-lang-copyce{margin:var(--pagemodule-grid-spacing)}
+.t3-page-lang-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.t3-page-ce{display:block;margin:var(--pagemodule-grid-spacing) var(--pagemodule-grid-inner-spacing);position:relative;transition:height .4s ease-out}
+.t3-page-ce.active-drag{z-index:4500}
+.t3-page-ce[data-dragdrop-clone] .t3-page-ce-element{opacity:.25;-webkit-user-select:none;-moz-user-select:none;user-select:none}
+.t3-page-ce-element{background-color:var(--pagemodule-element-bg);border:1px solid var(--pagemodule-element-border-color);border-radius:var(--pagemodule-element-border-radius);box-shadow:var(--typo3-component-box-shadow-strong);margin-bottom:var(--pagemodule-grid-spacing);overflow:hidden}
+.t3-page-ce-hidden .t3-page-ce-element{background-color:var(--pagemodule-element-hidden-bg);border:1px dashed color-mix(in srgb,var(--pagemodule-element-hidden-bg),currentColor 40%);box-shadow:none;opacity:.5;transition:opacity .3s ease-in-out}
+.t3-page-ce-hidden .t3-page-ce-element:focus-within,.t3-page-ce-hidden .t3-page-ce-element:hover{opacity:1}
+.t3-page-ce-warning .t3-page-ce-element{background-color:var(--pagemodule-element-warning-bg);border:1px solid color-mix(in srgb,var(--pagemodule-element-warning-bg),currentColor 10%);box-shadow:none}
+.t3-page-ce-header{align-items:center;display:flex;gap:.5rem;padding:var(--pagemodule-element-spacing)}
+.t3-page-ce-header[draggable=true]{cursor:grab}
+.t3-page-ce-header-left{-moz-column-gap:.25rem;column-gap:.25rem;display:flex}
+.t3-page-ce-header-left,.t3-page-ce-header-right{flex-shrink:0}
+.t3-page-ce-header-title{flex-grow:1;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.t3-page-ce-header-icon-flag{align-items:center;display:inline-flex}
+.t3-page-ce-body{padding:var(--pagemodule-grid-spacing);word-wrap:break-word;margin-top:calc(var(--pagemodule-grid-spacing)*-1)}
+.t3-page-ce-body:empty{display:none}
+.t3-page-ce-body img{height:auto;max-width:100%}
+.t3-page-ce-footer{background-color:rgba(0,0,0,.05);border-bottom-left-radius:var(--pagemodule-element-border-radius);border-bottom-right-radius:var(--pagemodule-element-border-radius);font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;padding:calc(var(--pagemodule-grid-spacing)/2) var(--pagemodule-grid-spacing)}
+.t3-page-ce-actions{height:var(--pagemodule-action-height);text-align:center;z-index:2}
+.t3-page-ce-dropzone{background-color:var(--pagemodule-dropzone-bg);border:1px dashed color-mix(in srgb,var(--pagemodule-dropzone-bg),currentColor 10%);border-radius:var(--pagemodule-element-border-radius);height:var(--pagemodule-action-height);position:relative;top:0}
+.t3-page-ce-dropzone.active{width:100%}
+.t3-page-ce-dropzone.active.t3-page-ce-dropzone-possible{--pagemodule-dropzone-bg:var(--pagemodule-dropzone-possible-bg)}
+.element-preview a{color:inherit}
+.element-preview-header:empty{display:none}
+.element-preview-header-status{font-size:.65625rem;opacity:.5}
+.element-preview-header-date{font-size:.65625rem}
+.element-preview-header-header,.element-preview-header-subheader{font-weight:700}
+.element-preview-header+.element-preview-content{margin-top:.5rem}
+.element-preview-content:empty{display:none}
+.element-preview-content>:first-child{margin-top:0}
+.element-preview-content>:last-child{margin-bottom:0}
+.element-preview-content .preview-thumbnails{margin-top:.5rem}
+.preview-thumbnails{--preview-thumbnails-element-bg:var(--typo3-surface-bright);--preview-thumbnails-element-border-color:color-mix(in srgb,var(--preview-thumbnails-element-bg),currentColor 15%);--preview-thumbnails-element-border-radius:var(--typo3-component-border-radius);--preview-thumbnails-element-spacing:.5rem;--preview-thumbnails-size:64px;display:flex;flex-wrap:wrap;gap:.5rem}
+.preview-thumbnails-element{background-color:var(--preview-thumbnails-element-bg);border:1px solid var(--preview-thumbnails-element-border-color);border-radius:var(--preview-thumbnails-element-border-radius);display:block;padding:var(--preview-thumbnails-element-spacing)}
+.preview-thumbnails-element-image{align-items:center;display:flex;height:var(--preview-thumbnails-size);justify-content:center;overflow:hidden;width:var(--preview-thumbnails-size)}
+.preview-thumbnails-element-image .icon{height:calc(var(--preview-thumbnails-size)/2);width:calc(var(--preview-thumbnails-size)/2)}
+.tx_recycler_recycler tr.collapse{display:none}
+.tx_recycler_recycler tr.collapse.show{display:table-row}
+.scheduler-sortable-handle{cursor:move!important}
+.scheduler-panel+.scheduler-panel{margin-top:calc(var(--typo3-spacing)*1.5)}
+@media (min-width:1200px){
+.scheduler-info-text{width:90%}}
+.module-styleguide .module-body-container{container-type:inline-size;display:flex;flex-wrap:wrap;gap:2.5rem}
+.styleguide-navigation{align-self:flex-start;flex:0 1 200px}
+.styleguide-content{contain:inline-size;flex:1 1 500px}
+.styleguide-content .icon-container-wrapper{display:grid;gap:.25rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
+.styleguide-content .icon-container{--typo3-icon-container-bg:var(--typo3-state-default-bg);--typo3-icon-container-border-radius:var(--typo3-component-border-radius);--typo3-icon-container-transition-color:var(--typo3-transition-color);background-color:var(--typo3-icon-container-bg);border-radius:var(--typo3-icon-container-border-radius);display:flex;flex-direction:column;gap:var(--typo3-spacing);justify-content:space-between;padding:var(--typo3-spacing);transition:var(--typo3-icon-container-transition-color)}
+.styleguide-content .icon-container:hover{--typo3-icon-container-bg:var(--typo3-state-default-hover-bg)}
+.styleguide-content .icon-container span.icon-container-icon,.styleguide-content .icon-container span.icon-container-label{display:block;text-align:center}
+.styleguide-content .icon-container:not(:hover):not(:focus-visible) span.icon-container-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.styleguide-content .example-container{align-items:center;display:flex;flex-wrap:wrap;gap:var(--typo3-spacing)}
+.styleguide-content .example-container.example-container--large-spacing{gap:calc(var(--typo3-spacing)*2)}
+.styleguide-example{--typo3-example-border-width:var(--typo3-component-border-width);--typo3-example-border-color:var(--typo3-component-border-color);--typo3-example-border-radius:var(--typo3-component-border-radius);--typo3-example-box-shadow:var(--typo3-component-box-shadow);--typo3-example-margin-bottom:var(--typo3-spacing);--typo3-example-content-bg:var(--typo3-surface-base);--typo3-example-content-padding:var(--typo3-spacing);--typo3-example-code-bg:var(--typo3-surface-container-base);--typo3-example-code-border-top-width:var(--typo3-component-border-width);--typo3-example-code-border-top-color:var(--typo3-component-border-color);--typo3-example-code-padding:var(--typo3-spacing);--typo3-example-label-color:var(--typo3-component-variant-color);--typo3-example-label-margin-bottom:var(--typo3-spacing);border:var(--typo3-example-border-width) solid var(--typo3-example-border-color);border-radius:var(--typo3-example-border-radius);box-shadow:var(--typo3-example-box-shadow);margin-bottom:calc(var(--typo3-example-margin-bottom)*1.5)}
+.styleguide-example>:first-child{border-start-end-radius:calc(var(--typo3-example-border-radius) - var(--typo3-example-border-width));border-start-start-radius:calc(var(--typo3-example-border-radius) - var(--typo3-example-border-width))}
+.styleguide-example>:last-child{border-end-end-radius:calc(var(--typo3-example-border-radius) - var(--typo3-example-border-width));border-end-start-radius:calc(var(--typo3-example-border-radius) - var(--typo3-example-border-width))}
+.styleguide-example .styleguide-example-code{background-color:var(--typo3-example-code-bg);border-top:var(--typo3-example-code-border-top-width) solid var(--typo3-example-code-border-top-color);margin:0;padding:var(--typo3-example-code-padding)}
+.styleguide-example .styleguide-example-code .example{padding:0}
+.styleguide-example .example{border:0;border-radius:0;margin-bottom:0}
+.styleguide-example .example:first-child{border-top-left-radius:var(--typo3-component-border-radius);border-top-right-radius:var(--typo3-component-border-radius)}
+.styleguide-example .example:last-child{border-bottom-left-radius:var(--typo3-component-border-radius);border-bottom-right-radius:var(--typo3-component-border-radius)}
+.styleguide-example .example:before{display:none}
+.styleguide-example .example .styleguide-example-label{color:var(--typo3-example-label-color);display:block;font-size:.9em;font-weight:700;margin-bottom:var(--typo3-example-label-margin-bottom)}
+.colorscheme-switch{align-items:center;display:flex;gap:.5em;padding-bottom:var(--typo3-spacing)}
+@container (min-width: 740px){
+.styleguide-navigation{max-height:calc(100dvh - var(--module-docheader-height) - var(--module-body-padding-y)*2);overflow:auto;position:-webkit-sticky;position:sticky;top:calc(var(--module-docheader-bar-height) + var(--module-body-padding-y))}}
+#SetupModuleController .form-section .form-control-wrap{max-width:804px}
+[data-module-id=typo3-module-viewpage]{--viewpage-topbar-height:40px;--viewpage-resizable-size:5px;--viewpage-item-radius:5px}
+[data-module-id=typo3-module-viewpage] .module-body{text-align:center}
+[data-module-id=typo3-module-viewpage] .module-body .callout{text-align:start}
+[data-module-id=typo3-module-viewpage] .resizable-e,[data-module-id=typo3-module-viewpage] .resizable-s,[data-module-id=typo3-module-viewpage] .resizable-w{position:absolute;z-index:90}
+[data-module-id=typo3-module-viewpage] .resizable-w{height:100%;left:calc(var(--viewpage-resizable-size)*-1);top:0;width:var(--viewpage-resizable-size)}
+[data-module-id=typo3-module-viewpage] .resizable-s{bottom:calc(var(--viewpage-resizable-size)*-1);height:var(--viewpage-resizable-size);width:100%}
+[data-module-id=typo3-module-viewpage] .resizable-e{height:100%;right:calc(var(--viewpage-resizable-size)*-1);top:0;width:var(--viewpage-resizable-size)}
+.viewpage-item{background-color:var(--typo3-surface-container-highest);border-radius:var(--viewpage-item-radius);box-shadow:var(--typo3-component-box-shadow-tooltip);color:var(--typo3-text-color-base);display:inline-block;position:relative}
+.viewpage-item iframe{border-radius:0 0 var(--viewpage-item-radius) var(--viewpage-item-radius);display:block}
+.viewpage-topbar{align-items:center;display:flex;flex-direction:row;flex-shrink:0;height:var(--viewpage-topbar-height);justify-content:space-between;padding:.75em 1em}
+.viewpage-topbar-orientation a{color:inherit;opacity:.5;transition:all .2s ease-in-out}
+.viewpage-topbar-orientation a:hover{opacity:1}
+.viewpage-topbar-size{direction:ltr}
+.viewpage-topbar-size input{background-color:transparent;border:0;border-bottom:1px solid var(--typo3-state-primary-border-color);color:inherit;padding-left:0;padding-right:0;transition:all .5s ease-in-out}
+.viewpage-topbar-size input:focus,.viewpage-topbar-size input:hover{border-bottom-color:var(--typo3-state-primary-focus-border-color);outline:0}
+.viewpage-resizeable{background-color:var(--typo3-surface-container-low);border-radius:0 var(--viewpage-item-radius) var(--viewpage-item-radius)}
+.workspace-panel tr.collapsing{transition:none}
+.workspace-panel tr.collapse{display:none}
+.workspace-panel tr.collapse.show{display:table-row}
+.workspace-panel .page-link{height:100%}
\ No newline at end of file
diff --git a/Resources/Public/Css/webfonts.css b/Resources/Public/Css/webfonts.css
new file mode 100644
index 0000000..2dcf758
--- /dev/null
+++ b/Resources/Public/Css/webfonts.css
@@ -0,0 +1,14 @@
+/*!
+ * 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!
+ */
+@font-face{font-display:swap;font-family:Open Sans Variable;font-stretch:75% 100%;font-style:normal;font-weight:300 800;src:url(../Fonts/OpenSans/open-sans-latin-wdth-normal.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
+@font-face{font-display:swap;font-family:Open Sans Variable;font-stretch:75% 100%;font-style:italic;font-weight:300 800;src:url(../Fonts/OpenSans/open-sans-latin-wdth-italic.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}
\ No newline at end of file
diff --git a/Resources/Public/Fonts/OpenSans/open-sans-latin-wdth-italic.woff2 b/Resources/Public/Fonts/OpenSans/open-sans-latin-wdth-italic.woff2
new file mode 100644
index 0000000..ac861a5
Binary files /dev/null and b/Resources/Public/Fonts/OpenSans/open-sans-latin-wdth-italic.woff2 differ
diff --git a/Resources/Public/Fonts/OpenSans/open-sans-latin-wdth-normal.woff2 b/Resources/Public/Fonts/OpenSans/open-sans-latin-wdth-normal.woff2
new file mode 100644
index 0000000..a963d43
Binary files /dev/null and b/Resources/Public/Fonts/OpenSans/open-sans-latin-wdth-normal.woff2 differ
diff --git a/Resources/Public/Html/Close.html b/Resources/Public/Html/Close.html
new file mode 100644
index 0000000..e5b39a0
--- /dev/null
+++ b/Resources/Public/Html/Close.html
@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <!-- Close script, used in particular by FormEngine to close the current edit window -->
+        <!-- TYPO3 Script ID: typo3/sysext/backend/Resources/Public/Html/Close.html -->
+        <meta charset="utf-8" />
+        <title>Close</title>
+        <script src="../JavaScript/close-current-window.js"></script>
+    </head>
+    <body>
+    </body>
+</html>
diff --git a/Resources/Public/Icons/Extension.svg b/Resources/Public/Icons/Extension.svg
new file mode 100644
index 0000000..bca7a17
--- /dev/null
+++ b/Resources/Public/Icons/Extension.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"><path fill="#FF8700" d="M0 0h64v64H0z"/><path fill="#FFF" d="M42.8 32.8c-3.6 0-8.1-10.1-8.1-15.1 0-2.3.9-2.7 3.2-2.7 5.5 0 11 .9 11 4-.1 6.2-4 13.8-6.1 13.8zM28.5 18.5c0 5 6.4 20.2 10.7 20.2.5 0 .9-.1 1.4-.2-3.8 6.1-8.4 10.6-11.2 10.6-5.9 0-14.3-17.9-14.3-25.7 0-1.2.3-2.2.7-2.8 2-2.5 8.4-4.4 13.7-5-.6.4-1 1-1 2.9z"/></svg>
\ No newline at end of file
diff --git a/Resources/Public/Icons/favicon.ico b/Resources/Public/Icons/favicon.ico
new file mode 100644
index 0000000..90fdfe1
Binary files /dev/null and b/Resources/Public/Icons/favicon.ico differ
diff --git a/Resources/Public/Images/bg_transparent_emulation.png b/Resources/Public/Images/bg_transparent_emulation.png
new file mode 100644
index 0000000..df1b1dd
Binary files /dev/null and b/Resources/Public/Images/bg_transparent_emulation.png differ
diff --git a/Resources/Public/Images/cropper-background-cover-area.svg b/Resources/Public/Images/cropper-background-cover-area.svg
new file mode 100644
index 0000000..4f1006f
--- /dev/null
+++ b/Resources/Public/Images/cropper-background-cover-area.svg
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Created by Martin Engel  -->
+<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10'>
+<rect width='10' height='10' fill='#fff' opacity='0.5'/>
+<path d='M0,10L10,0L0,10z M10.9,9.1l-2,2L10.9,9.1z M-1,1l2-2L-1,1z' stroke='#000' stroke-width='2'/>
+</svg>
diff --git a/Resources/Public/Images/default.gif b/Resources/Public/Images/default.gif
new file mode 100644
index 0000000..92f96cc
Binary files /dev/null and b/Resources/Public/Images/default.gif differ
diff --git a/Resources/Public/Images/typo3_logo_orange.svg b/Resources/Public/Images/typo3_logo_orange.svg
new file mode 100644
index 0000000..d853637
--- /dev/null
+++ b/Resources/Public/Images/typo3_logo_orange.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="83.098" height="84.172" viewBox="43.201 42.122 83.098 84.172">
+  <path fill="#FF8700" d="M106.074 100.128c-1.247.368-2.242.506-3.549.506-10.689 0-26.389-37.359-26.389-49.793 0-4.577 1.083-6.104 2.613-7.415-13.084 1.527-28.784 6.329-33.806 12.433-1.085 1.529-1.743 3.926-1.743 6.98 0 19.41 20.718 63.455 35.332 63.455 6.765.001 18.164-11.112 27.542-26.166M99.25 42.122c13.52 0 27.049 2.18 27.049 9.812 0 15.483-9.819 34.246-14.832 34.246-8.942 0-20.065-24.867-20.065-37.301.001-5.67 2.181-6.757 7.848-6.757"/>
+</svg>
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/autocomplete.js b/Resources/Public/JavaScript/Contrib/@codemirror/autocomplete.js
new file mode 100644
index 0000000..96b55a7
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/autocomplete.js
@@ -0,0 +1 @@
+import{Annotation as Qe,StateEffect as I,EditorSelection as v,codePointAt as C,codePointSize as O,fromCodePoint as ce,Facet as fe,combineConfig as Xe,StateField as X,Prec as Y,Text as Ye,Transaction as Ge,MapMode as G,RangeValue as Je,RangeSet as Ze,CharCategory as J}from"@codemirror/state";import{Direction as _e,logException as Z,showTooltip as et,EditorView as R,ViewPlugin as tt,getTooltip as he,Decoration as U,WidgetType as it,keymap as pe}from"@codemirror/view";import{syntaxTree as B,indentUnit as nt}from"@codemirror/language";class _{constructor(e,t,n,o){this.state=e,this.pos=t,this.explicit=n,this.view=o,this.abortListeners=[],this.abortOnDocChange=!1}tokenBefore(e){let t=B(this.state).resolveInner(this.pos,-1);for(;t&&e.indexOf(t.name)<0;)t=t.parent;return t?{from:t.from,to:this.pos,text:this.state.sliceDoc(t.from,this.pos),type:t.type}:null}matchBefore(e){let t=this.state.doc.lineAt(this.pos),n=Math.max(t.from,this.pos-250),o=t.text.slice(n-t.from,this.pos-t.from),s=o.search(ge(e,!1));return s<0?null:{from:n+s,to:this.pos,text:o.slice(s)}}get aborted(){return this.abortListeners==null}addEventListener(e,t,n){e=="abort"&&this.abortListeners&&(this.abortListeners.push(t),n&&n.onDocChange&&(this.abortOnDocChange=!0))}}function ue(i){let e=Object.keys(i).join(""),t=/\w/.test(e);return t&&(e=e.replace(/\w/g,"")),`[${t?"\\w":""}${e.replace(/[^\w\s]/g,"\\$&")}]`}function ot(i){let e=Object.create(null),t=Object.create(null);for(let{label:o}of i){e[o[0]]=!0;for(let s=1;s<o.length;s++)t[o[s]]=!0}let n=ue(e)+ue(t)+"*$";return[new RegExp("^"+n),new RegExp(n)]}function de(i){let e=i.map(o=>typeof o=="string"?{label:o}:o),[t,n]=e.every(o=>/^\w+$/.test(o.label))?[/\w*$/,/\w+$/]:ot(e);return o=>{let s=o.matchBefore(n);return s||o.explicit?{from:s?s.from:o.pos,options:e,validFor:t}:null}}function st(i,e){return t=>{for(let n=B(t.state).resolveInner(t.pos,-1);n;n=n.parent){if(i.indexOf(n.name)>-1)return e(t);if(n.type.isTop)break}return null}}function lt(i,e){return t=>{for(let n=B(t.state).resolveInner(t.pos,-1);n;n=n.parent){if(i.indexOf(n.name)>-1)return null;if(n.type.isTop)break}return e(t)}}class me{constructor(e,t,n,o){this.completion=e,this.source=t,this.match=n,this.score=o}}function T(i){return i.selection.main.from}function ge(i,e){var t;let{source:n}=i,o=e&&n[0]!="^",s=n[n.length-1]!="$";return!o&&!s?i:new RegExp(`${o?"^":""}(?:${n})${s?"$":""}`,(t=i.flags)!==null&&t!==void 0?t:i.ignoreCase?"i":"")}const V=Qe.define();function ye(i,e,t,n){let{main:o}=i.selection,s=t-o.from,l=n-o.from;return Object.assign(Object.assign({},i.changeByRange(r=>r!=o&&t!=n&&i.sliceDoc(r.from+s,r.from+l)!=i.sliceDoc(t,n)?{range:r}:{changes:{from:r.from+s,to:n==o.from?r.to:r.from+l,insert:e},range:v.cursor(r.from+s+e.length)})),{scrollIntoView:!0,userEvent:"input.complete"})}const be=new WeakMap;function rt(i){if(!Array.isArray(i))return i;let e=be.get(i);return e||be.set(i,e=de(i)),e}const H=I.define(),F=I.define();class at{constructor(e){this.pattern=e,this.chars=[],this.folded=[],this.any=[],this.precise=[],this.byWord=[],this.score=0,this.matched=[];for(let t=0;t<e.length;){let n=C(e,t),o=O(n);this.chars.push(n);let s=e.slice(t,t+o),l=s.toUpperCase();this.folded.push(C(l==s?s.toLowerCase():l,0)),t+=o}this.astral=e.length!=this.chars.length}ret(e,t){return this.score=e,this.matched=t,this}match(e){if(this.pattern.length==0)return this.ret(-100,[]);if(e.length<this.pattern.length)return null;let{chars:t,folded:n,any:o,precise:s,byWord:l}=this;if(t.length==1){let d=C(e,0),A=O(d),S=A==e.length?0:-100;if(d!=t[0])if(d==n[0])S+=-200;else return null;return this.ret(S,[0,A])}let r=e.indexOf(this.pattern);if(r==0)return this.ret(e.length==this.pattern.length?0:-100,[0,this.pattern.length]);let a=t.length,c=0;if(r<0){for(let d=0,A=Math.min(e.length,200);d<A&&c<a;){let S=C(e,d);(S==t[c]||S==n[c])&&(o[c++]=d),d+=O(S)}if(c<a)return null}let f=0,h=0,p=!1,u=0,g=-1,x=-1,K=/[a-z]/.test(e),k=!0;for(let d=0,A=Math.min(e.length,200),S=0;d<A&&h<a;){let b=C(e,d);r<0&&(f<a&&b==t[f]&&(s[f++]=d),u<a&&(b==t[u]||b==n[u]?(u==0&&(g=d),x=d+1,u++):u=0));let N,Q=b<255?b>=48&&b<=57||b>=97&&b<=122?2:b>=65&&b<=90?1:0:(N=ce(b))!=N.toLowerCase()?1:N!=N.toUpperCase()?2:0;(!d||Q==1&&K||S==0&&Q!=0)&&(t[h]==b||n[h]==b&&(p=!0)?l[h++]=d:l.length&&(k=!1)),S=Q,d+=O(b)}return h==a&&l[0]==0&&k?this.result(-100+(p?-200:0),l,e):u==a&&g==0?this.ret(-200-e.length+(x==e.length?0:-100),[0,x]):r>-1?this.ret(-700-e.length,[r,r+this.pattern.length]):u==a?this.ret(-900-e.length,[g,x]):h==a?this.result(-100+(p?-200:0)+-700+(k?0:-1100),l,e):t.length==2?null:this.result((o[0]?-700:0)+-200+-1100,o,e)}result(e,t,n){let o=[],s=0;for(let l of t){let r=l+(this.astral?O(C(n,l)):1);s&&o[s-1]==l?o[s-1]=r:(o[s++]=l,o[s++]=r)}return this.ret(e-n.length,o)}}class ct{constructor(e){this.pattern=e,this.matched=[],this.score=0,this.folded=e.toLowerCase()}match(e){if(e.length<this.pattern.length)return null;let t=e.slice(0,this.pattern.length),n=t==this.pattern?0:t.toLowerCase()==this.folded?-200:null;return n==null?null:(this.matched=[0,t.length],this.score=n+(e.length==this.pattern.length?0:-100),this)}}const y=fe.define({combine(i){return Xe(i,{activateOnTyping:!0,activateOnCompletion:()=>!1,activateOnTypingDelay:100,selectOnOpen:!0,override:null,closeOnBlur:!0,maxRenderedOptions:100,defaultKeymap:!0,tooltipClass:()=>"",optionClass:()=>"",aboveCursor:!1,icons:!0,addToOptions:[],positionInfo:ft,filterStrict:!1,compareCompletions:(e,t)=>e.label.localeCompare(t.label),interactionDelay:75,updateSyncTime:100},{defaultKeymap:(e,t)=>e&&t,closeOnBlur:(e,t)=>e&&t,icons:(e,t)=>e&&t,tooltipClass:(e,t)=>n=>xe(e(n),t(n)),optionClass:(e,t)=>n=>xe(e(n),t(n)),addToOptions:(e,t)=>e.concat(t),filterStrict:(e,t)=>e||t})}});function xe(i,e){return i?e?i+" "+e:i:e}function ft(i,e,t,n,o,s){let l=i.textDirection==_e.RTL,r=l,a=!1,c="top",f,h,p=e.left-o.left,u=o.right-e.right,g=n.right-n.left,x=n.bottom-n.top;if(r&&p<Math.min(g,u)?r=!1:!r&&u<Math.min(g,p)&&(r=!0),g<=(r?p:u))f=Math.max(o.top,Math.min(t.top,o.bottom-x))-e.top,h=Math.min(400,r?p:u);else{a=!0,h=Math.min(400,(l?e.right:o.right-e.left)-30);let d=o.bottom-e.bottom;d>=x||d>e.top?f=t.bottom-e.top:(c="bottom",f=e.bottom-t.top)}let K=(e.bottom-e.top)/s.offsetHeight,k=(e.right-e.left)/s.offsetWidth;return{style:`${c}: ${f/K}px; max-width: ${h/k}px`,class:"cm-completionInfo-"+(a?l?"left-narrow":"right-narrow":r?"left":"right")}}function ht(i){let e=i.addToOptions.slice();return i.icons&&e.push({render(t){let n=document.createElement("div");return n.classList.add("cm-completionIcon"),t.type&&n.classList.add(...t.type.split(/\s+/g).map(o=>"cm-completionIcon-"+o)),n.setAttribute("aria-hidden","true"),n},position:20}),e.push({render(t,n,o,s){let l=document.createElement("span");l.className="cm-completionLabel";let r=t.displayLabel||t.label,a=0;for(let c=0;c<s.length;){let f=s[c++],h=s[c++];f>a&&l.appendChild(document.createTextNode(r.slice(a,f)));let p=l.appendChild(document.createElement("span"));p.appendChild(document.createTextNode(r.slice(f,h))),p.className="cm-completionMatchedText",a=h}return a<r.length&&l.appendChild(document.createTextNode(r.slice(a))),l},position:50},{render(t){if(!t.detail)return null;let n=document.createElement("span");return n.className="cm-completionDetail",n.textContent=t.detail,n},position:80}),e.sort((t,n)=>t.position-n.position).map(t=>t.render)}function ee(i,e,t){if(i<=t)return{from:0,to:i};if(e<0&&(e=0),e<=i>>1){let o=Math.floor(e/t);return{from:o*t,to:(o+1)*t}}let n=Math.floor((i-e)/t);return{from:i-(n+1)*t,to:i-n*t}}class pt{constructor(e,t,n){this.view=e,this.stateField=t,this.applyCompletion=n,this.info=null,this.infoDestroy=null,this.placeInfoReq={read:()=>this.measureInfo(),write:a=>this.placeInfo(a),key:this},this.space=null,this.currentClass="";let o=e.state.field(t),{options:s,selected:l}=o.open,r=e.state.facet(y);this.optionContent=ht(r),this.optionClass=r.optionClass,this.tooltipClass=r.tooltipClass,this.range=ee(s.length,l,r.maxRenderedOptions),this.dom=document.createElement("div"),this.dom.className="cm-tooltip-autocomplete",this.updateTooltipClass(e.state),this.dom.addEventListener("mousedown",a=>{let{options:c}=e.state.field(t).open;for(let f=a.target,h;f&&f!=this.dom;f=f.parentNode)if(f.nodeName=="LI"&&(h=/-(\d+)$/.exec(f.id))&&+h[1]<c.length){this.applyCompletion(e,c[+h[1]]),a.preventDefault();return}}),this.dom.addEventListener("focusout",a=>{let c=e.state.field(this.stateField,!1);c&&c.tooltip&&e.state.facet(y).closeOnBlur&&a.relatedTarget!=e.contentDOM&&e.dispatch({effects:F.of(null)})}),this.showOptions(s,o.id)}mount(){this.updateSel()}showOptions(e,t){this.list&&this.list.remove(),this.list=this.dom.appendChild(this.createListBox(e,t,this.range)),this.list.addEventListener("scroll",()=>{this.info&&this.view.requestMeasure(this.placeInfoReq)})}update(e){var t;let n=e.state.field(this.stateField),o=e.startState.field(this.stateField);if(this.updateTooltipClass(e.state),n!=o){let{options:s,selected:l,disabled:r}=n.open;(!o.open||o.open.options!=s)&&(this.range=ee(s.length,l,e.state.facet(y).maxRenderedOptions),this.showOptions(s,n.id)),this.updateSel(),r!=((t=o.open)===null||t===void 0?void 0:t.disabled)&&this.dom.classList.toggle("cm-tooltip-autocomplete-disabled",!!r)}}updateTooltipClass(e){let t=this.tooltipClass(e);if(t!=this.currentClass){for(let n of this.currentClass.split(" "))n&&this.dom.classList.remove(n);for(let n of t.split(" "))n&&this.dom.classList.add(n);this.currentClass=t}}positioned(e){this.space=e,this.info&&this.view.requestMeasure(this.placeInfoReq)}updateSel(){let e=this.view.state.field(this.stateField),t=e.open;if((t.selected>-1&&t.selected<this.range.from||t.selected>=this.range.to)&&(this.range=ee(t.options.length,t.selected,this.view.state.facet(y).maxRenderedOptions),this.showOptions(t.options,e.id)),this.updateSelectedOption(t.selected)){this.destroyInfo();let{completion:n}=t.options[t.selected],{info:o}=n;if(!o)return;let s=typeof o=="string"?document.createTextNode(o):o(n);if(!s)return;"then"in s?s.then(l=>{l&&this.view.state.field(this.stateField,!1)==e&&this.addInfoPane(l,n)}).catch(l=>Z(this.view.state,l,"completion info")):this.addInfoPane(s,n)}}addInfoPane(e,t){this.destroyInfo();let n=this.info=document.createElement("div");if(n.className="cm-tooltip cm-completionInfo",e.nodeType!=null)n.appendChild(e),this.infoDestroy=null;else{let{dom:o,destroy:s}=e;n.appendChild(o),this.infoDestroy=s||null}this.dom.appendChild(n),this.view.requestMeasure(this.placeInfoReq)}updateSelectedOption(e){let t=null;for(let n=this.list.firstChild,o=this.range.from;n;n=n.nextSibling,o++)n.nodeName!="LI"||!n.id?o--:o==e?n.hasAttribute("aria-selected")||(n.setAttribute("aria-selected","true"),t=n):n.hasAttribute("aria-selected")&&n.removeAttribute("aria-selected");return t&&dt(this.list,t),t}measureInfo(){let e=this.dom.querySelector("[aria-selected]");if(!e||!this.info)return null;let t=this.dom.getBoundingClientRect(),n=this.info.getBoundingClientRect(),o=e.getBoundingClientRect(),s=this.space;if(!s){let l=this.dom.ownerDocument.defaultView||window;s={left:0,top:0,right:l.innerWidth,bottom:l.innerHeight}}return o.top>Math.min(s.bottom,t.bottom)-10||o.bottom<Math.max(s.top,t.top)+10?null:this.view.state.facet(y).positionInfo(this.view,t,o,n,s,this.dom)}placeInfo(e){this.info&&(e?(e.style&&(this.info.style.cssText=e.style),this.info.className="cm-tooltip cm-completionInfo "+(e.class||"")):this.info.style.cssText="top: -1e6px")}createListBox(e,t,n){const o=document.createElement("ul");o.id=t,o.setAttribute("role","listbox"),o.setAttribute("aria-expanded","true"),o.setAttribute("aria-label",this.view.state.phrase("Completions"));let s=null;for(let l=n.from;l<n.to;l++){let{completion:r,match:a}=e[l],{section:c}=r;if(c){let p=typeof c=="string"?c:c.name;if(p!=s&&(l>n.from||n.from==0))if(s=p,typeof c!="string"&&c.header)o.appendChild(c.header(c));else{let u=o.appendChild(document.createElement("completion-section"));u.textContent=p}}const f=o.appendChild(document.createElement("li"));f.id=t+"-"+l,f.setAttribute("role","option");let h=this.optionClass(r);h&&(f.className=h);for(let p of this.optionContent){let u=p(r,this.view.state,this.view,a);u&&f.appendChild(u)}}return n.from&&o.classList.add("cm-completionListIncompleteTop"),n.to<e.length&&o.classList.add("cm-completionListIncompleteBottom"),o}destroyInfo(){this.info&&(this.infoDestroy&&this.infoDestroy(),this.info.remove(),this.info=null)}destroy(){this.destroyInfo()}}function ut(i,e){return t=>new pt(t,i,e)}function dt(i,e){let t=i.getBoundingClientRect(),n=e.getBoundingClientRect(),o=t.height/i.offsetHeight;n.top<t.top?i.scrollTop-=(t.top-n.top)/o:n.bottom>t.bottom&&(i.scrollTop+=(n.bottom-t.bottom)/o)}function we(i){return(i.boost||0)*100+(i.apply?10:0)+(i.info?5:0)+(i.type?1:0)}function mt(i,e){let t=[],n=null,o=c=>{t.push(c);let{section:f}=c.completion;if(f){n||(n=[]);let h=typeof f=="string"?f:f.name;n.some(p=>p.name==h)||n.push(typeof f=="string"?{name:h}:f)}},s=e.facet(y);for(let c of i)if(c.hasResult()){let f=c.result.getMatch;if(c.result.filter===!1)for(let h of c.result.options)o(new me(h,c.source,f?f(h):[],1e9-t.length));else{let h=e.sliceDoc(c.from,c.to),p,u=s.filterStrict?new ct(h):new at(h);for(let g of c.result.options)if(p=u.match(g.label)){let x=g.displayLabel?f?f(g,p.matched):[]:p.matched;o(new me(g,c.source,x,p.score+(g.boost||0)))}}}if(n){let c=Object.create(null),f=0,h=(p,u)=>{var g,x;return((g=p.rank)!==null&&g!==void 0?g:1e9)-((x=u.rank)!==null&&x!==void 0?x:1e9)||(p.name<u.name?-1:1)};for(let p of n.sort(h))f-=1e5,c[p.name]=f;for(let p of t){let{section:u}=p.completion;u&&(p.score+=c[typeof u=="string"?u:u.name])}}let l=[],r=null,a=s.compareCompletions;for(let c of t.sort((f,h)=>h.score-f.score||a(f.completion,h.completion))){let f=c.completion;!r||r.label!=f.label||r.detail!=f.detail||r.type!=null&&f.type!=null&&r.type!=f.type||r.apply!=f.apply||r.boost!=f.boost?l.push(c):we(c.completion)>we(r)&&(l[l.length-1]=c),r=c.completion}return l}class D{constructor(e,t,n,o,s,l){this.options=e,this.attrs=t,this.tooltip=n,this.timestamp=o,this.selected=s,this.disabled=l}setSelected(e,t){return e==this.selected||e>=this.options.length?this:new D(this.options,ve(t,e),this.tooltip,this.timestamp,e,this.disabled)}static build(e,t,n,o,s){let l=mt(e,t);if(!l.length)return o&&e.some(a=>a.state==1)?new D(o.options,o.attrs,o.tooltip,o.timestamp,o.selected,!0):null;let r=t.facet(y).selectOnOpen?0:-1;if(o&&o.selected!=r&&o.selected!=-1){let a=o.options[o.selected].completion;for(let c=0;c<l.length;c++)if(l[c].completion==a){r=c;break}}return new D(l,ve(n,r),{pos:e.reduce((a,c)=>c.hasResult()?Math.min(a,c.from):a,1e8),create:vt,above:s.aboveCursor},o?o.timestamp:Date.now(),r,!1)}map(e){return new D(this.options,this.attrs,Object.assign(Object.assign({},this.tooltip),{pos:e.mapPos(this.tooltip.pos)}),this.timestamp,this.selected,this.disabled)}}class z{constructor(e,t,n){this.active=e,this.id=t,this.open=n}static start(){return new z(xt,"cm-ac-"+Math.floor(Math.random()*2e6).toString(36),null)}update(e){let{state:t}=e,n=t.facet(y),s=(n.override||t.languageDataAt("autocomplete",T(t)).map(rt)).map(r=>(this.active.find(c=>c.source==r)||new w(r,this.active.some(c=>c.state!=0)?1:0)).update(e,n));s.length==this.active.length&&s.every((r,a)=>r==this.active[a])&&(s=this.active);let l=this.open;l&&e.docChanged&&(l=l.map(e.changes)),e.selection||s.some(r=>r.hasResult()&&e.changes.touchesRange(r.from,r.to))||!gt(s,this.active)?l=D.build(s,t,this.id,l,n):l&&l.disabled&&!s.some(r=>r.state==1)&&(l=null),!l&&s.every(r=>r.state!=1)&&s.some(r=>r.hasResult())&&(s=s.map(r=>r.hasResult()?new w(r.source,0):r));for(let r of e.effects)r.is(te)&&(l=l&&l.setSelected(r.value,this.id));return s==this.active&&l==this.open?this:new z(s,this.id,l)}get tooltip(){return this.open?this.open.tooltip:null}get attrs(){return this.open?this.open.attrs:this.active.length?yt:bt}}function gt(i,e){if(i==e)return!0;for(let t=0,n=0;;){for(;t<i.length&&!i[t].hasResult;)t++;for(;n<e.length&&!e[n].hasResult;)n++;let o=t==i.length,s=n==e.length;if(o||s)return o==s;if(i[t++].result!=e[n++].result)return!1}}const yt={"aria-autocomplete":"list"},bt={};function ve(i,e){let t={"aria-autocomplete":"list","aria-haspopup":"listbox","aria-controls":i};return e>-1&&(t["aria-activedescendant"]=i+"-"+e),t}const xt=[];function Ce(i,e){if(i.isUserEvent("input.complete")){let n=i.annotation(V);if(n&&e.activateOnCompletion(n))return 12}let t=i.isUserEvent("input.type");return t&&e.activateOnTyping?5:t?1:i.isUserEvent("delete.backward")?2:i.selection?8:i.docChanged?16:0}class w{constructor(e,t,n=-1){this.source=e,this.state=t,this.explicitPos=n}hasResult(){return!1}update(e,t){let n=Ce(e,t),o=this;(n&8||n&16&&this.touches(e))&&(o=new w(o.source,0)),n&4&&o.state==0&&(o=new w(this.source,1)),o=o.updateFor(e,n);for(let s of e.effects)if(s.is(H))o=new w(o.source,1,s.value?T(e.state):-1);else if(s.is(F))o=new w(o.source,0);else if(s.is(Se))for(let l of s.value)l.source==o.source&&(o=l);return o}updateFor(e,t){return this.map(e.changes)}map(e){return e.empty||this.explicitPos<0?this:new w(this.source,this.state,e.mapPos(this.explicitPos))}touches(e){return e.changes.touchesRange(T(e.state))}}class M extends w{constructor(e,t,n,o,s){super(e,2,t),this.result=n,this.from=o,this.to=s}hasResult(){return!0}updateFor(e,t){var n;if(!(t&3))return this.map(e.changes);let o=this.result;o.map&&!e.changes.empty&&(o=o.map(o,e.changes));let s=e.changes.mapPos(this.from),l=e.changes.mapPos(this.to,1),r=T(e.state);if((this.explicitPos<0?r<=s:r<this.from)||r>l||!o||t&2&&T(e.startState)==this.from)return new w(this.source,t&4?1:0);let a=this.explicitPos<0?-1:e.changes.mapPos(this.explicitPos);return wt(o.validFor,e.state,s,l)?new M(this.source,a,o,s,l):o.update&&(o=o.update(o,s,l,new _(e.state,r,a>=0)))?new M(this.source,a,o,o.from,(n=o.to)!==null&&n!==void 0?n:T(e.state)):new w(this.source,1,a)}map(e){return e.empty?this:(this.result.map?this.result.map(this.result,e):this.result)?new M(this.source,this.explicitPos<0?-1:e.mapPos(this.explicitPos),this.result,e.mapPos(this.from),e.mapPos(this.to,1)):new w(this.source,0)}touches(e){return e.changes.touchesRange(this.from,this.to)}}function wt(i,e,t,n){if(!i)return!1;let o=e.sliceDoc(t,n);return typeof i=="function"?i(o,t,n,e):ge(i,!0).test(o)}const Se=I.define({map(i,e){return i.map(t=>t.map(e))}}),te=I.define(),m=X.define({create(){return z.start()},update(i,e){return i.update(e)},provide:i=>[et.from(i,e=>e.tooltip),R.contentAttributes.from(i,e=>e.attrs)]});function ie(i,e){const t=e.completion.apply||e.completion.label;let n=i.state.field(m).active.find(o=>o.source==e.source);return n instanceof M?(typeof t=="string"?i.dispatch(Object.assign(Object.assign({},ye(i.state,t,n.from,n.to)),{annotations:V.of(e.completion)})):t(i,e.completion,n.from,n.to),!0):!1}const vt=ut(m,ie);function j(i,e="option"){return t=>{let n=t.state.field(m,!1);if(!n||!n.open||n.open.disabled||Date.now()-n.open.timestamp<t.state.facet(y).interactionDelay)return!1;let o=1,s;e=="page"&&(s=he(t,n.open.tooltip))&&(o=Math.max(2,Math.floor(s.dom.offsetHeight/s.dom.querySelector("li").offsetHeight)-1));let{length:l}=n.open.options,r=n.open.selected>-1?n.open.selected+o*(i?1:-1):i?0:l-1;return r<0?r=e=="page"?0:l-1:r>=l&&(r=e=="page"?l-1:0),t.dispatch({effects:te.of(r)}),!0}}const Ie=i=>{let e=i.state.field(m,!1);return i.state.readOnly||!e||!e.open||e.open.selected<0||e.open.disabled||Date.now()-e.open.timestamp<i.state.facet(y).interactionDelay?!1:ie(i,e.open.options[e.open.selected])},Oe=i=>i.state.field(m,!1)?(i.dispatch({effects:H.of(!0)}),!0):!1,Te=i=>{let e=i.state.field(m,!1);return!e||!e.active.some(t=>t.state!=0)?!1:(i.dispatch({effects:F.of(null)}),!0)};class Ct{constructor(e,t){this.active=e,this.context=t,this.time=Date.now(),this.updates=[],this.done=void 0}}const St=50,It=1e3,Ot=tt.fromClass(class{constructor(i){this.view=i,this.debounceUpdate=-1,this.running=[],this.debounceAccept=-1,this.pendingStart=!1,this.composing=0;for(let e of i.state.field(m).active)e.state==1&&this.startQuery(e)}update(i){let e=i.state.field(m),t=i.state.facet(y);if(!i.selectionSet&&!i.docChanged&&i.startState.field(m)==e)return;let n=i.transactions.some(s=>{let l=Ce(s,t);return l&8||(s.selection||s.docChanged)&&!(l&3)});for(let s=0;s<this.running.length;s++){let l=this.running[s];if(n||l.context.abortOnDocChange&&i.docChanged||l.updates.length+i.transactions.length>St&&Date.now()-l.time>It){for(let r of l.context.abortListeners)try{r()}catch(a){Z(this.view.state,a)}l.context.abortListeners=null,this.running.splice(s--,1)}else l.updates.push(...i.transactions)}this.debounceUpdate>-1&&clearTimeout(this.debounceUpdate),i.transactions.some(s=>s.effects.some(l=>l.is(H)))&&(this.pendingStart=!0);let o=this.pendingStart?50:t.activateOnTypingDelay;if(this.debounceUpdate=e.active.some(s=>s.state==1&&!this.running.some(l=>l.active.source==s.source))?setTimeout(()=>this.startUpdate(),o):-1,this.composing!=0)for(let s of i.transactions)s.isUserEvent("input.type")?this.composing=2:this.composing==2&&s.selection&&(this.composing=3)}startUpdate(){this.debounceUpdate=-1,this.pendingStart=!1;let{state:i}=this.view,e=i.field(m);for(let t of e.active)t.state==1&&!this.running.some(n=>n.active.source==t.source)&&this.startQuery(t)}startQuery(i){let{state:e}=this.view,t=T(e),n=new _(e,t,i.explicitPos==t,this.view),o=new Ct(i,n);this.running.push(o),Promise.resolve(i.source(n)).then(s=>{o.context.aborted||(o.done=s||null,this.scheduleAccept())},s=>{this.view.dispatch({effects:F.of(null)}),Z(this.view.state,s)})}scheduleAccept(){this.running.every(i=>i.done!==void 0)?this.accept():this.debounceAccept<0&&(this.debounceAccept=setTimeout(()=>this.accept(),this.view.state.facet(y).updateSyncTime))}accept(){var i;this.debounceAccept>-1&&clearTimeout(this.debounceAccept),this.debounceAccept=-1;let e=[],t=this.view.state.facet(y);for(let n=0;n<this.running.length;n++){let o=this.running[n];if(o.done===void 0)continue;if(this.running.splice(n--,1),o.done){let l=new M(o.active.source,o.active.explicitPos,o.done,o.done.from,(i=o.done.to)!==null&&i!==void 0?i:T(o.updates.length?o.updates[0].startState:this.view.state));for(let r of o.updates)l=l.update(r,t);if(l.hasResult()){e.push(l);continue}}let s=this.view.state.field(m).active.find(l=>l.source==o.active.source);if(s&&s.state==1)if(o.done==null){let l=new w(o.active.source,0);for(let r of o.updates)l=l.update(r,t);l.state!=1&&e.push(l)}else this.startQuery(s)}e.length&&this.view.dispatch({effects:Se.of(e)})}},{eventHandlers:{blur(i){let e=this.view.state.field(m,!1);if(e&&e.tooltip&&this.view.state.facet(y).closeOnBlur){let t=e.open&&he(this.view,e.open.tooltip);(!t||!t.dom.contains(i.relatedTarget))&&setTimeout(()=>this.view.dispatch({effects:F.of(null)}),10)}},compositionstart(){this.composing=1},compositionend(){this.composing==3&&setTimeout(()=>this.view.dispatch({effects:H.of(!1)}),20),this.composing=0}}}),Tt=typeof navigator=="object"&&/Win/.test(navigator.platform),Et=Y.highest(R.domEventHandlers({keydown(i,e){let t=e.state.field(m,!1);if(!t||!t.open||t.open.disabled||t.open.selected<0||i.key.length>1||i.ctrlKey&&!(Tt&&i.altKey)||i.metaKey)return!1;let n=t.open.options[t.open.selected],o=t.active.find(l=>l.source==n.source),s=n.completion.commitCharacters||o.result.commitCharacters;return s&&s.indexOf(i.key)>-1&&ie(e,n),!1}})),Ee=R.baseTheme({".cm-tooltip.cm-tooltip-autocomplete":{"& > ul":{fontFamily:"monospace",whiteSpace:"nowrap",overflow:"hidden auto",maxWidth_fallback:"700px",maxWidth:"min(700px, 95vw)",minWidth:"250px",maxHeight:"10em",height:"100%",listStyle:"none",margin:0,padding:0,"& > li, & > completion-section":{padding:"1px 3px",lineHeight:1.2},"& > li":{overflowX:"hidden",textOverflow:"ellipsis",cursor:"pointer"},"& > completion-section":{display:"list-item",borderBottom:"1px solid silver",paddingLeft:"0.5em",opacity:.7}}},"&light .cm-tooltip-autocomplete ul li[aria-selected]":{background:"#17c",color:"white"},"&light .cm-tooltip-autocomplete-disabled ul li[aria-selected]":{background:"#777"},"&dark .cm-tooltip-autocomplete ul li[aria-selected]":{background:"#347",color:"white"},"&dark .cm-tooltip-autocomplete-disabled ul li[aria-selected]":{background:"#444"},".cm-completionListIncompleteTop:before, .cm-completionListIncompleteBottom:after":{content:'"\xB7\xB7\xB7"',opacity:.5,display:"block",textAlign:"center"},".cm-tooltip.cm-completionInfo":{position:"absolute",padding:"3px 9px",width:"max-content",maxWidth:"400px",boxSizing:"border-box",whiteSpace:"pre-line"},".cm-completionInfo.cm-completionInfo-left":{right:"100%"},".cm-completionInfo.cm-completionInfo-right":{left:"100%"},".cm-completionInfo.cm-completionInfo-left-narrow":{right:"30px"},".cm-completionInfo.cm-completionInfo-right-narrow":{left:"30px"},"&light .cm-snippetField":{backgroundColor:"#00000022"},"&dark .cm-snippetField":{backgroundColor:"#ffffff22"},".cm-snippetFieldPosition":{verticalAlign:"text-top",width:0,height:"1.15em",display:"inline-block",margin:"0 -0.7px -.7em",borderLeft:"1.4px dotted #888"},".cm-completionMatchedText":{textDecoration:"underline"},".cm-completionDetail":{marginLeft:"0.5em",fontStyle:"italic"},".cm-completionIcon":{fontSize:"90%",width:".8em",display:"inline-block",textAlign:"center",paddingRight:".6em",opacity:"0.6",boxSizing:"content-box"},".cm-completionIcon-function, .cm-completionIcon-method":{"&:after":{content:"'\u0192'"}},".cm-completionIcon-class":{"&:after":{content:"'\u25CB'"}},".cm-completionIcon-interface":{"&:after":{content:"'\u25CC'"}},".cm-completionIcon-variable":{"&:after":{content:"'\u{1D465}'"}},".cm-completionIcon-constant":{"&:after":{content:"'\u{1D436}'"}},".cm-completionIcon-type":{"&:after":{content:"'\u{1D461}'"}},".cm-completionIcon-enum":{"&:after":{content:"'\u222A'"}},".cm-completionIcon-property":{"&:after":{content:"'\u25A1'"}},".cm-completionIcon-keyword":{"&:after":{content:"'\u{1F511}\uFE0E'"}},".cm-completionIcon-namespace":{"&:after":{content:"'\u25A2'"}},".cm-completionIcon-text":{"&:after":{content:"'abc'",fontSize:"50%",verticalAlign:"middle"}}});class Pt{constructor(e,t,n,o){this.field=e,this.line=t,this.from=n,this.to=o}}class re{constructor(e,t,n){this.field=e,this.from=t,this.to=n}map(e){let t=e.mapPos(this.from,-1,G.TrackDel),n=e.mapPos(this.to,1,G.TrackDel);return t==null||n==null?null:new re(this.field,t,n)}}class ae{constructor(e,t){this.lines=e,this.fieldPositions=t}instantiate(e,t){let n=[],o=[t],s=e.doc.lineAt(t),l=/^\s*/.exec(s.text)[0];for(let a of this.lines){if(n.length){let c=l,f=/^\t*/.exec(a)[0].length;for(let h=0;h<f;h++)c+=e.facet(nt);o.push(t+c.length-f),a=c+a.slice(f)}n.push(a),t+=a.length+1}let r=this.fieldPositions.map(a=>new re(a.field,o[a.line]+a.from,o[a.line]+a.to));return{text:n,ranges:r}}static parse(e){let t=[],n=[],o=[],s;for(let l of e.split(/\r\n?|\n/)){for(;s=/[#$]\{(?:(\d+)(?::([^}]*))?|((?:\\[{}]|[^}])*))\}/.exec(l);){let r=s[1]?+s[1]:null,a=s[2]||s[3]||"",c=-1,f=a.replace(/\\[{}]/g,h=>h[1]);for(let h=0;h<t.length;h++)(r!=null?t[h].seq==r:f&&t[h].name==f)&&(c=h);if(c<0){let h=0;for(;h<t.length&&(r==null||t[h].seq!=null&&t[h].seq<r);)h++;t.splice(h,0,{seq:r,name:f}),c=h;for(let p of o)p.field>=c&&p.field++}o.push(new Pt(c,n.length,s.index,s.index+f.length)),l=l.slice(0,s.index)+a+l.slice(s.index+s[0].length)}l=l.replace(/\\([{}])/g,(r,a,c)=>{for(let f of o)f.line==n.length&&f.from>c&&(f.from--,f.to--);return a}),n.push(l)}return new ae(n,o)}}let At=U.widget({widget:new class extends it{toDOM(){let i=document.createElement("span");return i.className="cm-snippetFieldPosition",i}ignoreEvent(){return!1}}}),Rt=U.mark({class:"cm-snippetField"});class L{constructor(e,t){this.ranges=e,this.active=t,this.deco=U.set(e.map(n=>(n.from==n.to?At:Rt).range(n.from,n.to)))}map(e){let t=[];for(let n of this.ranges){let o=n.map(e);if(!o)return null;t.push(o)}return new L(t,this.active)}selectionInsideField(e){return e.ranges.every(t=>this.ranges.some(n=>n.field==this.active&&n.from<=t.from&&n.to>=t.to))}}const $=I.define({map(i,e){return i&&i.map(e)}}),Dt=I.define(),E=X.define({create(){return null},update(i,e){for(let t of e.effects){if(t.is($))return t.value;if(t.is(Dt)&&i)return new L(i.ranges,t.value)}return i&&e.docChanged&&(i=i.map(e.changes)),i&&e.selection&&!i.selectionInsideField(e.selection)&&(i=null),i},provide:i=>R.decorations.from(i,e=>e?e.deco:U.none)});function ne(i,e){return v.create(i.filter(t=>t.field==e).map(t=>v.range(t.from,t.to)))}function Pe(i){let e=ae.parse(i);return(t,n,o,s)=>{let{text:l,ranges:r}=e.instantiate(t.state,o),a={changes:{from:o,to:s,insert:Ye.of(l)},scrollIntoView:!0,annotations:n?[V.of(n),Ge.userEvent.of("input.complete")]:void 0};if(r.length&&(a.selection=ne(r,0)),r.some(c=>c.field>0)){let c=new L(r,0),f=a.effects=[$.of(c)];t.state.field(E,!1)===void 0&&f.push(I.appendConfig.of([E,Bt,jt,Ee]))}t.dispatch(t.state.update(a))}}function Ae(i){return({state:e,dispatch:t})=>{let n=e.field(E,!1);if(!n||i<0&&n.active==0)return!1;let o=n.active+i,s=i>0&&!n.ranges.some(l=>l.field==o+i);return t(e.update({selection:ne(n.ranges,o),effects:$.of(s?null:new L(n.ranges,o)),scrollIntoView:!0})),!0}}const Re=({state:i,dispatch:e})=>i.field(E,!1)?(e(i.update({effects:$.of(null)})),!0):!1,De=Ae(1),Le=Ae(-1);function Lt(i){let e=i.field(E,!1);return!!(e&&e.ranges.some(t=>t.field==e.active+1))}function Mt(i){let e=i.field(E,!1);return!!(e&&e.active>0)}const kt=[{key:"Tab",run:De,shift:Le},{key:"Escape",run:Re}],oe=fe.define({combine(i){return i.length?i[0]:kt}}),Bt=Y.highest(pe.compute([oe],i=>i.facet(oe)));function Ft(i,e){return Object.assign(Object.assign({},e),{apply:Pe(i)})}const jt=R.domEventHandlers({mousedown(i,e){let t=e.state.field(E,!1),n;if(!t||(n=e.posAtCoords({x:i.clientX,y:i.clientY}))==null)return!1;let o=t.ranges.find(s=>s.from<=n&&s.to>=n);return!o||o.field==t.active?!1:(e.dispatch({selection:ne(t.ranges,o.field),effects:$.of(t.ranges.some(s=>s.field>o.field)?new L(t.ranges,o.field):null),scrollIntoView:!0}),!0)}});function $t(i){let e=i.replace(/[\]\-\\]/g,"\\$&");try{return new RegExp(`[\\p{Alphabetic}\\p{Number}_${e}]+`,"ug")}catch{return new RegExp(`[w${e}]`,"g")}}function Me(i,e){return new RegExp(e(i.source),i.unicode?"u":"")}const ke=Object.create(null);function Wt(i){return ke[i]||(ke[i]=new WeakMap)}function Be(i,e,t,n,o){for(let s=i.iterLines(),l=0;!s.next().done;){let{value:r}=s,a;for(e.lastIndex=0;a=e.exec(r);)if(!n[a[0]]&&l+a.index!=o&&(t.push({type:"text",label:a[0]}),n[a[0]]=!0,t.length>=2e3))return;l+=r.length+1}}function Fe(i,e,t,n,o){let s=i.length>=1e3,l=s&&e.get(i);if(l)return l;let r=[],a=Object.create(null);if(i.children){let c=0;for(let f of i.children){if(f.length>=1e3)for(let h of Fe(f,e,t,n-c,o-c))a[h.label]||(a[h.label]=!0,r.push(h));else Be(f,t,r,a,o-c);c+=f.length+1}}else Be(i,t,r,a,o);return s&&r.length<2e3&&e.set(i,r),r}const Nt=i=>{let e=i.state.languageDataAt("wordChars",i.pos).join(""),t=$t(e),n=i.matchBefore(Me(t,l=>l+"$"));if(!n&&!i.explicit)return null;let o=n?n.from:i.pos,s=Fe(i.state.doc,Wt(e),t,5e4,o);return{from:o,options:s,validFor:Me(t,l=>"^"+l)}},W={brackets:["(","[","{","'",'"'],before:")]}:;>",stringPrefixes:[]},P=I.define({map(i,e){let t=e.mapPos(i,-1,G.TrackAfter);return t??void 0}}),se=new class extends Je{};se.startSide=1,se.endSide=-1;const je=X.define({create(){return Ze.empty},update(i,e){if(i=i.map(e.changes),e.selection){let t=e.state.doc.lineAt(e.selection.main.head);i=i.update({filter:n=>n>=t.from&&n<=t.to})}for(let t of e.effects)t.is(P)&&(i=i.update({add:[se.range(t.value,t.value+1)]}));return i}});function Ut(){return[Ht,je]}const le="()[]{}<>";function $e(i){for(let e=0;e<le.length;e+=2)if(le.charCodeAt(e)==i)return le.charAt(e+1);return ce(i<128?i:i+1)}function We(i,e){return i.languageDataAt("closeBrackets",e)[0]||W}const Vt=typeof navigator=="object"&&/Android\b/.test(navigator.userAgent),Ht=R.inputHandler.of((i,e,t,n)=>{if((Vt?i.composing:i.compositionStarted)||i.state.readOnly)return!1;let o=i.state.selection.main;if(n.length>2||n.length==2&&O(C(n,0))==1||e!=o.from||t!=o.to)return!1;let s=Ue(i.state,n);return s?(i.dispatch(s),!0):!1}),Ne=({state:i,dispatch:e})=>{if(i.readOnly)return!1;let n=We(i,i.selection.main.head).brackets||W.brackets,o=null,s=i.changeByRange(l=>{if(l.empty){let r=zt(i.doc,l.head);for(let a of n)if(a==r&&q(i.doc,l.head)==$e(C(a,0)))return{changes:{from:l.head-a.length,to:l.head+a.length},range:v.cursor(l.head-a.length)}}return{range:o=l}});return o||e(i.update(s,{scrollIntoView:!0,userEvent:"delete.backward"})),!o},qt=[{key:"Backspace",run:Ne}];function Ue(i,e){let t=We(i,i.selection.main.head),n=t.brackets||W.brackets;for(let o of n){let s=$e(C(o,0));if(e==o)return s==o?Xt(i,o,n.indexOf(o+o+o)>-1,t):Kt(i,o,s,t.before||W.before);if(e==s&&Ve(i,i.selection.main.from))return Qt(i,o,s)}return null}function Ve(i,e){let t=!1;return i.field(je).between(0,i.doc.length,n=>{n==e&&(t=!0)}),t}function q(i,e){let t=i.sliceString(e,e+2);return t.slice(0,O(C(t,0)))}function zt(i,e){let t=i.sliceString(e-2,e);return O(C(t,0))==t.length?t:t.slice(1)}function Kt(i,e,t,n){let o=null,s=i.changeByRange(l=>{if(!l.empty)return{changes:[{insert:e,from:l.from},{insert:t,from:l.to}],effects:P.of(l.to+e.length),range:v.range(l.anchor+e.length,l.head+e.length)};let r=q(i.doc,l.head);return!r||/\s/.test(r)||n.indexOf(r)>-1?{changes:{insert:e+t,from:l.head},effects:P.of(l.head+e.length),range:v.cursor(l.head+e.length)}:{range:o=l}});return o?null:i.update(s,{scrollIntoView:!0,userEvent:"input.type"})}function Qt(i,e,t){let n=null,o=i.changeByRange(s=>s.empty&&q(i.doc,s.head)==t?{changes:{from:s.head,to:s.head+t.length,insert:t},range:v.cursor(s.head+t.length)}:n={range:s});return n?null:i.update(o,{scrollIntoView:!0,userEvent:"input.type"})}function Xt(i,e,t,n){let o=n.stringPrefixes||W.stringPrefixes,s=null,l=i.changeByRange(r=>{if(!r.empty)return{changes:[{insert:e,from:r.from},{insert:e,from:r.to}],effects:P.of(r.to+e.length),range:v.range(r.anchor+e.length,r.head+e.length)};let a=r.head,c=q(i.doc,a),f;if(c==e){if(He(i,a))return{changes:{insert:e+e,from:a},effects:P.of(a+e.length),range:v.cursor(a+e.length)};if(Ve(i,a)){let p=t&&i.sliceDoc(a,a+e.length*3)==e+e+e?e+e+e:e;return{changes:{from:a,to:a+p.length,insert:p},range:v.cursor(a+p.length)}}}else{if(t&&i.sliceDoc(a-2*e.length,a)==e+e&&(f=qe(i,a-2*e.length,o))>-1&&He(i,f))return{changes:{insert:e+e+e+e,from:a},effects:P.of(a+e.length),range:v.cursor(a+e.length)};if(i.charCategorizer(a)(c)!=J.Word&&qe(i,a,o)>-1&&!Yt(i,a,e,o))return{changes:{insert:e+e,from:a},effects:P.of(a+e.length),range:v.cursor(a+e.length)}}return{range:s=r}});return s?null:i.update(l,{scrollIntoView:!0,userEvent:"input.type"})}function He(i,e){let t=B(i).resolveInner(e+1);return t.parent&&t.from==e}function Yt(i,e,t,n){let o=B(i).resolveInner(e,-1),s=n.reduce((l,r)=>Math.max(l,r.length),0);for(let l=0;l<5;l++){let r=i.sliceDoc(o.from,Math.min(o.to,o.from+t.length+s)),a=r.indexOf(t);if(!a||a>-1&&n.indexOf(r.slice(0,a))>-1){let f=o.firstChild;for(;f&&f.from==o.from&&f.to-f.from>t.length+a;){if(i.sliceDoc(f.to-t.length,f.to)==t)return!1;f=f.firstChild}return!0}let c=o.to==e&&o.parent;if(!c)break;o=c}return!1}function qe(i,e,t){let n=i.charCategorizer(e);if(n(i.sliceDoc(e-1,e))!=J.Word)return e;for(let o of t){let s=e-o.length;if(i.sliceDoc(s,e)==o&&n(i.sliceDoc(s-1,s))!=J.Word)return s}return-1}function Gt(i={}){return[Et,m,y.of(i),Ot,Jt,Ee]}const ze=[{key:"Ctrl-Space",run:Oe},{key:"Escape",run:Te},{key:"ArrowDown",run:j(!0)},{key:"ArrowUp",run:j(!1)},{key:"PageDown",run:j(!0,"page")},{key:"PageUp",run:j(!1,"page")},{key:"Enter",run:Ie}],Jt=Y.highest(pe.computeN([y],i=>i.facet(y).defaultKeymap?[ze]:[]));function Zt(i){let e=i.field(m,!1);return e&&e.active.some(t=>t.state==1)?"pending":e&&e.active.some(t=>t.state!=0)?"active":null}const Ke=new WeakMap;function _t(i){var e;let t=(e=i.field(m,!1))===null||e===void 0?void 0:e.open;if(!t||t.disabled)return[];let n=Ke.get(t.options);return n||Ke.set(t.options,n=t.options.map(o=>o.completion)),n}function ei(i){var e;let t=(e=i.field(m,!1))===null||e===void 0?void 0:e.open;return t&&!t.disabled&&t.selected>=0?t.options[t.selected].completion:null}function ti(i){var e;let t=(e=i.field(m,!1))===null||e===void 0?void 0:e.open;return t&&!t.disabled&&t.selected>=0?t.selected:null}function ii(i){return te.of(i)}export{_ as CompletionContext,Ie as acceptCompletion,Gt as autocompletion,Re as clearSnippet,Ut as closeBrackets,qt as closeBracketsKeymap,Te as closeCompletion,Nt as completeAnyWord,de as completeFromList,ze as completionKeymap,Zt as completionStatus,_t as currentCompletions,Ne as deleteBracketPair,Lt as hasNextSnippetField,Mt as hasPrevSnippetField,st as ifIn,lt as ifNotIn,Ue as insertBracket,ye as insertCompletionText,j as moveCompletionSelection,De as nextSnippetField,V as pickedCompletion,Le as prevSnippetField,ei as selectedCompletion,ti as selectedCompletionIndex,ii as setSelectedCompletion,Pe as snippet,Ft as snippetCompletion,oe as snippetKeymap,Oe as startCompletion};
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/commands.js b/Resources/Public/JavaScript/Contrib/@codemirror/commands.js
new file mode 100644
index 0000000..e46827e
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/commands.js
@@ -0,0 +1 @@
+import{Annotation as Me,Facet as be,combineConfig as qt,StateField as Kt,Transaction as X,ChangeSet as $t,ChangeDesc as _t,EditorSelection as h,StateEffect as Qt,Text as Ee,findClusterBreak as O,countColumn as Y,CharCategory as L}from"@codemirror/state";import{EditorView as M,Direction as Xt}from"@codemirror/view";import{IndentContext as Te,getIndentation as Oe,indentString as U,matchBrackets as b,syntaxTree as Z,getIndentUnit as j,indentUnit as Yt}from"@codemirror/language";import{NodeProp as ee}from"@lezer/common";const Ie=e=>{let{state:t}=e,r=t.doc.lineAt(t.selection.main.from),n=te(e.state,r.from);return n.line?Re(e):n.block?Ue(e):!1};function D(e,t){return({state:r,dispatch:n})=>{if(r.readOnly)return!1;let l=e(t,r);return l?(n(r.update(l)),!0):!1}}const Re=D(ne,0),Zt=D(ne,1),jt=D(ne,2),ve=D(N,0),en=D(N,1),tn=D(N,2),Ue=D((e,t)=>N(e,t,rn(t)),0);function te(e,t){let r=e.languageDataAt("commentTokens",t);return r.length?r[0]:{}}const I=50;function nn(e,{open:t,close:r},n,l){let o=e.sliceDoc(n-I,n),c=e.sliceDoc(l,l+I),s=/\s*$/.exec(o)[0].length,i=/^\s*/.exec(c)[0].length,f=o.length-s;if(o.slice(f-t.length,f)==t&&c.slice(i,i+r.length)==r)return{open:{pos:n-s,margin:s&&1},close:{pos:l+i,margin:i&&1}};let u,a;l-n<=2*I?u=a=e.sliceDoc(n,l):(u=e.sliceDoc(n,n+I),a=e.sliceDoc(l-I,l));let d=/^\s*/.exec(u)[0].length,B=/\s*$/.exec(a)[0].length,g=a.length-B-r.length;return u.slice(d,d+t.length)==t&&a.slice(g,g+r.length)==r?{open:{pos:n+d+t.length,margin:/\s/.test(u.charAt(d+t.length))?1:0},close:{pos:l-B-r.length,margin:/\s/.test(a.charAt(g-1))?1:0}}:null}function rn(e){let t=[];for(let r of e.selection.ranges){let n=e.doc.lineAt(r.from),l=r.to<=n.to?n:e.doc.lineAt(r.to),o=t.length-1;o>=0&&t[o].to>n.from?t[o].to=l.to:t.push({from:n.from+/^\s*/.exec(n.text)[0].length,to:l.to})}return t}function N(e,t,r=t.selection.ranges){let n=r.map(o=>te(t,o.from).block);if(!n.every(o=>o))return null;let l=r.map((o,c)=>nn(t,n[c],o.from,o.to));if(e!=2&&!l.every(o=>o))return{changes:t.changes(r.map((o,c)=>l[c]?[]:[{from:o.from,insert:n[c].open+" "},{from:o.to,insert:" "+n[c].close}]))};if(e!=1&&l.some(o=>o)){let o=[];for(let c=0,s;c<l.length;c++)if(s=l[c]){let i=n[c],{open:f,close:u}=s;o.push({from:f.pos-i.open.length,to:f.pos+f.margin},{from:u.pos-u.margin,to:u.pos+i.close.length})}return{changes:o}}return null}function ne(e,t,r=t.selection.ranges){let n=[],l=-1;for(let{from:o,to:c}of r){let s=n.length,i=1e9,f=te(t,o).line;if(f){for(let u=o;u<=c;){let a=t.doc.lineAt(u);if(a.from>l&&(o==c||c>a.from)){l=a.from;let d=/^\s*/.exec(a.text)[0].length,B=d==a.length,g=a.text.slice(d,d+f.length)==f?d:-1;d<a.text.length&&d<i&&(i=d),n.push({line:a,comment:g,token:f,indent:d,empty:B,single:!1})}u=a.to+1}if(i<1e9)for(let u=s;u<n.length;u++)n[u].indent<n[u].line.text.length&&(n[u].indent=i);n.length==s+1&&(n[s].single=!0)}}if(e!=2&&n.some(o=>o.comment<0&&(!o.empty||o.single))){let o=[];for(let{line:s,token:i,indent:f,empty:u,single:a}of n)(a||!u)&&o.push({from:s.from+f,insert:i+" "});let c=t.changes(o);return{changes:c,selection:t.selection.map(c,1)}}else if(e!=1&&n.some(o=>o.comment>=0)){let o=[];for(let{line:c,comment:s,token:i}of n)if(s>=0){let f=c.from+s,u=f+i.length;c.text[u-c.from]==" "&&u++,o.push({from:f,to:u})}return{changes:o}}return null}const re=Me.define(),Ne=Me.define(),Ve=be.define(),Fe=be.define({combine(e){return qt(e,{minDepth:100,newGroupDelay:500,joinToEvent:(t,r)=>r},{minDepth:Math.max,newGroupDelay:Math.min,joinToEvent:(t,r)=>(n,l)=>t(n,l)||r(n,l)})}}),V=Kt.define({create(){return C.empty},update(e,t){let r=t.state.facet(Fe),n=t.annotation(re);if(n){let i=p.fromTransaction(t,n.selection),f=n.side,u=f==0?e.undone:e.done;return i?u=P(u,u.length,r.minDepth,i):u=ze(u,t.startState.selection),new C(f==0?n.rest:u,f==0?u:n.rest)}let l=t.annotation(Ne);if((l=="full"||l=="before")&&(e=e.isolate()),t.annotation(X.addToHistory)===!1)return t.changes.empty?e:e.addMapping(t.changes.desc);let o=p.fromTransaction(t),c=t.annotation(X.time),s=t.annotation(X.userEvent);return o?e=e.addChanges(o,c,s,r,t):t.selection&&(e=e.addSelection(t.startState.selection,c,s,r.newGroupDelay)),(l=="full"||l=="after")&&(e=e.isolate()),e},toJSON(e){return{done:e.done.map(t=>t.toJSON()),undone:e.undone.map(t=>t.toJSON())}},fromJSON(e){return new C(e.done.map(p.fromJSON),e.undone.map(p.fromJSON))}});function on(e={}){return[V,Fe.of(e),M.domEventHandlers({beforeinput(t,r){let n=t.inputType=="historyUndo"?oe:t.inputType=="historyRedo"?G:null;return n?(t.preventDefault(),n(r)):!1}})]}const ln=V;function F(e,t){return function({state:r,dispatch:n}){if(!t&&r.readOnly)return!1;let l=r.field(V,!1);if(!l)return!1;let o=l.pop(e,r,t);return o?(n(o),!0):!1}}const oe=F(0,!1),G=F(1,!1),Ge=F(0,!0),Pe=F(1,!0);function Je(e){return function(t){let r=t.field(V,!1);if(!r)return 0;let n=e==0?r.done:r.undone;return n.length-(n.length&&!n[0].changes?1:0)}}const cn=Je(0),sn=Je(1);class p{constructor(t,r,n,l,o){this.changes=t,this.effects=r,this.mapped=n,this.startSelection=l,this.selectionsAfter=o}setSelAfter(t){return new p(this.changes,this.effects,this.mapped,this.startSelection,t)}toJSON(){var t,r,n;return{changes:(t=this.changes)===null||t===void 0?void 0:t.toJSON(),mapped:(r=this.mapped)===null||r===void 0?void 0:r.toJSON(),startSelection:(n=this.startSelection)===null||n===void 0?void 0:n.toJSON(),selectionsAfter:this.selectionsAfter.map(l=>l.toJSON())}}static fromJSON(t){return new p(t.changes&&$t.fromJSON(t.changes),[],t.mapped&&_t.fromJSON(t.mapped),t.startSelection&&h.fromJSON(t.startSelection),t.selectionsAfter.map(h.fromJSON))}static fromTransaction(t,r){let n=k;for(let l of t.startState.facet(Ve)){let o=l(t);o.length&&(n=n.concat(o))}return!n.length&&t.changes.empty?null:new p(t.changes.invert(t.startState.doc),n,void 0,r||t.startState.selection,k)}static selection(t){return new p(void 0,k,void 0,void 0,t)}}function P(e,t,r,n){let l=t+1>r+20?t-r-1:0,o=e.slice(l,t);return o.push(n),o}function un(e,t){let r=[],n=!1;return e.iterChangedRanges((l,o)=>r.push(l,o)),t.iterChangedRanges((l,o,c,s)=>{for(let i=0;i<r.length;){let f=r[i++],u=r[i++];s>=f&&c<=u&&(n=!0)}}),n}function fn(e,t){return e.ranges.length==t.ranges.length&&e.ranges.filter((r,n)=>r.empty!=t.ranges[n].empty).length===0}function we(e,t){return e.length?t.length?e.concat(t):e:t}const k=[],an=200;function ze(e,t){if(e.length){let r=e[e.length-1],n=r.selectionsAfter.slice(Math.max(0,r.selectionsAfter.length-an));return n.length&&n[n.length-1].eq(t)?e:(n.push(t),P(e,e.length-1,1e9,r.setSelAfter(n)))}else return[p.selection([t])]}function hn(e){let t=e[e.length-1],r=e.slice();return r[e.length-1]=t.setSelAfter(t.selectionsAfter.slice(0,t.selectionsAfter.length-1)),r}function le(e,t){if(!e.length)return e;let r=e.length,n=k;for(;r;){let l=dn(e[r-1],t,n);if(l.changes&&!l.changes.empty||l.effects.length){let o=e.slice(0,r);return o[r-1]=l,o}else t=l.mapped,r--,n=l.selectionsAfter}return n.length?[p.selection(n)]:k}function dn(e,t,r){let n=we(e.selectionsAfter.length?e.selectionsAfter.map(s=>s.map(t)):k,r);if(!e.changes)return p.selection(n);let l=e.changes.map(t),o=t.mapDesc(e.changes,!0),c=e.mapped?e.mapped.composeDesc(o):o;return new p(l,Qt.mapEffects(e.effects,t),c,e.startSelection.map(o),n)}const mn=/^(input\.type|delete)($|\.)/;class C{constructor(t,r,n=0,l=void 0){this.done=t,this.undone=r,this.prevTime=n,this.prevUserEvent=l}isolate(){return this.prevTime?new C(this.done,this.undone):this}addChanges(t,r,n,l,o){let c=this.done,s=c[c.length-1];return s&&s.changes&&!s.changes.empty&&t.changes&&(!n||mn.test(n))&&(!s.selectionsAfter.length&&r-this.prevTime<l.newGroupDelay&&l.joinToEvent(o,un(s.changes,t.changes))||n=="input.type.compose")?c=P(c,c.length-1,l.minDepth,new p(t.changes.compose(s.changes),we(t.effects,s.effects),s.mapped,s.startSelection,k)):c=P(c,c.length,l.minDepth,t),new C(c,k,r,n)}addSelection(t,r,n,l){let o=this.done.length?this.done[this.done.length-1].selectionsAfter:k;return o.length>0&&r-this.prevTime<l&&n==this.prevUserEvent&&n&&/^select($|\.)/.test(n)&&fn(o[o.length-1],t)?this:new C(ze(this.done,t),this.undone,r,n)}addMapping(t){return new C(le(this.done,t),le(this.undone,t),this.prevTime,this.prevUserEvent)}pop(t,r,n){let l=t==0?this.done:this.undone;if(l.length==0)return null;let o=l[l.length-1],c=o.selectionsAfter[0]||r.selection;if(n&&o.selectionsAfter.length)return r.update({selection:o.selectionsAfter[o.selectionsAfter.length-1],annotations:re.of({side:t,rest:hn(l),selection:c}),userEvent:t==0?"select.undo":"select.redo",scrollIntoView:!0});if(o.changes){let s=l.length==1?k:l.slice(0,l.length-1);return o.mapped&&(s=le(s,o.mapped)),r.update({changes:o.changes,selection:o.startSelection,effects:o.effects,annotations:re.of({side:t,rest:s,selection:c}),filter:!1,userEvent:t==0?"undo":"redo",scrollIntoView:!0})}else return null}}C.empty=new C(k,k);const pn=[{key:"Mod-z",run:oe,preventDefault:!0},{key:"Mod-y",mac:"Mod-Shift-z",run:G,preventDefault:!0},{linux:"Ctrl-Shift-z",run:G,preventDefault:!0},{key:"Mod-u",run:Ge,preventDefault:!0},{key:"Alt-u",mac:"Mod-Shift-u",run:Pe,preventDefault:!0}];function E(e,t){return h.create(e.ranges.map(t),e.mainIndex)}function S(e,t){return e.update({selection:t,scrollIntoView:!0,userEvent:"select"})}function A({state:e,dispatch:t},r){let n=E(e.selection,r);return n.eq(e.selection,!0)?!1:(t(S(e,n)),!0)}function R(e,t){return h.cursor(t?e.to:e.from)}function J(e,t){return A(e,r=>r.empty?e.moveByChar(r,t):R(r,t))}function m(e){return e.textDirectionAt(e.state.selection.main.head)==Xt.LTR}const ce=e=>J(e,!m(e)),se=e=>J(e,m(e)),gn=e=>J(e,!0),yn=e=>J(e,!1);function w(e,t){return A(e,r=>r.empty?e.moveByGroup(r,t):R(r,t))}const We=e=>w(e,!m(e)),He=e=>w(e,m(e)),kn=e=>w(e,!0),An=e=>w(e,!1),qe=typeof Intl<"u"&&Intl.Segmenter?new Intl.Segmenter(void 0,{granularity:"word"}):null;function Ke(e,t,r){let n=e.state.charCategorizer(t.from),l=L.Space,o=t.from,c=0,s=!1,i=!1,f=!1,u=d=>{if(s)return!1;o+=r?d.length:-d.length;let B=n(d),g;if(B==L.Word&&d.charCodeAt(0)<128&&/[\W_]/.test(d)&&(B=-1),l==L.Space&&(l=B),l!=B)return!1;if(l==L.Word)if(d.toLowerCase()==d){if(!r&&i)return!1;f=!0}else if(f){if(r)return!1;s=!0}else{if(i&&r&&n(g=e.state.sliceDoc(o,o+1))==L.Word&&g.toLowerCase()==g)return!1;i=!0}return c++,!0},a=e.moveByChar(t,r,d=>(u(d),u));if(qe&&l==L.Word&&a.from==t.from+c*(r?1:-1)){let d=Math.min(t.head,a.head),B=Math.max(t.head,a.head),g=e.state.sliceDoc(d,B);if(g.length>1&&/[\u4E00-\uffff]/.test(g)){let v=Array.from(qe.segment(g));if(v.length>1)return r?h.cursor(t.head+v[1].index,-1):h.cursor(a.head+v[v.length-1].index,1)}}return a}function $e(e,t){return A(e,r=>r.empty?Ke(e,r,t):R(r,t))}const Bn=e=>$e(e,!0),Sn=e=>$e(e,!1);function Cn(e,t,r){if(t.type.prop(r))return!0;let n=t.to-t.from;return n&&(n>2||/[^\s,.;:]/.test(e.sliceDoc(t.from,t.to)))||t.firstChild}function z(e,t,r){let n=Z(e).resolveInner(t.head),l=r?ee.closedBy:ee.openedBy;for(let i=t.head;;){let f=r?n.childAfter(i):n.childBefore(i);if(!f)break;Cn(e,f,l)?n=f:i=r?f.to:f.from}let o=n.type.prop(l),c,s;return o&&(c=r?b(e,n.from,1):b(e,n.to,-1))&&c.matched?s=r?c.end.to:c.end.from:s=r?n.to:n.from,h.cursor(s,r?-1:1)}const _e=e=>A(e,t=>z(e.state,t,!m(e))),Qe=e=>A(e,t=>z(e.state,t,m(e)));function Xe(e,t){return A(e,r=>{if(!r.empty)return R(r,t);let n=e.moveVertically(r,t);return n.head!=r.head?n:e.moveToLineBoundary(r,t)})}const ie=e=>Xe(e,!1),ue=e=>Xe(e,!0);function Ye(e){let t=e.scrollDOM.clientHeight<e.scrollDOM.scrollHeight-2,r=0,n=0,l;if(t){for(let o of e.state.facet(M.scrollMargins)){let c=o(e);c?.top&&(r=Math.max(c?.top,r)),c?.bottom&&(n=Math.max(c?.bottom,n))}l=e.scrollDOM.clientHeight-r-n}else l=(e.dom.ownerDocument.defaultView||window).innerHeight;return{marginTop:r,marginBottom:n,selfScroll:t,height:Math.max(e.defaultLineHeight,l-5)}}function Ze(e,t){let r=Ye(e),{state:n}=e,l=E(n.selection,c=>c.empty?e.moveVertically(c,t,r.height):R(c,t));if(l.eq(n.selection))return!1;let o;if(r.selfScroll){let c=e.coordsAtPos(n.selection.main.head),s=e.scrollDOM.getBoundingClientRect(),i=s.top+r.marginTop,f=s.bottom-r.marginBottom;c&&c.top>i&&c.bottom<f&&(o=M.scrollIntoView(l.main.head,{y:"start",yMargin:c.top-i}))}return e.dispatch(S(n,l),{effects:o}),!0}const fe=e=>Ze(e,!1),W=e=>Ze(e,!0);function x(e,t,r){let n=e.lineBlockAt(t.head),l=e.moveToLineBoundary(t,r);if(l.head==t.head&&l.head!=(r?n.to:n.from)&&(l=e.moveToLineBoundary(t,r,!1)),!r&&l.head==n.from&&n.length){let o=/^\s*/.exec(e.state.sliceDoc(n.from,Math.min(n.from+100,n.to)))[0].length;o&&t.head!=n.from+o&&(l=h.cursor(n.from+o))}return l}const je=e=>A(e,t=>x(e,t,!0)),et=e=>A(e,t=>x(e,t,!1)),tt=e=>A(e,t=>x(e,t,!m(e))),nt=e=>A(e,t=>x(e,t,m(e))),rt=e=>A(e,t=>h.cursor(e.lineBlockAt(t.head).from,1)),ot=e=>A(e,t=>h.cursor(e.lineBlockAt(t.head).to,-1));function lt(e,t,r){let n=!1,l=E(e.selection,o=>{let c=b(e,o.head,-1)||b(e,o.head,1)||o.head>0&&b(e,o.head-1,1)||o.head<e.doc.length&&b(e,o.head+1,-1);if(!c||!c.end)return o;n=!0;let s=c.start.from==o.head?c.end.to:c.end.from;return r?h.range(o.anchor,s):h.cursor(s)});return n?(t(S(e,l)),!0):!1}const ct=({state:e,dispatch:t})=>lt(e,t,!1),xn=({state:e,dispatch:t})=>lt(e,t,!0);function y(e,t){let r=E(e.state.selection,n=>{let l=t(n);return h.range(n.anchor,l.head,l.goalColumn,l.bidiLevel||void 0)});return r.eq(e.state.selection)?!1:(e.dispatch(S(e.state,r)),!0)}function H(e,t){return y(e,r=>e.moveByChar(r,t))}const ae=e=>H(e,!m(e)),he=e=>H(e,m(e)),Dn=e=>H(e,!0),Ln=e=>H(e,!1);function q(e,t){return y(e,r=>e.moveByGroup(r,t))}const st=e=>q(e,!m(e)),it=e=>q(e,m(e)),Mn=e=>q(e,!0),bn=e=>q(e,!1);function ut(e,t){return y(e,r=>Ke(e,r,t))}const En=e=>ut(e,!0),Tn=e=>ut(e,!1),ft=e=>y(e,t=>z(e.state,t,!m(e))),at=e=>y(e,t=>z(e.state,t,m(e)));function ht(e,t){return y(e,r=>e.moveVertically(r,t))}const de=e=>ht(e,!1),me=e=>ht(e,!0);function dt(e,t){return y(e,r=>e.moveVertically(r,t,Ye(e).height))}const pe=e=>dt(e,!1),ge=e=>dt(e,!0),mt=e=>y(e,t=>x(e,t,!0)),pt=e=>y(e,t=>x(e,t,!1)),gt=e=>y(e,t=>x(e,t,!m(e))),yt=e=>y(e,t=>x(e,t,m(e))),kt=e=>y(e,t=>h.cursor(e.lineBlockAt(t.head).from)),At=e=>y(e,t=>h.cursor(e.lineBlockAt(t.head).to)),ye=({state:e,dispatch:t})=>(t(S(e,{anchor:0})),!0),ke=({state:e,dispatch:t})=>(t(S(e,{anchor:e.doc.length})),!0),Ae=({state:e,dispatch:t})=>(t(S(e,{anchor:e.selection.main.anchor,head:0})),!0),Be=({state:e,dispatch:t})=>(t(S(e,{anchor:e.selection.main.anchor,head:e.doc.length})),!0),Bt=({state:e,dispatch:t})=>(t(e.update({selection:{anchor:0,head:e.doc.length},userEvent:"select"})),!0),St=({state:e,dispatch:t})=>{let r=_(e).map(({from:n,to:l})=>h.range(n,Math.min(l+1,e.doc.length)));return t(e.update({selection:h.create(r),userEvent:"select"})),!0},Ct=({state:e,dispatch:t})=>{let r=E(e.selection,n=>{var l;let o=Z(e).resolveStack(n.from,1);for(let c=o;c;c=c.next){let{node:s}=c;if((s.from<n.from&&s.to>=n.to||s.to>n.to&&s.from<=n.from)&&(!((l=s.parent)===null||l===void 0)&&l.parent))return h.range(s.to,s.from)}return n});return t(S(e,r)),!0},xt=({state:e,dispatch:t})=>{let r=e.selection,n=null;return r.ranges.length>1?n=h.create([r.main]):r.main.empty||(n=h.create([h.cursor(r.main.head)])),n?(t(S(e,n)),!0):!1};function T(e,t){if(e.state.readOnly)return!1;let r="delete.selection",{state:n}=e,l=n.changeByRange(o=>{let{from:c,to:s}=o;if(c==s){let i=t(o);i<c?(r="delete.backward",i=K(e,i,!1)):i>c&&(r="delete.forward",i=K(e,i,!0)),c=Math.min(c,i),s=Math.max(s,i)}else c=K(e,c,!1),s=K(e,s,!0);return c==s?{range:o}:{changes:{from:c,to:s},range:h.cursor(c,c<o.head?-1:1)}});return l.changes.empty?!1:(e.dispatch(n.update(l,{scrollIntoView:!0,userEvent:r,effects:r=="delete.selection"?M.announce.of(n.phrase("Selection deleted")):void 0})),!0)}function K(e,t,r){if(e instanceof M)for(let n of e.state.facet(M.atomicRanges).map(l=>l(e)))n.between(t,t,(l,o)=>{l<t&&o>t&&(t=r?o:l)});return t}const Se=(e,t,r)=>T(e,n=>{let l=n.from,{state:o}=e,c=o.doc.lineAt(l),s,i;if(r&&!t&&l>c.from&&l<c.from+200&&!/[^ \t]/.test(s=c.text.slice(0,l-c.from))){if(s[s.length-1]=="	")return l-1;let f=Y(s,o.tabSize),u=f%j(o)||j(o);for(let a=0;a<u&&s[s.length-1-a]==" ";a++)l--;i=l}else i=O(c.text,l-c.from,t,t)+c.from,i==l&&c.number!=(t?o.doc.lines:1)?i+=t?1:-1:!t&&/[\ufe00-\ufe0f]/.test(c.text.slice(i-c.from,l-c.from))&&(i=O(c.text,i-c.from,!1,!1)+c.from);return i}),$=e=>Se(e,!1,!0),On=e=>Se(e,!1,!1),Ce=e=>Se(e,!0,!1),Dt=(e,t)=>T(e,r=>{let n=r.head,{state:l}=e,o=l.doc.lineAt(n),c=l.charCategorizer(n);for(let s=null;;){if(n==(t?o.to:o.from)){n==r.head&&o.number!=(t?l.doc.lines:1)&&(n+=t?1:-1);break}let i=O(o.text,n-o.from,t)+o.from,f=o.text.slice(Math.min(n,i)-o.from,Math.max(n,i)-o.from),u=c(f);if(s!=null&&u!=s)break;(f!=" "||n!=r.head)&&(s=u),n=i}return n}),xe=e=>Dt(e,!1),Lt=e=>Dt(e,!0),Mt=e=>T(e,t=>{let r=e.lineBlockAt(t.head).to;return t.head<r?r:Math.min(e.state.doc.length,t.head+1)}),In=e=>T(e,t=>{let r=e.lineBlockAt(t.head).from;return t.head>r?r:Math.max(0,t.head-1)}),bt=e=>T(e,t=>{let r=e.moveToLineBoundary(t,!1).head;return t.head>r?r:Math.max(0,t.head-1)}),Et=e=>T(e,t=>{let r=e.moveToLineBoundary(t,!0).head;return t.head<r?r:Math.min(e.state.doc.length,t.head+1)}),Rn=({state:e,dispatch:t})=>{if(e.readOnly)return!1;let r=[];for(let n=0,l="",o=e.doc.iter();;){if(o.next(),o.lineBreak||o.done){let c=l.search(/\s+$/);if(c>-1&&r.push({from:n-(l.length-c),to:n}),o.done)break;l=""}else l=o.value;n+=o.value.length}return r.length?(t(e.update({changes:r,userEvent:"delete"})),!0):!1},Tt=({state:e,dispatch:t})=>{if(e.readOnly)return!1;let r=e.changeByRange(n=>({changes:{from:n.from,to:n.to,insert:Ee.of(["",""])},range:h.cursor(n.from)}));return t(e.update(r,{scrollIntoView:!0,userEvent:"input"})),!0},Ot=({state:e,dispatch:t})=>{if(e.readOnly)return!1;let r=e.changeByRange(n=>{if(!n.empty||n.from==0||n.from==e.doc.length)return{range:n};let l=n.from,o=e.doc.lineAt(l),c=l==o.from?l-1:O(o.text,l-o.from,!1)+o.from,s=l==o.to?l+1:O(o.text,l-o.from,!0)+o.from;return{changes:{from:c,to:s,insert:e.doc.slice(l,s).append(e.doc.slice(c,l))},range:h.cursor(s)}});return r.changes.empty?!1:(t(e.update(r,{scrollIntoView:!0,userEvent:"move.character"})),!0)};function _(e){let t=[],r=-1;for(let n of e.selection.ranges){let l=e.doc.lineAt(n.from),o=e.doc.lineAt(n.to);if(!n.empty&&n.to==o.from&&(o=e.doc.lineAt(n.to-1)),r>=l.number){let c=t[t.length-1];c.to=o.to,c.ranges.push(n)}else t.push({from:l.from,to:o.to,ranges:[n]});r=o.number+1}return t}function It(e,t,r){if(e.readOnly)return!1;let n=[],l=[];for(let o of _(e)){if(r?o.to==e.doc.length:o.from==0)continue;let c=e.doc.lineAt(r?o.to+1:o.from-1),s=c.length+1;if(r){n.push({from:o.to,to:c.to},{from:o.from,insert:c.text+e.lineBreak});for(let i of o.ranges)l.push(h.range(Math.min(e.doc.length,i.anchor+s),Math.min(e.doc.length,i.head+s)))}else{n.push({from:c.from,to:o.from},{from:o.to,insert:e.lineBreak+c.text});for(let i of o.ranges)l.push(h.range(i.anchor-s,i.head-s))}}return n.length?(t(e.update({changes:n,scrollIntoView:!0,selection:h.create(l,e.selection.mainIndex),userEvent:"move.line"})),!0):!1}const Rt=({state:e,dispatch:t})=>It(e,t,!1),vt=({state:e,dispatch:t})=>It(e,t,!0);function Ut(e,t,r){if(e.readOnly)return!1;let n=[];for(let l of _(e))r?n.push({from:l.from,insert:e.doc.slice(l.from,l.to)+e.lineBreak}):n.push({from:l.to,insert:e.lineBreak+e.doc.slice(l.from,l.to)});return t(e.update({changes:n,scrollIntoView:!0,userEvent:"input.copyline"})),!0}const Nt=({state:e,dispatch:t})=>Ut(e,t,!1),Vt=({state:e,dispatch:t})=>Ut(e,t,!0),Ft=e=>{if(e.state.readOnly)return!1;let{state:t}=e,r=t.changes(_(t).map(({from:l,to:o})=>(l>0?l--:o<t.doc.length&&o++,{from:l,to:o}))),n=E(t.selection,l=>{let o;if(e.lineWrapping){let c=e.lineBlockAt(l.head),s=e.coordsAtPos(l.head,l.assoc||1);s&&(o=c.bottom+e.documentTop-s.bottom+e.defaultLineHeight/2)}return e.moveVertically(l,!0,o)}).map(r);return e.dispatch({changes:r,selection:n,scrollIntoView:!0,userEvent:"delete.line"}),!0},vn=({state:e,dispatch:t})=>(t(e.update(e.replaceSelection(e.lineBreak),{scrollIntoView:!0,userEvent:"input"})),!0),Un=({state:e,dispatch:t})=>(t(e.update(e.changeByRange(r=>{let n=/^\s*/.exec(e.doc.lineAt(r.from).text)[0];return{changes:{from:r.from,to:r.to,insert:e.lineBreak+n},range:h.cursor(r.from+n.length+1)}}),{scrollIntoView:!0,userEvent:"input"})),!0);function Nn(e,t){if(/\(\)|\[\]|\{\}/.test(e.sliceDoc(t-1,t+1)))return{from:t,to:t};let r=Z(e).resolveInner(t),n=r.childBefore(t),l=r.childAfter(t),o;return n&&l&&n.to<=t&&l.from>=t&&(o=n.type.prop(ee.closedBy))&&o.indexOf(l.name)>-1&&e.doc.lineAt(n.to).from==e.doc.lineAt(l.from).from&&!/\S/.test(e.sliceDoc(n.to,l.from))?{from:n.to,to:l.from}:null}const Gt=Jt(!1),Pt=Jt(!0);function Jt(e){return({state:t,dispatch:r})=>{if(t.readOnly)return!1;let n=t.changeByRange(l=>{let{from:o,to:c}=l,s=t.doc.lineAt(o),i=!e&&o==c&&Nn(t,o);e&&(o=c=(c<=s.to?s:t.doc.lineAt(c)).to);let f=new Te(t,{simulateBreak:o,simulateDoubleBreak:!!i}),u=Oe(f,o);for(u==null&&(u=Y(/^\s*/.exec(t.doc.lineAt(o).text)[0],t.tabSize));c<s.to&&/\s/.test(s.text[c-s.from]);)c++;i?{from:o,to:c}=i:o>s.from&&o<s.from+100&&!/\S/.test(s.text.slice(0,o))&&(o=s.from);let a=["",U(t,u)];return i&&a.push(U(t,f.lineIndent(s.from,-1))),{changes:{from:o,to:c,insert:Ee.of(a)},range:h.cursor(o+1+a[1].length)}});return r(t.update(n,{scrollIntoView:!0,userEvent:"input"})),!0}}function De(e,t){let r=-1;return e.changeByRange(n=>{let l=[];for(let c=n.from;c<=n.to;){let s=e.doc.lineAt(c);s.number>r&&(n.empty||n.to>s.from)&&(t(s,l,n),r=s.number),c=s.to+1}let o=e.changes(l);return{changes:l,range:h.range(o.mapPos(n.anchor,1),o.mapPos(n.head,1))}})}const wt=({state:e,dispatch:t})=>{if(e.readOnly)return!1;let r=Object.create(null),n=new Te(e,{overrideIndentation:o=>{let c=r[o];return c??-1}}),l=De(e,(o,c,s)=>{let i=Oe(n,o.from);if(i==null)return;/\S/.test(o.text)||(i=0);let f=/^\s*/.exec(o.text)[0],u=U(e,i);(f!=u||s.from<o.from+f.length)&&(r[o.from]=i,c.push({from:o.from,to:o.from+f.length,insert:u}))});return l.changes.empty||t(e.update(l,{userEvent:"indent"})),!0},Q=({state:e,dispatch:t})=>e.readOnly?!1:(t(e.update(De(e,(r,n)=>{n.push({from:r.from,insert:e.facet(Yt)})}),{userEvent:"input.indent"})),!0),Le=({state:e,dispatch:t})=>e.readOnly?!1:(t(e.update(De(e,(r,n)=>{let l=/^\s*/.exec(r.text)[0];if(!l)return;let o=Y(l,e.tabSize),c=0,s=U(e,Math.max(0,o-j(e)));for(;c<l.length&&c<s.length&&l.charCodeAt(c)==s.charCodeAt(c);)c++;n.push({from:r.from+c,to:r.from+l.length,insert:s.slice(c)})}),{userEvent:"delete.dedent"})),!0),zt=e=>(e.setTabFocusMode(),!0),Vn=e=>(e.setTabFocusMode(2e3),!0),Fn=({state:e,dispatch:t})=>e.selection.ranges.some(r=>!r.empty)?Q({state:e,dispatch:t}):(t(e.update(e.replaceSelection("	"),{scrollIntoView:!0,userEvent:"input"})),!0),Wt=[{key:"Ctrl-b",run:ce,shift:ae,preventDefault:!0},{key:"Ctrl-f",run:se,shift:he},{key:"Ctrl-p",run:ie,shift:de},{key:"Ctrl-n",run:ue,shift:me},{key:"Ctrl-a",run:rt,shift:kt},{key:"Ctrl-e",run:ot,shift:At},{key:"Ctrl-d",run:Ce},{key:"Ctrl-h",run:$},{key:"Ctrl-k",run:Mt},{key:"Ctrl-Alt-h",run:xe},{key:"Ctrl-o",run:Tt},{key:"Ctrl-t",run:Ot},{key:"Ctrl-v",run:W}],Ht=[{key:"ArrowLeft",run:ce,shift:ae,preventDefault:!0},{key:"Mod-ArrowLeft",mac:"Alt-ArrowLeft",run:We,shift:st,preventDefault:!0},{mac:"Cmd-ArrowLeft",run:tt,shift:gt,preventDefault:!0},{key:"ArrowRight",run:se,shift:he,preventDefault:!0},{key:"Mod-ArrowRight",mac:"Alt-ArrowRight",run:He,shift:it,preventDefault:!0},{mac:"Cmd-ArrowRight",run:nt,shift:yt,preventDefault:!0},{key:"ArrowUp",run:ie,shift:de,preventDefault:!0},{mac:"Cmd-ArrowUp",run:ye,shift:Ae},{mac:"Ctrl-ArrowUp",run:fe,shift:pe},{key:"ArrowDown",run:ue,shift:me,preventDefault:!0},{mac:"Cmd-ArrowDown",run:ke,shift:Be},{mac:"Ctrl-ArrowDown",run:W,shift:ge},{key:"PageUp",run:fe,shift:pe},{key:"PageDown",run:W,shift:ge},{key:"Home",run:et,shift:pt,preventDefault:!0},{key:"Mod-Home",run:ye,shift:Ae},{key:"End",run:je,shift:mt,preventDefault:!0},{key:"Mod-End",run:ke,shift:Be},{key:"Enter",run:Gt},{key:"Mod-a",run:Bt},{key:"Backspace",run:$,shift:$},{key:"Delete",run:Ce},{key:"Mod-Backspace",mac:"Alt-Backspace",run:xe},{key:"Mod-Delete",mac:"Alt-Delete",run:Lt},{mac:"Mod-Backspace",run:bt},{mac:"Mod-Delete",run:Et}].concat(Wt.map(e=>({mac:e.key,run:e.run,shift:e.shift}))),Gn=[{key:"Alt-ArrowLeft",mac:"Ctrl-ArrowLeft",run:_e,shift:ft},{key:"Alt-ArrowRight",mac:"Ctrl-ArrowRight",run:Qe,shift:at},{key:"Alt-ArrowUp",run:Rt},{key:"Shift-Alt-ArrowUp",run:Nt},{key:"Alt-ArrowDown",run:vt},{key:"Shift-Alt-ArrowDown",run:Vt},{key:"Escape",run:xt},{key:"Mod-Enter",run:Pt},{key:"Alt-l",mac:"Ctrl-l",run:St},{key:"Mod-i",run:Ct,preventDefault:!0},{key:"Mod-[",run:Le},{key:"Mod-]",run:Q},{key:"Mod-Alt-\\",run:wt},{key:"Shift-Mod-k",run:Ft},{key:"Shift-Mod-\\",run:ct},{key:"Mod-/",run:Ie},{key:"Alt-A",run:ve},{key:"Ctrl-m",mac:"Shift-Alt-m",run:zt}].concat(Ht),Pn={key:"Tab",run:Q,shift:Le};export{en as blockComment,tn as blockUncomment,Vt as copyLineDown,Nt as copyLineUp,yn as cursorCharBackward,gn as cursorCharForward,ce as cursorCharLeft,se as cursorCharRight,ke as cursorDocEnd,ye as cursorDocStart,An as cursorGroupBackward,kn as cursorGroupForward,We as cursorGroupLeft,He as cursorGroupRight,et as cursorLineBoundaryBackward,je as cursorLineBoundaryForward,tt as cursorLineBoundaryLeft,nt as cursorLineBoundaryRight,ue as cursorLineDown,ot as cursorLineEnd,rt as cursorLineStart,ie as cursorLineUp,ct as cursorMatchingBracket,W as cursorPageDown,fe as cursorPageUp,Sn as cursorSubwordBackward,Bn as cursorSubwordForward,_e as cursorSyntaxLeft,Qe as cursorSyntaxRight,Gn as defaultKeymap,$ as deleteCharBackward,On as deleteCharBackwardStrict,Ce as deleteCharForward,xe as deleteGroupBackward,Lt as deleteGroupForward,Ft as deleteLine,bt as deleteLineBoundaryBackward,Et as deleteLineBoundaryForward,Mt as deleteToLineEnd,In as deleteToLineStart,Rn as deleteTrailingWhitespace,Wt as emacsStyleKeymap,on as history,ln as historyField,pn as historyKeymap,Le as indentLess,Q as indentMore,wt as indentSelection,Pn as indentWithTab,Pt as insertBlankLine,vn as insertNewline,Gt as insertNewlineAndIndent,Un as insertNewlineKeepIndent,Fn as insertTab,Ve as invertedEffects,Ne as isolateHistory,Zt as lineComment,jt as lineUncomment,vt as moveLineDown,Rt as moveLineUp,G as redo,sn as redoDepth,Pe as redoSelection,Bt as selectAll,Ln as selectCharBackward,Dn as selectCharForward,ae as selectCharLeft,he as selectCharRight,Be as selectDocEnd,Ae as selectDocStart,bn as selectGroupBackward,Mn as selectGroupForward,st as selectGroupLeft,it as selectGroupRight,St as selectLine,pt as selectLineBoundaryBackward,mt as selectLineBoundaryForward,gt as selectLineBoundaryLeft,yt as selectLineBoundaryRight,me as selectLineDown,At as selectLineEnd,kt as selectLineStart,de as selectLineUp,xn as selectMatchingBracket,ge as selectPageDown,pe as selectPageUp,Ct as selectParentSyntax,Tn as selectSubwordBackward,En as selectSubwordForward,ft as selectSyntaxLeft,at as selectSyntaxRight,xt as simplifySelection,Tt as splitLine,Ht as standardKeymap,Vn as temporarilySetTabFocusMode,ve as toggleBlockComment,Ue as toggleBlockCommentByLine,Ie as toggleComment,Re as toggleLineComment,zt as toggleTabFocusMode,Ot as transposeChars,oe as undo,cn as undoDepth,Ge as undoSelection};
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/lang-css.js b/Resources/Public/JavaScript/Contrib/@codemirror/lang-css.js
new file mode 100644
index 0000000..03d816f
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/lang-css.js
@@ -0,0 +1 @@
+import{parser as v}from"@lezer/css";import{syntaxTree as y,LRLanguage as k,indentNodeProp as x,continuedIndent as z,foldNodeProp as S,foldInside as q,LanguageSupport as C}from"@codemirror/language";import{NodeWeakMap as F,IterMode as N}from"@lezer/common";let c=null;function u(){if(!c&&typeof document=="object"&&document.body){let{style:r}=document.body,a=[],o=new Set;for(let t in r)t!="cssText"&&t!="cssFloat"&&typeof r[t]=="string"&&(/[A-Z]/.test(t)&&(t=t.replace(/[A-Z]/g,e=>"-"+e.toLowerCase())),o.has(t)||(a.push(t),o.add(t)));c=a.sort().map(t=>({type:"property",label:t}))}return c||[]}const m=["active","after","any-link","autofill","backdrop","before","checked","cue","default","defined","disabled","empty","enabled","file-selector-button","first","first-child","first-letter","first-line","first-of-type","focus","focus-visible","focus-within","fullscreen","has","host","host-context","hover","in-range","indeterminate","invalid","is","lang","last-child","last-of-type","left","link","marker","modal","not","nth-child","nth-last-child","nth-last-of-type","nth-of-type","only-child","only-of-type","optional","out-of-range","part","placeholder","placeholder-shown","read-only","read-write","required","right","root","scope","selection","slotted","target","target-text","valid","visited","where"].map(r=>({type:"class",label:r})),h=["above","absolute","activeborder","additive","activecaption","after-white-space","ahead","alias","all","all-scroll","alphabetic","alternate","always","antialiased","appworkspace","asterisks","attr","auto","auto-flow","avoid","avoid-column","avoid-page","avoid-region","axis-pan","background","backwards","baseline","below","bidi-override","blink","block","block-axis","bold","bolder","border","border-box","both","bottom","break","break-all","break-word","bullets","button","button-bevel","buttonface","buttonhighlight","buttonshadow","buttontext","calc","capitalize","caps-lock-indicator","caption","captiontext","caret","cell","center","checkbox","circle","cjk-decimal","clear","clip","close-quote","col-resize","collapse","color","color-burn","color-dodge","column","column-reverse","compact","condensed","contain","content","contents","content-box","context-menu","continuous","copy","counter","counters","cover","crop","cross","crosshair","currentcolor","cursive","cyclic","darken","dashed","decimal","decimal-leading-zero","default","default-button","dense","destination-atop","destination-in","destination-out","destination-over","difference","disc","discard","disclosure-closed","disclosure-open","document","dot-dash","dot-dot-dash","dotted","double","down","e-resize","ease","ease-in","ease-in-out","ease-out","element","ellipse","ellipsis","embed","end","ethiopic-abegede-gez","ethiopic-halehame-aa-er","ethiopic-halehame-gez","ew-resize","exclusion","expanded","extends","extra-condensed","extra-expanded","fantasy","fast","fill","fill-box","fixed","flat","flex","flex-end","flex-start","footnotes","forwards","from","geometricPrecision","graytext","grid","groove","hand","hard-light","help","hidden","hide","higher","highlight","highlighttext","horizontal","hsl","hsla","hue","icon","ignore","inactiveborder","inactivecaption","inactivecaptiontext","infinite","infobackground","infotext","inherit","initial","inline","inline-axis","inline-block","inline-flex","inline-grid","inline-table","inset","inside","intrinsic","invert","italic","justify","keep-all","landscape","large","larger","left","level","lighter","lighten","line-through","linear","linear-gradient","lines","list-item","listbox","listitem","local","logical","loud","lower","lower-hexadecimal","lower-latin","lower-norwegian","lowercase","ltr","luminosity","manipulation","match","matrix","matrix3d","medium","menu","menutext","message-box","middle","min-intrinsic","mix","monospace","move","multiple","multiple_mask_images","multiply","n-resize","narrower","ne-resize","nesw-resize","no-close-quote","no-drop","no-open-quote","no-repeat","none","normal","not-allowed","nowrap","ns-resize","numbers","numeric","nw-resize","nwse-resize","oblique","opacity","open-quote","optimizeLegibility","optimizeSpeed","outset","outside","outside-shape","overlay","overline","padding","padding-box","painted","page","paused","perspective","pinch-zoom","plus-darker","plus-lighter","pointer","polygon","portrait","pre","pre-line","pre-wrap","preserve-3d","progress","push-button","radial-gradient","radio","read-only","read-write","read-write-plaintext-only","rectangle","region","relative","repeat","repeating-linear-gradient","repeating-radial-gradient","repeat-x","repeat-y","reset","reverse","rgb","rgba","ridge","right","rotate","rotate3d","rotateX","rotateY","rotateZ","round","row","row-resize","row-reverse","rtl","run-in","running","s-resize","sans-serif","saturation","scale","scale3d","scaleX","scaleY","scaleZ","screen","scroll","scrollbar","scroll-position","se-resize","self-start","self-end","semi-condensed","semi-expanded","separate","serif","show","single","skew","skewX","skewY","skip-white-space","slide","slider-horizontal","slider-vertical","sliderthumb-horizontal","sliderthumb-vertical","slow","small","small-caps","small-caption","smaller","soft-light","solid","source-atop","source-in","source-out","source-over","space","space-around","space-between","space-evenly","spell-out","square","start","static","status-bar","stretch","stroke","stroke-box","sub","subpixel-antialiased","svg_masks","super","sw-resize","symbolic","symbols","system-ui","table","table-caption","table-cell","table-column","table-column-group","table-footer-group","table-header-group","table-row","table-row-group","text","text-bottom","text-top","textarea","textfield","thick","thin","threeddarkshadow","threedface","threedhighlight","threedlightshadow","threedshadow","to","top","transform","translate","translate3d","translateX","translateY","translateZ","transparent","ultra-condensed","ultra-expanded","underline","unidirectional-pan","unset","up","upper-latin","uppercase","url","var","vertical","vertical-text","view-box","visible","visibleFill","visiblePainted","visibleStroke","visual","w-resize","wait","wave","wider","window","windowframe","windowtext","words","wrap","wrap-reverse","x-large","x-small","xor","xx-large","xx-small"].map(r=>({type:"keyword",label:r})).concat(["aliceblue","antiquewhite","aqua","aquamarine","azure","beige","bisque","black","blanchedalmond","blue","blueviolet","brown","burlywood","cadetblue","chartreuse","chocolate","coral","cornflowerblue","cornsilk","crimson","cyan","darkblue","darkcyan","darkgoldenrod","darkgray","darkgreen","darkkhaki","darkmagenta","darkolivegreen","darkorange","darkorchid","darkred","darksalmon","darkseagreen","darkslateblue","darkslategray","darkturquoise","darkviolet","deeppink","deepskyblue","dimgray","dodgerblue","firebrick","floralwhite","forestgreen","fuchsia","gainsboro","ghostwhite","gold","goldenrod","gray","grey","green","greenyellow","honeydew","hotpink","indianred","indigo","ivory","khaki","lavender","lavenderblush","lawngreen","lemonchiffon","lightblue","lightcoral","lightcyan","lightgoldenrodyellow","lightgray","lightgreen","lightpink","lightsalmon","lightseagreen","lightskyblue","lightslategray","lightsteelblue","lightyellow","lime","limegreen","linen","magenta","maroon","mediumaquamarine","mediumblue","mediumorchid","mediumpurple","mediumseagreen","mediumslateblue","mediumspringgreen","mediumturquoise","mediumvioletred","midnightblue","mintcream","mistyrose","moccasin","navajowhite","navy","oldlace","olive","olivedrab","orange","orangered","orchid","palegoldenrod","palegreen","paleturquoise","palevioletred","papayawhip","peachpuff","peru","pink","plum","powderblue","purple","rebeccapurple","red","rosybrown","royalblue","saddlebrown","salmon","sandybrown","seagreen","seashell","sienna","silver","skyblue","slateblue","slategray","snow","springgreen","steelblue","tan","teal","thistle","tomato","turquoise","violet","wheat","white","whitesmoke","yellow","yellowgreen"].map(r=>({type:"constant",label:r}))),L=["a","abbr","address","article","aside","b","bdi","bdo","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","dd","del","details","dfn","dialog","div","dl","dt","em","figcaption","figure","footer","form","header","hgroup","h1","h2","h3","h4","h5","h6","hr","html","i","iframe","img","input","ins","kbd","label","legend","li","main","meter","nav","ol","output","p","pre","ruby","section","select","small","source","span","strong","sub","summary","sup","table","tbody","td","template","textarea","tfoot","th","thead","tr","u","ul"].map(r=>({type:"type",label:r})),s=/^(\w[\w-]*|-\w[\w-]*|)$/,P=/^-(-[\w-]*)?$/;function T(r,a){var o;if((r.name=="("||r.type.isError)&&(r=r.parent||r),r.name!="ArgList")return!1;let t=(o=r.parent)===null||o===void 0?void 0:o.firstChild;return t?.name!="Callee"?!1:a.sliceString(t.from,t.to)=="var"}const g=new F,A=["Declaration"];function B(r){for(let a=r;;){if(a.type.isTop)return a;if(!(a=a.parent))return r}}function b(r,a,o){if(a.to-a.from>4096){let t=g.get(a);if(t)return t;let e=[],l=new Set,i=a.cursor(N.IncludeAnonymous);if(i.firstChild())do for(let n of b(r,i.node,o))l.has(n.label)||(l.add(n.label),e.push(n));while(i.nextSibling());return g.set(a,e),e}else{let t=[],e=new Set;return a.cursor().iterate(l=>{var i;if(o(l)&&l.matchContext(A)&&((i=l.node.nextSibling)===null||i===void 0?void 0:i.name)==":"){let n=r.sliceString(l.from,l.to);e.has(n)||(e.add(n),t.push({label:n,type:"variable"}))}}),t}}const f=r=>a=>{let{state:o,pos:t}=a,e=y(o).resolveInner(t,-1),l=e.type.isError&&e.from==e.to-1&&o.doc.sliceString(e.from,e.to)=="-";if(e.name=="PropertyName"||(l||e.name=="TagName")&&/^(Block|Styles)$/.test(e.resolve(e.to).name))return{from:e.from,options:u(),validFor:s};if(e.name=="ValueName")return{from:e.from,options:h,validFor:s};if(e.name=="PseudoClassName")return{from:e.from,options:m,validFor:s};if(r(e)||(a.explicit||l)&&T(e,o.doc))return{from:r(e)||l?e.from:t,options:b(o.doc,B(e),r),validFor:P};if(e.name=="TagName"){for(let{parent:d}=e;d;d=d.parent)if(d.name=="Block")return{from:e.from,options:u(),validFor:s};return{from:e.from,options:L,validFor:s}}if(!a.explicit)return null;let i=e.resolve(t),n=i.childBefore(t);return n&&n.name==":"&&i.name=="PseudoClassSelector"?{from:t,options:m,validFor:s}:n&&n.name==":"&&i.name=="Declaration"||i.name=="ArgList"?{from:t,options:h,validFor:s}:i.name=="Block"||i.name=="Styles"?{from:t,options:u(),validFor:s}:null},w=f(r=>r.name=="VariableName"),p=k.define({name:"css",parser:v.configure({props:[x.add({Declaration:z()}),S.add({"Block KeyframeList":q})]}),languageData:{commentTokens:{block:{open:"/*",close:"*/"}},indentOnInput:/^\s*\}$/,wordChars:"-"}});function I(){return new C(p,p.data.of({autocomplete:w}))}export{I as css,w as cssCompletionSource,p as cssLanguage,f as defineCSSCompletionSource};
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/lang-html.js b/Resources/Public/JavaScript/Contrib/@codemirror/lang-html.js
new file mode 100644
index 0000000..67181a1
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/lang-html.js
@@ -0,0 +1 @@
+import{parser as W,configureNesting as L}from"@lezer/html";import{cssLanguage as I,css as J}from"@codemirror/lang-css";import{javascriptLanguage as S,typescriptLanguage as K,jsxLanguage as Q,tsxLanguage as X,javascript as Y}from"@codemirror/lang-javascript";import{EditorView as Z}from"@codemirror/view";import{EditorSelection as ee}from"@codemirror/state";import{syntaxTree as q,LRLanguage as te,indentNodeProp as le,foldNodeProp as ae,bracketMatchingHandle as ne,LanguageSupport as re}from"@codemirror/language";const T=["_blank","_self","_top","_parent"],N=["ascii","utf-8","utf-16","latin1","latin1"],j=["get","post","put","delete"],E=["application/x-www-form-urlencoded","multipart/form-data","text/plain"],p=["true","false"],l={},se={a:{attrs:{href:null,ping:null,type:null,media:null,target:T,hreflang:null}},abbr:l,address:l,area:{attrs:{alt:null,coords:null,href:null,target:null,ping:null,media:null,hreflang:null,type:null,shape:["default","rect","circle","poly"]}},article:l,aside:l,audio:{attrs:{src:null,mediagroup:null,crossorigin:["anonymous","use-credentials"],preload:["none","metadata","auto"],autoplay:["autoplay"],loop:["loop"],controls:["controls"]}},b:l,base:{attrs:{href:null,target:T}},bdi:l,bdo:l,blockquote:{attrs:{cite:null}},body:l,br:l,button:{attrs:{form:null,formaction:null,name:null,value:null,autofocus:["autofocus"],disabled:["autofocus"],formenctype:E,formmethod:j,formnovalidate:["novalidate"],formtarget:T,type:["submit","reset","button"]}},canvas:{attrs:{width:null,height:null}},caption:l,center:l,cite:l,code:l,col:{attrs:{span:null}},colgroup:{attrs:{span:null}},command:{attrs:{type:["command","checkbox","radio"],label:null,icon:null,radiogroup:null,command:null,title:null,disabled:["disabled"],checked:["checked"]}},data:{attrs:{value:null}},datagrid:{attrs:{disabled:["disabled"],multiple:["multiple"]}},datalist:{attrs:{data:null}},dd:l,del:{attrs:{cite:null,datetime:null}},details:{attrs:{open:["open"]}},dfn:l,div:l,dl:l,dt:l,em:l,embed:{attrs:{src:null,type:null,width:null,height:null}},eventsource:{attrs:{src:null}},fieldset:{attrs:{disabled:["disabled"],form:null,name:null}},figcaption:l,figure:l,footer:l,form:{attrs:{action:null,name:null,"accept-charset":N,autocomplete:["on","off"],enctype:E,method:j,novalidate:["novalidate"],target:T}},h1:l,h2:l,h3:l,h4:l,h5:l,h6:l,head:{children:["title","base","link","style","meta","script","noscript","command"]},header:l,hgroup:l,hr:l,html:{attrs:{manifest:null}},i:l,iframe:{attrs:{src:null,srcdoc:null,name:null,width:null,height:null,sandbox:["allow-top-navigation","allow-same-origin","allow-forms","allow-scripts"],seamless:["seamless"]}},img:{attrs:{alt:null,src:null,ismap:null,usemap:null,width:null,height:null,crossorigin:["anonymous","use-credentials"]}},input:{attrs:{alt:null,dirname:null,form:null,formaction:null,height:null,list:null,max:null,maxlength:null,min:null,name:null,pattern:null,placeholder:null,size:null,src:null,step:null,value:null,width:null,accept:["audio/*","video/*","image/*"],autocomplete:["on","off"],autofocus:["autofocus"],checked:["checked"],disabled:["disabled"],formenctype:E,formmethod:j,formnovalidate:["novalidate"],formtarget:T,multiple:["multiple"],readonly:["readonly"],required:["required"],type:["hidden","text","search","tel","url","email","password","datetime","date","month","week","time","datetime-local","number","range","color","checkbox","radio","file","submit","image","reset","button"]}},ins:{attrs:{cite:null,datetime:null}},kbd:l,keygen:{attrs:{challenge:null,form:null,name:null,autofocus:["autofocus"],disabled:["disabled"],keytype:["RSA"]}},label:{attrs:{for:null,form:null}},legend:l,li:{attrs:{value:null}},link:{attrs:{href:null,type:null,hreflang:null,media:null,sizes:["all","16x16","16x16 32x32","16x16 32x32 64x64"]}},map:{attrs:{name:null}},mark:l,menu:{attrs:{label:null,type:["list","context","toolbar"]}},meta:{attrs:{content:null,charset:N,name:["viewport","application-name","author","description","generator","keywords"],"http-equiv":["content-language","content-type","default-style","refresh"]}},meter:{attrs:{value:null,min:null,low:null,high:null,max:null,optimum:null}},nav:l,noscript:l,object:{attrs:{data:null,type:null,name:null,usemap:null,form:null,width:null,height:null,typemustmatch:["typemustmatch"]}},ol:{attrs:{reversed:["reversed"],start:null,type:["1","a","A","i","I"]},children:["li","script","template","ul","ol"]},optgroup:{attrs:{disabled:["disabled"],label:null}},option:{attrs:{disabled:["disabled"],label:null,selected:["selected"],value:null}},output:{attrs:{for:null,form:null,name:null}},p:l,param:{attrs:{name:null,value:null}},pre:l,progress:{attrs:{value:null,max:null}},q:{attrs:{cite:null}},rp:l,rt:l,ruby:l,samp:l,script:{attrs:{type:["text/javascript"],src:null,async:["async"],defer:["defer"],charset:N}},section:l,select:{attrs:{form:null,name:null,size:null,autofocus:["autofocus"],disabled:["disabled"],multiple:["multiple"]}},slot:{attrs:{name:null}},small:l,source:{attrs:{src:null,type:null,media:null}},span:l,strong:l,style:{attrs:{type:["text/css"],media:null,scoped:null}},sub:l,summary:l,sup:l,table:l,tbody:l,td:{attrs:{colspan:null,rowspan:null,headers:null}},template:l,textarea:{attrs:{dirname:null,form:null,maxlength:null,name:null,placeholder:null,rows:null,cols:null,autofocus:["autofocus"],disabled:["disabled"],readonly:["readonly"],required:["required"],wrap:["soft","hard"]}},tfoot:l,th:{attrs:{colspan:null,rowspan:null,headers:null,scope:["row","col","rowgroup","colgroup"]}},thead:l,time:{attrs:{datetime:null}},title:l,tr:l,track:{attrs:{src:null,label:null,default:null,kind:["subtitles","captions","descriptions","chapters","metadata"],srclang:null}},ul:{children:["li","script","template","ul","ol"]},var:l,video:{attrs:{src:null,poster:null,width:null,height:null,crossorigin:["anonymous","use-credentials"],preload:["auto","metadata","none"],autoplay:["autoplay"],mediagroup:["movie"],muted:["muted"],controls:["controls"]}},wbr:l},_={accesskey:null,class:null,contenteditable:p,contextmenu:null,dir:["ltr","rtl","auto"],draggable:["true","false","auto"],dropzone:["copy","move","link","string:","file:"],hidden:["hidden"],id:null,inert:["inert"],itemid:null,itemprop:null,itemref:null,itemscope:["itemscope"],itemtype:null,lang:["ar","bn","de","en-GB","en-US","es","fr","hi","id","ja","pa","pt","ru","tr","zh"],spellcheck:p,autocorrect:p,autocapitalize:p,style:null,tabindex:null,title:null,translate:["yes","no"],rel:["stylesheet","alternate","author","bookmark","help","license","next","nofollow","noreferrer","prefetch","prev","search","tag"],role:"alert application article banner button cell checkbox complementary contentinfo dialog document feed figure form grid gridcell heading img list listbox listitem main navigation region row rowgroup search switch tab table tabpanel textbox timer".split(" "),"aria-activedescendant":null,"aria-atomic":p,"aria-autocomplete":["inline","list","both","none"],"aria-busy":p,"aria-checked":["true","false","mixed","undefined"],"aria-controls":null,"aria-describedby":null,"aria-disabled":p,"aria-dropeffect":null,"aria-expanded":["true","false","undefined"],"aria-flowto":null,"aria-grabbed":["true","false","undefined"],"aria-haspopup":p,"aria-hidden":p,"aria-invalid":["true","false","grammar","spelling"],"aria-label":null,"aria-labelledby":null,"aria-level":null,"aria-live":["off","polite","assertive"],"aria-multiline":p,"aria-multiselectable":p,"aria-owns":null,"aria-posinset":null,"aria-pressed":["true","false","mixed","undefined"],"aria-readonly":p,"aria-relevant":null,"aria-required":p,"aria-selected":["true","false","undefined"],"aria-setsize":null,"aria-sort":["ascending","descending","none","other"],"aria-valuemax":null,"aria-valuemin":null,"aria-valuenow":null,"aria-valuetext":null},z="beforeunload copy cut dragstart dragover dragleave dragenter dragend drag paste focus blur change click load mousedown mouseenter mouseleave mouseup keydown keyup resize scroll unload".split(" ").map(e=>"on"+e);for(let e of z)_[e]=null;class C{constructor(n,r){this.tags=Object.assign(Object.assign({},se),n),this.globalAttrs=Object.assign(Object.assign({},_),r),this.allTags=Object.keys(this.tags),this.globalAttrNames=Object.keys(this.globalAttrs)}}C.default=new C;function y(e,n,r=e.length){if(!n)return"";let a=n.firstChild,t=a&&a.getChild("TagName");return t?e.sliceString(t.from,Math.min(t.to,r)):""}function v(e,n=!1){for(;e;e=e.parent)if(e.name=="Element")if(n)n=!1;else return e;return null}function D(e,n,r){let a=r.tags[y(e,v(n))];return a?.children||r.allTags}function $(e,n){let r=[];for(let a=v(n);a&&!a.type.isTop;a=v(a.parent)){let t=y(e,a);if(t&&a.lastChild.name=="CloseTag")break;t&&r.indexOf(t)<0&&(n.name=="EndTag"||n.from>=a.firstChild.to)&&r.push(t)}return r}const F=/^[:\-\.\w\u00b7-\uffff]*$/;function P(e,n,r,a,t){let o=/\s*>/.test(e.sliceDoc(t,t+5))?"":">",s=v(r,!0);return{from:a,to:t,options:D(e.doc,s,n).map(u=>({label:u,type:"type"})).concat($(e.doc,r).map((u,i)=>({label:"/"+u,apply:"/"+u+o,type:"type",boost:99-i}))),validFor:/^\/?[:\-\.\w\u00b7-\uffff]*$/}}function V(e,n,r,a){let t=/\s*>/.test(e.sliceDoc(a,a+5))?"":">";return{from:r,to:a,options:$(e.doc,n).map((o,s)=>({label:o,apply:o+t,type:"type",boost:99-s})),validFor:F}}function oe(e,n,r,a){let t=[],o=0;for(let s of D(e.doc,r,n))t.push({label:"<"+s,type:"type"});for(let s of $(e.doc,r))t.push({label:"</"+s+">",type:"type",boost:99-o++});return{from:a,to:a,options:t,validFor:/^<\/?[:\-\.\w\u00b7-\uffff]*$/}}function ie(e,n,r,a,t){let o=v(r),s=o?n.tags[y(e.doc,o)]:null,u=s&&s.attrs?Object.keys(s.attrs):[],i=s&&s.globalAttrs===!1?u:u.length?u.concat(n.globalAttrNames):n.globalAttrNames;return{from:a,to:t,options:i.map(f=>({label:f,type:"property"})),validFor:F}}function ue(e,n,r,a,t){var o;let s=(o=r.parent)===null||o===void 0?void 0:o.getChild("AttributeName"),u=[],i;if(s){let f=e.sliceDoc(s.from,s.to),g=n.globalAttrs[f];if(!g){let c=v(r),m=c?n.tags[y(e.doc,c)]:null;g=m?.attrs&&m.attrs[f]}if(g){let c=e.sliceDoc(a,t).toLowerCase(),m='"',d='"';/^['"]/.test(c)?(i=c[0]=='"'?/^[^"]*$/:/^[^']*$/,m="",d=e.sliceDoc(t,t+1)==c[0]?"":c[0],c=c.slice(1),a++):i=/^[^\s<>='"]*$/;for(let h of g)u.push({label:h,apply:m+h+d,type:"constant"})}}return{from:a,to:t,options:u,validFor:i}}function B(e,n){let{state:r,pos:a}=n,t=q(r).resolveInner(a,-1),o=t.resolve(a);for(let s=a,u;o==t&&(u=t.childBefore(s));){let i=u.lastChild;if(!i||!i.type.isError||i.from<i.to)break;o=t=u,s=i.from}return t.name=="TagName"?t.parent&&/CloseTag$/.test(t.parent.name)?V(r,t,t.from,a):P(r,e,t,t.from,a):t.name=="StartTag"?P(r,e,t,a,a):t.name=="StartCloseTag"||t.name=="IncompleteCloseTag"?V(r,t,a,a):t.name=="OpenTag"||t.name=="SelfClosingTag"||t.name=="AttributeName"?ie(r,e,t,t.name=="AttributeName"?t.from:a,a):t.name=="Is"||t.name=="AttributeValue"||t.name=="UnquotedAttributeValue"?ue(r,e,t,t.name=="Is"?a:t.from,a):n.explicit&&(o.name=="Element"||o.name=="Text"||o.name=="Document")?oe(r,e,t,a):null}function de(e){return B(C.default,e)}function M(e){let{extraTags:n,extraGlobalAttributes:r}=e,a=r||n?new C(n,r):C.default;return t=>B(a,t)}const ce=S.parser.configure({top:"SingleExpression"}),G=[{tag:"script",attrs:e=>e.type=="text/typescript"||e.lang=="ts",parser:K.parser},{tag:"script",attrs:e=>e.type=="text/babel"||e.type=="text/jsx",parser:Q.parser},{tag:"script",attrs:e=>e.type=="text/typescript-jsx",parser:X.parser},{tag:"script",attrs(e){return/^(importmap|speculationrules|application\/(.+\+)?json)$/i.test(e.type)},parser:ce},{tag:"script",attrs(e){return!e.type||/^(?:text|application)\/(?:x-)?(?:java|ecma)script$|^module$|^$/i.test(e.type)},parser:S.parser},{tag:"style",attrs(e){return(!e.lang||e.lang=="css")&&(!e.type||/^(text\/)?(x-)?(stylesheet|css)$/i.test(e.type))},parser:I.parser}],R=[{name:"style",parser:I.parser.configure({top:"Styles"})}].concat(z.map(e=>({name:e,parser:S.parser}))),O=te.define({name:"html",parser:W.configure({props:[le.add({Element(e){let n=/^(\s*)(<\/)?/.exec(e.textAfter);return e.node.to<=e.pos+n[0].length?e.continue():e.lineIndent(e.node.from)+(n[2]?0:e.unit)},"OpenTag CloseTag SelfClosingTag"(e){return e.column(e.node.from)+e.unit},Document(e){if(e.pos+/\s*/.exec(e.textAfter)[0].length<e.node.to)return e.continue();let n=null,r;for(let a=e.node;;){let t=a.lastChild;if(!t||t.name!="Element"||t.to!=a.to)break;n=a=t}return n&&!((r=n.lastChild)&&(r.name=="CloseTag"||r.name=="SelfClosingTag"))?e.lineIndent(n.from)+e.unit:null}}),ae.add({Element(e){let n=e.firstChild,r=e.lastChild;return!n||n.name!="OpenTag"?null:{from:n.to,to:r.name=="CloseTag"?r.from:e.to}}}),ne.add({"OpenTag CloseTag":e=>e.getChild("TagName")})]}),languageData:{commentTokens:{block:{open:"<!--",close:"-->"}},indentOnInput:/^\s*<\/\w+\W$/,wordChars:"-._"}}),k=O.configure({wrap:L(G,R)});function pe(e={}){let n="",r;e.matchClosingTags===!1&&(n="noMatch"),e.selfClosingTags===!0&&(n=(n?n+" ":"")+"selfClosing"),(e.nestedLanguages&&e.nestedLanguages.length||e.nestedAttributes&&e.nestedAttributes.length)&&(r=L((e.nestedLanguages||[]).concat(G),(e.nestedAttributes||[]).concat(R)));let a=r?O.configure({wrap:r,dialect:n}):n?k.configure({dialect:n}):k;return new re(a,[k.data.of({autocomplete:M(e)}),e.autoCloseTags!==!1?U:[],Y().support,J().support])}const H=new Set("area base br col command embed frame hr img input keygen link meta param source track wbr menuitem".split(" ")),U=Z.inputHandler.of((e,n,r,a,t)=>{if(e.composing||e.state.readOnly||n!=r||a!=">"&&a!="/"||!k.isActiveAt(e.state,n,-1))return!1;let o=t(),{state:s}=o,u=s.changeByRange(i=>{var f,g,c;let m=s.doc.sliceString(i.from-1,i.to)==a,{head:d}=i,h=q(s).resolveInner(d,-1),b;if(m&&a==">"&&h.name=="EndTag"){let w=h.parent;if(((g=(f=w.parent)===null||f===void 0?void 0:f.lastChild)===null||g===void 0?void 0:g.name)!="CloseTag"&&(b=y(s.doc,w.parent,d))&&!H.has(b)){let A=d+(s.doc.sliceString(d,d+1)===">"?1:0),x=`</${b}>`;return{range:i,changes:{from:d,to:A,insert:x}}}}else if(m&&a=="/"&&h.name=="IncompleteCloseTag"){let w=h.parent;if(h.from==d-2&&((c=w.lastChild)===null||c===void 0?void 0:c.name)!="CloseTag"&&(b=y(s.doc,w,d))&&!H.has(b)){let A=d+(s.doc.sliceString(d,d+1)===">"?1:0),x=`${b}>`;return{range:ee.cursor(d+x.length,-1),changes:{from:d,to:A,insert:x}}}}return{range:i}});return u.changes.empty?!1:(e.dispatch([o,s.update(u,{userEvent:"input.complete",scrollIntoView:!0})]),!0)});export{U as autoCloseTags,pe as html,de as htmlCompletionSource,M as htmlCompletionSourceWith,k as htmlLanguage,O as htmlPlain};
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/lang-javascript.js b/Resources/Public/JavaScript/Contrib/@codemirror/lang-javascript.js
new file mode 100644
index 0000000..5ea8b66
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/lang-javascript.js
@@ -0,0 +1,13 @@
+import{parser as M}from"@lezer/javascript";import{syntaxTree as S,LRLanguage as _,indentNodeProp as R,continuedIndent as $,flatIndent as W,delimitedIndent as Z,foldNodeProp as z,foldInside as H,defineLanguageFacet as K,sublanguageProp as T,LanguageSupport as q}from"@codemirror/language";import{EditorSelection as G}from"@codemirror/state";import{EditorView as Q}from"@codemirror/view";import{snippetCompletion as p,ifNotIn as U,completeFromList as Y}from"@codemirror/autocomplete";import{NodeWeakMap as ee,IterMode as te}from"@lezer/common";const w=[p("function ${name}(${params}) {\n	${}\n}",{label:"function",detail:"definition",type:"keyword"}),p("for (let ${index} = 0; ${index} < ${bound}; ${index}++) {\n	${}\n}",{label:"for",detail:"loop",type:"keyword"}),p("for (let ${name} of ${collection}) {\n	${}\n}",{label:"for",detail:"of loop",type:"keyword"}),p("do {\n	${}\n} while (${})",{label:"do",detail:"loop",type:"keyword"}),p("while (${}) {\n	${}\n}",{label:"while",detail:"loop",type:"keyword"}),p(`try {
+	\${}
+} catch (\${error}) {
+	\${}
+}`,{label:"try",detail:"/ catch block",type:"keyword"}),p("if (${}) {\n	${}\n}",{label:"if",detail:"block",type:"keyword"}),p(`if (\${}) {
+	\${}
+} else {
+	\${}
+}`,{label:"if",detail:"/ else block",type:"keyword"}),p(`class \${name} {
+	constructor(\${params}) {
+		\${}
+	}
+}`,{label:"class",detail:"definition",type:"keyword"}),p('import {${names}} from "${module}"\n${}',{label:"import",detail:"named",type:"keyword"}),p('import ${name} from "${module}"\n${}',{label:"import",detail:"default",type:"keyword"})],I=w.concat([p("interface ${name} {\n	${}\n}",{label:"interface",detail:"definition",type:"keyword"}),p("type ${name} = ${type}",{label:"type",detail:"definition",type:"keyword"}),p("enum ${name} {\n	${}\n}",{label:"enum",detail:"definition",type:"keyword"})]),x=new ee,D=new Set(["Script","Block","FunctionExpression","FunctionDeclaration","ArrowFunction","MethodDeclaration","ForStatement"]);function y(e){return(t,r)=>{let n=t.node.getChild("VariableDefinition");return n&&r(n,e),!0}}const ne=["FunctionDeclaration"],re={FunctionDeclaration:y("function"),ClassDeclaration:y("class"),ClassExpression:()=>!0,EnumDeclaration:y("constant"),TypeAliasDeclaration:y("type"),NamespaceDeclaration:y("namespace"),VariableDefinition(e,t){e.matchContext(ne)||t(e,"variable")},TypeDefinition(e,t){t(e,"type")},__proto__:null};function J(e,t){let r=x.get(t);if(r)return r;let n=[],a=!0;function i(o,l){let c=e.sliceString(o.from,o.to);n.push({label:c,type:l})}return t.cursor(te.IncludeAnonymous).iterate(o=>{if(a)a=!1;else if(o.name){let l=re[o.name];if(l&&l(o,i)||D.has(o.name))return!1}else if(o.to-o.from>8192){for(let l of J(e,o.node))n.push(l);return!1}}),x.set(t,n),n}const h=/^[\w$\xa1-\uffff][\w$\d\xa1-\uffff]*$/,k=["TemplateString","String","RegExp","LineComment","BlockComment","VariableDefinition","TypeDefinition","Label","PropertyDefinition","PropertyName","PrivatePropertyDefinition","PrivatePropertyName",".","?."];function X(e){let t=S(e.state).resolveInner(e.pos,-1);if(k.indexOf(t.name)>-1)return null;let r=t.name=="VariableName"||t.to-t.from<20&&h.test(e.state.sliceDoc(t.from,t.to));if(!r&&!e.explicit)return null;let n=[];for(let a=t;a;a=a.parent)D.has(a.name)&&(n=n.concat(J(e.state.doc,a)));return{options:n,from:r?t.from:e.pos,validFor:h}}function v(e,t,r){var n;let a=[];for(;;){let i=t.firstChild,o;if(i?.name=="VariableName")return a.push(e(i)),{path:a.reverse(),name:r};if(i?.name=="MemberExpression"&&((n=o=i.lastChild)===null||n===void 0?void 0:n.name)=="PropertyName")a.push(e(o)),t=i;else return null}}function E(e){let t=n=>e.state.doc.sliceString(n.from,n.to),r=S(e.state).resolveInner(e.pos,-1);return r.name=="PropertyName"?v(t,r.parent,t(r)):(r.name=="."||r.name=="?.")&&r.parent.name=="MemberExpression"?v(t,r.parent,""):k.indexOf(r.name)>-1?null:r.name=="VariableName"||r.to-r.from<20&&h.test(t(r))?{path:[],name:t(r)}:r.name=="MemberExpression"?v(t,r,""):e.explicit?{path:[],name:""}:null}function oe(e,t){let r=[],n=new Set;for(let a=0;;a++){for(let o of(Object.getOwnPropertyNames||Object.keys)(e)){if(!/^[a-zA-Z_$\xaa-\uffdc][\w$\xaa-\uffdc]*$/.test(o)||n.has(o))continue;n.add(o);let l;try{l=e[o]}catch{continue}r.push({label:o,type:typeof l=="function"?/^[A-Z]/.test(o)?"class":t?"function":"method":t?"variable":"property",boost:-a})}let i=Object.getPrototypeOf(e);if(!i)return r;e=i}}function ae(e){let t=new Map;return r=>{let n=E(r);if(!n)return null;let a=e;for(let o of n.path)if(a=a[o],!a)return null;let i=t.get(a);return i||t.set(a,i=oe(a,!n.path.length)),{from:r.pos-n.name.length,options:i,validFor:h}}}const m=_.define({name:"javascript",parser:M.configure({props:[R.add({IfStatement:$({except:/^\s*({|else\b)/}),TryStatement:$({except:/^\s*({|catch\b|finally\b)/}),LabeledStatement:W,SwitchBody:e=>{let t=e.textAfter,r=/^\s*\}/.test(t),n=/^\s*(case|default)\b/.test(t);return e.baseIndent+(r?0:n?1:2)*e.unit},Block:Z({closing:"}"}),ArrowFunction:e=>e.baseIndent+e.unit,"TemplateString BlockComment":()=>null,"Statement Property":$({except:/^{/}),JSXElement(e){let t=/^\s*<\//.test(e.textAfter);return e.lineIndent(e.node.from)+(t?0:e.unit)},JSXEscape(e){let t=/\s*\}/.test(e.textAfter);return e.lineIndent(e.node.from)+(t?0:e.unit)},"JSXOpenTag JSXSelfClosingTag"(e){return e.column(e.node.from)+e.unit}}),z.add({"Block ClassBody SwitchBody EnumBody ObjectExpression ArrayExpression ObjectType":H,BlockComment(e){return{from:e.from+2,to:e.to-2}}})]}),languageData:{closeBrackets:{brackets:["(","[","{","'",'"',"`"]},commentTokens:{line:"//",block:{open:"/*",close:"*/"}},indentOnInput:/^\s*(?:case |default:|\{|\}|<\/)$/,wordChars:"$"}}),N={test:e=>/^JSX/.test(e.name),facet:K({commentTokens:{block:{open:"{/*",close:"*/}"}}})},P=m.configure({dialect:"ts"},"typescript"),A=m.configure({dialect:"jsx",props:[T.add(e=>e.isTop?[N]:void 0)]}),L=m.configure({dialect:"jsx ts",props:[T.add(e=>e.isTop?[N]:void 0)]},"typescript");let O=e=>({label:e,type:"keyword"});const F="break case const continue default delete export extends false finally in instanceof let new return static super switch this throw true typeof var yield".split(" ").map(O),ie=F.concat(["declare","implements","private","protected","public"].map(O));function le(e={}){let t=e.jsx?e.typescript?L:A:e.typescript?P:m,r=e.typescript?I.concat(ie):w.concat(F);return new q(t,[m.data.of({autocomplete:U(k,Y(r))}),m.data.of({autocomplete:X}),e.jsx?B:[]])}function se(e){for(;;){if(e.name=="JSXOpenTag"||e.name=="JSXSelfClosingTag"||e.name=="JSXFragmentTag")return e;if(e.name=="JSXEscape"||!e.parent)return null;e=e.parent}}function j(e,t,r=e.length){for(let n=t?.firstChild;n;n=n.nextSibling)if(n.name=="JSXIdentifier"||n.name=="JSXBuiltin"||n.name=="JSXNamespacedName"||n.name=="JSXMemberExpression")return e.sliceString(n.from,Math.min(n.to,r));return""}const pe=typeof navigator=="object"&&/Android\b/.test(navigator.userAgent),B=Q.inputHandler.of((e,t,r,n,a)=>{if((pe?e.composing:e.compositionStarted)||e.state.readOnly||t!=r||n!=">"&&n!="/"||!m.isActiveAt(e.state,t,-1))return!1;let i=a(),{state:o}=i,l=o.changeByRange(c=>{var u;let{head:s}=c,f=S(o).resolveInner(s-1,-1),g;if(f.name=="JSXStartTag"&&(f=f.parent),!(o.doc.sliceString(s-1,s)!=n||f.name=="JSXAttributeValue"&&f.to>s)){if(n==">"&&f.name=="JSXFragmentTag")return{range:c,changes:{from:s,insert:"</>"}};if(n=="/"&&f.name=="JSXStartCloseTag"){let d=f.parent,b=d.parent;if(b&&d.from==s-2&&((g=j(o.doc,b.firstChild,s))||((u=b.firstChild)===null||u===void 0?void 0:u.name)=="JSXFragmentTag")){let C=`${g}>`;return{range:G.cursor(s+C.length,-1),changes:{from:s,insert:C}}}}else if(n==">"){let d=se(f);if(d&&d.name=="JSXOpenTag"&&!/^\/?>|^<\//.test(o.doc.sliceString(s,s+2))&&(g=j(o.doc,d,s)))return{range:c,changes:{from:s,insert:`</${g}>`}}}}return{range:c}});return l.changes.empty?!1:(e.dispatch([i,o.update(l,{userEvent:"input.complete",scrollIntoView:!0})]),!0)});function ce(e,t){return t||(t={parserOptions:{ecmaVersion:2019,sourceType:"module"},env:{browser:!0,node:!0,es6:!0,es2015:!0,es2017:!0,es2020:!0},rules:{}},e.getRules().forEach((r,n)=>{r.meta.docs.recommended&&(t.rules[n]=2)})),r=>{let{state:n}=r,a=[];for(let{from:i,to:o}of m.findRegions(n)){let l=n.doc.lineAt(i),c={line:l.number-1,col:i-l.from,pos:i};for(let u of e.verify(n.sliceDoc(i,o),t))a.push(fe(u,n.doc,c))}return a}}function V(e,t,r,n){return r.line(e+n.line).from+t+(e==1?n.col-1:-1)}function fe(e,t,r){let n=V(e.line,e.column,t,r),a={from:n,to:e.endLine!=null&&e.endColumn!=1?V(e.endLine,e.endColumn,t,r):n,message:e.message,source:e.ruleId?"eslint:"+e.ruleId:"eslint",severity:e.severity==1?"warning":"error"};if(e.fix){let{range:i,text:o}=e.fix,l=i[0]+r.pos-n,c=i[1]+r.pos-n;a.actions=[{name:"fix",apply(u,s){u.dispatch({changes:{from:s+l,to:s+c,insert:o},scrollIntoView:!0})}}]}return a}export{B as autoCloseTags,E as completionPath,ce as esLint,le as javascript,m as javascriptLanguage,A as jsxLanguage,X as localCompletionSource,ae as scopeCompletionSource,w as snippets,L as tsxLanguage,P as typescriptLanguage,I as typescriptSnippets};
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/lang-json.js b/Resources/Public/JavaScript/Contrib/@codemirror/lang-json.js
new file mode 100644
index 0000000..1844bf8
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/lang-json.js
@@ -0,0 +1 @@
+import{parser as a}from"@lezer/json";import{LRLanguage as s,indentNodeProp as i,continuedIndent as r,foldNodeProp as c,foldInside as d,LanguageSupport as g}from"@codemirror/language";const m=()=>n=>{try{JSON.parse(n.state.doc.toString())}catch(e){if(!(e instanceof SyntaxError))throw e;const t=p(e,n.state.doc);return[{from:t,message:e.message,severity:"error",to:t}]}return[]};function p(n,e){let t;return(t=n.message.match(/at position (\d+)/))?Math.min(+t[1],e.length):(t=n.message.match(/at line (\d+) column (\d+)/))?Math.min(e.line(+t[1]).from+ +t[2]-1,e.length):0}const o=s.define({name:"json",parser:a.configure({props:[i.add({Object:r({except:/^\s*\}/}),Array:r({except:/^\s*\]/})}),c.add({"Object Array":d})]}),languageData:{closeBrackets:{brackets:["[","{",'"']},indentOnInput:/^\s*[\}\]]$/}});function u(){return new g(o)}export{u as json,o as jsonLanguage,m as jsonParseLinter};
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/lang-php.js b/Resources/Public/JavaScript/Contrib/@codemirror/lang-php.js
new file mode 100644
index 0000000..2e1a606
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/lang-php.js
@@ -0,0 +1 @@
+import{parser as l}from"@lezer/php";import{parseMixed as i}from"@lezer/common";import{html as p}from"@codemirror/lang-html";import{LRLanguage as u,indentNodeProp as d,continuedIndent as r,delimitedIndent as m,foldNodeProp as f,foldInside as c,LanguageSupport as g}from"@codemirror/language";const a=u.define({name:"php",parser:l.configure({props:[d.add({IfStatement:r({except:/^\s*({|else\b|elseif\b|endif\b)/}),TryStatement:r({except:/^\s*({|catch\b|finally\b)/}),SwitchBody:e=>{let o=e.textAfter,t=/^\s*\}/.test(o),n=/^\s*(case|default)\b/.test(o);return e.baseIndent+(t?0:n?1:2)*e.unit},ColonBlock:e=>e.baseIndent+e.unit,"Block EnumBody DeclarationList":m({closing:"}"}),ArrowFunction:e=>e.baseIndent+e.unit,"String BlockComment":()=>null,Statement:r({except:/^({|end(for|foreach|switch|while)\b)/})}),f.add({"Block EnumBody DeclarationList SwitchBody ArrayExpression ValueList":c,ColonBlock(e){return{from:e.from+1,to:e.to}},BlockComment(e){return{from:e.from+2,to:e.to-2}}})]}),languageData:{commentTokens:{block:{open:"/*",close:"*/"},line:"//"},indentOnInput:/^\s*(?:case |default:|end(?:if|for(?:each)?|switch|while)|else(?:if)?|\{|\})$/,wordChars:"$",closeBrackets:{stringPrefixes:["b","B"]}}});function h(e={}){let o=[],t;if(e.baseLanguage!==null)if(e.baseLanguage)t=e.baseLanguage;else{let n=p({matchClosingTags:!1});o.push(n.support),t=n.language}return new g(a.configure({wrap:t&&i(n=>n.type.isTop?{parser:t.parser,overlay:s=>s.name=="Text"}:null),top:e.plain?"Program":"Template"}),o)}export{h as php,a as phpLanguage};
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/lang-sql.js b/Resources/Public/JavaScript/Contrib/@codemirror/lang-sql.js
new file mode 100644
index 0000000..91aafb3
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/lang-sql.js
@@ -0,0 +1,2 @@
+import{syntaxTree as ie,indentNodeProp as se,continuedIndent as oe,foldNodeProp as le,LRLanguage as ce,LanguageSupport as de}from"@codemirror/language";import{styleTags as me,tags as i}from"@lezer/highlight";import{ExternalTokenizer as ue,LRParser as fe}from"@lezer/lr";import{ifNotIn as pe,completeFromList as ge}from"@codemirror/autocomplete";const he=36,X=1,_e=2,b=3,S=4,be=5,ve=6,ye=7,ke=8,xe=9,Oe=10,we=11,Qe=12,Ce=13,Se=14,Pe=15,qe=16,Te=17,I=18,Ue=19,R=20,j=21,D=22,ze=23,Be=24;function P(t){return t>=65&&t<=90||t>=97&&t<=122||t>=48&&t<=57}function Le(t){return t>=48&&t<=57||t>=97&&t<=102||t>=65&&t<=70}function p(t,e,r){for(let a=!1;;){if(t.next<0)return;if(t.next==e&&!a){t.advance();return}a=r&&!a&&t.next==92,t.advance()}}function Xe(t,e){e:for(;;){if(t.next<0)return console.log("exit at end",t.pos);if(t.next==36){t.advance();for(let r=0;r<e.length;r++){if(t.next!=e.charCodeAt(r))continue e;t.advance()}if(t.next==36){t.advance();return}}else t.advance()}}function Ie(t,e){let r="[{<(".indexOf(String.fromCharCode(e)),a=r<0?e:"]}>)".charCodeAt(r);for(;;){if(t.next<0)return;if(t.next==a&&t.peek(1)==39){t.advance(2);return}t.advance()}}function q(t,e){for(;!(t.next!=95&&!P(t.next));)e!=null&&(e+=String.fromCharCode(t.next)),t.advance();return e}function Re(t){if(t.next==39||t.next==34||t.next==96){let e=t.next;t.advance(),p(t,e,!1)}else q(t)}function Z(t,e){for(;t.next==48||t.next==49;)t.advance();e&&t.next==e&&t.advance()}function N(t,e){for(;;){if(t.next==46){if(e)break;e=!0}else if(t.next<48||t.next>57)break;t.advance()}if(t.next==69||t.next==101)for(t.advance(),(t.next==43||t.next==45)&&t.advance();t.next>=48&&t.next<=57;)t.advance()}function V(t){for(;!(t.next<0||t.next==10);)t.advance()}function g(t,e){for(let r=0;r<e.length;r++)if(e.charCodeAt(r)==t)return!0;return!1}const T=` 	\r
+`;function $(t,e,r){let a=Object.create(null);a.true=a.false=be,a.null=a.unknown=ve;for(let n of t.split(" "))n&&(a[n]=R);for(let n of e.split(" "))n&&(a[n]=j);for(let n of(r||"").split(" "))n&&(a[n]=Be);return a}const h="array binary bit boolean char character clob date decimal double float int integer interval large national nchar nclob numeric object precision real smallint time timestamp varchar varying ",_="absolute action add after all allocate alter and any are as asc assertion at authorization before begin between both breadth by call cascade cascaded case cast catalog check close collate collation column commit condition connect connection constraint constraints constructor continue corresponding count create cross cube current current_date current_default_transform_group current_transform_group_for_type current_path current_role current_time current_timestamp current_user cursor cycle data day deallocate declare default deferrable deferred delete depth deref desc describe descriptor deterministic diagnostics disconnect distinct do domain drop dynamic each else elseif end end-exec equals escape except exception exec execute exists exit external fetch first for foreign found from free full function general get global go goto grant group grouping handle having hold hour identity if immediate in indicator initially inner inout input insert intersect into is isolation join key language last lateral leading leave left level like limit local localtime localtimestamp locator loop map match method minute modifies module month names natural nesting new next no none not of old on only open option or order ordinality out outer output overlaps pad parameter partial path prepare preserve primary prior privileges procedure public read reads recursive redo ref references referencing relative release repeat resignal restrict result return returns revoke right role rollback rollup routine row rows savepoint schema scroll search second section select session session_user set sets signal similar size some space specific specifictype sql sqlexception sqlstate sqlwarning start state static system_user table temporary then timezone_hour timezone_minute to trailing transaction translation treat trigger under undo union unique unnest until update usage user using value values view when whenever where while with without work write year zone ",U={backslashEscapes:!1,hashComments:!1,spaceAfterDashes:!1,slashComments:!1,doubleQuotedStrings:!1,doubleDollarQuotedStrings:!1,unquotedBitLiterals:!1,treatBitsAsBytes:!1,charSetCasts:!1,plsqlQuotingMechanism:!1,operatorChars:"*+-%<>!=&|~^/",specialVar:"?",identifierQuotes:'"',caseInsensitiveIdentifiers:!1,words:$(_,h)};function je(t,e,r,a){let n={};for(let s in U)n[s]=(t.hasOwnProperty(s)?t:U)[s];return e&&(n.words=$(e,r||"",a)),n}function A(t){return new ue(e=>{var r;let{next:a}=e;if(e.advance(),g(a,T)){for(;g(e.next,T);)e.advance();e.acceptToken(he)}else if(a==36&&t.doubleDollarQuotedStrings){let n=q(e,"");e.next==36&&(e.advance(),Xe(e,n),e.acceptToken(b))}else if(a==39||a==34&&t.doubleQuotedStrings)p(e,a,t.backslashEscapes),e.acceptToken(b);else if(a==35&&t.hashComments||a==47&&e.next==47&&t.slashComments)V(e),e.acceptToken(X);else if(a==45&&e.next==45&&(!t.spaceAfterDashes||e.peek(1)==32))V(e),e.acceptToken(X);else if(a==47&&e.next==42){e.advance();for(let n=1;;){let s=e.next;if(e.next<0)break;if(e.advance(),s==42&&e.next==47){if(n--,e.advance(),!n)break}else s==47&&e.next==42&&(n++,e.advance())}e.acceptToken(_e)}else if((a==101||a==69)&&e.next==39)e.advance(),p(e,39,!0),e.acceptToken(b);else if((a==110||a==78)&&e.next==39&&t.charSetCasts)e.advance(),p(e,39,t.backslashEscapes),e.acceptToken(b);else if(a==95&&t.charSetCasts)for(let n=0;;n++){if(e.next==39&&n>1){e.advance(),p(e,39,t.backslashEscapes),e.acceptToken(b);break}if(!P(e.next))break;e.advance()}else if(t.plsqlQuotingMechanism&&(a==113||a==81)&&e.next==39&&e.peek(1)>0&&!g(e.peek(1),T)){let n=e.peek(1);e.advance(2),Ie(e,n),e.acceptToken(b)}else if(a==40)e.acceptToken(ye);else if(a==41)e.acceptToken(ke);else if(a==123)e.acceptToken(xe);else if(a==125)e.acceptToken(Oe);else if(a==91)e.acceptToken(we);else if(a==93)e.acceptToken(Qe);else if(a==59)e.acceptToken(Ce);else if(t.unquotedBitLiterals&&a==48&&e.next==98)e.advance(),Z(e),e.acceptToken(D);else if((a==98||a==66)&&(e.next==39||e.next==34)){const n=e.next;e.advance(),t.treatBitsAsBytes?(p(e,n,t.backslashEscapes),e.acceptToken(ze)):(Z(e,n),e.acceptToken(D))}else if(a==48&&(e.next==120||e.next==88)||(a==120||a==88)&&e.next==39){let n=e.next==39;for(e.advance();Le(e.next);)e.advance();n&&e.next==39&&e.advance(),e.acceptToken(S)}else if(a==46&&e.next>=48&&e.next<=57)N(e,!0),e.acceptToken(S);else if(a==46)e.acceptToken(Se);else if(a>=48&&a<=57)N(e,!1),e.acceptToken(S);else if(g(a,t.operatorChars)){for(;g(e.next,t.operatorChars);)e.advance();e.acceptToken(Pe)}else if(g(a,t.specialVar))e.next==a&&e.advance(),Re(e),e.acceptToken(Te);else if(g(a,t.identifierQuotes))p(e,a,!1),e.acceptToken(Ue);else if(a==58||a==44)e.acceptToken(qe);else if(P(a)){let n=q(e,String.fromCharCode(a));e.acceptToken(e.next==46||e.peek(-n.length-1)==46?I:(r=t.words[n.toLowerCase()])!==null&&r!==void 0?r:I)}})}const E=A(U),De=fe.deserialize({version:14,states:"%vQ]QQOOO#wQRO'#DSO$OQQO'#CwO%eQQO'#CxO%lQQO'#CyO%sQQO'#CzOOQQ'#DS'#DSOOQQ'#C}'#C}O'UQRO'#C{OOQQ'#Cv'#CvOOQQ'#C|'#C|Q]QQOOQOQQOOO'`QQO'#DOO(xQRO,59cO)PQQO,59cO)UQQO'#DSOOQQ,59d,59dO)cQQO,59dOOQQ,59e,59eO)jQQO,59eOOQQ,59f,59fO)qQQO,59fOOQQ-E6{-E6{OOQQ,59b,59bOOQQ-E6z-E6zOOQQ,59j,59jOOQQ-E6|-E6|O+VQRO1G.}O+^QQO,59cOOQQ1G/O1G/OOOQQ1G/P1G/POOQQ1G/Q1G/QP+kQQO'#C}O+rQQO1G.}O)PQQO,59cO,PQQO'#Cw",stateData:",[~OtOSPOSQOS~ORUOSUOTUOUUOVROXSOZTO]XO^QO_UO`UOaPObPOcPOdUOeUOfUOgUOhUO~O^]ORvXSvXTvXUvXVvXXvXZvX]vX_vX`vXavXbvXcvXdvXevXfvXgvXhvX~OsvX~P!jOa_Ob_Oc_O~ORUOSUOTUOUUOVROXSOZTO^tO_UO`UOa`Ob`Oc`OdUOeUOfUOgUOhUO~OWaO~P$ZOYcO~P$ZO[eO~P$ZORUOSUOTUOUUOVROXSOZTO^QO_UO`UOaPObPOcPOdUOeUOfUOgUOhUO~O]hOsoX~P%zOajObjOcjO~O^]ORkaSkaTkaUkaVkaXkaZka]ka_ka`kaakabkackadkaekafkagkahka~Oska~P'kO^]O~OWvXYvX[vX~P!jOWnO~P$ZOYoO~P$ZO[pO~P$ZO^]ORkiSkiTkiUkiVkiXkiZki]ki_ki`kiakibkickidkiekifkigkihki~Oski~P)xOWkaYka[ka~P'kO]hO~P$ZOWkiYki[ki~P)xOasObsOcsO~O",goto:"#hwPPPPPPPPPPPPPPPPPPPPPPPPPPx||||!Y!^!d!xPPP#[TYOZeUORSTWZbdfqT[OZQZORiZSWOZQbRQdSQfTZgWbdfqQ^PWk^lmrQl_Qm`RrseVORSTWZbdfq",nodeNames:"\u26A0 LineComment BlockComment String Number Bool Null ( ) { } [ ] ; . Operator Punctuation SpecialVar Identifier QuotedIdentifier Keyword Type Bits Bytes Builtin Script Statement CompositeIdentifier Parens Braces Brackets Statement",maxTerm:38,nodeProps:[["isolate",-4,1,2,3,19,""]],skippedNodes:[0,1,2],repeatNodeCount:3,tokenData:"RORO",tokenizers:[0,E],topRules:{Script:[0,25]},tokenPrec:0});function z(t){let e=t.cursor().moveTo(t.from,-1);for(;/Comment/.test(e.name);)e.moveTo(e.from,-1);return e.node}function y(t,e){let r=t.sliceString(e.from,e.to),a=/^([`'"])(.*)\1$/.exec(r);return a?a[2]:r}function w(t){return t&&(t.name=="Identifier"||t.name=="QuotedIdentifier")}function Ze(t,e){if(e.name=="CompositeIdentifier"){let r=[];for(let a=e.firstChild;a;a=a.nextSibling)w(a)&&r.push(y(t,a));return r}return[y(t,e)]}function W(t,e){for(let r=[];;){if(!e||e.name!=".")return r;let a=z(e);if(!w(a))return r;r.unshift(y(t,a)),e=z(a)}}function Ne(t,e){let r=ie(t).resolveInner(e,-1),a=$e(t.doc,r);return r.name=="Identifier"||r.name=="QuotedIdentifier"||r.name=="Keyword"?{from:r.from,quoted:r.name=="QuotedIdentifier"?t.doc.sliceString(r.from,r.from+1):null,parents:W(t.doc,z(r)),aliases:a}:r.name=="."?{from:e,quoted:null,parents:W(t.doc,r),aliases:a}:{from:e,quoted:null,parents:[],empty:!0,aliases:a}}const Ve=new Set("where group having order union intersect except all distinct limit offset fetch for".split(" "));function $e(t,e){let r;for(let n=e;!r;n=n.parent){if(!n)return null;n.name=="Statement"&&(r=n)}let a=null;for(let n=r.firstChild,s=!1,c=null;n;n=n.nextSibling){let l=n.name=="Keyword"?t.sliceString(n.from,n.to).toLowerCase():null,o=null;if(!s)s=l=="from";else if(l=="as"&&c&&w(n.nextSibling))o=y(t,n.nextSibling);else{if(l&&Ve.has(l))break;c&&w(n)&&(o=y(t,n))}o&&(a||(a=Object.create(null)),a[o]=Ze(t,c)),c=/Identifier$/.test(n.name)?n:null}return a}function Ae(t,e){return t?e.map(r=>Object.assign(Object.assign({},r),{label:r.label[0]==t?r.label:t+r.label+t,apply:void 0})):e}const Ee=/^\w*$/,We=/^[`'"]?\w*[`'"]?$/;function M(t){return t.self&&typeof t.self.label=="string"}class B{constructor(e,r){this.idQuote=e,this.idCaseInsensitive=r,this.list=[],this.children=void 0}child(e){let r=this.children||(this.children=Object.create(null)),a=r[e];return a||(e&&!this.list.some(n=>n.label==e)&&this.list.push(K(e,"type",this.idQuote,this.idCaseInsensitive)),r[e]=new B(this.idQuote,this.idCaseInsensitive))}maybeChild(e){return this.children?this.children[e]:null}addCompletion(e){let r=this.list.findIndex(a=>a.label==e.label);r>-1?this.list[r]=e:this.list.push(e)}addCompletions(e){for(let r of e)this.addCompletion(typeof r=="string"?K(r,"property",this.idQuote,this.idCaseInsensitive):r)}addNamespace(e){Array.isArray(e)?this.addCompletions(e):M(e)?this.addNamespace(e.children):this.addNamespaceObject(e)}addNamespaceObject(e){for(let r of Object.keys(e)){let a=e[r],n=null,s=r.replace(/\\?\./g,l=>l=="."?"\0":l).split("\0"),c=this;M(a)&&(n=a.self,a=a.children);for(let l=0;l<s.length;l++)n&&l==s.length-1&&c.addCompletion(n),c=c.child(s[l].replace(/\\\./g,"."));c.addNamespace(a)}}}function K(t,e,r,a){return new RegExp("^[a-z_][a-z_\\d]*$",a?"i":"").test(t)?{label:t,type:e}:{label:t,type:e,apply:r+t+r}}function Me(t,e,r,a,n,s){var c;let l=((c=s?.spec.identifierQuotes)===null||c===void 0?void 0:c[0])||'"',o=new B(l,!!s?.spec.caseInsensitiveIdentifiers),u=n?o.child(n):null;return o.addNamespace(t),e&&(u||o).addCompletions(e),r&&o.addCompletions(r),u&&o.addCompletions(u.list),a&&o.addCompletions((u||o).child(a).list),f=>{let{parents:v,from:ae,quoted:k,empty:re,aliases:x}=Ne(f.state,f.pos);if(re&&!f.explicit)return null;x&&v.length==1&&(v=x[v[0]]||v);let d=o;for(let O of v){for(;!d.children||!d.children[O];)if(d==o&&u)d=u;else if(d==u&&a)d=d.child(a);else return null;let L=d.maybeChild(O);if(!L)return null;d=L}let ne=k&&f.state.sliceDoc(f.pos,f.pos+1)==k,C=d.list;return d==o&&x&&(C=C.concat(Object.keys(x).map(O=>({label:O,type:"constant"})))),{from:ae,to:ne?f.pos+1:void 0,options:Ae(k,C),validFor:k?We:Ee}}}function Ke(t,e){let r=Object.keys(t).map(a=>({label:e?a.toUpperCase():a,type:t[a]==j?"type":t[a]==R?"keyword":"variable",boost:-1}));return pe(["QuotedIdentifier","SpecialVar","String","LineComment","BlockComment","."],ge(r))}let Fe=De.configure({props:[se.add({Statement:oe()}),le.add({Statement(t,e){return{from:Math.min(t.from+100,e.doc.lineAt(t.from).to),to:t.to}},BlockComment(t){return{from:t.from+2,to:t.to-2}}}),me({Keyword:i.keyword,Type:i.typeName,Builtin:i.standard(i.name),Bits:i.number,Bytes:i.string,Bool:i.bool,Null:i.null,Number:i.number,String:i.string,Identifier:i.name,QuotedIdentifier:i.special(i.string),SpecialVar:i.special(i.name),LineComment:i.lineComment,BlockComment:i.blockComment,Operator:i.operator,"Semi Punctuation":i.punctuation,"( )":i.paren,"{ }":i.brace,"[ ]":i.squareBracket})]});class m{constructor(e,r,a){this.dialect=e,this.language=r,this.spec=a}get extension(){return this.language.extension}static define(e){let r=je(e,e.keywords,e.types,e.builtin),a=ce.define({name:"sql",parser:Fe.configure({tokenizers:[{from:E,to:A(r)}]}),languageData:{commentTokens:{line:"--",block:{open:"/*",close:"*/"}},closeBrackets:{brackets:["(","[","{","'",'"',"`"]}}});return new m(r,a,e)}}function F(t,e=!1){return Ke(t.dialect.words,e)}function G(t,e=!1){return t.language.data.of({autocomplete:F(t,e)})}function Y(t){return t.schema?Me(t.schema,t.tables,t.schemas,t.defaultTable,t.defaultSchema,t.dialect||Q):()=>null}function H(t){return t.schema?(t.dialect||Q).language.data.of({autocomplete:Y(t)}):[]}function Ge(t={}){let e=t.dialect||Q;return new de(e.language,[H(t),G(e,!!t.upperCaseKeywords)])}const Q=m.define({}),Ye=m.define({charSetCasts:!0,doubleDollarQuotedStrings:!0,operatorChars:"+-*/<>=~!@#%^&|`?",specialVar:"",keywords:_+"a abort abs absent access according ada admin aggregate alias also always analyse analyze array_agg array_max_cardinality asensitive assert assignment asymmetric atomic attach attribute attributes avg backward base64 begin_frame begin_partition bernoulli bit_length blocked bom c cache called cardinality catalog_name ceil ceiling chain char_length character_length character_set_catalog character_set_name character_set_schema characteristics characters checkpoint class class_origin cluster coalesce cobol collation_catalog collation_name collation_schema collect column_name columns command_function command_function_code comment comments committed concurrently condition_number configuration conflict connection_name constant constraint_catalog constraint_name constraint_schema contains content control conversion convert copy corr cost covar_pop covar_samp csv cume_dist current_catalog current_row current_schema cursor_name database datalink datatype datetime_interval_code datetime_interval_precision db debug defaults defined definer degree delimiter delimiters dense_rank depends derived detach detail dictionary disable discard dispatch dlnewcopy dlpreviouscopy dlurlcomplete dlurlcompleteonly dlurlcompletewrite dlurlpath dlurlpathonly dlurlpathwrite dlurlscheme dlurlserver dlvalue document dump dynamic_function dynamic_function_code element elsif empty enable encoding encrypted end_frame end_partition endexec enforced enum errcode error event every exclude excluding exclusive exp explain expression extension extract family file filter final first_value flag floor following force foreach fortran forward frame_row freeze fs functions fusion g generated granted greatest groups handler header hex hierarchy hint id ignore ilike immediately immutable implementation implicit import include including increment indent index indexes info inherit inherits inline insensitive instance instantiable instead integrity intersection invoker isnull k key_member key_type label lag last_value lead leakproof least length library like_regex link listen ln load location lock locked log logged lower m mapping matched materialized max max_cardinality maxvalue member merge message message_length message_octet_length message_text min minvalue mod mode more move multiset mumps name namespace nfc nfd nfkc nfkd nil normalize normalized nothing notice notify notnull nowait nth_value ntile nullable nullif nulls number occurrences_regex octet_length octets off offset oids operator options ordering others over overlay overriding owned owner p parallel parameter_mode parameter_name parameter_ordinal_position parameter_specific_catalog parameter_specific_name parameter_specific_schema parser partition pascal passing passthrough password percent percent_rank percentile_cont percentile_disc perform period permission pg_context pg_datatype_name pg_exception_context pg_exception_detail pg_exception_hint placing plans pli policy portion position position_regex power precedes preceding prepared print_strict_params procedural procedures program publication query quote raise range rank reassign recheck recovery refresh regr_avgx regr_avgy regr_count regr_intercept regr_r2 regr_slope regr_sxx regr_sxy regr_syy reindex rename repeatable replace replica requiring reset respect restart restore result_oid returned_cardinality returned_length returned_octet_length returned_sqlstate returning reverse routine_catalog routine_name routine_schema routines row_count row_number rowtype rule scale schema_name schemas scope scope_catalog scope_name scope_schema security selective self sensitive sequence sequences serializable server server_name setof share show simple skip slice snapshot source specific_name sqlcode sqlerror sqrt stable stacked standalone statement statistics stddev_pop stddev_samp stdin stdout storage strict strip structure style subclass_origin submultiset subscription substring substring_regex succeeds sum symmetric sysid system system_time t table_name tables tablesample tablespace temp template ties token top_level_count transaction_active transactions_committed transactions_rolled_back transform transforms translate translate_regex trigger_catalog trigger_name trigger_schema trim trim_array truncate trusted type types uescape unbounded uncommitted unencrypted unlink unlisten unlogged unnamed untyped upper uri use_column use_variable user_defined_type_catalog user_defined_type_code user_defined_type_name user_defined_type_schema vacuum valid validate validator value_of var_pop var_samp varbinary variable_conflict variadic verbose version versioning views volatile warning whitespace width_bucket window within wrapper xmlagg xmlattributes xmlbinary xmlcast xmlcomment xmlconcat xmldeclaration xmldocument xmlelement xmlexists xmlforest xmliterate xmlnamespaces xmlparse xmlpi xmlquery xmlroot xmlschema xmlserialize xmltable xmltext xmlvalidate yes",types:h+"bigint int8 bigserial serial8 varbit bool box bytea cidr circle precision float8 inet int4 json jsonb line lseg macaddr macaddr8 money numeric pg_lsn point polygon float4 int2 smallserial serial2 serial serial4 text timetz timestamptz tsquery tsvector txid_snapshot uuid xml"}),J="accessible algorithm analyze asensitive authors auto_increment autocommit avg avg_row_length binlog btree cache catalog_name chain change changed checkpoint checksum class_origin client_statistics coalesce code collations columns comment committed completion concurrent consistent contains contributors convert database databases day_hour day_microsecond day_minute day_second delay_key_write delayed delimiter des_key_file dev_pop dev_samp deviance directory disable discard distinctrow div dual dumpfile enable enclosed ends engine engines enum errors escaped even event events every explain extended fast field fields flush force found_rows fulltext grants handler hash high_priority hosts hour_microsecond hour_minute hour_second ignore ignore_server_ids import index index_statistics infile innodb insensitive insert_method install invoker iterate keys kill linear lines list load lock logs low_priority master master_heartbeat_period master_ssl_verify_server_cert masters max max_rows maxvalue message_text middleint migrate min min_rows minute_microsecond minute_second mod mode modify mutex mysql_errno no_write_to_binlog offline offset one online optimize optionally outfile pack_keys parser partition partitions password phase plugin plugins prev processlist profile profiles purge query quick range read_write rebuild recover regexp relaylog remove rename reorganize repair repeatable replace require resume rlike row_format rtree schedule schema_name schemas second_microsecond security sensitive separator serializable server share show slave slow snapshot soname spatial sql_big_result sql_buffer_result sql_cache sql_calc_found_rows sql_no_cache sql_small_result ssl starting starts std stddev stddev_pop stddev_samp storage straight_join subclass_origin sum suspend table_name table_statistics tables tablespace terminated triggers truncate uncommitted uninstall unlock upgrade use use_frm user_resources user_statistics utc_date utc_time utc_timestamp variables views warnings xa xor year_month zerofill",ee=h+"bool blob long longblob longtext medium mediumblob mediumint mediumtext tinyblob tinyint tinytext text bigint int1 int2 int3 int4 int8 float4 float8 varbinary varcharacter precision datetime unsigned signed",te="charset clear edit ego help nopager notee nowarning pager print prompt quit rehash source status system tee",He=m.define({operatorChars:"*+-%<>!=&|^",charSetCasts:!0,doubleQuotedStrings:!0,unquotedBitLiterals:!0,hashComments:!0,spaceAfterDashes:!0,specialVar:"@?",identifierQuotes:"`",keywords:_+"group_concat "+J,types:ee,builtin:te}),Je=m.define({operatorChars:"*+-%<>!=&|^",charSetCasts:!0,doubleQuotedStrings:!0,unquotedBitLiterals:!0,hashComments:!0,spaceAfterDashes:!0,specialVar:"@?",identifierQuotes:"`",keywords:_+"always generated groupby_concat hard persistent shutdown soft virtual "+J,types:ee,builtin:te}),et=m.define({keywords:_+"trigger proc view index for add constraint key primary foreign collate clustered nonclustered declare exec go if use index holdlock nolock nowait paglock pivot readcommitted readcommittedlock readpast readuncommitted repeatableread rowlock serializable snapshot tablock tablockx unpivot updlock with",types:h+"bigint smallint smallmoney tinyint money real text nvarchar ntext varbinary image hierarchyid uniqueidentifier sql_variant xml",builtin:"binary_checksum checksum connectionproperty context_info current_request_id error_line error_message error_number error_procedure error_severity error_state formatmessage get_filestream_transaction_context getansinull host_id host_name isnull isnumeric min_active_rowversion newid newsequentialid rowcount_big xact_state object_id",operatorChars:"*+-%<>!=^&|/",specialVar:"@"}),tt=m.define({keywords:_+"abort analyze attach autoincrement conflict database detach exclusive fail glob ignore index indexed instead isnull notnull offset plan pragma query raise regexp reindex rename replace temp vacuum virtual",types:h+"bool blob long longblob longtext medium mediumblob mediumint mediumtext tinyblob tinyint tinytext text bigint int2 int8 unsigned signed real",builtin:"auth backup bail changes clone databases dbinfo dump echo eqp explain fullschema headers help import imposter indexes iotrace lint load log mode nullvalue once print prompt quit restore save scanstats separator shell show stats system tables testcase timeout timer trace vfsinfo vfslist vfsname width",operatorChars:"*+-%<>!=&|/~",identifierQuotes:'`"',specialVar:"@:?$"}),at=m.define({keywords:"add all allow alter and any apply as asc authorize batch begin by clustering columnfamily compact consistency count create custom delete desc distinct drop each_quorum exists filtering from grant if in index insert into key keyspace keyspaces level limit local_one local_quorum modify nan norecursive nosuperuser not of on one order password permission permissions primary quorum rename revoke schema select set storage superuser table three to token truncate ttl two type unlogged update use user users using values where with writetime infinity NaN",types:h+"ascii bigint blob counter frozen inet list map static text timeuuid tuple uuid varint",slashComments:!0}),rt=m.define({keywords:_+"abort accept access add all alter and any arraylen as asc assert assign at attributes audit authorization avg base_table begin between binary_integer body by case cast char_base check close cluster clusters colauth column comment commit compress connected constant constraint crash create current currval cursor data_base database dba deallocate debugoff debugon declare default definition delay delete desc digits dispose distinct do drop else elseif elsif enable end entry exception exception_init exchange exclusive exists external fast fetch file for force form from function generic goto grant group having identified if immediate in increment index indexes indicator initial initrans insert interface intersect into is key level library like limited local lock log logging loop master maxextents maxtrans member minextents minus mislabel mode modify multiset new next no noaudit nocompress nologging noparallel not nowait number_base of off offline on online only option or order out package parallel partition pctfree pctincrease pctused pls_integer positive positiven pragma primary prior private privileges procedure public raise range raw rebuild record ref references refresh rename replace resource restrict return returning returns reverse revoke rollback row rowid rowlabel rownum rows run savepoint schema segment select separate set share snapshot some space split sql start statement storage subtype successful synonym tabauth table tables tablespace task terminate then to trigger truncate type union unique unlimited unrecoverable unusable update use using validate value values variable view views when whenever where while with work",builtin:"appinfo arraysize autocommit autoprint autorecovery autotrace blockterminator break btitle cmdsep colsep compatibility compute concat copycommit copytypecheck define echo editfile embedded feedback flagger flush heading headsep instance linesize lno loboffset logsource longchunksize markup native newpage numformat numwidth pagesize pause pno recsep recsepchar repfooter repheader serveroutput shiftinout show showmode spool sqlblanklines sqlcase sqlcode sqlcontinue sqlnumber sqlpluscompatibility sqlprefix sqlprompt sqlterminator suffix tab term termout timing trimout trimspool ttitle underline verify version wrap",types:h+"ascii bfile bfilename bigserial bit blob dec long number nvarchar nvarchar2 serial smallint string text uid varchar2 xml",operatorChars:"*/+-%<>!=~",doubleQuotedStrings:!0,charSetCasts:!0,plsqlQuotingMechanism:!0});export{at as Cassandra,et as MSSQL,Je as MariaSQL,He as MySQL,rt as PLSQL,Ye as PostgreSQL,m as SQLDialect,tt as SQLite,Q as StandardSQL,G as keywordCompletion,F as keywordCompletionSource,H as schemaCompletion,Y as schemaCompletionSource,Ge as sql};
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/lang-xml.js b/Resources/Public/JavaScript/Contrib/@codemirror/lang-xml.js
new file mode 100644
index 0000000..097cd9d
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/lang-xml.js
@@ -0,0 +1 @@
+import{parser as L}from"@lezer/xml";import{syntaxTree as E,LRLanguage as _,indentNodeProp as w,foldNodeProp as x,bracketMatchingHandle as M,LanguageSupport as k}from"@codemirror/language";import{EditorSelection as D}from"@codemirror/state";import{EditorView as P}from"@codemirror/view";function v(e,t){let i=t&&t.getChild("TagName");return i?e.sliceString(i.from,i.to):""}function N(e,t){let i=t&&t.firstChild;return!i||i.name!="OpenTag"?"":v(e,i)}function B(e,t,i){let n=t&&t.getChildren("Attribute").find(o=>o.from<=i&&o.to>=i),a=n&&n.getChild("AttributeName");return a?e.sliceString(a.from,a.to):""}function S(e){for(let t=e&&e.parent;t;t=t.parent)if(t.name=="Element")return t;return null}function H(e,t){var i;let n=E(e).resolveInner(t,-1),a=null;for(let o=n;!a&&o.parent;o=o.parent)(o.name=="OpenTag"||o.name=="CloseTag"||o.name=="SelfClosingTag"||o.name=="MismatchedCloseTag")&&(a=o);if(a&&(a.to>t||a.lastChild.type.isError)){let o=a.parent;if(n.name=="TagName")return a.name=="CloseTag"||a.name=="MismatchedCloseTag"?{type:"closeTag",from:n.from,context:o}:{type:"openTag",from:n.from,context:S(o)};if(n.name=="AttributeName")return{type:"attrName",from:n.from,context:a};if(n.name=="AttributeValue")return{type:"attrValue",from:n.from,context:a};let s=n==a||n.name=="Attribute"?n.childBefore(t):n;return s?.name=="StartTag"?{type:"openTag",from:t,context:S(o)}:s?.name=="StartCloseTag"&&s.to<=t?{type:"closeTag",from:t,context:o}:s?.name=="Is"?{type:"attrValue",from:t,context:a}:s?{type:"attrName",from:t,context:a}:null}else if(n.name=="StartCloseTag")return{type:"closeTag",from:t,context:n.parent};for(;n.parent&&n.to==t&&!(!((i=n.lastChild)===null||i===void 0)&&i.type.isError);)n=n.parent;return n.name=="Element"||n.name=="Text"||n.name=="Document"?{type:"tag",from:t,context:n.name=="Element"?n:S(n)}:null}class R{constructor(t,i,n){this.attrs=i,this.attrValues=n,this.children=[],this.name=t.name,this.completion=Object.assign(Object.assign({type:"type"},t.completion||{}),{label:this.name}),this.openCompletion=Object.assign(Object.assign({},this.completion),{label:"<"+this.name}),this.closeCompletion=Object.assign(Object.assign({},this.completion),{label:"</"+this.name+">",boost:2}),this.closeNameCompletion=Object.assign(Object.assign({},this.completion),{label:this.name+">"}),this.text=t.textContent?t.textContent.map(a=>({label:a,type:"text"})):[]}}const j=/^[:\-\.\w\u00b7-\uffff]*$/;function A(e){return Object.assign(Object.assign({type:"property"},e.completion||{}),{label:e.name})}function V(e){return typeof e=="string"?{label:`"${e}"`,type:"constant"}:/^"/.test(e.label)?e:Object.assign(Object.assign({},e),{label:`"${e.label}"`})}function $(e,t){let i=[],n=[],a=Object.create(null);for(let l of t){let p=A(l);i.push(p),l.global&&n.push(p),l.values&&(a[l.name]=l.values.map(V))}let o=[],s=[],h=Object.create(null);for(let l of e){let p=n,u=a;l.attributes&&(p=p.concat(l.attributes.map(r=>typeof r=="string"?i.find(b=>b.label==r)||{label:r,type:"property"}:(r.values&&(u==a&&(u=Object.create(u)),u[r.name]=r.values.map(V)),A(r)))));let d=new R(l,p,u);h[d.name]=d,o.push(d),l.top&&s.push(d)}s.length||(s=o);for(let l=0;l<o.length;l++){let p=e[l],u=o[l];if(p.children)for(let d of p.children)h[d]&&u.children.push(h[d]);else u.children=o}return l=>{var p;let{doc:u}=l.state,d=H(l.state,l.pos);if(!d||d.type=="tag"&&!l.explicit)return null;let{type:r,from:b,context:c}=d;if(r=="openTag"){let m=s,f=N(u,c);if(f){let g=h[f];m=g?.children||o}return{from:b,options:m.map(g=>g.completion),validFor:j}}else if(r=="closeTag"){let m=N(u,c);return m?{from:b,to:l.pos+(u.sliceString(l.pos,l.pos+1)==">"?1:0),options:[((p=h[m])===null||p===void 0?void 0:p.closeNameCompletion)||{label:m+">",type:"type"}],validFor:j}:null}else if(r=="attrName"){let m=h[v(u,c)];return{from:b,options:m?.attrs||n,validFor:j}}else if(r=="attrValue"){let m=B(u,c,b);if(!m)return null;let f=h[v(u,c)],g=(f?.attrValues||a)[m];return!g||!g.length?null:{from:b,to:l.pos+(u.sliceString(l.pos,l.pos+1)=='"'?1:0),options:g,validFor:/^"[^"]*"?$/}}else if(r=="tag"){let m=N(u,c),f=h[m],g=[],C=c&&c.lastChild;m&&(!C||C.name!="CloseTag"||v(u,C)!=m)&&g.push(f?f.closeCompletion:{label:"</"+m+">",type:"type",boost:2});let O=g.concat((f?.children||(c?o:s)).map(T=>T.openCompletion));if(c&&f?.text.length){let T=c.firstChild;T.to>l.pos-20&&!/\S/.test(l.state.sliceDoc(T.to,l.pos))&&(O=O.concat(f.text))}return{from:b,options:O,validFor:/^<\/?[:\-\.\w\u00b7-\uffff]*$/}}else return null}}const y=_.define({name:"xml",parser:L.configure({props:[w.add({Element(e){let t=/^\s*<\//.test(e.textAfter);return e.lineIndent(e.node.from)+(t?0:e.unit)},"OpenTag CloseTag SelfClosingTag"(e){return e.column(e.node.from)+e.unit}}),x.add({Element(e){let t=e.firstChild,i=e.lastChild;return!t||t.name!="OpenTag"?null:{from:t.to,to:i.name=="CloseTag"?i.from:e.to}}}),M.add({"OpenTag CloseTag":e=>e.getChild("TagName")})]}),languageData:{commentTokens:{block:{open:"<!--",close:"-->"}},indentOnInput:/^\s*<\/$/}});function q(e={}){let t=[y.data.of({autocomplete:$(e.elements||[],e.attributes||[])})];return e.autoCloseTags!==!1&&t.push(F),new k(y,t)}function I(e,t,i=e.length){if(!t)return"";let n=t.firstChild,a=n&&n.getChild("TagName");return a?e.sliceString(a.from,Math.min(a.to,i)):""}const F=P.inputHandler.of((e,t,i,n,a)=>{if(e.composing||e.state.readOnly||t!=i||n!=">"&&n!="/"||!y.isActiveAt(e.state,t,-1))return!1;let o=a(),{state:s}=o,h=s.changeByRange(l=>{var p,u,d;let{head:r}=l,b=s.doc.sliceString(r-1,r)==n,c=E(s).resolveInner(r,-1),m;if(b&&n==">"&&c.name=="EndTag"){let f=c.parent;if(((u=(p=f.parent)===null||p===void 0?void 0:p.lastChild)===null||u===void 0?void 0:u.name)!="CloseTag"&&(m=I(s.doc,f.parent,r))){let g=r+(s.doc.sliceString(r,r+1)===">"?1:0),C=`</${m}>`;return{range:l,changes:{from:r,to:g,insert:C}}}}else if(b&&n=="/"&&c.name=="StartCloseTag"){let f=c.parent;if(c.from==r-2&&((d=f.lastChild)===null||d===void 0?void 0:d.name)!="CloseTag"&&(m=I(s.doc,f,r))){let g=r+(s.doc.sliceString(r,r+1)===">"?1:0),C=`${m}>`;return{range:D.cursor(r+C.length,-1),changes:{from:r,to:g,insert:C}}}}return{range:l}});return h.changes.empty?!1:(e.dispatch([o,s.update(h,{userEvent:"input.complete",scrollIntoView:!0})]),!0)});export{F as autoCloseTags,$ as completeFromSchema,q as xml,y as xmlLanguage};
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/language.js b/Resources/Public/JavaScript/Contrib/@codemirror/language.js
new file mode 100644
index 0000000..b6fac24
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/language.js
@@ -0,0 +1,3 @@
+import{NodeProp as y,IterMode as he,Tree as b,TreeFragment as H,Parser as yt,NodeType as U,NodeSet as fe}from"@lezer/common";import{StateEffect as j,StateField as Q,Facet as v,EditorState as L,countColumn as ue,combineConfig as vt,RangeSet as xt,RangeSetBuilder as X,Prec as St}from"@codemirror/state";import{ViewPlugin as V,logException as ce,EditorView as w,Decoration as p,WidgetType as Tt,gutter as de,GutterMarker as pe,Direction as $}from"@codemirror/view";import{tags as u,tagHighlighter as ge,highlightTree as me,styleTags as ke}from"@lezer/highlight";import{StyleModule as Pt}from"style-mod";var Y;const P=new y;function Z(n){return v.define({combine:n?t=>t.concat(n):void 0})}const At=new y;class g{constructor(t,e,r=[],i=""){this.data=t,this.name=i,L.prototype.hasOwnProperty("tree")||Object.defineProperty(L.prototype,"tree",{get(){return m(this)}}),this.parser=e,this.extension=[S.of(this),L.languageData.of((s,o,l)=>{let a=Ct(s,o,l),h=a.type.prop(P);if(!h)return[];let f=s.facet(h),c=a.type.prop(At);if(c){let k=a.resolve(o-a.from,l);for(let d of c)if(d.test(k,s)){let x=s.facet(d.facet);return d.type=="replace"?x:x.concat(f)}}return f})].concat(r)}isActiveAt(t,e,r=-1){return Ct(t,e,r).type.prop(P)==this.data}findRegions(t){let e=t.facet(S);if(e?.data==this.data)return[{from:0,to:t.doc.length}];if(!e||!e.allowsNesting)return[];let r=[],i=(s,o)=>{if(s.prop(P)==this.data){r.push({from:o,to:o+s.length});return}let l=s.prop(y.mounted);if(l){if(l.tree.prop(P)==this.data){if(l.overlay)for(let a of l.overlay)r.push({from:a.from+o,to:a.to+o});else r.push({from:o,to:o+s.length});return}else if(l.overlay){let a=r.length;if(i(l.tree,l.overlay[0].from+o),r.length>a)return}}for(let a=0;a<s.children.length;a++){let h=s.children[a];h instanceof b&&i(h,s.positions[a]+o)}};return i(m(t),0),r}get allowsNesting(){return!0}}g.setState=j.define();function Ct(n,t,e){let r=n.facet(S),i=m(n).topNode;if(!r||r.allowsNesting)for(let s=i;s;s=s.enter(t,e,he.ExcludeBuffers))s.type.isTop&&(i=s);return i}class J extends g{constructor(t,e,r){super(t,e,[],r),this.parser=e}static define(t){let e=Z(t.languageData);return new J(e,t.parser.configure({props:[P.add(r=>r.isTop?e:void 0)]}),t.name)}configure(t,e){return new J(this.data,this.parser.configure(t),e||this.name)}get allowsNesting(){return this.parser.hasWrappers()}}function m(n){let t=n.field(g.state,!1);return t?t.tree:b.empty}function It(n,t,e=50){var r;let i=(r=n.field(g.state,!1))===null||r===void 0?void 0:r.context;if(!i)return null;let s=i.viewport;i.updateViewport({from:0,to:t});let o=i.isDone(t)||i.work(e,t)?i.tree:null;return i.updateViewport(s),o}function be(n,t=n.doc.length){var e;return((e=n.field(g.state,!1))===null||e===void 0?void 0:e.context.isDone(t))||!1}function we(n,t=n.viewport.to,e=100){let r=It(n.state,t,e);return r!=m(n.state)&&n.dispatch({}),!!r}function ye(n){var t;return((t=n.plugin(Lt))===null||t===void 0?void 0:t.isWorking())||!1}class Dt{constructor(t){this.doc=t,this.cursorPos=0,this.string="",this.cursor=t.iter()}get length(){return this.doc.length}syncTo(t){return this.string=this.cursor.next(t-this.cursorPos).value,this.cursorPos=t+this.string.length,this.cursorPos-this.string.length}chunk(t){return this.syncTo(t),this.string}get lineChunks(){return!0}read(t,e){let r=this.cursorPos-this.string.length;return t<r||e>=this.cursorPos?this.doc.sliceString(t,e):this.string.slice(t-r,e-r)}}let N=null;class C{constructor(t,e,r=[],i,s,o,l,a){this.parser=t,this.state=e,this.fragments=r,this.tree=i,this.treeLen=s,this.viewport=o,this.skipped=l,this.scheduleOn=a,this.parse=null,this.tempSkipped=[]}static create(t,e,r){return new C(t,e,[],b.empty,0,r,[],null)}startParse(){return this.parser.startParse(new Dt(this.state.doc),this.fragments)}work(t,e){return e!=null&&e>=this.state.doc.length&&(e=void 0),this.tree!=b.empty&&this.isDone(e??this.state.doc.length)?(this.takeTree(),!0):this.withContext(()=>{var r;if(typeof t=="number"){let i=Date.now()+t;t=()=>Date.now()>i}for(this.parse||(this.parse=this.startParse()),e!=null&&(this.parse.stoppedAt==null||this.parse.stoppedAt>e)&&e<this.state.doc.length&&this.parse.stopAt(e);;){let i=this.parse.advance();if(i)if(this.fragments=this.withoutTempSkipped(H.addTree(i,this.fragments,this.parse.stoppedAt!=null)),this.treeLen=(r=this.parse.stoppedAt)!==null&&r!==void 0?r:this.state.doc.length,this.tree=i,this.parse=null,this.treeLen<(e??this.state.doc.length))this.parse=this.startParse();else return!0;if(t())return!1}})}takeTree(){let t,e;this.parse&&(t=this.parse.parsedPos)>=this.treeLen&&((this.parse.stoppedAt==null||this.parse.stoppedAt>t)&&this.parse.stopAt(t),this.withContext(()=>{for(;!(e=this.parse.advance()););}),this.treeLen=t,this.tree=e,this.fragments=this.withoutTempSkipped(H.addTree(this.tree,this.fragments,!0)),this.parse=null)}withContext(t){let e=N;N=this;try{return t()}finally{N=e}}withoutTempSkipped(t){for(let e;e=this.tempSkipped.pop();)t=Ot(t,e.from,e.to);return t}changes(t,e){let{fragments:r,tree:i,treeLen:s,viewport:o,skipped:l}=this;if(this.takeTree(),!t.empty){let a=[];if(t.iterChangedRanges((h,f,c,k)=>a.push({fromA:h,toA:f,fromB:c,toB:k})),r=H.applyChanges(r,a),i=b.empty,s=0,o={from:t.mapPos(o.from,-1),to:t.mapPos(o.to,1)},this.skipped.length){l=[];for(let h of this.skipped){let f=t.mapPos(h.from,1),c=t.mapPos(h.to,-1);f<c&&l.push({from:f,to:c})}}}return new C(this.parser,e,r,i,s,o,l,this.scheduleOn)}updateViewport(t){if(this.viewport.from==t.from&&this.viewport.to==t.to)return!1;this.viewport=t;let e=this.skipped.length;for(let r=0;r<this.skipped.length;r++){let{from:i,to:s}=this.skipped[r];i<t.to&&s>t.from&&(this.fragments=Ot(this.fragments,i,s),this.skipped.splice(r--,1))}return this.skipped.length>=e?!1:(this.reset(),!0)}reset(){this.parse&&(this.takeTree(),this.parse=null)}skipUntilInView(t,e){this.skipped.push({from:t,to:e})}static getSkippingParser(t){return new class extends yt{createParse(e,r,i){let s=i[0].from,o=i[i.length-1].to;return{parsedPos:s,advance(){let a=N;if(a){for(let h of i)a.tempSkipped.push(h);t&&(a.scheduleOn=a.scheduleOn?Promise.all([a.scheduleOn,t]):t)}return this.parsedPos=o,new b(U.none,[],[],o-s)},stoppedAt:null,stopAt(){}}}}}isDone(t){t=Math.min(t,this.state.doc.length);let e=this.fragments;return this.treeLen>=t&&e.length&&e[0].from==0&&e[0].to>=t}static get(){return N}}function Ot(n,t,e){return H.applyChanges(n,[{fromA:t,toA:e,fromB:t,toB:e}])}class M{constructor(t){this.context=t,this.tree=t.tree}apply(t){if(!t.docChanged&&this.tree==this.context.tree)return this;let e=this.context.changes(t.changes,t.state),r=this.context.treeLen==t.startState.doc.length?void 0:Math.max(t.changes.mapPos(this.context.treeLen),e.viewport.to);return e.work(20,r)||e.takeTree(),new M(e)}static init(t){let e=Math.min(3e3,t.doc.length),r=C.create(t.facet(S).parser,t,{from:0,to:e});return r.work(20,e)||r.takeTree(),new M(r)}}g.state=Q.define({create:M.init,update(n,t){for(let e of t.effects)if(e.is(g.setState))return e.value;return t.startState.facet(S)!=t.state.facet(S)?M.init(t.state):n.apply(t)}});let Mt=n=>{let t=setTimeout(()=>n(),500);return()=>clearTimeout(t)};typeof requestIdleCallback<"u"&&(Mt=n=>{let t=-1,e=setTimeout(()=>{t=requestIdleCallback(n,{timeout:400})},100);return()=>t<0?clearTimeout(e):cancelIdleCallback(t)});const tt=typeof navigator<"u"&&(!((Y=navigator.scheduling)===null||Y===void 0)&&Y.isInputPending)?()=>navigator.scheduling.isInputPending():null,Lt=V.fromClass(class{constructor(t){this.view=t,this.working=null,this.workScheduled=0,this.chunkEnd=-1,this.chunkBudget=-1,this.work=this.work.bind(this),this.scheduleWork()}update(t){let e=this.view.state.field(g.state).context;(e.updateViewport(t.view.viewport)||this.view.viewport.to>e.treeLen)&&this.scheduleWork(),(t.docChanged||t.selectionSet)&&(this.view.hasFocus&&(this.chunkBudget+=50),this.scheduleWork()),this.checkAsyncSchedule(e)}scheduleWork(){if(this.working)return;let{state:t}=this.view,e=t.field(g.state);(e.tree!=e.context.tree||!e.context.isDone(t.doc.length))&&(this.working=Mt(this.work))}work(t){this.working=null;let e=Date.now();if(this.chunkEnd<e&&(this.chunkEnd<0||this.view.hasFocus)&&(this.chunkEnd=e+3e4,this.chunkBudget=3e3),this.chunkBudget<=0)return;let{state:r,viewport:{to:i}}=this.view,s=r.field(g.state);if(s.tree==s.context.tree&&s.context.isDone(i+1e5))return;let o=Date.now()+Math.min(this.chunkBudget,100,t&&!tt?Math.max(25,t.timeRemaining()-5):1e9),l=s.context.treeLen<i&&r.doc.length>i+1e3,a=s.context.work(()=>tt&&tt()||Date.now()>o,i+(l?0:1e5));this.chunkBudget-=Date.now()-e,(a||this.chunkBudget<=0)&&(s.context.takeTree(),this.view.dispatch({effects:g.setState.of(new M(s.context))})),this.chunkBudget>0&&!(a&&!l)&&this.scheduleWork(),this.checkAsyncSchedule(s.context)}checkAsyncSchedule(t){t.scheduleOn&&(this.workScheduled++,t.scheduleOn.then(()=>this.scheduleWork()).catch(e=>ce(this.view.state,e)).then(()=>this.workScheduled--),t.scheduleOn=null)}destroy(){this.working&&this.working()}isWorking(){return!!(this.working||this.workScheduled>0)}},{eventHandlers:{focus(){this.scheduleWork()}}}),S=v.define({combine(n){return n.length?n[0]:null},enables:n=>[g.state,Lt,w.contentAttributes.compute([n],t=>{let e=t.facet(n);return e&&e.name?{"data-language":e.name}:{}})]});class ve{constructor(t,e=[]){this.language=t,this.support=e,this.extension=[t,e]}}class bt{constructor(t,e,r,i,s,o=void 0){this.name=t,this.alias=e,this.extensions=r,this.filename=i,this.loadFunc=s,this.support=o,this.loading=null}load(){return this.loading||(this.loading=this.loadFunc().then(t=>this.support=t,t=>{throw this.loading=null,t}))}static of(t){let{load:e,support:r}=t;if(!e){if(!r)throw new RangeError("Must pass either 'load' or 'support' to LanguageDescription.of");e=()=>Promise.resolve(r)}return new bt(t.name,(t.alias||[]).concat(t.name).map(i=>i.toLowerCase()),t.extensions||[],t.filename,e,r)}static matchFilename(t,e){for(let i of t)if(i.filename&&i.filename.test(e))return i;let r=/\.([^.]+)$/.exec(e);if(r){for(let i of t)if(i.extensions.indexOf(r[1])>-1)return i}return null}static matchLanguageName(t,e,r=!0){e=e.toLowerCase();for(let i of t)if(i.alias.some(s=>s==e))return i;if(r)for(let i of t)for(let s of i.alias){let o=e.indexOf(s);if(o>-1&&(s.length>2||!/\w/.test(e[o-1])&&!/\w/.test(e[o+s.length])))return i}return null}}const et=v.define(),nt=v.define({combine:n=>{if(!n.length)return"  ";let t=n[0];if(!t||/\S/.test(t)||Array.from(t).some(e=>e!=t[0]))throw new Error("Invalid indent unit: "+JSON.stringify(n[0]));return t}});function B(n){let t=n.facet(nt);return t.charCodeAt(0)==9?n.tabSize*t.length:t.length}function rt(n,t){let e="",r=n.tabSize,i=n.facet(nt)[0];if(i=="	"){for(;t>=r;)e+="	",t-=r;i=" "}for(let s=0;s<t;s++)e+=i;return e}function it(n,t){n instanceof L&&(n=new q(n));for(let r of n.state.facet(et)){let i=r(n,t);if(i!==void 0)return i}let e=m(n.state);return e.length>=t?Se(n,e,t):null}function xe(n,t,e){let r=Object.create(null),i=new q(n,{overrideIndentation:o=>{var l;return(l=r[o])!==null&&l!==void 0?l:-1}}),s=[];for(let o=t;o<=e;){let l=n.doc.lineAt(o);o=l.to+1;let a=it(i,l.from);if(a==null)continue;/\S/.test(l.text)||(a=0);let h=/^\s*/.exec(l.text)[0],f=rt(n,a);h!=f&&(r[l.from]=a,s.push({from:l.from,to:l.from+h.length,insert:f}))}return n.changes(s)}class q{constructor(t,e={}){this.state=t,this.options=e,this.unit=B(t)}lineAt(t,e=1){let r=this.state.doc.lineAt(t),{simulateBreak:i,simulateDoubleBreak:s}=this.options;return i!=null&&i>=r.from&&i<=r.to?s&&i==t?{text:"",from:t}:(e<0?i<t:i<=t)?{text:r.text.slice(i-r.from),from:i}:{text:r.text.slice(0,i-r.from),from:r.from}:r}textAfterPos(t,e=1){if(this.options.simulateDoubleBreak&&t==this.options.simulateBreak)return"";let{text:r,from:i}=this.lineAt(t,e);return r.slice(t-i,Math.min(r.length,t+100-i))}column(t,e=1){let{text:r,from:i}=this.lineAt(t,e),s=this.countColumn(r,t-i),o=this.options.overrideIndentation?this.options.overrideIndentation(i):-1;return o>-1&&(s+=o-this.countColumn(r,r.search(/\S|$/))),s}countColumn(t,e=t.length){return ue(t,this.state.tabSize,e)}lineIndent(t,e=1){let{text:r,from:i}=this.lineAt(t,e),s=this.options.overrideIndentation;if(s){let o=s(i);if(o>-1)return o}return this.countColumn(r,r.search(/\S|$/))}get simulatedBreak(){return this.options.simulateBreak||null}}const Nt=new y;function Se(n,t,e){let r=t.resolveStack(e),i=r.node.enterUnfinishedNodesBefore(e);if(i!=r.node){let s=[];for(let o=i;o!=r.node;o=o.parent)s.push(o);for(let o=s.length-1;o>=0;o--)r={node:s[o],next:r}}return Bt(r,n,e)}function Bt(n,t,e){for(let r=n;r;r=r.next){let i=Pe(r.node);if(i)return i(_.create(t,e,r))}return 0}function Te(n){return n.pos==n.options.simulateBreak&&n.options.simulateDoubleBreak}function Pe(n){let t=n.type.prop(Nt);if(t)return t;let e=n.firstChild,r;if(e&&(r=e.type.prop(y.closedBy))){let i=n.lastChild,s=i&&r.indexOf(i.name)>-1;return o=>Rt(o,!0,1,void 0,s&&!Te(o)?i.from:void 0)}return n.parent==null?Ae:null}function Ae(){return 0}class _ extends q{constructor(t,e,r){super(t.state,t.options),this.base=t,this.pos=e,this.context=r}get node(){return this.context.node}static create(t,e,r){return new _(t,e,r)}get textAfter(){return this.textAfterPos(this.pos)}get baseIndent(){return this.baseIndentFor(this.node)}baseIndentFor(t){let e=this.state.doc.lineAt(t.from);for(;;){let r=t.resolve(e.from);for(;r.parent&&r.parent.from==r.from;)r=r.parent;if(Ce(r,t))break;e=this.state.doc.lineAt(r.from)}return this.lineIndent(e.from)}continue(){return Bt(this.context.next,this.base,this.pos)}}function Ce(n,t){for(let e=t;e;e=e.parent)if(n==e)return!0;return!1}function Ie(n){let t=n.node,e=t.childAfter(t.from),r=t.lastChild;if(!e)return null;let i=n.options.simulateBreak,s=n.state.doc.lineAt(e.from),o=i==null||i<=s.from?s.to:Math.min(s.to,i);for(let l=e.to;;){let a=t.childAfter(l);if(!a||a==r)return null;if(!a.type.isSkipped)return a.from<o?e:null;l=a.to}}function De({closing:n,align:t=!0,units:e=1}){return r=>Rt(r,t,e,n)}function Rt(n,t,e,r,i){let s=n.textAfter,o=s.match(/^\s*/)[0].length,l=r&&s.slice(o,o+r.length)==r||i==n.pos+o,a=t?Ie(n):null;return a?l?n.column(a.from):n.column(a.to):n.baseIndent+(l?0:n.unit*e)}const Oe=n=>n.baseIndent;function Me({except:n,units:t=1}={}){return e=>{let r=n&&n.test(e.textAfter);return e.baseIndent+(r?0:t*e.unit)}}const Le=200;function Ne(){return L.transactionFilter.of(n=>{if(!n.docChanged||!n.isUserEvent("input.type")&&!n.isUserEvent("input.complete"))return n;let t=n.startState.languageDataAt("indentOnInput",n.startState.selection.main.head);if(!t.length)return n;let e=n.newDoc,{head:r}=n.newSelection.main,i=e.lineAt(r);if(r>i.from+Le)return n;let s=e.sliceString(i.from,r);if(!t.some(h=>h.test(s)))return n;let{state:o}=n,l=-1,a=[];for(let{head:h}of o.selection.ranges){let f=o.doc.lineAt(h);if(f.from==l)continue;l=f.from;let c=it(o,f.from);if(c==null)continue;let k=/^\s*/.exec(f.text)[0],d=rt(o,c);k!=d&&a.push({from:f.from,to:f.from+k.length,insert:d})}return a.length?[n,{changes:a,sequential:!0}]:n})}const Ft=v.define(),Et=new y;function Be(n){let t=n.firstChild,e=n.lastChild;return t&&t.to<e.from?{from:t.to,to:e.type.isError?n.to:e.from}:null}function Re(n,t,e){let r=m(n);if(r.length<e)return null;let i=r.resolveStack(e,1),s=null;for(let o=i;o;o=o.next){let l=o.node;if(l.to<=e||l.from>e)continue;if(s&&l.from<t)break;let a=l.type.prop(Et);if(a&&(l.to<r.length-50||r.length==n.doc.length||!Fe(l))){let h=a(l,n);h&&h.from<=e&&h.from>=t&&h.to>e&&(s=h)}}return s}function Fe(n){let t=n.lastChild;return t&&t.to==n.to&&t.type.isError}function D(n,t,e){for(let r of n.facet(Ft)){let i=r(n,t,e);if(i)return i}return Re(n,t,e)}function Wt(n,t){let e=t.mapPos(n.from,1),r=t.mapPos(n.to,-1);return e>=r?void 0:{from:e,to:r}}const O=j.define({map:Wt}),A=j.define({map:Wt});function st(n){let t=[];for(let{head:e}of n.state.selection.ranges)t.some(r=>r.from<=e&&r.to>=e)||t.push(n.lineBlockAt(e));return t}const T=Q.define({create(){return p.none},update(n,t){n=n.map(t.changes);for(let e of t.effects)if(e.is(O)&&!We(n,e.value.from,e.value.to)){let{preparePlaceholder:r}=t.state.facet(lt),i=r?p.replace({widget:new $e(r(t.state,e.value))}):qt;n=n.update({add:[i.range(e.value.from,e.value.to)]})}else e.is(A)&&(n=n.update({filter:(r,i)=>e.value.from!=r||e.value.to!=i,filterFrom:e.value.from,filterTo:e.value.to}));if(t.selection){let e=!1,{head:r}=t.selection.main;n.between(r,r,(i,s)=>{i<r&&s>r&&(e=!0)}),e&&(n=n.update({filterFrom:r,filterTo:r,filter:(i,s)=>s<=r||i>=r}))}return n},provide:n=>w.decorations.from(n),toJSON(n,t){let e=[];return n.between(0,t.doc.length,(r,i)=>{e.push(r,i)}),e},fromJSON(n){if(!Array.isArray(n)||n.length%2)throw new RangeError("Invalid JSON for fold state");let t=[];for(let e=0;e<n.length;){let r=n[e++],i=n[e++];if(typeof r!="number"||typeof i!="number")throw new RangeError("Invalid JSON for fold state");t.push(qt.range(r,i))}return p.set(t,!0)}});function Ee(n){return n.field(T,!1)||xt.empty}function R(n,t,e){var r;let i=null;return(r=n.field(T,!1))===null||r===void 0||r.between(t,e,(s,o)=>{(!i||i.from>s)&&(i={from:s,to:o})}),i}function We(n,t,e){let r=!1;return n.between(t,t,(i,s)=>{i==t&&s==e&&(r=!0)}),r}function ot(n,t){return n.field(T,!1)?t:t.concat(j.appendConfig.of(at()))}const Ht=n=>{for(let t of st(n)){let e=D(n.state,t.from,t.to);if(e)return n.dispatch({effects:ot(n.state,[O.of(e),z(n,e)])}),!0}return!1},Ut=n=>{if(!n.state.field(T,!1))return!1;let t=[];for(let e of st(n)){let r=R(n.state,e.from,e.to);r&&t.push(A.of(r),z(n,r,!1))}return t.length&&n.dispatch({effects:t}),t.length>0};function z(n,t,e=!0){let r=n.state.doc.lineAt(t.from).number,i=n.state.doc.lineAt(t.to).number;return w.announce.of(`${n.state.phrase(e?"Folded lines":"Unfolded lines")} ${r} ${n.state.phrase("to")} ${i}.`)}const jt=n=>{let{state:t}=n,e=[];for(let r=0;r<t.doc.length;){let i=n.lineBlockAt(r),s=D(t,i.from,i.to);s&&e.push(O.of(s)),r=(s?n.lineBlockAt(s.to):i).to+1}return e.length&&n.dispatch({effects:ot(n.state,e)}),!!e.length},Vt=n=>{let t=n.state.field(T,!1);if(!t||!t.size)return!1;let e=[];return t.between(0,n.state.doc.length,(r,i)=>{e.push(A.of({from:r,to:i}))}),n.dispatch({effects:e}),!0};function He(n,t){for(let e=t;;){let r=D(n.state,e.from,e.to);if(r&&r.to>t.from)return r;if(!e.from)return null;e=n.lineBlockAt(e.from-1)}}const Ue=n=>{let t=[];for(let e of st(n)){let r=R(n.state,e.from,e.to);if(r)t.push(A.of(r),z(n,r,!1));else{let i=He(n,e);i&&t.push(O.of(i),z(n,i))}}return t.length>0&&n.dispatch({effects:ot(n.state,t)}),!!t.length},je=[{key:"Ctrl-Shift-[",mac:"Cmd-Alt-[",run:Ht},{key:"Ctrl-Shift-]",mac:"Cmd-Alt-]",run:Ut},{key:"Ctrl-Alt-[",run:jt},{key:"Ctrl-Alt-]",run:Vt}],Ve={placeholderDOM:null,preparePlaceholder:null,placeholderText:"\u2026"},lt=v.define({combine(n){return vt(n,Ve)}});function at(n){let t=[T,Ge];return n&&t.push(lt.of(n)),t}function $t(n,t){let{state:e}=n,r=e.facet(lt),i=o=>{let l=n.lineBlockAt(n.posAtDOM(o.target)),a=R(n.state,l.from,l.to);a&&n.dispatch({effects:A.of(a)}),o.preventDefault()};if(r.placeholderDOM)return r.placeholderDOM(n,i,t);let s=document.createElement("span");return s.textContent=r.placeholderText,s.setAttribute("aria-label",e.phrase("folded code")),s.title=e.phrase("unfold"),s.className="cm-foldPlaceholder",s.onclick=i,s}const qt=p.replace({widget:new class extends Tt{toDOM(n){return $t(n,null)}}});class $e extends Tt{constructor(t){super(),this.value=t}eq(t){return this.value==t.value}toDOM(t){return $t(t,this.value)}}const qe={openText:"\u2304",closedText:"\u203A",markerDOM:null,domEventHandlers:{},foldingChanged:()=>!1};class ht extends pe{constructor(t,e){super(),this.config=t,this.open=e}eq(t){return this.config==t.config&&this.open==t.open}toDOM(t){if(this.config.markerDOM)return this.config.markerDOM(this.open);let e=document.createElement("span");return e.textContent=this.open?this.config.openText:this.config.closedText,e.title=t.state.phrase(this.open?"Fold line":"Unfold line"),e}}function ze(n={}){let t=Object.assign(Object.assign({},qe),n),e=new ht(t,!0),r=new ht(t,!1),i=V.fromClass(class{constructor(o){this.from=o.viewport.from,this.markers=this.buildMarkers(o)}update(o){(o.docChanged||o.viewportChanged||o.startState.facet(S)!=o.state.facet(S)||o.startState.field(T,!1)!=o.state.field(T,!1)||m(o.startState)!=m(o.state)||t.foldingChanged(o))&&(this.markers=this.buildMarkers(o.view))}buildMarkers(o){let l=new X;for(let a of o.viewportLineBlocks){let h=R(o.state,a.from,a.to)?r:D(o.state,a.from,a.to)?e:null;h&&l.add(a.from,a.from,h)}return l.finish()}}),{domEventHandlers:s}=t;return[i,de({class:"cm-foldGutter",markers(o){var l;return((l=o.plugin(i))===null||l===void 0?void 0:l.markers)||xt.empty},initialSpacer(){return new ht(t,!1)},domEventHandlers:Object.assign(Object.assign({},s),{click:(o,l,a)=>{if(s.click&&s.click(o,l,a))return!0;let h=R(o.state,l.from,l.to);if(h)return o.dispatch({effects:A.of(h)}),!0;let f=D(o.state,l.from,l.to);return f?(o.dispatch({effects:O.of(f)}),!0):!1}})}),at()]}const Ge=w.baseTheme({".cm-foldPlaceholder":{backgroundColor:"#eee",border:"1px solid #ddd",color:"#888",borderRadius:".2em",margin:"0 1px",padding:"0 1px",cursor:"pointer"},".cm-foldGutter span":{padding:"0 1px",cursor:"pointer"}});class W{constructor(t,e){this.specs=t;let r;function i(l){let a=Pt.newName();return(r||(r=Object.create(null)))["."+a]=l,a}const s=typeof e.all=="string"?e.all:e.all?i(e.all):void 0,o=e.scope;this.scope=o instanceof g?l=>l.prop(P)==o.data:o?l=>l==o:void 0,this.style=ge(t.map(l=>({tag:l.tag,class:l.class||i(Object.assign({},l,{tag:null}))})),{all:s}).style,this.module=r?new Pt(r):null,this.themeType=e.themeType}static define(t,e){return new W(t,e||{})}}const ft=v.define(),zt=v.define({combine(n){return n.length?[n[0]]:null}});function G(n){let t=n.facet(ft);return t.length?t:n.facet(zt)}function Je(n,t){let e=[Qe],r;return n instanceof W&&(n.module&&e.push(w.styleModule.of(n.module)),r=n.themeType),t?.fallback?e.push(zt.of(n)):r?e.push(ft.computeN([w.darkTheme],i=>i.facet(w.darkTheme)==(r=="dark")?[n]:[])):e.push(ft.of(n)),e}function _e(n,t,e){let r=G(n),i=null;if(r){for(let s of r)if(!s.scope||e&&s.scope(e)){let o=s.style(t);o&&(i=i?i+" "+o:o)}}return i}class Ke{constructor(t){this.markCache=Object.create(null),this.tree=m(t.state),this.decorations=this.buildDeco(t,G(t.state)),this.decoratedTo=t.viewport.to}update(t){let e=m(t.state),r=G(t.state),i=r!=G(t.startState),{viewport:s}=t.view,o=t.changes.mapPos(this.decoratedTo,1);e.length<s.to&&!i&&e.type==this.tree.type&&o>=s.to?(this.decorations=this.decorations.map(t.changes),this.decoratedTo=o):(e!=this.tree||t.viewportChanged||i)&&(this.tree=e,this.decorations=this.buildDeco(t.view,r),this.decoratedTo=s.to)}buildDeco(t,e){if(!e||!this.tree.length)return p.none;let r=new X;for(let{from:i,to:s}of t.visibleRanges)me(this.tree,e,(o,l,a)=>{r.add(o,l,this.markCache[a]||(this.markCache[a]=p.mark({class:a})))},i,s);return r.finish()}}const Qe=St.high(V.fromClass(Ke,{decorations:n=>n.decorations})),Xe=W.define([{tag:u.meta,color:"#404740"},{tag:u.link,textDecoration:"underline"},{tag:u.heading,textDecoration:"underline",fontWeight:"bold"},{tag:u.emphasis,fontStyle:"italic"},{tag:u.strong,fontWeight:"bold"},{tag:u.strikethrough,textDecoration:"line-through"},{tag:u.keyword,color:"#708"},{tag:[u.atom,u.bool,u.url,u.contentSeparator,u.labelName],color:"#219"},{tag:[u.literal,u.inserted],color:"#164"},{tag:[u.string,u.deleted],color:"#a11"},{tag:[u.regexp,u.escape,u.special(u.string)],color:"#e40"},{tag:u.definition(u.variableName),color:"#00f"},{tag:u.local(u.variableName),color:"#30a"},{tag:[u.typeName,u.namespace],color:"#085"},{tag:u.className,color:"#167"},{tag:[u.special(u.variableName),u.macroName],color:"#256"},{tag:u.definition(u.propertyName),color:"#00c"},{tag:u.comment,color:"#940"},{tag:u.invalid,color:"#f00"}]),Ye=w.baseTheme({"&.cm-focused .cm-matchingBracket":{backgroundColor:"#328c8252"},"&.cm-focused .cm-nonmatchingBracket":{backgroundColor:"#bb555544"}}),Gt=1e4,Jt="()[]{}",_t=v.define({combine(n){return vt(n,{afterCursor:!0,brackets:Jt,maxScanDistance:Gt,renderMatch:en})}}),Ze=p.mark({class:"cm-matchingBracket"}),tn=p.mark({class:"cm-nonmatchingBracket"});function en(n){let t=[],e=n.matched?Ze:tn;return t.push(e.range(n.start.from,n.start.to)),n.end&&t.push(e.range(n.end.from,n.end.to)),t}const nn=Q.define({create(){return p.none},update(n,t){if(!t.docChanged&&!t.selection)return n;let e=[],r=t.state.facet(_t);for(let i of t.state.selection.ranges){if(!i.empty)continue;let s=F(t.state,i.head,-1,r)||i.head>0&&F(t.state,i.head-1,1,r)||r.afterCursor&&(F(t.state,i.head,1,r)||i.head<t.state.doc.length&&F(t.state,i.head+1,-1,r));s&&(e=e.concat(r.renderMatch(s,t.state)))}return p.set(e,!0)},provide:n=>w.decorations.from(n)}),rn=[nn,Ye];function sn(n={}){return[_t.of(n),rn]}const Kt=new y;function ut(n,t,e){let r=n.prop(t<0?y.openedBy:y.closedBy);if(r)return r;if(n.name.length==1){let i=e.indexOf(n.name);if(i>-1&&i%2==(t<0?1:0))return[e[i+t]]}return null}function ct(n){let t=n.type.prop(Kt);return t?t(n.node):n}function F(n,t,e,r={}){let i=r.maxScanDistance||Gt,s=r.brackets||Jt,o=m(n),l=o.resolveInner(t,e);for(let a=l;a;a=a.parent){let h=ut(a.type,e,s);if(h&&a.from<a.to){let f=ct(a);if(f&&(e>0?t>=f.from&&t<f.to:t>f.from&&t<=f.to))return on(n,t,e,a,f,h,s)}}return ln(n,t,e,o,l.type,i,s)}function on(n,t,e,r,i,s,o){let l=r.parent,a={from:i.from,to:i.to},h=0,f=l?.cursor();if(f&&(e<0?f.childBefore(r.from):f.childAfter(r.to)))do if(e<0?f.to<=r.from:f.from>=r.to){if(h==0&&s.indexOf(f.type.name)>-1&&f.from<f.to){let c=ct(f);return{start:a,end:c?{from:c.from,to:c.to}:void 0,matched:!0}}else if(ut(f.type,e,o))h++;else if(ut(f.type,-e,o)){if(h==0){let c=ct(f);return{start:a,end:c&&c.from<c.to?{from:c.from,to:c.to}:void 0,matched:!1}}h--}}while(e<0?f.prevSibling():f.nextSibling());return{start:a,matched:!1}}function ln(n,t,e,r,i,s,o){let l=e<0?n.sliceDoc(t-1,t):n.sliceDoc(t,t+1),a=o.indexOf(l);if(a<0||a%2==0!=e>0)return null;let h={from:e<0?t-1:t,to:e>0?t+1:t},f=n.doc.iterRange(t,e>0?n.doc.length:0),c=0;for(let k=0;!f.next().done&&k<=s;){let d=f.value;e<0&&(k+=d.length);let x=t+k*e;for(let I=e>0?0:d.length-1,ae=e>0?d.length:-1;I!=ae;I+=e){let K=o.indexOf(d[I]);if(!(K<0||r.resolveInner(x+I,1).type!=i))if(K%2==0==e>0)c++;else{if(c==1)return{start:h,end:{from:x+I,to:x+I+1},matched:K>>1==a>>1};c--}}e>0&&(k+=d.length)}return f.done?{start:h,matched:!1}:null}function Qt(n,t,e,r=0,i=0){t==null&&(t=n.search(/[^\s\u00a0]/),t==-1&&(t=n.length));let s=i;for(let o=r;o<t;o++)n.charCodeAt(o)==9?s+=e-s%e:s++;return s}class dt{constructor(t,e,r,i){this.string=t,this.tabSize=e,this.indentUnit=r,this.overrideIndent=i,this.pos=0,this.start=0,this.lastColumnPos=0,this.lastColumnValue=0}eol(){return this.pos>=this.string.length}sol(){return this.pos==0}peek(){return this.string.charAt(this.pos)||void 0}next(){if(this.pos<this.string.length)return this.string.charAt(this.pos++)}eat(t){let e=this.string.charAt(this.pos),r;if(typeof t=="string"?r=e==t:r=e&&(t instanceof RegExp?t.test(e):t(e)),r)return++this.pos,e}eatWhile(t){let e=this.pos;for(;this.eat(t););return this.pos>e}eatSpace(){let t=this.pos;for(;/[\s\u00a0]/.test(this.string.charAt(this.pos));)++this.pos;return this.pos>t}skipToEnd(){this.pos=this.string.length}skipTo(t){let e=this.string.indexOf(t,this.pos);if(e>-1)return this.pos=e,!0}backUp(t){this.pos-=t}column(){return this.lastColumnPos<this.start&&(this.lastColumnValue=Qt(this.string,this.start,this.tabSize,this.lastColumnPos,this.lastColumnValue),this.lastColumnPos=this.start),this.lastColumnValue}indentation(){var t;return(t=this.overrideIndent)!==null&&t!==void 0?t:Qt(this.string,null,this.tabSize)}match(t,e,r){if(typeof t=="string"){let i=o=>r?o.toLowerCase():o,s=this.string.substr(this.pos,t.length);return i(s)==i(t)?(e!==!1&&(this.pos+=t.length),!0):null}else{let i=this.string.slice(this.pos).match(t);return i&&i.index>0?null:(i&&e!==!1&&(this.pos+=i[0].length),i)}}current(){return this.string.slice(this.start,this.pos)}}function an(n){return{name:n.name||"",token:n.token,blankLine:n.blankLine||(()=>{}),startState:n.startState||(()=>!0),copyState:n.copyState||hn,indent:n.indent||(()=>null),languageData:n.languageData||{},tokenTable:n.tokenTable||gt}}function hn(n){if(typeof n!="object")return n;let t={};for(let e in n){let r=n[e];t[e]=r instanceof Array?r.slice():r}return t}const Xt=new WeakMap;class wt extends g{constructor(t){let e=Z(t.languageData),r=an(t),i,s=new class extends yt{createParse(o,l,a){return new un(i,o,l,a)}};super(e,s,[et.of((o,l)=>this.getIndent(o,l))],t.name),this.topNode=pn(e),i=this,this.streamParser=r,this.stateAfter=new y({perNode:!0}),this.tokenTable=t.tokenTable?new re(r.tokenTable):dn}static define(t){return new wt(t)}getIndent(t,e){let r=m(t.state),i=r.resolve(e);for(;i&&i.type!=this.topNode;)i=i.parent;if(!i)return null;let s,{overrideIndentation:o}=t.options;o&&(s=Xt.get(t.state),s!=null&&s<e-1e4&&(s=void 0));let l=pt(this,r,0,i.from,s??e),a,h;if(l?(h=l.state,a=l.pos+1):(h=this.streamParser.startState(t.unit),a=0),e-a>1e4)return null;for(;a<e;){let c=t.state.doc.lineAt(a),k=Math.min(e,c.to);if(c.length){let d=o?o(c.from):-1,x=new dt(c.text,t.state.tabSize,t.unit,d<0?void 0:d);for(;x.pos<k-c.from;)Zt(this.streamParser.token,x,h)}else this.streamParser.blankLine(h,t.unit);if(k==e)break;a=c.to+1}let f=t.lineAt(e);return o&&s==null&&Xt.set(t.state,f.from),this.streamParser.indent(h,/^\s*(.*)/.exec(f.text)[1],t)}get allowsNesting(){return!1}}function pt(n,t,e,r,i){let s=e>=r&&e+t.length<=i&&t.prop(n.stateAfter);if(s)return{state:n.streamParser.copyState(s),pos:e+t.length};for(let o=t.children.length-1;o>=0;o--){let l=t.children[o],a=e+t.positions[o],h=l instanceof b&&a<i&&pt(n,l,a,r,i);if(h)return h}return null}function Yt(n,t,e,r,i){if(i&&e<=0&&r>=t.length)return t;!i&&t.type==n.topNode&&(i=!0);for(let s=t.children.length-1;s>=0;s--){let o=t.positions[s],l=t.children[s],a;if(o<r&&l instanceof b){if(!(a=Yt(n,l,e-o,r-o,i)))break;return i?new b(t.type,t.children.slice(0,s).concat(a),t.positions.slice(0,s+1),o+a.length):a}}return null}function fn(n,t,e,r){for(let i of t){let s=i.from+(i.openStart?25:0),o=i.to-(i.openEnd?25:0),l=s<=e&&o>e&&pt(n,i.tree,0-i.offset,e,o),a;if(l&&(a=Yt(n,i.tree,e+i.offset,l.pos+i.offset,!1)))return{state:l.state,tree:a}}return{state:n.streamParser.startState(r?B(r):4),tree:b.empty}}class un{constructor(t,e,r,i){this.lang=t,this.input=e,this.fragments=r,this.ranges=i,this.stoppedAt=null,this.chunks=[],this.chunkPos=[],this.chunk=[],this.chunkReused=void 0,this.rangeIndex=0,this.to=i[i.length-1].to;let s=C.get(),o=i[0].from,{state:l,tree:a}=fn(t,r,o,s?.state);this.state=l,this.parsedPos=this.chunkStart=o+a.length;for(let h=0;h<a.children.length;h++)this.chunks.push(a.children[h]),this.chunkPos.push(a.positions[h]);s&&this.parsedPos<s.viewport.from-1e5&&(this.state=this.lang.streamParser.startState(B(s.state)),s.skipUntilInView(this.parsedPos,s.viewport.from),this.parsedPos=s.viewport.from),this.moveRangeIndex()}advance(){let t=C.get(),e=this.stoppedAt==null?this.to:Math.min(this.to,this.stoppedAt),r=Math.min(e,this.chunkStart+2048);for(t&&(r=Math.min(r,t.viewport.to));this.parsedPos<r;)this.parseLine(t);return this.chunkStart<this.parsedPos&&this.finishChunk(),this.parsedPos>=e?this.finish():t&&this.parsedPos>=t.viewport.to?(t.skipUntilInView(this.parsedPos,e),this.finish()):null}stopAt(t){this.stoppedAt=t}lineAfter(t){let e=this.input.chunk(t);if(this.input.lineChunks)e==`
+`&&(e="");else{let r=e.indexOf(`
+`);r>-1&&(e=e.slice(0,r))}return t+e.length<=this.to?e:e.slice(0,this.to-t)}nextLine(){let t=this.parsedPos,e=this.lineAfter(t),r=t+e.length;for(let i=this.rangeIndex;;){let s=this.ranges[i].to;if(s>=r||(e=e.slice(0,s-(r-e.length)),i++,i==this.ranges.length))break;let o=this.ranges[i].from,l=this.lineAfter(o);e+=l,r=o+l.length}return{line:e,end:r}}skipGapsTo(t,e,r){for(;;){let i=this.ranges[this.rangeIndex].to,s=t+e;if(r>0?i>s:i>=s)break;let o=this.ranges[++this.rangeIndex].from;e+=o-i}return e}moveRangeIndex(){for(;this.ranges[this.rangeIndex].to<this.parsedPos;)this.rangeIndex++}emitToken(t,e,r,i,s){if(this.ranges.length>1){s=this.skipGapsTo(e,s,1),e+=s;let o=this.chunk.length;s=this.skipGapsTo(r,s,-1),r+=s,i+=this.chunk.length-o}return this.chunk.push(t,e,r,i),s}parseLine(t){let{line:e,end:r}=this.nextLine(),i=0,{streamParser:s}=this.lang,o=new dt(e,t?t.state.tabSize:4,t?B(t.state):2);if(o.eol())s.blankLine(this.state,o.indentUnit);else for(;!o.eol();){let l=Zt(s.token,o,this.state);if(l&&(i=this.emitToken(this.lang.tokenTable.resolve(l),this.parsedPos+o.start,this.parsedPos+o.pos,4,i)),o.start>1e4)break}this.parsedPos=r,this.moveRangeIndex(),this.parsedPos<this.to&&this.parsedPos++}finishChunk(){let t=b.build({buffer:this.chunk,start:this.chunkStart,length:this.parsedPos-this.chunkStart,nodeSet:cn,topID:0,maxBufferLength:2048,reused:this.chunkReused});t=new b(t.type,t.children,t.positions,t.length,[[this.lang.stateAfter,this.lang.streamParser.copyState(this.state)]]),this.chunks.push(t),this.chunkPos.push(this.chunkStart-this.ranges[0].from),this.chunk=[],this.chunkReused=void 0,this.chunkStart=this.parsedPos}finish(){return new b(this.lang.topNode,this.chunks,this.chunkPos,this.parsedPos-this.ranges[0].from).balance()}}function Zt(n,t,e){t.start=t.pos;for(let r=0;r<10;r++){let i=n(t,e);if(t.pos>t.start)return i}throw new Error("Stream parser failed to advance stream.")}const gt=Object.create(null),E=[U.none],cn=new fe(E),te=[],ee=Object.create(null),ne=Object.create(null);for(let[n,t]of[["variable","variableName"],["variable-2","variableName.special"],["string-2","string.special"],["def","variableName.definition"],["tag","tagName"],["attribute","attributeName"],["type","typeName"],["builtin","variableName.standard"],["qualifier","modifier"],["error","invalid"],["header","heading"],["property","propertyName"]])ne[n]=ie(gt,t);class re{constructor(t){this.extra=t,this.table=Object.assign(Object.create(null),ne)}resolve(t){return t?this.table[t]||(this.table[t]=ie(this.extra,t)):0}}const dn=new re(gt);function mt(n,t){te.indexOf(n)>-1||(te.push(n),console.warn(t))}function ie(n,t){let e=[];for(let l of t.split(" ")){let a=[];for(let h of l.split(".")){let f=n[h]||u[h];f?typeof f=="function"?a.length?a=a.map(f):mt(h,`Modifier ${h} used at start of tag`):a.length?mt(h,`Tag ${h} used as modifier`):a=Array.isArray(f)?f:[f]:mt(h,`Unknown highlighting tag ${h}`)}for(let h of a)e.push(h)}if(!e.length)return 0;let r=t.replace(/ /g,"_"),i=r+" "+e.map(l=>l.id),s=ee[i];if(s)return s.id;let o=ee[i]=U.define({id:E.length,name:r,props:[ke({[r]:e})]});return E.push(o),o.id}function pn(n){let t=U.define({id:E.length,name:"Document",props:[P.add(()=>n)],top:!0});return E.push(t),t}function se(n){return n.length<=4096&&/[\u0590-\u05f4\u0600-\u06ff\u0700-\u08ac\ufb50-\ufdff]/.test(n)}function oe(n){for(let t=n.iter();!t.next().done;)if(se(t.value))return!0;return!1}function gn(n){let t=!1;return n.iterChanges((e,r,i,s,o)=>{!t&&oe(o)&&(t=!0)}),t}const kt=v.define({combine:n=>n.some(t=>t)});function mn(n={}){let t=[kn];return n.alwaysIsolate&&t.push(kt.of(!0)),t}const kn=V.fromClass(class{constructor(n){this.always=n.state.facet(kt)||n.textDirection!=$.LTR||n.state.facet(w.perLineTextDirection),this.hasRTL=!this.always&&oe(n.state.doc),this.tree=m(n.state),this.decorations=this.always||this.hasRTL?le(n,this.tree,this.always):p.none}update(n){let t=n.state.facet(kt)||n.view.textDirection!=$.LTR||n.state.facet(w.perLineTextDirection);if(!t&&!this.hasRTL&&gn(n.changes)&&(this.hasRTL=!0),!t&&!this.hasRTL)return;let e=m(n.state);(t!=this.always||e!=this.tree||n.docChanged||n.viewportChanged)&&(this.tree=e,this.always=t,this.decorations=le(n.view,e,t))}},{provide:n=>{function t(e){var r,i;return(i=(r=e.plugin(n))===null||r===void 0?void 0:r.decorations)!==null&&i!==void 0?i:p.none}return[w.outerDecorations.of(t),St.lowest(w.bidiIsolatedRanges.of(t))]}});function le(n,t,e){let r=new X,i=n.visibleRanges;e||(i=bn(i,n.state.doc));for(let{from:s,to:o}of i)t.iterate({enter:l=>{let a=l.type.prop(y.isolate);a&&r.add(l.from,l.to,wn[a])},from:s,to:o});return r.finish()}function bn(n,t){let e=t.iter(),r=0,i=[],s=null;for(let{from:o,to:l}of n)if(!(s&&s.to>o&&(o=s.to,o>=l)))for(r+e.value.length<o&&(e.next(o-(r+e.value.length)),r=o);;){let a=r,h=r+e.value.length;if(!e.lineBreak&&se(e.value)&&(s&&s.to>a-10?s.to=Math.min(l,h):i.push(s={from:a,to:Math.min(l,h)})),h>=l)break;r=h,e.next()}return i}const wn={rtl:p.mark({class:"cm-iso",inclusive:!0,attributes:{dir:"rtl"},bidiIsolate:$.RTL}),ltr:p.mark({class:"cm-iso",inclusive:!0,attributes:{dir:"ltr"},bidiIsolate:$.LTR}),auto:p.mark({class:"cm-iso",inclusive:!0,attributes:{dir:"auto"},bidiIsolate:null})};export{Dt as DocInput,W as HighlightStyle,q as IndentContext,J as LRLanguage,g as Language,bt as LanguageDescription,ve as LanguageSupport,C as ParseContext,wt as StreamLanguage,dt as StringStream,_ as TreeIndentContext,mn as bidiIsolates,sn as bracketMatching,Kt as bracketMatchingHandle,at as codeFolding,Me as continuedIndent,Xe as defaultHighlightStyle,Z as defineLanguageFacet,De as delimitedIndent,It as ensureSyntaxTree,Oe as flatIndent,jt as foldAll,Ht as foldCode,O as foldEffect,ze as foldGutter,Be as foldInside,je as foldKeymap,Et as foldNodeProp,Ft as foldService,T as foldState,D as foldable,Ee as foldedRanges,we as forceParsing,B as getIndentUnit,it as getIndentation,_e as highlightingFor,Nt as indentNodeProp,Ne as indentOnInput,xe as indentRange,et as indentService,rt as indentString,nt as indentUnit,S as language,P as languageDataProp,F as matchBrackets,At as sublanguageProp,Je as syntaxHighlighting,ye as syntaxParserRunning,m as syntaxTree,be as syntaxTreeAvailable,Ue as toggleFold,Vt as unfoldAll,Ut as unfoldCode,A as unfoldEffect};
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/lint.js b/Resources/Public/JavaScript/Contrib/@codemirror/lint.js
new file mode 100644
index 0000000..5c111ef
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/lint.js
@@ -0,0 +1 @@
+import{Decoration as h,showPanel as K,EditorView as y,ViewPlugin as U,logException as X,gutter as J,showTooltip as Q,hoverTooltip as ee,getPanel as te,WidgetType as ie,GutterMarker as ne}from"@codemirror/view";import{StateEffect as k,StateField as S,Facet as M,combineConfig as A,RangeSet as R}from"@codemirror/state";import u from"crelt";class se{constructor(e,n,i){this.from=e,this.to=n,this.diagnostic=i}}class g{constructor(e,n,i){this.diagnostics=e,this.panel=n,this.selected=i}static init(e,n,i){let s=e,o=i.facet(m).markerFilter;o&&(s=o(s,i));let l=h.set(s.map(r=>r.from==r.to||r.from==r.to-1&&i.doc.lineAt(r.from).to==r.from?h.widget({widget:new ue(r),diagnostic:r}).range(r.from):h.mark({attributes:{class:"cm-lintRange cm-lintRange-"+r.severity+(r.markClass?" "+r.markClass:"")},diagnostic:r}).range(r.from,r.to)),!0);return new g(l,n,b(l))}}function b(t,e=null,n=0){let i=null;return t.between(n,1e9,(s,o,{spec:l})=>{if(!(e&&l.diagnostic!=e))return i=new se(s,o,l.diagnostic),!1}),i}function F(t,e){let n=e.pos,i=e.end||n,s=t.state.facet(m).hideOn(t,n,i);if(s!=null)return s;let o=t.startState.doc.lineAt(e.pos);return!!(t.effects.some(l=>l.is(w))||t.changes.touchesRange(o.from,Math.max(o.to,i)))}function E(t,e){return t.field(f,!1)?e:e.concat(k.appendConfig.of(W))}function B(t,e){return{effects:E(t,[w.of(e)])}}const w=k.define(),D=k.define(),O=k.define(),f=S.define({create(){return new g(h.none,null,null)},update(t,e){if(e.docChanged&&t.diagnostics.size){let n=t.diagnostics.map(e.changes),i=null,s=t.panel;if(t.selected){let o=e.changes.mapPos(t.selected.from,1);i=b(n,t.selected.diagnostic,o)||b(n,null,o)}!n.size&&s&&e.state.facet(m).autoPanel&&(s=null),t=new g(n,s,i)}for(let n of e.effects)if(n.is(w)){let i=e.state.facet(m).autoPanel?n.value.length?x.open:null:t.panel;t=g.init(n.value,i,e.state)}else n.is(D)?t=new g(t.diagnostics,n.value?x.open:null,t.selected):n.is(O)&&(t=new g(t.diagnostics,t.panel,n.value));return t},provide:t=>[K.from(t,e=>e.panel),y.decorations.from(t,e=>e.diagnostics)]});function oe(t){let e=t.field(f,!1);return e?e.diagnostics.size:0}const le=h.mark({class:"cm-lintRange cm-lintRange-active"});function re(t,e,n){let{diagnostics:i}=t.state.field(f),s=[],o=2e8,l=0;i.between(e-(n<0?1:0),e+(n>0?1:0),(a,c,{spec:d})=>{e>=a&&e<=c&&(a==c||(e>a||n>0)&&(e<c||n<0))&&(s.push(d.diagnostic),o=Math.min(a,o),l=Math.max(c,l))});let r=t.state.facet(m).tooltipFilter;return r&&(s=r(s,t.state)),s.length?{pos:o,end:l,above:t.state.doc.lineAt(o).to<l,create(){return{dom:G(t,s)}}}:null}function G(t,e){return u("ul",{class:"cm-tooltip-lint"},e.map(n=>V(t,n,!1)))}const j=t=>{let e=t.state.field(f,!1);(!e||!e.panel)&&t.dispatch({effects:E(t.state,[D.of(!0)])});let n=te(t,x.open);return n&&n.dom.querySelector(".cm-panel-lint ul").focus(),!0},L=t=>{let e=t.state.field(f,!1);return!e||!e.panel?!1:(t.dispatch({effects:D.of(!1)}),!0)},z=t=>{let e=t.state.field(f,!1);if(!e)return!1;let n=t.state.selection.main,i=e.diagnostics.iter(n.to+1);return!i.value&&(i=e.diagnostics.iter(0),!i.value||i.from==n.from&&i.to==n.to)?!1:(t.dispatch({selection:{anchor:i.from,head:i.to},scrollIntoView:!0}),!0)},ae=t=>{let{state:e}=t,n=e.field(f,!1);if(!n)return!1;let i=e.selection.main,s,o,l,r;return n.diagnostics.between(0,e.doc.length,(a,c)=>{c<i.to&&(s==null||s<a)&&(s=a,o=c),(l==null||a>l)&&(l=a,r=c)}),l==null||s==null&&l==i.from?!1:(t.dispatch({selection:{anchor:s??l,head:o??r},scrollIntoView:!0}),!0)},ce=[{key:"Mod-Shift-m",run:j,preventDefault:!0},{key:"F8",run:z}],H=U.fromClass(class{constructor(t){this.view=t,this.timeout=-1,this.set=!0;let{delay:e}=t.state.facet(m);this.lintTime=Date.now()+e,this.run=this.run.bind(this),this.timeout=setTimeout(this.run,e)}run(){clearTimeout(this.timeout);let t=Date.now();if(t<this.lintTime-10)this.timeout=setTimeout(this.run,this.lintTime-t);else{this.set=!1;let{state:e}=this.view,{sources:n}=e.facet(m);n.length&&Promise.all(n.map(i=>Promise.resolve(i(this.view)))).then(i=>{let s=i.reduce((o,l)=>o.concat(l));this.view.state.doc==e.doc&&this.view.dispatch(B(this.view.state,s))},i=>{X(this.view.state,i)})}}update(t){let e=t.state.facet(m);(t.docChanged||e!=t.startState.facet(m)||e.needsRefresh&&e.needsRefresh(t))&&(this.lintTime=Date.now()+e.delay,this.set||(this.set=!0,this.timeout=setTimeout(this.run,e.delay)))}force(){this.set&&(this.lintTime=Date.now(),this.run())}destroy(){clearTimeout(this.timeout)}}),m=M.define({combine(t){return Object.assign({sources:t.map(e=>e.source).filter(e=>e!=null)},A(t.map(e=>e.config),{delay:750,markerFilter:null,tooltipFilter:null,needsRefresh:null,hideOn:()=>null},{needsRefresh:(e,n)=>e?n?i=>e(i)||n(i):e:n}))}});function de(t,e={}){return[m.of({source:t,config:e}),H,W]}function fe(t){let e=t.plugin(H);e&&e.force()}function $(t){let e=[];if(t)e:for(let{name:n}of t){for(let i=0;i<n.length;i++){let s=n[i];if(/[a-zA-Z]/.test(s)&&!e.some(o=>o.toLowerCase()==s.toLowerCase())){e.push(s);continue e}}e.push("")}return e}function V(t,e,n){var i;let s=n?$(e.actions):[];return u("li",{class:"cm-diagnostic cm-diagnostic-"+e.severity},u("span",{class:"cm-diagnosticText"},e.renderMessage?e.renderMessage(t):e.message),(i=e.actions)===null||i===void 0?void 0:i.map((o,l)=>{let r=!1,a=Z=>{if(Z.preventDefault(),r)return;r=!0;let P=b(t.state.field(f).diagnostics,e);P&&o.apply(t,P.from,P.to)},{name:c}=o,d=s[l]?c.indexOf(s[l]):-1,p=d<0?c:[c.slice(0,d),u("u",c.slice(d,d+1)),c.slice(d+1)];return u("button",{type:"button",class:"cm-diagnosticAction",onclick:a,onmousedown:a,"aria-label":` Action: ${c}${d<0?"":` (access key "${s[l]})"`}.`},p)}),e.source&&u("div",{class:"cm-diagnosticSource"},e.source))}class ue extends ie{constructor(e){super(),this.diagnostic=e}eq(e){return e.diagnostic==this.diagnostic}toDOM(){return u("span",{class:"cm-lintPoint cm-lintPoint-"+this.diagnostic.severity})}}class N{constructor(e,n){this.diagnostic=n,this.id="item_"+Math.floor(Math.random()*4294967295).toString(16),this.dom=V(e,n,!0),this.dom.id=this.id,this.dom.setAttribute("role","option")}}class x{constructor(e){this.view=e,this.items=[];let n=s=>{if(s.keyCode==27)L(this.view),this.view.focus();else if(s.keyCode==38||s.keyCode==33)this.moveSelection((this.selectedIndex-1+this.items.length)%this.items.length);else if(s.keyCode==40||s.keyCode==34)this.moveSelection((this.selectedIndex+1)%this.items.length);else if(s.keyCode==36)this.moveSelection(0);else if(s.keyCode==35)this.moveSelection(this.items.length-1);else if(s.keyCode==13)this.view.focus();else if(s.keyCode>=65&&s.keyCode<=90&&this.selectedIndex>=0){let{diagnostic:o}=this.items[this.selectedIndex],l=$(o.actions);for(let r=0;r<l.length;r++)if(l[r].toUpperCase().charCodeAt(0)==s.keyCode){let a=b(this.view.state.field(f).diagnostics,o);a&&o.actions[r].apply(e,a.from,a.to)}}else return;s.preventDefault()},i=s=>{for(let o=0;o<this.items.length;o++)this.items[o].dom.contains(s.target)&&this.moveSelection(o)};this.list=u("ul",{tabIndex:0,role:"listbox","aria-label":this.view.state.phrase("Diagnostics"),onkeydown:n,onclick:i}),this.dom=u("div",{class:"cm-panel-lint"},this.list,u("button",{type:"button",name:"close","aria-label":this.view.state.phrase("close"),onclick:()=>L(this.view)},"\xD7")),this.update()}get selectedIndex(){let e=this.view.state.field(f).selected;if(!e)return-1;for(let n=0;n<this.items.length;n++)if(this.items[n].diagnostic==e.diagnostic)return n;return-1}update(){let{diagnostics:e,selected:n}=this.view.state.field(f),i=0,s=!1,o=null;for(e.between(0,this.view.state.doc.length,(l,r,{spec:a})=>{let c=-1,d;for(let p=i;p<this.items.length;p++)if(this.items[p].diagnostic==a.diagnostic){c=p;break}c<0?(d=new N(this.view,a.diagnostic),this.items.splice(i,0,d),s=!0):(d=this.items[c],c>i&&(this.items.splice(i,c-i),s=!0)),n&&d.diagnostic==n.diagnostic?d.dom.hasAttribute("aria-selected")||(d.dom.setAttribute("aria-selected","true"),o=d):d.dom.hasAttribute("aria-selected")&&d.dom.removeAttribute("aria-selected"),i++});i<this.items.length&&!(this.items.length==1&&this.items[0].diagnostic.from<0);)s=!0,this.items.pop();this.items.length==0&&(this.items.push(new N(this.view,{from:-1,to:-1,severity:"info",message:this.view.state.phrase("No diagnostics")})),s=!0),o?(this.list.setAttribute("aria-activedescendant",o.id),this.view.requestMeasure({key:this,read:()=>({sel:o.dom.getBoundingClientRect(),panel:this.list.getBoundingClientRect()}),write:({sel:l,panel:r})=>{let a=r.height/this.list.offsetHeight;l.top<r.top?this.list.scrollTop-=(r.top-l.top)/a:l.bottom>r.bottom&&(this.list.scrollTop+=(l.bottom-r.bottom)/a)}})):this.selectedIndex<0&&this.list.removeAttribute("aria-activedescendant"),s&&this.sync()}sync(){let e=this.list.firstChild;function n(){let i=e;e=i.nextSibling,i.remove()}for(let i of this.items)if(i.dom.parentNode==this.list){for(;e!=i.dom;)n();e=i.dom.nextSibling}else this.list.insertBefore(i.dom,e);for(;e;)n()}moveSelection(e){if(this.selectedIndex<0)return;let n=this.view.state.field(f),i=b(n.diagnostics,this.items[e].diagnostic);i&&this.view.dispatch({selection:{anchor:i.from,head:i.to},scrollIntoView:!0,effects:O.of(i)})}static open(e){return new x(e)}}function v(t,e='viewBox="0 0 40 40"'){return`url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" ${e}>${encodeURIComponent(t)}</svg>')`}function C(t){return v(`<path d="m0 2.5 l2 -1.5 l1 0 l2 1.5 l1 0" stroke="${t}" fill="none" stroke-width=".7"/>`,'width="6" height="3"')}const me=y.baseTheme({".cm-diagnostic":{padding:"3px 6px 3px 8px",marginLeft:"-1px",display:"block",whiteSpace:"pre-wrap"},".cm-diagnostic-error":{borderLeft:"5px solid #d11"},".cm-diagnostic-warning":{borderLeft:"5px solid orange"},".cm-diagnostic-info":{borderLeft:"5px solid #999"},".cm-diagnostic-hint":{borderLeft:"5px solid #66d"},".cm-diagnosticAction":{font:"inherit",border:"none",padding:"2px 4px",backgroundColor:"#444",color:"white",borderRadius:"3px",marginLeft:"8px",cursor:"pointer"},".cm-diagnosticSource":{fontSize:"70%",opacity:.7},".cm-lintRange":{backgroundPosition:"left bottom",backgroundRepeat:"repeat-x",paddingBottom:"0.7px"},".cm-lintRange-error":{backgroundImage:C("#d11")},".cm-lintRange-warning":{backgroundImage:C("orange")},".cm-lintRange-info":{backgroundImage:C("#999")},".cm-lintRange-hint":{backgroundImage:C("#66d")},".cm-lintRange-active":{backgroundColor:"#ffdd9980"},".cm-tooltip-lint":{padding:0,margin:0},".cm-lintPoint":{position:"relative","&:after":{content:'""',position:"absolute",bottom:0,left:"-2px",borderLeft:"3px solid transparent",borderRight:"3px solid transparent",borderBottom:"4px solid #d11"}},".cm-lintPoint-warning":{"&:after":{borderBottomColor:"orange"}},".cm-lintPoint-info":{"&:after":{borderBottomColor:"#999"}},".cm-lintPoint-hint":{"&:after":{borderBottomColor:"#66d"}},".cm-panel.cm-panel-lint":{position:"relative","& ul":{maxHeight:"100px",overflowY:"auto","& [aria-selected]":{backgroundColor:"#ddd","& u":{textDecoration:"underline"}},"&:focus [aria-selected]":{background_fallback:"#bdf",backgroundColor:"Highlight",color_fallback:"white",color:"HighlightText"},"& u":{textDecoration:"none"},padding:0,margin:0},"& [name=close]":{position:"absolute",top:"0",right:"2px",background:"inherit",border:"none",font:"inherit",padding:0,margin:0}}});function Y(t){return t=="error"?4:t=="warning"?3:t=="info"?2:1}class he extends ne{constructor(e){super(),this.diagnostics=e,this.severity=e.reduce((n,i)=>Y(n)<Y(i.severity)?i.severity:n,"hint")}toDOM(e){let n=document.createElement("div");n.className="cm-lint-marker cm-lint-marker-"+this.severity;let i=this.diagnostics,s=e.state.facet(T).tooltipFilter;return s&&(i=s(i,e.state)),i.length&&(n.onmouseover=()=>pe(e,n,i)),n}}function ge(t,e){let n=i=>{let s=e.getBoundingClientRect();if(!(i.clientX>s.left-10&&i.clientX<s.right+10&&i.clientY>s.top-10&&i.clientY<s.bottom+10)){for(let o=i.target;o;o=o.parentNode)if(o.nodeType==1&&o.classList.contains("cm-tooltip-lint"))return;window.removeEventListener("mousemove",n),t.state.field(q)&&t.dispatch({effects:I.of(null)})}};window.addEventListener("mousemove",n)}function pe(t,e,n){function i(){let l=t.elementAtHeight(e.getBoundingClientRect().top+5-t.documentTop);t.coordsAtPos(l.from)&&t.dispatch({effects:I.of({pos:l.from,above:!1,create(){return{dom:G(t,n),getCoords:()=>e.getBoundingClientRect()}}})}),e.onmouseout=e.onmousemove=null,ge(t,e)}let{hoverTime:s}=t.state.facet(T),o=setTimeout(i,s);e.onmouseout=()=>{clearTimeout(o),e.onmouseout=e.onmousemove=null},e.onmousemove=()=>{clearTimeout(o),o=setTimeout(i,s)}}function be(t,e){let n=Object.create(null);for(let s of e){let o=t.lineAt(s.from);(n[o.from]||(n[o.from]=[])).push(s)}let i=[];for(let s in n)i.push(new he(n[s]).range(+s));return R.of(i,!0)}const ke=J({class:"cm-gutter-lint",markers:t=>t.state.field(_)}),_=S.define({create(){return R.empty},update(t,e){t=t.map(e.changes);let n=e.state.facet(T).markerFilter;for(let i of e.effects)if(i.is(w)){let s=i.value;n&&(s=n(s||[],e.state)),t=be(e.state.doc,s.slice(0))}return t}}),I=k.define(),q=S.define({create(){return null},update(t,e){return t&&e.docChanged&&(t=F(e,t)?null:Object.assign(Object.assign({},t),{pos:e.changes.mapPos(t.pos)})),e.effects.reduce((n,i)=>i.is(I)?i.value:n,t)},provide:t=>Q.from(t)}),we=y.baseTheme({".cm-gutter-lint":{width:"1.4em","& .cm-gutterElement":{padding:".2em"}},".cm-lint-marker":{width:"1em",height:"1em"},".cm-lint-marker-info":{content:v('<path fill="#aaf" stroke="#77e" stroke-width="6" stroke-linejoin="round" d="M5 5L35 5L35 35L5 35Z"/>')},".cm-lint-marker-warning":{content:v('<path fill="#fe8" stroke="#fd7" stroke-width="6" stroke-linejoin="round" d="M20 6L37 35L3 35Z"/>')},".cm-lint-marker-error":{content:v('<circle cx="20" cy="20" r="15" fill="#f87" stroke="#f43" stroke-width="6"/>')}}),W=[f,y.decorations.compute([f],t=>{let{selected:e,panel:n}=t.field(f);return!e||!n||e.from==e.to?h.none:h.set([le.range(e.from,e.to)])}),ee(re,{hideOn:F}),me],T=M.define({combine(t){return A(t,{hoverTime:300,markerFilter:null,tooltipFilter:null})}});function xe(t={}){return[T.of(t),_,ke,we,q]}function ye(t,e){let n=t.field(f,!1);if(n&&n.diagnostics.size)for(let i=R.iter([n.diagnostics]);i.value;i.next())e(i.value.spec.diagnostic,i.from,i.to)}export{L as closeLintPanel,oe as diagnosticCount,ye as forEachDiagnostic,fe as forceLinting,xe as lintGutter,ce as lintKeymap,de as linter,z as nextDiagnostic,j as openLintPanel,ae as previousDiagnostic,B as setDiagnostics,w as setDiagnosticsEffect};
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/search.js b/Resources/Public/JavaScript/Contrib/@codemirror/search.js
new file mode 100644
index 0000000..8e67175
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/search.js
@@ -0,0 +1,2 @@
+import{showPanel as te,EditorView as S,getPanel as R,Decoration as f,ViewPlugin as re,runScopeHandlers as ve}from"@codemirror/view";import{codePointAt as be,fromCodePoint as Ce,codePointSize as ke,StateEffect as W,StateField as ne,EditorSelection as p,Facet as ie,combineConfig as se,CharCategory as m,RangeSetBuilder as Le,Prec as We,EditorState as Fe,findClusterBreak as le}from"@codemirror/state";import h from"crelt";const oe=typeof String.prototype.normalize=="function"?t=>t.normalize("NFKD"):t=>t;class y{constructor(e,r,n=0,i=e.length,s,o){this.test=o,this.value={from:0,to:0},this.done=!1,this.matches=[],this.buffer="",this.bufferPos=0,this.iter=e.iterRange(n,i),this.bufferStart=n,this.normalize=s?l=>s(oe(l)):oe,this.query=this.normalize(r)}peek(){if(this.bufferPos==this.buffer.length){if(this.bufferStart+=this.buffer.length,this.iter.next(),this.iter.done)return-1;this.bufferPos=0,this.buffer=this.iter.value}return be(this.buffer,this.bufferPos)}next(){for(;this.matches.length;)this.matches.pop();return this.nextOverlapping()}nextOverlapping(){for(;;){let e=this.peek();if(e<0)return this.done=!0,this;let r=Ce(e),n=this.bufferStart+this.bufferPos;this.bufferPos+=ke(e);let i=this.normalize(r);for(let s=0,o=n;;s++){let l=i.charCodeAt(s),c=this.match(l,o,this.bufferPos+this.bufferStart);if(s==i.length-1){if(c)return this.value=c,this;break}o==n&&s<r.length&&r.charCodeAt(s)==l&&o++}}}match(e,r,n){let i=null;for(let s=0;s<this.matches.length;s+=2){let o=this.matches[s],l=!1;this.query.charCodeAt(o)==e&&(o==this.query.length-1?i={from:this.matches[s+1],to:n}:(this.matches[s]++,l=!0)),l||(this.matches.splice(s,2),s-=2)}return this.query.charCodeAt(0)==e&&(this.query.length==1?i={from:r,to:n}:this.matches.push(1,r)),i&&this.test&&!this.test(i.from,i.to,this.buffer,this.bufferStart)&&(i=null),i}}typeof Symbol<"u"&&(y.prototype[Symbol.iterator]=function(){return this});const ce={from:-1,to:-1,match:/.*/.exec("")},_="gm"+(/x/.unicode==null?"":"u");class z{constructor(e,r,n,i=0,s=e.length){if(this.text=e,this.to=s,this.curLine="",this.done=!1,this.value=ce,/\\[sWDnr]|\n|\r|\[\^/.test(r))return new ae(e,r,n,i,s);this.re=new RegExp(r,_+(n?.ignoreCase?"i":"")),this.test=n?.test,this.iter=e.iter();let o=e.lineAt(i);this.curLineStart=o.from,this.matchPos=q(e,i),this.getLine(this.curLineStart)}getLine(e){this.iter.next(e),this.iter.lineBreak?this.curLine="":(this.curLine=this.iter.value,this.curLineStart+this.curLine.length>this.to&&(this.curLine=this.curLine.slice(0,this.to-this.curLineStart)),this.iter.next())}nextLine(){this.curLineStart=this.curLineStart+this.curLine.length+1,this.curLineStart>this.to?this.curLine="":this.getLine(0)}next(){for(let e=this.matchPos-this.curLineStart;;){this.re.lastIndex=e;let r=this.matchPos<=this.to&&this.re.exec(this.curLine);if(r){let n=this.curLineStart+r.index,i=n+r[0].length;if(this.matchPos=q(this.text,i+(n==i?1:0)),n==this.curLineStart+this.curLine.length&&this.nextLine(),(n<i||n>this.value.to)&&(!this.test||this.test(n,i,r)))return this.value={from:n,to:i,match:r},this;e=this.matchPos-this.curLineStart}else if(this.curLineStart+this.curLine.length<this.to)this.nextLine(),e=0;else return this.done=!0,this}}}const B=new WeakMap;class k{constructor(e,r){this.from=e,this.text=r}get to(){return this.from+this.text.length}static get(e,r,n){let i=B.get(e);if(!i||i.from>=n||i.to<=r){let l=new k(r,e.sliceString(r,n));return B.set(e,l),l}if(i.from==r&&i.to==n)return i;let{text:s,from:o}=i;return o>r&&(s=e.sliceString(r,o)+s,o=r),i.to<n&&(s+=e.sliceString(i.to,n)),B.set(e,new k(o,s)),new k(r,s.slice(r-o,n-o))}}class ae{constructor(e,r,n,i,s){this.text=e,this.to=s,this.done=!1,this.value=ce,this.matchPos=q(e,i),this.re=new RegExp(r,_+(n?.ignoreCase?"i":"")),this.test=n?.test,this.flat=k.get(e,i,this.chunkEnd(i+5e3))}chunkEnd(e){return e>=this.to?this.to:this.text.lineAt(e).to}next(){for(;;){let e=this.re.lastIndex=this.matchPos-this.flat.from,r=this.re.exec(this.flat.text);if(r&&!r[0]&&r.index==e&&(this.re.lastIndex=e+1,r=this.re.exec(this.flat.text)),r){let n=this.flat.from+r.index,i=n+r[0].length;if((this.flat.to>=this.to||r.index+r[0].length<=this.flat.text.length-10)&&(!this.test||this.test(n,i,r)))return this.value={from:n,to:i,match:r},this.matchPos=q(this.text,i+(n==i?1:0)),this}if(this.flat.to==this.to)return this.done=!0,this;this.flat=k.get(this.text,this.flat.from,this.chunkEnd(this.flat.from+this.flat.text.length*2))}}}typeof Symbol<"u"&&(z.prototype[Symbol.iterator]=ae.prototype[Symbol.iterator]=function(){return this});function Ae(t){try{return new RegExp(t,_),!0}catch{return!1}}function q(t,e){if(e>=t.length)return e;let r=t.lineAt(e),n;for(;e<r.to&&(n=r.text.charCodeAt(e-r.from))>=56320&&n<57344;)e++;return e}function N(t){let e=String(t.state.doc.lineAt(t.state.selection.main.head).number),r=h("input",{class:"cm-textfield",name:"line",value:e}),n=h("form",{class:"cm-gotoLine",onkeydown:s=>{s.keyCode==27?(s.preventDefault(),t.dispatch({effects:P.of(!1)}),t.focus()):s.keyCode==13&&(s.preventDefault(),i())},onsubmit:s=>{s.preventDefault(),i()}},h("label",t.state.phrase("Go to line"),": ",r)," ",h("button",{class:"cm-button",type:"submit"},t.state.phrase("go")));function i(){let s=/^([+-])?(\d+)?(:\d+)?(%)?$/.exec(r.value);if(!s)return;let{state:o}=t,l=o.doc.lineAt(o.selection.main.head),[,c,a,u,x]=s,E=u?+u.slice(1):0,L=a?+a:l.number;if(a&&x){let Q=L/100;c&&(Q=Q*(c=="-"?-1:1)+l.number/o.doc.lines),L=Math.round(o.doc.lines*Q)}else a&&c&&(L=L*(c=="-"?-1:1)+l.number);let Z=o.doc.line(Math.max(1,Math.min(o.doc.lines,L))),ee=p.cursor(Z.from+Math.max(0,Math.min(E,Z.length)));t.dispatch({effects:[P.of(!1),S.scrollIntoView(ee.from,{y:"center"})],selection:ee}),t.focus()}return{dom:n}}const P=W.define(),he=ne.define({create(){return!0},update(t,e){for(let r of e.effects)r.is(P)&&(t=r.value);return t},provide:t=>te.from(t,e=>e?N:null)}),ue=t=>{let e=R(t,N);if(!e){let r=[P.of(!0)];t.state.field(he,!1)==null&&r.push(W.appendConfig.of([he,De])),t.dispatch({effects:r}),e=R(t,N)}return e&&e.dom.querySelector("input").select(),!0},De=S.baseTheme({".cm-panel.cm-gotoLine":{padding:"2px 6px 4px","& label":{fontSize:"80%"}}}),Ee={highlightWordAroundCursor:!1,minSelectionLength:1,maxMatches:100,wholeWords:!1},fe=ie.define({combine(t){return se(t,Ee,{highlightWordAroundCursor:(e,r)=>e||r,minSelectionLength:Math.min,maxMatches:Math.min})}});function Re(t){let e=[we,Ie];return t&&e.push(fe.of(t)),e}const qe=f.mark({class:"cm-selectionMatch"}),Pe=f.mark({class:"cm-selectionMatch cm-selectionMatch-main"});function de(t,e,r,n){return(r==0||t(e.sliceDoc(r-1,r))!=m.Word)&&(n==e.doc.length||t(e.sliceDoc(n,n+1))!=m.Word)}function Te(t,e,r,n){return t(e.sliceDoc(r,r+1))==m.Word&&t(e.sliceDoc(n-1,n))==m.Word}const Ie=re.fromClass(class{constructor(t){this.decorations=this.getDeco(t)}update(t){(t.selectionSet||t.docChanged||t.viewportChanged)&&(this.decorations=this.getDeco(t.view))}getDeco(t){let e=t.state.facet(fe),{state:r}=t,n=r.selection;if(n.ranges.length>1)return f.none;let i=n.main,s,o=null;if(i.empty){if(!e.highlightWordAroundCursor)return f.none;let c=r.wordAt(i.head);if(!c)return f.none;o=r.charCategorizer(i.head),s=r.sliceDoc(c.from,c.to)}else{let c=i.to-i.from;if(c<e.minSelectionLength||c>200)return f.none;if(e.wholeWords){if(s=r.sliceDoc(i.from,i.to),o=r.charCategorizer(i.head),!(de(o,r,i.from,i.to)&&Te(o,r,i.from,i.to)))return f.none}else if(s=r.sliceDoc(i.from,i.to),!s)return f.none}let l=[];for(let c of t.visibleRanges){let a=new y(r.doc,s,c.from,c.to);for(;!a.next().done;){let{from:u,to:x}=a.value;if((!o||de(o,r,u,x))&&(i.empty&&u<=i.from&&x>=i.to?l.push(Pe.range(u,x)):(u>=i.to||x<=i.from)&&l.push(qe.range(u,x)),l.length>e.maxMatches))return f.none}}return f.set(l)}},{decorations:t=>t.decorations}),we=S.baseTheme({".cm-selectionMatch":{backgroundColor:"#99ff7780"},".cm-searchMatch .cm-selectionMatch":{backgroundColor:"transparent"}}),Oe=({state:t,dispatch:e})=>{let{selection:r}=t,n=p.create(r.ranges.map(i=>t.wordAt(i.head)||p.cursor(i.head)),r.mainIndex);return n.eq(r)?!1:(e(t.update({selection:n})),!0)};function $e(t,e){let{main:r,ranges:n}=t.selection,i=t.wordAt(r.head),s=i&&i.from==r.from&&i.to==r.to;for(let o=!1,l=new y(t.doc,e,n[n.length-1].to);;)if(l.next(),l.done){if(o)return null;l=new y(t.doc,e,0,Math.max(0,n[n.length-1].from-1)),o=!0}else{if(o&&n.some(c=>c.from==l.value.from))continue;if(s){let c=t.wordAt(l.value.from);if(!c||c.from!=l.value.from||c.to!=l.value.to)continue}return l.value}}const me=({state:t,dispatch:e})=>{let{ranges:r}=t.selection;if(r.some(s=>s.from===s.to))return Oe({state:t,dispatch:e});let n=t.sliceDoc(r[0].from,r[0].to);if(t.selection.ranges.some(s=>t.sliceDoc(s.from,s.to)!=n))return!1;let i=$e(t,n);return i?(e(t.update({selection:t.selection.addRange(p.range(i.from,i.to),!1),effects:S.scrollIntoView(i.to)})),!0):!1},M=ie.define({combine(t){return se(t,{top:!1,caseSensitive:!1,literal:!1,regexp:!1,wholeWord:!1,createPanel:e=>new Ue(e),scrollToMatch:e=>S.scrollIntoView(e)})}});function Qe(t){return t?[M.of(t),Y]:Y}class V{constructor(e){this.search=e.search,this.caseSensitive=!!e.caseSensitive,this.literal=!!e.literal,this.regexp=!!e.regexp,this.replace=e.replace||"",this.valid=!!this.search&&(!this.regexp||Ae(this.search)),this.unquoted=this.unquote(this.search),this.wholeWord=!!e.wholeWord}unquote(e){return this.literal?e:e.replace(/\\([nrt\\])/g,(r,n)=>n=="n"?`
+`:n=="r"?"\r":n=="t"?"	":"\\")}eq(e){return this.search==e.search&&this.replace==e.replace&&this.caseSensitive==e.caseSensitive&&this.regexp==e.regexp&&this.wholeWord==e.wholeWord}create(){return this.regexp?new Ne(this):new ze(this)}getCursor(e,r=0,n){let i=e.doc?e:Fe.create({doc:e});return n==null&&(n=i.doc.length),this.regexp?b(this,i,r,n):v(this,i,r,n)}}class pe{constructor(e){this.spec=e}}function v(t,e,r,n){return new y(e.doc,t.unquoted,r,n,t.caseSensitive?void 0:i=>i.toLowerCase(),t.wholeWord?_e(e.doc,e.charCategorizer(e.selection.main.head)):void 0)}function _e(t,e){return(r,n,i,s)=>((s>r||s+i.length<n)&&(s=Math.max(0,r-2),i=t.sliceString(s,Math.min(t.length,n+2))),(e(T(i,r-s))!=m.Word||e(I(i,r-s))!=m.Word)&&(e(I(i,n-s))!=m.Word||e(T(i,n-s))!=m.Word))}class ze extends pe{constructor(e){super(e)}nextMatch(e,r,n){let i=v(this.spec,e,n,e.doc.length).nextOverlapping();return i.done&&(i=v(this.spec,e,0,r).nextOverlapping()),i.done?null:i.value}prevMatchInRange(e,r,n){for(let i=n;;){let s=Math.max(r,i-1e4-this.spec.unquoted.length),o=v(this.spec,e,s,i),l=null;for(;!o.nextOverlapping().done;)l=o.value;if(l)return l;if(s==r)return null;i-=1e4}}prevMatch(e,r,n){return this.prevMatchInRange(e,0,r)||this.prevMatchInRange(e,n,e.doc.length)}getReplacement(e){return this.spec.unquote(this.spec.replace)}matchAll(e,r){let n=v(this.spec,e,0,e.doc.length),i=[];for(;!n.next().done;){if(i.length>=r)return null;i.push(n.value)}return i}highlight(e,r,n,i){let s=v(this.spec,e,Math.max(0,r-this.spec.unquoted.length),Math.min(n+this.spec.unquoted.length,e.doc.length));for(;!s.next().done;)i(s.value.from,s.value.to)}}function b(t,e,r,n){return new z(e.doc,t.search,{ignoreCase:!t.caseSensitive,test:t.wholeWord?Be(e.charCategorizer(e.selection.main.head)):void 0},r,n)}function T(t,e){return t.slice(le(t,e,!1),e)}function I(t,e){return t.slice(e,le(t,e))}function Be(t){return(e,r,n)=>!n[0].length||(t(T(n.input,n.index))!=m.Word||t(I(n.input,n.index))!=m.Word)&&(t(I(n.input,n.index+n[0].length))!=m.Word||t(T(n.input,n.index+n[0].length))!=m.Word)}class Ne extends pe{nextMatch(e,r,n){let i=b(this.spec,e,n,e.doc.length).next();return i.done&&(i=b(this.spec,e,0,r).next()),i.done?null:i.value}prevMatchInRange(e,r,n){for(let i=1;;i++){let s=Math.max(r,n-i*1e4),o=b(this.spec,e,s,n),l=null;for(;!o.next().done;)l=o.value;if(l&&(s==r||l.from>s+10))return l;if(s==r)return null}}prevMatch(e,r,n){return this.prevMatchInRange(e,0,r)||this.prevMatchInRange(e,n,e.doc.length)}getReplacement(e){return this.spec.unquote(this.spec.replace).replace(/\$([$&\d+])/g,(r,n)=>n=="$"?"$":n=="&"?e.match[0]:n!="0"&&+n<e.match.length?e.match[n]:r)}matchAll(e,r){let n=b(this.spec,e,0,e.doc.length),i=[];for(;!n.next().done;){if(i.length>=r)return null;i.push(n.value)}return i}highlight(e,r,n,i){let s=b(this.spec,e,Math.max(0,r-250),Math.min(n+250,e.doc.length));for(;!s.next().done;)i(s.value.from,s.value.to)}}const C=W.define(),H=W.define(),g=ne.define({create(t){return new K(w(t).create(),null)},update(t,e){for(let r of e.effects)r.is(C)?t=new K(r.value.create(),t.panel):r.is(H)&&(t=new K(t.query,r.value?j:null));return t},provide:t=>te.from(t,e=>e.panel)});function Ve(t){let e=t.field(g,!1);return e?e.query.spec:w(t)}function He(t){var e;return((e=t.field(g,!1))===null||e===void 0?void 0:e.panel)!=null}class K{constructor(e,r){this.query=e,this.panel=r}}const Ke=f.mark({class:"cm-searchMatch"}),Ge=f.mark({class:"cm-searchMatch cm-searchMatch-selected"}),je=re.fromClass(class{constructor(t){this.view=t,this.decorations=this.highlight(t.state.field(g))}update(t){let e=t.state.field(g);(e!=t.startState.field(g)||t.docChanged||t.selectionSet||t.viewportChanged)&&(this.decorations=this.highlight(e))}highlight({query:t,panel:e}){if(!e||!t.spec.valid)return f.none;let{view:r}=this,n=new Le;for(let i=0,s=r.visibleRanges,o=s.length;i<o;i++){let{from:l,to:c}=s[i];for(;i<o-1&&c>s[i+1].from-2*250;)c=s[++i].to;t.highlight(r.state,l,c,(a,u)=>{let x=r.state.selection.ranges.some(E=>E.from==a&&E.to==u);n.add(a,u,x?Ge:Ke)})}return n.finish()}},{decorations:t=>t.decorations});function F(t){return e=>{let r=e.state.field(g,!1);return r&&r.query.spec.valid?t(e,r):J(e)}}const A=F((t,{query:e})=>{let{to:r}=t.state.selection.main,n=e.nextMatch(t.state,r,r);if(!n)return!1;let i=p.single(n.from,n.to),s=t.state.facet(M);return t.dispatch({selection:i,effects:[X(t,n),s.scrollToMatch(i.main,t)],userEvent:"select.search"}),Me(t),!0}),D=F((t,{query:e})=>{let{state:r}=t,{from:n}=r.selection.main,i=e.prevMatch(r,n,n);if(!i)return!1;let s=p.single(i.from,i.to),o=t.state.facet(M);return t.dispatch({selection:s,effects:[X(t,i),o.scrollToMatch(s.main,t)],userEvent:"select.search"}),Me(t),!0}),ge=F((t,{query:e})=>{let r=e.matchAll(t.state,1e3);return!r||!r.length?!1:(t.dispatch({selection:p.create(r.map(n=>p.range(n.from,n.to))),userEvent:"select.search.matches"}),!0)}),xe=({state:t,dispatch:e})=>{let r=t.selection;if(r.ranges.length>1||r.main.empty)return!1;let{from:n,to:i}=r.main,s=[],o=0;for(let l=new y(t.doc,t.sliceDoc(n,i));!l.next().done;){if(s.length>1e3)return!1;l.value.from==n&&(o=s.length),s.push(p.range(l.value.from,l.value.to))}return e(t.update({selection:p.create(s,o),userEvent:"select.search.matches"})),!0},G=F((t,{query:e})=>{let{state:r}=t,{from:n,to:i}=r.selection.main;if(r.readOnly)return!1;let s=e.nextMatch(r,n,n);if(!s)return!1;let o=[],l,c,a=[];if(s.from==n&&s.to==i&&(c=r.toText(e.getReplacement(s)),o.push({from:s.from,to:s.to,insert:c}),s=e.nextMatch(r,s.from,s.to),a.push(S.announce.of(r.phrase("replaced match on line $",r.doc.lineAt(n).number)+"."))),s){let u=o.length==0||o[0].from>=s.to?0:s.to-s.from-c.length;l=p.single(s.from-u,s.to-u),a.push(X(t,s)),a.push(r.facet(M).scrollToMatch(l.main,t))}return t.dispatch({changes:o,selection:l,effects:a,userEvent:"input.replace"}),!0}),Se=F((t,{query:e})=>{if(t.state.readOnly)return!1;let r=e.matchAll(t.state,1e9).map(i=>{let{from:s,to:o}=i;return{from:s,to:o,insert:e.getReplacement(i)}});if(!r.length)return!1;let n=t.state.phrase("replaced $ matches",r.length)+".";return t.dispatch({changes:r,effects:S.announce.of(n),userEvent:"input.replace.all"}),!0});function j(t){return t.state.facet(M).createPanel(t)}function w(t,e){var r,n,i,s,o;let l=t.selection.main,c=l.empty||l.to>l.from+100?"":t.sliceDoc(l.from,l.to);if(e&&!c)return e;let a=t.facet(M);return new V({search:((r=e?.literal)!==null&&r!==void 0?r:a.literal)?c:c.replace(/\n/g,"\\n"),caseSensitive:(n=e?.caseSensitive)!==null&&n!==void 0?n:a.caseSensitive,literal:(i=e?.literal)!==null&&i!==void 0?i:a.literal,regexp:(s=e?.regexp)!==null&&s!==void 0?s:a.regexp,wholeWord:(o=e?.wholeWord)!==null&&o!==void 0?o:a.wholeWord})}function ye(t){let e=R(t,j);return e&&e.dom.querySelector("[main-field]")}function Me(t){let e=ye(t);e&&e==t.root.activeElement&&e.select()}const J=t=>{let e=t.state.field(g,!1);if(e&&e.panel){let r=ye(t);if(r&&r!=t.root.activeElement){let n=w(t.state,e.query.spec);n.valid&&t.dispatch({effects:C.of(n)}),r.focus(),r.select()}}else t.dispatch({effects:[H.of(!0),e?C.of(w(t.state,e.query.spec)):W.appendConfig.of(Y)]});return!0},U=t=>{let e=t.state.field(g,!1);if(!e||!e.panel)return!1;let r=R(t,j);return r&&r.dom.contains(t.root.activeElement)&&t.focus(),t.dispatch({effects:H.of(!1)}),!0},Je=[{key:"Mod-f",run:J,scope:"editor search-panel"},{key:"F3",run:A,shift:D,scope:"editor search-panel",preventDefault:!0},{key:"Mod-g",run:A,shift:D,scope:"editor search-panel",preventDefault:!0},{key:"Escape",run:U,scope:"editor search-panel"},{key:"Mod-Shift-l",run:xe},{key:"Mod-Alt-g",run:ue},{key:"Mod-d",run:me,preventDefault:!0}];class Ue{constructor(e){this.view=e;let r=this.query=e.state.field(g).query.spec;this.commit=this.commit.bind(this),this.searchField=h("input",{value:r.search,placeholder:d(e,"Find"),"aria-label":d(e,"Find"),class:"cm-textfield",name:"search",form:"","main-field":"true",onchange:this.commit,onkeyup:this.commit}),this.replaceField=h("input",{value:r.replace,placeholder:d(e,"Replace"),"aria-label":d(e,"Replace"),class:"cm-textfield",name:"replace",form:"",onchange:this.commit,onkeyup:this.commit}),this.caseField=h("input",{type:"checkbox",name:"case",form:"",checked:r.caseSensitive,onchange:this.commit}),this.reField=h("input",{type:"checkbox",name:"re",form:"",checked:r.regexp,onchange:this.commit}),this.wordField=h("input",{type:"checkbox",name:"word",form:"",checked:r.wholeWord,onchange:this.commit});function n(i,s,o){return h("button",{class:"cm-button",name:i,onclick:s,type:"button"},o)}this.dom=h("div",{onkeydown:i=>this.keydown(i),class:"cm-search"},[this.searchField,n("next",()=>A(e),[d(e,"next")]),n("prev",()=>D(e),[d(e,"previous")]),n("select",()=>ge(e),[d(e,"all")]),h("label",null,[this.caseField,d(e,"match case")]),h("label",null,[this.reField,d(e,"regexp")]),h("label",null,[this.wordField,d(e,"by word")]),...e.state.readOnly?[]:[h("br"),this.replaceField,n("replace",()=>G(e),[d(e,"replace")]),n("replaceAll",()=>Se(e),[d(e,"replace all")])],h("button",{name:"close",onclick:()=>U(e),"aria-label":d(e,"close"),type:"button"},["\xD7"])])}commit(){let e=new V({search:this.searchField.value,caseSensitive:this.caseField.checked,regexp:this.reField.checked,wholeWord:this.wordField.checked,replace:this.replaceField.value});e.eq(this.query)||(this.query=e,this.view.dispatch({effects:C.of(e)}))}keydown(e){ve(this.view,e,"search-panel")?e.preventDefault():e.keyCode==13&&e.target==this.searchField?(e.preventDefault(),(e.shiftKey?D:A)(this.view)):e.keyCode==13&&e.target==this.replaceField&&(e.preventDefault(),G(this.view))}update(e){for(let r of e.transactions)for(let n of r.effects)n.is(C)&&!n.value.eq(this.query)&&this.setQuery(n.value)}setQuery(e){this.query=e,this.searchField.value=e.search,this.replaceField.value=e.replace,this.caseField.checked=e.caseSensitive,this.reField.checked=e.regexp,this.wordField.checked=e.wholeWord}mount(){this.searchField.select()}get pos(){return 80}get top(){return this.view.state.facet(M).top}}function d(t,e){return t.state.phrase(e)}const O=30,$=/[\s\.,:;?!]/;function X(t,{from:e,to:r}){let n=t.state.doc.lineAt(e),i=t.state.doc.lineAt(r).to,s=Math.max(n.from,e-O),o=Math.min(i,r+O),l=t.state.sliceDoc(s,o);if(s!=n.from){for(let c=0;c<O;c++)if(!$.test(l[c+1])&&$.test(l[c])){l=l.slice(c);break}}if(o!=i){for(let c=l.length-1;c>l.length-O;c--)if(!$.test(l[c-1])&&$.test(l[c])){l=l.slice(0,c);break}}return S.announce.of(`${t.state.phrase("current match")}. ${l} ${t.state.phrase("on line")} ${n.number}.`)}const Xe=S.baseTheme({".cm-panel.cm-search":{padding:"2px 6px 4px",position:"relative","& [name=close]":{position:"absolute",top:"0",right:"4px",backgroundColor:"inherit",border:"none",font:"inherit",padding:0,margin:0},"& input, & button, & label":{margin:".2em .6em .2em 0"},"& input[type=checkbox]":{marginRight:".2em"},"& label":{fontSize:"80%",whiteSpace:"pre"}},"&light .cm-searchMatch":{backgroundColor:"#ffff0054"},"&dark .cm-searchMatch":{backgroundColor:"#00ffff8a"},"&light .cm-searchMatch-selected":{backgroundColor:"#ff6a0054"},"&dark .cm-searchMatch-selected":{backgroundColor:"#ff00ff8a"}}),Y=[g,We.low(je),Xe];export{z as RegExpCursor,y as SearchCursor,V as SearchQuery,U as closeSearchPanel,A as findNext,D as findPrevious,Ve as getSearchQuery,ue as gotoLine,Re as highlightSelectionMatches,J as openSearchPanel,Se as replaceAll,G as replaceNext,Qe as search,Je as searchKeymap,He as searchPanelOpen,ge as selectMatches,me as selectNextOccurrence,xe as selectSelectionMatches,C as setSearchQuery};
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/state.js b/Resources/Public/JavaScript/Contrib/@codemirror/state.js
new file mode 100644
index 0000000..14bbf67
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/state.js
@@ -0,0 +1,5 @@
+class v{lineAt(e){if(e<0||e>this.length)throw new RangeError(`Invalid position ${e} in document of length ${this.length}`);return this.lineInner(e,!1,1,0)}line(e){if(e<1||e>this.lines)throw new RangeError(`Invalid line number ${e} in ${this.lines}-line document`);return this.lineInner(e,!0,1,0)}replace(e,t,n){[e,t]=J(this,e,t);let i=[];return this.decompose(0,e,i,2),n.length&&n.decompose(0,n.length,i,3),this.decompose(t,this.length,i,1),E.from(i,this.length-(t-e)+n.length)}append(e){return this.replace(this.length,this.length,e)}slice(e,t=this.length){[e,t]=J(this,e,t);let n=[];return this.decompose(e,t,n,0),E.from(n,t-e)}eq(e){if(e==this)return!0;if(e.length!=this.length||e.lines!=this.lines)return!1;let t=this.scanIdentical(e,1),n=this.length-this.scanIdentical(e,-1),i=new q(this),s=new q(e);for(let r=t,h=t;;){if(i.next(r),s.next(r),r=0,i.lineBreak!=s.lineBreak||i.done!=s.done||i.value!=s.value)return!1;if(h+=i.value.length,i.done||h>=n)return!0}}iter(e=1){return new q(this,e)}iterRange(e,t=this.length){return new ke(this,e,t)}iterLines(e,t){let n;if(e==null)n=this.iter();else{t==null&&(t=this.lines+1);let i=this.line(e).from;n=this.iterRange(i,Math.max(i,t==this.lines+1?this.length:t<=1?0:this.line(t-1).to))}return new ye(n)}toString(){return this.sliceString(0)}toJSON(){let e=[];return this.flatten(e),e}constructor(){}static of(e){if(e.length==0)throw new RangeError("A document must have at least one line");return e.length==1&&!e[0]?v.empty:e.length<=32?new m(e):E.from(m.split(e,[]))}}class m extends v{constructor(e,t=He(e)){super(),this.text=e,this.length=t}get lines(){return this.text.length}get children(){return null}lineInner(e,t,n,i){for(let s=0;;s++){let r=this.text[s],h=i+r.length;if((t?n:h)>=e)return new Se(i,h,n,r);i=h+1,n++}}decompose(e,t,n,i){let s=e<=0&&t>=this.length?this:new m(xe(this.text,e,t),Math.min(t,this.length)-Math.max(0,e));if(i&1){let r=n.pop(),h=Q(s.text,r.text.slice(),0,s.length);if(h.length<=32)n.push(new m(h,r.length+s.length));else{let a=h.length>>1;n.push(new m(h.slice(0,a)),new m(h.slice(a)))}}else n.push(s)}replace(e,t,n){if(!(n instanceof m))return super.replace(e,t,n);[e,t]=J(this,e,t);let i=Q(this.text,Q(n.text,xe(this.text,0,e)),t),s=this.length+n.length-(t-e);return i.length<=32?new m(i,s):E.from(m.split(i,[]),s)}sliceString(e,t=this.length,n=`
+`){[e,t]=J(this,e,t);let i="";for(let s=0,r=0;s<=t&&r<this.text.length;r++){let h=this.text[r],a=s+h.length;s>e&&r&&(i+=n),e<a&&t>s&&(i+=h.slice(Math.max(0,e-s),t-s)),s=a+1}return i}flatten(e){for(let t of this.text)e.push(t)}scanIdentical(){return 0}static split(e,t){let n=[],i=-1;for(let s of e)n.push(s),i+=s.length+1,n.length==32&&(t.push(new m(n,i)),n=[],i=-1);return i>-1&&t.push(new m(n,i)),t}}class E extends v{constructor(e,t){super(),this.children=e,this.length=t,this.lines=0;for(let n of e)this.lines+=n.lines}lineInner(e,t,n,i){for(let s=0;;s++){let r=this.children[s],h=i+r.length,a=n+r.lines-1;if((t?a:h)>=e)return r.lineInner(e,t,n,i);i=h+1,n=a+1}}decompose(e,t,n,i){for(let s=0,r=0;r<=t&&s<this.children.length;s++){let h=this.children[s],a=r+h.length;if(e<=a&&t>=r){let o=i&((r<=e?1:0)|(a>=t?2:0));r>=e&&a<=t&&!o?n.push(h):h.decompose(e-r,t-r,n,o)}r=a+1}}replace(e,t,n){if([e,t]=J(this,e,t),n.lines<this.lines)for(let i=0,s=0;i<this.children.length;i++){let r=this.children[i],h=s+r.length;if(e>=s&&t<=h){let a=r.replace(e-s,t-s,n),o=this.lines-r.lines+a.lines;if(a.lines<o>>4&&a.lines>o>>6){let f=this.children.slice();return f[i]=a,new E(f,this.length-(t-e)+n.length)}return super.replace(s,h,a)}s=h+1}return super.replace(e,t,n)}sliceString(e,t=this.length,n=`
+`){[e,t]=J(this,e,t);let i="";for(let s=0,r=0;s<this.children.length&&r<=t;s++){let h=this.children[s],a=r+h.length;r>e&&s&&(i+=n),e<a&&t>r&&(i+=h.sliceString(e-r,t-r,n)),r=a+1}return i}flatten(e){for(let t of this.children)t.flatten(e)}scanIdentical(e,t){if(!(e instanceof E))return 0;let n=0,[i,s,r,h]=t>0?[0,0,this.children.length,e.children.length]:[this.children.length-1,e.children.length-1,-1,-1];for(;;i+=t,s+=t){if(i==r||s==h)return n;let a=this.children[i],o=e.children[s];if(a!=o)return n+a.scanIdentical(o,t);n+=a.length+1}}static from(e,t=e.reduce((n,i)=>n+i.length+1,-1)){let n=0;for(let c of e)n+=c.lines;if(n<32){let c=[];for(let p of e)p.flatten(c);return new m(c,t)}let i=Math.max(32,n>>5),s=i<<1,r=i>>1,h=[],a=0,o=-1,f=[];function u(c){let p;if(c.lines>s&&c instanceof E)for(let b of c.children)u(b);else c.lines>r&&(a>r||!a)?(d(),h.push(c)):c instanceof m&&a&&(p=f[f.length-1])instanceof m&&c.lines+p.lines<=32?(a+=c.lines,o+=c.length+1,f[f.length-1]=new m(p.text.concat(c.text),p.length+1+c.length)):(a+c.lines>i&&d(),a+=c.lines,o+=c.length+1,f.push(c))}function d(){a!=0&&(h.push(f.length==1?f[0]:E.from(f,o)),o=-1,a=f.length=0)}for(let c of e)u(c);return d(),h.length==1?h[0]:new E(h,t)}}v.empty=new m([""],0);function He(l){let e=-1;for(let t of l)e+=t.length+1;return e}function Q(l,e,t=0,n=1e9){for(let i=0,s=0,r=!0;s<l.length&&i<=n;s++){let h=l[s],a=i+h.length;a>=t&&(a>n&&(h=h.slice(0,n-i)),i<t&&(h=h.slice(t-i)),r?(e[e.length-1]+=h,r=!1):e.push(h)),i=a+1}return e}function xe(l,e,t){return Q(l,[""],e,t)}class q{constructor(e,t=1){this.dir=t,this.done=!1,this.lineBreak=!1,this.value="",this.nodes=[e],this.offsets=[t>0?1:(e instanceof m?e.text.length:e.children.length)<<1]}nextInner(e,t){for(this.done=this.lineBreak=!1;;){let n=this.nodes.length-1,i=this.nodes[n],s=this.offsets[n],r=s>>1,h=i instanceof m?i.text.length:i.children.length;if(r==(t>0?h:0)){if(n==0)return this.done=!0,this.value="",this;t>0&&this.offsets[n-1]++,this.nodes.pop(),this.offsets.pop()}else if((s&1)==(t>0?0:1)){if(this.offsets[n]+=t,e==0)return this.lineBreak=!0,this.value=`
+`,this;e--}else if(i instanceof m){let a=i.text[r+(t<0?-1:0)];if(this.offsets[n]+=t,a.length>Math.max(0,e))return this.value=e==0?a:t>0?a.slice(e):a.slice(0,a.length-e),this;e-=a.length}else{let a=i.children[r+(t<0?-1:0)];e>a.length?(e-=a.length,this.offsets[n]+=t):(t<0&&this.offsets[n]--,this.nodes.push(a),this.offsets.push(t>0?1:(a instanceof m?a.text.length:a.children.length)<<1))}}}next(e=0){return e<0&&(this.nextInner(-e,-this.dir),e=this.value.length),this.nextInner(e,this.dir)}}class ke{constructor(e,t,n){this.value="",this.done=!1,this.cursor=new q(e,t>n?-1:1),this.pos=t>n?e.length:0,this.from=Math.min(t,n),this.to=Math.max(t,n)}nextInner(e,t){if(t<0?this.pos<=this.from:this.pos>=this.to)return this.value="",this.done=!0,this;e+=Math.max(0,t<0?this.pos-this.to:this.from-this.pos);let n=t<0?this.pos-this.from:this.to-this.pos;e>n&&(e=n),n-=e;let{value:i}=this.cursor.next(e);return this.pos+=(i.length+e)*t,this.value=i.length<=n?i:t<0?i.slice(i.length-n):i.slice(0,n),this.done=!this.value,this}next(e=0){return e<0?e=Math.max(e,this.from-this.pos):e>0&&(e=Math.min(e,this.to-this.pos)),this.nextInner(e,this.cursor.dir)}get lineBreak(){return this.cursor.lineBreak&&this.value!=""}}class ye{constructor(e){this.inner=e,this.afterBreak=!0,this.value="",this.done=!1}next(e=0){let{done:t,lineBreak:n,value:i}=this.inner.next(e);return t&&this.afterBreak?(this.value="",this.afterBreak=!1):t?(this.done=!0,this.value=""):n?this.afterBreak?this.value="":(this.afterBreak=!0,this.next()):(this.value=i,this.afterBreak=!1),this}get lineBreak(){return!1}}typeof Symbol<"u"&&(v.prototype[Symbol.iterator]=function(){return this.iter()},q.prototype[Symbol.iterator]=ke.prototype[Symbol.iterator]=ye.prototype[Symbol.iterator]=function(){return this});class Se{constructor(e,t,n,i){this.from=e,this.to=t,this.number=n,this.text=i}get length(){return this.to-this.from}}function J(l,e,t){return e=Math.max(0,Math.min(l.length,e)),[e,Math.max(e,Math.min(l.length,t))]}let L="lc,34,7n,7,7b,19,,,,2,,2,,,20,b,1c,l,g,,2t,7,2,6,2,2,,4,z,,u,r,2j,b,1m,9,9,,o,4,,9,,3,,5,17,3,3b,f,,w,1j,,,,4,8,4,,3,7,a,2,t,,1m,,,,2,4,8,,9,,a,2,q,,2,2,1l,,4,2,4,2,2,3,3,,u,2,3,,b,2,1l,,4,5,,2,4,,k,2,m,6,,,1m,,,2,,4,8,,7,3,a,2,u,,1n,,,,c,,9,,14,,3,,1l,3,5,3,,4,7,2,b,2,t,,1m,,2,,2,,3,,5,2,7,2,b,2,s,2,1l,2,,,2,4,8,,9,,a,2,t,,20,,4,,2,3,,,8,,29,,2,7,c,8,2q,,2,9,b,6,22,2,r,,,,,,1j,e,,5,,2,5,b,,10,9,,2u,4,,6,,2,2,2,p,2,4,3,g,4,d,,2,2,6,,f,,jj,3,qa,3,t,3,t,2,u,2,1s,2,,7,8,,2,b,9,,19,3,3b,2,y,,3a,3,4,2,9,,6,3,63,2,2,,1m,,,7,,,,,2,8,6,a,2,,1c,h,1r,4,1c,7,,,5,,14,9,c,2,w,4,2,2,,3,1k,,,2,3,,,3,1m,8,2,2,48,3,,d,,7,4,,6,,3,2,5i,1m,,5,ek,,5f,x,2da,3,3x,,2o,w,fe,6,2x,2,n9w,4,,a,w,2,28,2,7k,,3,,4,,p,2,5,,47,2,q,i,d,,12,8,p,b,1a,3,1c,,2,4,2,2,13,,1v,6,2,2,2,2,c,,8,,1b,,1f,,,3,2,2,5,2,,,16,2,8,,6m,,2,,4,,fn4,,kh,g,g,g,a6,2,gt,,6a,,45,5,1ae,3,,2,5,4,14,3,4,,4l,2,fx,4,ar,2,49,b,4w,,1i,f,1k,3,1d,4,2,2,1x,3,10,5,,8,1q,,c,2,1g,9,a,4,2,,2n,3,2,,,2,6,,4g,,3,8,l,2,1l,2,,,,,m,,e,7,3,5,5f,8,2,3,,,n,,29,,2,6,,,2,,,2,,2,6j,,2,4,6,2,,2,r,2,2d,8,2,,,2,2y,,,,2,6,,,2t,3,2,4,,5,77,9,,2,6t,,a,2,,,4,,40,4,2,2,4,,w,a,14,6,2,4,8,,9,6,2,3,1a,d,,2,ba,7,,6,,,2a,m,2,7,,2,,2,3e,6,3,,,2,,7,,,20,2,3,,,,9n,2,f0b,5,1n,7,t4,,1r,4,29,,f5k,2,43q,,,3,4,5,8,8,2,7,u,4,44,3,1iz,1j,4,1e,8,,e,,m,5,,f,11s,7,,h,2,7,,2,,5,79,7,c5,4,15s,7,31,7,240,5,gx7k,2o,3k,6o".split(",").map(l=>l?parseInt(l,36):1);for(let l=1;l<L.length;l++)L[l]+=L[l-1];function Ze(l){for(let e=1;e<L.length;e+=2)if(L[e]>l)return L[e-1]<=l;return!1}function Ie(l){return l>=127462&&l<=127487}const Pe=8205;function $(l,e,t=!0,n=!0){return(t?Ae:Ke)(l,e,n)}function Ae(l,e,t){if(e==l.length)return e;e&&be(l.charCodeAt(e))&&Oe(l.charCodeAt(e-1))&&e--;let n=X(l,e);for(e+=se(n);e<l.length;){let i=X(l,e);if(n==Pe||i==Pe||t&&Ze(i))e+=se(i),n=i;else if(Ie(i)){let s=0,r=e-2;for(;r>=0&&Ie(X(l,r));)s++,r-=2;if(s%2==0)break;e+=2}else break}return e}function Ke(l,e,t){for(;e>0;){let n=Ae(l,e-2,t);if(n<e)return n;e--}return 0}function be(l){return l>=56320&&l<57344}function Oe(l){return l>=55296&&l<56320}function X(l,e){let t=l.charCodeAt(e);if(!Oe(t)||e+1==l.length)return t;let n=l.charCodeAt(e+1);return be(n)?(t-55296<<10)+(n-56320)+65536:t}function Qe(l){return l<=65535?String.fromCharCode(l):(l-=65536,String.fromCharCode((l>>10)+55296,(l&1023)+56320))}function se(l){return l<65536?1:2}const re=/\r\n?|\n/;var C=function(l){return l[l.Simple=0]="Simple",l[l.TrackDel=1]="TrackDel",l[l.TrackBefore=2]="TrackBefore",l[l.TrackAfter=3]="TrackAfter",l}(C||(C={}));class O{constructor(e){this.sections=e}get length(){let e=0;for(let t=0;t<this.sections.length;t+=2)e+=this.sections[t];return e}get newLength(){let e=0;for(let t=0;t<this.sections.length;t+=2){let n=this.sections[t+1];e+=n<0?this.sections[t]:n}return e}get empty(){return this.sections.length==0||this.sections.length==2&&this.sections[1]<0}iterGaps(e){for(let t=0,n=0,i=0;t<this.sections.length;){let s=this.sections[t++],r=this.sections[t++];r<0?(e(n,i,s),i+=s):i+=r,n+=s}}iterChangedRanges(e,t=!1){le(this,e,t)}get invertedDesc(){let e=[];for(let t=0;t<this.sections.length;){let n=this.sections[t++],i=this.sections[t++];i<0?e.push(n,i):e.push(i,n)}return new O(e)}composeDesc(e){return this.empty?e:e.empty?this:Ee(this,e)}mapDesc(e,t=!1){return e.empty?this:he(this,e,t)}mapPos(e,t=-1,n=C.Simple){let i=0,s=0;for(let r=0;r<this.sections.length;){let h=this.sections[r++],a=this.sections[r++],o=i+h;if(a<0){if(o>e)return s+(e-i);s+=h}else{if(n!=C.Simple&&o>=e&&(n==C.TrackDel&&i<e&&o>e||n==C.TrackBefore&&i<e||n==C.TrackAfter&&o>e))return null;if(o>e||o==e&&t<0&&!h)return e==i||t<0?s:s+a;s+=a}i=o}if(e>i)throw new RangeError(`Position ${e} is out of range for changeset of length ${i}`);return s}touchesRange(e,t=e){for(let n=0,i=0;n<this.sections.length&&i<=t;){let s=this.sections[n++],r=this.sections[n++],h=i+s;if(r>=0&&i<=t&&h>=e)return i<e&&h>t?"cover":!0;i=h}return!1}toString(){let e="";for(let t=0;t<this.sections.length;){let n=this.sections[t++],i=this.sections[t++];e+=(e?" ":"")+n+(i>=0?":"+i:"")}return e}toJSON(){return this.sections}static fromJSON(e){if(!Array.isArray(e)||e.length%2||e.some(t=>typeof t!="number"))throw new RangeError("Invalid JSON representation of ChangeDesc");return new O(e)}static create(e){return new O(e)}}class k extends O{constructor(e,t){super(e),this.inserted=t}apply(e){if(this.length!=e.length)throw new RangeError("Applying change set to a document with the wrong length");return le(this,(t,n,i,s,r)=>e=e.replace(i,i+(n-t),r),!1),e}mapDesc(e,t=!1){return he(this,e,t,!0)}invert(e){let t=this.sections.slice(),n=[];for(let i=0,s=0;i<t.length;i+=2){let r=t[i],h=t[i+1];if(h>=0){t[i]=h,t[i+1]=r;let a=i>>1;for(;n.length<a;)n.push(v.empty);n.push(r?e.slice(s,s+r):v.empty)}s+=r}return new k(t,n)}compose(e){return this.empty?e:e.empty?this:Ee(this,e,!0)}map(e,t=!1){return e.empty?this:he(this,e,t,!0)}iterChanges(e,t=!1){le(this,e,t)}get desc(){return O.create(this.sections)}filter(e){let t=[],n=[],i=[],s=new z(this);e:for(let r=0,h=0;;){let a=r==e.length?1e9:e[r++];for(;h<a||h==a&&s.len==0;){if(s.done)break e;let f=Math.min(s.len,a-h);y(i,f,-1);let u=s.ins==-1?-1:s.off==0?s.ins:0;y(t,f,u),u>0&&R(n,t,s.text),s.forward(f),h+=f}let o=e[r++];for(;h<o;){if(s.done)break e;let f=Math.min(s.len,o-h);y(t,f,-1),y(i,f,s.ins==-1?-1:s.off==0?s.ins:0),s.forward(f),h+=f}}return{changes:new k(t,n),filtered:O.create(i)}}toJSON(){let e=[];for(let t=0;t<this.sections.length;t+=2){let n=this.sections[t],i=this.sections[t+1];i<0?e.push(n):i==0?e.push([n]):e.push([n].concat(this.inserted[t>>1].toJSON()))}return e}static of(e,t,n){let i=[],s=[],r=0,h=null;function a(f=!1){if(!f&&!i.length)return;r<t&&y(i,t-r,-1);let u=new k(i,s);h=h?h.compose(u.map(h)):u,i=[],s=[],r=0}function o(f){if(Array.isArray(f))for(let u of f)o(u);else if(f instanceof k){if(f.length!=t)throw new RangeError(`Mismatched change set length (got ${f.length}, expected ${t})`);a(),h=h?h.compose(f.map(h)):f}else{let{from:u,to:d=u,insert:c}=f;if(u>d||u<0||d>t)throw new RangeError(`Invalid change range ${u} to ${d} (in doc of length ${t})`);let p=c?typeof c=="string"?v.of(c.split(n||re)):c:v.empty,b=p.length;if(u==d&&b==0)return;u<r&&a(),u>r&&y(i,u-r,-1),y(i,d-u,b),R(s,i,p),r=d}}return o(e),a(!h),h}static empty(e){return new k(e?[e,-1]:[],[])}static fromJSON(e){if(!Array.isArray(e))throw new RangeError("Invalid JSON representation of ChangeSet");let t=[],n=[];for(let i=0;i<e.length;i++){let s=e[i];if(typeof s=="number")t.push(s,-1);else{if(!Array.isArray(s)||typeof s[0]!="number"||s.some((r,h)=>h&&typeof r!="string"))throw new RangeError("Invalid JSON representation of ChangeSet");if(s.length==1)t.push(s[0],0);else{for(;n.length<i;)n.push(v.empty);n[i]=v.of(s.slice(1)),t.push(s[0],n[i].length)}}}return new k(t,n)}static createSet(e,t){return new k(e,t)}}function y(l,e,t,n=!1){if(e==0&&t<=0)return;let i=l.length-2;i>=0&&t<=0&&t==l[i+1]?l[i]+=e:e==0&&l[i]==0?l[i+1]+=t:n?(l[i]+=e,l[i+1]+=t):l.push(e,t)}function R(l,e,t){if(t.length==0)return;let n=e.length-2>>1;if(n<l.length)l[l.length-1]=l[l.length-1].append(t);else{for(;l.length<n;)l.push(v.empty);l.push(t)}}function le(l,e,t){let n=l.inserted;for(let i=0,s=0,r=0;r<l.sections.length;){let h=l.sections[r++],a=l.sections[r++];if(a<0)i+=h,s+=h;else{let o=i,f=s,u=v.empty;for(;o+=h,f+=a,a&&n&&(u=u.append(n[r-2>>1])),!(t||r==l.sections.length||l.sections[r+1]<0);)h=l.sections[r++],a=l.sections[r++];e(i,o,s,f,u),i=o,s=f}}}function he(l,e,t,n=!1){let i=[],s=n?[]:null,r=new z(l),h=new z(e);for(let a=-1;;)if(r.ins==-1&&h.ins==-1){let o=Math.min(r.len,h.len);y(i,o,-1),r.forward(o),h.forward(o)}else if(h.ins>=0&&(r.ins<0||a==r.i||r.off==0&&(h.len<r.len||h.len==r.len&&!t))){let o=h.len;for(y(i,h.ins,-1);o;){let f=Math.min(r.len,o);r.ins>=0&&a<r.i&&r.len<=f&&(y(i,0,r.ins),s&&R(s,i,r.text),a=r.i),r.forward(f),o-=f}h.next()}else if(r.ins>=0){let o=0,f=r.len;for(;f;)if(h.ins==-1){let u=Math.min(f,h.len);o+=u,f-=u,h.forward(u)}else if(h.ins==0&&h.len<f)f-=h.len,h.next();else break;y(i,o,a<r.i?r.ins:0),s&&a<r.i&&R(s,i,r.text),a=r.i,r.forward(r.len-f)}else{if(r.done&&h.done)return s?k.createSet(i,s):O.create(i);throw new Error("Mismatched change set lengths")}}function Ee(l,e,t=!1){let n=[],i=t?[]:null,s=new z(l),r=new z(e);for(let h=!1;;){if(s.done&&r.done)return i?k.createSet(n,i):O.create(n);if(s.ins==0)y(n,s.len,0,h),s.next();else if(r.len==0&&!r.done)y(n,0,r.ins,h),i&&R(i,n,r.text),r.next();else{if(s.done||r.done)throw new Error("Mismatched change set lengths");{let a=Math.min(s.len2,r.len),o=n.length;if(s.ins==-1){let f=r.ins==-1?-1:r.off?0:r.ins;y(n,a,f,h),i&&f&&R(i,n,r.text)}else r.ins==-1?(y(n,s.off?0:s.len,a,h),i&&R(i,n,s.textBit(a))):(y(n,s.off?0:s.len,r.off?0:r.ins,h),i&&!r.off&&R(i,n,r.text));h=(s.ins>a||r.ins>=0&&r.len>a)&&(h||n.length>o),s.forward2(a),r.forward(a)}}}}class z{constructor(e){this.set=e,this.i=0,this.next()}next(){let{sections:e}=this.set;this.i<e.length?(this.len=e[this.i++],this.ins=e[this.i++]):(this.len=0,this.ins=-2),this.off=0}get done(){return this.ins==-2}get len2(){return this.ins<0?this.len:this.ins}get text(){let{inserted:e}=this.set,t=this.i-2>>1;return t>=e.length?v.empty:e[t]}textBit(e){let{inserted:t}=this.set,n=this.i-2>>1;return n>=t.length&&!e?v.empty:t[n].slice(this.off,e==null?void 0:this.off+e)}forward(e){e==this.len?this.next():(this.len-=e,this.off+=e)}forward2(e){this.ins==-1?this.forward(e):e==this.ins?this.next():(this.ins-=e,this.off+=e)}}class T{constructor(e,t,n){this.from=e,this.to=t,this.flags=n}get anchor(){return this.flags&32?this.to:this.from}get head(){return this.flags&32?this.from:this.to}get empty(){return this.from==this.to}get assoc(){return this.flags&8?-1:this.flags&16?1:0}get bidiLevel(){let e=this.flags&7;return e==7?null:e}get goalColumn(){let e=this.flags>>6;return e==16777215?void 0:e}map(e,t=-1){let n,i;return this.empty?n=i=e.mapPos(this.from,t):(n=e.mapPos(this.from,1),i=e.mapPos(this.to,-1)),n==this.from&&i==this.to?this:new T(n,i,this.flags)}extend(e,t=e){if(e<=this.anchor&&t>=this.anchor)return g.range(e,t);let n=Math.abs(e-this.anchor)>Math.abs(t-this.anchor)?e:t;return g.range(this.anchor,n)}eq(e,t=!1){return this.anchor==e.anchor&&this.head==e.head&&(!t||!this.empty||this.assoc==e.assoc)}toJSON(){return{anchor:this.anchor,head:this.head}}static fromJSON(e){if(!e||typeof e.anchor!="number"||typeof e.head!="number")throw new RangeError("Invalid JSON representation for SelectionRange");return g.range(e.anchor,e.head)}static create(e,t,n){return new T(e,t,n)}}class g{constructor(e,t){this.ranges=e,this.mainIndex=t}map(e,t=-1){return e.empty?this:g.create(this.ranges.map(n=>n.map(e,t)),this.mainIndex)}eq(e,t=!1){if(this.ranges.length!=e.ranges.length||this.mainIndex!=e.mainIndex)return!1;for(let n=0;n<this.ranges.length;n++)if(!this.ranges[n].eq(e.ranges[n],t))return!1;return!0}get main(){return this.ranges[this.mainIndex]}asSingle(){return this.ranges.length==1?this:new g([this.main],0)}addRange(e,t=!0){return g.create([e].concat(this.ranges),t?0:this.mainIndex+1)}replaceRange(e,t=this.mainIndex){let n=this.ranges.slice();return n[t]=e,g.create(n,this.mainIndex)}toJSON(){return{ranges:this.ranges.map(e=>e.toJSON()),main:this.mainIndex}}static fromJSON(e){if(!e||!Array.isArray(e.ranges)||typeof e.main!="number"||e.main>=e.ranges.length)throw new RangeError("Invalid JSON representation for EditorSelection");return new g(e.ranges.map(t=>T.fromJSON(t)),e.main)}static single(e,t=e){return new g([g.range(e,t)],0)}static create(e,t=0){if(e.length==0)throw new RangeError("A selection needs at least one range");for(let n=0,i=0;i<e.length;i++){let s=e[i];if(s.empty?s.from<=n:s.from<n)return g.normalized(e.slice(),t);n=s.to}return new g(e,t)}static cursor(e,t=0,n,i){return T.create(e,e,(t==0?0:t<0?8:16)|(n==null?7:Math.min(6,n))|(i??16777215)<<6)}static range(e,t,n,i){let s=(n??16777215)<<6|(i==null?7:Math.min(6,i));return t<e?T.create(t,e,48|s):T.create(e,t,(t>e?8:0)|s)}static normalized(e,t=0){let n=e[t];e.sort((i,s)=>i.from-s.from),t=e.indexOf(n);for(let i=1;i<e.length;i++){let s=e[i],r=e[i-1];if(s.empty?s.from<=r.to:s.from<r.to){let h=r.from,a=Math.max(s.to,r.to);i<=t&&t--,e.splice(--i,2,s.anchor>s.head?g.range(a,h):g.range(h,a))}}return new g(e,t)}}function Ce(l,e){for(let t of l.ranges)if(t.to>e)throw new RangeError("Selection points outside of document")}let ae=0;class A{constructor(e,t,n,i,s){this.combine=e,this.compareInput=t,this.compare=n,this.isStatic=i,this.id=ae++,this.default=e([]),this.extensions=typeof s=="function"?s(this):s}get reader(){return this}static define(e={}){return new A(e.combine||(t=>t),e.compareInput||((t,n)=>t===n),e.compare||(e.combine?(t,n)=>t===n:oe),!!e.static,e.enables)}of(e){return new Y([],this,0,e)}compute(e,t){if(this.isStatic)throw new Error("Can't compute a static facet");return new Y(e,this,1,t)}computeN(e,t){if(this.isStatic)throw new Error("Can't compute a static facet");return new Y(e,this,2,t)}from(e,t){return t||(t=n=>n),this.compute([e],n=>t(n.field(e)))}}function oe(l,e){return l==e||l.length==e.length&&l.every((t,n)=>t===e[n])}class Y{constructor(e,t,n,i){this.dependencies=e,this.facet=t,this.type=n,this.value=i,this.id=ae++}dynamicSlot(e){var t;let n=this.value,i=this.facet.compareInput,s=this.id,r=e[s]>>1,h=this.type==2,a=!1,o=!1,f=[];for(let u of this.dependencies)u=="doc"?a=!0:u=="selection"?o=!0:(((t=e[u.id])!==null&&t!==void 0?t:1)&1)==0&&f.push(e[u.id]);return{create(u){return u.values[r]=n(u),1},update(u,d){if(a&&d.docChanged||o&&(d.docChanged||d.selection)||fe(u,f)){let c=n(u);if(h?!Me(c,u.values[r],i):!i(c,u.values[r]))return u.values[r]=c,1}return 0},reconfigure:(u,d)=>{let c,p=d.config.address[s];if(p!=null){let b=_(d,p);if(this.dependencies.every(x=>x instanceof A?d.facet(x)===u.facet(x):x instanceof F?d.field(x,!1)==u.field(x,!1):!0)||(h?Me(c=n(u),b,i):i(c=n(u),b)))return u.values[r]=b,0}else c=n(u);return u.values[r]=c,1}}}}function Me(l,e,t){if(l.length!=e.length)return!1;for(let n=0;n<l.length;n++)if(!t(l[n],e[n]))return!1;return!0}function fe(l,e){let t=!1;for(let n of e)U(l,n)&1&&(t=!0);return t}function Xe(l,e,t){let n=t.map(a=>l[a.id]),i=t.map(a=>a.type),s=n.filter(a=>!(a&1)),r=l[e.id]>>1;function h(a){let o=[];for(let f=0;f<n.length;f++){let u=_(a,n[f]);if(i[f]==2)for(let d of u)o.push(d);else o.push(u)}return e.combine(o)}return{create(a){for(let o of n)U(a,o);return a.values[r]=h(a),1},update(a,o){if(!fe(a,s))return 0;let f=h(a);return e.compare(f,a.values[r])?0:(a.values[r]=f,1)},reconfigure(a,o){let f=fe(a,n),u=o.config.facets[e.id],d=o.facet(e);if(u&&!f&&oe(t,u))return a.values[r]=d,0;let c=h(a);return e.compare(c,d)?(a.values[r]=d,0):(a.values[r]=c,1)}}}const Re=A.define({static:!0});class F{constructor(e,t,n,i,s){this.id=e,this.createF=t,this.updateF=n,this.compareF=i,this.spec=s,this.provides=void 0}static define(e){let t=new F(ae++,e.create,e.update,e.compare||((n,i)=>n===i),e);return e.provide&&(t.provides=e.provide(t)),t}create(e){let t=e.facet(Re).find(n=>n.field==this);return(t?.create||this.createF)(e)}slot(e){let t=e[this.id]>>1;return{create:n=>(n.values[t]=this.create(n),1),update:(n,i)=>{let s=n.values[t],r=this.updateF(s,i);return this.compareF(s,r)?0:(n.values[t]=r,1)},reconfigure:(n,i)=>i.config.address[this.id]!=null?(n.values[t]=i.field(this),0):(n.values[t]=this.create(n),1)}}init(e){return[this,Re.of({field:this,create:e})]}get extension(){return this}}const B={lowest:4,low:3,default:2,high:1,highest:0};function W(l){return e=>new Te(e,l)}const Ye={highest:W(B.highest),high:W(B.high),default:W(B.default),low:W(B.low),lowest:W(B.lowest)};class Te{constructor(e,t){this.inner=e,this.prec=t}}class H{of(e){return new ue(this,e)}reconfigure(e){return H.reconfigure.of({compartment:this,extension:e})}get(e){return e.config.compartments.get(this)}}class ue{constructor(e,t){this.compartment=e,this.inner=t}}class ne{constructor(e,t,n,i,s,r){for(this.base=e,this.compartments=t,this.dynamicSlots=n,this.address=i,this.staticValues=s,this.facets=r,this.statusTemplate=[];this.statusTemplate.length<n.length;)this.statusTemplate.push(0)}staticFacet(e){let t=this.address[e.id];return t==null?e.default:this.staticValues[t>>1]}static resolve(e,t,n){let i=[],s=Object.create(null),r=new Map;for(let d of _e(e,t,r))d instanceof F?i.push(d):(s[d.facet.id]||(s[d.facet.id]=[])).push(d);let h=Object.create(null),a=[],o=[];for(let d of i)h[d.id]=o.length<<1,o.push(c=>d.slot(c));let f=n?.config.facets;for(let d in s){let c=s[d],p=c[0].facet,b=f&&f[d]||[];if(c.every(x=>x.type==0))if(h[p.id]=a.length<<1|1,oe(b,c))a.push(n.facet(p));else{let x=p.combine(c.map(ie=>ie.value));a.push(n&&p.compare(x,n.facet(p))?n.facet(p):x)}else{for(let x of c)x.type==0?(h[x.id]=a.length<<1|1,a.push(x.value)):(h[x.id]=o.length<<1,o.push(ie=>x.dynamicSlot(ie)));h[p.id]=o.length<<1,o.push(x=>Xe(x,p,c))}}let u=o.map(d=>d(h));return new ne(e,r,u,h,a,s)}}function _e(l,e,t){let n=[[],[],[],[],[]],i=new Map;function s(r,h){let a=i.get(r);if(a!=null){if(a<=h)return;let o=n[a].indexOf(r);o>-1&&n[a].splice(o,1),r instanceof ue&&t.delete(r.compartment)}if(i.set(r,h),Array.isArray(r))for(let o of r)s(o,h);else if(r instanceof ue){if(t.has(r.compartment))throw new RangeError("Duplicate use of compartment in extensions");let o=e.get(r.compartment)||r.inner;t.set(r.compartment,o),s(o,h)}else if(r instanceof Te)s(r.inner,r.prec);else if(r instanceof F)n[h].push(r),r.provides&&s(r.provides,h);else if(r instanceof Y)n[h].push(r),r.facet.extensions&&s(r.facet.extensions,B.default);else{let o=r.extension;if(!o)throw new Error(`Unrecognized extension value in extension set (${r}). This sometimes happens because multiple instances of @codemirror/state are loaded, breaking instanceof checks.`);s(o,h)}}return s(l,B.default),n.reduce((r,h)=>r.concat(h))}function U(l,e){if(e&1)return 2;let t=e>>1,n=l.status[t];if(n==4)throw new Error("Cyclic dependency between fields and/or facets");if(n&2)return n;l.status[t]=4;let i=l.computeSlot(l,l.config.dynamicSlots[t]);return l.status[t]=2|i}function _(l,e){return e&1?l.config.staticValues[e>>1]:l.values[e>>1]}const Be=A.define(),ce=A.define({combine:l=>l.some(e=>e),static:!0}),Fe=A.define({combine:l=>l.length?l[0]:void 0,static:!0}),Je=A.define(),Le=A.define(),Ve=A.define(),Ne=A.define({combine:l=>l.length?l[0]:!1});class V{constructor(e,t){this.type=e,this.value=t}static define(){return new De}}class De{of(e){return new V(this,e)}}class qe{constructor(e){this.map=e}of(e){return new S(this,e)}}class S{constructor(e,t){this.type=e,this.value=t}map(e){let t=this.type.map(this.value,e);return t===void 0?void 0:t==this.value?this:new S(this.type,t)}is(e){return this.type==e}static define(e={}){return new qe(e.map||(t=>t))}static mapEffects(e,t){if(!e.length)return e;let n=[];for(let i of e){let s=i.map(t);s&&n.push(s)}return n}}S.reconfigure=S.define(),S.appendConfig=S.define();class I{constructor(e,t,n,i,s,r){this.startState=e,this.changes=t,this.selection=n,this.effects=i,this.annotations=s,this.scrollIntoView=r,this._doc=null,this._state=null,n&&Ce(n,t.newLength),s.some(h=>h.type==I.time)||(this.annotations=s.concat(I.time.of(Date.now())))}static create(e,t,n,i,s,r){return new I(e,t,n,i,s,r)}get newDoc(){return this._doc||(this._doc=this.changes.apply(this.startState.doc))}get newSelection(){return this.selection||this.startState.selection.map(this.changes)}get state(){return this._state||this.startState.applyTransaction(this),this._state}annotation(e){for(let t of this.annotations)if(t.type==e)return t.value}get docChanged(){return!this.changes.empty}get reconfigured(){return this.startState.config!=this.state.config}isUserEvent(e){let t=this.annotation(I.userEvent);return!!(t&&(t==e||t.length>e.length&&t.slice(0,e.length)==e&&t[e.length]=="."))}}I.time=V.define(),I.userEvent=V.define(),I.addToHistory=V.define(),I.remote=V.define();function et(l,e){let t=[];for(let n=0,i=0;;){let s,r;if(n<l.length&&(i==e.length||e[i]>=l[n]))s=l[n++],r=l[n++];else if(i<e.length)s=e[i++],r=e[i++];else return t;!t.length||t[t.length-1]<s?t.push(s,r):t[t.length-1]<r&&(t[t.length-1]=r)}}function $e(l,e,t){var n;let i,s,r;return t?(i=e.changes,s=k.empty(e.changes.length),r=l.changes.compose(e.changes)):(i=e.changes.map(l.changes),s=l.changes.mapDesc(e.changes,!0),r=l.changes.compose(i)),{changes:r,selection:e.selection?e.selection.map(s):(n=l.selection)===null||n===void 0?void 0:n.map(i),effects:S.mapEffects(l.effects,i).concat(S.mapEffects(e.effects,s)),annotations:l.annotations.length?l.annotations.concat(e.annotations):e.annotations,scrollIntoView:l.scrollIntoView||e.scrollIntoView}}function de(l,e,t){let n=e.selection,i=N(e.annotations);return e.userEvent&&(i=i.concat(I.userEvent.of(e.userEvent))),{changes:e.changes instanceof k?e.changes:k.of(e.changes||[],t,l.facet(Fe)),selection:n&&(n instanceof g?n:g.single(n.anchor,n.head)),effects:N(e.effects),annotations:i,scrollIntoView:!!e.scrollIntoView}}function ze(l,e,t){let n=de(l,e.length?e[0]:{},l.doc.length);e.length&&e[0].filter===!1&&(t=!1);for(let s=1;s<e.length;s++){e[s].filter===!1&&(t=!1);let r=!!e[s].sequential;n=$e(n,de(l,e[s],r?n.changes.newLength:l.doc.length),r)}let i=I.create(l,n.changes,n.selection,n.effects,n.annotations,n.scrollIntoView);return nt(t?tt(i):i)}function tt(l){let e=l.startState,t=!0;for(let i of e.facet(Je)){let s=i(l);if(s===!1){t=!1;break}Array.isArray(s)&&(t=t===!0?s:et(t,s))}if(t!==!0){let i,s;if(t===!1)s=l.changes.invertedDesc,i=k.empty(e.doc.length);else{let r=l.changes.filter(t);i=r.changes,s=r.filtered.mapDesc(r.changes).invertedDesc}l=I.create(e,i,l.selection&&l.selection.map(s),S.mapEffects(l.effects,s),l.annotations,l.scrollIntoView)}let n=e.facet(Le);for(let i=n.length-1;i>=0;i--){let s=n[i](l);s instanceof I?l=s:Array.isArray(s)&&s.length==1&&s[0]instanceof I?l=s[0]:l=ze(e,N(s),!1)}return l}function nt(l){let e=l.startState,t=e.facet(Ve),n=l;for(let i=t.length-1;i>=0;i--){let s=t[i](l);s&&Object.keys(s).length&&(n=$e(n,de(e,s,l.changes.newLength),!0))}return n==l?l:I.create(e,l.changes,l.selection,n.effects,n.annotations,n.scrollIntoView)}const it=[];function N(l){return l==null?it:Array.isArray(l)?l:[l]}var M=function(l){return l[l.Word=0]="Word",l[l.Space=1]="Space",l[l.Other=2]="Other",l}(M||(M={}));const st=/[\u00df\u0587\u0590-\u05f4\u0600-\u06ff\u3040-\u309f\u30a0-\u30ff\u3400-\u4db5\u4e00-\u9fcc\uac00-\ud7af]/;let ge;try{ge=new RegExp("[\\p{Alphabetic}\\p{Number}_]","u")}catch{}function rt(l){if(ge)return ge.test(l);for(let e=0;e<l.length;e++){let t=l[e];if(/\w/.test(t)||t>"\x80"&&(t.toUpperCase()!=t.toLowerCase()||st.test(t)))return!0}return!1}function lt(l){return e=>{if(!/\S/.test(e))return M.Space;if(rt(e))return M.Word;for(let t=0;t<l.length;t++)if(e.indexOf(l[t])>-1)return M.Word;return M.Other}}class w{constructor(e,t,n,i,s,r){this.config=e,this.doc=t,this.selection=n,this.values=i,this.status=e.statusTemplate.slice(),this.computeSlot=s,r&&(r._state=this);for(let h=0;h<this.config.dynamicSlots.length;h++)U(this,h<<1);this.computeSlot=null}field(e,t=!0){let n=this.config.address[e.id];if(n==null){if(t)throw new RangeError("Field is not present in this state");return}return U(this,n),_(this,n)}update(...e){return ze(this,e,!0)}applyTransaction(e){let t=this.config,{base:n,compartments:i}=t;for(let h of e.effects)h.is(H.reconfigure)?(t&&(i=new Map,t.compartments.forEach((a,o)=>i.set(o,a)),t=null),i.set(h.value.compartment,h.value.extension)):h.is(S.reconfigure)?(t=null,n=h.value):h.is(S.appendConfig)&&(t=null,n=N(n).concat(h.value));let s;t?s=e.startState.values.slice():(t=ne.resolve(n,i,this),s=new w(t,this.doc,this.selection,t.dynamicSlots.map(()=>null),(a,o)=>o.reconfigure(a,this),null).values);let r=e.startState.facet(ce)?e.newSelection:e.newSelection.asSingle();new w(t,e.newDoc,r,s,(h,a)=>a.update(h,e),e)}replaceSelection(e){return typeof e=="string"&&(e=this.toText(e)),this.changeByRange(t=>({changes:{from:t.from,to:t.to,insert:e},range:g.cursor(t.from+e.length)}))}changeByRange(e){let t=this.selection,n=e(t.ranges[0]),i=this.changes(n.changes),s=[n.range],r=N(n.effects);for(let h=1;h<t.ranges.length;h++){let a=e(t.ranges[h]),o=this.changes(a.changes),f=o.map(i);for(let d=0;d<h;d++)s[d]=s[d].map(f);let u=i.mapDesc(o,!0);s.push(a.range.map(u)),i=i.compose(f),r=S.mapEffects(r,f).concat(S.mapEffects(N(a.effects),u))}return{changes:i,selection:g.create(s,t.mainIndex),effects:r}}changes(e=[]){return e instanceof k?e:k.of(e,this.doc.length,this.facet(w.lineSeparator))}toText(e){return v.of(e.split(this.facet(w.lineSeparator)||re))}sliceDoc(e=0,t=this.doc.length){return this.doc.sliceString(e,t,this.lineBreak)}facet(e){let t=this.config.address[e.id];return t==null?e.default:(U(this,t),_(this,t))}toJSON(e){let t={doc:this.sliceDoc(),selection:this.selection.toJSON()};if(e)for(let n in e){let i=e[n];i instanceof F&&this.config.address[i.id]!=null&&(t[n]=i.spec.toJSON(this.field(e[n]),this))}return t}static fromJSON(e,t={},n){if(!e||typeof e.doc!="string")throw new RangeError("Invalid JSON representation for EditorState");let i=[];if(n){for(let s in n)if(Object.prototype.hasOwnProperty.call(e,s)){let r=n[s],h=e[s];i.push(r.init(a=>r.spec.fromJSON(h,a)))}}return w.create({doc:e.doc,selection:g.fromJSON(e.selection),extensions:t.extensions?i.concat([t.extensions]):i})}static create(e={}){let t=ne.resolve(e.extensions||[],new Map),n=e.doc instanceof v?e.doc:v.of((e.doc||"").split(t.staticFacet(w.lineSeparator)||re)),i=e.selection?e.selection instanceof g?e.selection:g.single(e.selection.anchor,e.selection.head):g.single(0);return Ce(i,n.length),t.staticFacet(ce)||(i=i.asSingle()),new w(t,n,i,t.dynamicSlots.map(()=>null),(s,r)=>r.create(s),null)}get tabSize(){return this.facet(w.tabSize)}get lineBreak(){return this.facet(w.lineSeparator)||`
+`}get readOnly(){return this.facet(Ne)}phrase(e,...t){for(let n of this.facet(w.phrases))if(Object.prototype.hasOwnProperty.call(n,e)){e=n[e];break}return t.length&&(e=e.replace(/\$(\$|\d*)/g,(n,i)=>{if(i=="$")return"$";let s=+(i||1);return!s||s>t.length?n:t[s-1]})),e}languageDataAt(e,t,n=-1){let i=[];for(let s of this.facet(Be))for(let r of s(this,t,n))Object.prototype.hasOwnProperty.call(r,e)&&i.push(r[e]);return i}charCategorizer(e){return lt(this.languageDataAt("wordChars",e).join(""))}wordAt(e){let{text:t,from:n,length:i}=this.doc.lineAt(e),s=this.charCategorizer(e),r=e-n,h=e-n;for(;r>0;){let a=$(t,r,!1);if(s(t.slice(a,r))!=M.Word)break;r=a}for(;h<i;){let a=$(t,h);if(s(t.slice(h,a))!=M.Word)break;h=a}return r==h?null:g.range(r+n,h+n)}}w.allowMultipleSelections=ce,w.tabSize=A.define({combine:l=>l.length?l[0]:4}),w.lineSeparator=Fe,w.readOnly=Ne,w.phrases=A.define({compare(l,e){let t=Object.keys(l),n=Object.keys(e);return t.length==n.length&&t.every(i=>l[i]==e[i])}}),w.languageData=Be,w.changeFilter=Je,w.transactionFilter=Le,w.transactionExtender=Ve,H.reconfigure=S.define();function ht(l,e,t={}){let n={};for(let i of l)for(let s of Object.keys(i)){let r=i[s],h=n[s];if(h===void 0)n[s]=r;else if(!(h===r||r===void 0))if(Object.hasOwnProperty.call(t,s))n[s]=t[s](h,r);else throw new Error("Config merge conflict for field "+s)}for(let i in e)n[i]===void 0&&(n[i]=e[i]);return n}class j{eq(e){return this==e}range(e,t=e){return D.create(e,t,this)}}j.prototype.startSide=j.prototype.endSide=0,j.prototype.point=!1,j.prototype.mapMode=C.TrackDel;class D{constructor(e,t,n){this.from=e,this.to=t,this.value=n}static create(e,t,n){return new D(e,t,n)}}function pe(l,e){return l.from-e.from||l.value.startSide-e.value.startSide}class ve{constructor(e,t,n,i){this.from=e,this.to=t,this.value=n,this.maxPoint=i}get length(){return this.to[this.to.length-1]}findIndex(e,t,n,i=0){let s=n?this.to:this.from;for(let r=i,h=s.length;;){if(r==h)return r;let a=r+h>>1,o=s[a]-e||(n?this.value[a].endSide:this.value[a].startSide)-t;if(a==r)return o>=0?r:h;o>=0?h=a:r=a+1}}between(e,t,n,i){for(let s=this.findIndex(t,-1e9,!0),r=this.findIndex(n,1e9,!1,s);s<r;s++)if(i(this.from[s]+e,this.to[s]+e,this.value[s])===!1)return!1}map(e,t){let n=[],i=[],s=[],r=-1,h=-1;for(let a=0;a<this.value.length;a++){let o=this.value[a],f=this.from[a]+e,u=this.to[a]+e,d,c;if(f==u){let p=t.mapPos(f,o.startSide,o.mapMode);if(p==null||(d=c=p,o.startSide!=o.endSide&&(c=t.mapPos(f,o.endSide),c<d)))continue}else if(d=t.mapPos(f,o.startSide),c=t.mapPos(u,o.endSide),d>c||d==c&&o.startSide>0&&o.endSide<=0)continue;(c-d||o.endSide-o.startSide)<0||(r<0&&(r=d),o.point&&(h=Math.max(h,c-d)),n.push(o),i.push(d-r),s.push(c-r))}return{mapped:n.length?new ve(i,s,n,h):null,pos:r}}}class P{constructor(e,t,n,i){this.chunkPos=e,this.chunk=t,this.nextLayer=n,this.maxPoint=i}static create(e,t,n,i){return new P(e,t,n,i)}get length(){let e=this.chunk.length-1;return e<0?0:Math.max(this.chunkEnd(e),this.nextLayer.length)}get size(){if(this.isEmpty)return 0;let e=this.nextLayer.size;for(let t of this.chunk)e+=t.value.length;return e}chunkEnd(e){return this.chunkPos[e]+this.chunk[e].length}update(e){let{add:t=[],sort:n=!1,filterFrom:i=0,filterTo:s=this.length}=e,r=e.filter;if(t.length==0&&!r)return this;if(n&&(t=t.slice().sort(pe)),this.isEmpty)return t.length?P.of(t):this;let h=new Ue(this,null,-1).goto(0),a=0,o=[],f=new Z;for(;h.value||a<t.length;)if(a<t.length&&(h.from-t[a].from||h.startSide-t[a].value.startSide)>=0){let u=t[a++];f.addInner(u.from,u.to,u.value)||o.push(u)}else h.rangeIndex==1&&h.chunkIndex<this.chunk.length&&(a==t.length||this.chunkEnd(h.chunkIndex)<t[a].from)&&(!r||i>this.chunkEnd(h.chunkIndex)||s<this.chunkPos[h.chunkIndex])&&f.addChunk(this.chunkPos[h.chunkIndex],this.chunk[h.chunkIndex])?h.nextChunk():((!r||i>h.to||s<h.from||r(h.from,h.to,h.value))&&(f.addInner(h.from,h.to,h.value)||o.push(D.create(h.from,h.to,h.value))),h.next());return f.finishInner(this.nextLayer.isEmpty&&!o.length?P.empty:this.nextLayer.update({add:o,filter:r,filterFrom:i,filterTo:s}))}map(e){if(e.empty||this.isEmpty)return this;let t=[],n=[],i=-1;for(let r=0;r<this.chunk.length;r++){let h=this.chunkPos[r],a=this.chunk[r],o=e.touchesRange(h,h+a.length);if(o===!1)i=Math.max(i,a.maxPoint),t.push(a),n.push(e.mapPos(h));else if(o===!0){let{mapped:f,pos:u}=a.map(h,e);f&&(i=Math.max(i,f.maxPoint),t.push(f),n.push(u))}}let s=this.nextLayer.map(e);return t.length==0?s:new P(n,t,s||P.empty,i)}between(e,t,n){if(!this.isEmpty){for(let i=0;i<this.chunk.length;i++){let s=this.chunkPos[i],r=this.chunk[i];if(t>=s&&e<=s+r.length&&r.between(s,e-s,t-s,n)===!1)return}this.nextLayer.between(e,t,n)}}iter(e=0){return K.from([this]).goto(e)}get isEmpty(){return this.nextLayer==this}static iter(e,t=0){return K.from(e).goto(t)}static compare(e,t,n,i,s=-1){let r=e.filter(u=>u.maxPoint>0||!u.isEmpty&&u.maxPoint>=s),h=t.filter(u=>u.maxPoint>0||!u.isEmpty&&u.maxPoint>=s),a=We(r,h,n),o=new G(r,a,s),f=new G(h,a,s);n.iterGaps((u,d,c)=>je(o,u,f,d,c,i)),n.empty&&n.length==0&&je(o,0,f,0,0,i)}static eq(e,t,n=0,i){i==null&&(i=999999999);let s=e.filter(f=>!f.isEmpty&&t.indexOf(f)<0),r=t.filter(f=>!f.isEmpty&&e.indexOf(f)<0);if(s.length!=r.length)return!1;if(!s.length)return!0;let h=We(s,r),a=new G(s,h,0).goto(n),o=new G(r,h,0).goto(n);for(;;){if(a.to!=o.to||!we(a.active,o.active)||a.point&&(!o.point||!a.point.eq(o.point)))return!1;if(a.to>i)return!0;a.next(),o.next()}}static spans(e,t,n,i,s=-1){let r=new G(e,null,s).goto(t),h=t,a=r.openStart;for(;;){let o=Math.min(r.to,n);if(r.point){let f=r.activeForPoint(r.to),u=r.pointFrom<t?f.length+1:r.point.startSide<0?f.length:Math.min(f.length,a);i.point(h,o,r.point,f,u,r.pointRank),a=Math.min(r.openEnd(o),f.length)}else o>h&&(i.span(h,o,r.active,a),a=r.openEnd(o));if(r.to>n)return a+(r.point&&r.to>n?1:0);h=r.to,r.next()}}static of(e,t=!1){let n=new Z;for(let i of e instanceof D?[e]:t?at(e):e)n.add(i.from,i.to,i.value);return n.finish()}static join(e){if(!e.length)return P.empty;let t=e[e.length-1];for(let n=e.length-2;n>=0;n--)for(let i=e[n];i!=P.empty;i=i.nextLayer)t=new P(i.chunkPos,i.chunk,t,Math.max(i.maxPoint,t.maxPoint));return t}}P.empty=new P([],[],null,-1);function at(l){if(l.length>1)for(let e=l[0],t=1;t<l.length;t++){let n=l[t];if(pe(e,n)>0)return l.slice().sort(pe);e=n}return l}P.empty.nextLayer=P.empty;class Z{finishChunk(e){this.chunks.push(new ve(this.from,this.to,this.value,this.maxPoint)),this.chunkPos.push(this.chunkStart),this.chunkStart=-1,this.setMaxPoint=Math.max(this.setMaxPoint,this.maxPoint),this.maxPoint=-1,e&&(this.from=[],this.to=[],this.value=[])}constructor(){this.chunks=[],this.chunkPos=[],this.chunkStart=-1,this.last=null,this.lastFrom=-1e9,this.lastTo=-1e9,this.from=[],this.to=[],this.value=[],this.maxPoint=-1,this.setMaxPoint=-1,this.nextLayer=null}add(e,t,n){this.addInner(e,t,n)||(this.nextLayer||(this.nextLayer=new Z)).add(e,t,n)}addInner(e,t,n){let i=e-this.lastTo||n.startSide-this.last.endSide;if(i<=0&&(e-this.lastFrom||n.startSide-this.last.startSide)<0)throw new Error("Ranges must be added sorted by `from` position and `startSide`");return i<0?!1:(this.from.length==250&&this.finishChunk(!0),this.chunkStart<0&&(this.chunkStart=e),this.from.push(e-this.chunkStart),this.to.push(t-this.chunkStart),this.last=n,this.lastFrom=e,this.lastTo=t,this.value.push(n),n.point&&(this.maxPoint=Math.max(this.maxPoint,t-e)),!0)}addChunk(e,t){if((e-this.lastTo||t.value[0].startSide-this.last.endSide)<0)return!1;this.from.length&&this.finishChunk(!0),this.setMaxPoint=Math.max(this.setMaxPoint,t.maxPoint),this.chunks.push(t),this.chunkPos.push(e);let n=t.value.length-1;return this.last=t.value[n],this.lastFrom=t.from[n]+e,this.lastTo=t.to[n]+e,!0}finish(){return this.finishInner(P.empty)}finishInner(e){if(this.from.length&&this.finishChunk(!1),this.chunks.length==0)return e;let t=P.create(this.chunkPos,this.chunks,this.nextLayer?this.nextLayer.finishInner(e):e,this.setMaxPoint);return this.from=null,t}}function We(l,e,t){let n=new Map;for(let s of l)for(let r=0;r<s.chunk.length;r++)s.chunk[r].maxPoint<=0&&n.set(s.chunk[r],s.chunkPos[r]);let i=new Set;for(let s of e)for(let r=0;r<s.chunk.length;r++){let h=n.get(s.chunk[r]);h!=null&&(t?t.mapPos(h):h)==s.chunkPos[r]&&!t?.touchesRange(h,h+s.chunk[r].length)&&i.add(s.chunk[r])}return i}class Ue{constructor(e,t,n,i=0){this.layer=e,this.skip=t,this.minPoint=n,this.rank=i}get startSide(){return this.value?this.value.startSide:0}get endSide(){return this.value?this.value.endSide:0}goto(e,t=-1e9){return this.chunkIndex=this.rangeIndex=0,this.gotoInner(e,t,!1),this}gotoInner(e,t,n){for(;this.chunkIndex<this.layer.chunk.length;){let i=this.layer.chunk[this.chunkIndex];if(!(this.skip&&this.skip.has(i)||this.layer.chunkEnd(this.chunkIndex)<e||i.maxPoint<this.minPoint))break;this.chunkIndex++,n=!1}if(this.chunkIndex<this.layer.chunk.length){let i=this.layer.chunk[this.chunkIndex].findIndex(e-this.layer.chunkPos[this.chunkIndex],t,!0);(!n||this.rangeIndex<i)&&this.setRangeIndex(i)}this.next()}forward(e,t){(this.to-e||this.endSide-t)<0&&this.gotoInner(e,t,!0)}next(){for(;;)if(this.chunkIndex==this.layer.chunk.length){this.from=this.to=1e9,this.value=null;break}else{let e=this.layer.chunkPos[this.chunkIndex],t=this.layer.chunk[this.chunkIndex],n=e+t.from[this.rangeIndex];if(this.from=n,this.to=e+t.to[this.rangeIndex],this.value=t.value[this.rangeIndex],this.setRangeIndex(this.rangeIndex+1),this.minPoint<0||this.value.point&&this.to-this.from>=this.minPoint)break}}setRangeIndex(e){if(e==this.layer.chunk[this.chunkIndex].value.length){if(this.chunkIndex++,this.skip)for(;this.chunkIndex<this.layer.chunk.length&&this.skip.has(this.layer.chunk[this.chunkIndex]);)this.chunkIndex++;this.rangeIndex=0}else this.rangeIndex=e}nextChunk(){this.chunkIndex++,this.rangeIndex=0,this.next()}compare(e){return this.from-e.from||this.startSide-e.startSide||this.rank-e.rank||this.to-e.to||this.endSide-e.endSide}}class K{constructor(e){this.heap=e}static from(e,t=null,n=-1){let i=[];for(let s=0;s<e.length;s++)for(let r=e[s];!r.isEmpty;r=r.nextLayer)r.maxPoint>=n&&i.push(new Ue(r,t,n,s));return i.length==1?i[0]:new K(i)}get startSide(){return this.value?this.value.startSide:0}goto(e,t=-1e9){for(let n of this.heap)n.goto(e,t);for(let n=this.heap.length>>1;n>=0;n--)me(this.heap,n);return this.next(),this}forward(e,t){for(let n of this.heap)n.forward(e,t);for(let n=this.heap.length>>1;n>=0;n--)me(this.heap,n);(this.to-e||this.value.endSide-t)<0&&this.next()}next(){if(this.heap.length==0)this.from=this.to=1e9,this.value=null,this.rank=-1;else{let e=this.heap[0];this.from=e.from,this.to=e.to,this.value=e.value,this.rank=e.rank,e.value&&e.next(),me(this.heap,0)}}}function me(l,e){for(let t=l[e];;){let n=(e<<1)+1;if(n>=l.length)break;let i=l[n];if(n+1<l.length&&i.compare(l[n+1])>=0&&(i=l[n+1],n++),t.compare(i)<0)break;l[n]=t,l[e]=i,e=n}}class G{constructor(e,t,n){this.minPoint=n,this.active=[],this.activeTo=[],this.activeRank=[],this.minActive=-1,this.point=null,this.pointFrom=0,this.pointRank=0,this.to=-1e9,this.endSide=0,this.openStart=-1,this.cursor=K.from(e,t,n)}goto(e,t=-1e9){return this.cursor.goto(e,t),this.active.length=this.activeTo.length=this.activeRank.length=0,this.minActive=-1,this.to=e,this.endSide=t,this.openStart=-1,this.next(),this}forward(e,t){for(;this.minActive>-1&&(this.activeTo[this.minActive]-e||this.active[this.minActive].endSide-t)<0;)this.removeActive(this.minActive);this.cursor.forward(e,t)}removeActive(e){ee(this.active,e),ee(this.activeTo,e),ee(this.activeRank,e),this.minActive=Ge(this.active,this.activeTo)}addActive(e){let t=0,{value:n,to:i,rank:s}=this.cursor;for(;t<this.activeRank.length&&(s-this.activeRank[t]||i-this.activeTo[t])>0;)t++;te(this.active,t,n),te(this.activeTo,t,i),te(this.activeRank,t,s),e&&te(e,t,this.cursor.from),this.minActive=Ge(this.active,this.activeTo)}next(){let e=this.to,t=this.point;this.point=null;let n=this.openStart<0?[]:null;for(;;){let i=this.minActive;if(i>-1&&(this.activeTo[i]-this.cursor.from||this.active[i].endSide-this.cursor.startSide)<0){if(this.activeTo[i]>e){this.to=this.activeTo[i],this.endSide=this.active[i].endSide;break}this.removeActive(i),n&&ee(n,i)}else if(this.cursor.value)if(this.cursor.from>e){this.to=this.cursor.from,this.endSide=this.cursor.startSide;break}else{let s=this.cursor.value;if(!s.point)this.addActive(n),this.cursor.next();else if(t&&this.cursor.to==this.to&&this.cursor.from<this.cursor.to)this.cursor.next();else{this.point=s,this.pointFrom=this.cursor.from,this.pointRank=this.cursor.rank,this.to=this.cursor.to,this.endSide=s.endSide,this.cursor.next(),this.forward(this.to,this.endSide);break}}else{this.to=this.endSide=1e9;break}}if(n){this.openStart=0;for(let i=n.length-1;i>=0&&n[i]<e;i--)this.openStart++}}activeForPoint(e){if(!this.active.length)return this.active;let t=[];for(let n=this.active.length-1;n>=0&&!(this.activeRank[n]<this.pointRank);n--)(this.activeTo[n]>e||this.activeTo[n]==e&&this.active[n].endSide>=this.point.endSide)&&t.push(this.active[n]);return t.reverse()}openEnd(e){let t=0;for(let n=this.activeTo.length-1;n>=0&&this.activeTo[n]>e;n--)t++;return t}}function je(l,e,t,n,i,s){l.goto(e),t.goto(n);let r=n+i,h=n,a=n-e;for(;;){let o=l.to+a-t.to||l.endSide-t.endSide,f=o<0?l.to+a:t.to,u=Math.min(f,r);if(l.point||t.point?l.point&&t.point&&(l.point==t.point||l.point.eq(t.point))&&we(l.activeForPoint(l.to),t.activeForPoint(t.to))||s.comparePoint(h,u,l.point,t.point):u>h&&!we(l.active,t.active)&&s.compareRange(h,u,l.active,t.active),f>r)break;h=f,o<=0&&l.next(),o>=0&&t.next()}}function we(l,e){if(l.length!=e.length)return!1;for(let t=0;t<l.length;t++)if(l[t]!=e[t]&&!l[t].eq(e[t]))return!1;return!0}function ee(l,e){for(let t=e,n=l.length-1;t<n;t++)l[t]=l[t+1];l.pop()}function te(l,e,t){for(let n=l.length-1;n>=e;n--)l[n+1]=l[n];l[e]=t}function Ge(l,e){let t=-1,n=1e9;for(let i=0;i<e.length;i++)(e[i]-n||l[i].endSide-l[t].endSide)<0&&(t=i,n=e[i]);return t}function ot(l,e,t=l.length){let n=0;for(let i=0;i<t;)l.charCodeAt(i)==9?(n+=e-n%e,i++):(n++,i=$(l,i));return n}function ft(l,e,t,n){for(let i=0,s=0;;){if(s>=e)return i;if(i==l.length)break;s+=l.charCodeAt(i)==9?t-s%t:1,i=$(l,i)}return n===!0?-1:l.length}export{V as Annotation,De as AnnotationType,O as ChangeDesc,k as ChangeSet,M as CharCategory,H as Compartment,g as EditorSelection,w as EditorState,A as Facet,Se as Line,C as MapMode,Ye as Prec,D as Range,P as RangeSet,Z as RangeSetBuilder,j as RangeValue,T as SelectionRange,S as StateEffect,qe as StateEffectType,F as StateField,v as Text,I as Transaction,X as codePointAt,se as codePointSize,ht as combineConfig,ot as countColumn,$ as findClusterBreak,ft as findColumn,Qe as fromCodePoint};
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/theme-one-dark.js b/Resources/Public/JavaScript/Contrib/@codemirror/theme-one-dark.js
new file mode 100644
index 0000000..99fa652
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/theme-one-dark.js
@@ -0,0 +1 @@
+import{EditorView as C}from"@codemirror/view";import{HighlightStyle as y,syntaxHighlighting as B}from"@codemirror/language";import{tags as o}from"@lezer/highlight";const d="#e5c07b",c="#e06c75",m="#56b6c2",g="#ffffff",r="#abb2bf",e="#7d8799",s="#61afef",b="#98c379",a="#d19a66",p="#c678dd",f="#21252b",l="#2c313a",n="#282c34",t="#353a42",u="#3E4451",i="#528bff",v={chalky:d,coral:c,cyan:m,invalid:g,ivory:r,stone:e,malibu:s,sage:b,whiskey:a,violet:p,darkBackground:f,highlightBackground:l,background:n,tooltipBackground:t,selection:u,cursor:i},k=C.theme({"&":{color:r,backgroundColor:n},".cm-content":{caretColor:i},".cm-cursor, .cm-dropCursor":{borderLeftColor:i},"&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection":{backgroundColor:u},".cm-panels":{backgroundColor:f,color:r},".cm-panels.cm-panels-top":{borderBottom:"2px solid black"},".cm-panels.cm-panels-bottom":{borderTop:"2px solid black"},".cm-searchMatch":{backgroundColor:"#72a1ff59",outline:"1px solid #457dff"},".cm-searchMatch.cm-searchMatch-selected":{backgroundColor:"#6199ff2f"},".cm-activeLine":{backgroundColor:"#6699ff0b"},".cm-selectionMatch":{backgroundColor:"#aafe661a"},"&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket":{backgroundColor:"#bad0f847"},".cm-gutters":{backgroundColor:n,color:e,border:"none"},".cm-activeLineGutter":{backgroundColor:l},".cm-foldPlaceholder":{backgroundColor:"transparent",border:"none",color:"#ddd"},".cm-tooltip":{border:"none",backgroundColor:t},".cm-tooltip .cm-tooltip-arrow:before":{borderTopColor:"transparent",borderBottomColor:"transparent"},".cm-tooltip .cm-tooltip-arrow:after":{borderTopColor:t,borderBottomColor:t},".cm-tooltip-autocomplete":{"& > ul > li[aria-selected]":{backgroundColor:l,color:r}}},{dark:!0}),h=y.define([{tag:o.keyword,color:p},{tag:[o.name,o.deleted,o.character,o.propertyName,o.macroName],color:c},{tag:[o.function(o.variableName),o.labelName],color:s},{tag:[o.color,o.constant(o.name),o.standard(o.name)],color:a},{tag:[o.definition(o.name),o.separator],color:r},{tag:[o.typeName,o.className,o.number,o.changed,o.annotation,o.modifier,o.self,o.namespace],color:d},{tag:[o.operator,o.operatorKeyword,o.url,o.escape,o.regexp,o.link,o.special(o.string)],color:m},{tag:[o.meta,o.comment],color:e},{tag:o.strong,fontWeight:"bold"},{tag:o.emphasis,fontStyle:"italic"},{tag:o.strikethrough,textDecoration:"line-through"},{tag:o.link,color:e,textDecoration:"underline"},{tag:o.heading,fontWeight:"bold",color:c},{tag:[o.atom,o.bool,o.special(o.variableName)],color:a},{tag:[o.processingInstruction,o.string,o.inserted],color:b},{tag:o.invalid,color:g}]),x=[k,B(h)];export{v as color,x as oneDark,h as oneDarkHighlightStyle,k as oneDarkTheme};
diff --git a/Resources/Public/JavaScript/Contrib/@codemirror/view.js b/Resources/Public/JavaScript/Contrib/@codemirror/view.js
new file mode 100644
index 0000000..5d52d94
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@codemirror/view.js
@@ -0,0 +1,5 @@
+import{Text as Y,RangeSet as V,MapMode as yt,RangeValue as xi,findClusterBreak as wt,EditorSelection as M,Facet as k,StateEffect as xt,ChangeSet as vi,findColumn as ke,CharCategory as Ln,EditorState as Lt,Annotation as Bn,Transaction as Pn,Prec as Ae,codePointAt as Si,codePointSize as Hn,combineConfig as De,StateField as Ci,RangeSetBuilder as Nn,countColumn as Mi}from"@codemirror/state";import{StyleModule as vt}from"style-mod";import{keyName as Vn,base as Fn,shift as Wn}from"w3c-keyname";function Bt(n){let t;return n.nodeType==11?t=n.getSelection?n:n.ownerDocument:t=n,t.getSelection()}function Oe(n,t){return t?n==t||n.contains(t.nodeType!=1?t.parentNode:t):!1}function zn(n){let t=n.activeElement;for(;t&&t.shadowRoot;)t=t.shadowRoot.activeElement;return t}function Zt(n,t){if(!t.anchorNode)return!1;try{return Oe(n,t.anchorNode)}catch{return!1}}function St(n){return n.nodeType==3?ut(n,0,n.nodeValue.length).getClientRects():n.nodeType==1?n.getClientRects():[]}function Pt(n,t,e,i){return e?ki(n,t,e,i,-1)||ki(n,t,e,i,1):!1}function dt(n){for(var t=0;;t++)if(n=n.previousSibling,!n)return t}function te(n){return n.nodeType==1&&/^(DIV|P|LI|UL|OL|BLOCKQUOTE|DD|DT|H\d|SECTION|PRE)$/.test(n.nodeName)}function ki(n,t,e,i,s){for(;;){if(n==e&&t==i)return!0;if(t==(s<0?0:Z(n))){if(n.nodeName=="DIV")return!1;let o=n.parentNode;if(!o||o.nodeType!=1)return!1;t=dt(n)+(s<0?0:1),n=o}else if(n.nodeType==1){if(n=n.childNodes[t+(s<0?-1:0)],n.nodeType==1&&n.contentEditable=="false")return!1;t=s<0?Z(n):0}else return!1}}function Z(n){return n.nodeType==3?n.nodeValue.length:n.childNodes.length}function Ht(n,t){let e=t?n.left:n.right;return{left:e,right:e,top:n.top,bottom:n.bottom}}function In(n){let t=n.visualViewport;return t?{left:0,right:t.width,top:0,bottom:t.height}:{left:0,right:n.innerWidth,top:0,bottom:n.innerHeight}}function Ai(n,t){let e=t.width/n.offsetWidth,i=t.height/n.offsetHeight;return(e>.995&&e<1.005||!isFinite(e)||Math.abs(t.width-n.offsetWidth)<1)&&(e=1),(i>.995&&i<1.005||!isFinite(i)||Math.abs(t.height-n.offsetHeight)<1)&&(i=1),{scaleX:e,scaleY:i}}function Kn(n,t,e,i,s,o,r,l){let h=n.ownerDocument,c=h.defaultView||window;for(let a=n,f=!1;a&&!f;)if(a.nodeType==1){let d,u=a==h.body,g=1,p=1;if(u)d=In(c);else{if(/^(fixed|sticky)$/.test(getComputedStyle(a).position)&&(f=!0),a.scrollHeight<=a.clientHeight&&a.scrollWidth<=a.clientWidth){a=a.assignedSlot||a.parentNode;continue}let w=a.getBoundingClientRect();({scaleX:g,scaleY:p}=Ai(a,w)),d={left:w.left,right:w.left+a.clientWidth*g,top:w.top,bottom:w.top+a.clientHeight*p}}let b=0,m=0;if(s=="nearest")t.top<d.top?(m=-(d.top-t.top+r),e>0&&t.bottom>d.bottom+m&&(m=t.bottom-d.bottom+m+r)):t.bottom>d.bottom&&(m=t.bottom-d.bottom+r,e<0&&t.top-m<d.top&&(m=-(d.top+m-t.top+r)));else{let w=t.bottom-t.top,v=d.bottom-d.top;m=(s=="center"&&w<=v?t.top+w/2-v/2:s=="start"||s=="center"&&e<0?t.top-r:t.bottom-v+r)-d.top}if(i=="nearest"?t.left<d.left?(b=-(d.left-t.left+o),e>0&&t.right>d.right+b&&(b=t.right-d.right+b+o)):t.right>d.right&&(b=t.right-d.right+o,e<0&&t.left<d.left+b&&(b=-(d.left+b-t.left+o))):b=(i=="center"?t.left+(t.right-t.left)/2-(d.right-d.left)/2:i=="start"==l?t.left-o:t.right-(d.right-d.left)+o)-d.left,b||m)if(u)c.scrollBy(b,m);else{let w=0,v=0;if(m){let x=a.scrollTop;a.scrollTop+=m/p,v=(a.scrollTop-x)*p}if(b){let x=a.scrollLeft;a.scrollLeft+=b/g,w=(a.scrollLeft-x)*g}t={left:t.left-w,top:t.top-v,right:t.right-w,bottom:t.bottom-v},w&&Math.abs(w-b)<1&&(i="nearest"),v&&Math.abs(v-m)<1&&(s="nearest")}if(u)break;a=a.assignedSlot||a.parentNode}else if(a.nodeType==11)a=a.host;else break}function qn(n){let t=n.ownerDocument,e,i;for(let s=n.parentNode;s&&!(s==t.body||e&&i);)if(s.nodeType==1)!i&&s.scrollHeight>s.clientHeight&&(i=s),!e&&s.scrollWidth>s.clientWidth&&(e=s),s=s.assignedSlot||s.parentNode;else if(s.nodeType==11)s=s.host;else break;return{x:e,y:i}}class jn{constructor(){this.anchorNode=null,this.anchorOffset=0,this.focusNode=null,this.focusOffset=0}eq(t){return this.anchorNode==t.anchorNode&&this.anchorOffset==t.anchorOffset&&this.focusNode==t.focusNode&&this.focusOffset==t.focusOffset}setRange(t){let{anchorNode:e,focusNode:i}=t;this.set(e,Math.min(t.anchorOffset,e?Z(e):0),i,Math.min(t.focusOffset,i?Z(i):0))}set(t,e,i,s){this.anchorNode=t,this.anchorOffset=e,this.focusNode=i,this.focusOffset=s}}let Ct=null;function Di(n){if(n.setActive)return n.setActive();if(Ct)return n.focus(Ct);let t=[];for(let e=n;e&&(t.push(e,e.scrollTop,e.scrollLeft),e!=e.ownerDocument);e=e.parentNode);if(n.focus(Ct==null?{get preventScroll(){return Ct={preventScroll:!0},!0}}:void 0),!Ct){Ct=!1;for(let e=0;e<t.length;){let i=t[e++],s=t[e++],o=t[e++];i.scrollTop!=s&&(i.scrollTop=s),i.scrollLeft!=o&&(i.scrollLeft=o)}}}let Oi;function ut(n,t,e=t){let i=Oi||(Oi=document.createRange());return i.setEnd(n,e),i.setStart(n,t),i}function Mt(n,t,e,i){let s={key:t,code:t,keyCode:e,which:e,cancelable:!0};i&&({altKey:s.altKey,ctrlKey:s.ctrlKey,shiftKey:s.shiftKey,metaKey:s.metaKey}=i);let o=new KeyboardEvent("keydown",s);o.synthetic=!0,n.dispatchEvent(o);let r=new KeyboardEvent("keyup",s);return r.synthetic=!0,n.dispatchEvent(r),o.defaultPrevented||r.defaultPrevented}function Yn(n){for(;n;){if(n&&(n.nodeType==9||n.nodeType==11&&n.host))return n;n=n.assignedSlot||n.parentNode}return null}function Ti(n){for(;n.attributes.length;)n.removeAttributeNode(n.attributes[0])}function _n(n,t){let e=t.focusNode,i=t.focusOffset;if(!e||t.anchorNode!=e||t.anchorOffset!=i)return!1;for(i=Math.min(i,Z(e));;)if(i){if(e.nodeType!=1)return!1;let s=e.childNodes[i-1];s.contentEditable=="false"?i--:(e=s,i=Z(e))}else{if(e==n)return!0;i=dt(e),e=e.parentNode}}function Ri(n){return n.scrollTop>Math.max(1,n.scrollHeight-n.clientHeight-4)}function Ei(n,t){for(let e=n,i=t;;){if(e.nodeType==3&&i>0)return{node:e,offset:i};if(e.nodeType==1&&i>0){if(e.contentEditable=="false")return null;e=e.childNodes[i-1],i=Z(e)}else if(e.parentNode&&!te(e))i=dt(e),e=e.parentNode;else return null}}function Li(n,t){for(let e=n,i=t;;){if(e.nodeType==3&&i<e.nodeValue.length)return{node:e,offset:i};if(e.nodeType==1&&i<e.childNodes.length){if(e.contentEditable=="false")return null;e=e.childNodes[i],i=0}else if(e.parentNode&&!te(e))i=dt(e)+1,e=e.parentNode;else return null}}class W{constructor(t,e,i=!0){this.node=t,this.offset=e,this.precise=i}static before(t,e){return new W(t.parentNode,dt(t),e)}static after(t,e){return new W(t.parentNode,dt(t)+1,e)}}const Te=[];class O{constructor(){this.parent=null,this.dom=null,this.flags=2}get overrideDOMText(){return null}get posAtStart(){return this.parent?this.parent.posBefore(this):0}get posAtEnd(){return this.posAtStart+this.length}posBefore(t){let e=this.posAtStart;for(let i of this.children){if(i==t)return e;e+=i.length+i.breakAfter}throw new RangeError("Invalid child in posBefore")}posAfter(t){return this.posBefore(t)+t.length}sync(t,e){if(this.flags&2){let i=this.dom,s=null,o;for(let r of this.children){if(r.flags&7){if(!r.dom&&(o=s?s.nextSibling:i.firstChild)){let l=O.get(o);(!l||!l.parent&&l.canReuseDOM(r))&&r.reuseDOM(o)}r.sync(t,e),r.flags&=-8}if(o=s?s.nextSibling:i.firstChild,e&&!e.written&&e.node==i&&o!=r.dom&&(e.written=!0),r.dom.parentNode==i)for(;o&&o!=r.dom;)o=Bi(o);else i.insertBefore(r.dom,o);s=r.dom}for(o=s?s.nextSibling:i.firstChild,o&&e&&e.node==i&&(e.written=!0);o;)o=Bi(o)}else if(this.flags&1)for(let i of this.children)i.flags&7&&(i.sync(t,e),i.flags&=-8)}reuseDOM(t){}localPosFromDOM(t,e){let i;if(t==this.dom)i=this.dom.childNodes[e];else{let s=Z(t)==0?0:e==0?-1:1;for(;;){let o=t.parentNode;if(o==this.dom)break;s==0&&o.firstChild!=o.lastChild&&(t==o.firstChild?s=-1:s=1),t=o}s<0?i=t:i=t.nextSibling}if(i==this.dom.firstChild)return 0;for(;i&&!O.get(i);)i=i.nextSibling;if(!i)return this.length;for(let s=0,o=0;;s++){let r=this.children[s];if(r.dom==i)return o;o+=r.length+r.breakAfter}}domBoundsAround(t,e,i=0){let s=-1,o=-1,r=-1,l=-1;for(let h=0,c=i,a=i;h<this.children.length;h++){let f=this.children[h],d=c+f.length;if(c<t&&d>e)return f.domBoundsAround(t,e,c);if(d>=t&&s==-1&&(s=h,o=c),c>e&&f.dom.parentNode==this.dom){r=h,l=a;break}a=d,c=d+f.breakAfter}return{from:o,to:l<0?i+this.length:l,startDOM:(s?this.children[s-1].dom.nextSibling:null)||this.dom.firstChild,endDOM:r<this.children.length&&r>=0?this.children[r].dom:null}}markDirty(t=!1){this.flags|=2,this.markParentsDirty(t)}markParentsDirty(t){for(let e=this.parent;e;e=e.parent){if(t&&(e.flags|=2),e.flags&1)return;e.flags|=1,t=!1}}setParent(t){this.parent!=t&&(this.parent=t,this.flags&7&&this.markParentsDirty(!0))}setDOM(t){this.dom!=t&&(this.dom&&(this.dom.cmView=null),this.dom=t,t.cmView=this)}get rootView(){for(let t=this;;){let e=t.parent;if(!e)return t;t=e}}replaceChildren(t,e,i=Te){this.markDirty();for(let s=t;s<e;s++){let o=this.children[s];o.parent==this&&i.indexOf(o)<0&&o.destroy()}this.children.splice(t,e-t,...i);for(let s=0;s<i.length;s++)i[s].setParent(this)}ignoreMutation(t){return!1}ignoreEvent(t){return!1}childCursor(t=this.length){return new Pi(this.children,t,this.children.length)}childPos(t,e=1){return this.childCursor().findPos(t,e)}toString(){let t=this.constructor.name.replace("View","");return t+(this.children.length?"("+this.children.join()+")":this.length?"["+(t=="Text"?this.text:this.length)+"]":"")+(this.breakAfter?"#":"")}static get(t){return t.cmView}get isEditable(){return!0}get isWidget(){return!1}get isHidden(){return!1}merge(t,e,i,s,o,r){return!1}become(t){return!1}canReuseDOM(t){return t.constructor==this.constructor&&!((this.flags|t.flags)&8)}getSide(){return 0}destroy(){for(let t of this.children)t.parent==this&&t.destroy();this.parent=null}}O.prototype.breakAfter=0;function Bi(n){let t=n.nextSibling;return n.parentNode.removeChild(n),t}class Pi{constructor(t,e,i){this.children=t,this.pos=e,this.i=i,this.off=0}findPos(t,e=1){for(;;){if(t>this.pos||t==this.pos&&(e>0||this.i==0||this.children[this.i-1].breakAfter))return this.off=t-this.pos,this;let i=this.children[--this.i];this.pos-=i.length+i.breakAfter}}}function Hi(n,t,e,i,s,o,r,l,h){let{children:c}=n,a=c.length?c[t]:null,f=o.length?o[o.length-1]:null,d=f?f.breakAfter:r;if(!(t==i&&a&&!r&&!d&&o.length<2&&a.merge(e,s,o.length?f:null,e==0,l,h))){if(i<c.length){let u=c[i];u&&(s<u.length||u.breakAfter&&f?.breakAfter)?(t==i&&(u=u.split(s),s=0),!d&&f&&u.merge(0,s,f,!0,0,h)?o[o.length-1]=u:((s||u.children.length&&!u.children[0].length)&&u.merge(0,s,null,!1,0,h),o.push(u))):u?.breakAfter&&(f?f.breakAfter=1:r=1),i++}for(a&&(a.breakAfter=r,e>0&&(!r&&o.length&&a.merge(e,a.length,o[0],!1,l,0)?a.breakAfter=o.shift().breakAfter:(e<a.length||a.children.length&&a.children[a.children.length-1].length==0)&&a.merge(e,a.length,null,!1,l,0),t++));t<i&&o.length;)if(c[i-1].become(o[o.length-1]))i--,o.pop(),h=o.length?0:l;else if(c[t].become(o[0]))t++,o.shift(),l=o.length?0:h;else break;!o.length&&t&&i<c.length&&!c[t-1].breakAfter&&c[i].merge(0,0,c[t-1],!1,l,h)&&t--,(t<i||o.length)&&n.replaceChildren(t,i,o)}}function Ni(n,t,e,i,s,o){let r=n.childCursor(),{i:l,off:h}=r.findPos(e,1),{i:c,off:a}=r.findPos(t,-1),f=t-e;for(let d of i)f+=d.length;n.length+=f,Hi(n,c,a,l,h,i,0,s,o)}let I=typeof navigator<"u"?navigator:{userAgent:"",vendor:"",platform:""},Re=typeof document<"u"?document:{documentElement:{style:{}}};const Ee=/Edge\/(\d+)/.exec(I.userAgent),Vi=/MSIE \d/.test(I.userAgent),Le=/Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(I.userAgent),ee=!!(Vi||Le||Ee),Fi=!ee&&/gecko\/(\d+)/i.test(I.userAgent),Be=!ee&&/Chrome\/(\d+)/.exec(I.userAgent),Wi="webkitFontSmoothing"in Re.documentElement.style,zi=!ee&&/Apple Computer/.test(I.vendor),Ii=zi&&(/Mobile\/\w+/.test(I.userAgent)||I.maxTouchPoints>2);var y={mac:Ii||/Mac/.test(I.platform),windows:/Win/.test(I.platform),linux:/Linux|X11/.test(I.platform),ie:ee,ie_version:Vi?Re.documentMode||6:Le?+Le[1]:Ee?+Ee[1]:0,gecko:Fi,gecko_version:Fi?+(/Firefox\/(\d+)/.exec(I.userAgent)||[0,0])[1]:0,chrome:!!Be,chrome_version:Be?+Be[1]:0,ios:Ii,android:/Android\b/.test(I.userAgent),webkit:Wi,safari:zi,webkit_version:Wi?+(/\bAppleWebKit\/(\d+)/.exec(I.userAgent)||[0,0])[1]:0,tabSize:Re.documentElement.style.tabSize!=null?"tab-size":"-moz-tab-size"};const Xn=256;class $ extends O{constructor(t){super(),this.text=t}get length(){return this.text.length}createDOM(t){this.setDOM(t||document.createTextNode(this.text))}sync(t,e){this.dom||this.createDOM(),this.dom.nodeValue!=this.text&&(e&&e.node==this.dom&&(e.written=!0),this.dom.nodeValue=this.text)}reuseDOM(t){t.nodeType==3&&this.createDOM(t)}merge(t,e,i){return this.flags&8||i&&(!(i instanceof $)||this.length-(e-t)+i.length>Xn||i.flags&8)?!1:(this.text=this.text.slice(0,t)+(i?i.text:"")+this.text.slice(e),this.markDirty(),!0)}split(t){let e=new $(this.text.slice(t));return this.text=this.text.slice(0,t),this.markDirty(),e.flags|=this.flags&8,e}localPosFromDOM(t,e){return t==this.dom?e:e?this.text.length:0}domAtPos(t){return new W(this.dom,t)}domBoundsAround(t,e,i){return{from:i,to:i+this.length,startDOM:this.dom,endDOM:this.dom.nextSibling}}coordsAt(t,e){return Gn(this.dom,t,e)}}class it extends O{constructor(t,e=[],i=0){super(),this.mark=t,this.children=e,this.length=i;for(let s of e)s.setParent(this)}setAttrs(t){if(Ti(t),this.mark.class&&(t.className=this.mark.class),this.mark.attrs)for(let e in this.mark.attrs)t.setAttribute(e,this.mark.attrs[e]);return t}canReuseDOM(t){return super.canReuseDOM(t)&&!((this.flags|t.flags)&8)}reuseDOM(t){t.nodeName==this.mark.tagName.toUpperCase()&&(this.setDOM(t),this.flags|=6)}sync(t,e){this.dom?this.flags&4&&this.setAttrs(this.dom):this.setDOM(this.setAttrs(document.createElement(this.mark.tagName))),super.sync(t,e)}merge(t,e,i,s,o,r){return i&&(!(i instanceof it&&i.mark.eq(this.mark))||t&&o<=0||e<this.length&&r<=0)?!1:(Ni(this,t,e,i?i.children.slice():[],o-1,r-1),this.markDirty(),!0)}split(t){let e=[],i=0,s=-1,o=0;for(let l of this.children){let h=i+l.length;h>t&&e.push(i<t?l.split(t-i):l),s<0&&i>=t&&(s=o),i=h,o++}let r=this.length-t;return this.length=t,s>-1&&(this.children.length=s,this.markDirty()),new it(this.mark,e,r)}domAtPos(t){return Ki(this,t)}coordsAt(t,e){return ji(this,t,e)}}function Gn(n,t,e){let i=n.nodeValue.length;t>i&&(t=i);let s=t,o=t,r=0;t==0&&e<0||t==i&&e>=0?y.chrome||y.gecko||(t?(s--,r=1):o<i&&(o++,r=-1)):e<0?s--:o<i&&o++;let l=ut(n,s,o).getClientRects();if(!l.length)return null;let h=l[(r?r<0:e>=0)?0:l.length-1];return y.safari&&!r&&h.width==0&&(h=Array.prototype.find.call(l,c=>c.width)||h),r?Ht(h,r<0):h||null}class at extends O{static create(t,e,i){return new at(t,e,i)}constructor(t,e,i){super(),this.widget=t,this.length=e,this.side=i,this.prevWidget=null}split(t){let e=at.create(this.widget,this.length-t,this.side);return this.length-=t,e}sync(t){(!this.dom||!this.widget.updateDOM(this.dom,t))&&(this.dom&&this.prevWidget&&this.prevWidget.destroy(this.dom),this.prevWidget=null,this.setDOM(this.widget.toDOM(t)),this.widget.editable||(this.dom.contentEditable="false"))}getSide(){return this.side}merge(t,e,i,s,o,r){return i&&(!(i instanceof at)||!this.widget.compare(i.widget)||t>0&&o<=0||e<this.length&&r<=0)?!1:(this.length=t+(i?i.length:0)+(this.length-e),!0)}become(t){return t instanceof at&&t.side==this.side&&this.widget.constructor==t.widget.constructor?(this.widget.compare(t.widget)||this.markDirty(!0),this.dom&&!this.prevWidget&&(this.prevWidget=this.widget),this.widget=t.widget,this.length=t.length,!0):!1}ignoreMutation(){return!0}ignoreEvent(t){return this.widget.ignoreEvent(t)}get overrideDOMText(){if(this.length==0)return Y.empty;let t=this;for(;t.parent;)t=t.parent;let{view:e}=t,i=e&&e.state.doc,s=this.posAtStart;return i?i.slice(s,s+this.length):Y.empty}domAtPos(t){return(this.length?t==0:this.side>0)?W.before(this.dom):W.after(this.dom,t==this.length)}domBoundsAround(){return null}coordsAt(t,e){let i=this.widget.coordsAt(this.dom,t,e);if(i)return i;let s=this.dom.getClientRects(),o=null;if(!s.length)return null;let r=this.side?this.side<0:t>0;for(let l=r?s.length-1:0;o=s[l],!(t>0?l==0:l==s.length-1||o.top<o.bottom);l+=r?-1:1);return Ht(o,!r)}get isEditable(){return!1}get isWidget(){return!0}get isHidden(){return this.widget.isHidden}destroy(){super.destroy(),this.dom&&this.widget.destroy(this.dom)}}class Tt extends O{constructor(t){super(),this.side=t}get length(){return 0}merge(){return!1}become(t){return t instanceof Tt&&t.side==this.side}split(){return new Tt(this.side)}sync(){if(!this.dom){let t=document.createElement("img");t.className="cm-widgetBuffer",t.setAttribute("aria-hidden","true"),this.setDOM(t)}}getSide(){return this.side}domAtPos(t){return this.side>0?W.before(this.dom):W.after(this.dom)}localPosFromDOM(){return 0}domBoundsAround(){return null}coordsAt(t){return this.dom.getBoundingClientRect()}get overrideDOMText(){return Y.empty}get isHidden(){return!0}}$.prototype.children=at.prototype.children=Tt.prototype.children=Te;function Ki(n,t){let e=n.dom,{children:i}=n,s=0;for(let o=0;s<i.length;s++){let r=i[s],l=o+r.length;if(!(l==o&&r.getSide()<=0)){if(t>o&&t<l&&r.dom.parentNode==e)return r.domAtPos(t-o);if(t<=o)break;o=l}}for(let o=s;o>0;o--){let r=i[o-1];if(r.dom.parentNode==e)return r.domAtPos(r.length)}for(let o=s;o<i.length;o++){let r=i[o];if(r.dom.parentNode==e)return r.domAtPos(0)}return new W(e,0)}function qi(n,t,e){let i,{children:s}=n;e>0&&t instanceof it&&s.length&&(i=s[s.length-1])instanceof it&&i.mark.eq(t.mark)?qi(i,t.children[0],e-1):(s.push(t),t.setParent(n)),n.length+=t.length}function ji(n,t,e){let i=null,s=-1,o=null,r=-1;function l(c,a){for(let f=0,d=0;f<c.children.length&&d<=a;f++){let u=c.children[f],g=d+u.length;g>=a&&(u.children.length?l(u,a-d):(!o||o.isHidden&&e>0)&&(g>a||d==g&&u.getSide()>0)?(o=u,r=a-d):(d<a||d==g&&u.getSide()<0&&!u.isHidden)&&(i=u,s=a-d)),d=g}}l(n,t);let h=(e<0?i:o)||i||o;return h?h.coordsAt(Math.max(0,h==i?s:r),e):$n(n)}function $n(n){let t=n.dom.lastChild;if(!t)return n.dom.getBoundingClientRect();let e=St(t);return e[e.length-1]||null}function Pe(n,t){for(let e in n)e=="class"&&t.class?t.class+=" "+n.class:e=="style"&&t.style?t.style+=";"+n.style:t[e]=n[e];return t}const Yi=Object.create(null);function ie(n,t,e){if(n==t)return!0;n||(n=Yi),t||(t=Yi);let i=Object.keys(n),s=Object.keys(t);if(i.length-(e&&i.indexOf(e)>-1?1:0)!=s.length-(e&&s.indexOf(e)>-1?1:0))return!1;for(let o of i)if(o!=e&&(s.indexOf(o)==-1||n[o]!==t[o]))return!1;return!0}function He(n,t,e){let i=!1;if(t)for(let s in t)e&&s in e||(i=!0,s=="style"?n.style.cssText="":n.removeAttribute(s));if(e)for(let s in e)t&&t[s]==e[s]||(i=!0,s=="style"?n.style.cssText=e[s]:n.setAttribute(s,e[s]));return i}function Un(n){let t=Object.create(null);for(let e=0;e<n.attributes.length;e++){let i=n.attributes[e];t[i.name]=i.value}return t}class gt{eq(t){return!1}updateDOM(t,e){return!1}compare(t){return this==t||this.constructor==t.constructor&&this.eq(t)}get estimatedHeight(){return-1}get lineBreaks(){return 0}ignoreEvent(t){return!0}coordsAt(t,e,i){return null}get isHidden(){return!1}get editable(){return!1}destroy(t){}}var F=function(n){return n[n.Text=0]="Text",n[n.WidgetBefore=1]="WidgetBefore",n[n.WidgetAfter=2]="WidgetAfter",n[n.WidgetRange=3]="WidgetRange",n}(F||(F={}));class R extends xi{constructor(t,e,i,s){super(),this.startSide=t,this.endSide=e,this.widget=i,this.spec=s}get heightRelevant(){return!1}static mark(t){return new _t(t)}static widget(t){let e=Math.max(-1e4,Math.min(1e4,t.side||0)),i=!!t.block;return e+=i&&!t.inlineOrder?e>0?3e8:-4e8:e>0?1e8:-1e8,new ht(t,e,e,i,t.widget||null,!1)}static replace(t){let e=!!t.block,i,s;if(t.isBlockGap)i=-5e8,s=4e8;else{let{start:o,end:r}=_i(t,e);i=(o?e?-3e8:-1:5e8)-1,s=(r?e?2e8:1:-6e8)+1}return new ht(t,i,s,e,t.widget||null,!0)}static line(t){return new Xt(t)}static set(t,e=!1){return V.of(t,e)}hasHeight(){return this.widget?this.widget.estimatedHeight>-1:!1}}R.none=V.empty;class _t extends R{constructor(t){let{start:e,end:i}=_i(t);super(e?-1:5e8,i?1:-6e8,null,t),this.tagName=t.tagName||"span",this.class=t.class||"",this.attrs=t.attributes||null}eq(t){var e,i;return this==t||t instanceof _t&&this.tagName==t.tagName&&(this.class||((e=this.attrs)===null||e===void 0?void 0:e.class))==(t.class||((i=t.attrs)===null||i===void 0?void 0:i.class))&&ie(this.attrs,t.attrs,"class")}range(t,e=t){if(t>=e)throw new RangeError("Mark decorations may not be empty");return super.range(t,e)}}_t.prototype.point=!1;class Xt extends R{constructor(t){super(-2e8,-2e8,null,t)}eq(t){return t instanceof Xt&&this.spec.class==t.spec.class&&ie(this.spec.attributes,t.spec.attributes)}range(t,e=t){if(e!=t)throw new RangeError("Line decoration ranges must be zero-length");return super.range(t,e)}}Xt.prototype.mapMode=yt.TrackBefore,Xt.prototype.point=!0;class ht extends R{constructor(t,e,i,s,o,r){super(e,i,o,t),this.block=s,this.isReplace=r,this.mapMode=s?e<=0?yt.TrackBefore:yt.TrackAfter:yt.TrackDel}get type(){return this.startSide!=this.endSide?F.WidgetRange:this.startSide<=0?F.WidgetBefore:F.WidgetAfter}get heightRelevant(){return this.block||!!this.widget&&(this.widget.estimatedHeight>=5||this.widget.lineBreaks>0)}eq(t){return t instanceof ht&&Qn(this.widget,t.widget)&&this.block==t.block&&this.startSide==t.startSide&&this.endSide==t.endSide}range(t,e=t){if(this.isReplace&&(t>e||t==e&&this.startSide>0&&this.endSide<=0))throw new RangeError("Invalid range for replacement decoration");if(!this.isReplace&&e!=t)throw new RangeError("Widget decorations can only have zero-length ranges");return super.range(t,e)}}ht.prototype.point=!0;function _i(n,t=!1){let{inclusiveStart:e,inclusiveEnd:i}=n;return e==null&&(e=n.inclusive),i==null&&(i=n.inclusive),{start:e??t,end:i??t}}function Qn(n,t){return n==t||!!(n&&t&&n.compare(t))}function Ne(n,t,e,i=0){let s=e.length-1;s>=0&&e[s]+i>=n?e[s]=Math.max(e[s],t):e.push(n,t)}class B extends O{constructor(){super(...arguments),this.children=[],this.length=0,this.prevAttrs=void 0,this.attrs=null,this.breakAfter=0}merge(t,e,i,s,o,r){if(i){if(!(i instanceof B))return!1;this.dom||i.transferDOM(this)}return s&&this.setDeco(i?i.attrs:null),Ni(this,t,e,i?i.children.slice():[],o,r),!0}split(t){let e=new B;if(e.breakAfter=this.breakAfter,this.length==0)return e;let{i,off:s}=this.childPos(t);s&&(e.append(this.children[i].split(s),0),this.children[i].merge(s,this.children[i].length,null,!1,0,0),i++);for(let o=i;o<this.children.length;o++)e.append(this.children[o],0);for(;i>0&&this.children[i-1].length==0;)this.children[--i].destroy();return this.children.length=i,this.markDirty(),this.length=t,e}transferDOM(t){this.dom&&(this.markDirty(),t.setDOM(this.dom),t.prevAttrs=this.prevAttrs===void 0?this.attrs:this.prevAttrs,this.prevAttrs=void 0,this.dom=null)}setDeco(t){ie(this.attrs,t)||(this.dom&&(this.prevAttrs=this.attrs,this.markDirty()),this.attrs=t)}append(t,e){qi(this,t,e)}addLineDeco(t){let e=t.spec.attributes,i=t.spec.class;e&&(this.attrs=Pe(e,this.attrs||{})),i&&(this.attrs=Pe({class:i},this.attrs||{}))}domAtPos(t){return Ki(this,t)}reuseDOM(t){t.nodeName=="DIV"&&(this.setDOM(t),this.flags|=6)}sync(t,e){var i;this.dom?this.flags&4&&(Ti(this.dom),this.dom.className="cm-line",this.prevAttrs=this.attrs?null:void 0):(this.setDOM(document.createElement("div")),this.dom.className="cm-line",this.prevAttrs=this.attrs?null:void 0),this.prevAttrs!==void 0&&(He(this.dom,this.prevAttrs,this.attrs),this.dom.classList.add("cm-line"),this.prevAttrs=void 0),super.sync(t,e);let s=this.dom.lastChild;for(;s&&O.get(s)instanceof it;)s=s.lastChild;if(!s||!this.length||s.nodeName!="BR"&&((i=O.get(s))===null||i===void 0?void 0:i.isEditable)==!1&&(!y.ios||!this.children.some(o=>o instanceof $))){let o=document.createElement("BR");o.cmIgnore=!0,this.dom.appendChild(o)}}measureTextSize(){if(this.children.length==0||this.length>20)return null;let t=0,e;for(let i of this.children){if(!(i instanceof $)||/[^ -~]/.test(i.text))return null;let s=St(i.dom);if(s.length!=1)return null;t+=s[0].width,e=s[0].height}return t?{lineHeight:this.dom.getBoundingClientRect().height,charWidth:t/this.length,textHeight:e}:null}coordsAt(t,e){let i=ji(this,t,e);if(!this.children.length&&i&&this.parent){let{heightOracle:s}=this.parent.view.viewState,o=i.bottom-i.top;if(Math.abs(o-s.lineHeight)<2&&s.textHeight<o){let r=(o-s.textHeight)/2;return{top:i.top+r,bottom:i.bottom-r,left:i.left,right:i.left}}}return i}become(t){return t instanceof B&&this.children.length==0&&t.children.length==0&&ie(this.attrs,t.attrs)&&this.breakAfter==t.breakAfter}covers(){return!0}static find(t,e){for(let i=0,s=0;i<t.children.length;i++){let o=t.children[i],r=s+o.length;if(r>=e){if(o instanceof B)return o;if(r>e)break}s=r+o.breakAfter}return null}}class st extends O{constructor(t,e,i){super(),this.widget=t,this.length=e,this.deco=i,this.breakAfter=0,this.prevWidget=null}merge(t,e,i,s,o,r){return i&&(!(i instanceof st)||!this.widget.compare(i.widget)||t>0&&o<=0||e<this.length&&r<=0)?!1:(this.length=t+(i?i.length:0)+(this.length-e),!0)}domAtPos(t){return t==0?W.before(this.dom):W.after(this.dom,t==this.length)}split(t){let e=this.length-t;this.length=t;let i=new st(this.widget,e,this.deco);return i.breakAfter=this.breakAfter,i}get children(){return Te}sync(t){(!this.dom||!this.widget.updateDOM(this.dom,t))&&(this.dom&&this.prevWidget&&this.prevWidget.destroy(this.dom),this.prevWidget=null,this.setDOM(this.widget.toDOM(t)),this.widget.editable||(this.dom.contentEditable="false"))}get overrideDOMText(){return this.parent?this.parent.view.state.doc.slice(this.posAtStart,this.posAtEnd):Y.empty}domBoundsAround(){return null}become(t){return t instanceof st&&t.widget.constructor==this.widget.constructor?(t.widget.compare(this.widget)||this.markDirty(!0),this.dom&&!this.prevWidget&&(this.prevWidget=this.widget),this.widget=t.widget,this.length=t.length,this.deco=t.deco,this.breakAfter=t.breakAfter,!0):!1}ignoreMutation(){return!0}ignoreEvent(t){return this.widget.ignoreEvent(t)}get isEditable(){return!1}get isWidget(){return!0}coordsAt(t,e){let i=this.widget.coordsAt(this.dom,t,e);return i||(this.widget instanceof Ve?null:Ht(this.dom.getBoundingClientRect(),this.length?t==0:e<=0))}destroy(){super.destroy(),this.dom&&this.widget.destroy(this.dom)}covers(t){let{startSide:e,endSide:i}=this.deco;return e==i?!1:t<0?e<0:i>0}}class Ve extends gt{constructor(t){super(),this.height=t}toDOM(){let t=document.createElement("div");return t.className="cm-gap",this.updateDOM(t),t}eq(t){return t.height==this.height}updateDOM(t){return t.style.height=this.height+"px",!0}get editable(){return!0}get estimatedHeight(){return this.height}ignoreEvent(){return!1}}class Gt{constructor(t,e,i,s){this.doc=t,this.pos=e,this.end=i,this.disallowBlockEffectsFor=s,this.content=[],this.curLine=null,this.breakAtStart=0,this.pendingBuffer=0,this.bufferMarks=[],this.atCursorPos=!0,this.openStart=-1,this.openEnd=-1,this.text="",this.textOff=0,this.cursor=t.iter(),this.skip=e}posCovered(){if(this.content.length==0)return!this.breakAtStart&&this.doc.lineAt(this.pos).from!=this.pos;let t=this.content[this.content.length-1];return!(t.breakAfter||t instanceof st&&t.deco.endSide<0)}getLine(){return this.curLine||(this.content.push(this.curLine=new B),this.atCursorPos=!0),this.curLine}flushBuffer(t=this.bufferMarks){this.pendingBuffer&&(this.curLine.append(se(new Tt(-1),t),t.length),this.pendingBuffer=0)}addBlockWidget(t){this.flushBuffer(),this.curLine=null,this.content.push(t)}finish(t){this.pendingBuffer&&t<=this.bufferMarks.length?this.flushBuffer():this.pendingBuffer=0,!this.posCovered()&&!(t&&this.content.length&&this.content[this.content.length-1]instanceof st)&&this.getLine()}buildText(t,e,i){for(;t>0;){if(this.textOff==this.text.length){let{value:o,lineBreak:r,done:l}=this.cursor.next(this.skip);if(this.skip=0,l)throw new Error("Ran out of text content when drawing inline views");if(r){this.posCovered()||this.getLine(),this.content.length?this.content[this.content.length-1].breakAfter=1:this.breakAtStart=1,this.flushBuffer(),this.curLine=null,this.atCursorPos=!0,t--;continue}else this.text=o,this.textOff=0}let s=Math.min(this.text.length-this.textOff,t,512);this.flushBuffer(e.slice(e.length-i)),this.getLine().append(se(new $(this.text.slice(this.textOff,this.textOff+s)),e),i),this.atCursorPos=!0,this.textOff+=s,t-=s,i=0}}span(t,e,i,s){this.buildText(e-t,i,s),this.pos=e,this.openStart<0&&(this.openStart=s)}point(t,e,i,s,o,r){if(this.disallowBlockEffectsFor[r]&&i instanceof ht){if(i.block)throw new RangeError("Block decorations may not be specified via plugins");if(e>this.doc.lineAt(this.pos).to)throw new RangeError("Decorations that replace line breaks may not be specified via plugins")}let l=e-t;if(i instanceof ht)if(i.block)i.startSide>0&&!this.posCovered()&&this.getLine(),this.addBlockWidget(new st(i.widget||kt.block,l,i));else{let h=at.create(i.widget||kt.inline,l,l?0:i.startSide),c=this.atCursorPos&&!h.isEditable&&o<=s.length&&(t<e||i.startSide>0),a=!h.isEditable&&(t<e||o>s.length||i.startSide<=0),f=this.getLine();this.pendingBuffer==2&&!c&&!h.isEditable&&(this.pendingBuffer=0),this.flushBuffer(s),c&&(f.append(se(new Tt(1),s),o),o=s.length+Math.max(0,o-s.length)),f.append(se(h,s),o),this.atCursorPos=a,this.pendingBuffer=a?t<e||o>s.length?1:2:0,this.pendingBuffer&&(this.bufferMarks=s.slice())}else this.doc.lineAt(this.pos).from==this.pos&&this.getLine().addLineDeco(i);l&&(this.textOff+l<=this.text.length?this.textOff+=l:(this.skip+=l-(this.text.length-this.textOff),this.text="",this.textOff=0),this.pos=e),this.openStart<0&&(this.openStart=o)}static build(t,e,i,s,o){let r=new Gt(t,e,i,o);return r.openEnd=V.spans(s,e,i,r),r.openStart<0&&(r.openStart=r.openEnd),r.finish(r.openEnd),r}}function se(n,t){for(let e of t)n=new it(e,[n],n.length);return n}class kt extends gt{constructor(t){super(),this.tag=t}eq(t){return t.tag==this.tag}toDOM(){return document.createElement(this.tag)}updateDOM(t){return t.nodeName.toLowerCase()==this.tag}get isHidden(){return!0}}kt.inline=new kt("span"),kt.block=new kt("div");var E=function(n){return n[n.LTR=0]="LTR",n[n.RTL=1]="RTL",n}(E||(E={}));const pt=E.LTR,Fe=E.RTL;function Xi(n){let t=[];for(let e=0;e<n.length;e++)t.push(1<<+n[e]);return t}const Jn=Xi("88888888888888888888888888888888888666888888787833333333337888888000000000000000000000000008888880000000000000000000000000088888888888888888888888888888888888887866668888088888663380888308888800000000000000000000000800000000000000000000000000000008"),Zn=Xi("4444448826627288999999999992222222222222222222222222222222222222222222222229999999999999999999994444444444644222822222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222222999999949999999229989999223333333333"),We=Object.create(null),U=[];for(let n of["()","[]","{}"]){let t=n.charCodeAt(0),e=n.charCodeAt(1);We[t]=e,We[e]=-t}function Gi(n){return n<=247?Jn[n]:1424<=n&&n<=1524?2:1536<=n&&n<=1785?Zn[n-1536]:1774<=n&&n<=2220?4:8192<=n&&n<=8204?256:64336<=n&&n<=65023?4:1}const to=/[\u0590-\u05f4\u0600-\u06ff\u0700-\u08ac\ufb50-\ufdff]/;class tt{get dir(){return this.level%2?Fe:pt}constructor(t,e,i){this.from=t,this.to=e,this.level=i}side(t,e){return this.dir==e==t?this.to:this.from}forward(t,e){return t==(this.dir==e)}static find(t,e,i,s){let o=-1;for(let r=0;r<t.length;r++){let l=t[r];if(l.from<=e&&l.to>=e){if(l.level==i)return r;(o<0||(s!=0?s<0?l.from<e:l.to>e:t[o].level>l.level))&&(o=r)}}if(o<0)throw new RangeError("Index out of range");return o}}function $i(n,t){if(n.length!=t.length)return!1;for(let e=0;e<n.length;e++){let i=n[e],s=t[e];if(i.from!=s.from||i.to!=s.to||i.direction!=s.direction||!$i(i.inner,s.inner))return!1}return!0}const D=[];function eo(n,t,e,i,s){for(let o=0;o<=i.length;o++){let r=o?i[o-1].to:t,l=o<i.length?i[o].from:e,h=o?256:s;for(let c=r,a=h,f=h;c<l;c++){let d=Gi(n.charCodeAt(c));d==512?d=a:d==8&&f==4&&(d=16),D[c]=d==4?2:d,d&7&&(f=d),a=d}for(let c=r,a=h,f=h;c<l;c++){let d=D[c];if(d==128)c<l-1&&a==D[c+1]&&a&24?d=D[c]=a:D[c]=256;else if(d==64){let u=c+1;for(;u<l&&D[u]==64;)u++;let g=c&&a==8||u<e&&D[u]==8?f==1?1:8:256;for(let p=c;p<u;p++)D[p]=g;c=u-1}else d==8&&f==1&&(D[c]=1);a=d,d&7&&(f=d)}}}function io(n,t,e,i,s){let o=s==1?2:1;for(let r=0,l=0,h=0;r<=i.length;r++){let c=r?i[r-1].to:t,a=r<i.length?i[r].from:e;for(let f=c,d,u,g;f<a;f++)if(u=We[d=n.charCodeAt(f)])if(u<0){for(let p=l-3;p>=0;p-=3)if(U[p+1]==-u){let b=U[p+2],m=b&2?s:b&4?b&1?o:s:0;m&&(D[f]=D[U[p]]=m),l=p;break}}else{if(U.length==189)break;U[l++]=f,U[l++]=d,U[l++]=h}else if((g=D[f])==2||g==1){let p=g==s;h=p?0:1;for(let b=l-3;b>=0;b-=3){let m=U[b+2];if(m&2)break;if(p)U[b+2]|=2;else{if(m&4)break;U[b+2]|=4}}}}}function so(n,t,e,i){for(let s=0,o=i;s<=e.length;s++){let r=s?e[s-1].to:n,l=s<e.length?e[s].from:t;for(let h=r;h<l;){let c=D[h];if(c==256){let a=h+1;for(;;)if(a==l){if(s==e.length)break;a=e[s++].to,l=s<e.length?e[s].from:t}else if(D[a]==256)a++;else break;let f=o==1,d=(a<t?D[a]:i)==1,u=f==d?f?1:2:i;for(let g=a,p=s,b=p?e[p-1].to:n;g>h;)g==b&&(g=e[--p].from,b=p?e[p-1].to:n),D[--g]=u;h=a}else o=c,h++}}}function ze(n,t,e,i,s,o,r){let l=i%2?2:1;if(i%2==s%2)for(let h=t,c=0;h<e;){let a=!0,f=!1;if(c==o.length||h<o[c].from){let p=D[h];p!=l&&(a=!1,f=p==16)}let d=!a&&l==1?[]:null,u=a?i:i+1,g=h;t:for(;;)if(c<o.length&&g==o[c].from){if(f)break t;let p=o[c];if(!a)for(let b=p.to,m=c+1;;){if(b==e)break t;if(m<o.length&&o[m].from==b)b=o[m++].to;else{if(D[b]==l)break t;break}}if(c++,d)d.push(p);else{p.from>h&&r.push(new tt(h,p.from,u));let b=p.direction==pt!=!(u%2);Ie(n,b?i+1:i,s,p.inner,p.from,p.to,r),h=p.to}g=p.to}else{if(g==e||(a?D[g]!=l:D[g]==l))break;g++}d?ze(n,h,g,i+1,s,d,r):h<g&&r.push(new tt(h,g,u)),h=g}else for(let h=e,c=o.length;h>t;){let a=!0,f=!1;if(!c||h>o[c-1].to){let p=D[h-1];p!=l&&(a=!1,f=p==16)}let d=!a&&l==1?[]:null,u=a?i:i+1,g=h;t:for(;;)if(c&&g==o[c-1].to){if(f)break t;let p=o[--c];if(!a)for(let b=p.from,m=c;;){if(b==t)break t;if(m&&o[m-1].to==b)b=o[--m].from;else{if(D[b-1]==l)break t;break}}if(d)d.push(p);else{p.to<h&&r.push(new tt(p.to,h,u));let b=p.direction==pt!=!(u%2);Ie(n,b?i+1:i,s,p.inner,p.from,p.to,r),h=p.from}g=p.from}else{if(g==t||(a?D[g-1]!=l:D[g-1]==l))break;g--}d?ze(n,g,h,i+1,s,d,r):g<h&&r.push(new tt(g,h,u)),h=g}}function Ie(n,t,e,i,s,o,r){let l=t%2?2:1;eo(n,s,o,i,l),io(n,s,o,i,l),so(s,o,i,l),ze(n,s,o,t,e,i,r)}function Ui(n,t,e){if(!n)return[new tt(0,0,t==Fe?1:0)];if(t==pt&&!e.length&&!to.test(n))return Qi(n.length);if(e.length)for(;n.length>D.length;)D[D.length]=256;let i=[],s=t==pt?0:1;return Ie(n,s,s,e,0,n.length,i),i}function Qi(n){return[new tt(0,n,0)]}let Ji="";function Zi(n,t,e,i,s){var o;let r=i.head-n.from,l=tt.find(t,r,(o=i.bidiLevel)!==null&&o!==void 0?o:-1,i.assoc),h=t[l],c=h.side(s,e);if(r==c){let d=l+=s?1:-1;if(d<0||d>=t.length)return null;h=t[l=d],r=h.side(!s,e),c=h.side(s,e)}let a=wt(n.text,r,h.forward(s,e));(a<h.from||a>h.to)&&(a=c),Ji=n.text.slice(Math.min(r,a),Math.max(r,a));let f=l==(s?t.length-1:0)?null:t[l+(s?1:-1)];return f&&a==c&&f.level+(s?0:1)<h.level?M.cursor(f.side(!s,e)+n.from,f.forward(s,e)?1:-1,f.level):M.cursor(a+n.from,h.forward(s,e)?-1:1,h.level)}function no(n,t,e){for(let i=t;i<e;i++){let s=Gi(n.charCodeAt(i));if(s==1)return pt;if(s==2||s==4)return Fe}return pt}const ts=k.define(),es=k.define(),is=k.define(),ss=k.define(),Ke=k.define(),ns=k.define(),os=k.define(),rs=k.define({combine:n=>n.some(t=>t)}),ls=k.define({combine:n=>n.some(t=>t)}),hs=k.define();class Rt{constructor(t,e="nearest",i="nearest",s=5,o=5,r=!1){this.range=t,this.y=e,this.x=i,this.yMargin=s,this.xMargin=o,this.isSnapshot=r}map(t){return t.empty?this:new Rt(this.range.map(t),this.y,this.x,this.yMargin,this.xMargin,this.isSnapshot)}clip(t){return this.range.to<=t.doc.length?this:new Rt(M.cursor(t.doc.length),this.y,this.x,this.yMargin,this.xMargin,this.isSnapshot)}}const ne=xt.define({map:(n,t)=>n.map(t)}),as=xt.define();function _(n,t,e){let i=n.facet(ss);i.length?i[0](t):window.onerror?window.onerror(String(t),e,void 0,void 0,t):e?console.error(e+":",t):console.error(t)}const rt=k.define({combine:n=>n.length?n[0]:!0});let oo=0;const Nt=k.define();class P{constructor(t,e,i,s,o){this.id=t,this.create=e,this.domEventHandlers=i,this.domEventObservers=s,this.extension=o(this)}static define(t,e){const{eventHandlers:i,eventObservers:s,provide:o,decorations:r}=e||{};return new P(oo++,t,i,s,l=>{let h=[Nt.of(l)];return r&&h.push(Vt.of(c=>{let a=c.plugin(l);return a?r(a):R.none})),o&&h.push(o(l)),h})}static fromClass(t,e){return P.define(i=>new t(i),e)}}class qe{constructor(t){this.spec=t,this.mustUpdate=null,this.value=null}update(t){if(this.value){if(this.mustUpdate){let e=this.mustUpdate;if(this.mustUpdate=null,this.value.update)try{this.value.update(e)}catch(i){if(_(e.state,i,"CodeMirror plugin crashed"),this.value.destroy)try{this.value.destroy()}catch{}this.deactivate()}}}else if(this.spec)try{this.value=this.spec.create(t)}catch(e){_(t.state,e,"CodeMirror plugin crashed"),this.deactivate()}return this}destroy(t){var e;if(!((e=this.value)===null||e===void 0)&&e.destroy)try{this.value.destroy()}catch(i){_(t.state,i,"CodeMirror plugin crashed")}}deactivate(){this.spec=this.value=null}}const cs=k.define(),oe=k.define(),Vt=k.define(),fs=k.define(),je=k.define(),ds=k.define();function us(n,t){let e=n.state.facet(ds);if(!e.length)return e;let i=e.map(o=>o instanceof Function?o(n):o),s=[];return V.spans(i,t.from,t.to,{point(){},span(o,r,l,h){let c=o-t.from,a=r-t.from,f=s;for(let d=l.length-1;d>=0;d--,h--){let u=l[d].spec.bidiIsolate,g;if(u==null&&(u=no(t.text,c,a)),h>0&&f.length&&(g=f[f.length-1]).to==c&&g.direction==u)g.to=a,f=g.inner;else{let p={from:c,to:a,direction:u,inner:[]};f.push(p),f=p.inner}}}}),s}const gs=k.define();function ps(n){let t=0,e=0,i=0,s=0;for(let o of n.state.facet(gs)){let r=o(n);r&&(r.left!=null&&(t=Math.max(t,r.left)),r.right!=null&&(e=Math.max(e,r.right)),r.top!=null&&(i=Math.max(i,r.top)),r.bottom!=null&&(s=Math.max(s,r.bottom)))}return{left:t,right:e,top:i,bottom:s}}const Ft=k.define();class q{constructor(t,e,i,s){this.fromA=t,this.toA=e,this.fromB=i,this.toB=s}join(t){return new q(Math.min(this.fromA,t.fromA),Math.max(this.toA,t.toA),Math.min(this.fromB,t.fromB),Math.max(this.toB,t.toB))}addToSet(t){let e=t.length,i=this;for(;e>0;e--){let s=t[e-1];if(!(s.fromA>i.toA)){if(s.toA<i.fromA)break;i=i.join(s),t.splice(e-1,1)}}return t.splice(e,0,i),t}static extendWithRanges(t,e){if(e.length==0)return t;let i=[];for(let s=0,o=0,r=0,l=0;;s++){let h=s==t.length?null:t[s],c=r-l,a=h?h.fromB:1e9;for(;o<e.length&&e[o]<a;){let f=e[o],d=e[o+1],u=Math.max(l,f),g=Math.min(a,d);if(u<=g&&new q(u+c,g+c,u,g).addToSet(i),d>a)break;o+=2}if(!h)return i;new q(h.fromA,h.toA,h.fromB,h.toB).addToSet(i),r=h.toA,l=h.toB}}}class $t{constructor(t,e,i){this.view=t,this.state=e,this.transactions=i,this.flags=0,this.startState=t.state,this.changes=vi.empty(this.startState.doc.length);for(let o of i)this.changes=this.changes.compose(o.changes);let s=[];this.changes.iterChangedRanges((o,r,l,h)=>s.push(new q(o,r,l,h))),this.changedRanges=s}static create(t,e,i){return new $t(t,e,i)}get viewportChanged(){return(this.flags&4)>0}get heightChanged(){return(this.flags&2)>0}get geometryChanged(){return this.docChanged||(this.flags&10)>0}get focusChanged(){return(this.flags&1)>0}get docChanged(){return!this.changes.empty}get selectionSet(){return this.transactions.some(t=>t.selection)}get empty(){return this.flags==0&&this.transactions.length==0}}class ms extends O{get length(){return this.view.state.doc.length}constructor(t){super(),this.view=t,this.decorations=[],this.dynamicDecorationMap=[!1],this.domChanged=null,this.hasComposition=null,this.markedForComposition=new Set,this.editContextFormatting=R.none,this.lastCompositionAfterCursor=!1,this.minWidth=0,this.minWidthFrom=0,this.minWidthTo=0,this.impreciseAnchor=null,this.impreciseHead=null,this.forceSelection=!1,this.lastUpdate=Date.now(),this.setDOM(t.contentDOM),this.children=[new B],this.children[0].setParent(this),this.updateDeco(),this.updateInner([new q(0,0,0,t.state.doc.length)],0,null)}update(t){var e;let i=t.changedRanges;this.minWidth>0&&i.length&&(i.every(({fromA:c,toA:a})=>a<this.minWidthFrom||c>this.minWidthTo)?(this.minWidthFrom=t.changes.mapPos(this.minWidthFrom,1),this.minWidthTo=t.changes.mapPos(this.minWidthTo,1)):this.minWidth=this.minWidthFrom=this.minWidthTo=0),this.updateEditContextFormatting(t);let s=-1;this.view.inputState.composing>=0&&!this.view.observer.editContext&&(!((e=this.domChanged)===null||e===void 0)&&e.newSel?s=this.domChanged.newSel.head:!uo(t.changes,this.hasComposition)&&!t.selectionSet&&(s=t.state.selection.main.head));let o=s>-1?lo(this.view,t.changes,s):null;if(this.domChanged=null,this.hasComposition){this.markedForComposition.clear();let{from:c,to:a}=this.hasComposition;i=new q(c,a,t.changes.mapPos(c,-1),t.changes.mapPos(a,1)).addToSet(i.slice())}this.hasComposition=o?{from:o.range.fromB,to:o.range.toB}:null,(y.ie||y.chrome)&&!o&&t&&t.state.doc.lines!=t.startState.doc.lines&&(this.forceSelection=!0);let r=this.decorations,l=this.updateDeco(),h=co(r,l,t.changes);return i=q.extendWithRanges(i,h),!(this.flags&7)&&i.length==0?!1:(this.updateInner(i,t.startState.doc.length,o),t.transactions.length&&(this.lastUpdate=Date.now()),!0)}updateInner(t,e,i){this.view.viewState.mustMeasureContent=!0,this.updateChildren(t,e,i);let{observer:s}=this.view;s.ignore(()=>{this.dom.style.height=this.view.viewState.contentHeight/this.view.scaleY+"px",this.dom.style.flexBasis=this.minWidth?this.minWidth+"px":"";let r=y.chrome||y.ios?{node:s.selectionRange.focusNode,written:!1}:void 0;this.sync(this.view,r),this.flags&=-8,r&&(r.written||s.selectionRange.focusNode!=r.node)&&(this.forceSelection=!0),this.dom.style.height=""}),this.markedForComposition.forEach(r=>r.flags&=-9);let o=[];if(this.view.viewport.from||this.view.viewport.to<this.view.state.doc.length)for(let r of this.children)r instanceof st&&r.widget instanceof Ve&&o.push(r.dom);s.updateGaps(o)}updateChildren(t,e,i){let s=i?i.range.addToSet(t.slice()):t,o=this.childCursor(e);for(let r=s.length-1;;r--){let l=r>=0?s[r]:null;if(!l)break;let{fromA:h,toA:c,fromB:a,toB:f}=l,d,u,g,p;if(i&&i.range.fromB<f&&i.range.toB>a){let x=Gt.build(this.view.state.doc,a,i.range.fromB,this.decorations,this.dynamicDecorationMap),S=Gt.build(this.view.state.doc,i.range.toB,f,this.decorations,this.dynamicDecorationMap);u=x.breakAtStart,g=x.openStart,p=S.openEnd;let C=this.compositionView(i);S.breakAtStart?C.breakAfter=1:S.content.length&&C.merge(C.length,C.length,S.content[0],!1,S.openStart,0)&&(C.breakAfter=S.content[0].breakAfter,S.content.shift()),x.content.length&&C.merge(0,0,x.content[x.content.length-1],!0,0,x.openEnd)&&x.content.pop(),d=x.content.concat(C).concat(S.content)}else({content:d,breakAtStart:u,openStart:g,openEnd:p}=Gt.build(this.view.state.doc,a,f,this.decorations,this.dynamicDecorationMap));let{i:b,off:m}=o.findPos(c,1),{i:w,off:v}=o.findPos(h,-1);Hi(this,w,v,b,m,d,u,g,p)}i&&this.fixCompositionDOM(i)}updateEditContextFormatting(t){this.editContextFormatting=this.editContextFormatting.map(t.changes);for(let e of t.transactions)for(let i of e.effects)i.is(as)&&(this.editContextFormatting=i.value)}compositionView(t){let e=new $(t.text.nodeValue);e.flags|=8;for(let{deco:s}of t.marks)e=new it(s,[e],e.length);let i=new B;return i.append(e,0),i}fixCompositionDOM(t){let e=(o,r)=>{r.flags|=8|(r.children.some(h=>h.flags&7)?1:0),this.markedForComposition.add(r);let l=O.get(o);l&&l!=r&&(l.dom=null),r.setDOM(o)},i=this.childPos(t.range.fromB,1),s=this.children[i.i];e(t.line,s);for(let o=t.marks.length-1;o>=-1;o--)i=s.childPos(i.off,1),s=s.children[i.i],e(o>=0?t.marks[o].node:t.text,s)}updateSelection(t=!1,e=!1){(t||!this.view.observer.selectionRange.focusNode)&&this.view.observer.readSelectionRange();let i=this.view.root.activeElement,s=i==this.dom,o=!s&&Zt(this.dom,this.view.observer.selectionRange)&&!(i&&this.dom.contains(i));if(!(s||e||o))return;let r=this.forceSelection;this.forceSelection=!1;let l=this.view.state.selection.main,h=this.moveToLine(this.domAtPos(l.anchor)),c=l.empty?h:this.moveToLine(this.domAtPos(l.head));if(y.gecko&&l.empty&&!this.hasComposition&&ro(h)){let f=document.createTextNode("");this.view.observer.ignore(()=>h.node.insertBefore(f,h.node.childNodes[h.offset]||null)),h=c=new W(f,0),r=!0}let a=this.view.observer.selectionRange;(r||!a.focusNode||(!Pt(h.node,h.offset,a.anchorNode,a.anchorOffset)||!Pt(c.node,c.offset,a.focusNode,a.focusOffset))&&!this.suppressWidgetCursorChange(a,l))&&(this.view.observer.ignore(()=>{y.android&&y.chrome&&this.dom.contains(a.focusNode)&&fo(a.focusNode,this.dom)&&(this.dom.blur(),this.dom.focus({preventScroll:!0}));let f=Bt(this.view.root);if(f)if(l.empty){if(y.gecko){let d=ho(h.node,h.offset);if(d&&d!=3){let u=(d==1?Ei:Li)(h.node,h.offset);u&&(h=new W(u.node,u.offset))}}f.collapse(h.node,h.offset),l.bidiLevel!=null&&f.caretBidiLevel!==void 0&&(f.caretBidiLevel=l.bidiLevel)}else if(f.extend){f.collapse(h.node,h.offset);try{f.extend(c.node,c.offset)}catch{}}else{let d=document.createRange();l.anchor>l.head&&([h,c]=[c,h]),d.setEnd(c.node,c.offset),d.setStart(h.node,h.offset),f.removeAllRanges(),f.addRange(d)}o&&this.view.root.activeElement==this.dom&&(this.dom.blur(),i&&i.focus())}),this.view.observer.setSelectionRange(h,c)),this.impreciseAnchor=h.precise?null:new W(a.anchorNode,a.anchorOffset),this.impreciseHead=c.precise?null:new W(a.focusNode,a.focusOffset)}suppressWidgetCursorChange(t,e){return this.hasComposition&&e.empty&&Pt(t.focusNode,t.focusOffset,t.anchorNode,t.anchorOffset)&&this.posFromDOM(t.focusNode,t.focusOffset)==e.head}enforceCursorAssoc(){if(this.hasComposition)return;let{view:t}=this,e=t.state.selection.main,i=Bt(t.root),{anchorNode:s,anchorOffset:o}=t.observer.selectionRange;if(!i||!e.empty||!e.assoc||!i.modify)return;let r=B.find(this,e.head);if(!r)return;let l=r.posAtStart;if(e.head==l||e.head==l+r.length)return;let h=this.coordsAt(e.head,-1),c=this.coordsAt(e.head,1);if(!h||!c||h.bottom>c.top)return;let a=this.domAtPos(e.head+e.assoc);i.collapse(a.node,a.offset),i.modify("move",e.assoc<0?"forward":"backward","lineboundary"),t.observer.readSelectionRange();let f=t.observer.selectionRange;t.docView.posFromDOM(f.anchorNode,f.anchorOffset)!=e.from&&i.collapse(s,o)}moveToLine(t){let e=this.dom,i;if(t.node!=e)return t;for(let s=t.offset;!i&&s<e.childNodes.length;s++){let o=O.get(e.childNodes[s]);o instanceof B&&(i=o.domAtPos(0))}for(let s=t.offset-1;!i&&s>=0;s--){let o=O.get(e.childNodes[s]);o instanceof B&&(i=o.domAtPos(o.length))}return i?new W(i.node,i.offset,!0):t}nearest(t){for(let e=t;e;){let i=O.get(e);if(i&&i.rootView==this)return i;e=e.parentNode}return null}posFromDOM(t,e){let i=this.nearest(t);if(!i)throw new RangeError("Trying to find position for a DOM position outside of the document");return i.localPosFromDOM(t,e)+i.posAtStart}domAtPos(t){let{i:e,off:i}=this.childCursor().findPos(t,-1);for(;e<this.children.length-1;){let s=this.children[e];if(i<s.length||s instanceof B)break;e++,i=0}return this.children[e].domAtPos(i)}coordsAt(t,e){let i=null,s=0;for(let o=this.length,r=this.children.length-1;r>=0;r--){let l=this.children[r],h=o-l.breakAfter,c=h-l.length;if(h<t)break;if(c<=t&&(c<t||l.covers(-1))&&(h>t||l.covers(1))&&(!i||l instanceof B&&!(i instanceof B&&e>=0)))i=l,s=c;else if(i&&c==t&&h==t&&l instanceof st&&Math.abs(e)<2){if(l.deco.startSide<0)break;r&&(i=null)}o=c}return i?i.coordsAt(t-s,e):null}coordsForChar(t){let{i:e,off:i}=this.childPos(t,1),s=this.children[e];if(!(s instanceof B))return null;for(;s.children.length;){let{i:l,off:h}=s.childPos(i,1);for(;;l++){if(l==s.children.length)return null;if((s=s.children[l]).length)break}i=h}if(!(s instanceof $))return null;let o=wt(s.text,i);if(o==i)return null;let r=ut(s.dom,i,o).getClientRects();for(let l=0;l<r.length;l++){let h=r[l];if(l==r.length-1||h.top<h.bottom&&h.left<h.right)return h}return null}measureVisibleLineHeights(t){let e=[],{from:i,to:s}=t,o=this.view.contentDOM.clientWidth,r=o>Math.max(this.view.scrollDOM.clientWidth,this.minWidth)+1,l=-1,h=this.view.textDirection==E.LTR;for(let c=0,a=0;a<this.children.length;a++){let f=this.children[a],d=c+f.length;if(d>s)break;if(c>=i){let u=f.dom.getBoundingClientRect();if(e.push(u.height),r){let g=f.dom.lastChild,p=g?St(g):[];if(p.length){let b=p[p.length-1],m=h?b.right-u.left:u.right-b.left;m>l&&(l=m,this.minWidth=o,this.minWidthFrom=c,this.minWidthTo=d)}}}c=d+f.breakAfter}return e}textDirectionAt(t){let{i:e}=this.childPos(t,1);return getComputedStyle(this.children[e].dom).direction=="rtl"?E.RTL:E.LTR}measureTextSize(){for(let o of this.children)if(o instanceof B){let r=o.measureTextSize();if(r)return r}let t=document.createElement("div"),e,i,s;return t.className="cm-line",t.style.width="99999px",t.style.position="absolute",t.textContent="abc def ghi jkl mno pqr stu",this.view.observer.ignore(()=>{this.dom.appendChild(t);let o=St(t.firstChild)[0];e=t.getBoundingClientRect().height,i=o?o.width/27:7,s=o?o.height:e,t.remove()}),{lineHeight:e,charWidth:i,textHeight:s}}childCursor(t=this.length){let e=this.children.length;return e&&(t-=this.children[--e].length),new Pi(this.children,t,e)}computeBlockGapDeco(){let t=[],e=this.view.viewState;for(let i=0,s=0;;s++){let o=s==e.viewports.length?null:e.viewports[s],r=o?o.from-1:this.length;if(r>i){let l=(e.lineBlockAt(r).bottom-e.lineBlockAt(i).top)/this.view.scaleY;t.push(R.replace({widget:new Ve(l),block:!0,inclusive:!0,isBlockGap:!0}).range(i,r))}if(!o)break;i=o.to+1}return R.set(t)}updateDeco(){let t=1,e=this.view.state.facet(Vt).map(o=>(this.dynamicDecorationMap[t++]=typeof o=="function")?o(this.view):o),i=!1,s=this.view.state.facet(fs).map((o,r)=>{let l=typeof o=="function";return l&&(i=!0),l?o(this.view):o});for(s.length&&(this.dynamicDecorationMap[t++]=i,e.push(V.join(s))),this.decorations=[this.editContextFormatting,...e,this.computeBlockGapDeco(),this.view.viewState.lineGapDeco];t<this.decorations.length;)this.dynamicDecorationMap[t++]=!1;return this.decorations}scrollIntoView(t){if(t.isSnapshot){let c=this.view.viewState.lineBlockAt(t.range.head);this.view.scrollDOM.scrollTop=c.top-t.yMargin,this.view.scrollDOM.scrollLeft=t.xMargin;return}for(let c of this.view.state.facet(hs))try{if(c(this.view,t.range,t))return!0}catch(a){_(this.view.state,a,"scroll handler")}let{range:e}=t,i=this.coordsAt(e.head,e.empty?e.assoc:e.head>e.anchor?-1:1),s;if(!i)return;!e.empty&&(s=this.coordsAt(e.anchor,e.anchor>e.head?-1:1))&&(i={left:Math.min(i.left,s.left),top:Math.min(i.top,s.top),right:Math.max(i.right,s.right),bottom:Math.max(i.bottom,s.bottom)});let o=ps(this.view),r={left:i.left-o.left,top:i.top-o.top,right:i.right+o.right,bottom:i.bottom+o.bottom},{offsetWidth:l,offsetHeight:h}=this.view.scrollDOM;Kn(this.view.scrollDOM,r,e.head<e.anchor?-1:1,t.x,t.y,Math.max(Math.min(t.xMargin,l),-l),Math.max(Math.min(t.yMargin,h),-h),this.view.textDirection==E.LTR)}}function ro(n){return n.node.nodeType==1&&n.node.firstChild&&(n.offset==0||n.node.childNodes[n.offset-1].contentEditable=="false")&&(n.offset==n.node.childNodes.length||n.node.childNodes[n.offset].contentEditable=="false")}function bs(n,t){let e=n.observer.selectionRange;if(!e.focusNode)return null;let i=Ei(e.focusNode,e.focusOffset),s=Li(e.focusNode,e.focusOffset),o=i||s;if(s&&i&&s.node!=i.node){let l=O.get(s.node);if(!l||l instanceof $&&l.text!=s.node.nodeValue)o=s;else if(n.docView.lastCompositionAfterCursor){let h=O.get(i.node);!h||h instanceof $&&h.text!=i.node.nodeValue||(o=s)}}if(n.docView.lastCompositionAfterCursor=o!=i,!o)return null;let r=t-o.offset;return{from:r,to:r+o.node.nodeValue.length,node:o.node}}function lo(n,t,e){let i=bs(n,e);if(!i)return null;let{node:s,from:o,to:r}=i,l=s.nodeValue;if(/[\n\r]/.test(l)||n.state.doc.sliceString(i.from,i.to)!=l)return null;let h=t.invertedDesc,c=new q(h.mapPos(o),h.mapPos(r),o,r),a=[];for(let f=s.parentNode;;f=f.parentNode){let d=O.get(f);if(d instanceof it)a.push({node:f,deco:d.mark});else{if(d instanceof B||f.nodeName=="DIV"&&f.parentNode==n.contentDOM)return{range:c,text:s,marks:a,line:f};if(f!=n.contentDOM)a.push({node:f,deco:new _t({inclusive:!0,attributes:Un(f),tagName:f.tagName.toLowerCase()})});else return null}}}function ho(n,t){return n.nodeType!=1?0:(t&&n.childNodes[t-1].contentEditable=="false"?1:0)|(t<n.childNodes.length&&n.childNodes[t].contentEditable=="false"?2:0)}let ao=class{constructor(){this.changes=[]}compareRange(t,e){Ne(t,e,this.changes)}comparePoint(t,e){Ne(t,e,this.changes)}};function co(n,t,e){let i=new ao;return V.compare(n,t,e,i),i.changes}function fo(n,t){for(let e=n;e&&e!=t;e=e.assignedSlot||e.parentNode)if(e.nodeType==1&&e.contentEditable=="false")return!0;return!1}function uo(n,t){let e=!1;return t&&n.iterChangedRanges((i,s)=>{i<t.to&&s>t.from&&(e=!0)}),e}function go(n,t,e=1){let i=n.charCategorizer(t),s=n.doc.lineAt(t),o=t-s.from;if(s.length==0)return M.cursor(t);o==0?e=1:o==s.length&&(e=-1);let r=o,l=o;e<0?r=wt(s.text,o,!1):l=wt(s.text,o);let h=i(s.text.slice(r,l));for(;r>0;){let c=wt(s.text,r,!1);if(i(s.text.slice(c,r))!=h)break;r=c}for(;l<s.length;){let c=wt(s.text,l);if(i(s.text.slice(l,c))!=h)break;l=c}return M.range(r+s.from,l+s.from)}function po(n,t){return t.left>n?t.left-n:Math.max(0,n-t.right)}function mo(n,t){return t.top>n?t.top-n:Math.max(0,n-t.bottom)}function Ye(n,t){return n.top<t.bottom-1&&n.bottom>t.top+1}function ys(n,t){return t<n.top?{top:t,left:n.left,right:n.right,bottom:n.bottom}:n}function ws(n,t){return t>n.bottom?{top:n.top,left:n.left,right:n.right,bottom:t}:n}function _e(n,t,e){let i,s,o,r,l=!1,h,c,a,f;for(let g=n.firstChild;g;g=g.nextSibling){let p=St(g);for(let b=0;b<p.length;b++){let m=p[b];s&&Ye(s,m)&&(m=ys(ws(m,s.bottom),s.top));let w=po(t,m),v=mo(e,m);if(w==0&&v==0)return g.nodeType==3?xs(g,t,e):_e(g,t,e);if(!i||r>v||r==v&&o>w){i=g,s=m,o=w,r=v;let x=v?e<m.top?-1:1:w?t<m.left?-1:1:0;l=!x||(x>0?b<p.length-1:b>0)}w==0?e>m.bottom&&(!a||a.bottom<m.bottom)?(h=g,a=m):e<m.top&&(!f||f.top>m.top)&&(c=g,f=m):a&&Ye(a,m)?a=ws(a,m.bottom):f&&Ye(f,m)&&(f=ys(f,m.top))}}if(a&&a.bottom>=e?(i=h,s=a):f&&f.top<=e&&(i=c,s=f),!i)return{node:n,offset:0};let d=Math.max(s.left,Math.min(s.right,t));if(i.nodeType==3)return xs(i,d,e);if(l&&i.contentEditable!="false")return _e(i,d,e);let u=Array.prototype.indexOf.call(n.childNodes,i)+(t>=(s.left+s.right)/2?1:0);return{node:n,offset:u}}function xs(n,t,e){let i=n.nodeValue.length,s=-1,o=1e9,r=0;for(let l=0;l<i;l++){let h=ut(n,l,l+1).getClientRects();for(let c=0;c<h.length;c++){let a=h[c];if(a.top==a.bottom)continue;r||(r=t-a.left);let f=(a.top>e?a.top-e:e-a.bottom)-1;if(a.left-1<=t&&a.right+1>=t&&f<o){let d=t>=(a.left+a.right)/2,u=d;if((y.chrome||y.gecko)&&ut(n,l).getBoundingClientRect().left==a.right&&(u=!d),f<=0)return{node:n,offset:l+(u?1:0)};s=l+(u?1:0),o=f}}}return{node:n,offset:s>-1?s:r>0?n.nodeValue.length:0}}function vs(n,t,e,i=-1){var s,o;let r=n.contentDOM.getBoundingClientRect(),l=r.top+n.viewState.paddingTop,h,{docHeight:c}=n.viewState,{x:a,y:f}=t,d=f-l;if(d<0)return 0;if(d>c)return n.state.doc.length;for(let x=n.viewState.heightOracle.textHeight/2,S=!1;h=n.elementAtHeight(d),h.type!=F.Text;)for(;d=i>0?h.bottom+x:h.top-x,!(d>=0&&d<=c);){if(S)return e?null:0;S=!0,i=-i}f=l+d;let u=h.from;if(u<n.viewport.from)return n.viewport.from==0?0:e?null:Ss(n,r,h,a,f);if(u>n.viewport.to)return n.viewport.to==n.state.doc.length?n.state.doc.length:e?null:Ss(n,r,h,a,f);let g=n.dom.ownerDocument,p=n.root.elementFromPoint?n.root:g,b=p.elementFromPoint(a,f);b&&!n.contentDOM.contains(b)&&(b=null),b||(a=Math.max(r.left+1,Math.min(r.right-1,a)),b=p.elementFromPoint(a,f),b&&!n.contentDOM.contains(b)&&(b=null));let m,w=-1;if(b&&((s=n.docView.nearest(b))===null||s===void 0?void 0:s.isEditable)!=!1){if(g.caretPositionFromPoint){let x=g.caretPositionFromPoint(a,f);x&&({offsetNode:m,offset:w}=x)}else if(g.caretRangeFromPoint){let x=g.caretRangeFromPoint(a,f);x&&({startContainer:m,startOffset:w}=x,(!n.contentDOM.contains(m)||y.safari&&bo(m,w,a)||y.chrome&&yo(m,w,a))&&(m=void 0))}}if(!m||!n.docView.dom.contains(m)){let x=B.find(n.docView,u);if(!x)return d>h.top+h.height/2?h.to:h.from;({node:m,offset:w}=_e(x.dom,a,f))}let v=n.docView.nearest(m);if(!v)return null;if(v.isWidget&&((o=v.dom)===null||o===void 0?void 0:o.nodeType)==1){let x=v.dom.getBoundingClientRect();return t.y<x.top||t.y<=x.bottom&&t.x<=(x.left+x.right)/2?v.posAtStart:v.posAtEnd}else return v.localPosFromDOM(m,w)+v.posAtStart}function Ss(n,t,e,i,s){let o=Math.round((i-t.left)*n.defaultCharacterWidth);if(n.lineWrapping&&e.height>n.defaultLineHeight*1.5){let l=n.viewState.heightOracle.textHeight,h=Math.floor((s-e.top-(n.defaultLineHeight-l)*.5)/l);o+=h*n.viewState.heightOracle.lineLength}let r=n.state.sliceDoc(e.from,e.to);return e.from+ke(r,o,n.state.tabSize)}function bo(n,t,e){let i;if(n.nodeType!=3||t!=(i=n.nodeValue.length))return!1;for(let s=n.nextSibling;s;s=s.nextSibling)if(s.nodeType!=1||s.nodeName!="BR")return!1;return ut(n,i-1,i).getBoundingClientRect().left>e}function yo(n,t,e){if(t!=0)return!1;for(let s=n;;){let o=s.parentNode;if(!o||o.nodeType!=1||o.firstChild!=s)return!1;if(o.classList.contains("cm-line"))break;s=o}let i=n.nodeType==1?n.getBoundingClientRect():ut(n,0,Math.max(n.nodeValue.length,1)).getBoundingClientRect();return e-i.left>5}function Xe(n,t){let e=n.lineBlockAt(t);if(Array.isArray(e.type)){for(let i of e.type)if(i.to>t||i.to==t&&(i.to==e.to||i.type==F.Text))return i}return e}function wo(n,t,e,i){let s=Xe(n,t.head),o=!i||s.type!=F.Text||!(n.lineWrapping||s.widgetLineBreaks)?null:n.coordsAtPos(t.assoc<0&&t.head>s.from?t.head-1:t.head);if(o){let r=n.dom.getBoundingClientRect(),l=n.textDirectionAt(s.from),h=n.posAtCoords({x:e==(l==E.LTR)?r.right-1:r.left+1,y:(o.top+o.bottom)/2});if(h!=null)return M.cursor(h,e?-1:1)}return M.cursor(e?s.to:s.from,e?-1:1)}function Cs(n,t,e,i){let s=n.state.doc.lineAt(t.head),o=n.bidiSpans(s),r=n.textDirectionAt(s.from);for(let l=t,h=null;;){let c=Zi(s,o,r,l,e),a=Ji;if(!c){if(s.number==(e?n.state.doc.lines:1))return l;a=`
+`,s=n.state.doc.line(s.number+(e?1:-1)),o=n.bidiSpans(s),c=n.visualLineSide(s,!e)}if(h){if(!h(a))return l}else{if(!i)return c;h=i(a)}l=c}}function xo(n,t,e){let i=n.state.charCategorizer(t),s=i(e);return o=>{let r=i(o);return s==Ln.Space&&(s=r),s==r}}function vo(n,t,e,i){let s=t.head,o=e?1:-1;if(s==(e?n.state.doc.length:0))return M.cursor(s,t.assoc);let r=t.goalColumn,l,h=n.contentDOM.getBoundingClientRect(),c=n.coordsAtPos(s,t.assoc||-1),a=n.documentTop;if(c)r==null&&(r=c.left-h.left),l=o<0?c.top:c.bottom;else{let u=n.viewState.lineBlockAt(s);r==null&&(r=Math.min(h.right-h.left,n.defaultCharacterWidth*(s-u.from))),l=(o<0?u.top:u.bottom)+a}let f=h.left+r,d=i??n.viewState.heightOracle.textHeight>>1;for(let u=0;;u+=10){let g=l+(d+u)*o,p=vs(n,{x:f,y:g},!1,o);if(g<h.top||g>h.bottom||(o<0?p<s:p>s)){let b=n.docView.coordsForChar(p),m=!b||g<b.top?-1:1;return M.cursor(p,m,void 0,r)}}}function re(n,t,e){for(;;){let i=0;for(let s of n)s.between(t-1,t+1,(o,r,l)=>{if(t>o&&t<r){let h=i||e||(t-o<r-t?-1:1);t=h<0?o:r,i=h}});if(!i)return t}}function Ge(n,t,e){let i=re(n.state.facet(je).map(s=>s(n)),e.from,t.head>e.from?-1:1);return i==e.from?e:M.cursor(i,i<e.from?1:-1)}const Wt="\uFFFF";class So{constructor(t,e){this.points=t,this.text="",this.lineSeparator=e.facet(Lt.lineSeparator)}append(t){this.text+=t}lineBreak(){this.text+=Wt}readRange(t,e){if(!t)return this;let i=t.parentNode;for(let s=t;;){this.findPointBefore(i,s);let o=this.text.length;this.readNode(s);let r=s.nextSibling;if(r==e)break;let l=O.get(s),h=O.get(r);(l&&h?l.breakAfter:(l?l.breakAfter:te(s))||te(r)&&(s.nodeName!="BR"||s.cmIgnore)&&this.text.length>o)&&this.lineBreak(),s=r}return this.findPointBefore(i,e),this}readTextNode(t){let e=t.nodeValue;for(let i of this.points)i.node==t&&(i.pos=this.text.length+Math.min(i.offset,e.length));for(let i=0,s=this.lineSeparator?null:/\r\n?|\n/g;;){let o=-1,r=1,l;if(this.lineSeparator?(o=e.indexOf(this.lineSeparator,i),r=this.lineSeparator.length):(l=s.exec(e))&&(o=l.index,r=l[0].length),this.append(e.slice(i,o<0?e.length:o)),o<0)break;if(this.lineBreak(),r>1)for(let h of this.points)h.node==t&&h.pos>this.text.length&&(h.pos-=r-1);i=o+r}}readNode(t){if(t.cmIgnore)return;let e=O.get(t),i=e&&e.overrideDOMText;if(i!=null){this.findPointInside(t,i.length);for(let s=i.iter();!s.next().done;)s.lineBreak?this.lineBreak():this.append(s.value)}else t.nodeType==3?this.readTextNode(t):t.nodeName=="BR"?t.nextSibling&&this.lineBreak():t.nodeType==1&&this.readRange(t.firstChild,null)}findPointBefore(t,e){for(let i of this.points)i.node==t&&t.childNodes[i.offset]==e&&(i.pos=this.text.length)}findPointInside(t,e){for(let i of this.points)(t.nodeType==3?i.node==t:t.contains(i.node))&&(i.pos=this.text.length+(Co(t,i.node,i.offset)?e:0))}}function Co(n,t,e){for(;;){if(!t||e<Z(t))return!1;if(t==n)return!0;e=dt(t)+1,t=t.parentNode}}class Ms{constructor(t,e){this.node=t,this.offset=e,this.pos=-1}}class Mo{constructor(t,e,i,s){this.typeOver=s,this.bounds=null,this.text="",this.domChanged=e>-1;let{impreciseHead:o,impreciseAnchor:r}=t.docView;if(t.state.readOnly&&e>-1)this.newSel=null;else if(e>-1&&(this.bounds=t.docView.domBoundsAround(e,i,0))){let l=o||r?[]:Do(t),h=new So(l,t.state);h.readRange(this.bounds.startDOM,this.bounds.endDOM),this.text=h.text,this.newSel=Oo(l,this.bounds.from)}else{let l=t.observer.selectionRange,h=o&&o.node==l.focusNode&&o.offset==l.focusOffset||!Oe(t.contentDOM,l.focusNode)?t.state.selection.main.head:t.docView.posFromDOM(l.focusNode,l.focusOffset),c=r&&r.node==l.anchorNode&&r.offset==l.anchorOffset||!Oe(t.contentDOM,l.anchorNode)?t.state.selection.main.anchor:t.docView.posFromDOM(l.anchorNode,l.anchorOffset),a=t.viewport;if((y.ios||y.chrome)&&t.state.selection.main.empty&&h!=c&&(a.from>0||a.to<t.state.doc.length)){let f=Math.min(h,c),d=Math.max(h,c),u=a.from-f,g=a.to-d;(u==0||u==1||f==0)&&(g==0||g==-1||d==t.state.doc.length)&&(h=0,c=t.state.doc.length)}this.newSel=M.single(c,h)}}}function ks(n,t){let e,{newSel:i}=t,s=n.state.selection.main,o=n.inputState.lastKeyTime>Date.now()-100?n.inputState.lastKeyCode:-1;if(t.bounds){let{from:r,to:l}=t.bounds,h=s.from,c=null;(o===8||y.android&&t.text.length<l-r)&&(h=s.to,c="end");let a=Ao(n.state.doc.sliceString(r,l,Wt),t.text,h-r,c);a&&(y.chrome&&o==13&&a.toB==a.from+2&&t.text.slice(a.from,a.toB)==Wt+Wt&&a.toB--,e={from:r+a.from,to:r+a.toA,insert:Y.of(t.text.slice(a.from,a.toB).split(Wt))})}else i&&(!n.hasFocus&&n.state.facet(rt)||i.main.eq(s))&&(i=null);if(!e&&!i)return!1;if(!e&&t.typeOver&&!s.empty&&i&&i.main.empty?e={from:s.from,to:s.to,insert:n.state.doc.slice(s.from,s.to)}:e&&e.from>=s.from&&e.to<=s.to&&(e.from!=s.from||e.to!=s.to)&&s.to-s.from-(e.to-e.from)<=4?e={from:s.from,to:s.to,insert:n.state.doc.slice(s.from,e.from).append(e.insert).append(n.state.doc.slice(e.to,s.to))}:(y.mac||y.android)&&e&&e.from==e.to&&e.from==s.head-1&&/^\. ?$/.test(e.insert.toString())&&n.contentDOM.getAttribute("autocorrect")=="off"?(i&&e.insert.length==2&&(i=M.single(i.main.anchor-1,i.main.head-1)),e={from:s.from,to:s.to,insert:Y.of([" "])}):y.chrome&&e&&e.from==e.to&&e.from==s.head&&e.insert.toString()==`
+ `&&n.lineWrapping&&(i&&(i=M.single(i.main.anchor-1,i.main.head-1)),e={from:s.from,to:s.to,insert:Y.of([" "])}),e)return $e(n,e,i,o);if(i&&!i.main.eq(s)){let r=!1,l="select";return n.inputState.lastSelectionTime>Date.now()-50&&(n.inputState.lastSelectionOrigin=="select"&&(r=!0),l=n.inputState.lastSelectionOrigin),n.dispatch({selection:i,scrollIntoView:r,userEvent:l}),!0}else return!1}function $e(n,t,e,i=-1){if(y.ios&&n.inputState.flushIOSKey(t))return!0;let s=n.state.selection.main;if(y.android&&(t.to==s.to&&(t.from==s.from||t.from==s.from-1&&n.state.sliceDoc(t.from,s.from)==" ")&&t.insert.length==1&&t.insert.lines==2&&Mt(n.contentDOM,"Enter",13)||(t.from==s.from-1&&t.to==s.to&&t.insert.length==0||i==8&&t.insert.length<t.to-t.from&&t.to>s.head)&&Mt(n.contentDOM,"Backspace",8)||t.from==s.from&&t.to==s.to+1&&t.insert.length==0&&Mt(n.contentDOM,"Delete",46)))return!0;let o=t.insert.toString();n.inputState.composing>=0&&n.inputState.composing++;let r,l=()=>r||(r=ko(n,t,e));return n.state.facet(ns).some(h=>h(n,t.from,t.to,o,l))||n.dispatch(l()),!0}function ko(n,t,e){let i,s=n.state,o=s.selection.main;if(t.from>=o.from&&t.to<=o.to&&t.to-t.from>=(o.to-o.from)/3&&(!e||e.main.empty&&e.main.from==t.from+t.insert.length)&&n.inputState.composing<0){let l=o.from<t.from?s.sliceDoc(o.from,t.from):"",h=o.to>t.to?s.sliceDoc(t.to,o.to):"";i=s.replaceSelection(n.state.toText(l+t.insert.sliceString(0,void 0,n.state.lineBreak)+h))}else{let l=s.changes(t),h=e&&e.main.to<=l.newLength?e.main:void 0;if(s.selection.ranges.length>1&&n.inputState.composing>=0&&t.to<=o.to&&t.to>=o.to-10){let c=n.state.sliceDoc(t.from,t.to),a,f=e&&bs(n,e.main.head);if(f){let g=t.insert.length-(t.to-t.from);a={from:f.from,to:f.to-g}}else a=n.state.doc.lineAt(o.head);let d=o.to-t.to,u=o.to-o.from;i=s.changeByRange(g=>{if(g.from==o.from&&g.to==o.to)return{changes:l,range:h||g.map(l)};let p=g.to-d,b=p-c.length;if(g.to-g.from!=u||n.state.sliceDoc(b,p)!=c||g.to>=a.from&&g.from<=a.to)return{range:g};let m=s.changes({from:b,to:p,insert:t.insert}),w=g.to-o.to;return{changes:m,range:h?M.range(Math.max(0,h.anchor+w),Math.max(0,h.head+w)):g.map(m)}})}else i={changes:l,selection:h&&s.selection.replaceRange(h)}}let r="input.type";return(n.composing||n.inputState.compositionPendingChange&&n.inputState.compositionEndedAt>Date.now()-50)&&(n.inputState.compositionPendingChange=!1,r+=".compose",n.inputState.compositionFirstChange&&(r+=".start",n.inputState.compositionFirstChange=!1)),s.update(i,{userEvent:r,scrollIntoView:!0})}function Ao(n,t,e,i){let s=Math.min(n.length,t.length),o=0;for(;o<s&&n.charCodeAt(o)==t.charCodeAt(o);)o++;if(o==s&&n.length==t.length)return null;let r=n.length,l=t.length;for(;r>0&&l>0&&n.charCodeAt(r-1)==t.charCodeAt(l-1);)r--,l--;if(i=="end"){let h=Math.max(0,o-Math.min(r,l));e-=r+h-o}if(r<o&&n.length<t.length){let h=e<=o&&e>=r?o-e:0;o-=h,l=o+(l-r),r=o}else if(l<o){let h=e<=o&&e>=l?o-e:0;o-=h,r=o+(r-l),l=o}return{from:o,toA:r,toB:l}}function Do(n){let t=[];if(n.root.activeElement!=n.contentDOM)return t;let{anchorNode:e,anchorOffset:i,focusNode:s,focusOffset:o}=n.observer.selectionRange;return e&&(t.push(new Ms(e,i)),(s!=e||o!=i)&&t.push(new Ms(s,o))),t}function Oo(n,t){if(n.length==0)return null;let e=n[0].pos,i=n.length==2?n[1].pos:e;return e>-1&&i>-1?M.single(e+t,i+t):null}class To{setSelectionOrigin(t){this.lastSelectionOrigin=t,this.lastSelectionTime=Date.now()}constructor(t){this.view=t,this.lastKeyCode=0,this.lastKeyTime=0,this.lastTouchTime=0,this.lastFocusTime=0,this.lastScrollTop=0,this.lastScrollLeft=0,this.pendingIOSKey=void 0,this.tabFocusMode=-1,this.lastSelectionOrigin=null,this.lastSelectionTime=0,this.lastContextMenu=0,this.scrollHandlers=[],this.handlers=Object.create(null),this.composing=-1,this.compositionFirstChange=null,this.compositionEndedAt=0,this.compositionPendingKey=!1,this.compositionPendingChange=!1,this.mouseSelection=null,this.draggedContent=null,this.handleEvent=this.handleEvent.bind(this),this.notifiedFocused=t.hasFocus,y.safari&&t.contentDOM.addEventListener("input",()=>null),y.gecko&&Yo(t.contentDOM.ownerDocument)}handleEvent(t){!Vo(this.view,t)||this.ignoreDuringComposition(t)||t.type=="keydown"&&this.keydown(t)||this.runHandlers(t.type,t)}runHandlers(t,e){let i=this.handlers[t];if(i){for(let s of i.observers)s(this.view,e);for(let s of i.handlers){if(e.defaultPrevented)break;if(s(this.view,e)){e.preventDefault();break}}}}ensureHandlers(t){let e=Ro(t),i=this.handlers,s=this.view.contentDOM;for(let o in e)if(o!="scroll"){let r=!e[o].handlers.length,l=i[o];l&&r!=!l.handlers.length&&(s.removeEventListener(o,this.handleEvent),l=null),l||s.addEventListener(o,this.handleEvent,{passive:r})}for(let o in i)o!="scroll"&&!e[o]&&s.removeEventListener(o,this.handleEvent);this.handlers=e}keydown(t){if(this.lastKeyCode=t.keyCode,this.lastKeyTime=Date.now(),t.keyCode==9&&this.tabFocusMode>-1&&(!this.tabFocusMode||Date.now()<=this.tabFocusMode))return!0;if(this.tabFocusMode>0&&t.keyCode!=27&&Os.indexOf(t.keyCode)<0&&(this.tabFocusMode=-1),y.android&&y.chrome&&!t.synthetic&&(t.keyCode==13||t.keyCode==8))return this.view.observer.delayAndroidKey(t.key,t.keyCode),!0;let e;return y.ios&&!t.synthetic&&!t.altKey&&!t.metaKey&&((e=Ds.find(i=>i.keyCode==t.keyCode))&&!t.ctrlKey||Eo.indexOf(t.key)>-1&&t.ctrlKey&&!t.shiftKey)?(this.pendingIOSKey=e||t,setTimeout(()=>this.flushIOSKey(),250),!0):(t.keyCode!=229&&this.view.observer.forceFlush(),!1)}flushIOSKey(t){let e=this.pendingIOSKey;return!e||e.key=="Enter"&&t&&t.from<t.to&&/^\S+$/.test(t.insert.toString())?!1:(this.pendingIOSKey=void 0,Mt(this.view.contentDOM,e.key,e.keyCode,e instanceof KeyboardEvent?e:void 0))}ignoreDuringComposition(t){return/^key/.test(t.type)?this.composing>0?!0:y.safari&&!y.ios&&this.compositionPendingKey&&Date.now()-this.compositionEndedAt<100?(this.compositionPendingKey=!1,!0):!1:!1}startMouseSelection(t){this.mouseSelection&&this.mouseSelection.destroy(),this.mouseSelection=t}update(t){this.view.observer.update(t),this.mouseSelection&&this.mouseSelection.update(t),this.draggedContent&&t.docChanged&&(this.draggedContent=this.draggedContent.map(t.changes)),t.transactions.length&&(this.lastKeyCode=this.lastSelectionTime=0)}destroy(){this.mouseSelection&&this.mouseSelection.destroy()}}function As(n,t){return(e,i)=>{try{return t.call(n,i,e)}catch(s){_(e.state,s)}}}function Ro(n){let t=Object.create(null);function e(i){return t[i]||(t[i]={observers:[],handlers:[]})}for(let i of n){let s=i.spec;if(s&&s.domEventHandlers)for(let o in s.domEventHandlers){let r=s.domEventHandlers[o];r&&e(o).handlers.push(As(i.value,r))}if(s&&s.domEventObservers)for(let o in s.domEventObservers){let r=s.domEventObservers[o];r&&e(o).observers.push(As(i.value,r))}}for(let i in X)e(i).handlers.push(X[i]);for(let i in j)e(i).observers.push(j[i]);return t}const Ds=[{key:"Backspace",keyCode:8,inputType:"deleteContentBackward"},{key:"Enter",keyCode:13,inputType:"insertParagraph"},{key:"Enter",keyCode:13,inputType:"insertLineBreak"},{key:"Delete",keyCode:46,inputType:"deleteContentForward"}],Eo="dthko",Os=[16,17,18,20,91,92,224,225],le=6;function he(n){return Math.max(0,n)*.7+8}function Lo(n,t){return Math.max(Math.abs(n.clientX-t.clientX),Math.abs(n.clientY-t.clientY))}class Bo{constructor(t,e,i,s){this.view=t,this.startEvent=e,this.style=i,this.mustSelect=s,this.scrollSpeed={x:0,y:0},this.scrolling=-1,this.lastEvent=e,this.scrollParents=qn(t.contentDOM),this.atoms=t.state.facet(je).map(r=>r(t));let o=t.contentDOM.ownerDocument;o.addEventListener("mousemove",this.move=this.move.bind(this)),o.addEventListener("mouseup",this.up=this.up.bind(this)),this.extend=e.shiftKey,this.multiple=t.state.facet(Lt.allowMultipleSelections)&&Po(t,e),this.dragging=No(t,e)&&Vs(e)==1?null:!1}start(t){this.dragging===!1&&this.select(t)}move(t){if(t.buttons==0)return this.destroy();if(this.dragging||this.dragging==null&&Lo(this.startEvent,t)<10)return;this.select(this.lastEvent=t);let e=0,i=0,s=0,o=0,r=this.view.win.innerWidth,l=this.view.win.innerHeight;this.scrollParents.x&&({left:s,right:r}=this.scrollParents.x.getBoundingClientRect()),this.scrollParents.y&&({top:o,bottom:l}=this.scrollParents.y.getBoundingClientRect());let h=ps(this.view);t.clientX-h.left<=s+le?e=-he(s-t.clientX):t.clientX+h.right>=r-le&&(e=he(t.clientX-r)),t.clientY-h.top<=o+le?i=-he(o-t.clientY):t.clientY+h.bottom>=l-le&&(i=he(t.clientY-l)),this.setScrollSpeed(e,i)}up(t){this.dragging==null&&this.select(this.lastEvent),this.dragging||t.preventDefault(),this.destroy()}destroy(){this.setScrollSpeed(0,0);let t=this.view.contentDOM.ownerDocument;t.removeEventListener("mousemove",this.move),t.removeEventListener("mouseup",this.up),this.view.inputState.mouseSelection=this.view.inputState.draggedContent=null}setScrollSpeed(t,e){this.scrollSpeed={x:t,y:e},t||e?this.scrolling<0&&(this.scrolling=setInterval(()=>this.scroll(),50)):this.scrolling>-1&&(clearInterval(this.scrolling),this.scrolling=-1)}scroll(){let{x:t,y:e}=this.scrollSpeed;t&&this.scrollParents.x&&(this.scrollParents.x.scrollLeft+=t,t=0),e&&this.scrollParents.y&&(this.scrollParents.y.scrollTop+=e,e=0),(t||e)&&this.view.win.scrollBy(t,e),this.dragging===!1&&this.select(this.lastEvent)}skipAtoms(t){let e=null;for(let i=0;i<t.ranges.length;i++){let s=t.ranges[i],o=null;if(s.empty){let r=re(this.atoms,s.from,0);r!=s.from&&(o=M.cursor(r,-1))}else{let r=re(this.atoms,s.from,-1),l=re(this.atoms,s.to,1);(r!=s.from||l!=s.to)&&(o=M.range(s.from==s.anchor?r:l,s.from==s.head?r:l))}o&&(e||(e=t.ranges.slice()),e[i]=o)}return e?M.create(e,t.mainIndex):t}select(t){let{view:e}=this,i=this.skipAtoms(this.style.get(t,this.extend,this.multiple));(this.mustSelect||!i.eq(e.state.selection,this.dragging===!1))&&this.view.dispatch({selection:i,userEvent:"select.pointer"}),this.mustSelect=!1}update(t){t.transactions.some(e=>e.isUserEvent("input.type"))?this.destroy():this.style.update(t)&&setTimeout(()=>this.select(this.lastEvent),20)}}function Po(n,t){let e=n.state.facet(ts);return e.length?e[0](t):y.mac?t.metaKey:t.ctrlKey}function Ho(n,t){let e=n.state.facet(es);return e.length?e[0](t):y.mac?!t.altKey:!t.ctrlKey}function No(n,t){let{main:e}=n.state.selection;if(e.empty)return!1;let i=Bt(n.root);if(!i||i.rangeCount==0)return!0;let s=i.getRangeAt(0).getClientRects();for(let o=0;o<s.length;o++){let r=s[o];if(r.left<=t.clientX&&r.right>=t.clientX&&r.top<=t.clientY&&r.bottom>=t.clientY)return!0}return!1}function Vo(n,t){if(!t.bubbles)return!0;if(t.defaultPrevented)return!1;for(let e=t.target,i;e!=n.contentDOM;e=e.parentNode)if(!e||e.nodeType==11||(i=O.get(e))&&i.ignoreEvent(t))return!1;return!0}const X=Object.create(null),j=Object.create(null),Ts=y.ie&&y.ie_version<15||y.ios&&y.webkit_version<604;function Fo(n){let t=n.dom.parentNode;if(!t)return;let e=t.appendChild(document.createElement("textarea"));e.style.cssText="position: fixed; left: -10000px; top: 10px",e.focus(),setTimeout(()=>{n.focus(),e.remove(),Rs(n,e.value)},50)}function Rs(n,t){let{state:e}=n,i,s=1,o=e.toText(t),r=o.lines==e.selection.ranges.length;if(Ue!=null&&e.selection.ranges.every(h=>h.empty)&&Ue==o.toString()){let h=-1;i=e.changeByRange(c=>{let a=e.doc.lineAt(c.from);if(a.from==h)return{range:c};h=a.from;let f=e.toText((r?o.line(s++).text:t)+e.lineBreak);return{changes:{from:a.from,insert:f},range:M.cursor(c.from+f.length)}})}else r?i=e.changeByRange(h=>{let c=o.line(s++);return{changes:{from:h.from,to:h.to,insert:c.text},range:M.cursor(h.from+c.length)}}):i=e.replaceSelection(o);n.dispatch(i,{userEvent:"input.paste",scrollIntoView:!0})}j.scroll=n=>{n.inputState.lastScrollTop=n.scrollDOM.scrollTop,n.inputState.lastScrollLeft=n.scrollDOM.scrollLeft},X.keydown=(n,t)=>(n.inputState.setSelectionOrigin("select"),t.keyCode==27&&n.inputState.tabFocusMode!=0&&(n.inputState.tabFocusMode=Date.now()+2e3),!1),j.touchstart=(n,t)=>{n.inputState.lastTouchTime=Date.now(),n.inputState.setSelectionOrigin("select.pointer")},j.touchmove=n=>{n.inputState.setSelectionOrigin("select.pointer")},X.mousedown=(n,t)=>{if(n.observer.flush(),n.inputState.lastTouchTime>Date.now()-2e3)return!1;let e=null;for(let i of n.state.facet(is))if(e=i(n,t),e)break;if(!e&&t.button==0&&(e=Io(n,t)),e){let i=!n.hasFocus;n.inputState.startMouseSelection(new Bo(n,t,e,i)),i&&n.observer.ignore(()=>{Di(n.contentDOM);let o=n.root.activeElement;o&&!o.contains(n.contentDOM)&&o.blur()});let s=n.inputState.mouseSelection;if(s)return s.start(t),s.dragging===!1}return!1};function Es(n,t,e,i){if(i==1)return M.cursor(t,e);if(i==2)return go(n.state,t,e);{let s=B.find(n.docView,t),o=n.state.doc.lineAt(s?s.posAtEnd:t),r=s?s.posAtStart:o.from,l=s?s.posAtEnd:o.to;return l<n.state.doc.length&&l==o.to&&l++,M.range(r,l)}}let Ls=(n,t,e)=>t>=e.top&&t<=e.bottom&&n>=e.left&&n<=e.right;function Wo(n,t,e,i){let s=B.find(n.docView,t);if(!s)return 1;let o=t-s.posAtStart;if(o==0)return 1;if(o==s.length)return-1;let r=s.coordsAt(o,-1);if(r&&Ls(e,i,r))return-1;let l=s.coordsAt(o,1);return l&&Ls(e,i,l)?1:r&&r.bottom>=i?-1:1}function Bs(n,t){let e=n.posAtCoords({x:t.clientX,y:t.clientY},!1);return{pos:e,bias:Wo(n,e,t.clientX,t.clientY)}}const zo=y.ie&&y.ie_version<=11;let Ps=null,Hs=0,Ns=0;function Vs(n){if(!zo)return n.detail;let t=Ps,e=Ns;return Ps=n,Ns=Date.now(),Hs=!t||e>Date.now()-400&&Math.abs(t.clientX-n.clientX)<2&&Math.abs(t.clientY-n.clientY)<2?(Hs+1)%3:1}function Io(n,t){let e=Bs(n,t),i=Vs(t),s=n.state.selection;return{update(o){o.docChanged&&(e.pos=o.changes.mapPos(e.pos),s=s.map(o.changes))},get(o,r,l){let h=Bs(n,o),c,a=Es(n,h.pos,h.bias,i);if(e.pos!=h.pos&&!r){let f=Es(n,e.pos,e.bias,i),d=Math.min(f.from,a.from),u=Math.max(f.to,a.to);a=d<a.from?M.range(d,u):M.range(u,d)}return r?s.replaceRange(s.main.extend(a.from,a.to)):l&&i==1&&s.ranges.length>1&&(c=Ko(s,h.pos))?c:l?s.addRange(a):M.create([a])}}}function Ko(n,t){for(let e=0;e<n.ranges.length;e++){let{from:i,to:s}=n.ranges[e];if(i<=t&&s>=t)return M.create(n.ranges.slice(0,e).concat(n.ranges.slice(e+1)),n.mainIndex==e?0:n.mainIndex-(n.mainIndex>e?1:0))}return null}X.dragstart=(n,t)=>{let{selection:{main:e}}=n.state;if(t.target.draggable){let s=n.docView.nearest(t.target);if(s&&s.isWidget){let o=s.posAtStart,r=o+s.length;(o>=e.to||r<=e.from)&&(e=M.range(o,r))}}let{inputState:i}=n;return i.mouseSelection&&(i.mouseSelection.dragging=!0),i.draggedContent=e,t.dataTransfer&&(t.dataTransfer.setData("Text",n.state.sliceDoc(e.from,e.to)),t.dataTransfer.effectAllowed="copyMove"),!1},X.dragend=n=>(n.inputState.draggedContent=null,!1);function Fs(n,t,e,i){if(!e)return;let s=n.posAtCoords({x:t.clientX,y:t.clientY},!1),{draggedContent:o}=n.inputState,r=i&&o&&Ho(n,t)?{from:o.from,to:o.to}:null,l={from:s,insert:e},h=n.state.changes(r?[r,l]:l);n.focus(),n.dispatch({changes:h,selection:{anchor:h.mapPos(s,-1),head:h.mapPos(s,1)},userEvent:r?"move.drop":"input.drop"}),n.inputState.draggedContent=null}X.drop=(n,t)=>{if(!t.dataTransfer)return!1;if(n.state.readOnly)return!0;let e=t.dataTransfer.files;if(e&&e.length){let i=Array(e.length),s=0,o=()=>{++s==e.length&&Fs(n,t,i.filter(r=>r!=null).join(n.state.lineBreak),!1)};for(let r=0;r<e.length;r++){let l=new FileReader;l.onerror=o,l.onload=()=>{/[\x00-\x08\x0e-\x1f]{2}/.test(l.result)||(i[r]=l.result),o()},l.readAsText(e[r])}return!0}else{let i=t.dataTransfer.getData("Text");if(i)return Fs(n,t,i,!0),!0}return!1},X.paste=(n,t)=>{if(n.state.readOnly)return!0;n.observer.flush();let e=Ts?null:t.clipboardData;return e?(Rs(n,e.getData("text/plain")||e.getData("text/uri-list")),!0):(Fo(n),!1)};function qo(n,t){let e=n.dom.parentNode;if(!e)return;let i=e.appendChild(document.createElement("textarea"));i.style.cssText="position: fixed; left: -10000px; top: 10px",i.value=t,i.focus(),i.selectionEnd=t.length,i.selectionStart=0,setTimeout(()=>{i.remove(),n.focus()},50)}function jo(n){let t=[],e=[],i=!1;for(let s of n.selection.ranges)s.empty||(t.push(n.sliceDoc(s.from,s.to)),e.push(s));if(!t.length){let s=-1;for(let{from:o}of n.selection.ranges){let r=n.doc.lineAt(o);r.number>s&&(t.push(r.text),e.push({from:r.from,to:Math.min(n.doc.length,r.to+1)})),s=r.number}i=!0}return{text:t.join(n.lineBreak),ranges:e,linewise:i}}let Ue=null;X.copy=X.cut=(n,t)=>{let{text:e,ranges:i,linewise:s}=jo(n.state);if(!e&&!s)return!1;Ue=s?e:null,t.type=="cut"&&!n.state.readOnly&&n.dispatch({changes:i,scrollIntoView:!0,userEvent:"delete.cut"});let o=Ts?null:t.clipboardData;return o?(o.clearData(),o.setData("text/plain",e),!0):(qo(n,e),!1)};const Ws=Bn.define();function zs(n,t){let e=[];for(let i of n.facet(os)){let s=i(n,t);s&&e.push(s)}return e?n.update({effects:e,annotations:Ws.of(!0)}):null}function Is(n){setTimeout(()=>{let t=n.hasFocus;if(t!=n.inputState.notifiedFocused){let e=zs(n.state,t);e?n.dispatch(e):n.update([])}},10)}j.focus=n=>{n.inputState.lastFocusTime=Date.now(),!n.scrollDOM.scrollTop&&(n.inputState.lastScrollTop||n.inputState.lastScrollLeft)&&(n.scrollDOM.scrollTop=n.inputState.lastScrollTop,n.scrollDOM.scrollLeft=n.inputState.lastScrollLeft),Is(n)},j.blur=n=>{n.observer.clearSelectionRange(),Is(n)},j.compositionstart=j.compositionupdate=n=>{n.observer.editContext||(n.inputState.compositionFirstChange==null&&(n.inputState.compositionFirstChange=!0),n.inputState.composing<0&&(n.inputState.composing=0))},j.compositionend=n=>{n.observer.editContext||(n.inputState.composing=-1,n.inputState.compositionEndedAt=Date.now(),n.inputState.compositionPendingKey=!0,n.inputState.compositionPendingChange=n.observer.pendingRecords().length>0,n.inputState.compositionFirstChange=null,y.chrome&&y.android?n.observer.flushSoon():n.inputState.compositionPendingChange?Promise.resolve().then(()=>n.observer.flush()):setTimeout(()=>{n.inputState.composing<0&&n.docView.hasComposition&&n.update([])},50))},j.contextmenu=n=>{n.inputState.lastContextMenu=Date.now()},X.beforeinput=(n,t)=>{var e,i;if(t.inputType=="insertReplacementText"&&n.observer.editContext){let o=(e=t.dataTransfer)===null||e===void 0?void 0:e.getData("text/plain"),r=t.getTargetRanges();if(o&&r.length){let l=r[0],h=n.posAtDOM(l.startContainer,l.startOffset),c=n.posAtDOM(l.endContainer,l.endOffset);return $e(n,{from:h,to:c,insert:n.state.toText(o)},null),!0}}let s;if(y.chrome&&y.android&&(s=Ds.find(o=>o.inputType==t.inputType))&&(n.observer.delayAndroidKey(s.key,s.keyCode),s.key=="Backspace"||s.key=="Delete")){let o=((i=window.visualViewport)===null||i===void 0?void 0:i.height)||0;setTimeout(()=>{var r;(((r=window.visualViewport)===null||r===void 0?void 0:r.height)||0)>o+10&&n.hasFocus&&(n.contentDOM.blur(),n.focus())},100)}return y.ios&&t.inputType=="deleteContentForward"&&n.observer.flushSoon(),y.safari&&t.inputType=="insertText"&&n.inputState.composing>=0&&setTimeout(()=>j.compositionend(n,t),20),!1};const Ks=new Set;function Yo(n){Ks.has(n)||(Ks.add(n),n.addEventListener("copy",()=>{}),n.addEventListener("cut",()=>{}))}const qs=["pre-wrap","normal","pre-line","break-spaces"];let mt=!1;function Qe(){mt=!1}class js{constructor(t){this.lineWrapping=t,this.doc=Y.empty,this.heightSamples={},this.lineHeight=14,this.charWidth=7,this.textHeight=14,this.lineLength=30}heightForGap(t,e){let i=this.doc.lineAt(e).number-this.doc.lineAt(t).number+1;return this.lineWrapping&&(i+=Math.max(0,Math.ceil((e-t-i*this.lineLength*.5)/this.lineLength))),this.lineHeight*i}heightForLine(t){return this.lineWrapping?(1+Math.max(0,Math.ceil((t-this.lineLength)/(this.lineLength-5))))*this.lineHeight:this.lineHeight}setDoc(t){return this.doc=t,this}mustRefreshForWrapping(t){return qs.indexOf(t)>-1!=this.lineWrapping}mustRefreshForHeights(t){let e=!1;for(let i=0;i<t.length;i++){let s=t[i];s<0?i++:this.heightSamples[Math.floor(s*10)]||(e=!0,this.heightSamples[Math.floor(s*10)]=!0)}return e}refresh(t,e,i,s,o,r){let l=qs.indexOf(t)>-1,h=Math.round(e)!=Math.round(this.lineHeight)||this.lineWrapping!=l;if(this.lineWrapping=l,this.lineHeight=e,this.charWidth=i,this.textHeight=s,this.lineLength=o,h){this.heightSamples={};for(let c=0;c<r.length;c++){let a=r[c];a<0?c++:this.heightSamples[Math.floor(a*10)]=!0}}return h}}class Ys{constructor(t,e){this.from=t,this.heights=e,this.index=0}get more(){return this.index<this.heights.length}}class G{constructor(t,e,i,s,o){this.from=t,this.length=e,this.top=i,this.height=s,this._content=o}get type(){return typeof this._content=="number"?F.Text:Array.isArray(this._content)?this._content:this._content.type}get to(){return this.from+this.length}get bottom(){return this.top+this.height}get widget(){return this._content instanceof ht?this._content.widget:null}get widgetLineBreaks(){return typeof this._content=="number"?this._content:0}join(t){let e=(Array.isArray(this._content)?this._content:[this]).concat(Array.isArray(t._content)?t._content:[t]);return new G(this.from,this.length+t.length,this.top,this.height+t.height,e)}}var T=function(n){return n[n.ByPos=0]="ByPos",n[n.ByHeight=1]="ByHeight",n[n.ByPosNoHeight=2]="ByPosNoHeight",n}(T||(T={}));const ae=.001;class z{constructor(t,e,i=2){this.length=t,this.height=e,this.flags=i}get outdated(){return(this.flags&2)>0}set outdated(t){this.flags=(t?2:0)|this.flags&-3}setHeight(t){this.height!=t&&(Math.abs(this.height-t)>ae&&(mt=!0),this.height=t)}replace(t,e,i){return z.of(i)}decomposeLeft(t,e){e.push(this)}decomposeRight(t,e){e.push(this)}applyChanges(t,e,i,s){let o=this,r=i.doc;for(let l=s.length-1;l>=0;l--){let{fromA:h,toA:c,fromB:a,toB:f}=s[l],d=o.lineAt(h,T.ByPosNoHeight,i.setDoc(e),0,0),u=d.to>=c?d:o.lineAt(c,T.ByPosNoHeight,i,0,0);for(f+=u.to-c,c=u.to;l>0&&d.from<=s[l-1].toA;)h=s[l-1].fromA,a=s[l-1].fromB,l--,h<d.from&&(d=o.lineAt(h,T.ByPosNoHeight,i,0,0));a+=d.from-h,h=d.from;let g=bi.build(i.setDoc(r),t,a,f);o=ce(o,o.replace(h,c,g))}return o.updateHeight(i,0)}static empty(){return new K(0,0)}static of(t){if(t.length==1)return t[0];let e=0,i=t.length,s=0,o=0;for(;;)if(e==i)if(s>o*2){let l=t[e-1];l.break?t.splice(--e,1,l.left,null,l.right):t.splice(--e,1,l.left,l.right),i+=1+l.break,s-=l.size}else if(o>s*2){let l=t[i];l.break?t.splice(i,1,l.left,null,l.right):t.splice(i,1,l.left,l.right),i+=2+l.break,o-=l.size}else break;else if(s<o){let l=t[e++];l&&(s+=l.size)}else{let l=t[--i];l&&(o+=l.size)}let r=0;return t[e-1]==null?(r=1,e--):t[e]==null&&(r=1,i++),new _o(z.of(t.slice(0,e)),r,z.of(t.slice(i)))}}function ce(n,t){return n==t?n:(n.constructor!=t.constructor&&(mt=!0),t)}z.prototype.size=1;class _s extends z{constructor(t,e,i){super(t,e),this.deco=i}blockAt(t,e,i,s){return new G(s,this.length,i,this.height,this.deco||0)}lineAt(t,e,i,s,o){return this.blockAt(0,i,s,o)}forEachLine(t,e,i,s,o,r){t<=o+this.length&&e>=o&&r(this.blockAt(0,i,s,o))}updateHeight(t,e=0,i=!1,s){return s&&s.from<=e&&s.more&&this.setHeight(s.heights[s.index++]),this.outdated=!1,this}toString(){return`block(${this.length})`}}class K extends _s{constructor(t,e){super(t,e,null),this.collapsed=0,this.widgetHeight=0,this.breaks=0}blockAt(t,e,i,s){return new G(s,this.length,i,this.height,this.breaks)}replace(t,e,i){let s=i[0];return i.length==1&&(s instanceof K||s instanceof N&&s.flags&4)&&Math.abs(this.length-s.length)<10?(s instanceof N?s=new K(s.length,this.height):s.height=this.height,this.outdated||(s.outdated=!1),s):z.of(i)}updateHeight(t,e=0,i=!1,s){return s&&s.from<=e&&s.more?this.setHeight(s.heights[s.index++]):(i||this.outdated)&&this.setHeight(Math.max(this.widgetHeight,t.heightForLine(this.length-this.collapsed))+this.breaks*t.lineHeight),this.outdated=!1,this}toString(){return`line(${this.length}${this.collapsed?-this.collapsed:""}${this.widgetHeight?":"+this.widgetHeight:""})`}}class N extends z{constructor(t){super(t,0)}heightMetrics(t,e){let i=t.doc.lineAt(e).number,s=t.doc.lineAt(e+this.length).number,o=s-i+1,r,l=0;if(t.lineWrapping){let h=Math.min(this.height,t.lineHeight*o);r=h/o,this.length>o+1&&(l=(this.height-h)/(this.length-o-1))}else r=this.height/o;return{firstLine:i,lastLine:s,perLine:r,perChar:l}}blockAt(t,e,i,s){let{firstLine:o,lastLine:r,perLine:l,perChar:h}=this.heightMetrics(e,s);if(e.lineWrapping){let c=s+(t<e.lineHeight?0:Math.round(Math.max(0,Math.min(1,(t-i)/this.height))*this.length)),a=e.doc.lineAt(c),f=l+a.length*h,d=Math.max(i,t-f/2);return new G(a.from,a.length,d,f,0)}else{let c=Math.max(0,Math.min(r-o,Math.floor((t-i)/l))),{from:a,length:f}=e.doc.line(o+c);return new G(a,f,i+l*c,l,0)}}lineAt(t,e,i,s,o){if(e==T.ByHeight)return this.blockAt(t,i,s,o);if(e==T.ByPosNoHeight){let{from:u,to:g}=i.doc.lineAt(t);return new G(u,g-u,0,0,0)}let{firstLine:r,perLine:l,perChar:h}=this.heightMetrics(i,o),c=i.doc.lineAt(t),a=l+c.length*h,f=c.number-r,d=s+l*f+h*(c.from-o-f);return new G(c.from,c.length,Math.max(s,Math.min(d,s+this.height-a)),a,0)}forEachLine(t,e,i,s,o,r){t=Math.max(t,o),e=Math.min(e,o+this.length);let{firstLine:l,perLine:h,perChar:c}=this.heightMetrics(i,o);for(let a=t,f=s;a<=e;){let d=i.doc.lineAt(a);if(a==t){let g=d.number-l;f+=h*g+c*(t-o-g)}let u=h+c*d.length;r(new G(d.from,d.length,f,u,0)),f+=u,a=d.to+1}}replace(t,e,i){let s=this.length-e;if(s>0){let o=i[i.length-1];o instanceof N?i[i.length-1]=new N(o.length+s):i.push(null,new N(s-1))}if(t>0){let o=i[0];o instanceof N?i[0]=new N(t+o.length):i.unshift(new N(t-1),null)}return z.of(i)}decomposeLeft(t,e){e.push(new N(t-1),null)}decomposeRight(t,e){e.push(null,new N(this.length-t-1))}updateHeight(t,e=0,i=!1,s){let o=e+this.length;if(s&&s.from<=e+this.length&&s.more){let r=[],l=Math.max(e,s.from),h=-1;for(s.from>e&&r.push(new N(s.from-e-1).updateHeight(t,e));l<=o&&s.more;){let a=t.doc.lineAt(l).length;r.length&&r.push(null);let f=s.heights[s.index++];h==-1?h=f:Math.abs(f-h)>=ae&&(h=-2);let d=new K(a,f);d.outdated=!1,r.push(d),l+=a+1}l<=o&&r.push(null,new N(o-l).updateHeight(t,l));let c=z.of(r);return(h<0||Math.abs(c.height-this.height)>=ae||Math.abs(h-this.heightMetrics(t,e).perLine)>=ae)&&(mt=!0),ce(this,c)}else(i||this.outdated)&&(this.setHeight(t.heightForGap(e,e+this.length)),this.outdated=!1);return this}toString(){return`gap(${this.length})`}}class _o extends z{constructor(t,e,i){super(t.length+e+i.length,t.height+i.height,e|(t.outdated||i.outdated?2:0)),this.left=t,this.right=i,this.size=t.size+i.size}get break(){return this.flags&1}blockAt(t,e,i,s){let o=i+this.left.height;return t<o?this.left.blockAt(t,e,i,s):this.right.blockAt(t,e,o,s+this.left.length+this.break)}lineAt(t,e,i,s,o){let r=s+this.left.height,l=o+this.left.length+this.break,h=e==T.ByHeight?t<r:t<l,c=h?this.left.lineAt(t,e,i,s,o):this.right.lineAt(t,e,i,r,l);if(this.break||(h?c.to<l:c.from>l))return c;let a=e==T.ByPosNoHeight?T.ByPosNoHeight:T.ByPos;return h?c.join(this.right.lineAt(l,a,i,r,l)):this.left.lineAt(l,a,i,s,o).join(c)}forEachLine(t,e,i,s,o,r){let l=s+this.left.height,h=o+this.left.length+this.break;if(this.break)t<h&&this.left.forEachLine(t,e,i,s,o,r),e>=h&&this.right.forEachLine(t,e,i,l,h,r);else{let c=this.lineAt(h,T.ByPos,i,s,o);t<c.from&&this.left.forEachLine(t,c.from-1,i,s,o,r),c.to>=t&&c.from<=e&&r(c),e>c.to&&this.right.forEachLine(c.to+1,e,i,l,h,r)}}replace(t,e,i){let s=this.left.length+this.break;if(e<s)return this.balanced(this.left.replace(t,e,i),this.right);if(t>this.left.length)return this.balanced(this.left,this.right.replace(t-s,e-s,i));let o=[];t>0&&this.decomposeLeft(t,o);let r=o.length;for(let l of i)o.push(l);if(t>0&&Xs(o,r-1),e<this.length){let l=o.length;this.decomposeRight(e,o),Xs(o,l)}return z.of(o)}decomposeLeft(t,e){let i=this.left.length;if(t<=i)return this.left.decomposeLeft(t,e);e.push(this.left),this.break&&(i++,t>=i&&e.push(null)),t>i&&this.right.decomposeLeft(t-i,e)}decomposeRight(t,e){let i=this.left.length,s=i+this.break;if(t>=s)return this.right.decomposeRight(t-s,e);t<i&&this.left.decomposeRight(t,e),this.break&&t<s&&e.push(null),e.push(this.right)}balanced(t,e){return t.size>2*e.size||e.size>2*t.size?z.of(this.break?[t,null,e]:[t,e]):(this.left=ce(this.left,t),this.right=ce(this.right,e),this.setHeight(t.height+e.height),this.outdated=t.outdated||e.outdated,this.size=t.size+e.size,this.length=t.length+this.break+e.length,this)}updateHeight(t,e=0,i=!1,s){let{left:o,right:r}=this,l=e+o.length+this.break,h=null;return s&&s.from<=e+o.length&&s.more?h=o=o.updateHeight(t,e,i,s):o.updateHeight(t,e,i),s&&s.from<=l+r.length&&s.more?h=r=r.updateHeight(t,l,i,s):r.updateHeight(t,l,i),h?this.balanced(o,r):(this.height=this.left.height+this.right.height,this.outdated=!1,this)}toString(){return this.left+(this.break?" ":"-")+this.right}}function Xs(n,t){let e,i;n[t]==null&&(e=n[t-1])instanceof N&&(i=n[t+1])instanceof N&&n.splice(t-1,3,new N(e.length+1+i.length))}const Xo=5;class bi{constructor(t,e){this.pos=t,this.oracle=e,this.nodes=[],this.lineStart=-1,this.lineEnd=-1,this.covering=null,this.writtenTo=t}get isCovered(){return this.covering&&this.nodes[this.nodes.length-1]==this.covering}span(t,e){if(this.lineStart>-1){let i=Math.min(e,this.lineEnd),s=this.nodes[this.nodes.length-1];s instanceof K?s.length+=i-this.pos:(i>this.pos||!this.isCovered)&&this.nodes.push(new K(i-this.pos,-1)),this.writtenTo=i,e>i&&(this.nodes.push(null),this.writtenTo++,this.lineStart=-1)}this.pos=e}point(t,e,i){if(t<e||i.heightRelevant){let s=i.widget?i.widget.estimatedHeight:0,o=i.widget?i.widget.lineBreaks:0;s<0&&(s=this.oracle.lineHeight);let r=e-t;i.block?this.addBlock(new _s(r,s,i)):(r||o||s>=Xo)&&this.addLineDeco(s,o,r)}else e>t&&this.span(t,e);this.lineEnd>-1&&this.lineEnd<this.pos&&(this.lineEnd=this.oracle.doc.lineAt(this.pos).to)}enterLine(){if(this.lineStart>-1)return;let{from:t,to:e}=this.oracle.doc.lineAt(this.pos);this.lineStart=t,this.lineEnd=e,this.writtenTo<t&&((this.writtenTo<t-1||this.nodes[this.nodes.length-1]==null)&&this.nodes.push(this.blankContent(this.writtenTo,t-1)),this.nodes.push(null)),this.pos>t&&this.nodes.push(new K(this.pos-t,-1)),this.writtenTo=this.pos}blankContent(t,e){let i=new N(e-t);return this.oracle.doc.lineAt(t).to==e&&(i.flags|=4),i}ensureLine(){this.enterLine();let t=this.nodes.length?this.nodes[this.nodes.length-1]:null;if(t instanceof K)return t;let e=new K(0,-1);return this.nodes.push(e),e}addBlock(t){this.enterLine();let e=t.deco;e&&e.startSide>0&&!this.isCovered&&this.ensureLine(),this.nodes.push(t),this.writtenTo=this.pos=this.pos+t.length,e&&e.endSide>0&&(this.covering=t)}addLineDeco(t,e,i){let s=this.ensureLine();s.length+=i,s.collapsed+=i,s.widgetHeight=Math.max(s.widgetHeight,t),s.breaks+=e,this.writtenTo=this.pos=this.pos+i}finish(t){let e=this.nodes.length==0?null:this.nodes[this.nodes.length-1];this.lineStart>-1&&!(e instanceof K)&&!this.isCovered?this.nodes.push(new K(0,-1)):(this.writtenTo<this.pos||e==null)&&this.nodes.push(this.blankContent(this.writtenTo,this.pos));let i=t;for(let s of this.nodes)s instanceof K&&s.updateHeight(this.oracle,i),i+=s?s.length:1;return this.nodes}static build(t,e,i,s){let o=new bi(i,t);return V.spans(e,i,s,o,0),o.finish(i)}}function Go(n,t,e){let i=new $o;return V.compare(n,t,e,i,0),i.changes}class $o{constructor(){this.changes=[]}compareRange(){}comparePoint(t,e,i,s){(t<e||i&&i.heightRelevant||s&&s.heightRelevant)&&Ne(t,e,this.changes,5)}}function Uo(n,t){let e=n.getBoundingClientRect(),i=n.ownerDocument,s=i.defaultView||window,o=Math.max(0,e.left),r=Math.min(s.innerWidth,e.right),l=Math.max(0,e.top),h=Math.min(s.innerHeight,e.bottom);for(let c=n.parentNode;c&&c!=i.body;)if(c.nodeType==1){let a=c,f=window.getComputedStyle(a);if((a.scrollHeight>a.clientHeight||a.scrollWidth>a.clientWidth)&&f.overflow!="visible"){let d=a.getBoundingClientRect();o=Math.max(o,d.left),r=Math.min(r,d.right),l=Math.max(l,d.top),h=Math.min(c==n.parentNode?s.innerHeight:h,d.bottom)}c=f.position=="absolute"||f.position=="fixed"?a.offsetParent:a.parentNode}else if(c.nodeType==11)c=c.host;else break;return{left:o-e.left,right:Math.max(o,r)-e.left,top:l-(e.top+t),bottom:Math.max(l,h)-(e.top+t)}}function Qo(n,t){let e=n.getBoundingClientRect();return{left:0,right:e.right-e.left,top:t,bottom:e.bottom-(e.top+t)}}class Je{constructor(t,e,i){this.from=t,this.to=e,this.size=i}static same(t,e){if(t.length!=e.length)return!1;for(let i=0;i<t.length;i++){let s=t[i],o=e[i];if(s.from!=o.from||s.to!=o.to||s.size!=o.size)return!1}return!0}draw(t,e){return R.replace({widget:new Jo(this.size*(e?t.scaleY:t.scaleX),e)}).range(this.from,this.to)}}class Jo extends gt{constructor(t,e){super(),this.size=t,this.vertical=e}eq(t){return t.size==this.size&&t.vertical==this.vertical}toDOM(){let t=document.createElement("div");return this.vertical?t.style.height=this.size+"px":(t.style.width=this.size+"px",t.style.height="2px",t.style.display="inline-block"),t}get estimatedHeight(){return this.vertical?this.size:-1}}class Gs{constructor(t){this.state=t,this.pixelViewport={left:0,right:window.innerWidth,top:0,bottom:0},this.inView=!0,this.paddingTop=0,this.paddingBottom=0,this.contentDOMWidth=0,this.contentDOMHeight=0,this.editorHeight=0,this.editorWidth=0,this.scrollTop=0,this.scrolledToBottom=!1,this.scaleX=1,this.scaleY=1,this.scrollAnchorPos=0,this.scrollAnchorHeight=-1,this.scaler=$s,this.scrollTarget=null,this.printing=!1,this.mustMeasureContent=!0,this.defaultTextDirection=E.LTR,this.visibleRanges=[],this.mustEnforceCursorAssoc=!1;let e=t.facet(oe).some(i=>typeof i!="function"&&i.class=="cm-lineWrapping");this.heightOracle=new js(e),this.stateDeco=t.facet(Vt).filter(i=>typeof i!="function"),this.heightMap=z.empty().applyChanges(this.stateDeco,Y.empty,this.heightOracle.setDoc(t.doc),[new q(0,0,0,t.doc.length)]);for(let i=0;i<2&&(this.viewport=this.getViewport(0,null),!!this.updateForViewport());i++);this.updateViewportLines(),this.lineGaps=this.ensureLineGaps([]),this.lineGapDeco=R.set(this.lineGaps.map(i=>i.draw(this,!1))),this.computeVisibleRanges()}updateForViewport(){let t=[this.viewport],{main:e}=this.state.selection;for(let i=0;i<=1;i++){let s=i?e.head:e.anchor;if(!t.some(({from:o,to:r})=>s>=o&&s<=r)){let{from:o,to:r}=this.lineBlockAt(s);t.push(new fe(o,r))}}return this.viewports=t.sort((i,s)=>i.from-s.from),this.updateScaler()}updateScaler(){let t=this.scaler;return this.scaler=this.heightMap.height<=7e6?$s:new yi(this.heightOracle,this.heightMap,this.viewports),t.eq(this.scaler)?0:2}updateViewportLines(){this.viewportLines=[],this.heightMap.forEachLine(this.viewport.from,this.viewport.to,this.heightOracle.setDoc(this.state.doc),0,0,t=>{this.viewportLines.push(zt(t,this.scaler))})}update(t,e=null){this.state=t.state;let i=this.stateDeco;this.stateDeco=this.state.facet(Vt).filter(a=>typeof a!="function");let s=t.changedRanges,o=q.extendWithRanges(s,Go(i,this.stateDeco,t?t.changes:vi.empty(this.state.doc.length))),r=this.heightMap.height,l=this.scrolledToBottom?null:this.scrollAnchorAt(this.scrollTop);Qe(),this.heightMap=this.heightMap.applyChanges(this.stateDeco,t.startState.doc,this.heightOracle.setDoc(this.state.doc),o),(this.heightMap.height!=r||mt)&&(t.flags|=2),l?(this.scrollAnchorPos=t.changes.mapPos(l.from,-1),this.scrollAnchorHeight=l.top):(this.scrollAnchorPos=-1,this.scrollAnchorHeight=this.heightMap.height);let h=o.length?this.mapViewport(this.viewport,t.changes):this.viewport;(e&&(e.range.head<h.from||e.range.head>h.to)||!this.viewportIsAppropriate(h))&&(h=this.getViewport(0,e));let c=h.from!=this.viewport.from||h.to!=this.viewport.to;this.viewport=h,t.flags|=this.updateForViewport(),(c||!t.changes.empty||t.flags&2)&&this.updateViewportLines(),(this.lineGaps.length||this.viewport.to-this.viewport.from>4e3)&&this.updateLineGaps(this.ensureLineGaps(this.mapLineGaps(this.lineGaps,t.changes))),t.flags|=this.computeVisibleRanges(),e&&(this.scrollTarget=e),!this.mustEnforceCursorAssoc&&t.selectionSet&&t.view.lineWrapping&&t.state.selection.main.empty&&t.state.selection.main.assoc&&!t.state.facet(ls)&&(this.mustEnforceCursorAssoc=!0)}measure(t){let e=t.contentDOM,i=window.getComputedStyle(e),s=this.heightOracle,o=i.whiteSpace;this.defaultTextDirection=i.direction=="rtl"?E.RTL:E.LTR;let r=this.heightOracle.mustRefreshForWrapping(o),l=e.getBoundingClientRect(),h=r||this.mustMeasureContent||this.contentDOMHeight!=l.height;this.contentDOMHeight=l.height,this.mustMeasureContent=!1;let c=0,a=0;if(l.width&&l.height){let{scaleX:x,scaleY:S}=Ai(e,l);(x>.005&&Math.abs(this.scaleX-x)>.005||S>.005&&Math.abs(this.scaleY-S)>.005)&&(this.scaleX=x,this.scaleY=S,c|=8,r=h=!0)}let f=(parseInt(i.paddingTop)||0)*this.scaleY,d=(parseInt(i.paddingBottom)||0)*this.scaleY;(this.paddingTop!=f||this.paddingBottom!=d)&&(this.paddingTop=f,this.paddingBottom=d,c|=10),this.editorWidth!=t.scrollDOM.clientWidth&&(s.lineWrapping&&(h=!0),this.editorWidth=t.scrollDOM.clientWidth,c|=8);let u=t.scrollDOM.scrollTop*this.scaleY;this.scrollTop!=u&&(this.scrollAnchorHeight=-1,this.scrollTop=u),this.scrolledToBottom=Ri(t.scrollDOM);let g=(this.printing?Qo:Uo)(e,this.paddingTop),p=g.top-this.pixelViewport.top,b=g.bottom-this.pixelViewport.bottom;this.pixelViewport=g;let m=this.pixelViewport.bottom>this.pixelViewport.top&&this.pixelViewport.right>this.pixelViewport.left;if(m!=this.inView&&(this.inView=m,m&&(h=!0)),!this.inView&&!this.scrollTarget)return 0;let w=l.width;if((this.contentDOMWidth!=w||this.editorHeight!=t.scrollDOM.clientHeight)&&(this.contentDOMWidth=l.width,this.editorHeight=t.scrollDOM.clientHeight,c|=8),h){let x=t.docView.measureVisibleLineHeights(this.viewport);if(s.mustRefreshForHeights(x)&&(r=!0),r||s.lineWrapping&&Math.abs(w-this.contentDOMWidth)>s.charWidth){let{lineHeight:S,charWidth:C,textHeight:L}=t.docView.measureTextSize();r=S>0&&s.refresh(o,S,C,L,w/C,x),r&&(t.docView.minWidth=0,c|=8)}p>0&&b>0?a=Math.max(p,b):p<0&&b<0&&(a=Math.min(p,b)),Qe();for(let S of this.viewports){let C=S.from==this.viewport.from?x:t.docView.measureVisibleLineHeights(S);this.heightMap=(r?z.empty().applyChanges(this.stateDeco,Y.empty,this.heightOracle,[new q(0,0,0,t.state.doc.length)]):this.heightMap).updateHeight(s,0,r,new Ys(S.from,C))}mt&&(c|=2)}let v=!this.viewportIsAppropriate(this.viewport,a)||this.scrollTarget&&(this.scrollTarget.range.head<this.viewport.from||this.scrollTarget.range.head>this.viewport.to);return v&&(c&2&&(c|=this.updateScaler()),this.viewport=this.getViewport(a,this.scrollTarget),c|=this.updateForViewport()),(c&2||v)&&this.updateViewportLines(),(this.lineGaps.length||this.viewport.to-this.viewport.from>4e3)&&this.updateLineGaps(this.ensureLineGaps(r?[]:this.lineGaps,t)),c|=this.computeVisibleRanges(),this.mustEnforceCursorAssoc&&(this.mustEnforceCursorAssoc=!1,t.docView.enforceCursorAssoc()),c}get visibleTop(){return this.scaler.fromDOM(this.pixelViewport.top)}get visibleBottom(){return this.scaler.fromDOM(this.pixelViewport.bottom)}getViewport(t,e){let i=.5-Math.max(-.5,Math.min(.5,t/1e3/2)),s=this.heightMap,o=this.heightOracle,{visibleTop:r,visibleBottom:l}=this,h=new fe(s.lineAt(r-i*1e3,T.ByHeight,o,0,0).from,s.lineAt(l+(1-i)*1e3,T.ByHeight,o,0,0).to);if(e){let{head:c}=e.range;if(c<h.from||c>h.to){let a=Math.min(this.editorHeight,this.pixelViewport.bottom-this.pixelViewport.top),f=s.lineAt(c,T.ByPos,o,0,0),d;e.y=="center"?d=(f.top+f.bottom)/2-a/2:e.y=="start"||e.y=="nearest"&&c<h.from?d=f.top:d=f.bottom-a,h=new fe(s.lineAt(d-1e3/2,T.ByHeight,o,0,0).from,s.lineAt(d+a+1e3/2,T.ByHeight,o,0,0).to)}}return h}mapViewport(t,e){let i=e.mapPos(t.from,-1),s=e.mapPos(t.to,1);return new fe(this.heightMap.lineAt(i,T.ByPos,this.heightOracle,0,0).from,this.heightMap.lineAt(s,T.ByPos,this.heightOracle,0,0).to)}viewportIsAppropriate({from:t,to:e},i=0){if(!this.inView)return!0;let{top:s}=this.heightMap.lineAt(t,T.ByPos,this.heightOracle,0,0),{bottom:o}=this.heightMap.lineAt(e,T.ByPos,this.heightOracle,0,0),{visibleTop:r,visibleBottom:l}=this;return(t==0||s<=r-Math.max(10,Math.min(-i,250)))&&(e==this.state.doc.length||o>=l+Math.max(10,Math.min(i,250)))&&s>r-2*1e3&&o<l+2*1e3}mapLineGaps(t,e){if(!t.length||e.empty)return t;let i=[];for(let s of t)e.touchesRange(s.from,s.to)||i.push(new Je(e.mapPos(s.from),e.mapPos(s.to),s.size));return i}ensureLineGaps(t,e){let i=this.heightOracle.lineWrapping,s=i?1e4:2e3,o=s>>1,r=s<<1;if(this.defaultTextDirection!=E.LTR&&!i)return[];let l=[],h=(a,f,d,u)=>{if(f-a<o)return;let g=this.state.selection.main,p=[g.from];g.empty||p.push(g.to);for(let m of p)if(m>a&&m<f){h(a,m-10,d,u),h(m+10,f,d,u);return}let b=tr(t,m=>m.from>=d.from&&m.to<=d.to&&Math.abs(m.from-a)<o&&Math.abs(m.to-f)<o&&!p.some(w=>m.from<w&&m.to>w));if(!b){if(f<d.to&&e&&i&&e.visibleRanges.some(m=>m.from<=f&&m.to>=f)){let m=e.moveToLineBoundary(M.cursor(f),!1,!0).head;m>a&&(f=m)}b=new Je(a,f,this.gapSize(d,a,f,u))}l.push(b)},c=a=>{if(a.length<r||a.type!=F.Text)return;let f=Zo(a.from,a.to,this.stateDeco);if(f.total<r)return;let d=this.scrollTarget?this.scrollTarget.range.head:null,u,g;if(i){let p=s/this.heightOracle.lineLength*this.heightOracle.lineHeight,b,m;if(d!=null){let w=ue(f,d),v=((this.visibleBottom-this.visibleTop)/2+p)/a.height;b=w-v,m=w+v}else b=(this.visibleTop-a.top-p)/a.height,m=(this.visibleBottom-a.top+p)/a.height;u=de(f,b),g=de(f,m)}else{let p=f.total*this.heightOracle.charWidth,b=s*this.heightOracle.charWidth,m,w;if(d!=null){let v=ue(f,d),x=((this.pixelViewport.right-this.pixelViewport.left)/2+b)/p;m=v-x,w=v+x}else m=(this.pixelViewport.left-b)/p,w=(this.pixelViewport.right+b)/p;u=de(f,m),g=de(f,w)}u>a.from&&h(a.from,u,a,f),g<a.to&&h(g,a.to,a,f)};for(let a of this.viewportLines)Array.isArray(a.type)?a.type.forEach(c):c(a);return l}gapSize(t,e,i,s){let o=ue(s,i)-ue(s,e);return this.heightOracle.lineWrapping?t.height*o:s.total*this.heightOracle.charWidth*o}updateLineGaps(t){Je.same(t,this.lineGaps)||(this.lineGaps=t,this.lineGapDeco=R.set(t.map(e=>e.draw(this,this.heightOracle.lineWrapping))))}computeVisibleRanges(){let t=this.stateDeco;this.lineGaps.length&&(t=t.concat(this.lineGapDeco));let e=[];V.spans(t,this.viewport.from,this.viewport.to,{span(s,o){e.push({from:s,to:o})},point(){}},20);let i=e.length!=this.visibleRanges.length||this.visibleRanges.some((s,o)=>s.from!=e[o].from||s.to!=e[o].to);return this.visibleRanges=e,i?4:0}lineBlockAt(t){return t>=this.viewport.from&&t<=this.viewport.to&&this.viewportLines.find(e=>e.from<=t&&e.to>=t)||zt(this.heightMap.lineAt(t,T.ByPos,this.heightOracle,0,0),this.scaler)}lineBlockAtHeight(t){return t>=this.viewportLines[0].top&&t<=this.viewportLines[this.viewportLines.length-1].bottom&&this.viewportLines.find(e=>e.top<=t&&e.bottom>=t)||zt(this.heightMap.lineAt(this.scaler.fromDOM(t),T.ByHeight,this.heightOracle,0,0),this.scaler)}scrollAnchorAt(t){let e=this.lineBlockAtHeight(t+8);return e.from>=this.viewport.from||this.viewportLines[0].top-t>200?e:this.viewportLines[0]}elementAtHeight(t){return zt(this.heightMap.blockAt(this.scaler.fromDOM(t),this.heightOracle,0,0),this.scaler)}get docHeight(){return this.scaler.toDOM(this.heightMap.height)}get contentHeight(){return this.docHeight+this.paddingTop+this.paddingBottom}}class fe{constructor(t,e){this.from=t,this.to=e}}function Zo(n,t,e){let i=[],s=n,o=0;return V.spans(e,n,t,{span(){},point(r,l){r>s&&(i.push({from:s,to:r}),o+=r-s),s=l}},20),s<t&&(i.push({from:s,to:t}),o+=t-s),{total:o,ranges:i}}function de({total:n,ranges:t},e){if(e<=0)return t[0].from;if(e>=1)return t[t.length-1].to;let i=Math.floor(n*e);for(let s=0;;s++){let{from:o,to:r}=t[s],l=r-o;if(i<=l)return o+i;i-=l}}function ue(n,t){let e=0;for(let{from:i,to:s}of n.ranges){if(t<=s){e+=t-i;break}e+=s-i}return e/n.total}function tr(n,t){for(let e of n)if(t(e))return e}const $s={toDOM(n){return n},fromDOM(n){return n},scale:1,eq(n){return n==this}};class yi{constructor(t,e,i){let s=0,o=0,r=0;this.viewports=i.map(({from:l,to:h})=>{let c=e.lineAt(l,T.ByPos,t,0,0).top,a=e.lineAt(h,T.ByPos,t,0,0).bottom;return s+=a-c,{from:l,to:h,top:c,bottom:a,domTop:0,domBottom:0}}),this.scale=(7e6-s)/(e.height-s);for(let l of this.viewports)l.domTop=r+(l.top-o)*this.scale,r=l.domBottom=l.domTop+(l.bottom-l.top),o=l.bottom}toDOM(t){for(let e=0,i=0,s=0;;e++){let o=e<this.viewports.length?this.viewports[e]:null;if(!o||t<o.top)return s+(t-i)*this.scale;if(t<=o.bottom)return o.domTop+(t-o.top);i=o.bottom,s=o.domBottom}}fromDOM(t){for(let e=0,i=0,s=0;;e++){let o=e<this.viewports.length?this.viewports[e]:null;if(!o||t<o.domTop)return i+(t-s)/this.scale;if(t<=o.domBottom)return o.top+(t-o.domTop);i=o.bottom,s=o.domBottom}}eq(t){return t instanceof yi?this.scale==t.scale&&this.viewports.length==t.viewports.length&&this.viewports.every((e,i)=>e.from==t.viewports[i].from&&e.to==t.viewports[i].to):!1}}function zt(n,t){if(t.scale==1)return n;let e=t.toDOM(n.top),i=t.toDOM(n.bottom);return new G(n.from,n.length,e,i-e,Array.isArray(n._content)?n._content.map(s=>zt(s,t)):n._content)}const ge=k.define({combine:n=>n.join(" ")}),Ze=k.define({combine:n=>n.indexOf(!0)>-1}),ti=vt.newName(),Us=vt.newName(),Qs=vt.newName(),Js={"&light":"."+Us,"&dark":"."+Qs};function ei(n,t,e){return new vt(t,{finish(i){return/&/.test(i)?i.replace(/&\w*/,s=>{if(s=="&")return n;if(!e||!e[s])throw new RangeError(`Unsupported selector: ${s}`);return e[s]}):n+" "+i}})}const er=ei("."+ti,{"&":{position:"relative !important",boxSizing:"border-box","&.cm-focused":{outline:"1px dotted #212121"},display:"flex !important",flexDirection:"column"},".cm-scroller":{display:"flex !important",alignItems:"flex-start !important",fontFamily:"monospace",lineHeight:1.4,height:"100%",overflowX:"auto",position:"relative",zIndex:0,overflowAnchor:"none"},".cm-content":{margin:0,flexGrow:2,flexShrink:0,display:"block",whiteSpace:"pre",wordWrap:"normal",boxSizing:"border-box",minHeight:"100%",padding:"4px 0",outline:"none","&[contenteditable=true]":{WebkitUserModify:"read-write-plaintext-only"}},".cm-lineWrapping":{whiteSpace_fallback:"pre-wrap",whiteSpace:"break-spaces",wordBreak:"break-word",overflowWrap:"anywhere",flexShrink:1},"&light .cm-content":{caretColor:"black"},"&dark .cm-content":{caretColor:"white"},".cm-line":{display:"block",padding:"0 2px 0 6px"},".cm-layer":{position:"absolute",left:0,top:0,contain:"size style","& > *":{position:"absolute"}},"&light .cm-selectionBackground":{background:"#d9d9d9"},"&dark .cm-selectionBackground":{background:"#222"},"&light.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground":{background:"#d7d4f0"},"&dark.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground":{background:"#233"},".cm-cursorLayer":{pointerEvents:"none"},"&.cm-focused > .cm-scroller > .cm-cursorLayer":{animation:"steps(1) cm-blink 1.2s infinite"},"@keyframes cm-blink":{"0%":{},"50%":{opacity:0},"100%":{}},"@keyframes cm-blink2":{"0%":{},"50%":{opacity:0},"100%":{}},".cm-cursor, .cm-dropCursor":{borderLeft:"1.2px solid black",marginLeft:"-0.6px",pointerEvents:"none"},".cm-cursor":{display:"none"},"&dark .cm-cursor":{borderLeftColor:"#444"},".cm-dropCursor":{position:"absolute"},"&.cm-focused > .cm-scroller > .cm-cursorLayer .cm-cursor":{display:"block"},".cm-iso":{unicodeBidi:"isolate"},".cm-announced":{position:"fixed",top:"-10000px"},"@media print":{".cm-announced":{display:"none"}},"&light .cm-activeLine":{backgroundColor:"#cceeff44"},"&dark .cm-activeLine":{backgroundColor:"#99eeff33"},"&light .cm-specialChar":{color:"red"},"&dark .cm-specialChar":{color:"#f78"},".cm-gutters":{flexShrink:0,display:"flex",height:"100%",boxSizing:"border-box",insetInlineStart:0,zIndex:200},"&light .cm-gutters":{backgroundColor:"#f5f5f5",color:"#6c6c6c",borderRight:"1px solid #ddd"},"&dark .cm-gutters":{backgroundColor:"#333338",color:"#ccc"},".cm-gutter":{display:"flex !important",flexDirection:"column",flexShrink:0,boxSizing:"border-box",minHeight:"100%",overflow:"hidden"},".cm-gutterElement":{boxSizing:"border-box"},".cm-lineNumbers .cm-gutterElement":{padding:"0 3px 0 5px",minWidth:"20px",textAlign:"right",whiteSpace:"nowrap"},"&light .cm-activeLineGutter":{backgroundColor:"#e2f2ff"},"&dark .cm-activeLineGutter":{backgroundColor:"#222227"},".cm-panels":{boxSizing:"border-box",position:"sticky",left:0,right:0,zIndex:300},"&light .cm-panels":{backgroundColor:"#f5f5f5",color:"black"},"&light .cm-panels-top":{borderBottom:"1px solid #ddd"},"&light .cm-panels-bottom":{borderTop:"1px solid #ddd"},"&dark .cm-panels":{backgroundColor:"#333338",color:"white"},".cm-tab":{display:"inline-block",overflow:"hidden",verticalAlign:"bottom"},".cm-widgetBuffer":{verticalAlign:"text-top",height:"1em",width:0,display:"inline"},".cm-placeholder":{color:"#888",display:"inline-block",verticalAlign:"top"},".cm-highlightSpace:before":{content:"attr(data-display)",position:"absolute",pointerEvents:"none",color:"#888"},".cm-highlightTab":{backgroundImage:`url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="200" height="20"><path stroke="%23888" stroke-width="1" fill="none" d="M1 10H196L190 5M190 15L196 10M197 4L197 16"/></svg>')`,backgroundSize:"auto 100%",backgroundPosition:"right 90%",backgroundRepeat:"no-repeat"},".cm-trailingSpace":{backgroundColor:"#ff332255"},".cm-button":{verticalAlign:"middle",color:"inherit",fontSize:"70%",padding:".2em 1em",borderRadius:"1px"},"&light .cm-button":{backgroundImage:"linear-gradient(#eff1f5, #d9d9df)",border:"1px solid #888","&:active":{backgroundImage:"linear-gradient(#b4b4b4, #d0d3d6)"}},"&dark .cm-button":{backgroundImage:"linear-gradient(#393939, #111)",border:"1px solid #888","&:active":{backgroundImage:"linear-gradient(#111, #333)"}},".cm-textfield":{verticalAlign:"middle",color:"inherit",fontSize:"70%",border:"1px solid silver",padding:".2em .5em"},"&light .cm-textfield":{backgroundColor:"white"},"&dark .cm-textfield":{border:"1px solid #555",backgroundColor:"inherit"}},Js),ir={childList:!0,characterData:!0,subtree:!0,attributes:!0,characterDataOldValue:!0},ii=y.ie&&y.ie_version<=11;class sr{constructor(t){this.view=t,this.active=!1,this.editContext=null,this.selectionRange=new jn,this.selectionChanged=!1,this.delayedFlush=-1,this.resizeTimeout=-1,this.queue=[],this.delayedAndroidKey=null,this.flushingAndroidKey=-1,this.lastChange=0,this.scrollTargets=[],this.intersection=null,this.resizeScroll=null,this.intersecting=!1,this.gapIntersection=null,this.gaps=[],this.printQuery=null,this.parentCheck=-1,this.dom=t.contentDOM,this.observer=new MutationObserver(e=>{for(let i of e)this.queue.push(i);(y.ie&&y.ie_version<=11||y.ios&&t.composing)&&e.some(i=>i.type=="childList"&&i.removedNodes.length||i.type=="characterData"&&i.oldValue.length>i.target.nodeValue.length)?this.flushSoon():this.flush()}),window.EditContext&&t.constructor.EDIT_CONTEXT!==!1&&!(y.chrome&&y.chrome_version<126)&&(this.editContext=new or(t),t.state.facet(rt)&&(t.contentDOM.editContext=this.editContext.editContext)),ii&&(this.onCharData=e=>{this.queue.push({target:e.target,type:"characterData",oldValue:e.prevValue}),this.flushSoon()}),this.onSelectionChange=this.onSelectionChange.bind(this),this.onResize=this.onResize.bind(this),this.onPrint=this.onPrint.bind(this),this.onScroll=this.onScroll.bind(this),window.matchMedia&&(this.printQuery=window.matchMedia("print")),typeof ResizeObserver=="function"&&(this.resizeScroll=new ResizeObserver(()=>{var e;((e=this.view.docView)===null||e===void 0?void 0:e.lastUpdate)<Date.now()-75&&this.onResize()}),this.resizeScroll.observe(t.scrollDOM)),this.addWindowListeners(this.win=t.win),this.start(),typeof IntersectionObserver=="function"&&(this.intersection=new IntersectionObserver(e=>{this.parentCheck<0&&(this.parentCheck=setTimeout(this.listenForScroll.bind(this),1e3)),e.length>0&&e[e.length-1].intersectionRatio>0!=this.intersecting&&(this.intersecting=!this.intersecting,this.intersecting!=this.view.inView&&this.onScrollChanged(document.createEvent("Event")))},{threshold:[0,.001]}),this.intersection.observe(this.dom),this.gapIntersection=new IntersectionObserver(e=>{e.length>0&&e[e.length-1].intersectionRatio>0&&this.onScrollChanged(document.createEvent("Event"))},{})),this.listenForScroll(),this.readSelectionRange()}onScrollChanged(t){this.view.inputState.runHandlers("scroll",t),this.intersecting&&this.view.measure()}onScroll(t){this.intersecting&&this.flush(!1),this.editContext&&this.view.requestMeasure(this.editContext.measureReq),this.onScrollChanged(t)}onResize(){this.resizeTimeout<0&&(this.resizeTimeout=setTimeout(()=>{this.resizeTimeout=-1,this.view.requestMeasure()},50))}onPrint(t){(t.type=="change"||!t.type)&&!t.matches||(this.view.viewState.printing=!0,this.view.measure(),setTimeout(()=>{this.view.viewState.printing=!1,this.view.requestMeasure()},500))}updateGaps(t){if(this.gapIntersection&&(t.length!=this.gaps.length||this.gaps.some((e,i)=>e!=t[i]))){this.gapIntersection.disconnect();for(let e of t)this.gapIntersection.observe(e);this.gaps=t}}onSelectionChange(t){let e=this.selectionChanged;if(!this.readSelectionRange()||this.delayedAndroidKey)return;let{view:i}=this,s=this.selectionRange;if(i.state.facet(rt)?i.root.activeElement!=this.dom:!Zt(i.dom,s))return;let o=s.anchorNode&&i.docView.nearest(s.anchorNode);if(o&&o.ignoreEvent(t)){e||(this.selectionChanged=!1);return}(y.ie&&y.ie_version<=11||y.android&&y.chrome)&&!i.state.selection.main.empty&&s.focusNode&&Pt(s.focusNode,s.focusOffset,s.anchorNode,s.anchorOffset)?this.flushSoon():this.flush(!1)}readSelectionRange(){let{view:t}=this,e=Bt(t.root);if(!e)return!1;let i=y.safari&&t.root.nodeType==11&&zn(this.dom.ownerDocument)==this.dom&&nr(this.view,e)||e;if(!i||this.selectionRange.eq(i))return!1;let s=Zt(this.dom,i);return s&&!this.selectionChanged&&t.inputState.lastFocusTime>Date.now()-200&&t.inputState.lastTouchTime<Date.now()-300&&_n(this.dom,i)?(this.view.inputState.lastFocusTime=0,t.docView.updateSelection(),!1):(this.selectionRange.setRange(i),s&&(this.selectionChanged=!0),!0)}setSelectionRange(t,e){this.selectionRange.set(t.node,t.offset,e.node,e.offset),this.selectionChanged=!1}clearSelectionRange(){this.selectionRange.set(null,0,null,0)}listenForScroll(){this.parentCheck=-1;let t=0,e=null;for(let i=this.dom;i;)if(i.nodeType==1)!e&&t<this.scrollTargets.length&&this.scrollTargets[t]==i?t++:e||(e=this.scrollTargets.slice(0,t)),e&&e.push(i),i=i.assignedSlot||i.parentNode;else if(i.nodeType==11)i=i.host;else break;if(t<this.scrollTargets.length&&!e&&(e=this.scrollTargets.slice(0,t)),e){for(let i of this.scrollTargets)i.removeEventListener("scroll",this.onScroll);for(let i of this.scrollTargets=e)i.addEventListener("scroll",this.onScroll)}}ignore(t){if(!this.active)return t();try{return this.stop(),t()}finally{this.start(),this.clear()}}start(){this.active||(this.observer.observe(this.dom,ir),ii&&this.dom.addEventListener("DOMCharacterDataModified",this.onCharData),this.active=!0)}stop(){this.active&&(this.active=!1,this.observer.disconnect(),ii&&this.dom.removeEventListener("DOMCharacterDataModified",this.onCharData))}clear(){this.processRecords(),this.queue.length=0,this.selectionChanged=!1}delayAndroidKey(t,e){var i;if(!this.delayedAndroidKey){let s=()=>{let o=this.delayedAndroidKey;o&&(this.clearDelayedAndroidKey(),this.view.inputState.lastKeyCode=o.keyCode,this.view.inputState.lastKeyTime=Date.now(),!this.flush()&&o.force&&Mt(this.dom,o.key,o.keyCode))};this.flushingAndroidKey=this.view.win.requestAnimationFrame(s)}(!this.delayedAndroidKey||t=="Enter")&&(this.delayedAndroidKey={key:t,keyCode:e,force:this.lastChange<Date.now()-50||!!(!((i=this.delayedAndroidKey)===null||i===void 0)&&i.force)})}clearDelayedAndroidKey(){this.win.cancelAnimationFrame(this.flushingAndroidKey),this.delayedAndroidKey=null,this.flushingAndroidKey=-1}flushSoon(){this.delayedFlush<0&&(this.delayedFlush=this.view.win.requestAnimationFrame(()=>{this.delayedFlush=-1,this.flush()}))}forceFlush(){this.delayedFlush>=0&&(this.view.win.cancelAnimationFrame(this.delayedFlush),this.delayedFlush=-1),this.flush()}pendingRecords(){for(let t of this.observer.takeRecords())this.queue.push(t);return this.queue}processRecords(){let t=this.pendingRecords();t.length&&(this.queue=[]);let e=-1,i=-1,s=!1;for(let o of t){let r=this.readMutation(o);r&&(r.typeOver&&(s=!0),e==-1?{from:e,to:i}=r:(e=Math.min(r.from,e),i=Math.max(r.to,i)))}return{from:e,to:i,typeOver:s}}readChange(){let{from:t,to:e,typeOver:i}=this.processRecords(),s=this.selectionChanged&&Zt(this.dom,this.selectionRange);if(t<0&&!s)return null;t>-1&&(this.lastChange=Date.now()),this.view.inputState.lastFocusTime=0,this.selectionChanged=!1;let o=new Mo(this.view,t,e,i);return this.view.docView.domChanged={newSel:o.newSel?o.newSel.main:null},o}flush(t=!0){if(this.delayedFlush>=0||this.delayedAndroidKey)return!1;t&&this.readSelectionRange();let e=this.readChange();if(!e)return this.view.requestMeasure(),!1;let i=this.view.state,s=ks(this.view,e);return this.view.state==i&&(e.domChanged||e.newSel&&!e.newSel.main.eq(this.view.state.selection.main))&&this.view.update([]),s}readMutation(t){let e=this.view.docView.nearest(t.target);if(!e||e.ignoreMutation(t))return null;if(e.markDirty(t.type=="attributes"),t.type=="attributes"&&(e.flags|=4),t.type=="childList"){let i=Zs(e,t.previousSibling||t.target.previousSibling,-1),s=Zs(e,t.nextSibling||t.target.nextSibling,1);return{from:i?e.posAfter(i):e.posAtStart,to:s?e.posBefore(s):e.posAtEnd,typeOver:!1}}else return t.type=="characterData"?{from:e.posAtStart,to:e.posAtEnd,typeOver:t.target.nodeValue==t.oldValue}:null}setWindow(t){t!=this.win&&(this.removeWindowListeners(this.win),this.win=t,this.addWindowListeners(this.win))}addWindowListeners(t){t.addEventListener("resize",this.onResize),this.printQuery?this.printQuery.addEventListener?this.printQuery.addEventListener("change",this.onPrint):this.printQuery.addListener(this.onPrint):t.addEventListener("beforeprint",this.onPrint),t.addEventListener("scroll",this.onScroll),t.document.addEventListener("selectionchange",this.onSelectionChange)}removeWindowListeners(t){t.removeEventListener("scroll",this.onScroll),t.removeEventListener("resize",this.onResize),this.printQuery?this.printQuery.removeEventListener?this.printQuery.removeEventListener("change",this.onPrint):this.printQuery.removeListener(this.onPrint):t.removeEventListener("beforeprint",this.onPrint),t.document.removeEventListener("selectionchange",this.onSelectionChange)}update(t){this.editContext&&(this.editContext.update(t),t.startState.facet(rt)!=t.state.facet(rt)&&(t.view.contentDOM.editContext=t.state.facet(rt)?this.editContext.editContext:null))}destroy(){var t,e,i;this.stop(),(t=this.intersection)===null||t===void 0||t.disconnect(),(e=this.gapIntersection)===null||e===void 0||e.disconnect(),(i=this.resizeScroll)===null||i===void 0||i.disconnect();for(let s of this.scrollTargets)s.removeEventListener("scroll",this.onScroll);this.removeWindowListeners(this.win),clearTimeout(this.parentCheck),clearTimeout(this.resizeTimeout),this.win.cancelAnimationFrame(this.delayedFlush),this.win.cancelAnimationFrame(this.flushingAndroidKey),this.editContext&&(this.view.contentDOM.editContext=null,this.editContext.destroy())}}function Zs(n,t,e){for(;t;){let i=O.get(t);if(i&&i.parent==n)return i;let s=t.parentNode;t=s!=n.dom?s:e>0?t.nextSibling:t.previousSibling}return null}function tn(n,t){let e=t.startContainer,i=t.startOffset,s=t.endContainer,o=t.endOffset,r=n.docView.domAtPos(n.state.selection.main.anchor);return Pt(r.node,r.offset,s,o)&&([e,i,s,o]=[s,o,e,i]),{anchorNode:e,anchorOffset:i,focusNode:s,focusOffset:o}}function nr(n,t){if(t.getComposedRanges){let s=t.getComposedRanges(n.root)[0];if(s)return tn(n,s)}let e=null;function i(s){s.preventDefault(),s.stopImmediatePropagation(),e=s.getTargetRanges()[0]}return n.contentDOM.addEventListener("beforeinput",i,!0),n.dom.ownerDocument.execCommand("indent"),n.contentDOM.removeEventListener("beforeinput",i,!0),e?tn(n,e):null}class or{constructor(t){this.from=0,this.to=0,this.pendingContextChange=null,this.handlers=Object.create(null),this.resetRange(t.state);let e=this.editContext=new window.EditContext({text:t.state.doc.sliceString(this.from,this.to),selectionStart:this.toContextPos(Math.max(this.from,Math.min(this.to,t.state.selection.main.anchor))),selectionEnd:this.toContextPos(t.state.selection.main.head)});this.handlers.textupdate=i=>{let{anchor:s}=t.state.selection.main,o={from:this.toEditorPos(i.updateRangeStart),to:this.toEditorPos(i.updateRangeEnd),insert:Y.of(i.text.split(`
+`))};o.from==this.from&&s<this.from?o.from=s:o.to==this.to&&s>this.to&&(o.to=s),!(o.from==o.to&&!o.insert.length)&&(this.pendingContextChange=o,t.state.readOnly||$e(t,o,M.single(this.toEditorPos(i.selectionStart),this.toEditorPos(i.selectionEnd))),this.pendingContextChange&&(this.revertPending(t.state),this.setSelection(t.state)))},this.handlers.characterboundsupdate=i=>{let s=[],o=null;for(let r=this.toEditorPos(i.rangeStart),l=this.toEditorPos(i.rangeEnd);r<l;r++){let h=t.coordsForChar(r);o=h&&new DOMRect(h.left,h.top,h.right-h.left,h.bottom-h.top)||o||new DOMRect,s.push(o)}e.updateCharacterBounds(i.rangeStart,s)},this.handlers.textformatupdate=i=>{let s=[];for(let o of i.getTextFormats()){let r=o.underlineStyle,l=o.underlineThickness;if(r!="None"&&l!="None"){let h=`text-decoration: underline ${r=="Dashed"?"dashed ":r=="Squiggle"?"wavy ":""}${l=="Thin"?1:2}px`;s.push(R.mark({attributes:{style:h}}).range(this.toEditorPos(o.rangeStart),this.toEditorPos(o.rangeEnd)))}}t.dispatch({effects:as.of(R.set(s))})},this.handlers.compositionstart=()=>{t.inputState.composing<0&&(t.inputState.composing=0,t.inputState.compositionFirstChange=!0)},this.handlers.compositionend=()=>{t.inputState.composing=-1,t.inputState.compositionFirstChange=null};for(let i in this.handlers)e.addEventListener(i,this.handlers[i]);this.measureReq={read:i=>{this.editContext.updateControlBounds(i.contentDOM.getBoundingClientRect());let s=Bt(i.root);s&&s.rangeCount&&this.editContext.updateSelectionBounds(s.getRangeAt(0).getBoundingClientRect())}}}applyEdits(t){let e=0,i=!1,s=this.pendingContextChange;return t.changes.iterChanges((o,r,l,h,c)=>{if(i)return;let a=c.length-(r-o);if(s&&r>=s.to)if(s.from==o&&s.to==r&&s.insert.eq(c)){s=this.pendingContextChange=null,e+=a,this.to+=a;return}else s=null,this.revertPending(t.state);if(o+=e,r+=e,r<=this.from)this.from+=a,this.to+=a;else if(o<this.to){if(o<this.from||r>this.to||this.to-this.from+c.length>3e4){i=!0;return}this.editContext.updateText(this.toContextPos(o),this.toContextPos(r),c.toString()),this.to+=a}e+=a}),s&&!i&&this.revertPending(t.state),!i}update(t){let e=this.pendingContextChange;!this.applyEdits(t)||!this.rangeIsValid(t.state)?(this.pendingContextChange=null,this.resetRange(t.state),this.editContext.updateText(0,this.editContext.text.length,t.state.doc.sliceString(this.from,this.to)),this.setSelection(t.state)):(t.docChanged||t.selectionSet||e)&&this.setSelection(t.state),(t.geometryChanged||t.docChanged||t.selectionSet)&&t.view.requestMeasure(this.measureReq)}resetRange(t){let{head:e}=t.selection.main;this.from=Math.max(0,e-1e4),this.to=Math.min(t.doc.length,e+1e4)}revertPending(t){let e=this.pendingContextChange;this.pendingContextChange=null,this.editContext.updateText(this.toContextPos(e.from),this.toContextPos(e.from+e.insert.length),t.doc.sliceString(e.from,e.to))}setSelection(t){let{main:e}=t.selection,i=this.toContextPos(Math.max(this.from,Math.min(this.to,e.anchor))),s=this.toContextPos(e.head);(this.editContext.selectionStart!=i||this.editContext.selectionEnd!=s)&&this.editContext.updateSelection(i,s)}rangeIsValid(t){let{head:e}=t.selection.main;return!(this.from>0&&e-this.from<500||this.to<t.doc.length&&this.to-e<500||this.to-this.from>1e4*3)}toEditorPos(t){return t+this.from}toContextPos(t){return t-this.from}destroy(){for(let t in this.handlers)this.editContext.removeEventListener(t,this.handlers[t])}}class A{get state(){return this.viewState.state}get viewport(){return this.viewState.viewport}get visibleRanges(){return this.viewState.visibleRanges}get inView(){return this.viewState.inView}get composing(){return this.inputState.composing>0}get compositionStarted(){return this.inputState.composing>=0}get root(){return this._root}get win(){return this.dom.ownerDocument.defaultView||window}constructor(t={}){var e;this.plugins=[],this.pluginMap=new Map,this.editorAttrs={},this.contentAttrs={},this.bidiCache=[],this.destroyed=!1,this.updateState=2,this.measureScheduled=-1,this.measureRequests=[],this.contentDOM=document.createElement("div"),this.scrollDOM=document.createElement("div"),this.scrollDOM.tabIndex=-1,this.scrollDOM.className="cm-scroller",this.scrollDOM.appendChild(this.contentDOM),this.announceDOM=document.createElement("div"),this.announceDOM.className="cm-announced",this.announceDOM.setAttribute("aria-live","polite"),this.dom=document.createElement("div"),this.dom.appendChild(this.announceDOM),this.dom.appendChild(this.scrollDOM),t.parent&&t.parent.appendChild(this.dom);let{dispatch:i}=t;this.dispatchTransactions=t.dispatchTransactions||i&&(s=>s.forEach(o=>i(o,this)))||(s=>this.update(s)),this.dispatch=this.dispatch.bind(this),this._root=t.root||Yn(t.parent)||document,this.viewState=new Gs(t.state||Lt.create(t)),t.scrollTo&&t.scrollTo.is(ne)&&(this.viewState.scrollTarget=t.scrollTo.value.clip(this.viewState.state)),this.plugins=this.state.facet(Nt).map(s=>new qe(s));for(let s of this.plugins)s.update(this);this.observer=new sr(this),this.inputState=new To(this),this.inputState.ensureHandlers(this.plugins),this.docView=new ms(this),this.mountStyles(),this.updateAttrs(),this.updateState=0,this.requestMeasure(),!((e=document.fonts)===null||e===void 0)&&e.ready&&document.fonts.ready.then(()=>this.requestMeasure())}dispatch(...t){let e=t.length==1&&t[0]instanceof Pn?t:t.length==1&&Array.isArray(t[0])?t[0]:[this.state.update(...t)];this.dispatchTransactions(e,this)}update(t){if(this.updateState!=0)throw new Error("Calls to EditorView.update are not allowed while an update is in progress");let e=!1,i=!1,s,o=this.state;for(let d of t){if(d.startState!=o)throw new RangeError("Trying to update state with a transaction that doesn't start from the previous state.");o=d.state}if(this.destroyed){this.viewState.state=o;return}let r=this.hasFocus,l=0,h=null;t.some(d=>d.annotation(Ws))?(this.inputState.notifiedFocused=r,l=1):r!=this.inputState.notifiedFocused&&(this.inputState.notifiedFocused=r,h=zs(o,r),h||(l=1));let c=this.observer.delayedAndroidKey,a=null;if(c?(this.observer.clearDelayedAndroidKey(),a=this.observer.readChange(),(a&&!this.state.doc.eq(o.doc)||!this.state.selection.eq(o.selection))&&(a=null)):this.observer.clear(),o.facet(Lt.phrases)!=this.state.facet(Lt.phrases))return this.setState(o);s=$t.create(this,o,t),s.flags|=l;let f=this.viewState.scrollTarget;try{this.updateState=2;for(let d of t){if(f&&(f=f.map(d.changes)),d.scrollIntoView){let{main:u}=d.state.selection;f=new Rt(u.empty?u:M.cursor(u.head,u.head>u.anchor?-1:1))}for(let u of d.effects)u.is(ne)&&(f=u.value.clip(this.state))}this.viewState.update(s,f),this.bidiCache=Ce.update(this.bidiCache,s.changes),s.empty||(this.updatePlugins(s),this.inputState.update(s)),e=this.docView.update(s),this.state.facet(Ft)!=this.styleModules&&this.mountStyles(),i=this.updateAttrs(),this.showAnnouncements(t),this.docView.updateSelection(e,t.some(d=>d.isUserEvent("select.pointer")))}finally{this.updateState=0}if(s.startState.facet(ge)!=s.state.facet(ge)&&(this.viewState.mustMeasureContent=!0),(e||i||f||this.viewState.mustEnforceCursorAssoc||this.viewState.mustMeasureContent)&&this.requestMeasure(),e&&this.docViewUpdate(),!s.empty)for(let d of this.state.facet(Ke))try{d(s)}catch(u){_(this.state,u,"update listener")}(h||a)&&Promise.resolve().then(()=>{h&&this.state==h.startState&&this.dispatch(h),a&&!ks(this,a)&&c.force&&Mt(this.contentDOM,c.key,c.keyCode)})}setState(t){if(this.updateState!=0)throw new Error("Calls to EditorView.setState are not allowed while an update is in progress");if(this.destroyed){this.viewState.state=t;return}this.updateState=2;let e=this.hasFocus;try{for(let i of this.plugins)i.destroy(this);this.viewState=new Gs(t),this.plugins=t.facet(Nt).map(i=>new qe(i)),this.pluginMap.clear();for(let i of this.plugins)i.update(this);this.docView.destroy(),this.docView=new ms(this),this.inputState.ensureHandlers(this.plugins),this.mountStyles(),this.updateAttrs(),this.bidiCache=[]}finally{this.updateState=0}e&&this.focus(),this.requestMeasure()}updatePlugins(t){let e=t.startState.facet(Nt),i=t.state.facet(Nt);if(e!=i){let s=[];for(let o of i){let r=e.indexOf(o);if(r<0)s.push(new qe(o));else{let l=this.plugins[r];l.mustUpdate=t,s.push(l)}}for(let o of this.plugins)o.mustUpdate!=t&&o.destroy(this);this.plugins=s,this.pluginMap.clear()}else for(let s of this.plugins)s.mustUpdate=t;for(let s=0;s<this.plugins.length;s++)this.plugins[s].update(this);e!=i&&this.inputState.ensureHandlers(this.plugins)}docViewUpdate(){for(let t of this.plugins){let e=t.value;if(e&&e.docViewUpdate)try{e.docViewUpdate(this)}catch(i){_(this.state,i,"doc view update listener")}}}measure(t=!0){if(this.destroyed)return;if(this.measureScheduled>-1&&this.win.cancelAnimationFrame(this.measureScheduled),this.observer.delayedAndroidKey){this.measureScheduled=-1,this.requestMeasure();return}this.measureScheduled=0,t&&this.observer.forceFlush();let e=null,i=this.scrollDOM,s=i.scrollTop*this.scaleY,{scrollAnchorPos:o,scrollAnchorHeight:r}=this.viewState;Math.abs(s-this.viewState.scrollTop)>1&&(r=-1),this.viewState.scrollAnchorHeight=-1;try{for(let l=0;;l++){if(r<0)if(Ri(i))o=-1,r=this.viewState.heightMap.height;else{let u=this.viewState.scrollAnchorAt(s);o=u.from,r=u.top}this.updateState=1;let h=this.viewState.measure(this);if(!h&&!this.measureRequests.length&&this.viewState.scrollTarget==null)break;if(l>5){console.warn(this.measureRequests.length?"Measure loop restarted more than 5 times":"Viewport failed to stabilize");break}let c=[];h&4||([this.measureRequests,c]=[c,this.measureRequests]);let a=c.map(u=>{try{return u.read(this)}catch(g){return _(this.state,g),en}}),f=$t.create(this,this.state,[]),d=!1;f.flags|=h,e?e.flags|=h:e=f,this.updateState=2,f.empty||(this.updatePlugins(f),this.inputState.update(f),this.updateAttrs(),d=this.docView.update(f),d&&this.docViewUpdate());for(let u=0;u<c.length;u++)if(a[u]!=en)try{let g=c[u];g.write&&g.write(a[u],this)}catch(g){_(this.state,g)}if(d&&this.docView.updateSelection(!0),!f.viewportChanged&&this.measureRequests.length==0){if(this.viewState.editorHeight)if(this.viewState.scrollTarget){this.docView.scrollIntoView(this.viewState.scrollTarget),this.viewState.scrollTarget=null,r=-1;continue}else{let g=(o<0?this.viewState.heightMap.height:this.viewState.lineBlockAt(o).top)-r;if(g>1||g<-1){s=s+g,i.scrollTop=s/this.scaleY,r=-1;continue}}break}}}finally{this.updateState=0,this.measureScheduled=-1}if(e&&!e.empty)for(let l of this.state.facet(Ke))l(e)}get themeClasses(){return ti+" "+(this.state.facet(Ze)?Qs:Us)+" "+this.state.facet(ge)}updateAttrs(){let t=sn(this,cs,{class:"cm-editor"+(this.hasFocus?" cm-focused ":" ")+this.themeClasses}),e={spellcheck:"false",autocorrect:"off",autocapitalize:"off",translate:"no",contenteditable:this.state.facet(rt)?"true":"false",class:"cm-content",style:`${y.tabSize}: ${this.state.tabSize}`,role:"textbox","aria-multiline":"true"};this.state.readOnly&&(e["aria-readonly"]="true"),sn(this,oe,e);let i=this.observer.ignore(()=>{let s=He(this.contentDOM,this.contentAttrs,e),o=He(this.dom,this.editorAttrs,t);return s||o});return this.editorAttrs=t,this.contentAttrs=e,i}showAnnouncements(t){let e=!0;for(let i of t)for(let s of i.effects)if(s.is(A.announce)){e&&(this.announceDOM.textContent=""),e=!1;let o=this.announceDOM.appendChild(document.createElement("div"));o.textContent=s.value}}mountStyles(){this.styleModules=this.state.facet(Ft);let t=this.state.facet(A.cspNonce);vt.mount(this.root,this.styleModules.concat(er).reverse(),t?{nonce:t}:void 0)}readMeasured(){if(this.updateState==2)throw new Error("Reading the editor layout isn't allowed during an update");this.updateState==0&&this.measureScheduled>-1&&this.measure(!1)}requestMeasure(t){if(this.measureScheduled<0&&(this.measureScheduled=this.win.requestAnimationFrame(()=>this.measure())),t){if(this.measureRequests.indexOf(t)>-1)return;if(t.key!=null){for(let e=0;e<this.measureRequests.length;e++)if(this.measureRequests[e].key===t.key){this.measureRequests[e]=t;return}}this.measureRequests.push(t)}}plugin(t){let e=this.pluginMap.get(t);return(e===void 0||e&&e.spec!=t)&&this.pluginMap.set(t,e=this.plugins.find(i=>i.spec==t)||null),e&&e.update(this).value}get documentTop(){return this.contentDOM.getBoundingClientRect().top+this.viewState.paddingTop}get documentPadding(){return{top:this.viewState.paddingTop,bottom:this.viewState.paddingBottom}}get scaleX(){return this.viewState.scaleX}get scaleY(){return this.viewState.scaleY}elementAtHeight(t){return this.readMeasured(),this.viewState.elementAtHeight(t)}lineBlockAtHeight(t){return this.readMeasured(),this.viewState.lineBlockAtHeight(t)}get viewportLineBlocks(){return this.viewState.viewportLines}lineBlockAt(t){return this.viewState.lineBlockAt(t)}get contentHeight(){return this.viewState.contentHeight}moveByChar(t,e,i){return Ge(this,t,Cs(this,t,e,i))}moveByGroup(t,e){return Ge(this,t,Cs(this,t,e,i=>xo(this,t.head,i)))}visualLineSide(t,e){let i=this.bidiSpans(t),s=this.textDirectionAt(t.from),o=i[e?i.length-1:0];return M.cursor(o.side(e,s)+t.from,o.forward(!e,s)?1:-1)}moveToLineBoundary(t,e,i=!0){return wo(this,t,e,i)}moveVertically(t,e,i){return Ge(this,t,vo(this,t,e,i))}domAtPos(t){return this.docView.domAtPos(t)}posAtDOM(t,e=0){return this.docView.posFromDOM(t,e)}posAtCoords(t,e=!0){return this.readMeasured(),vs(this,t,e)}coordsAtPos(t,e=1){this.readMeasured();let i=this.docView.coordsAt(t,e);if(!i||i.left==i.right)return i;let s=this.state.doc.lineAt(t),o=this.bidiSpans(s),r=o[tt.find(o,t-s.from,-1,e)];return Ht(i,r.dir==E.LTR==e>0)}coordsForChar(t){return this.readMeasured(),this.docView.coordsForChar(t)}get defaultCharacterWidth(){return this.viewState.heightOracle.charWidth}get defaultLineHeight(){return this.viewState.heightOracle.lineHeight}get textDirection(){return this.viewState.defaultTextDirection}textDirectionAt(t){return!this.state.facet(rs)||t<this.viewport.from||t>this.viewport.to?this.textDirection:(this.readMeasured(),this.docView.textDirectionAt(t))}get lineWrapping(){return this.viewState.heightOracle.lineWrapping}bidiSpans(t){if(t.length>rr)return Qi(t.length);let e=this.textDirectionAt(t.from),i;for(let o of this.bidiCache)if(o.from==t.from&&o.dir==e&&(o.fresh||$i(o.isolates,i=us(this,t))))return o.order;i||(i=us(this,t));let s=Ui(t.text,e,i);return this.bidiCache.push(new Ce(t.from,t.to,e,i,!0,s)),s}get hasFocus(){var t;return(this.dom.ownerDocument.hasFocus()||y.safari&&((t=this.inputState)===null||t===void 0?void 0:t.lastContextMenu)>Date.now()-3e4)&&this.root.activeElement==this.contentDOM}focus(){this.observer.ignore(()=>{Di(this.contentDOM),this.docView.updateSelection()})}setRoot(t){this._root!=t&&(this._root=t,this.observer.setWindow((t.nodeType==9?t:t.ownerDocument).defaultView||window),this.mountStyles())}destroy(){this.root.activeElement==this.contentDOM&&this.contentDOM.blur();for(let t of this.plugins)t.destroy(this);this.plugins=[],this.inputState.destroy(),this.docView.destroy(),this.dom.remove(),this.observer.destroy(),this.measureScheduled>-1&&this.win.cancelAnimationFrame(this.measureScheduled),this.destroyed=!0}static scrollIntoView(t,e={}){return ne.of(new Rt(typeof t=="number"?M.cursor(t):t,e.y,e.x,e.yMargin,e.xMargin))}scrollSnapshot(){let{scrollTop:t,scrollLeft:e}=this.scrollDOM,i=this.viewState.scrollAnchorAt(t);return ne.of(new Rt(M.cursor(i.from),"start","start",i.top-t,e,!0))}setTabFocusMode(t){t==null?this.inputState.tabFocusMode=this.inputState.tabFocusMode<0?0:-1:typeof t=="boolean"?this.inputState.tabFocusMode=t?0:-1:this.inputState.tabFocusMode!=0&&(this.inputState.tabFocusMode=Date.now()+t)}static domEventHandlers(t){return P.define(()=>({}),{eventHandlers:t})}static domEventObservers(t){return P.define(()=>({}),{eventObservers:t})}static theme(t,e){let i=vt.newName(),s=[ge.of(i),Ft.of(ei(`.${i}`,t))];return e&&e.dark&&s.push(Ze.of(!0)),s}static baseTheme(t){return Ae.lowest(Ft.of(ei("."+ti,t,Js)))}static findFromDOM(t){var e;let i=t.querySelector(".cm-content"),s=i&&O.get(i)||O.get(t);return((e=s?.rootView)===null||e===void 0?void 0:e.view)||null}}A.styleModule=Ft,A.inputHandler=ns,A.scrollHandler=hs,A.focusChangeEffect=os,A.perLineTextDirection=rs,A.exceptionSink=ss,A.updateListener=Ke,A.editable=rt,A.mouseSelectionStyle=is,A.dragMovesSelection=es,A.clickAddsSelectionRange=ts,A.decorations=Vt,A.outerDecorations=fs,A.atomicRanges=je,A.bidiIsolatedRanges=ds,A.scrollMargins=gs,A.darkTheme=Ze,A.cspNonce=k.define({combine:n=>n.length?n[0]:""}),A.contentAttributes=oe,A.editorAttributes=cs,A.lineWrapping=A.contentAttributes.of({class:"cm-lineWrapping"}),A.announce=xt.define();const rr=4096,en={};class Ce{constructor(t,e,i,s,o,r){this.from=t,this.to=e,this.dir=i,this.isolates=s,this.fresh=o,this.order=r}static update(t,e){if(e.empty&&!t.some(o=>o.fresh))return t;let i=[],s=t.length?t[t.length-1].dir:E.LTR;for(let o=Math.max(0,t.length-10);o<t.length;o++){let r=t[o];r.dir==s&&!e.touchesRange(r.from,r.to)&&i.push(new Ce(e.mapPos(r.from,1),e.mapPos(r.to,-1),r.dir,r.isolates,!1,r.order))}return i}}function sn(n,t,e){for(let i=n.state.facet(t),s=i.length-1;s>=0;s--){let o=i[s],r=typeof o=="function"?o(n):o;r&&Pe(r,e)}return e}const lr=y.mac?"mac":y.windows?"win":y.linux?"linux":"key";function hr(n,t){const e=n.split(/-(?!$)/);let i=e[e.length-1];i=="Space"&&(i=" ");let s,o,r,l;for(let h=0;h<e.length-1;++h){const c=e[h];if(/^(cmd|meta|m)$/i.test(c))l=!0;else if(/^a(lt)?$/i.test(c))s=!0;else if(/^(c|ctrl|control)$/i.test(c))o=!0;else if(/^s(hift)?$/i.test(c))r=!0;else if(/^mod$/i.test(c))t=="mac"?l=!0:o=!0;else throw new Error("Unrecognized modifier name: "+c)}return s&&(i="Alt-"+i),o&&(i="Ctrl-"+i),l&&(i="Meta-"+i),r&&(i="Shift-"+i),i}function pe(n,t,e){return t.altKey&&(n="Alt-"+n),t.ctrlKey&&(n="Ctrl-"+n),t.metaKey&&(n="Meta-"+n),e!==!1&&t.shiftKey&&(n="Shift-"+n),n}const ar=Ae.default(A.domEventHandlers({keydown(n,t){return ln(rn(t.state),n,t,"editor")}})),nn=k.define({enables:ar}),on=new WeakMap;function rn(n){let t=n.facet(nn),e=on.get(t);return e||on.set(t,e=dr(t.reduce((i,s)=>i.concat(s),[]))),e}function cr(n,t,e){return ln(rn(n.state),t,n,e)}let lt=null;const fr=4e3;function dr(n,t=lr){let e=Object.create(null),i=Object.create(null),s=(r,l)=>{let h=i[r];if(h==null)i[r]=l;else if(h!=l)throw new Error("Key binding "+r+" is used both as a regular binding and as a multi-stroke prefix")},o=(r,l,h,c,a)=>{var f,d;let u=e[r]||(e[r]=Object.create(null)),g=l.split(/ (?!$)/).map(m=>hr(m,t));for(let m=1;m<g.length;m++){let w=g.slice(0,m).join(" ");s(w,!0),u[w]||(u[w]={preventDefault:!0,stopPropagation:!1,run:[v=>{let x=lt={view:v,prefix:w,scope:r};return setTimeout(()=>{lt==x&&(lt=null)},fr),!0}]})}let p=g.join(" ");s(p,!1);let b=u[p]||(u[p]={preventDefault:!1,stopPropagation:!1,run:((d=(f=u._any)===null||f===void 0?void 0:f.run)===null||d===void 0?void 0:d.slice())||[]});h&&b.run.push(h),c&&(b.preventDefault=!0),a&&(b.stopPropagation=!0)};for(let r of n){let l=r.scope?r.scope.split(" "):["editor"];if(r.any)for(let c of l){let a=e[c]||(e[c]=Object.create(null));a._any||(a._any={preventDefault:!1,stopPropagation:!1,run:[]});let{any:f}=r;for(let d in a)a[d].run.push(u=>f(u,si))}let h=r[t]||r.key;if(h)for(let c of l)o(c,h,r.run,r.preventDefault,r.stopPropagation),r.shift&&o(c,"Shift-"+h,r.shift,r.preventDefault,r.stopPropagation)}return e}let si=null;function ln(n,t,e,i){si=t;let s=Vn(t),o=Si(s,0),r=Hn(o)==s.length&&s!=" ",l="",h=!1,c=!1,a=!1;lt&&lt.view==e&&lt.scope==i&&(l=lt.prefix+" ",Os.indexOf(t.keyCode)<0&&(c=!0,lt=null));let f=new Set,d=b=>{if(b){for(let m of b.run)if(!f.has(m)&&(f.add(m),m(e)))return b.stopPropagation&&(a=!0),!0;b.preventDefault&&(b.stopPropagation&&(a=!0),c=!0)}return!1},u=n[i],g,p;return u&&(d(u[l+pe(s,t,!r)])?h=!0:r&&(t.altKey||t.metaKey||t.ctrlKey)&&!(y.windows&&t.ctrlKey&&t.altKey)&&(g=Fn[t.keyCode])&&g!=s?(d(u[l+pe(g,t,!0)])||t.shiftKey&&(p=Wn[t.keyCode])!=s&&p!=g&&d(u[l+pe(p,t,!1)]))&&(h=!0):r&&t.shiftKey&&d(u[l+pe(s,t,!0)])&&(h=!0),!h&&d(u._any)&&(h=!0)),c&&(h=!0),h&&a&&t.stopPropagation(),si=null,h}class Ot{constructor(t,e,i,s,o){this.className=t,this.left=e,this.top=i,this.width=s,this.height=o}draw(){let t=document.createElement("div");return t.className=this.className,this.adjust(t),t}update(t,e){return e.className!=this.className?!1:(this.adjust(t),!0)}adjust(t){t.style.left=this.left+"px",t.style.top=this.top+"px",this.width!=null&&(t.style.width=this.width+"px"),t.style.height=this.height+"px"}eq(t){return this.left==t.left&&this.top==t.top&&this.width==t.width&&this.height==t.height&&this.className==t.className}static forRange(t,e,i){if(i.empty){let s=t.coordsAtPos(i.head,i.assoc||1);if(!s)return[];let o=hn(t);return[new Ot(e,s.left-o.left,s.top-o.top,null,s.bottom-s.top)]}else return ur(t,e,i)}}function hn(n){let t=n.scrollDOM.getBoundingClientRect();return{left:(n.textDirection==E.LTR?t.left:t.right-n.scrollDOM.clientWidth*n.scaleX)-n.scrollDOM.scrollLeft*n.scaleX,top:t.top-n.scrollDOM.scrollTop*n.scaleY}}function an(n,t,e,i){let s=n.coordsAtPos(t,e*2);if(!s)return i;let o=n.dom.getBoundingClientRect(),r=(s.top+s.bottom)/2,l=n.posAtCoords({x:o.left+1,y:r}),h=n.posAtCoords({x:o.right-1,y:r});return l==null||h==null?i:{from:Math.max(i.from,Math.min(l,h)),to:Math.min(i.to,Math.max(l,h))}}function ur(n,t,e){if(e.to<=n.viewport.from||e.from>=n.viewport.to)return[];let i=Math.max(e.from,n.viewport.from),s=Math.min(e.to,n.viewport.to),o=n.textDirection==E.LTR,r=n.contentDOM,l=r.getBoundingClientRect(),h=hn(n),c=r.querySelector(".cm-line"),a=c&&window.getComputedStyle(c),f=l.left+(a?parseInt(a.paddingLeft)+Math.min(0,parseInt(a.textIndent)):0),d=l.right-(a?parseInt(a.paddingRight):0),u=Xe(n,i),g=Xe(n,s),p=u.type==F.Text?u:null,b=g.type==F.Text?g:null;if(p&&(n.lineWrapping||u.widgetLineBreaks)&&(p=an(n,i,1,p)),b&&(n.lineWrapping||g.widgetLineBreaks)&&(b=an(n,s,-1,b)),p&&b&&p.from==b.from&&p.to==b.to)return w(v(e.from,e.to,p));{let S=p?v(e.from,null,p):x(u,!1),C=b?v(null,e.to,b):x(g,!0),L=[];return(p||u).to<(b||g).from-(p&&b?1:0)||u.widgetLineBreaks>1&&S.bottom+n.defaultLineHeight/2<C.top?L.push(m(f,S.bottom,d,C.top)):S.bottom<C.top&&n.elementAtHeight((S.bottom+C.top)/2).type==F.Text&&(S.bottom=C.top=(S.bottom+C.top)/2),w(S).concat(L).concat(w(C))}function m(S,C,L,H){return new Ot(t,S-h.left,C-h.top-.01,L-S,H-C+.01)}function w({top:S,bottom:C,horizontal:L}){let H=[];for(let nt=0;nt<L.length;nt+=2)H.push(m(L[nt],S,L[nt+1],C));return H}function v(S,C,L){let H=1e9,nt=-1e9,Ut=[];function wi(ct,ot,bt,ft,Et){let Q=n.coordsAtPos(ct,ct==L.to?-2:2),J=n.coordsAtPos(bt,bt==L.from?2:-2);!Q||!J||(H=Math.min(Q.top,J.top,H),nt=Math.max(Q.bottom,J.bottom,nt),Et==E.LTR?Ut.push(o&&ot?f:Q.left,o&&ft?d:J.right):Ut.push(!o&&ft?f:J.left,!o&&ot?d:Q.right))}let Qt=S??L.from,Jt=C??L.to;for(let ct of n.visibleRanges)if(ct.to>Qt&&ct.from<Jt)for(let ot=Math.max(ct.from,Qt),bt=Math.min(ct.to,Jt);;){let ft=n.state.doc.lineAt(ot);for(let Et of n.bidiSpans(ft)){let Q=Et.from+ft.from,J=Et.to+ft.from;if(Q>=bt)break;J>ot&&wi(Math.max(Q,ot),S==null&&Q<=Qt,Math.min(J,bt),C==null&&J>=Jt,Et.dir)}if(ot=ft.to+1,ot>=bt)break}return Ut.length==0&&wi(Qt,S==null,Jt,C==null,n.textDirection),{top:H,bottom:nt,horizontal:Ut}}function x(S,C){let L=l.top+(C?S.top:S.bottom);return{top:L,bottom:L,horizontal:[]}}}function gr(n,t){return n.constructor==t.constructor&&n.eq(t)}class pr{constructor(t,e){this.view=t,this.layer=e,this.drawn=[],this.scaleX=1,this.scaleY=1,this.measureReq={read:this.measure.bind(this),write:this.draw.bind(this)},this.dom=t.scrollDOM.appendChild(document.createElement("div")),this.dom.classList.add("cm-layer"),e.above&&this.dom.classList.add("cm-layer-above"),e.class&&this.dom.classList.add(e.class),this.scale(),this.dom.setAttribute("aria-hidden","true"),this.setOrder(t.state),t.requestMeasure(this.measureReq),e.mount&&e.mount(this.dom,t)}update(t){t.startState.facet(me)!=t.state.facet(me)&&this.setOrder(t.state),(this.layer.update(t,this.dom)||t.geometryChanged)&&(this.scale(),t.view.requestMeasure(this.measureReq))}docViewUpdate(t){this.layer.updateOnDocViewUpdate!==!1&&t.requestMeasure(this.measureReq)}setOrder(t){let e=0,i=t.facet(me);for(;e<i.length&&i[e]!=this.layer;)e++;this.dom.style.zIndex=String((this.layer.above?150:-1)-e)}measure(){return this.layer.markers(this.view)}scale(){let{scaleX:t,scaleY:e}=this.view;(t!=this.scaleX||e!=this.scaleY)&&(this.scaleX=t,this.scaleY=e,this.dom.style.transform=`scale(${1/t}, ${1/e})`)}draw(t){if(t.length!=this.drawn.length||t.some((e,i)=>!gr(e,this.drawn[i]))){let e=this.dom.firstChild,i=0;for(let s of t)s.update&&e&&s.constructor&&this.drawn[i].constructor&&s.update(e,this.drawn[i])?(e=e.nextSibling,i++):this.dom.insertBefore(s.draw(),e);for(;e;){let s=e.nextSibling;e.remove(),e=s}this.drawn=t}}destroy(){this.layer.destroy&&this.layer.destroy(this.dom,this.view),this.dom.remove()}}const me=k.define();function ni(n){return[P.define(t=>new pr(t,n)),me.of(n)]}const cn=!y.ios,At=k.define({combine(n){return De(n,{cursorBlinkRate:1200,drawRangeCursor:!0},{cursorBlinkRate:(t,e)=>Math.min(t,e),drawRangeCursor:(t,e)=>t||e})}});function mr(n={}){return[At.of(n),yr,wr,xr,ls.of(!0)]}function br(n){return n.facet(At)}function fn(n){return n.startState.facet(At)!=n.state.facet(At)}const yr=ni({above:!0,markers(n){let{state:t}=n,e=t.facet(At),i=[];for(let s of t.selection.ranges){let o=s==t.selection.main;if(s.empty?!o||cn:e.drawRangeCursor){let r=o?"cm-cursor cm-cursor-primary":"cm-cursor cm-cursor-secondary",l=s.empty?s:M.cursor(s.head,s.head>s.anchor?-1:1);for(let h of Ot.forRange(n,r,l))i.push(h)}}return i},update(n,t){n.transactions.some(i=>i.selection)&&(t.style.animationName=t.style.animationName=="cm-blink"?"cm-blink2":"cm-blink");let e=fn(n);return e&&dn(n.state,t),n.docChanged||n.selectionSet||e},mount(n,t){dn(t.state,n)},class:"cm-cursorLayer"});function dn(n,t){t.style.animationDuration=n.facet(At).cursorBlinkRate+"ms"}const wr=ni({above:!1,markers(n){return n.state.selection.ranges.map(t=>t.empty?[]:Ot.forRange(n,"cm-selectionBackground",t)).reduce((t,e)=>t.concat(e))},update(n,t){return n.docChanged||n.selectionSet||n.viewportChanged||fn(n)},class:"cm-selectionLayer"}),oi={".cm-line":{"& ::selection, &::selection":{backgroundColor:"transparent !important"}},".cm-content":{"& :focus":{caretColor:"initial !important","&::selection, & ::selection":{backgroundColor:"Highlight !important"}}}};cn&&(oi[".cm-line"].caretColor=oi[".cm-content"].caretColor="transparent !important");const xr=Ae.highest(A.theme(oi)),un=xt.define({map(n,t){return n==null?null:t.mapPos(n)}}),It=Ci.define({create(){return null},update(n,t){return n!=null&&(n=t.changes.mapPos(n)),t.effects.reduce((e,i)=>i.is(un)?i.value:e,n)}}),vr=P.fromClass(class{constructor(n){this.view=n,this.cursor=null,this.measureReq={read:this.readPos.bind(this),write:this.drawCursor.bind(this)}}update(n){var t;let e=n.state.field(It);e==null?this.cursor!=null&&((t=this.cursor)===null||t===void 0||t.remove(),this.cursor=null):(this.cursor||(this.cursor=this.view.scrollDOM.appendChild(document.createElement("div")),this.cursor.className="cm-dropCursor"),(n.startState.field(It)!=e||n.docChanged||n.geometryChanged)&&this.view.requestMeasure(this.measureReq))}readPos(){let{view:n}=this,t=n.state.field(It),e=t!=null&&n.coordsAtPos(t);if(!e)return null;let i=n.scrollDOM.getBoundingClientRect();return{left:e.left-i.left+n.scrollDOM.scrollLeft*n.scaleX,top:e.top-i.top+n.scrollDOM.scrollTop*n.scaleY,height:e.bottom-e.top}}drawCursor(n){if(this.cursor){let{scaleX:t,scaleY:e}=this.view;n?(this.cursor.style.left=n.left/t+"px",this.cursor.style.top=n.top/e+"px",this.cursor.style.height=n.height/e+"px"):this.cursor.style.left="-100000px"}}destroy(){this.cursor&&this.cursor.remove()}setDropPos(n){this.view.state.field(It)!=n&&this.view.dispatch({effects:un.of(n)})}},{eventObservers:{dragover(n){this.setDropPos(this.view.posAtCoords({x:n.clientX,y:n.clientY}))},dragleave(n){(n.target==this.view.contentDOM||!this.view.contentDOM.contains(n.relatedTarget))&&this.setDropPos(null)},dragend(){this.setDropPos(null)},drop(){this.setDropPos(null)}}});function Sr(){return[It,vr]}function gn(n,t,e,i,s){t.lastIndex=0;for(let o=n.iterRange(e,i),r=e,l;!o.next().done;r+=o.value.length)if(!o.lineBreak)for(;l=t.exec(o.value);)s(r+l.index,l)}function Cr(n,t){let e=n.visibleRanges;if(e.length==1&&e[0].from==n.viewport.from&&e[0].to==n.viewport.to)return e;let i=[];for(let{from:s,to:o}of e)s=Math.max(n.state.doc.lineAt(s).from,s-t),o=Math.min(n.state.doc.lineAt(o).to,o+t),i.length&&i[i.length-1].to>=s?i[i.length-1].to=o:i.push({from:s,to:o});return i}class be{constructor(t){const{regexp:e,decoration:i,decorate:s,boundary:o,maxLength:r=1e3}=t;if(!e.global)throw new RangeError("The regular expression given to MatchDecorator should have its 'g' flag set");if(this.regexp=e,s)this.addMatch=(l,h,c,a)=>s(a,c,c+l[0].length,l,h);else if(typeof i=="function")this.addMatch=(l,h,c,a)=>{let f=i(l,h,c);f&&a(c,c+l[0].length,f)};else if(i)this.addMatch=(l,h,c,a)=>a(c,c+l[0].length,i);else throw new RangeError("Either 'decorate' or 'decoration' should be provided to MatchDecorator");this.boundary=o,this.maxLength=r}createDeco(t){let e=new Nn,i=e.add.bind(e);for(let{from:s,to:o}of Cr(t,this.maxLength))gn(t.state.doc,this.regexp,s,o,(r,l)=>this.addMatch(l,t,r,i));return e.finish()}updateDeco(t,e){let i=1e9,s=-1;return t.docChanged&&t.changes.iterChanges((o,r,l,h)=>{h>t.view.viewport.from&&l<t.view.viewport.to&&(i=Math.min(l,i),s=Math.max(h,s))}),t.viewportChanged||s-i>1e3?this.createDeco(t.view):s>-1?this.updateRange(t.view,e.map(t.changes),i,s):e}updateRange(t,e,i,s){for(let o of t.visibleRanges){let r=Math.max(o.from,i),l=Math.min(o.to,s);if(l>r){let h=t.state.doc.lineAt(r),c=h.to<l?t.state.doc.lineAt(l):h,a=Math.max(o.from,h.from),f=Math.min(o.to,c.to);if(this.boundary){for(;r>h.from;r--)if(this.boundary.test(h.text[r-1-h.from])){a=r;break}for(;l<c.to;l++)if(this.boundary.test(c.text[l-c.from])){f=l;break}}let d=[],u,g=(p,b,m)=>d.push(m.range(p,b));if(h==c)for(this.regexp.lastIndex=a-h.from;(u=this.regexp.exec(h.text))&&u.index<f-h.from;)this.addMatch(u,t,u.index+h.from,g);else gn(t.state.doc,this.regexp,a,f,(p,b)=>this.addMatch(b,t,p,g));e=e.update({filterFrom:a,filterTo:f,filter:(p,b)=>p<a||b>f,add:d})}}return e}}const ri=/x/.unicode!=null?"gu":"g",Mr=new RegExp(`[\0-\b
+-\x7F-\x9F\xAD\u061C\u200B\u200E\u200F\u2028\u2029\u202D\u202E\u2066\u2067\u2069\uFEFF\uFFF9-\uFFFC]`,ri),kr={0:"null",7:"bell",8:"backspace",10:"newline",11:"vertical tab",13:"carriage return",27:"escape",8203:"zero width space",8204:"zero width non-joiner",8205:"zero width joiner",8206:"left-to-right mark",8207:"right-to-left mark",8232:"line separator",8237:"left-to-right override",8238:"right-to-left override",8294:"left-to-right isolate",8295:"right-to-left isolate",8297:"pop directional isolate",8233:"paragraph separator",65279:"zero width no-break space",65532:"object replacement"};let li=null;function Ar(){var n;if(li==null&&typeof document<"u"&&document.body){let t=document.body.style;li=((n=t.tabSize)!==null&&n!==void 0?n:t.MozTabSize)!=null}return li||!1}const ye=k.define({combine(n){let t=De(n,{render:null,specialChars:Mr,addSpecialChars:null});return(t.replaceTabs=!Ar())&&(t.specialChars=new RegExp("	|"+t.specialChars.source,ri)),t.addSpecialChars&&(t.specialChars=new RegExp(t.specialChars.source+"|"+t.addSpecialChars.source,ri)),t}});function Dr(n={}){return[ye.of(n),Or()]}let pn=null;function Or(){return pn||(pn=P.fromClass(class{constructor(n){this.view=n,this.decorations=R.none,this.decorationCache=Object.create(null),this.decorator=this.makeDecorator(n.state.facet(ye)),this.decorations=this.decorator.createDeco(n)}makeDecorator(n){return new be({regexp:n.specialChars,decoration:(t,e,i)=>{let{doc:s}=e.state,o=Si(t[0],0);if(o==9){let r=s.lineAt(i),l=e.state.tabSize,h=Mi(r.text,l,i-r.from);return R.replace({widget:new Lr((l-h%l)*this.view.defaultCharacterWidth/this.view.scaleX)})}return this.decorationCache[o]||(this.decorationCache[o]=R.replace({widget:new Er(n,o)}))},boundary:n.replaceTabs?void 0:/[^]/})}update(n){let t=n.state.facet(ye);n.startState.facet(ye)!=t?(this.decorator=this.makeDecorator(t),this.decorations=this.decorator.createDeco(n.view)):this.decorations=this.decorator.updateDeco(n,this.decorations)}},{decorations:n=>n.decorations}))}const Tr="\u2022";function Rr(n){return n>=32?Tr:n==10?"\u2424":String.fromCharCode(9216+n)}class Er extends gt{constructor(t,e){super(),this.options=t,this.code=e}eq(t){return t.code==this.code}toDOM(t){let e=Rr(this.code),i=t.state.phrase("Control character")+" "+(kr[this.code]||"0x"+this.code.toString(16)),s=this.options.render&&this.options.render(this.code,i,e);if(s)return s;let o=document.createElement("span");return o.textContent=e,o.title=i,o.setAttribute("aria-label",i),o.className="cm-specialChar",o}ignoreEvent(){return!1}}class Lr extends gt{constructor(t){super(),this.width=t}eq(t){return t.width==this.width}toDOM(){let t=document.createElement("span");return t.textContent="	",t.className="cm-tab",t.style.width=this.width+"px",t}ignoreEvent(){return!1}}const mn=P.fromClass(class{constructor(){this.height=1e3,this.attrs={style:"padding-bottom: 1000px"}}update(n){let{view:t}=n,e=t.viewState.editorHeight-t.defaultLineHeight-t.documentPadding.top-.5;e>=0&&e!=this.height&&(this.height=e,this.attrs={style:`padding-bottom: ${e}px`})}});function Br(){return[mn,oe.of(n=>{var t;return((t=n.plugin(mn))===null||t===void 0?void 0:t.attrs)||null})]}function Pr(){return Nr}const Hr=R.line({class:"cm-activeLine"}),Nr=P.fromClass(class{constructor(n){this.decorations=this.getDeco(n)}update(n){(n.docChanged||n.selectionSet)&&(this.decorations=this.getDeco(n.view))}getDeco(n){let t=-1,e=[];for(let i of n.state.selection.ranges){let s=n.lineBlockAt(i.head);s.from>t&&(e.push(Hr.range(s.from)),t=s.from)}return R.set(e)}},{decorations:n=>n.decorations});class Vr extends gt{constructor(t){super(),this.content=t}toDOM(){let t=document.createElement("span");return t.className="cm-placeholder",t.style.pointerEvents="none",t.appendChild(typeof this.content=="string"?document.createTextNode(this.content):this.content),typeof this.content=="string"?t.setAttribute("aria-label","placeholder "+this.content):t.setAttribute("aria-hidden","true"),t}coordsAt(t){let e=t.firstChild?St(t.firstChild):[];if(!e.length)return null;let i=window.getComputedStyle(t.parentNode),s=Ht(e[0],i.direction!="rtl"),o=parseInt(i.lineHeight);return s.bottom-s.top>o*1.5?{left:s.left,right:s.right,top:s.top,bottom:s.top+o}:s}ignoreEvent(){return!1}}function Fr(n){return P.fromClass(class{constructor(t){this.view=t,this.placeholder=n?R.set([R.widget({widget:new Vr(n),side:1}).range(0)]):R.none}get decorations(){return this.view.state.doc.length?R.none:this.placeholder}},{decorations:t=>t.decorations})}const hi=2e3;function Wr(n,t,e){let i=Math.min(t.line,e.line),s=Math.max(t.line,e.line),o=[];if(t.off>hi||e.off>hi||t.col<0||e.col<0){let r=Math.min(t.off,e.off),l=Math.max(t.off,e.off);for(let h=i;h<=s;h++){let c=n.doc.line(h);c.length<=l&&o.push(M.range(c.from+r,c.to+l))}}else{let r=Math.min(t.col,e.col),l=Math.max(t.col,e.col);for(let h=i;h<=s;h++){let c=n.doc.line(h),a=ke(c.text,r,n.tabSize,!0);if(a<0)o.push(M.cursor(c.to));else{let f=ke(c.text,l,n.tabSize);o.push(M.range(c.from+a,c.from+f))}}}return o}function zr(n,t){let e=n.coordsAtPos(n.viewport.from);return e?Math.round(Math.abs((e.left-t)/n.defaultCharacterWidth)):-1}function bn(n,t){let e=n.posAtCoords({x:t.clientX,y:t.clientY},!1),i=n.state.doc.lineAt(e),s=e-i.from,o=s>hi?-1:s==i.length?zr(n,t.clientX):Mi(i.text,n.state.tabSize,e-i.from);return{line:i.number,col:o,off:s}}function Ir(n,t){let e=bn(n,t),i=n.state.selection;return e?{update(s){if(s.docChanged){let o=s.changes.mapPos(s.startState.doc.line(e.line).from),r=s.state.doc.lineAt(o);e={line:r.number,col:e.col,off:Math.min(e.off,r.length)},i=i.map(s.changes)}},get(s,o,r){let l=bn(n,s);if(!l)return i;let h=Wr(n.state,e,l);return h.length?r?M.create(h.concat(i.ranges)):M.create(h):i}}:null}function Kr(n){let t=n?.eventFilter||(e=>e.altKey&&e.button==0);return A.mouseSelectionStyle.of((e,i)=>t(i)?Ir(e,i):null)}const qr={Alt:[18,n=>!!n.altKey],Control:[17,n=>!!n.ctrlKey],Shift:[16,n=>!!n.shiftKey],Meta:[91,n=>!!n.metaKey]},jr={style:"cursor: crosshair"};function Yr(n={}){let[t,e]=qr[n.key||"Alt"],i=P.fromClass(class{constructor(s){this.view=s,this.isDown=!1}set(s){this.isDown!=s&&(this.isDown=s,this.view.update([]))}},{eventObservers:{keydown(s){this.set(s.keyCode==t||e(s))},keyup(s){(s.keyCode==t||!e(s))&&this.set(!1)},mousemove(s){this.set(e(s))}}});return[i,A.contentAttributes.of(s=>{var o;return!((o=s.plugin(i))===null||o===void 0)&&o.isDown?jr:null})]}const Kt="-10000px";class yn{constructor(t,e,i,s){this.facet=e,this.createTooltipView=i,this.removeTooltipView=s,this.input=t.state.facet(e),this.tooltips=this.input.filter(r=>r);let o=null;this.tooltipViews=this.tooltips.map(r=>o=i(r,o))}update(t,e){var i;let s=t.state.facet(this.facet),o=s.filter(h=>h);if(s===this.input){for(let h of this.tooltipViews)h.update&&h.update(t);return!1}let r=[],l=e?[]:null;for(let h=0;h<o.length;h++){let c=o[h],a=-1;if(c){for(let f=0;f<this.tooltips.length;f++){let d=this.tooltips[f];d&&d.create==c.create&&(a=f)}if(a<0)r[h]=this.createTooltipView(c,h?r[h-1]:null),l&&(l[h]=!!c.above);else{let f=r[h]=this.tooltipViews[a];l&&(l[h]=e[a]),f.update&&f.update(t)}}}for(let h of this.tooltipViews)r.indexOf(h)<0&&(this.removeTooltipView(h),(i=h.destroy)===null||i===void 0||i.call(h));return e&&(l.forEach((h,c)=>e[c]=h),e.length=l.length),this.input=s,this.tooltips=o,this.tooltipViews=r,!0}}function _r(n={}){return we.of(n)}function Xr(n){let{win:t}=n;return{top:0,left:0,bottom:t.innerHeight,right:t.innerWidth}}const we=k.define({combine:n=>{var t,e,i;return{position:y.ios?"absolute":((t=n.find(s=>s.position))===null||t===void 0?void 0:t.position)||"fixed",parent:((e=n.find(s=>s.parent))===null||e===void 0?void 0:e.parent)||null,tooltipSpace:((i=n.find(s=>s.tooltipSpace))===null||i===void 0?void 0:i.tooltipSpace)||Xr}}}),wn=new WeakMap,xe=P.fromClass(class{constructor(n){this.view=n,this.above=[],this.inView=!0,this.madeAbsolute=!1,this.lastTransaction=0,this.measureTimeout=-1;let t=n.state.facet(we);this.position=t.position,this.parent=t.parent,this.classes=n.themeClasses,this.createContainer(),this.measureReq={read:this.readMeasure.bind(this),write:this.writeMeasure.bind(this),key:this},this.resizeObserver=typeof ResizeObserver=="function"?new ResizeObserver(()=>this.measureSoon()):null,this.manager=new yn(n,ai,(e,i)=>this.createTooltip(e,i),e=>{this.resizeObserver&&this.resizeObserver.unobserve(e.dom),e.dom.remove()}),this.above=this.manager.tooltips.map(e=>!!e.above),this.intersectionObserver=typeof IntersectionObserver=="function"?new IntersectionObserver(e=>{Date.now()>this.lastTransaction-50&&e.length>0&&e[e.length-1].intersectionRatio<1&&this.measureSoon()},{threshold:[1]}):null,this.observeIntersection(),n.win.addEventListener("resize",this.measureSoon=this.measureSoon.bind(this)),this.maybeMeasure()}createContainer(){this.parent?(this.container=document.createElement("div"),this.container.style.position="relative",this.container.className=this.view.themeClasses,this.parent.appendChild(this.container)):this.container=this.view.dom}observeIntersection(){if(this.intersectionObserver){this.intersectionObserver.disconnect();for(let n of this.manager.tooltipViews)this.intersectionObserver.observe(n.dom)}}measureSoon(){this.measureTimeout<0&&(this.measureTimeout=setTimeout(()=>{this.measureTimeout=-1,this.maybeMeasure()},50))}update(n){n.transactions.length&&(this.lastTransaction=Date.now());let t=this.manager.update(n,this.above);t&&this.observeIntersection();let e=t||n.geometryChanged,i=n.state.facet(we);if(i.position!=this.position&&!this.madeAbsolute){this.position=i.position;for(let s of this.manager.tooltipViews)s.dom.style.position=this.position;e=!0}if(i.parent!=this.parent){this.parent&&this.container.remove(),this.parent=i.parent,this.createContainer();for(let s of this.manager.tooltipViews)this.container.appendChild(s.dom);e=!0}else this.parent&&this.view.themeClasses!=this.classes&&(this.classes=this.container.className=this.view.themeClasses);e&&this.maybeMeasure()}createTooltip(n,t){let e=n.create(this.view),i=t?t.dom:null;if(e.dom.classList.add("cm-tooltip"),n.arrow&&!e.dom.querySelector(".cm-tooltip > .cm-tooltip-arrow")){let s=document.createElement("div");s.className="cm-tooltip-arrow",e.dom.appendChild(s)}return e.dom.style.position=this.position,e.dom.style.top=Kt,e.dom.style.left="0px",this.container.insertBefore(e.dom,i),e.mount&&e.mount(this.view),this.resizeObserver&&this.resizeObserver.observe(e.dom),e}destroy(){var n,t,e;this.view.win.removeEventListener("resize",this.measureSoon);for(let i of this.manager.tooltipViews)i.dom.remove(),(n=i.destroy)===null||n===void 0||n.call(i);this.parent&&this.container.remove(),(t=this.resizeObserver)===null||t===void 0||t.disconnect(),(e=this.intersectionObserver)===null||e===void 0||e.disconnect(),clearTimeout(this.measureTimeout)}readMeasure(){let n=this.view.dom.getBoundingClientRect(),t=1,e=1,i=!1;if(this.position=="fixed"&&this.manager.tooltipViews.length){let{dom:s}=this.manager.tooltipViews[0];if(y.gecko)i=s.offsetParent!=this.container.ownerDocument.body;else if(s.style.top==Kt&&s.style.left=="0px"){let o=s.getBoundingClientRect();i=Math.abs(o.top+1e4)>1||Math.abs(o.left)>1}}if(i||this.position=="absolute")if(this.parent){let s=this.parent.getBoundingClientRect();s.width&&s.height&&(t=s.width/this.parent.offsetWidth,e=s.height/this.parent.offsetHeight)}else({scaleX:t,scaleY:e}=this.view.viewState);return{editor:n,parent:this.parent?this.container.getBoundingClientRect():n,pos:this.manager.tooltips.map((s,o)=>{let r=this.manager.tooltipViews[o];return r.getCoords?r.getCoords(s.pos):this.view.coordsAtPos(s.pos)}),size:this.manager.tooltipViews.map(({dom:s})=>s.getBoundingClientRect()),space:this.view.state.facet(we).tooltipSpace(this.view),scaleX:t,scaleY:e,makeAbsolute:i}}writeMeasure(n){var t;if(n.makeAbsolute){this.madeAbsolute=!0,this.position="absolute";for(let l of this.manager.tooltipViews)l.dom.style.position="absolute"}let{editor:e,space:i,scaleX:s,scaleY:o}=n,r=[];for(let l=0;l<this.manager.tooltips.length;l++){let h=this.manager.tooltips[l],c=this.manager.tooltipViews[l],{dom:a}=c,f=n.pos[l],d=n.size[l];if(!f||f.bottom<=Math.max(e.top,i.top)||f.top>=Math.min(e.bottom,i.bottom)||f.right<Math.max(e.left,i.left)-.1||f.left>Math.min(e.right,i.right)+.1){a.style.top=Kt;continue}let u=h.arrow?c.dom.querySelector(".cm-tooltip-arrow"):null,g=u?7:0,p=d.right-d.left,b=(t=wn.get(c))!==null&&t!==void 0?t:d.bottom-d.top,m=c.offset||$r,w=this.view.textDirection==E.LTR,v=d.width>i.right-i.left?w?i.left:i.right-d.width:w?Math.max(i.left,Math.min(f.left-(u?14:0)+m.x,i.right-p)):Math.min(Math.max(i.left,f.left-p+(u?14:0)-m.x),i.right-p),x=this.above[l];!h.strictSide&&(x?f.top-(d.bottom-d.top)-m.y<i.top:f.bottom+(d.bottom-d.top)+m.y>i.bottom)&&x==i.bottom-f.bottom>f.top-i.top&&(x=this.above[l]=!x);let S=(x?f.top-i.top:i.bottom-f.bottom)-g;if(S<b&&c.resize!==!1){if(S<this.view.defaultLineHeight){a.style.top=Kt;continue}wn.set(c,b),a.style.height=(b=S)/o+"px"}else a.style.height&&(a.style.height="");let C=x?f.top-b-g-m.y:f.bottom+g+m.y,L=v+p;if(c.overlap!==!0)for(let H of r)H.left<L&&H.right>v&&H.top<C+b&&H.bottom>C&&(C=x?H.top-b-2-g:H.bottom+g+2);if(this.position=="absolute"?(a.style.top=(C-n.parent.top)/o+"px",a.style.left=(v-n.parent.left)/s+"px"):(a.style.top=C/o+"px",a.style.left=v/s+"px"),u){let H=f.left+(w?m.x:-m.x)-(v+14-7);u.style.left=H/s+"px"}c.overlap!==!0&&r.push({left:v,top:C,right:L,bottom:C+b}),a.classList.toggle("cm-tooltip-above",x),a.classList.toggle("cm-tooltip-below",!x),c.positioned&&c.positioned(n.space)}}maybeMeasure(){if(this.manager.tooltips.length&&(this.view.inView&&this.view.requestMeasure(this.measureReq),this.inView!=this.view.inView&&(this.inView=this.view.inView,!this.inView)))for(let n of this.manager.tooltipViews)n.dom.style.top=Kt}},{eventObservers:{scroll(){this.maybeMeasure()}}}),Gr=A.baseTheme({".cm-tooltip":{zIndex:100,boxSizing:"border-box"},"&light .cm-tooltip":{border:"1px solid #bbb",backgroundColor:"#f5f5f5"},"&light .cm-tooltip-section:not(:first-child)":{borderTop:"1px solid #bbb"},"&dark .cm-tooltip":{backgroundColor:"#333338",color:"white"},".cm-tooltip-arrow":{height:"7px",width:`${7*2}px`,position:"absolute",zIndex:-1,overflow:"hidden","&:before, &:after":{content:"''",position:"absolute",width:0,height:0,borderLeft:"7px solid transparent",borderRight:"7px solid transparent"},".cm-tooltip-above &":{bottom:"-7px","&:before":{borderTop:"7px solid #bbb"},"&:after":{borderTop:"7px solid #f5f5f5",bottom:"1px"}},".cm-tooltip-below &":{top:"-7px","&:before":{borderBottom:"7px solid #bbb"},"&:after":{borderBottom:"7px solid #f5f5f5",top:"1px"}}},"&dark .cm-tooltip .cm-tooltip-arrow":{"&:before":{borderTopColor:"#333338",borderBottomColor:"#333338"},"&:after":{borderTopColor:"transparent",borderBottomColor:"transparent"}}}),$r={x:0,y:0},ai=k.define({enables:[xe,Gr]}),qt=k.define({combine:n=>n.reduce((t,e)=>t.concat(e),[])});class Me{static create(t){return new Me(t)}constructor(t){this.view=t,this.mounted=!1,this.dom=document.createElement("div"),this.dom.classList.add("cm-tooltip-hover"),this.manager=new yn(t,qt,(e,i)=>this.createHostedView(e,i),e=>e.dom.remove())}createHostedView(t,e){let i=t.create(this.view);return i.dom.classList.add("cm-tooltip-section"),this.dom.insertBefore(i.dom,e?e.dom.nextSibling:this.dom.firstChild),this.mounted&&i.mount&&i.mount(this.view),i}mount(t){for(let e of this.manager.tooltipViews)e.mount&&e.mount(t);this.mounted=!0}positioned(t){for(let e of this.manager.tooltipViews)e.positioned&&e.positioned(t)}update(t){this.manager.update(t)}destroy(){var t;for(let e of this.manager.tooltipViews)(t=e.destroy)===null||t===void 0||t.call(e)}passProp(t){let e;for(let i of this.manager.tooltipViews){let s=i[t];if(s!==void 0){if(e===void 0)e=s;else if(e!==s)return}}return e}get offset(){return this.passProp("offset")}get getCoords(){return this.passProp("getCoords")}get overlap(){return this.passProp("overlap")}get resize(){return this.passProp("resize")}}const Ur=ai.compute([qt],n=>{let t=n.facet(qt);return t.length===0?null:{pos:Math.min(...t.map(e=>e.pos)),end:Math.max(...t.map(e=>{var i;return(i=e.end)!==null&&i!==void 0?i:e.pos})),create:Me.create,above:t[0].above,arrow:t.some(e=>e.arrow)}});class Qr{constructor(t,e,i,s,o){this.view=t,this.source=e,this.field=i,this.setHover=s,this.hoverTime=o,this.hoverTimeout=-1,this.restartTimeout=-1,this.pending=null,this.lastMove={x:0,y:0,target:t.dom,time:0},this.checkHover=this.checkHover.bind(this),t.dom.addEventListener("mouseleave",this.mouseleave=this.mouseleave.bind(this)),t.dom.addEventListener("mousemove",this.mousemove=this.mousemove.bind(this))}update(){this.pending&&(this.pending=null,clearTimeout(this.restartTimeout),this.restartTimeout=setTimeout(()=>this.startHover(),20))}get active(){return this.view.state.field(this.field)}checkHover(){if(this.hoverTimeout=-1,this.active.length)return;let t=Date.now()-this.lastMove.time;t<this.hoverTime?this.hoverTimeout=setTimeout(this.checkHover,this.hoverTime-t):this.startHover()}startHover(){clearTimeout(this.restartTimeout);let{view:t,lastMove:e}=this,i=t.docView.nearest(e.target);if(!i)return;let s,o=1;if(i instanceof at)s=i.posAtStart;else{if(s=t.posAtCoords(e),s==null)return;let l=t.coordsAtPos(s);if(!l||e.y<l.top||e.y>l.bottom||e.x<l.left-t.defaultCharacterWidth||e.x>l.right+t.defaultCharacterWidth)return;let h=t.bidiSpans(t.state.doc.lineAt(s)).find(a=>a.from<=s&&a.to>=s),c=h&&h.dir==E.RTL?-1:1;o=e.x<l.left?-c:c}let r=this.source(t,s,o);if(r?.then){let l=this.pending={pos:s};r.then(h=>{this.pending==l&&(this.pending=null,h&&!(Array.isArray(h)&&!h.length)&&t.dispatch({effects:this.setHover.of(Array.isArray(h)?h:[h])}))},h=>_(t.state,h,"hover tooltip"))}else r&&!(Array.isArray(r)&&!r.length)&&t.dispatch({effects:this.setHover.of(Array.isArray(r)?r:[r])})}get tooltip(){let t=this.view.plugin(xe),e=t?t.manager.tooltips.findIndex(i=>i.create==Me.create):-1;return e>-1?t.manager.tooltipViews[e]:null}mousemove(t){var e,i;this.lastMove={x:t.clientX,y:t.clientY,target:t.target,time:Date.now()},this.hoverTimeout<0&&(this.hoverTimeout=setTimeout(this.checkHover,this.hoverTime));let{active:s,tooltip:o}=this;if(s.length&&o&&!Jr(o.dom,t)||this.pending){let{pos:r}=s[0]||this.pending,l=(i=(e=s[0])===null||e===void 0?void 0:e.end)!==null&&i!==void 0?i:r;(r==l?this.view.posAtCoords(this.lastMove)!=r:!Zr(this.view,r,l,t.clientX,t.clientY))&&(this.view.dispatch({effects:this.setHover.of([])}),this.pending=null)}}mouseleave(t){clearTimeout(this.hoverTimeout),this.hoverTimeout=-1;let{active:e}=this;if(e.length){let{tooltip:i}=this;i&&i.dom.contains(t.relatedTarget)?this.watchTooltipLeave(i.dom):this.view.dispatch({effects:this.setHover.of([])})}}watchTooltipLeave(t){let e=i=>{t.removeEventListener("mouseleave",e),this.active.length&&!this.view.dom.contains(i.relatedTarget)&&this.view.dispatch({effects:this.setHover.of([])})};t.addEventListener("mouseleave",e)}destroy(){clearTimeout(this.hoverTimeout),this.view.dom.removeEventListener("mouseleave",this.mouseleave),this.view.dom.removeEventListener("mousemove",this.mousemove)}}const ve=4;function Jr(n,t){let e=n.getBoundingClientRect();return t.clientX>=e.left-ve&&t.clientX<=e.right+ve&&t.clientY>=e.top-ve&&t.clientY<=e.bottom+ve}function Zr(n,t,e,i,s,o){let r=n.scrollDOM.getBoundingClientRect(),l=n.documentTop+n.documentPadding.top+n.contentHeight;if(r.left>i||r.right<i||r.top>s||Math.min(r.bottom,l)<s)return!1;let h=n.posAtCoords({x:i,y:s},!1);return h>=t&&h<=e}function tl(n,t={}){let e=xt.define(),i=Ci.define({create(){return[]},update(s,o){if(s.length&&(t.hideOnChange&&(o.docChanged||o.selection)?s=[]:t.hideOn&&(s=s.filter(r=>!t.hideOn(o,r))),o.docChanged)){let r=[];for(let l of s){let h=o.changes.mapPos(l.pos,-1,yt.TrackDel);if(h!=null){let c=Object.assign(Object.create(null),l);c.pos=h,c.end!=null&&(c.end=o.changes.mapPos(c.end)),r.push(c)}}s=r}for(let r of o.effects)r.is(e)&&(s=r.value),r.is(xn)&&(s=[]);return s},provide:s=>qt.from(s)});return{active:i,extension:[i,P.define(s=>new Qr(s,n,i,e,t.hoverTime||300)),Ur]}}function el(n,t){let e=n.plugin(xe);if(!e)return null;let i=e.manager.tooltips.indexOf(t);return i<0?null:e.manager.tooltipViews[i]}function il(n){return n.facet(qt).some(t=>t)}const xn=xt.define(),sl=xn.of(null);function nl(n){let t=n.plugin(xe);t&&t.maybeMeasure()}const ci=k.define({combine(n){let t,e;for(let i of n)t=t||i.topContainer,e=e||i.bottomContainer;return{topContainer:t,bottomContainer:e}}});function ol(n){return n?[ci.of(n)]:[]}function rl(n,t){let e=n.plugin(vn),i=e?e.specs.indexOf(t):-1;return i>-1?e.panels[i]:null}const vn=P.fromClass(class{constructor(n){this.input=n.state.facet(fi),this.specs=this.input.filter(e=>e),this.panels=this.specs.map(e=>e(n));let t=n.state.facet(ci);this.top=new Se(n,!0,t.topContainer),this.bottom=new Se(n,!1,t.bottomContainer),this.top.sync(this.panels.filter(e=>e.top)),this.bottom.sync(this.panels.filter(e=>!e.top));for(let e of this.panels)e.dom.classList.add("cm-panel"),e.mount&&e.mount()}update(n){let t=n.state.facet(ci);this.top.container!=t.topContainer&&(this.top.sync([]),this.top=new Se(n.view,!0,t.topContainer)),this.bottom.container!=t.bottomContainer&&(this.bottom.sync([]),this.bottom=new Se(n.view,!1,t.bottomContainer)),this.top.syncClasses(),this.bottom.syncClasses();let e=n.state.facet(fi);if(e!=this.input){let i=e.filter(h=>h),s=[],o=[],r=[],l=[];for(let h of i){let c=this.specs.indexOf(h),a;c<0?(a=h(n.view),l.push(a)):(a=this.panels[c],a.update&&a.update(n)),s.push(a),(a.top?o:r).push(a)}this.specs=i,this.panels=s,this.top.sync(o),this.bottom.sync(r);for(let h of l)h.dom.classList.add("cm-panel"),h.mount&&h.mount()}else for(let i of this.panels)i.update&&i.update(n)}destroy(){this.top.sync([]),this.bottom.sync([])}},{provide:n=>A.scrollMargins.of(t=>{let e=t.plugin(n);return e&&{top:e.top.scrollMargin(),bottom:e.bottom.scrollMargin()}})});class Se{constructor(t,e,i){this.view=t,this.top=e,this.container=i,this.dom=void 0,this.classes="",this.panels=[],this.syncClasses()}sync(t){for(let e of this.panels)e.destroy&&t.indexOf(e)<0&&e.destroy();this.panels=t,this.syncDOM()}syncDOM(){if(this.panels.length==0){this.dom&&(this.dom.remove(),this.dom=void 0);return}if(!this.dom){this.dom=document.createElement("div"),this.dom.className=this.top?"cm-panels cm-panels-top":"cm-panels cm-panels-bottom",this.dom.style[this.top?"top":"bottom"]="0";let e=this.container||this.view.dom;e.insertBefore(this.dom,this.top?e.firstChild:null)}let t=this.dom.firstChild;for(let e of this.panels)if(e.dom.parentNode==this.dom){for(;t!=e.dom;)t=Sn(t);t=t.nextSibling}else this.dom.insertBefore(e.dom,t);for(;t;)t=Sn(t)}scrollMargin(){return!this.dom||this.container?0:Math.max(0,this.top?this.dom.getBoundingClientRect().bottom-Math.max(0,this.view.scrollDOM.getBoundingClientRect().top):Math.min(innerHeight,this.view.scrollDOM.getBoundingClientRect().bottom)-this.dom.getBoundingClientRect().top)}syncClasses(){if(!(!this.container||this.classes==this.view.themeClasses)){for(let t of this.classes.split(" "))t&&this.container.classList.remove(t);for(let t of(this.classes=this.view.themeClasses).split(" "))t&&this.container.classList.add(t)}}}function Sn(n){let t=n.nextSibling;return n.remove(),t}const fi=k.define({enables:vn});class et extends xi{compare(t){return this==t||this.constructor==t.constructor&&this.eq(t)}eq(t){return!1}destroy(t){}}et.prototype.elementClass="",et.prototype.toDOM=void 0,et.prototype.mapMode=yt.TrackBefore,et.prototype.startSide=et.prototype.endSide=-1,et.prototype.point=!0;const jt=k.define(),Cn=k.define(),ll={class:"",renderEmptyElements:!1,elementStyle:"",markers:()=>V.empty,lineMarker:()=>null,widgetMarker:()=>null,lineMarkerChange:null,initialSpacer:null,updateSpacer:null,domEventHandlers:{}},Yt=k.define();function hl(n){return[ui(),Yt.of(Object.assign(Object.assign({},ll),n))]}const di=k.define({combine:n=>n.some(t=>t)});function ui(n){let t=[al];return n&&n.fixed===!1&&t.push(di.of(!0)),t}const al=P.fromClass(class{constructor(n){this.view=n,this.prevViewport=n.viewport,this.dom=document.createElement("div"),this.dom.className="cm-gutters",this.dom.setAttribute("aria-hidden","true"),this.dom.style.minHeight=this.view.contentHeight/this.view.scaleY+"px",this.gutters=n.state.facet(Yt).map(t=>new kn(n,t));for(let t of this.gutters)this.dom.appendChild(t.dom);this.fixed=!n.state.facet(di),this.fixed&&(this.dom.style.position="sticky"),this.syncGutters(!1),n.scrollDOM.insertBefore(this.dom,n.contentDOM)}update(n){if(this.updateGutters(n)){let t=this.prevViewport,e=n.view.viewport,i=Math.min(t.to,e.to)-Math.max(t.from,e.from);this.syncGutters(i<(e.to-e.from)*.8)}n.geometryChanged&&(this.dom.style.minHeight=this.view.contentHeight/this.view.scaleY+"px"),this.view.state.facet(di)!=!this.fixed&&(this.fixed=!this.fixed,this.dom.style.position=this.fixed?"sticky":""),this.prevViewport=n.view.viewport}syncGutters(n){let t=this.dom.nextSibling;n&&this.dom.remove();let e=V.iter(this.view.state.facet(jt),this.view.viewport.from),i=[],s=this.gutters.map(o=>new cl(o,this.view.viewport,-this.view.documentPadding.top));for(let o of this.view.viewportLineBlocks)if(i.length&&(i=[]),Array.isArray(o.type)){let r=!0;for(let l of o.type)if(l.type==F.Text&&r){gi(e,i,l.from);for(let h of s)h.line(this.view,l,i);r=!1}else if(l.widget)for(let h of s)h.widget(this.view,l)}else if(o.type==F.Text){gi(e,i,o.from);for(let r of s)r.line(this.view,o,i)}else if(o.widget)for(let r of s)r.widget(this.view,o);for(let o of s)o.finish();n&&this.view.scrollDOM.insertBefore(this.dom,t)}updateGutters(n){let t=n.startState.facet(Yt),e=n.state.facet(Yt),i=n.docChanged||n.heightChanged||n.viewportChanged||!V.eq(n.startState.facet(jt),n.state.facet(jt),n.view.viewport.from,n.view.viewport.to);if(t==e)for(let s of this.gutters)s.update(n)&&(i=!0);else{i=!0;let s=[];for(let o of e){let r=t.indexOf(o);r<0?s.push(new kn(this.view,o)):(this.gutters[r].update(n),s.push(this.gutters[r]))}for(let o of this.gutters)o.dom.remove(),s.indexOf(o)<0&&o.destroy();for(let o of s)this.dom.appendChild(o.dom);this.gutters=s}return i}destroy(){for(let n of this.gutters)n.destroy();this.dom.remove()}},{provide:n=>A.scrollMargins.of(t=>{let e=t.plugin(n);return!e||e.gutters.length==0||!e.fixed?null:t.textDirection==E.LTR?{left:e.dom.offsetWidth*t.scaleX}:{right:e.dom.offsetWidth*t.scaleX}})});function Mn(n){return Array.isArray(n)?n:[n]}function gi(n,t,e){for(;n.value&&n.from<=e;)n.from==e&&t.push(n.value),n.next()}class cl{constructor(t,e,i){this.gutter=t,this.height=i,this.i=0,this.cursor=V.iter(t.markers,e.from)}addElement(t,e,i){let{gutter:s}=this,o=(e.top-this.height)/t.scaleY,r=e.height/t.scaleY;if(this.i==s.elements.length){let l=new An(t,r,o,i);s.elements.push(l),s.dom.appendChild(l.dom)}else s.elements[this.i].update(t,r,o,i);this.height=e.bottom,this.i++}line(t,e,i){let s=[];gi(this.cursor,s,e.from),i.length&&(s=s.concat(i));let o=this.gutter.config.lineMarker(t,e,s);o&&s.unshift(o);let r=this.gutter;s.length==0&&!r.config.renderEmptyElements||this.addElement(t,e,s)}widget(t,e){let i=this.gutter.config.widgetMarker(t,e.widget,e),s=i?[i]:null;for(let o of t.state.facet(Cn)){let r=o(t,e.widget,e);r&&(s||(s=[])).push(r)}s&&this.addElement(t,e,s)}finish(){let t=this.gutter;for(;t.elements.length>this.i;){let e=t.elements.pop();t.dom.removeChild(e.dom),e.destroy()}}}class kn{constructor(t,e){this.view=t,this.config=e,this.elements=[],this.spacer=null,this.dom=document.createElement("div"),this.dom.className="cm-gutter"+(this.config.class?" "+this.config.class:"");for(let i in e.domEventHandlers)this.dom.addEventListener(i,s=>{let o=s.target,r;if(o!=this.dom&&this.dom.contains(o)){for(;o.parentNode!=this.dom;)o=o.parentNode;let h=o.getBoundingClientRect();r=(h.top+h.bottom)/2}else r=s.clientY;let l=t.lineBlockAtHeight(r-t.documentTop);e.domEventHandlers[i](t,l,s)&&s.preventDefault()});this.markers=Mn(e.markers(t)),e.initialSpacer&&(this.spacer=new An(t,0,0,[e.initialSpacer(t)]),this.dom.appendChild(this.spacer.dom),this.spacer.dom.style.cssText+="visibility: hidden; pointer-events: none")}update(t){let e=this.markers;if(this.markers=Mn(this.config.markers(t.view)),this.spacer&&this.config.updateSpacer){let s=this.config.updateSpacer(this.spacer.markers[0],t);s!=this.spacer.markers[0]&&this.spacer.update(t.view,0,0,[s])}let i=t.view.viewport;return!V.eq(this.markers,e,i.from,i.to)||(this.config.lineMarkerChange?this.config.lineMarkerChange(t):!1)}destroy(){for(let t of this.elements)t.destroy()}}class An{constructor(t,e,i,s){this.height=-1,this.above=0,this.markers=[],this.dom=document.createElement("div"),this.dom.className="cm-gutterElement",this.update(t,e,i,s)}update(t,e,i,s){this.height!=e&&(this.height=e,this.dom.style.height=e+"px"),this.above!=i&&(this.dom.style.marginTop=(this.above=i)?i+"px":""),fl(this.markers,s)||this.setMarkers(t,s)}setMarkers(t,e){let i="cm-gutterElement",s=this.dom.firstChild;for(let o=0,r=0;;){let l=r,h=o<e.length?e[o++]:null,c=!1;if(h){let a=h.elementClass;a&&(i+=" "+a);for(let f=r;f<this.markers.length;f++)if(this.markers[f].compare(h)){l=f,c=!0;break}}else l=this.markers.length;for(;r<l;){let a=this.markers[r++];if(a.toDOM){a.destroy(s);let f=s.nextSibling;s.remove(),s=f}}if(!h)break;h.toDOM&&(c?s=s.nextSibling:this.dom.insertBefore(h.toDOM(t),s)),c&&r++}this.dom.className=i,this.markers=e}destroy(){this.setMarkers(null,[])}}function fl(n,t){if(n.length!=t.length)return!1;for(let e=0;e<n.length;e++)if(!n[e].compare(t[e]))return!1;return!0}const Dn=k.define(),On=k.define(),Dt=k.define({combine(n){return De(n,{formatNumber:String,domEventHandlers:{}},{domEventHandlers(t,e){let i=Object.assign({},t);for(let s in e){let o=i[s],r=e[s];i[s]=o?(l,h,c)=>o(l,h,c)||r(l,h,c):r}return i}})}});class pi extends et{constructor(t){super(),this.number=t}eq(t){return this.number==t.number}toDOM(){return document.createTextNode(this.number)}}function mi(n,t){return n.state.facet(Dt).formatNumber(t,n.state)}const dl=Yt.compute([Dt],n=>({class:"cm-lineNumbers",renderEmptyElements:!1,markers(t){return t.state.facet(Dn)},lineMarker(t,e,i){return i.some(s=>s.toDOM)?null:new pi(mi(t,t.state.doc.lineAt(e.from).number))},widgetMarker:(t,e,i)=>{for(let s of t.state.facet(On)){let o=s(t,e,i);if(o)return o}return null},lineMarkerChange:t=>t.startState.facet(Dt)!=t.state.facet(Dt),initialSpacer(t){return new pi(mi(t,Tn(t.state.doc.lines)))},updateSpacer(t,e){let i=mi(e.view,Tn(e.view.state.doc.lines));return i==t.number?t:new pi(i)},domEventHandlers:n.facet(Dt).domEventHandlers}));function ul(n={}){return[Dt.of(n),ui(),dl]}function Tn(n){let t=9;for(;t<n;)t=t*10+9;return t}const gl=new class extends et{constructor(){super(...arguments),this.elementClass="cm-activeLineGutter"}},pl=jt.compute(["selection"],n=>{let t=[],e=-1;for(let i of n.selection.ranges){let s=n.doc.lineAt(i.head).from;s>e&&(e=s,t.push(gl.range(s)))}return V.of(t)});function ml(){return pl}const Rn=new Map;function bl(n){let t=Rn.get(n);return t||Rn.set(n,t=R.mark({attributes:n==="	"?{class:"cm-highlightTab"}:{class:"cm-highlightSpace","data-display":n.replace(/ /g,"\xB7")}})),t}function En(n){return P.define(t=>({decorations:n.createDeco(t),update(e){this.decorations=n.updateDeco(e,this.decorations)}}),{decorations:t=>t.decorations})}const yl=En(new be({regexp:/\t| +/g,decoration:n=>bl(n[0]),boundary:/\S/}));function wl(){return yl}const xl=En(new be({regexp:/\s+$/g,decoration:R.mark({class:"cm-trailingSpace"}),boundary:/\S/}));function vl(){return xl}const Sl={HeightMap:z,HeightOracle:js,MeasuredHeights:Ys,QueryType:T,ChangedRange:q,computeOrder:Ui,moveVisually:Zi,clearHeightChangeFlag:Qe,getHeightChangeFlag:()=>mt};export{tt as BidiSpan,G as BlockInfo,F as BlockType,R as Decoration,E as Direction,A as EditorView,et as GutterMarker,be as MatchDecorator,Ot as RectangleMarker,P as ViewPlugin,$t as ViewUpdate,gt as WidgetType,Sl as __test,sl as closeHoverTooltips,Yr as crosshairCursor,mr as drawSelection,Sr as dropCursor,br as getDrawSelectionConfig,rl as getPanel,el as getTooltip,hl as gutter,jt as gutterLineClass,Cn as gutterWidgetClass,ui as gutters,il as hasHoverTooltips,Pr as highlightActiveLine,ml as highlightActiveLineGutter,Dr as highlightSpecialChars,vl as highlightTrailingWhitespace,wl as highlightWhitespace,tl as hoverTooltip,nn as keymap,ni as layer,Dn as lineNumberMarkers,On as lineNumberWidgetMarker,ul as lineNumbers,_ as logException,ol as panels,Fr as placeholder,Kr as rectangularSelection,nl as repositionTooltips,cr as runScopeHandlers,Br as scrollPastEnd,fi as showPanel,ai as showTooltip,_r as tooltips};
diff --git a/Resources/Public/JavaScript/Contrib/@lezer/common.js b/Resources/Public/JavaScript/Contrib/@lezer/common.js
new file mode 100644
index 0000000..640bf46
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@lezer/common.js
@@ -0,0 +1 @@
+const ve=1024;let ke=0;class T{constructor(e,t){this.from=e,this.to=t}}class v{constructor(e={}){this.id=ke++,this.perNode=!!e.perNode,this.deserialize=e.deserialize||(()=>{throw new Error("This node type doesn't define a deserialize function")})}add(e){if(this.perNode)throw new RangeError("Can't add per-node props to node types");return typeof e!="function"&&(e=O.match(e)),t=>{let r=e(t);return r===void 0?null:[this,r]}}}v.closedBy=new v({deserialize:l=>l.split(" ")}),v.openedBy=new v({deserialize:l=>l.split(" ")}),v.group=new v({deserialize:l=>l.split(" ")}),v.isolate=new v({deserialize:l=>{if(l&&l!="rtl"&&l!="ltr"&&l!="auto")throw new RangeError("Invalid value for isolate: "+l);return l||"auto"}}),v.contextHash=new v({perNode:!0}),v.lookAhead=new v({perNode:!0}),v.mounted=new v({perNode:!0});class q{constructor(e,t,r){this.tree=e,this.overlay=t,this.parser=r}static get(e){return e&&e.props&&e.props[v.mounted.id]}}const Ce=Object.create(null);class O{constructor(e,t,r,n=0){this.name=e,this.props=t,this.id=r,this.flags=n}static define(e){let t=e.props&&e.props.length?Object.create(null):Ce,r=(e.top?1:0)|(e.skipped?2:0)|(e.error?4:0)|(e.name==null?8:0),n=new O(e.name||"",t,e.id,r);if(e.props){for(let i of e.props)if(Array.isArray(i)||(i=i(n)),i){if(i[0].perNode)throw new RangeError("Can't store a per-node prop on a node type");t[i[0].id]=i[1]}}return n}prop(e){return this.props[e.id]}get isTop(){return(this.flags&1)>0}get isSkipped(){return(this.flags&2)>0}get isError(){return(this.flags&4)>0}get isAnonymous(){return(this.flags&8)>0}is(e){if(typeof e=="string"){if(this.name==e)return!0;let t=this.prop(v.group);return t?t.indexOf(e)>-1:!1}return this.id==e}static match(e){let t=Object.create(null);for(let r in e)for(let n of r.split(" "))t[n]=e[r];return r=>{for(let n=r.prop(v.group),i=-1;i<(n?n.length:0);i++){let s=t[i<0?r.name:n[i]];if(s)return s}}}}O.none=new O("",Object.create(null),0,8);class se{constructor(e){this.types=e;for(let t=0;t<e.length;t++)if(e[t].id!=t)throw new RangeError("Node type ids should correspond to array positions when creating a node set")}extend(...e){let t=[];for(let r of this.types){let n=null;for(let i of e){let s=i(r);s&&(n||(n=Object.assign({},r.props)),n[s[0].id]=s[1])}t.push(n?new O(r.name,n,r.id,r.flags):r)}return new se(t)}}const Z=new WeakMap,oe=new WeakMap;var C;(function(l){l[l.ExcludeBuffers=1]="ExcludeBuffers",l[l.IncludeAnonymous=2]="IncludeAnonymous",l[l.IgnoreMounts=4]="IgnoreMounts",l[l.IgnoreOverlays=8]="IgnoreOverlays"})(C||(C={}));class z{constructor(e,t,r,n,i){if(this.type=e,this.children=t,this.positions=r,this.length=n,this.props=null,i&&i.length){this.props=Object.create(null);for(let[s,f]of i)this.props[typeof s=="number"?s:s.id]=f}}toString(){let e=q.get(this);if(e&&!e.overlay)return e.tree.toString();let t="";for(let r of this.children){let n=r.toString();n&&(t&&(t+=","),t+=n)}return this.type.name?(/\W/.test(this.type.name)&&!this.type.isError?JSON.stringify(this.type.name):this.type.name)+(t.length?"("+t+")":""):t}cursor(e=0){return new X(this.topNode,e)}cursorAt(e,t=0,r=0){let n=Z.get(this)||this.topNode,i=new X(n);return i.moveTo(e,t),Z.set(this,i._tree),i}get topNode(){return new P(this,0,0,null)}resolve(e,t=0){let r=Q(Z.get(this)||this.topNode,e,t,!1);return Z.set(this,r),r}resolveInner(e,t=0){let r=Q(oe.get(this)||this.topNode,e,t,!0);return oe.set(this,r),r}resolveStack(e,t=0){return _e(this,e,t)}iterate(e){let{enter:t,leave:r,from:n=0,to:i=this.length}=e,s=e.mode||0,f=(s&C.IncludeAnonymous)>0;for(let h=this.cursor(s|C.IncludeAnonymous);;){let a=!1;if(h.from<=i&&h.to>=n&&(!f&&h.type.isAnonymous||t(h)!==!1)){if(h.firstChild())continue;a=!0}for(;a&&r&&(f||!h.type.isAnonymous)&&r(h),!h.nextSibling();){if(!h.parent())return;a=!0}}}prop(e){return e.perNode?this.props?this.props[e.id]:void 0:this.type.prop(e)}get propValues(){let e=[];if(this.props)for(let t in this.props)e.push([+t,this.props[t]]);return e}balance(e={}){return this.children.length<=8?this:ne(O.none,this.children,this.positions,0,this.children.length,0,this.length,(t,r,n)=>new z(this.type,t,r,n,this.propValues),e.makeTree||((t,r,n)=>new z(O.none,t,r,n)))}static build(e){return Ie(e)}}z.empty=new z(O.none,[],[],0);class le{constructor(e,t){this.buffer=e,this.index=t}get id(){return this.buffer[this.index-4]}get start(){return this.buffer[this.index-3]}get end(){return this.buffer[this.index-2]}get size(){return this.buffer[this.index-1]}get pos(){return this.index}next(){this.index-=4}fork(){return new le(this.buffer,this.index)}}class U{constructor(e,t,r){this.buffer=e,this.length=t,this.set=r}get type(){return O.none}toString(){let e=[];for(let t=0;t<this.buffer.length;)e.push(this.childString(t)),t=this.buffer[t+3];return e.join(",")}childString(e){let t=this.buffer[e],r=this.buffer[e+3],n=this.set.types[t],i=n.name;if(/\W/.test(i)&&!n.isError&&(i=JSON.stringify(i)),e+=4,r==e)return i;let s=[];for(;e<r;)s.push(this.childString(e)),e=this.buffer[e+3];return i+"("+s.join(",")+")"}findChild(e,t,r,n,i){let{buffer:s}=this,f=-1;for(let h=e;h!=t&&!(ue(i,n,s[h+1],s[h+2])&&(f=h,r>0));h=s[h+3]);return f}slice(e,t,r){let n=this.buffer,i=new Uint16Array(t-e),s=0;for(let f=e,h=0;f<t;){i[h++]=n[f++],i[h++]=n[f++]-r;let a=i[h++]=n[f++]-r;i[h++]=n[f++]-e,s=Math.max(s,a)}return new U(i,s,this.set)}}function ue(l,e,t,r){switch(l){case-2:return t<e;case-1:return r>=e&&t<e;case 0:return t<e&&r>e;case 1:return t<=e&&r>e;case 2:return r>e;case 4:return!0}}function Q(l,e,t,r){for(var n;l.from==l.to||(t<1?l.from>=e:l.from>e)||(t>-1?l.to<=e:l.to<e);){let s=!r&&l instanceof P&&l.index<0?null:l.parent;if(!s)return l;l=s}let i=r?0:C.IgnoreOverlays;if(r)for(let s=l,f=s.parent;f;s=f,f=s.parent)s instanceof P&&s.index<0&&((n=f.enter(e,t,i))===null||n===void 0?void 0:n.from)!=s.from&&(l=f);for(;;){let s=l.enter(e,t,i);if(!s)return l;l=s}}class ae{cursor(e=0){return new X(this,e)}getChild(e,t=null,r=null){let n=pe(this,e,t,r);return n.length?n[0]:null}getChildren(e,t=null,r=null){return pe(this,e,t,r)}resolve(e,t=0){return Q(this,e,t,!1)}resolveInner(e,t=0){return Q(this,e,t,!0)}matchContext(e){return te(this,e)}enterUnfinishedNodesBefore(e){let t=this.childBefore(e),r=this;for(;t;){let n=t.lastChild;if(!n||n.to!=t.to)break;n.type.isError&&n.from==n.to?(r=t,t=n.prevSibling):t=n}return r}get node(){return this}get next(){return this.parent}}class P extends ae{constructor(e,t,r,n){super(),this._tree=e,this.from=t,this.index=r,this._parent=n}get type(){return this._tree.type}get name(){return this._tree.type.name}get to(){return this.from+this._tree.length}nextChild(e,t,r,n,i=0){for(let s=this;;){for(let{children:f,positions:h}=s._tree,a=t>0?f.length:-1;e!=a;e+=t){let o=f[e],d=h[e]+s.from;if(ue(n,r,d,d+o.length)){if(o instanceof U){if(i&C.ExcludeBuffers)continue;let p=o.findChild(0,o.buffer.length,t,r-d,n);if(p>-1)return new D(new Ae(s,o,e,d),null,p)}else if(i&C.IncludeAnonymous||!o.type.isAnonymous||re(o)){let p;if(!(i&C.IgnoreMounts)&&(p=q.get(o))&&!p.overlay)return new P(p.tree,d,e,s);let y=new P(o,d,e,s);return i&C.IncludeAnonymous||!y.type.isAnonymous?y:y.nextChild(t<0?o.children.length-1:0,t,r,n)}}}if(i&C.IncludeAnonymous||!s.type.isAnonymous||(s.index>=0?e=s.index+t:e=t<0?-1:s._parent._tree.children.length,s=s._parent,!s))return null}}get firstChild(){return this.nextChild(0,1,0,4)}get lastChild(){return this.nextChild(this._tree.children.length-1,-1,0,4)}childAfter(e){return this.nextChild(0,1,e,2)}childBefore(e){return this.nextChild(this._tree.children.length-1,-1,e,-2)}enter(e,t,r=0){let n;if(!(r&C.IgnoreOverlays)&&(n=q.get(this._tree))&&n.overlay){let i=e-this.from;for(let{from:s,to:f}of n.overlay)if((t>0?s<=i:s<i)&&(t<0?f>=i:f>i))return new P(n.tree,n.overlay[0].from+this.from,-1,this)}return this.nextChild(0,1,e,t,r)}nextSignificantParent(){let e=this;for(;e.type.isAnonymous&&e._parent;)e=e._parent;return e}get parent(){return this._parent?this._parent.nextSignificantParent():null}get nextSibling(){return this._parent&&this.index>=0?this._parent.nextChild(this.index+1,1,0,4):null}get prevSibling(){return this._parent&&this.index>=0?this._parent.nextChild(this.index-1,-1,0,4):null}get tree(){return this._tree}toTree(){return this._tree}toString(){return this._tree.toString()}}function pe(l,e,t,r){let n=l.cursor(),i=[];if(!n.firstChild())return i;if(t!=null){for(let s=!1;!s;)if(s=n.type.is(t),!n.nextSibling())return i}for(;;){if(r!=null&&n.type.is(r))return i;if(n.type.is(e)&&i.push(n.node),!n.nextSibling())return r==null?i:[]}}function te(l,e,t=e.length-1){for(let r=l.parent;t>=0;r=r.parent){if(!r)return!1;if(!r.type.isAnonymous){if(e[t]&&e[t]!=r.name)return!1;t--}}return!0}class Ae{constructor(e,t,r,n){this.parent=e,this.buffer=t,this.index=r,this.start=n}}class D extends ae{get name(){return this.type.name}get from(){return this.context.start+this.context.buffer.buffer[this.index+1]}get to(){return this.context.start+this.context.buffer.buffer[this.index+2]}constructor(e,t,r){super(),this.context=e,this._parent=t,this.index=r,this.type=e.buffer.set.types[e.buffer.buffer[r]]}child(e,t,r){let{buffer:n}=this.context,i=n.findChild(this.index+4,n.buffer[this.index+3],e,t-this.context.start,r);return i<0?null:new D(this.context,this,i)}get firstChild(){return this.child(1,0,4)}get lastChild(){return this.child(-1,0,4)}childAfter(e){return this.child(1,e,2)}childBefore(e){return this.child(-1,e,-2)}enter(e,t,r=0){if(r&C.ExcludeBuffers)return null;let{buffer:n}=this.context,i=n.findChild(this.index+4,n.buffer[this.index+3],t>0?1:-1,e-this.context.start,t);return i<0?null:new D(this.context,this,i)}get parent(){return this._parent||this.context.parent.nextSignificantParent()}externalSibling(e){return this._parent?null:this.context.parent.nextChild(this.context.index+e,e,0,4)}get nextSibling(){let{buffer:e}=this.context,t=e.buffer[this.index+3];return t<(this._parent?e.buffer[this._parent.index+3]:e.buffer.length)?new D(this.context,this._parent,t):this.externalSibling(1)}get prevSibling(){let{buffer:e}=this.context,t=this._parent?this._parent.index+4:0;return this.index==t?this.externalSibling(-1):new D(this.context,this._parent,e.findChild(t,this.index,-1,0,4))}get tree(){return null}toTree(){let e=[],t=[],{buffer:r}=this.context,n=this.index+4,i=r.buffer[this.index+3];if(i>n){let s=r.buffer[this.index+1];e.push(r.slice(n,i,s)),t.push(0)}return new z(this.type,e,t,this.to-this.from)}toString(){return this.context.buffer.childString(this.index)}}function de(l){if(!l.length)return null;let e=0,t=l[0];for(let i=1;i<l.length;i++){let s=l[i];(s.from>t.from||s.to<t.to)&&(t=s,e=i)}let r=t instanceof P&&t.index<0?null:t.parent,n=l.slice();return r?n[e]=r:n.splice(e,1),new Se(n,t)}class Se{constructor(e,t){this.heads=e,this.node=t}get next(){return de(this.heads)}}function _e(l,e,t){let r=l.resolveInner(e,t),n=null;for(let i=r instanceof P?r:r.context.parent;i;i=i.parent)if(i.index<0){let s=i.parent;(n||(n=[r])).push(s.resolve(e,t)),i=s}else{let s=q.get(i.tree);if(s&&s.overlay&&s.overlay[0].from<=e&&s.overlay[s.overlay.length-1].to>=e){let f=new P(s.tree,s.overlay[0].from+i.from,-1,i);(n||(n=[r])).push(Q(f,e,t,!1))}}return n?de(n):r}class X{get name(){return this.type.name}constructor(e,t=0){if(this.mode=t,this.buffer=null,this.stack=[],this.index=0,this.bufferNode=null,e instanceof P)this.yieldNode(e);else{this._tree=e.context.parent,this.buffer=e.context;for(let r=e._parent;r;r=r._parent)this.stack.unshift(r.index);this.bufferNode=e,this.yieldBuf(e.index)}}yieldNode(e){return e?(this._tree=e,this.type=e.type,this.from=e.from,this.to=e.to,!0):!1}yieldBuf(e,t){this.index=e;let{start:r,buffer:n}=this.buffer;return this.type=t||n.set.types[n.buffer[e]],this.from=r+n.buffer[e+1],this.to=r+n.buffer[e+2],!0}yield(e){return e?e instanceof P?(this.buffer=null,this.yieldNode(e)):(this.buffer=e.context,this.yieldBuf(e.index,e.type)):!1}toString(){return this.buffer?this.buffer.buffer.childString(this.index):this._tree.toString()}enterChild(e,t,r){if(!this.buffer)return this.yield(this._tree.nextChild(e<0?this._tree._tree.children.length-1:0,e,t,r,this.mode));let{buffer:n}=this.buffer,i=n.findChild(this.index+4,n.buffer[this.index+3],e,t-this.buffer.start,r);return i<0?!1:(this.stack.push(this.index),this.yieldBuf(i))}firstChild(){return this.enterChild(1,0,4)}lastChild(){return this.enterChild(-1,0,4)}childAfter(e){return this.enterChild(1,e,2)}childBefore(e){return this.enterChild(-1,e,-2)}enter(e,t,r=this.mode){return this.buffer?r&C.ExcludeBuffers?!1:this.enterChild(1,e,t):this.yield(this._tree.enter(e,t,r))}parent(){if(!this.buffer)return this.yieldNode(this.mode&C.IncludeAnonymous?this._tree._parent:this._tree.parent);if(this.stack.length)return this.yieldBuf(this.stack.pop());let e=this.mode&C.IncludeAnonymous?this.buffer.parent:this.buffer.parent.nextSignificantParent();return this.buffer=null,this.yieldNode(e)}sibling(e){if(!this.buffer)return this._tree._parent?this.yield(this._tree.index<0?null:this._tree._parent.nextChild(this._tree.index+e,e,0,4,this.mode)):!1;let{buffer:t}=this.buffer,r=this.stack.length-1;if(e<0){let n=r<0?0:this.stack[r]+4;if(this.index!=n)return this.yieldBuf(t.findChild(n,this.index,-1,0,4))}else{let n=t.buffer[this.index+3];if(n<(r<0?t.buffer.length:t.buffer[this.stack[r]+3]))return this.yieldBuf(n)}return r<0?this.yield(this.buffer.parent.nextChild(this.buffer.index+e,e,0,4,this.mode)):!1}nextSibling(){return this.sibling(1)}prevSibling(){return this.sibling(-1)}atLastNode(e){let t,r,{buffer:n}=this;if(n){if(e>0){if(this.index<n.buffer.buffer.length)return!1}else for(let i=0;i<this.index;i++)if(n.buffer.buffer[i+3]<this.index)return!1;({index:t,parent:r}=n)}else({index:t,_parent:r}=this._tree);for(;r;{index:t,_parent:r}=r)if(t>-1)for(let i=t+e,s=e<0?-1:r._tree.children.length;i!=s;i+=e){let f=r._tree.children[i];if(this.mode&C.IncludeAnonymous||f instanceof U||!f.type.isAnonymous||re(f))return!1}return!0}move(e,t){if(t&&this.enterChild(e,0,4))return!0;for(;;){if(this.sibling(e))return!0;if(this.atLastNode(e)||!this.parent())return!1}}next(e=!0){return this.move(1,e)}prev(e=!0){return this.move(-1,e)}moveTo(e,t=0){for(;(this.from==this.to||(t<1?this.from>=e:this.from>e)||(t>-1?this.to<=e:this.to<e))&&this.parent(););for(;this.enterChild(1,e,t););return this}get node(){if(!this.buffer)return this._tree;let e=this.bufferNode,t=null,r=0;if(e&&e.context==this.buffer)e:for(let n=this.index,i=this.stack.length;i>=0;){for(let s=e;s;s=s._parent)if(s.index==n){if(n==this.index)return s;t=s,r=i+1;break e}n=this.stack[--i]}for(let n=r;n<this.stack.length;n++)t=new D(this.buffer,t,this.stack[n]);return this.bufferNode=new D(this.buffer,t,this.index)}get tree(){return this.buffer?null:this._tree._tree}iterate(e,t){for(let r=0;;){let n=!1;if(this.type.isAnonymous||e(this)!==!1){if(this.firstChild()){r++;continue}this.type.isAnonymous||(n=!0)}for(;n&&t&&t(this),n=this.type.isAnonymous,!this.nextSibling();){if(!r)return;this.parent(),r--,n=!0}}}matchContext(e){if(!this.buffer)return te(this.node,e);let{buffer:t}=this.buffer,{types:r}=t.set;for(let n=e.length-1,i=this.stack.length-1;n>=0;i--){if(i<0)return te(this.node,e,n);let s=r[t.buffer[this.stack[i]]];if(!s.isAnonymous){if(e[n]&&e[n]!=s.name)return!1;n--}}return!0}}function re(l){return l.children.some(e=>e instanceof U||!e.type.isAnonymous||re(e))}function Ie(l){var e;let{buffer:t,nodeSet:r,maxBufferLength:n=1024,reused:i=[],minRepeatType:s=r.types.length}=l,f=Array.isArray(t)?new le(t,t.length):t,h=r.types,a=0,o=0;function d(x,w,u,A,b,m){let{id:c,start:g,end:S,size:k}=f,B=o;for(;k<0;)if(f.next(),k==-1){let W=i[c];u.push(W),A.push(g-x);return}else if(k==-3){a=c;return}else if(k==-4){o=c;return}else throw new RangeError(`Unrecognized record size: ${k}`);let H=h[c],G,J,fe=g-x;if(S-g<=n&&(J=F(f.pos-w,b))){let W=new Uint16Array(J.size-J.skip),M=f.pos-J.size,R=W.length;for(;f.pos>M;)R=j(J.start,W,R);G=new U(W,S-J.start,r),fe=J.start-x}else{let W=f.pos-k;f.next();let M=[],R=[],V=c>=s?c:-1,$=0,Y=S;for(;f.pos>W;)V>=0&&f.id==V&&f.size>=0?(f.end<=Y-n&&(_(M,R,g,$,f.end,Y,V,B),$=M.length,Y=f.end),f.next()):m>2500?p(g,W,M,R):d(g,W,M,R,V,m+1);if(V>=0&&$>0&&$<M.length&&_(M,R,g,$,g,Y,V,B),M.reverse(),R.reverse(),V>-1&&$>0){let he=y(H);G=ne(H,M,R,0,M.length,0,S-g,he,he)}else G=N(H,M,R,S-g,B-S)}u.push(G),A.push(fe)}function p(x,w,u,A){let b=[],m=0,c=-1;for(;f.pos>w;){let{id:g,start:S,end:k,size:B}=f;if(B>4)f.next();else{if(c>-1&&S<c)break;c<0&&(c=k-n),b.push(g,S,k),m++,f.next()}}if(m){let g=new Uint16Array(m*4),S=b[b.length-2];for(let k=b.length-3,B=0;k>=0;k-=3)g[B++]=b[k],g[B++]=b[k+1]-S,g[B++]=b[k+2]-S,g[B++]=B;u.push(new U(g,b[2]-S,r)),A.push(S-x)}}function y(x){return(w,u,A)=>{let b=0,m=w.length-1,c,g;if(m>=0&&(c=w[m])instanceof z){if(!m&&c.type==x&&c.length==A)return c;(g=c.prop(v.lookAhead))&&(b=u[m]+c.length+g)}return N(x,w,u,A,b)}}function _(x,w,u,A,b,m,c,g){let S=[],k=[];for(;x.length>A;)S.push(x.pop()),k.push(w.pop()+u-b);x.push(N(r.types[c],S,k,m-b,g-m)),w.push(b-u)}function N(x,w,u,A,b=0,m){if(a){let c=[v.contextHash,a];m=m?[c].concat(m):[c]}if(b>25){let c=[v.lookAhead,b];m=m?[c].concat(m):[c]}return new z(x,w,u,A,m)}function F(x,w){let u=f.fork(),A=0,b=0,m=0,c=u.end-n,g={size:0,start:0,skip:0};e:for(let S=u.pos-x;u.pos>S;){let k=u.size;if(u.id==w&&k>=0){g.size=A,g.start=b,g.skip=m,m+=4,A+=4,u.next();continue}let B=u.pos-k;if(k<0||B<S||u.start<c)break;let H=u.id>=s?4:0,G=u.start;for(u.next();u.pos>B;){if(u.size<0)if(u.size==-3)H+=4;else break e;else u.id>=s&&(H+=4);u.next()}b=G,A+=k,m+=H}return(w<0||A==x)&&(g.size=A,g.start=b,g.skip=m),g.size>4?g:void 0}function j(x,w,u){let{id:A,start:b,end:m,size:c}=f;if(f.next(),c>=0&&A<s){let g=u;if(c>4){let S=f.pos-(c-4);for(;f.pos>S;)u=j(x,w,u)}w[--u]=g,w[--u]=m-x,w[--u]=b-x,w[--u]=A}else c==-3?a=A:c==-4&&(o=A);return u}let E=[],I=[];for(;f.pos>0;)d(l.start||0,l.bufferStart||0,E,I,-1,0);let L=(e=l.length)!==null&&e!==void 0?e:E.length?I[0]+E[0].length:0;return new z(h[l.topID],E.reverse(),I.reverse(),L)}const ce=new WeakMap;function ee(l,e){if(!l.isAnonymous||e instanceof U||e.type!=l)return 1;let t=ce.get(e);if(t==null){t=1;for(let r of e.children){if(r.type!=l||!(r instanceof z)){t=1;break}t+=ee(l,r)}ce.set(e,t)}return t}function ne(l,e,t,r,n,i,s,f,h){let a=0;for(let _=r;_<n;_++)a+=ee(l,e[_]);let o=Math.ceil(a*1.5/8),d=[],p=[];function y(_,N,F,j,E){for(let I=F;I<j;){let L=I,x=N[I],w=ee(l,_[I]);for(I++;I<j;I++){let u=ee(l,_[I]);if(w+u>=o)break;w+=u}if(I==L+1){if(w>o){let u=_[L];y(u.children,u.positions,0,u.children.length,N[L]+E);continue}d.push(_[L])}else{let u=N[I-1]+_[I-1].length-x;d.push(ne(l,_,N,L,I,x,u,null,h))}p.push(x+E-i)}}return y(e,t,r,n,0),(f||h)(d,p,s)}class Ne{constructor(){this.map=new WeakMap}setBuffer(e,t,r){let n=this.map.get(e);n||this.map.set(e,n=new Map),n.set(t,r)}getBuffer(e,t){let r=this.map.get(e);return r&&r.get(t)}set(e,t){e instanceof D?this.setBuffer(e.context.buffer,e.index,t):e instanceof P&&this.map.set(e.tree,t)}get(e){return e instanceof D?this.getBuffer(e.context.buffer,e.index):e instanceof P?this.map.get(e.tree):void 0}cursorSet(e,t){e.buffer?this.setBuffer(e.buffer.buffer,e.index,t):this.map.set(e.tree,t)}cursorGet(e){return e.buffer?this.getBuffer(e.buffer.buffer,e.index):this.map.get(e.tree)}}class K{constructor(e,t,r,n,i=!1,s=!1){this.from=e,this.to=t,this.tree=r,this.offset=n,this.open=(i?1:0)|(s?2:0)}get openStart(){return(this.open&1)>0}get openEnd(){return(this.open&2)>0}static addTree(e,t=[],r=!1){let n=[new K(0,e.length,e,0,!1,r)];for(let i of t)i.to>e.length&&n.push(i);return n}static applyChanges(e,t,r=128){if(!t.length)return e;let n=[],i=1,s=e.length?e[0]:null;for(let f=0,h=0,a=0;;f++){let o=f<t.length?t[f]:null,d=o?o.fromA:1e9;if(d-h>=r)for(;s&&s.from<d;){let p=s;if(h>=p.from||d<=p.to||a){let y=Math.max(p.from,h)-a,_=Math.min(p.to,d)-a;p=y>=_?null:new K(y,_,p.tree,p.offset+a,f>0,!!o)}if(p&&n.push(p),s.to>d)break;s=i<e.length?e[i++]:null}if(!o)break;h=o.toA,a=o.toA-o.toB}return n}}class Pe{startParse(e,t,r){return typeof e=="string"&&(e=new Be(e)),r=r?r.length?r.map(n=>new T(n.from,n.to)):[new T(0,0)]:[new T(0,e.length)],this.createParse(e,t||[],r)}parse(e,t,r){let n=this.startParse(e,t,r);for(;;){let i=n.advance();if(i)return i}}}class Be{constructor(e){this.string=e}get length(){return this.string.length}chunk(e){return this.string.slice(e)}get lineChunks(){return!1}read(e,t){return this.string.slice(e,t)}}function ze(l){return(e,t,r,n)=>new Me(e,l,t,r,n)}class ge{constructor(e,t,r,n,i){this.parser=e,this.parse=t,this.overlay=r,this.target=n,this.from=i}}function me(l){if(!l.length||l.some(e=>e.from>=e.to))throw new RangeError("Invalid inner parse ranges given: "+JSON.stringify(l))}class Ee{constructor(e,t,r,n,i,s,f){this.parser=e,this.predicate=t,this.mounts=r,this.index=n,this.start=i,this.target=s,this.prev=f,this.depth=0,this.ranges=[]}}const ie=new v({perNode:!0});class Me{constructor(e,t,r,n,i){this.nest=t,this.input=r,this.fragments=n,this.ranges=i,this.inner=[],this.innerDone=0,this.baseTree=null,this.stoppedAt=null,this.baseParse=e}advance(){if(this.baseParse){let r=this.baseParse.advance();if(!r)return null;if(this.baseParse=null,this.baseTree=r,this.startInner(),this.stoppedAt!=null)for(let n of this.inner)n.parse.stopAt(this.stoppedAt)}if(this.innerDone==this.inner.length){let r=this.baseTree;return this.stoppedAt!=null&&(r=new z(r.type,r.children,r.positions,r.length,r.propValues.concat([[ie,this.stoppedAt]]))),r}let e=this.inner[this.innerDone],t=e.parse.advance();if(t){this.innerDone++;let r=Object.assign(Object.create(null),e.target.props);r[v.mounted.id]=new q(t,e.overlay,e.parser),e.target.props=r}return null}get parsedPos(){if(this.baseParse)return 0;let e=this.input.length;for(let t=this.innerDone;t<this.inner.length;t++)this.inner[t].from<e&&(e=Math.min(e,this.inner[t].parse.parsedPos));return e}stopAt(e){if(this.stoppedAt=e,this.baseParse)this.baseParse.stopAt(e);else for(let t=this.innerDone;t<this.inner.length;t++)this.inner[t].parse.stopAt(e)}startInner(){let e=new Fe(this.fragments),t=null,r=null,n=new X(new P(this.baseTree,this.ranges[0].from,0,null),C.IncludeAnonymous|C.IgnoreMounts);e:for(let i,s;;){let f=!0,h;if(this.stoppedAt!=null&&n.from>=this.stoppedAt)f=!1;else if(e.hasNode(n)){if(t){let a=t.mounts.find(o=>o.frag.from<=n.from&&o.frag.to>=n.to&&o.mount.overlay);if(a)for(let o of a.mount.overlay){let d=o.from+a.pos,p=o.to+a.pos;d>=n.from&&p<=n.to&&!t.ranges.some(y=>y.from<p&&y.to>d)&&t.ranges.push({from:d,to:p})}}f=!1}else if(r&&(s=Te(r.ranges,n.from,n.to)))f=s!=2;else if(!n.type.isAnonymous&&(i=this.nest(n,this.input))&&(n.from<n.to||!i.overlay)){n.tree||Oe(n);let a=e.findMounts(n.from,i.parser);if(typeof i.overlay=="function")t=new Ee(i.parser,i.overlay,a,this.inner.length,n.from,n.tree,t);else{let o=be(this.ranges,i.overlay||(n.from<n.to?[new T(n.from,n.to)]:[]));o.length&&me(o),(o.length||!i.overlay)&&this.inner.push(new ge(i.parser,o.length?i.parser.startParse(this.input,we(a,o),o):i.parser.startParse(""),i.overlay?i.overlay.map(d=>new T(d.from-n.from,d.to-n.from)):null,n.tree,o.length?o[0].from:n.from)),i.overlay?o.length&&(r={ranges:o,depth:0,prev:r}):f=!1}}else t&&(h=t.predicate(n))&&(h===!0&&(h=new T(n.from,n.to)),h.from<h.to&&t.ranges.push(h));if(f&&n.firstChild())t&&t.depth++,r&&r.depth++;else for(;!n.nextSibling();){if(!n.parent())break e;if(t&&!--t.depth){let a=be(this.ranges,t.ranges);a.length&&(me(a),this.inner.splice(t.index,0,new ge(t.parser,t.parser.startParse(this.input,we(t.mounts,a),a),t.ranges.map(o=>new T(o.from-t.start,o.to-t.start)),t.target,a[0].from))),t=t.prev}r&&!--r.depth&&(r=r.prev)}}}}function Te(l,e,t){for(let r of l){if(r.from>=t)break;if(r.to>e)return r.from<=e&&r.to>=t?2:1}return 0}function xe(l,e,t,r,n,i){if(e<t){let s=l.buffer[e+1];r.push(l.slice(e,t,s)),n.push(s-i)}}function Oe(l){let{node:e}=l,t=[],r=e.context.buffer;do t.push(l.index),l.parent();while(!l.tree);let n=l.tree,i=n.children.indexOf(r),s=n.children[i],f=s.buffer,h=[i];function a(o,d,p,y,_,N){let F=t[N],j=[],E=[];xe(s,o,F,j,E,y);let I=f[F+1],L=f[F+2];h.push(j.length);let x=N?a(F+4,f[F+3],s.set.types[f[F]],I,L-I,N-1):e.toTree();return j.push(x),E.push(I-y),xe(s,f[F+3],d,j,E,y),new z(p,j,E,_)}n.children[i]=a(0,f.length,O.none,0,s.length,t.length-1);for(let o of h){let d=l.tree.children[o],p=l.tree.positions[o];l.yield(new P(d,p+l.from,o,l._tree))}}class ye{constructor(e,t){this.offset=t,this.done=!1,this.cursor=e.cursor(C.IncludeAnonymous|C.IgnoreMounts)}moveTo(e){let{cursor:t}=this,r=e-this.offset;for(;!this.done&&t.from<r;)t.to>=e&&t.enter(r,1,C.IgnoreOverlays|C.ExcludeBuffers)||t.next(!1)||(this.done=!0)}hasNode(e){if(this.moveTo(e.from),!this.done&&this.cursor.from+this.offset==e.from&&this.cursor.tree)for(let t=this.cursor.tree;;){if(t==e.tree)return!0;if(t.children.length&&t.positions[0]==0&&t.children[0]instanceof z)t=t.children[0];else break}return!1}}class Fe{constructor(e){var t;if(this.fragments=e,this.curTo=0,this.fragI=0,e.length){let r=this.curFrag=e[0];this.curTo=(t=r.tree.prop(ie))!==null&&t!==void 0?t:r.to,this.inner=new ye(r.tree,-r.offset)}else this.curFrag=this.inner=null}hasNode(e){for(;this.curFrag&&e.from>=this.curTo;)this.nextFrag();return this.curFrag&&this.curFrag.from<=e.from&&this.curTo>=e.to&&this.inner.hasNode(e)}nextFrag(){var e;if(this.fragI++,this.fragI==this.fragments.length)this.curFrag=this.inner=null;else{let t=this.curFrag=this.fragments[this.fragI];this.curTo=(e=t.tree.prop(ie))!==null&&e!==void 0?e:t.to,this.inner=new ye(t.tree,-t.offset)}}findMounts(e,t){var r;let n=[];if(this.inner){this.inner.cursor.moveTo(e,1);for(let i=this.inner.cursor.node;i;i=i.parent){let s=(r=i.tree)===null||r===void 0?void 0:r.prop(v.mounted);if(s&&s.parser==t)for(let f=this.fragI;f<this.fragments.length;f++){let h=this.fragments[f];if(h.from>=i.to)break;h.tree==this.curFrag.tree&&n.push({frag:h,pos:i.from-h.offset,mount:s})}}}return n}}function be(l,e){let t=null,r=e;for(let n=1,i=0;n<l.length;n++){let s=l[n-1].to,f=l[n].from;for(;i<r.length;i++){let h=r[i];if(h.from>=f)break;h.to<=s||(t||(r=t=e.slice()),h.from<s?(t[i]=new T(h.from,s),h.to>f&&t.splice(i+1,0,new T(f,h.to))):h.to>f?t[i--]=new T(f,h.to):t.splice(i--,1))}}return r}function je(l,e,t,r){let n=0,i=0,s=!1,f=!1,h=-1e9,a=[];for(;;){let o=n==l.length?1e9:s?l[n].to:l[n].from,d=i==e.length?1e9:f?e[i].to:e[i].from;if(s!=f){let p=Math.max(h,t),y=Math.min(o,d,r);p<y&&a.push(new T(p,y))}if(h=Math.min(o,d),h==1e9)break;o==h&&(s?(s=!1,n++):s=!0),d==h&&(f?(f=!1,i++):f=!0)}return a}function we(l,e){let t=[];for(let{pos:r,mount:n,frag:i}of l){let s=r+(n.overlay?n.overlay[0].from:0),f=s+n.tree.length,h=Math.max(i.from,s),a=Math.min(i.to,f);if(n.overlay){let o=n.overlay.map(p=>new T(p.from+r,p.to+r)),d=je(e,o,h,a);for(let p=0,y=h;;p++){let _=p==d.length,N=_?a:d[p].from;if(N>y&&t.push(new K(y,N,n.tree,-s,i.from>=y||i.openStart,i.to<=N||i.openEnd)),_)break;y=d[p].to}}else t.push(new K(h,a,n.tree,-s,i.from>=s||i.openStart,i.to<=f||i.openEnd))}return t}export{ve as DefaultBufferLength,C as IterMode,q as MountedTree,v as NodeProp,se as NodeSet,O as NodeType,Ne as NodeWeakMap,Pe as Parser,z as Tree,U as TreeBuffer,X as TreeCursor,K as TreeFragment,ze as parseMixed};
diff --git a/Resources/Public/JavaScript/Contrib/@lezer/css.js b/Resources/Public/JavaScript/Contrib/@lezer/css.js
new file mode 100644
index 0000000..416c4e9
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@lezer/css.js
@@ -0,0 +1 @@
+import{ExternalTokenizer as P,LRParser as c}from"@lezer/lr";import{styleTags as W,tags as O}from"@lezer/highlight";const X=94,$=1,y=95,p=96,i=2,n=[9,10,11,12,13,32,133,160,5760,8192,8193,8194,8195,8196,8197,8198,8199,8200,8201,8202,8232,8233,8239,8287,12288],m=58,d=40,s=95,f=91,a=45,z=46,R=35,g=37;function t(e){return e>=65&&e<=90||e>=97&&e<=122||e>=161}function U(e){return e>=48&&e<=57}const u=new P((e,Q)=>{for(let o=!1,r=0,l=0;;l++){let{next:S}=e;if(t(S)||S==a||S==s||o&&U(S))!o&&(S!=a||l>0)&&(o=!0),r===l&&S==a&&r++,e.advance();else{o&&e.acceptToken(S==d?y:r==2&&Q.canShift(i)?i:p);break}}}),T=new P(e=>{if(n.includes(e.peek(-1))){let{next:Q}=e;(t(Q)||Q==s||Q==R||Q==z||Q==f||Q==m||Q==a)&&e.acceptToken(X)}}),h=new P(e=>{if(!n.includes(e.peek(-1))){let{next:Q}=e;if(Q==g&&(e.advance(),e.acceptToken($)),t(Q)){do e.advance();while(t(e.next));e.acceptToken($)}}}),b=W({"AtKeyword import charset namespace keyframes media supports":O.definitionKeyword,"from to selector":O.keyword,NamespaceName:O.namespace,KeyframeName:O.labelName,TagName:O.tagName,ClassName:O.className,PseudoClassName:O.constant(O.className),IdName:O.labelName,"FeatureName PropertyName":O.propertyName,AttributeName:O.attributeName,NumberLiteral:O.number,KeywordQuery:O.keyword,UnaryQueryOp:O.operatorKeyword,"CallTag ValueName":O.atom,VariableName:O.variableName,Callee:O.operatorKeyword,Unit:O.unit,"UniversalSelector NestingSelector":O.definitionOperator,MatchOp:O.compareOperator,"ChildOp SiblingOp, LogicOp":O.logicOperator,BinOp:O.arithmeticOperator,Important:O.modifier,Comment:O.blockComment,ParenthesizedContent:O.special(O.name),ColorLiteral:O.color,StringLiteral:O.string,":":O.punctuation,"PseudoOp #":O.derefOperator,"; ,":O.separator,"( )":O.paren,"[ ]":O.squareBracket,"{ }":O.brace}),_={__proto__:null,lang:32,"nth-child":32,"nth-last-child":32,"nth-of-type":32,"nth-last-of-type":32,dir:32,"host-context":32,url:60,"url-prefix":60,domain:60,regexp:60,selector:134},V={__proto__:null,"@import":114,"@media":138,"@charset":142,"@namespace":146,"@keyframes":152,"@supports":164},Y={__proto__:null,not:128,only:128,from:158,to:160},G=c.deserialize({version:14,states:"7WQYQ[OOO#_Q[OOOOQP'#Cd'#CdOOQP'#Cc'#CcO#fQ[O'#CfO$YQXO'#CaO$aQ[O'#ChO$lQ[O'#DPO$qQ[O'#DTOOQP'#Ed'#EdO$vQdO'#DeO%bQ[O'#DrO$vQdO'#DtO%sQ[O'#DvO&OQ[O'#DyO&TQ[O'#EPO&cQ[O'#EROOQS'#Ec'#EcOOQS'#ET'#ETQYQ[OOO&jQXO'#CdO'_QWO'#DaO'dQWO'#EjO'oQ[O'#EjQOQWOOOOQP'#Cg'#CgOOQP,59Q,59QO#fQ[O,59QO'yQ[O'#EWO(eQWO,58{O(mQ[O,59SO$lQ[O,59kO$qQ[O,59oO'yQ[O,59sO'yQ[O,59uO'yQ[O,59vO(xQ[O'#D`OOQS,58{,58{OOQP'#Ck'#CkOOQO'#C}'#C}OOQP,59S,59SO)PQWO,59SO)UQWO,59SOOQP'#DR'#DROOQP,59k,59kOOQO'#DV'#DVO)ZQ`O,59oOOQS'#Cp'#CpO$vQdO'#CqO)cQvO'#CsO*pQtO,5:POOQO'#Cx'#CxO)UQWO'#CwO+UQWO'#CyOOQS'#Eg'#EgOOQO'#Dh'#DhO+ZQ[O'#DoO+iQWO'#EkO&TQ[O'#DmO+wQWO'#DpOOQO'#El'#ElO(hQWO,5:^O+|QpO,5:`OOQS'#Dx'#DxO,UQWO,5:bO,ZQ[O,5:bOOQO'#D{'#D{O,cQWO,5:eO,hQWO,5:kO,pQWO,5:mOOQS-E8R-E8RO$vQdO,59{O,xQ[O'#EYO-VQWO,5;UO-VQWO,5;UOOQP1G.l1G.lO-|QXO,5:rOOQO-E8U-E8UOOQS1G.g1G.gOOQP1G.n1G.nO)PQWO1G.nO)UQWO1G.nOOQP1G/V1G/VO.ZQ`O1G/ZO.tQXO1G/_O/[QXO1G/aO/rQXO1G/bO0YQWO,59zO0_Q[O'#DOO0fQdO'#CoOOQP1G/Z1G/ZO$vQdO1G/ZO0mQpO,59]OOQS,59_,59_O$vQdO,59aO0uQWO1G/kOOQS,59c,59cO0zQ!bO,59eO1SQWO'#DhO1_QWO,5:TO1dQWO,5:ZO&TQ[O,5:VO&TQ[O'#EZO1lQWO,5;VO1wQWO,5:XO'yQ[O,5:[OOQS1G/x1G/xOOQS1G/z1G/zOOQS1G/|1G/|O2YQWO1G/|O2_QdO'#D|OOQS1G0P1G0POOQS1G0V1G0VOOQS1G0X1G0XO2mQtO1G/gOOQO,5:t,5:tO3TQ[O,5:tOOQO-E8W-E8WO3bQWO1G0pOOQP7+$Y7+$YOOQP7+$u7+$uO$vQdO7+$uOOQS1G/f1G/fO3mQXO'#EiO3tQWO,59jO3yQtO'#EUO4nQdO'#EfO4xQWO,59ZO4}QpO7+$uOOQS1G.w1G.wOOQS1G.{1G.{OOQS7+%V7+%VO5VQWO1G/PO$vQdO1G/oOOQO1G/u1G/uOOQO1G/q1G/qO5[QWO,5:uOOQO-E8X-E8XO5jQXO1G/vOOQS7+%h7+%hO5qQYO'#CsO(hQWO'#E[O5yQdO,5:hOOQS,5:h,5:hO6XQtO'#EXO$vQdO'#EXO7VQdO7+%ROOQO7+%R7+%ROOQO1G0`1G0`O7jQpO<<HaO7rQWO,5;TOOQP1G/U1G/UOOQS-E8S-E8SO$vQdO'#EVO7zQWO,5;QOOQT1G.u1G.uOOQP<<Ha<<HaOOQS7+$k7+$kO8SQdO7+%ZOOQO7+%b7+%bOOQS,5:v,5:vOOQS-E8Y-E8YOOQS1G0S1G0SO8ZQtO,5:sOOQS-E8V-E8VOOQO<<Hm<<HmOOQPAN={AN={O9XQdO,5:qOOQO-E8T-E8TOOQO<<Hu<<Hu",stateData:"9i~O#UOSROS~OUXOXXO]UO^UOtVOxWO!Y`O!ZYO!gZO!i[O!k]O!n^O!t_O#SQO#XSO~OQeOUXOXXO]UO^UOtVOxWO!Y`O!ZYO!gZO!i[O!k]O!n^O!t_O#SdO#XSO~O#P#^P~P!ZO#SiO~O]nO^nOplOtoOxpO|qO!PsO#QrO#XkO~O!RtO~P#kO`zO#RwO#SvO~O#S{O~O#S}O~OQ!WOb!QOf!WOh!WOn!VO#R!TO#S!PO#[!RO~Ob!YO!b![O!e!]O#S!XO!R#_P~Oh!bOn!VO#S!aO~O#S!dO~Ob!YO!b![O!e!]O#S!XO~O!W#_P~P%bO]WX]!UX^WXpWXtWXxWX|WX!PWX!RWX#QWX#XWX~O]!iO~O!W!jO#P#^X!Q#^X~O#P#^X!Q#^X~P!ZOUXOXXO]UO^UOtVOxWO#SQO#XSO~OplO!RtO~O`!sO#RwO#SvO~O!Q#^P~P!ZOb!zO~Ob!{O~Ov!|Oz!}O~OP#PObgXjgX!WgX!bgX!egX#SgXagXQgXfgXhgXngXpgX!VgX#PgX#RgX#[gXvgX!QgX~Ob!YOj#QO!b![O!e!]O#S!XO!W#_P~Ob#TO~Ob!YO!b![O!e!]O#S#UO~Op#YO!`#XO!R#_X!W#_X~Ob#]O~Oj#QO!W#_O~O!W#`O~Oh#aOn!VO~O!R#bO~O!RtO!`#XO~O!RtO!W#eO~O!W!|X#P!|X!Q!|X~P!ZO!W!jO#P#^a!Q#^a~O]nO^nOtoOxpO|qO!PsO#QrO#XkO~Op!za!R!zaa!za~P-bOv#lOz#mO~O]nO^nOtoOxpO#XkO~Op{i|{i!P{i!R{i#Q{ia{i~P.cOp}i|}i!P}i!R}i#Q}ia}i~P.cOp!Oi|!Oi!P!Oi!R!Oi#Q!Oia!Oi~P.cO!Q#nO~Oa#]P~P'yOa#YP~P$vOa#uOj#QO~O!W#wO~Oh#xOo#xO~O]!^Xa![X!`![X~O]#yO~Oa#zO!`#XO~Op#YO!R#_a!W#_a~O!`#XOp!aa!R!aa!W!aaa!aa~O!W$PO~O!Q$TO!q$RO!r$RO#[$QO~Oj#QOp$VO!V$XO!W!Ti#P!Ti!Q!Ti~P$vO!W!|a#P!|a!Q!|a~P!ZO!W!jO#P#^i!Q#^i~Oa#]X~P#kOa$]O~Oj#QOQ!xXa!xXb!xXf!xXh!xXn!xXp!xX#R!xX#S!xX#[!xX~Op$_Oa#YX~P$vOa$aO~Oj#QOv$bO~Oa$cO~O!`#XOp!}a!R!}a!W!}a~Oa$eO~P-bOP#PO!RgX~O!Q$hO!q$RO!r$RO#[$QO~Oj#QOQ!{Xb!{Xf!{Xh!{Xn!{Xp!{X!V!{X!W!{X#P!{X#R!{X#S!{X#[!{X!Q!{X~Op$VO!V$kO!W!Tq#P!Tq!Q!Tq~P$vOj#QOv$lO~OplOa#]a~Op$_Oa#Ya~Oa$oO~P$vOj#QOQ!{ab!{af!{ah!{an!{ap!{a!V!{a!W!{a#P!{a#R!{a#S!{a#[!{a!Q!{a~Oa!yap!ya~P$vOo#[j!Pj~",goto:",`#aPPPPP#bP#k#zP#k$Z#kPP$aPPP$g$p$pP%SP$pP$p%j%|PPP&f&l#kP&rP#kP&xP#kP#k#kPPP'O'b'oPP#bPP'v'v(Q'vP'vP'v'vP#bP#bP#bP(T#bP(W(ZPP#bP#bP(^(m({)R)])c)m)sPPPPPP)y*SP*o*rP+h+k+q+z_aOPcgt!j#hkXOPcglqrst!j!z#]#hkROPcglqrst!j!z#]#hQjSR!mkQxUR!qnQ!qzQ#S!UR#k!sq!WY[!Q!i!{!}#Q#f#m#r#y$V$W$_$d$mp!WY[!Q!i!{!}#Q#f#m#r#y$V$W$_$d$mT$R#b$Sq!UY[!Q!i!{!}#Q#f#m#r#y$V$W$_$d$mp!WY[!Q!i!{!}#Q#f#m#r#y$V$W$_$d$mQ!b]R#a!cQyUR!rnQ!qyR#k!rQ|VR!toQ!OWR!upQuTQ!pmQ#^!_Q#d!fQ#e!gR$f$RSfPtQ!lgQ#g!jR$Y#hZePgt!j#ha!^Z_`!S!Y![#X#YR#V!YR!c]R!e^R#c!eQcOSgPtU!hcg#hR#h!jQ#r!{U$^#r$d$mQ$d#yR$m$_Q$`#rR$n$`QmTS!om$[R$[#oQ$W#fR$j$WQ!kfS#i!k#jR#j!lQ#Z!ZR#}#ZQ$S#bR$g$S_bOPcgt!j#h^TOPcgt!j#hQ!nlQ!vqQ!wrQ!xsQ#o!zR$O#]R#s!{Q!SYQ!`[Q#O!QQ#f!i[#q!{#r#y$_$d$mQ#t!}Q#v#QS$U#f$WQ$Z#mR$i$VR#p!zQhPR!ytQ!_ZQ!g`R#R!SU!ZZ`!SQ!f_Q#W!YQ#[![Q#{#XR#|#Y",nodeNames:"\u26A0 Unit VariableName Comment StyleSheet RuleSet UniversalSelector TagSelector TagName NestingSelector ClassSelector ClassName PseudoClassSelector : :: PseudoClassName PseudoClassName ) ( ArgList ValueName ParenthesizedValue ColorLiteral NumberLiteral StringLiteral BinaryExpression BinOp CallExpression Callee CallLiteral CallTag ParenthesizedContent , PseudoClassName ArgList IdSelector # IdName ] AttributeSelector [ AttributeName MatchOp ChildSelector ChildOp DescendantSelector SiblingSelector SiblingOp } { Block Declaration PropertyName Important ; ImportStatement AtKeyword import KeywordQuery FeatureQuery FeatureName BinaryQuery LogicOp UnaryQuery UnaryQueryOp ParenthesizedQuery SelectorQuery selector MediaStatement media CharsetStatement charset NamespaceStatement namespace NamespaceName KeyframesStatement keyframes KeyframeName KeyframeList from to SupportsStatement supports AtRule Styles",maxTerm:108,nodeProps:[["openedBy",17,"(",48,"{"],["closedBy",18,")",49,"}"]],propSources:[b],skippedNodes:[0,3],repeatNodeCount:8,tokenData:"Lq~R!^OX$}X^%u^p$}pq%uqr)Xrs.Rst/utu6duv$}vw7^wx7oxy9^yz9oz{9t{|:_|}?Q}!O?c!O!P@Q!P!Q@i!Q![Cu![!]Dp!]!^El!^!_$}!_!`E}!`!aF`!a!b$}!b!cG[!c!}$}!}#OHt#O#P$}#P#QIV#Q#R6d#R#T$}#T#UIh#U#c$}#c#dJy#d#o$}#o#pK`#p#q6d#q#rKq#r#sLS#s#y$}#y#z%u#z$f$}$f$g%u$g#BY$}#BY#BZ%u#BZ$IS$}$IS$I_%u$I_$I|$}$I|$JO%u$JO$JT$}$JT$JU%u$JU$KV$}$KV$KW%u$KW&FU$}&FU&FV%u&FV;'S$};'S;=`Lk<%lO$}W%QSOy%^z;'S%^;'S;=`%o<%lO%^W%cSoWOy%^z;'S%^;'S;=`%o<%lO%^W%rP;=`<%l%^~%zh#U~OX%^X^'f^p%^pq'fqy%^z#y%^#y#z'f#z$f%^$f$g'f$g#BY%^#BY#BZ'f#BZ$IS%^$IS$I_'f$I_$I|%^$I|$JO'f$JO$JT%^$JT$JU'f$JU$KV%^$KV$KW'f$KW&FU%^&FU&FV'f&FV;'S%^;'S;=`%o<%lO%^~'mh#U~oWOX%^X^'f^p%^pq'fqy%^z#y%^#y#z'f#z$f%^$f$g'f$g#BY%^#BY#BZ'f#BZ$IS%^$IS$I_'f$I_$I|%^$I|$JO'f$JO$JT%^$JT$JU'f$JU$KV%^$KV$KW'f$KW&FU%^&FU&FV'f&FV;'S%^;'S;=`%o<%lO%^^)[UOy%^z#]%^#]#^)n#^;'S%^;'S;=`%o<%lO%^^)sUoWOy%^z#a%^#a#b*V#b;'S%^;'S;=`%o<%lO%^^*[UoWOy%^z#d%^#d#e*n#e;'S%^;'S;=`%o<%lO%^^*sUoWOy%^z#c%^#c#d+V#d;'S%^;'S;=`%o<%lO%^^+[UoWOy%^z#f%^#f#g+n#g;'S%^;'S;=`%o<%lO%^^+sUoWOy%^z#h%^#h#i,V#i;'S%^;'S;=`%o<%lO%^^,[UoWOy%^z#T%^#T#U,n#U;'S%^;'S;=`%o<%lO%^^,sUoWOy%^z#b%^#b#c-V#c;'S%^;'S;=`%o<%lO%^^-[UoWOy%^z#h%^#h#i-n#i;'S%^;'S;=`%o<%lO%^^-uS!VUoWOy%^z;'S%^;'S;=`%o<%lO%^~.UWOY.RZr.Rrs.ns#O.R#O#P.s#P;'S.R;'S;=`/o<%lO.R~.sOh~~.vRO;'S.R;'S;=`/P;=`O.R~/SXOY.RZr.Rrs.ns#O.R#O#P.s#P;'S.R;'S;=`/o;=`<%l.R<%lO.R~/rP;=`<%l.R_/zYtPOy%^z!Q%^!Q![0j![!c%^!c!i0j!i#T%^#T#Z0j#Z;'S%^;'S;=`%o<%lO%^^0oYoWOy%^z!Q%^!Q![1_![!c%^!c!i1_!i#T%^#T#Z1_#Z;'S%^;'S;=`%o<%lO%^^1dYoWOy%^z!Q%^!Q![2S![!c%^!c!i2S!i#T%^#T#Z2S#Z;'S%^;'S;=`%o<%lO%^^2ZYfUoWOy%^z!Q%^!Q![2y![!c%^!c!i2y!i#T%^#T#Z2y#Z;'S%^;'S;=`%o<%lO%^^3QYfUoWOy%^z!Q%^!Q![3p![!c%^!c!i3p!i#T%^#T#Z3p#Z;'S%^;'S;=`%o<%lO%^^3uYoWOy%^z!Q%^!Q![4e![!c%^!c!i4e!i#T%^#T#Z4e#Z;'S%^;'S;=`%o<%lO%^^4lYfUoWOy%^z!Q%^!Q![5[![!c%^!c!i5[!i#T%^#T#Z5[#Z;'S%^;'S;=`%o<%lO%^^5aYoWOy%^z!Q%^!Q![6P![!c%^!c!i6P!i#T%^#T#Z6P#Z;'S%^;'S;=`%o<%lO%^^6WSfUoWOy%^z;'S%^;'S;=`%o<%lO%^Y6gUOy%^z!_%^!_!`6y!`;'S%^;'S;=`%o<%lO%^Y7QSzQoWOy%^z;'S%^;'S;=`%o<%lO%^X7cSXPOy%^z;'S%^;'S;=`%o<%lO%^~7rWOY7oZw7owx.nx#O7o#O#P8[#P;'S7o;'S;=`9W<%lO7o~8_RO;'S7o;'S;=`8h;=`O7o~8kXOY7oZw7owx.nx#O7o#O#P8[#P;'S7o;'S;=`9W;=`<%l7o<%lO7o~9ZP;=`<%l7o_9cSbVOy%^z;'S%^;'S;=`%o<%lO%^~9tOa~_9{UUPjSOy%^z!_%^!_!`6y!`;'S%^;'S;=`%o<%lO%^_:fWjS!PPOy%^z!O%^!O!P;O!P!Q%^!Q![>T![;'S%^;'S;=`%o<%lO%^^;TUoWOy%^z!Q%^!Q![;g![;'S%^;'S;=`%o<%lO%^^;nYoW#[UOy%^z!Q%^!Q![;g![!g%^!g!h<^!h#X%^#X#Y<^#Y;'S%^;'S;=`%o<%lO%^^<cYoWOy%^z{%^{|=R|}%^}!O=R!O!Q%^!Q![=j![;'S%^;'S;=`%o<%lO%^^=WUoWOy%^z!Q%^!Q![=j![;'S%^;'S;=`%o<%lO%^^=qUoW#[UOy%^z!Q%^!Q![=j![;'S%^;'S;=`%o<%lO%^^>[[oW#[UOy%^z!O%^!O!P;g!P!Q%^!Q![>T![!g%^!g!h<^!h#X%^#X#Y<^#Y;'S%^;'S;=`%o<%lO%^_?VSpVOy%^z;'S%^;'S;=`%o<%lO%^^?hWjSOy%^z!O%^!O!P;O!P!Q%^!Q![>T![;'S%^;'S;=`%o<%lO%^_@VU#XPOy%^z!Q%^!Q![;g![;'S%^;'S;=`%o<%lO%^~@nTjSOy%^z{@}{;'S%^;'S;=`%o<%lO%^~ASUoWOy@}yzAfz{Bm{;'S@};'S;=`Co<%lO@}~AiTOzAfz{Ax{;'SAf;'S;=`Bg<%lOAf~A{VOzAfz{Ax{!PAf!P!QBb!Q;'SAf;'S;=`Bg<%lOAf~BgOR~~BjP;=`<%lAf~BrWoWOy@}yzAfz{Bm{!P@}!P!QC[!Q;'S@};'S;=`Co<%lO@}~CcSoWR~Oy%^z;'S%^;'S;=`%o<%lO%^~CrP;=`<%l@}^Cz[#[UOy%^z!O%^!O!P;g!P!Q%^!Q![>T![!g%^!g!h<^!h#X%^#X#Y<^#Y;'S%^;'S;=`%o<%lO%^XDuU]POy%^z![%^![!]EX!];'S%^;'S;=`%o<%lO%^XE`S^PoWOy%^z;'S%^;'S;=`%o<%lO%^_EqS!WVOy%^z;'S%^;'S;=`%o<%lO%^YFSSzQOy%^z;'S%^;'S;=`%o<%lO%^XFeU|POy%^z!`%^!`!aFw!a;'S%^;'S;=`%o<%lO%^XGOS|PoWOy%^z;'S%^;'S;=`%o<%lO%^XG_WOy%^z!c%^!c!}Gw!}#T%^#T#oGw#o;'S%^;'S;=`%o<%lO%^XHO[!YPoWOy%^z}%^}!OGw!O!Q%^!Q![Gw![!c%^!c!}Gw!}#T%^#T#oGw#o;'S%^;'S;=`%o<%lO%^XHySxPOy%^z;'S%^;'S;=`%o<%lO%^^I[SvUOy%^z;'S%^;'S;=`%o<%lO%^XIkUOy%^z#b%^#b#cI}#c;'S%^;'S;=`%o<%lO%^XJSUoWOy%^z#W%^#W#XJf#X;'S%^;'S;=`%o<%lO%^XJmS!`PoWOy%^z;'S%^;'S;=`%o<%lO%^XJ|UOy%^z#f%^#f#gJf#g;'S%^;'S;=`%o<%lO%^XKeS!RPOy%^z;'S%^;'S;=`%o<%lO%^_KvS!QVOy%^z;'S%^;'S;=`%o<%lO%^ZLXU!PPOy%^z!_%^!_!`6y!`;'S%^;'S;=`%o<%lO%^WLnP;=`<%l$}",tokenizers:[T,h,u,0,1,2,3],topRules:{StyleSheet:[0,4],Styles:[1,84]},specialized:[{term:95,get:e=>_[e]||-1},{term:56,get:e=>V[e]||-1},{term:96,get:e=>Y[e]||-1}],tokenPrec:1123});export{G as parser};
diff --git a/Resources/Public/JavaScript/Contrib/@lezer/highlight.js b/Resources/Public/JavaScript/Contrib/@lezer/highlight.js
new file mode 100644
index 0000000..b13a474
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@lezer/highlight.js
@@ -0,0 +1,2 @@
+import{NodeProp as D}from"@lezer/common";let Q=0;class m{constructor(t,a,i){this.set=t,this.base=a,this.modified=i,this.id=Q++}static define(t){if(t?.base)throw new Error("Can not derive from a modified tag");let a=new m([],null,[]);if(a.set.push(a),t)for(let i of t.set)a.set.push(i);return a}static defineModifier(){let t=new B;return a=>a.modified.indexOf(t)>-1?a:B.get(a.base||a,a.modified.concat(t).sort((i,l)=>i.id-l.id))}}let U=0;class B{constructor(){this.instances=[],this.id=U++}static get(t,a){if(!a.length)return t;let i=a[0].instances.find(r=>r.base==t&&W(a,r.modified));if(i)return i;let l=[],s=new m(l,t,a);for(let r of a)r.instances.push(s);let c=X(a);for(let r of t.set)if(!r.modified.length)for(let d of c)l.push(B.get(r,d));return s}}function W(o,t){return o.length==t.length&&o.every((a,i)=>a==t[i])}function X(o){let t=[[]];for(let a=0;a<o.length;a++)for(let i=0,l=t.length;i<l;i++)t.push(t[i].concat(o[a]));return t.sort((a,i)=>i.length-a.length)}function Y(o){let t=Object.create(null);for(let a in o){let i=o[a];Array.isArray(i)||(i=[i]);for(let l of a.split(" "))if(l){let s=[],c=2,r=l;for(let f=0;;){if(r=="..."&&f>0&&f+3==l.length){c=1;break}let h=/^"(?:[^"\\]|\\.)*?"|[^\/!]+/.exec(r);if(!h)throw new RangeError("Invalid path: "+l);if(s.push(h[0]=="*"?"":h[0][0]=='"'?JSON.parse(h[0]):h[0]),f+=h[0].length,f==l.length)break;let p=l[f++];if(f==l.length&&p=="!"){c=0;break}if(p!="/")throw new RangeError("Invalid path: "+l);r=l.slice(f)}let d=s.length-1,g=s[d];if(!g)throw new RangeError("Invalid path: "+l);let b=new A(i,c,d>0?s.slice(0,d):null);t[g]=b.sort(t[g])}}return F.add(t)}const F=new D;class A{constructor(t,a,i,l){this.tags=t,this.mode=a,this.context=i,this.next=l}get opaque(){return this.mode==0}get inherit(){return this.mode==1}sort(t){return!t||t.depth<this.depth?(this.next=t,this):(t.next=this.sort(t.next),t)}get depth(){return this.context?this.context.length:0}}A.empty=new A([],2,null);function J(o,t){let a=Object.create(null);for(let s of o)if(!Array.isArray(s.tag))a[s.tag.id]=s.class;else for(let c of s.tag)a[c.id]=s.class;let{scope:i,all:l=null}=t||{};return{style:s=>{let c=l;for(let r of s)for(let d of r.set){let g=a[d.id];if(g){c=c?c+" "+g:g;break}}return c},scope:i}}function Z(o,t){let a=null;for(let i of o){let l=i.style(t);l&&(a=a?a+" "+l:l)}return a}function V(o,t,a,i=0,l=o.length){let s=new _(i,Array.isArray(t)?t:[t],a);s.highlightRange(o.cursor(),i,l,"",s.highlighters),s.flush(l)}function $(o,t,a,i,l,s=0,c=o.length){let r=s;function d(g,b){if(!(g<=r)){for(let f=o.slice(r,g),h=0;;){let p=f.indexOf(`
+`,h),R=p<0?f.length:p;if(R>h&&i(f.slice(h,R),b),p<0)break;l(),h=p+1}r=g}}V(t,a,(g,b,f)=>{d(g,""),d(b,f)},s,c),d(c,"")}class _{constructor(t,a,i){this.at=t,this.highlighters=a,this.span=i,this.class=""}startSpan(t,a){a!=this.class&&(this.flush(t),t>this.at&&(this.at=t),this.class=a)}flush(t){t>this.at&&this.class&&this.span(this.at,t,this.class)}highlightRange(t,a,i,l,s){let{type:c,from:r,to:d}=t;if(r>=i||d<=a)return;c.isTop&&(s=this.highlighters.filter(p=>!p.scope||p.scope(c)));let g=l,b=z(t)||A.empty,f=Z(s,b.tags);if(f&&(g&&(g+=" "),g+=f,b.mode==1&&(l+=(l?" ":"")+f)),this.startSpan(Math.max(a,r),g),b.opaque)return;let h=t.tree&&t.tree.prop(D.mounted);if(h&&h.overlay){let p=t.node.enter(h.overlay[0].from+r,1),R=this.highlighters.filter(v=>!v.scope||v.scope(h.tree.type)),j=t.firstChild();for(let v=0,M=r;;v++){let O=v<h.overlay.length?h.overlay[v]:null,E=O?O.from+r:d,P=Math.max(a,M),T=Math.min(i,E);if(P<T&&j)for(;t.from<T&&(this.highlightRange(t,P,T,l,s),this.startSpan(Math.min(T,t.to),g),!(t.to>=E||!t.nextSibling())););if(!O||E>i)break;M=O.to+r,M>a&&(this.highlightRange(p.cursor(),Math.max(a,O.from+r),Math.min(i,M),"",R),this.startSpan(Math.min(i,M),g))}j&&t.parent()}else if(t.firstChild()){h&&(l="");do if(!(t.to<=a)){if(t.from>=i)break;this.highlightRange(t,a,i,l,s),this.startSpan(Math.min(i,t.to),g)}while(t.nextSibling());t.parent()}}}function z(o){let t=o.type.prop(F);for(;t&&t.context&&!o.matchContext(t.context);)t=t.next;return t||null}const e=m.define,C=e(),N=e(),G=e(N),L=e(N),x=e(),I=e(x),H=e(x),u=e(),w=e(u),k=e(),y=e(),K=e(),S=e(K),q=e(),n={comment:C,lineComment:e(C),blockComment:e(C),docComment:e(C),name:N,variableName:e(N),typeName:G,tagName:e(G),propertyName:L,attributeName:e(L),className:e(N),labelName:e(N),namespace:e(N),macroName:e(N),literal:x,string:I,docString:e(I),character:e(I),attributeValue:e(I),number:H,integer:e(H),float:e(H),bool:e(x),regexp:e(x),escape:e(x),color:e(x),url:e(x),keyword:k,self:e(k),null:e(k),atom:e(k),unit:e(k),modifier:e(k),operatorKeyword:e(k),controlKeyword:e(k),definitionKeyword:e(k),moduleKeyword:e(k),operator:y,derefOperator:e(y),arithmeticOperator:e(y),logicOperator:e(y),bitwiseOperator:e(y),compareOperator:e(y),updateOperator:e(y),definitionOperator:e(y),typeOperator:e(y),controlOperator:e(y),punctuation:K,separator:e(K),bracket:S,angleBracket:e(S),squareBracket:e(S),paren:e(S),brace:e(S),content:u,heading:w,heading1:e(w),heading2:e(w),heading3:e(w),heading4:e(w),heading5:e(w),heading6:e(w),contentSeparator:e(u),list:e(u),quote:e(u),emphasis:e(u),strong:e(u),link:e(u),monospace:e(u),strikethrough:e(u),inserted:e(),deleted:e(),changed:e(),invalid:e(),meta:q,documentMeta:e(q),annotation:e(q),processingInstruction:e(q),definition:m.defineModifier(),constant:m.defineModifier(),function:m.defineModifier(),standard:m.defineModifier(),local:m.defineModifier(),special:m.defineModifier()},tt=J([{tag:n.link,class:"tok-link"},{tag:n.heading,class:"tok-heading"},{tag:n.emphasis,class:"tok-emphasis"},{tag:n.strong,class:"tok-strong"},{tag:n.keyword,class:"tok-keyword"},{tag:n.atom,class:"tok-atom"},{tag:n.bool,class:"tok-bool"},{tag:n.url,class:"tok-url"},{tag:n.labelName,class:"tok-labelName"},{tag:n.inserted,class:"tok-inserted"},{tag:n.deleted,class:"tok-deleted"},{tag:n.literal,class:"tok-literal"},{tag:n.string,class:"tok-string"},{tag:n.number,class:"tok-number"},{tag:[n.regexp,n.escape,n.special(n.string)],class:"tok-string2"},{tag:n.variableName,class:"tok-variableName"},{tag:n.local(n.variableName),class:"tok-variableName tok-local"},{tag:n.definition(n.variableName),class:"tok-variableName tok-definition"},{tag:n.special(n.variableName),class:"tok-variableName2"},{tag:n.definition(n.propertyName),class:"tok-propertyName tok-definition"},{tag:n.typeName,class:"tok-typeName"},{tag:n.namespace,class:"tok-namespace"},{tag:n.className,class:"tok-className"},{tag:n.macroName,class:"tok-macroName"},{tag:n.propertyName,class:"tok-propertyName"},{tag:n.operator,class:"tok-operator"},{tag:n.comment,class:"tok-comment"},{tag:n.meta,class:"tok-meta"},{tag:n.invalid,class:"tok-invalid"},{tag:n.punctuation,class:"tok-punctuation"}]);export{m as Tag,tt as classHighlighter,z as getStyleTags,$ as highlightCode,V as highlightTree,Y as styleTags,J as tagHighlighter,n as tags};
diff --git a/Resources/Public/JavaScript/Contrib/@lezer/html.js b/Resources/Public/JavaScript/Contrib/@lezer/html.js
new file mode 100644
index 0000000..c3b6ee0
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@lezer/html.js
@@ -0,0 +1 @@
+import{ContextTracker as U,ExternalTokenizer as T,LRParser as I}from"@lezer/lr";import{styleTags as J,tags as S}from"@lezer/highlight";import{parseMixed as j}from"@lezer/common";const z=54,L=1,F=55,K=2,ee=56,Oe=3,w=4,te=5,q=6,A=7,C=8,y=9,Y=10,re=11,ae=12,ne=13,d=57,se=14,b=58,m=20,le=22,M=23,Se=24,$=26,k=27,Pe=28,pe=31,oe=34,ce=36,he=37,fe=0,Ve=1,_e={area:!0,base:!0,br:!0,col:!0,command:!0,embed:!0,frame:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0,menuitem:!0},Te={dd:!0,li:!0,optgroup:!0,option:!0,p:!0,rp:!0,rt:!0,tbody:!0,td:!0,tfoot:!0,th:!0,tr:!0},B={dd:{dd:!0,dt:!0},dt:{dd:!0,dt:!0},li:{li:!0},option:{option:!0,optgroup:!0},optgroup:{optgroup:!0},p:{address:!0,article:!0,aside:!0,blockquote:!0,dir:!0,div:!0,dl:!0,fieldset:!0,footer:!0,form:!0,h1:!0,h2:!0,h3:!0,h4:!0,h5:!0,h6:!0,header:!0,hgroup:!0,hr:!0,menu:!0,nav:!0,ol:!0,p:!0,pre:!0,section:!0,table:!0,ul:!0},rp:{rp:!0,rt:!0},rt:{rp:!0,rt:!0},tbody:{tbody:!0,tfoot:!0},td:{td:!0,th:!0},tfoot:{tbody:!0},th:{td:!0,th:!0},thead:{tbody:!0,tfoot:!0},tr:{tr:!0}};function qe(e){return e==45||e==46||e==58||e>=65&&e<=90||e==95||e>=97&&e<=122||e>=161}function G(e){return e==9||e==10||e==13||e==32}let Z=null,R=null,E=0;function i(e,O){let a=e.pos+O;if(E==a&&R==e)return Z;let r=e.peek(O);for(;G(r);)r=e.peek(++O);let t="";for(;qe(r);)t+=String.fromCharCode(r),r=e.peek(++O);return R=e,E=a,Z=t?t.toLowerCase():r==xe||r==de?void 0:null}const D=60,x=62,Q=47,xe=63,de=33,$e=45;function W(e,O){this.name=e,this.parent=O,this.hash=O?O.hash:0;for(let a=0;a<e.length;a++)this.hash+=(this.hash<<4)+e.charCodeAt(a)+(e.charCodeAt(a)<<8)}const ie=[q,Y,A,C,y],Qe=new U({start:null,shift(e,O,a,r){return ie.indexOf(O)>-1?new W(i(r,1)||"",e):e},reduce(e,O){return O==m&&e?e.parent:e},reuse(e,O,a,r){let t=O.type.id;return t==q||t==ce?new W(i(r,1)||"",e):e},hash(e){return e?e.hash:0},strict:!1}),ue=new T((e,O)=>{if(e.next!=D){e.next<0&&O.context&&e.acceptToken(d);return}e.advance();let a=e.next==Q;a&&e.advance();let r=i(e,0);if(r===void 0)return;if(!r)return e.acceptToken(a?se:q);let t=O.context?O.context.name:null;if(a){if(r==t)return e.acceptToken(re);if(t&&Te[t])return e.acceptToken(d,-2);if(O.dialectEnabled(fe))return e.acceptToken(ae);for(let n=O.context;n;n=n.parent)if(n.name==r)return;e.acceptToken(ne)}else{if(r=="script")return e.acceptToken(A);if(r=="style")return e.acceptToken(C);if(r=="textarea")return e.acceptToken(y);if(_e.hasOwnProperty(r))return e.acceptToken(Y);t&&B[t]&&B[t][r]?e.acceptToken(d,-1):e.acceptToken(q)}},{contextual:!0}),Xe=new T(e=>{for(let O=0,a=0;;a++){if(e.next<0){a&&e.acceptToken(b);break}if(e.next==$e)O++;else if(e.next==x&&O>=2){a>3&&e.acceptToken(b,-2);break}else O=0;e.advance()}});function ge(e){for(;e;e=e.parent)if(e.name=="svg"||e.name=="math")return!0;return!1}const ve=new T((e,O)=>{if(e.next==Q&&e.peek(1)==x){let a=O.dialectEnabled(Ve)||ge(O.context);e.acceptToken(a?te:w,2)}else e.next==x&&e.acceptToken(w,1)});function u(e,O,a){let r=2+e.length;return new T(t=>{for(let n=0,P=0,s=0;;s++){if(t.next<0){s&&t.acceptToken(O);break}if(n==0&&t.next==D||n==1&&t.next==Q||n>=2&&n<r&&t.next==e.charCodeAt(n-2))n++,P++;else if((n==2||n==r)&&G(t.next))P++;else if(n==r&&t.next==x){s>P?t.acceptToken(O,-P):t.acceptToken(a,-(P-2));break}else if((t.next==10||t.next==13)&&s){t.acceptToken(O,1);break}else n=P=0;t.advance()}})}const we=u("script",z,L),Ae=u("style",F,K),Ce=u("textarea",ee,Oe),ye=J({"Text RawText":S.content,"StartTag StartCloseTag SelfClosingEndTag EndTag":S.angleBracket,TagName:S.tagName,"MismatchedCloseTag/TagName":[S.tagName,S.invalid],AttributeName:S.attributeName,"AttributeValue UnquotedAttributeValue":S.attributeValue,Is:S.definitionOperator,"EntityReference CharacterReference":S.character,Comment:S.blockComment,ProcessingInst:S.processingInstruction,DoctypeDecl:S.documentMeta}),Ye=I.deserialize({version:14,states:",xOVO!rOOO!WQ#tO'#CqO!]Q#tO'#CzO!bQ#tO'#C}O!gQ#tO'#DQO!lQ#tO'#DSO!qOaO'#CpO!|ObO'#CpO#XOdO'#CpO$eO!rO'#CpOOO`'#Cp'#CpO$lO$fO'#DTO$tQ#tO'#DVO$yQ#tO'#DWOOO`'#Dk'#DkOOO`'#DY'#DYQVO!rOOO%OQ&rO,59]O%WQ&rO,59fO%`Q&rO,59iO%hQ&rO,59lO%sQ&rO,59nOOOa'#D^'#D^O%{OaO'#CxO&WOaO,59[OOOb'#D_'#D_O&`ObO'#C{O&kObO,59[OOOd'#D`'#D`O&sOdO'#DOO'OOdO,59[OOO`'#Da'#DaO'WO!rO,59[O'_Q#tO'#DROOO`,59[,59[OOOp'#Db'#DbO'dO$fO,59oOOO`,59o,59oO'lQ#|O,59qO'qQ#|O,59rOOO`-E7W-E7WO'vQ&rO'#CsOOQW'#DZ'#DZO(UQ&rO1G.wOOOa1G.w1G.wO(^Q&rO1G/QOOOb1G/Q1G/QO(fQ&rO1G/TOOOd1G/T1G/TO(nQ&rO1G/WOOO`1G/W1G/WOOO`1G/Y1G/YO(yQ&rO1G/YOOOa-E7[-E7[O)RQ#tO'#CyOOO`1G.v1G.vOOOb-E7]-E7]O)WQ#tO'#C|OOOd-E7^-E7^O)]Q#tO'#DPOOO`-E7_-E7_O)bQ#|O,59mOOOp-E7`-E7`OOO`1G/Z1G/ZOOO`1G/]1G/]OOO`1G/^1G/^O)gQ,UO,59_OOQW-E7X-E7XOOOa7+$c7+$cOOOb7+$l7+$lOOOd7+$o7+$oOOO`7+$r7+$rOOO`7+$t7+$tO)rQ#|O,59eO)wQ#|O,59hO)|Q#|O,59kOOO`1G/X1G/XO*RO7[O'#CvO*dOMhO'#CvOOQW1G.y1G.yOOO`1G/P1G/POOO`1G/S1G/SOOO`1G/V1G/VOOOO'#D['#D[O*uO7[O,59bOOQW,59b,59bOOOO'#D]'#D]O+WOMhO,59bOOOO-E7Y-E7YOOQW1G.|1G.|OOOO-E7Z-E7Z",stateData:"+s~O!^OS~OUSOVPOWQOXROYTO[]O][O^^O`^Oa^Ob^Oc^Ox^O{_O!dZO~OfaO~OfbO~OfcO~OfdO~OfeO~O!WfOPlP!ZlP~O!XiOQoP!ZoP~O!YlORrP!ZrP~OUSOVPOWQOXROYTOZqO[]O][O^^O`^Oa^Ob^Oc^Ox^O!dZO~O!ZrO~P#dO![sO!euO~OfvO~OfwO~OS|OhyO~OS!OOhyO~OS!QOhyO~OS!SOT!TOhyO~OS!TOhyO~O!WfOPlX!ZlX~OP!WO!Z!XO~O!XiOQoX!ZoX~OQ!ZO!Z!XO~O!YlORrX!ZrX~OR!]O!Z!XO~O!Z!XO~P#dOf!_O~O![sO!e!aO~OS!bO~OS!cO~Oi!dOSgXhgXTgX~OS!fOhyO~OS!gOhyO~OS!hOhyO~OS!iOT!jOhyO~OS!jOhyO~Of!kO~Of!lO~Of!mO~OS!nO~Ok!qO!`!oO!b!pO~OS!rO~OS!sO~OS!tO~Oa!uOb!uOc!uO!`!wO!a!uO~Oa!xOb!xOc!xO!b!wO!c!xO~Oa!uOb!uOc!uO!`!{O!a!uO~Oa!xOb!xOc!xO!b!{O!c!xO~OT~bac!dx{!d~",goto:"%p!`PPPPPPPPPPPPPPPPPPPP!a!gP!mPP!yP!|#P#S#Y#]#`#f#i#l#r#x!aP!a!aP$O$U$l$r$x%O%U%[%bPPPPPPPP%hX^OX`pXUOX`pezabcde{}!P!R!UR!q!dRhUR!XhXVOX`pRkVR!XkXWOX`pRnWR!XnXXOX`pQrXR!XpXYOX`pQ`ORx`Q{aQ}bQ!PcQ!RdQ!UeZ!e{}!P!R!UQ!v!oR!z!vQ!y!pR!|!yQgUR!VgQjVR!YjQmWR![mQpXR!^pQtZR!`tS_O`ToXp",nodeNames:"\u26A0 StartCloseTag StartCloseTag StartCloseTag EndTag SelfClosingEndTag StartTag StartTag StartTag StartTag StartTag StartCloseTag StartCloseTag StartCloseTag IncompleteCloseTag Document Text EntityReference CharacterReference InvalidEntity Element OpenTag TagName Attribute AttributeName Is AttributeValue UnquotedAttributeValue ScriptText CloseTag OpenTag StyleText CloseTag OpenTag TextareaText CloseTag OpenTag CloseTag SelfClosingTag Comment ProcessingInst MismatchedCloseTag CloseTag DoctypeDecl",maxTerm:67,context:Qe,nodeProps:[["closedBy",-10,1,2,3,7,8,9,10,11,12,13,"EndTag",6,"EndTag SelfClosingEndTag",-4,21,30,33,36,"CloseTag"],["openedBy",4,"StartTag StartCloseTag",5,"StartTag",-4,29,32,35,37,"OpenTag"],["group",-9,14,17,18,19,20,39,40,41,42,"Entity",16,"Entity TextContent",-3,28,31,34,"TextContent Entity"]],propSources:[ye],skippedNodes:[0],repeatNodeCount:9,tokenData:"#%g!aR!YOX$qXY,QYZ,QZ[$q[]&X]^,Q^p$qpq,Qqr-_rs4ysv-_vw5iwxJ^x}-_}!OKP!O!P-_!P!Q$q!Q![-_![!]!!O!]!^-_!^!_!&W!_!`#$o!`!a&X!a!c-_!c!}!!O!}#R-_#R#S!!O#S#T3V#T#o!!O#o#s-_#s$f$q$f%W-_%W%o!!O%o%p-_%p&a!!O&a&b-_&b1p!!O1p4U-_4U4d!!O4d4e-_4e$IS!!O$IS$I`-_$I`$Ib!!O$Ib$Kh-_$Kh%#t!!O%#t&/x-_&/x&Et!!O&Et&FV-_&FV;'S!!O;'S;:j!&Q;:j;=`4s<%l?&r-_?&r?Ah!!O?Ah?BY$q?BY?Mn!!O?MnO$q!Z$|c`PkW!a`!cpOX$qXZ&XZ[$q[^&X^p$qpq&Xqr$qrs&}sv$qvw+Pwx(tx!^$q!^!_*V!_!a&X!a#S$q#S#T&X#T;'S$q;'S;=`+z<%lO$q!R&bX`P!a`!cpOr&Xrs&}sv&Xwx(tx!^&X!^!_*V!_;'S&X;'S;=`*y<%lO&Xq'UV`P!cpOv&}wx'kx!^&}!^!_(V!_;'S&};'S;=`(n<%lO&}P'pT`POv'kw!^'k!_;'S'k;'S;=`(P<%lO'kP(SP;=`<%l'kp([S!cpOv(Vx;'S(V;'S;=`(h<%lO(Vp(kP;=`<%l(Vq(qP;=`<%l&}a({W`P!a`Or(trs'ksv(tw!^(t!^!_)e!_;'S(t;'S;=`*P<%lO(t`)jT!a`Or)esv)ew;'S)e;'S;=`)y<%lO)e`)|P;=`<%l)ea*SP;=`<%l(t!Q*^V!a`!cpOr*Vrs(Vsv*Vwx)ex;'S*V;'S;=`*s<%lO*V!Q*vP;=`<%l*V!R*|P;=`<%l&XW+UYkWOX+PZ[+P^p+Pqr+Psw+Px!^+P!a#S+P#T;'S+P;'S;=`+t<%lO+PW+wP;=`<%l+P!Z+}P;=`<%l$q!a,]``P!a`!cp!^^OX&XXY,QYZ,QZ]&X]^,Q^p&Xpq,Qqr&Xrs&}sv&Xwx(tx!^&X!^!_*V!_;'S&X;'S;=`*y<%lO&X!_-ljhS`PkW!a`!cpOX$qXZ&XZ[$q[^&X^p$qpq&Xqr-_rs&}sv-_vw/^wx(tx!P-_!P!Q$q!Q!^-_!^!_1n!_!a&X!a#S-_#S#T3V#T#s-_#s$f$q$f;'S-_;'S;=`4s<%l?Ah-_?Ah?BY$q?BY?Mn-_?MnO$q[/echSkWOX+PZ[+P^p+Pqr/^sw/^x!P/^!P!Q+P!Q!^/^!^!_0p!a#S/^#S#T0p#T#s/^#s$f+P$f;'S/^;'S;=`1h<%l?Ah/^?Ah?BY+P?BY?Mn/^?MnO+PS0uXhSqr0psw0px!P0p!Q!_0p!a#s0p$f;'S0p;'S;=`1b<%l?Ah0p?BY?Mn0pS1eP;=`<%l0p[1kP;=`<%l/^!U1wbhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!U3SP;=`<%l1n!V3bchS`P!a`!cpOq&Xqr3Vrs&}sv3Vvw0pwx(tx!P3V!P!Q&X!Q!^3V!^!_1n!_!a&X!a#s3V#s$f&X$f;'S3V;'S;=`4m<%l?Ah3V?Ah?BY&X?BY?Mn3V?MnO&X!V4pP;=`<%l3V!_4vP;=`<%l-_!Z5SV!`h`P!cpOv&}wx'kx!^&}!^!_(V!_;'S&};'S;=`(n<%lO&}!_5rjhSkWc!ROX7dXZ8qZ[7d[^8q^p7dqr:crs8qst@Ttw:cwx8qx!P:c!P!Q7d!Q!]:c!]!^/^!^!_=p!_!a8q!a#S:c#S#T=p#T#s:c#s$f7d$f;'S:c;'S;=`?}<%l?Ah:c?Ah?BY7d?BY?Mn:c?MnO7d!Z7ibkWOX7dXZ8qZ[7d[^8q^p7dqr7drs8qst+Ptw7dwx8qx!]7d!]!^9f!^!a8q!a#S7d#S#T8q#T;'S7d;'S;=`:]<%lO7d!R8tVOp8qqs8qt!]8q!]!^9Z!^;'S8q;'S;=`9`<%lO8q!R9`Oa!R!R9cP;=`<%l8q!Z9mYkWa!ROX+PZ[+P^p+Pqr+Psw+Px!^+P!a#S+P#T;'S+P;'S;=`+t<%lO+P!Z:`P;=`<%l7d!_:jjhSkWOX7dXZ8qZ[7d[^8q^p7dqr:crs8qst/^tw:cwx8qx!P:c!P!Q7d!Q!]:c!]!^<[!^!_=p!_!a8q!a#S:c#S#T=p#T#s:c#s$f7d$f;'S:c;'S;=`?}<%l?Ah:c?Ah?BY7d?BY?Mn:c?MnO7d!_<echSkWa!ROX+PZ[+P^p+Pqr/^sw/^x!P/^!P!Q+P!Q!^/^!^!_0p!a#S/^#S#T0p#T#s/^#s$f+P$f;'S/^;'S;=`1h<%l?Ah/^?Ah?BY+P?BY?Mn/^?MnO+P!V=udhSOp8qqr=prs8qst0ptw=pwx8qx!P=p!P!Q8q!Q!]=p!]!^?T!^!_=p!_!a8q!a#s=p#s$f8q$f;'S=p;'S;=`?w<%l?Ah=p?Ah?BY8q?BY?Mn=p?MnO8q!V?[XhSa!Rqr0psw0px!P0p!Q!_0p!a#s0p$f;'S0p;'S;=`1b<%l?Ah0p?BY?Mn0p!V?zP;=`<%l=p!_@QP;=`<%l:c!_@[ihSkWOXAyXZCTZ[Ay[^CT^pAyqrDrrsCTswDrwxCTx!PDr!P!QAy!Q!]Dr!]!^/^!^!_G|!_!aCT!a#SDr#S#TG|#T#sDr#s$fAy$f;'SDr;'S;=`JW<%l?AhDr?Ah?BYAy?BY?MnDr?MnOAy!ZBOakWOXAyXZCTZ[Ay[^CT^pAyqrAyrsCTswAywxCTx!]Ay!]!^Cu!^!aCT!a#SAy#S#TCT#T;'SAy;'S;=`Dl<%lOAy!RCWUOpCTq!]CT!]!^Cj!^;'SCT;'S;=`Co<%lOCT!RCoOb!R!RCrP;=`<%lCT!ZC|YkWb!ROX+PZ[+P^p+Pqr+Psw+Px!^+P!a#S+P#T;'S+P;'S;=`+t<%lO+P!ZDoP;=`<%lAy!_DyihSkWOXAyXZCTZ[Ay[^CT^pAyqrDrrsCTswDrwxCTx!PDr!P!QAy!Q!]Dr!]!^Fh!^!_G|!_!aCT!a#SDr#S#TG|#T#sDr#s$fAy$f;'SDr;'S;=`JW<%l?AhDr?Ah?BYAy?BY?MnDr?MnOAy!_FqchSkWb!ROX+PZ[+P^p+Pqr/^sw/^x!P/^!P!Q+P!Q!^/^!^!_0p!a#S/^#S#T0p#T#s/^#s$f+P$f;'S/^;'S;=`1h<%l?Ah/^?Ah?BY+P?BY?Mn/^?MnO+P!VHRchSOpCTqrG|rsCTswG|wxCTx!PG|!P!QCT!Q!]G|!]!^I^!^!_G|!_!aCT!a#sG|#s$fCT$f;'SG|;'S;=`JQ<%l?AhG|?Ah?BYCT?BY?MnG|?MnOCT!VIeXhSb!Rqr0psw0px!P0p!Q!_0p!a#s0p$f;'S0p;'S;=`1b<%l?Ah0p?BY?Mn0p!VJTP;=`<%lG|!_JZP;=`<%lDr!ZJgW!bx`P!a`Or(trs'ksv(tw!^(t!^!_)e!_;'S(t;'S;=`*P<%lO(t!aK^lhS`PkW!a`!cpOX$qXZ&XZ[$q[^&X^p$qpq&Xqr-_rs&}sv-_vw/^wx(tx}-_}!OMU!O!P-_!P!Q$q!Q!^-_!^!_1n!_!a&X!a#S-_#S#T3V#T#s-_#s$f$q$f;'S-_;'S;=`4s<%l?Ah-_?Ah?BY$q?BY?Mn-_?MnO$q!aMckhS`PkW!a`!cpOX$qXZ&XZ[$q[^&X^p$qpq&Xqr-_rs&}sv-_vw/^wx(tx!P-_!P!Q$q!Q!^-_!^!_1n!_!`&X!`!a! W!a#S-_#S#T3V#T#s-_#s$f$q$f;'S-_;'S;=`4s<%l?Ah-_?Ah?BY$q?BY?Mn-_?MnO$q!T! cX`P!a`!cp!eQOr&Xrs&}sv&Xwx(tx!^&X!^!_*V!_;'S&X;'S;=`*y<%lO&X!a!!_!ZhSfQ`PkW!a`!cpOX$qXZ&XZ[$q[^&X^p$qpq&Xqr-_rs&}sv-_vw/^wx(tx}-_}!O!!O!O!P!!O!P!Q$q!Q![!!O![!]!!O!]!^-_!^!_1n!_!a&X!a!c-_!c!}!!O!}#R-_#R#S!!O#S#T3V#T#o!!O#o#s-_#s$f$q$f$}-_$}%O!!O%O%W-_%W%o!!O%o%p-_%p&a!!O&a&b-_&b1p!!O1p4U!!O4U4d!!O4d4e-_4e$IS!!O$IS$I`-_$I`$Ib!!O$Ib$Je-_$Je$Jg!!O$Jg$Kh-_$Kh%#t!!O%#t&/x-_&/x&Et!!O&Et&FV-_&FV;'S!!O;'S;:j!&Q;:j;=`4s<%l?&r-_?&r?Ah!!O?Ah?BY$q?BY?Mn!!O?MnO$q!a!&TP;=`<%l!!O!V!&achS!a`!cpOq*Vqr!'lrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a!b!Ey!b#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!'uhhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex}1n}!O!)a!O!P1n!P!Q*V!Q!_1n!_!a*V!a!f1n!f!g!,]!g#W1n#W#X!<y#X#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!)jdhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex}1n}!O!*x!O!P1n!P!Q*V!Q!_1n!_!a*V!a#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!+TbhS!a`!cp!dPOq*Vqr1nrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!,fdhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a!q1n!q!r!-t!r#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!-}dhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a!e1n!e!f!/]!f#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!/fdhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a!v1n!v!w!0t!w#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!0}dhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a!{1n!{!|!2]!|#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!2fdhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a!r1n!r!s!3t!s#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!3}dhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a!g1n!g!h!5]!h#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!5fchS!a`!cpOq!6qqr!5]rs!7hsv!5]vw!;`wx!9[x!P!5]!P!Q!6q!Q!_!5]!_!`!6q!`!a!:j!a#s!5]#s$f!6q$f;'S!5];'S;=`!<s<%l?Ah!5]?Ah?BY!6q?BY?Mn!5]?MnO!6q!R!6xY!a`!cpOr!6qrs!7hsv!6qvw!8Swx!9[x!`!6q!`!a!:j!a;'S!6q;'S;=`!;Y<%lO!6qq!7mV!cpOv!7hvx!8Sx!`!7h!`!a!8q!a;'S!7h;'S;=`!9U<%lO!7hP!8VTO!`!8S!`!a!8f!a;'S!8S;'S;=`!8k<%lO!8SP!8kO{PP!8nP;=`<%l!8Sq!8xS!cp{POv(Vx;'S(V;'S;=`(h<%lO(Vq!9XP;=`<%l!7ha!9aX!a`Or!9[rs!8Ssv!9[vw!8Sw!`!9[!`!a!9|!a;'S!9[;'S;=`!:d<%lO!9[a!:TT!a`{POr)esv)ew;'S)e;'S;=`)y<%lO)ea!:gP;=`<%l!9[!R!:sV!a`!cp{POr*Vrs(Vsv*Vwx)ex;'S*V;'S;=`*s<%lO*V!R!;]P;=`<%l!6qT!;ebhSOq!8Sqr!;`rs!8Ssw!;`wx!8Sx!P!;`!P!Q!8S!Q!_!;`!_!`!8S!`!a!8f!a#s!;`#s$f!8S$f;'S!;`;'S;=`!<m<%l?Ah!;`?Ah?BY!8S?BY?Mn!;`?MnO!8ST!<pP;=`<%l!;`!V!<vP;=`<%l!5]!V!=SdhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a#c1n#c#d!>b#d#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!>kdhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a#V1n#V#W!?y#W#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!@SdhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a#h1n#h#i!Ab#i#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!AkdhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a#m1n#m#n!By#n#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!CSdhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a#d1n#d#e!Db#e#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!DkdhS!a`!cpOq*Vqr1nrs(Vsv1nvw0pwx)ex!P1n!P!Q*V!Q!_1n!_!a*V!a#X1n#X#Y!5]#Y#s1n#s$f*V$f;'S1n;'S;=`3P<%l?Ah1n?Ah?BY*V?BY?Mn1n?MnO*V!V!FSchS!a`!cpOq!G_qr!Eyrs!HUsv!Eyvw!Ncwx!Jvx!P!Ey!P!Q!G_!Q!_!Ey!_!a!G_!a!b##T!b#s!Ey#s$f!G_$f;'S!Ey;'S;=`#$i<%l?Ah!Ey?Ah?BY!G_?BY?Mn!Ey?MnO!G_!R!GfY!a`!cpOr!G_rs!HUsv!G_vw!Hpwx!Jvx!a!G_!a!b!Lv!b;'S!G_;'S;=`!N]<%lO!G_q!HZV!cpOv!HUvx!Hpx!a!HU!a!b!Iq!b;'S!HU;'S;=`!Jp<%lO!HUP!HsTO!a!Hp!a!b!IS!b;'S!Hp;'S;=`!Ik<%lO!HpP!IVTO!`!Hp!`!a!If!a;'S!Hp;'S;=`!Ik<%lO!HpP!IkOxPP!InP;=`<%l!Hpq!IvV!cpOv!HUvx!Hpx!`!HU!`!a!J]!a;'S!HU;'S;=`!Jp<%lO!HUq!JdS!cpxPOv(Vx;'S(V;'S;=`(h<%lO(Vq!JsP;=`<%l!HUa!J{X!a`Or!Jvrs!Hpsv!Jvvw!Hpw!a!Jv!a!b!Kh!b;'S!Jv;'S;=`!Lp<%lO!Jva!KmX!a`Or!Jvrs!Hpsv!Jvvw!Hpw!`!Jv!`!a!LY!a;'S!Jv;'S;=`!Lp<%lO!Jva!LaT!a`xPOr)esv)ew;'S)e;'S;=`)y<%lO)ea!LsP;=`<%l!Jv!R!L}Y!a`!cpOr!G_rs!HUsv!G_vw!Hpwx!Jvx!`!G_!`!a!Mm!a;'S!G_;'S;=`!N]<%lO!G_!R!MvV!a`!cpxPOr*Vrs(Vsv*Vwx)ex;'S*V;'S;=`*s<%lO*V!R!N`P;=`<%l!G_T!NhbhSOq!Hpqr!Ncrs!Hpsw!Ncwx!Hpx!P!Nc!P!Q!Hp!Q!_!Nc!_!a!Hp!a!b# p!b#s!Nc#s$f!Hp$f;'S!Nc;'S;=`#!}<%l?Ah!Nc?Ah?BY!Hp?BY?Mn!Nc?MnO!HpT# ubhSOq!Hpqr!Ncrs!Hpsw!Ncwx!Hpx!P!Nc!P!Q!Hp!Q!_!Nc!_!`!Hp!`!a!If!a#s!Nc#s$f!Hp$f;'S!Nc;'S;=`#!}<%l?Ah!Nc?Ah?BY!Hp?BY?Mn!Nc?MnO!HpT##QP;=`<%l!Nc!V##^chS!a`!cpOq!G_qr!Eyrs!HUsv!Eyvw!Ncwx!Jvx!P!Ey!P!Q!G_!Q!_!Ey!_!`!G_!`!a!Mm!a#s!Ey#s$f!G_$f;'S!Ey;'S;=`#$i<%l?Ah!Ey?Ah?BY!G_?BY?Mn!Ey?MnO!G_!V#$lP;=`<%l!Ey!V#$zXiS`P!a`!cpOr&Xrs&}sv&Xwx(tx!^&X!^!_*V!_;'S&X;'S;=`*y<%lO&X",tokenizers:[we,Ae,Ce,ve,ue,Xe,0,1,2,3,4,5],topRules:{Document:[0,15]},dialects:{noMatch:0,selfClosing:485},tokenPrec:487});function H(e,O){let a=Object.create(null);for(let r of e.getChildren(M)){let t=r.getChild(Se),n=r.getChild($)||r.getChild(k);t&&(a[O.read(t.from,t.to)]=n?n.type.id==$?O.read(n.from+1,n.to-1):O.read(n.from,n.to):"")}return a}function N(e,O){let a=e.getChild(le);return a?O.read(a.from,a.to):" "}function X(e,O,a){let r;for(let t of a)if(!t.attrs||t.attrs(r||(r=H(e.node.parent.firstChild,O))))return{parser:t.parser};return null}function be(e=[],O=[]){let a=[],r=[],t=[],n=[];for(let s of e)(s.tag=="script"?a:s.tag=="style"?r:s.tag=="textarea"?t:n).push(s);let P=O.length?Object.create(null):null;for(let s of O)(P[s.name]||(P[s.name]=[])).push(s);return j((s,p)=>{let f=s.type.id;if(f==Pe)return X(s,p,a);if(f==pe)return X(s,p,r);if(f==oe)return X(s,p,t);if(f==m&&n.length){let o=s.node,c=o.firstChild,V=c&&N(c,p),h;if(V){for(let l of n)if(l.tag==V&&(!l.attrs||l.attrs(h||(h=H(o,p))))){let _=o.lastChild;return{parser:l.parser,overlay:[{from:c.to,to:_.type.id==he?_.from:o.to}]}}}}if(P&&f==M){let o=s.node,c;if(c=o.firstChild){let V=P[p.read(c.from,c.to)];if(V)for(let h of V){if(h.tagName&&h.tagName!=N(o.parent,p))continue;let l=o.lastChild;if(l.type.id==$){let _=l.from+1,g=l.lastChild,v=l.to-(g&&g.isError?0:1);if(v>_)return{parser:h.parser,overlay:[{from:_,to:v}]}}else if(l.type.id==k)return{parser:h.parser,overlay:[{from:l.from,to:l.to}]}}}}return null})}export{be as configureNesting,Ye as parser};
diff --git a/Resources/Public/JavaScript/Contrib/@lezer/javascript.js b/Resources/Public/JavaScript/Contrib/@lezer/javascript.js
new file mode 100644
index 0000000..f8b612e
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@lezer/javascript.js
@@ -0,0 +1 @@
+import{ContextTracker as n,ExternalTokenizer as $,LRParser as t,LocalTokenGroup as e}from"@lezer/lr";import{styleTags as Y,tags as O}from"@lezer/highlight";const c=309,o=1,X=2,l=3,s=310,W=312,w=313,d=4,j=5,g=0,r=[9,10,11,12,13,32,133,160,5760,8192,8193,8194,8195,8196,8197,8198,8199,8200,8201,8202,8232,8233,8239,8287,12288],S=125,f=59,P=47,k=42,b=43,y=45,m=60,x=44,q=new n({start:!1,shift(Q,i){return i==d||i==j||i==W?Q:i==w},strict:!1}),_=new $((Q,i)=>{let{next:a}=Q;(a==S||a==-1||i.context)&&Q.acceptToken(s)},{contextual:!0,fallback:!0}),h=new $((Q,i)=>{let{next:a}=Q,Z;r.indexOf(a)>-1||a==P&&((Z=Q.peek(1))==P||Z==k)||a!=S&&a!=f&&a!=-1&&!i.context&&Q.acceptToken(c)},{contextual:!0}),G=new $((Q,i)=>{let{next:a}=Q;if((a==b||a==y)&&(Q.advance(),a==Q.next)){Q.advance();let Z=!i.context&&i.canShift(o);Q.acceptToken(Z?o:X)}},{contextual:!0});function p(Q,i){return Q>=65&&Q<=90||Q>=97&&Q<=122||Q==95||Q>=192||!i&&Q>=48&&Q<=57}const R=new $((Q,i)=>{if(Q.next!=m||!i.dialectEnabled(g)||(Q.advance(),Q.next==P))return;let a=0;for(;r.indexOf(Q.next)>-1;)Q.advance(),a++;if(p(Q.next,!0)){for(Q.advance(),a++;p(Q.next,!1);)Q.advance(),a++;for(;r.indexOf(Q.next)>-1;)Q.advance(),a++;if(Q.next==x)return;for(let Z=0;;Z++){if(Z==7){if(!p(Q.next,!0))return;break}if(Q.next!="extends".charCodeAt(Z))break;Q.advance(),a++}}Q.acceptToken(l,-a)}),T=Y({"get set async static":O.modifier,"for while do if else switch try catch finally return throw break continue default case":O.controlKeyword,"in of await yield void typeof delete instanceof":O.operatorKeyword,"let var const using function class extends":O.definitionKeyword,"import export from":O.moduleKeyword,"with debugger as new":O.keyword,TemplateString:O.special(O.string),super:O.atom,BooleanLiteral:O.bool,this:O.self,null:O.null,Star:O.modifier,VariableName:O.variableName,"CallExpression/VariableName TaggedTemplateExpression/VariableName":O.function(O.variableName),VariableDefinition:O.definition(O.variableName),Label:O.labelName,PropertyName:O.propertyName,PrivatePropertyName:O.special(O.propertyName),"CallExpression/MemberExpression/PropertyName":O.function(O.propertyName),"FunctionDeclaration/VariableDefinition":O.function(O.definition(O.variableName)),"ClassDeclaration/VariableDefinition":O.definition(O.className),PropertyDefinition:O.definition(O.propertyName),PrivatePropertyDefinition:O.definition(O.special(O.propertyName)),UpdateOp:O.updateOperator,"LineComment Hashbang":O.lineComment,BlockComment:O.blockComment,Number:O.number,String:O.string,Escape:O.escape,ArithOp:O.arithmeticOperator,LogicOp:O.logicOperator,BitOp:O.bitwiseOperator,CompareOp:O.compareOperator,RegExp:O.regexp,Equals:O.definitionOperator,Arrow:O.function(O.punctuation),": Spread":O.punctuation,"( )":O.paren,"[ ]":O.squareBracket,"{ }":O.brace,"InterpolationStart InterpolationEnd":O.special(O.brace),".":O.derefOperator,", ;":O.separator,"@":O.meta,TypeName:O.typeName,TypeDefinition:O.definition(O.typeName),"type enum interface implements namespace module declare":O.definitionKeyword,"abstract global Privacy readonly override":O.modifier,"is keyof unique infer":O.operatorKeyword,JSXAttributeValue:O.attributeValue,JSXText:O.content,"JSXStartTag JSXStartCloseTag JSXSelfCloseEndTag JSXEndTag":O.angleBracket,"JSXIdentifier JSXNameSpacedName":O.tagName,"JSXAttribute/JSXIdentifier JSXAttribute/JSXNameSpacedName":O.attributeName,"JSXBuiltin/JSXIdentifier":O.standard(O.tagName)}),V={__proto__:null,export:18,as:23,from:31,default:34,async:39,function:40,extends:52,this:56,true:64,false:64,null:76,void:80,typeof:84,super:102,new:136,delete:152,yield:161,await:165,class:170,public:227,private:227,protected:227,readonly:229,instanceof:248,satisfies:251,in:252,const:254,import:286,keyof:339,unique:343,infer:349,is:385,abstract:405,implements:407,type:409,let:412,var:414,using:417,interface:423,enum:427,namespace:433,module:435,declare:439,global:443,for:462,of:471,while:474,with:478,do:482,if:486,else:488,switch:492,case:498,try:504,catch:508,finally:512,return:516,throw:520,break:524,continue:528,debugger:532},U={__proto__:null,async:123,get:125,set:127,declare:187,public:189,private:189,protected:189,static:191,abstract:193,override:195,readonly:201,accessor:203,new:389},u={__proto__:null,"<":143},z=t.deserialize({version:14,states:"$<UO%TQ^OOO%[Q^OOO'_Q`OOP(lOWOOO*zQ08SO'#ChO+RO!bO'#CiO+aO#tO'#CiO+oO?MpO'#D^O.QQ^O'#DdO.bQ^O'#DoO%[Q^O'#DyO0fQ^O'#EROOQ07b'#EZ'#EZO1PQWO'#EWOOQO'#El'#ElOOQO'#Ie'#IeO1XQWO'#GmO1dQWO'#EkO1iQWO'#EkO3kQ08SO'#JiO6[Q08SO'#JjO6xQWO'#FZO6}Q&jO'#FqOOQ07b'#Fc'#FcO7YO,YO'#FcO7hQ7[O'#FxO9UQWO'#FwOOQ07b'#Jj'#JjOOQ07`'#Ji'#JiO9ZQWO'#GqOOQU'#KU'#KUO9fQWO'#IRO9kQ07hO'#ISOOQU'#JW'#JWOOQU'#IW'#IWQ`Q^OOO`Q^OOO%[Q^O'#DqO9sQ^O'#D}O9zQ^O'#EPO9aQWO'#GmO:RQ7[O'#CnO:aQWO'#EjO:lQWO'#EuO:qQ7[O'#FbO;`QWO'#GmOOQO'#KV'#KVO;eQWO'#KVO;sQWO'#GuO;sQWO'#GvO;sQWO'#GxO9aQWO'#G{O<jQWO'#HOO>RQWO'#CdO>cQWO'#H[O>kQWO'#HbO>kQWO'#HdO`Q^O'#HfO>kQWO'#HhO>kQWO'#HkO>pQWO'#HqO>uQ07iO'#HwO%[Q^O'#HyO?QQ07iO'#H{O?]Q07iO'#H}O9kQ07hO'#IPO?hQ08SO'#ChO@jQ`O'#DiQOQWOOO%[Q^O'#EPOAQQWO'#ESO:RQ7[O'#EjOA]QWO'#EjOAhQpO'#FbOOQU'#Cf'#CfOOQ07`'#Dn'#DnOOQ07`'#Jm'#JmO%[Q^O'#JmOOQO'#Jq'#JqOOQO'#Ib'#IbOBhQ`O'#EcOOQ07`'#Eb'#EbOCdQ07pO'#EcOCnQ`O'#EVOOQO'#Jp'#JpODSQ`O'#JqOEaQ`O'#EVOCnQ`O'#EcPEnO!0LbO'#CaPOOO)CDu)CDuOOOO'#IX'#IXOEyO!bO,59TOOQ07b,59T,59TOOOO'#IY'#IYOFXO#tO,59TO%[Q^O'#D`OOOO'#I['#I[OFgO?MpO,59xOOQ07b,59x,59xOFuQ^O'#I]OGYQWO'#JkOI[QrO'#JkO+}Q^O'#JkOIcQWO,5:OOIyQWO'#ElOJWQWO'#JyOJcQWO'#JxOJcQWO'#JxOJkQWO,5;YOJpQWO'#JwOOQ07f,5:Z,5:ZOJwQ^O,5:ZOLxQ08SO,5:eOMiQWO,5:mONSQ07hO'#JvONZQWO'#JuO9ZQWO'#JuONoQWO'#JuONwQWO,5;XON|QWO'#JuO!#UQrO'#JjOOQ07b'#Ch'#ChO%[Q^O'#ERO!#tQpO,5:rOOQO'#Jr'#JrOOQO-E<c-E<cO9aQWO,5=XO!$[QWO,5=XO!$aQ^O,5;VO!&dQ7[O'#EgO!'}QWO,5;VO!)mQ7[O'#DsO!)tQ^O'#DxO!*OQ`O,5;`O!*WQ`O,5;`O%[Q^O,5;`OOQU'#FR'#FROOQU'#FT'#FTO%[Q^O,5;aO%[Q^O,5;aO%[Q^O,5;aO%[Q^O,5;aO%[Q^O,5;aO%[Q^O,5;aO%[Q^O,5;aO%[Q^O,5;aO%[Q^O,5;aO%[Q^O,5;aO%[Q^O,5;aOOQU'#FX'#FXO!*fQ^O,5;rOOQ07b,5;w,5;wOOQ07b,5;x,5;xO!,iQWO,5;xOOQ07b,5;y,5;yO%[Q^O'#IiO!,qQ07hO,5<eO!&dQ7[O,5;aO!-`Q7[O,5;aO%[Q^O,5;uO!-gQ&jO'#FgO!.dQ&jO'#J}O!.OQ&jO'#J}O!.kQ&jO'#J}OOQO'#J}'#J}O!/PQ&jO,5<POOOS,5<],5<]O!/bQ^O'#FsOOOS'#Ih'#IhO7YO,YO,5;}O!/iQ&jO'#FuOOQ07b,5;},5;}O!0YQMhO'#CuOOQ07b'#Cy'#CyO!0mQWO'#CyO!0rO?MpO'#C}O!1`Q7[O,5<bO!1gQWO,5<dO!3SQ!LQO'#GSO!3aQWO'#GTO!3fQWO'#GTO!3kQ!LQO'#GXO!4jQ`O'#G]OOQO'#Gh'#GhO!(SQ7[O'#GgOOQO'#Gj'#GjO!(SQ7[O'#GiO!5]QMhO'#JdOOQ07b'#Jd'#JdO!5gQWO'#JcO!5uQWO'#JbO!5}QWO'#CtOOQ07b'#Cw'#CwOOQ07b'#DR'#DROOQ07b'#DT'#DTO1SQWO'#DVO!(SQ7[O'#FzO!(SQ7[O'#F|O!6VQWO'#GOO!6[QWO'#GPO!3fQWO'#GVO!(SQ7[O'#G[O!6aQWO'#EmO!7OQWO,5<cOOQ07`'#Cq'#CqO!7WQWO'#EnO!8QQ`O'#EoOOQ07`'#Jw'#JwO!8XQ07hO'#KWO9kQ07hO,5=]O`Q^O,5>mOOQU'#J`'#J`OOQU,5>n,5>nOOQU-E<U-E<UO!:ZQ08SO,5:]O!<wQ08SO,5:iO%[Q^O,5:iO!?bQ08SO,5:kOOQO,5@q,5@qO!@RQ7[O,5=XO!@aQ07hO'#JaO9UQWO'#JaO!@rQ07hO,59YO!@}Q`O,59YO!AVQ7[O,59YO:RQ7[O,59YO!AbQWO,5;VO!AjQWO'#HZO!BOQWO'#KZO%[Q^O,5;zO!7{Q`O,5;|O!BWQWO,5=tO!B]QWO,5=tO!BbQWO,5=tO9kQ07hO,5=tO;sQWO,5=dOOQO'#Cu'#CuO!BpQ`O,5=aO!BxQ7[O,5=bO!CTQWO,5=dO!CYQpO,5=gO!CbQWO'#KVO>pQWO'#HQO9aQWO'#HSO!CgQWO'#HSO:RQ7[O'#HUO!ClQWO'#HUOOQU,5=j,5=jO!CqQWO'#HVO!DSQWO'#CnO!DXQWO,59OO!DcQWO,59OO!FhQ^O,59OOOQU,59O,59OO!FxQ07hO,59OO%[Q^O,59OO!ITQ^O'#H^OOQU'#H_'#H_OOQU'#H`'#H`O`Q^O,5=vO!IkQWO,5=vO`Q^O,5=|O`Q^O,5>OO!IpQWO,5>QO`Q^O,5>SO!IuQWO,5>VO!IzQ^O,5>]OOQU,5>c,5>cO%[Q^O,5>cO9kQ07hO,5>eOOQU,5>g,5>gO!NUQWO,5>gOOQU,5>i,5>iO!NUQWO,5>iOOQU,5>k,5>kO!NZQ`O'#D[O%[Q^O'#JmO!NxQ`O'#JmO# gQ`O'#DjO# xQ`O'#DjO#$ZQ^O'#DjO#$bQWO'#JlO#$jQWO,5:TO#$oQWO'#EpO#$}QWO'#JzO#%VQWO,5;ZO#%[Q`O'#DjO#%iQ`O'#EUOOQ07b,5:n,5:nO%[Q^O,5:nO#%pQWO,5:nO>pQWO,5;UO!@}Q`O,5;UO!AVQ7[O,5;UO:RQ7[O,5;UO#%xQWO,5@XO#%}Q$ISO,5:rOOQO-E<`-E<`O#'TQ07pO,5:}OCnQ`O,5:qO#'_Q`O,5:qOCnQ`O,5:}O!@rQ07hO,5:qOOQ07`'#Ef'#EfOOQO,5:},5:}O%[Q^O,5:}O#'lQ07hO,5:}O#'wQ07hO,5:}O!@}Q`O,5:qOOQO,5;T,5;TO#(VQ07hO,5:}POOO'#IV'#IVP#(kO!0LbO,58{POOO,58{,58{OOOO-E<V-E<VOOQ07b1G.o1G.oOOOO-E<W-E<WO#(vQpO,59zOOOO-E<Y-E<YOOQ07b1G/d1G/dO#({QrO,5>wO+}Q^O,5>wOOQO,5>},5>}O#)VQ^O'#I]OOQO-E<Z-E<ZO#)dQWO,5@VO#)lQrO,5@VO#)sQWO,5@dOOQ07b1G/j1G/jO%[Q^O,5@eO#){QWO'#IcOOQO-E<a-E<aO#)sQWO,5@dOOQ07`1G0t1G0tOOQ07f1G/u1G/uOOQ07f1G0X1G0XO%[Q^O,5@bO#*aQ07hO,5@bO#*rQ07hO,5@bO#*yQWO,5@aO9ZQWO,5@aO#+RQWO,5@aO#+aQWO'#IfO#*yQWO,5@aOOQ07`1G0s1G0sO!*OQ`O,5:tO!*ZQ`O,5:tOOQO,5:v,5:vO#,RQWO,5:vO#,ZQ7[O1G2sO9aQWO1G2sOOQ07b1G0q1G0qO#,iQ08SO1G0qO#-nQ08QO,5;ROOQ07b'#GR'#GRO#.[Q08SO'#JdO!$aQ^O1G0qO#0dQ7[O'#JnO#0nQWO,5:_O#0sQrO'#JoO%[Q^O'#JoO#0}QWO,5:dOOQ07b'#D['#D[OOQ07b1G0z1G0zO%[Q^O1G0zOOQ07b1G1d1G1dO#1SQWO1G0zO#3kQ08SO1G0{O#3rQ08SO1G0{O#6]Q08SO1G0{O#6dQ08SO1G0{O#8nQ08SO1G0{O#9UQ08SO1G0{O#<OQ08SO1G0{O#<VQ08SO1G0{O#>pQ08SO1G0{O#>wQ08SO1G0{O#@oQ08SO1G0{O#CoQ(CYO'#ChO#EmQ(CYO1G1^O#EtQ(CYO'#JjO!,lQWO1G1dO#FUQ08SO,5?TOOQ07`-E<g-E<gO#FxQ08SO1G0{OOQ07b1G0{1G0{O#ITQ08SO1G1aO#IwQ&jO,5<TO#JPQ&jO,5<UO#JXQ&jO'#FlO#JpQWO'#FkOOQO'#KO'#KOOOQO'#Ig'#IgO#JuQ&jO1G1kOOQ07b1G1k1G1kOOOS1G1v1G1vO#KWQ(CYO'#JiO#KbQWO,5<_O!*fQ^O,5<_OOOS-E<f-E<fOOQ07b1G1i1G1iO#KgQ`O'#J}OOQ07b,5<a,5<aO#KoQ`O,5<aOOQ07b,59e,59eO!&dQ7[O'#DPOOOO'#IZ'#IZO#KtO?MpO,59iOOQ07b,59i,59iO%[Q^O1G1|O!6[QWO'#IkO#LPQ7[O,5<uOOQ07b,5<r,5<rO!(SQ7[O'#InO#LoQ7[O,5=RO!(SQ7[O'#IpO#MbQ7[O,5=TO!&dQ7[O,5=VOOQO1G2O1G2OO#MlQpO'#CqO#NPQpO,5<nO#NWQWO'#KRO9aQWO'#KRO#NfQWO,5<pO!(SQ7[O,5<oO#NkQWO'#GUO#NvQWO,5<oO#N{QpO'#GRO$ YQpO'#KSO$ dQWO'#KSO!&dQ7[O'#KSO$ iQWO,5<sO$ nQ`O'#G^O!4eQ`O'#G^O$!PQWO'#G`O$!UQWO'#GbO!3fQWO'#GeO$!ZQ07hO'#ImO$!fQ`O,5<wOOQ07f,5<w,5<wO$!mQ`O'#G^O$!{Q`O'#G_O$#TQ`O'#G_O$#YQ7[O,5=RO$#jQ7[O,5=TOOQ07b,5=W,5=WO!(SQ7[O,5?}O!(SQ7[O,5?}O$#zQWO'#IrO$$VQWO,5?|O$$_QWO,59`O$%OQ7[O,59qOOQ07b,59q,59qO$%qQ7[O,5<fO$&dQ7[O,5<hO@bQWO,5<jOOQ07b,5<k,5<kO$&nQWO,5<qO$&sQ7[O,5<vO$'TQWO'#JuO!$aQ^O1G1}O$'YQWO1G1}O9ZQWO'#JxO9ZQWO'#EpO%[Q^O'#EpO9ZQWO'#ItO$'_Q07hO,5@rOOQU1G2w1G2wOOQU1G4X1G4XOOQ07b1G/w1G/wO!,iQWO1G/wO$)dQ08SO1G0TOOQU1G2s1G2sO!&dQ7[O1G2sO%[Q^O1G2sO#,^QWO1G2sO$+hQ7[O'#EgOOQ07`,5?{,5?{O$+rQ07hO,5?{OOQU1G.t1G.tO!@rQ07hO1G.tO!@}Q`O1G.tO!AVQ7[O1G.tO$,TQWO1G0qO$,YQWO'#ChO$,eQWO'#K[O$,mQWO,5=uO$,rQWO'#K[O$,wQWO'#K[O$-VQWO'#IzO$-eQWO,5@uO$-mQrO1G1fOOQ07b1G1h1G1hO9aQWO1G3`O@bQWO1G3`O$-tQWO1G3`O$-yQWO1G3`OOQU1G3`1G3`O!CTQWO1G3OO!&dQ7[O1G2{O$.OQWO1G2{OOQU1G2|1G2|O!&dQ7[O1G2|O$.TQWO1G2|O$.]Q`O'#GzOOQU1G3O1G3OO!4eQ`O'#IvO!CYQpO1G3ROOQU1G3R1G3ROOQU,5=l,5=lO$.eQ7[O,5=nO9aQWO,5=nO$!UQWO,5=pO9UQWO,5=pO!@}Q`O,5=pO!AVQ7[O,5=pO:RQ7[O,5=pO$.sQWO'#KYO$/OQWO,5=qOOQU1G.j1G.jO$/TQ07hO1G.jO@bQWO1G.jO$/`QWO1G.jO9kQ07hO1G.jO$1eQrO,5@wO$1uQWO,5@wO9ZQWO,5@wO$2QQ^O,5=xO$2XQWO,5=xOOQU1G3b1G3bO`Q^O1G3bOOQU1G3h1G3hOOQU1G3j1G3jO>kQWO1G3lO$2^Q^O1G3nO$6bQ^O'#HmOOQU1G3q1G3qO$6oQWO'#HsO>pQWO'#HuOOQU1G3w1G3wO$6wQ^O1G3wO9kQ07hO1G3}OOQU1G4P1G4POOQ07`'#GY'#GYO9kQ07hO1G4RO9kQ07hO1G4TO$;OQWO,5@XO!*fQ^O,5;[O9ZQWO,5;[O>pQWO,5:UO!*fQ^O,5:UO!@}Q`O,5:UO$;TQ(CYO,5:UOOQO,5;[,5;[O$;_Q`O'#I^O$;uQWO,5@WOOQ07b1G/o1G/oO$;}Q`O'#IdO$<XQWO,5@fOOQ07`1G0u1G0uO# xQ`O,5:UOOQO'#Ia'#IaO$<aQ`O,5:pOOQ07f,5:p,5:pO#%sQWO1G0YOOQ07b1G0Y1G0YO%[Q^O1G0YOOQ07b1G0p1G0pO>pQWO1G0pO!@}Q`O1G0pO!AVQ7[O1G0pOOQ07`1G5s1G5sO!@rQ07hO1G0]OOQO1G0i1G0iO%[Q^O1G0iO$<hQ07hO1G0iO$<sQ07hO1G0iO!@}Q`O1G0]OCnQ`O1G0]O$=RQ07hO1G0iOOQO1G0]1G0]O$=gQ08SO1G0iPOOO-E<T-E<TPOOO1G.g1G.gOOOO1G/f1G/fO$=qQpO,5<eO$=yQrO1G4cOOQO1G4i1G4iO%[Q^O,5>wO$>TQWO1G5qO$>]QWO1G6OO$>eQrO1G6PO9ZQWO,5>}O$>oQ08SO1G5|O%[Q^O1G5|O$?PQ07hO1G5|O$?bQWO1G5{O$?bQWO1G5{O9ZQWO1G5{O$?jQWO,5?QO9ZQWO,5?QOOQO,5?Q,5?QO$@OQWO,5?QO$'TQWO,5?QOOQO-E<d-E<dOOQO1G0`1G0`OOQO1G0b1G0bO!,lQWO1G0bOOQU7+(_7+(_O!&dQ7[O7+(_O%[Q^O7+(_O$@^QWO7+(_O$@iQ7[O7+(_O$@wQ08SO,5=RO$CSQ08SO,5=TO$E_Q08SO,5=RO$GpQ08SO,5=TO$JRQ08SO,59qO$LZQ08SO,5<fO$NfQ08SO,5<hO%!qQ08SO,5<vOOQ07b7+&]7+&]O%%SQ08SO7+&]O%%vQ7[O'#I_O%&QQWO,5@YOOQ07b1G/y1G/yO%&YQ^O'#I`O%&gQWO,5@ZO%&oQrO,5@ZOOQ07b1G0O1G0OO%&yQWO7+&fOOQ07b7+&f7+&fO%'OQ(CYO,5:eO%[Q^O7+&xO%'YQ(CYO,5:]O%'gQ(CYO,5:iO%'qQ(CYO,5:kOOQ07b7+'O7+'OOOQO1G1o1G1oOOQO1G1p1G1pO%'{QtO,5<WO!*fQ^O,5<VOOQO-E<e-E<eOOQ07b7+'V7+'VOOOS7+'b7+'bOOOS1G1y1G1yO%(WQWO1G1yOOQ07b1G1{1G1{O%(]QpO,59kOOOO-E<X-E<XOOQ07b1G/T1G/TO%(dQ08SO7+'hOOQ07b,5?V,5?VO%)WQpO,5?VOOQ07b1G2a1G2aP!&dQ7[O'#IkPOQ07b-E<i-E<iO%)vQ7[O,5?YOOQ07b-E<l-E<lO%*iQ7[O,5?[OOQ07b-E<n-E<nO%*sQpO1G2qOOQ07b1G2Y1G2YO%*zQWO'#IjO%+YQWO,5@mO%+YQWO,5@mO%+bQWO,5@mO%+mQWO,5@mOOQO1G2[1G2[O%+{Q7[O1G2ZO!(SQ7[O1G2ZO%,]Q!LQO'#IlO%,mQWO,5@nO!&dQ7[O,5@nO%,uQpO,5@nOOQ07b1G2_1G2_OOQ07`,5<x,5<xOOQ07`,5<y,5<yO$'TQWO,5<yOC_QWO,5<yO!@}Q`O,5<xOOQO'#Ga'#GaO%-PQWO,5<zOOQ07`,5<|,5<|O$'TQWO,5=POOQO,5?X,5?XOOQO-E<k-E<kOOQ07f1G2c1G2cO!4eQ`O,5<xO%-XQWO,5<yO$!PQWO,5<zO!4eQ`O,5<yO!(SQ7[O'#InO%-{Q7[O1G2mO!(SQ7[O'#IpO%.nQ7[O1G2oO%.xQ7[O1G5iO%/SQ7[O1G5iOOQO,5?^,5?^OOQO-E<p-E<pOOQO1G.z1G.zO!7{Q`O,59sO%[Q^O,59sO%/aQWO1G2UO!(SQ7[O1G2]O%/fQ08SO7+'iOOQ07b7+'i7+'iO!$aQ^O7+'iO%0YQWO,5;[OOQ07`,5?`,5?`OOQ07`-E<r-E<rOOQ07b7+%c7+%cO%0_QpO'#KTO#%sQWO7+(_O%0iQrO7+(_O$@aQWO7+(_O%0pQ08QO'#ChO%1TQ08QO,5<}O%1uQWO,5<}OOQ07`1G5g1G5gOOQU7+$`7+$`O!@rQ07hO7+$`O!@}Q`O7+$`O!$aQ^O7+&]O%1zQWO'#IyO%2cQWO,5@vOOQO1G3a1G3aO9aQWO,5@vO%2cQWO,5@vO%2kQWO,5@vOOQO,5?f,5?fOOQO-E<x-E<xOOQ07b7+'Q7+'QO%2pQWO7+(zO9kQ07hO7+(zO9aQWO7+(zO@bQWO7+(zOOQU7+(j7+(jO%2uQ08QO7+(gO!&dQ7[O7+(gO%3PQpO7+(hOOQU7+(h7+(hO!&dQ7[O7+(hO%3WQWO'#KXO%3cQWO,5=fOOQO,5?b,5?bOOQO-E<t-E<tOOQU7+(m7+(mO%4rQ`O'#HTOOQU1G3Y1G3YO!&dQ7[O1G3YO%[Q^O1G3YO%4yQWO1G3YO%5UQ7[O1G3YO9kQ07hO1G3[O$!UQWO1G3[O9UQWO1G3[O!@}Q`O1G3[O!AVQ7[O1G3[O%5dQWO'#IxO%5xQWO,5@tO%6QQ`O,5@tOOQ07`1G3]1G3]OOQU7+$U7+$UO@bQWO7+$UO9kQ07hO7+$UO%6]QWO7+$UO%[Q^O1G6cO%[Q^O1G6dO%6bQ07hO1G6cO%6lQ^O1G3dO%6sQWO1G3dO%6xQ^O1G3dOOQU7+(|7+(|O9kQ07hO7+)WO`Q^O7+)YOOQU'#K_'#K_OOQU'#I{'#I{O%7PQ^O,5>XOOQU,5>X,5>XO%[Q^O'#HnO%7^QWO'#HpOOQU,5>_,5>_O9ZQWO,5>_OOQU,5>a,5>aOOQU7+)c7+)cOOQU7+)i7+)iOOQU7+)m7+)mOOQU7+)o7+)oO%7cQ`O1G5sO%7wQ(CYO1G0vO%8RQWO1G0vOOQO1G/p1G/pO%8^Q(CYO1G/pO>pQWO1G/pO!*fQ^O'#DjOOQO,5>x,5>xOOQO-E<[-E<[OOQO,5?O,5?OOOQO-E<b-E<bO!@}Q`O1G/pOOQO-E<_-E<_OOQ07f1G0[1G0[OOQ07b7+%t7+%tO#%sQWO7+%tOOQ07b7+&[7+&[O>pQWO7+&[O!@}Q`O7+&[OOQO7+%w7+%wO$=gQ08SO7+&TOOQO7+&T7+&TO%[Q^O7+&TO%8hQ07hO7+&TO!@rQ07hO7+%wO!@}Q`O7+%wO%8sQ07hO7+&TO%9RQ08SO7++hO%[Q^O7++hO%9cQWO7++gO%9cQWO7++gOOQO1G4l1G4lO9ZQWO1G4lO%9kQWO1G4lOOQO7+%|7+%|O#%sQWO<<KyO%0iQrO<<KyO%9yQWO<<KyOOQU<<Ky<<KyO!&dQ7[O<<KyO%[Q^O<<KyO%:RQWO<<KyO%:^Q08SO,5?YO%<iQ08SO,5?[O%>tQ08SO1G2ZO%AVQ08SO1G2mO%CbQ08SO1G2oO%EmQ7[O,5>yOOQO-E<]-E<]O%EwQrO,5>zO%[Q^O,5>zOOQO-E<^-E<^O%FRQWO1G5uOOQ07b<<JQ<<JQO%FZQ(CYO1G0qO%HeQ(CYO1G0{O%HlQ(CYO1G0{O%JpQ(CYO1G0{O%JwQ(CYO1G0{O%LlQ(CYO1G0{O%MSQ(CYO1G0{O& gQ(CYO1G0{O& nQ(CYO1G0{O&#rQ(CYO1G0{O&#yQ(CYO1G0{O&%qQ(CYO1G0{O&&UQ08SO<<JdO&'ZQ(CYO1G0{O&)PQ(CYO'#JdO&+SQ(CYO1G1aO&+aQ(CYO1G0TO!*fQ^O'#FnOOQO'#KP'#KPOOQO1G1r1G1rO&+kQWO1G1qO&+pQ(CYO,5?TOOOS7+'e7+'eOOOO1G/V1G/VOOQ07b1G4q1G4qO!(SQ7[O7+(]O&+zQWO,5?UO9aQWO,5?UOOQO-E<h-E<hO&,YQWO1G6XO&,YQWO1G6XO&,bQWO1G6XO&,mQ7[O7+'uO&,}QpO,5?WO&-XQWO,5?WO!&dQ7[O,5?WOOQO-E<j-E<jO&-^QpO1G6YO&-hQWO1G6YOOQ07`1G2e1G2eO$'TQWO1G2eOOQ07`1G2d1G2dO&-pQWO1G2fO!&dQ7[O1G2fOOQ07`1G2k1G2kO!@}Q`O1G2dOC_QWO1G2eO&-uQWO1G2fO&-}QWO1G2eO&.qQ7[O,5?YOOQ07b-E<m-E<mO&/dQ7[O,5?[OOQ07b-E<o-E<oO!(SQ7[O7++TOOQ07b1G/_1G/_O&/nQWO1G/_OOQ07b7+'p7+'pO&/sQ7[O7+'wO&0TQ08SO<<KTOOQ07b<<KT<<KTO&0wQWO1G0vO!&dQ7[O'#IsO&0|QWO,5@oO!&dQ7[O1G2iOOQU<<Gz<<GzO!@rQ07hO<<GzO&1UQ08SO<<IwOOQ07b<<Iw<<IwOOQO,5?e,5?eO&1xQWO,5?eO&1}QWO,5?eOOQO-E<w-E<wO&2]QWO1G6bO&2]QWO1G6bO9aQWO1G6bO@bQWO<<LfOOQU<<Lf<<LfO&2eQWO<<LfO9kQ07hO<<LfOOQU<<LR<<LRO%2uQ08QO<<LROOQU<<LS<<LSO%3PQpO<<LSO&2jQ`O'#IuO&2uQWO,5@sO!*fQ^O,5@sOOQU1G3Q1G3QO&2}Q^O'#JmOOQO'#Iw'#IwO9kQ07hO'#IwO&3XQ`O,5=oOOQU,5=o,5=oO&3`Q`O'#EcO&3tQWO7+(tO&3yQWO7+(tOOQU7+(t7+(tO!&dQ7[O7+(tO%[Q^O7+(tO&4RQWO7+(tOOQU7+(v7+(vO9kQ07hO7+(vO$!UQWO7+(vO9UQWO7+(vO!@}Q`O7+(vO&4^QWO,5?dOOQO-E<v-E<vOOQO'#HW'#HWO&4iQWO1G6`O9kQ07hO<<GpOOQU<<Gp<<GpO@bQWO<<GpO&4qQWO7++}O&4vQWO7+,OO%[Q^O7++}O%[Q^O7+,OOOQU7+)O7+)OO&4{QWO7+)OO&5QQ^O7+)OO&5XQWO7+)OOOQU<<Lr<<LrOOQU<<Lt<<LtOOQU-E<y-E<yOOQU1G3s1G3sO&5^QWO,5>YOOQU,5>[,5>[O&5cQWO1G3yO9ZQWO7+&bO!*fQ^O7+&bOOQO7+%[7+%[O&5hQ(CYO1G6PO>pQWO7+%[OOQ07b<<I`<<I`OOQ07b<<Iv<<IvO>pQWO<<IvOOQO<<Io<<IoO$=gQ08SO<<IoO%[Q^O<<IoOOQO<<Ic<<IcO!@rQ07hO<<IcO&5rQ07hO<<IoO&5}Q08SO<= SO&6_QWO<= ROOQO7+*W7+*WO9ZQWO7+*WOOQUANAeANAeO&6gQWOANAeO!&dQ7[OANAeO#%sQWOANAeO%0iQrOANAeO%[Q^OANAeO&6oQ08SO7+'uO&9QQ08SO,5?YO&;]Q08SO,5?[O&=hQ08SO7+'wO&?yQrO1G4fO&@TQ(CYO7+&]O&BXQ(CYO,5=RO&D`Q(CYO,5=TO&DpQ(CYO,5=RO&EQQ(CYO,5=TO&EbQ(CYO,59qO&GeQ(CYO,5<fO&IhQ(CYO,5<hO&KkQ(CYO,5<vO&MaQ(CYO7+'hO&MnQ(CYO7+'iO&M{QWO,5<YOOQO7+']7+']O&NQQ7[O<<KwOOQO1G4p1G4pO&NXQWO1G4pO&NdQWO1G4pO&NrQWO7++sO&NrQWO7++sO!&dQ7[O1G4rO&NzQpO1G4rO' UQWO7++tOOQ07`7+(P7+(PO$'TQWO7+(QO' ^QpO7+(QOOQ07`7+(O7+(OO$'TQWO7+(PO' eQWO7+(QO!&dQ7[O7+(QOC_QWO7+(PO' jQ7[O<<NoOOQ07b7+$y7+$yO' tQpO,5?_OOQO-E<q-E<qO'!OQ08QO7+(TOOQUAN=fAN=fO9aQWO1G5POOQO1G5P1G5PO'!`QWO1G5PO'!eQWO7++|O'!eQWO7++|O9kQ07hOANBQO@bQWOANBQOOQUANBQANBQOOQUANAmANAmOOQUANAnANAnO'!mQWO,5?aOOQO-E<s-E<sO'!xQ(CYO1G6_O'%YQrO'#ChOOQO,5?c,5?cOOQO-E<u-E<uOOQU1G3Z1G3ZO&2}Q^O,5<zOOQU<<L`<<L`O!&dQ7[O<<L`O&3tQWO<<L`O'%dQWO<<L`O%[Q^O<<L`OOQU<<Lb<<LbO9kQ07hO<<LbO$!UQWO<<LbO9UQWO<<LbO'%lQ`O1G5OO'%wQWO7++zOOQUAN=[AN=[O9kQ07hOAN=[OOQU<= i<= iOOQU<= j<= jO'&PQWO<= iO'&UQWO<= jOOQU<<Lj<<LjO'&ZQWO<<LjO'&`Q^O<<LjOOQU1G3t1G3tO>pQWO7+)eO'&gQWO<<I|O'&rQ(CYO<<I|OOQO<<Hv<<HvOOQ07bAN?bAN?bOOQOAN?ZAN?ZO$=gQ08SOAN?ZOOQOAN>}AN>}O%[Q^OAN?ZOOQO<<Mr<<MrOOQUG27PG27PO!&dQ7[OG27PO#%sQWOG27PO'&|QWOG27PO%0iQrOG27PO''UQ(CYO<<JdO''cQ(CYO1G2ZO')XQ(CYO,5?YO'+[Q(CYO,5?[O'-_Q(CYO1G2mO'/bQ(CYO1G2oO'1eQ(CYO<<KTO'1rQ(CYO<<IwOOQO1G1t1G1tO!(SQ7[OANAcOOQO7+*[7+*[O'2PQWO7+*[O'2[QWO<= _O'2dQpO7+*^OOQ07`<<Kl<<KlO$'TQWO<<KlOOQ07`<<Kk<<KkO'2nQpO<<KlO$'TQWO<<KkOOQO7+*k7+*kO9aQWO7+*kO'2uQWO<= hOOQUG27lG27lO9kQ07hOG27lO!*fQ^O1G4{O'2}QWO7++yO&3tQWOANAzOOQUANAzANAzO!&dQ7[OANAzO'3VQWOANAzOOQUANA|ANA|O9kQ07hOANA|O$!UQWOANA|OOQO'#HX'#HXOOQO7+*j7+*jOOQUG22vG22vOOQUANETANETOOQUANEUANEUOOQUANBUANBUO'3_QWOANBUOOQU<<MP<<MPO!*fQ^OAN?hOOQOG24uG24uO$=gQ08SOG24uO#%sQWOLD,kOOQULD,kLD,kO!&dQ7[OLD,kO'3dQWOLD,kO'3lQ(CYO7+'uO'5bQ(CYO,5?YO'7eQ(CYO,5?[O'9hQ(CYO7+'wO';^Q7[OG26}OOQO<<Mv<<MvOOQ07`ANAWANAWO$'TQWOANAWOOQ07`ANAVANAVOOQO<<NV<<NVOOQULD-WLD-WO';nQ(CYO7+*gOOQUG27fG27fO&3tQWOG27fO!&dQ7[OG27fOOQUG27hG27hO9kQ07hOG27hOOQUG27pG27pO';xQ(CYOG25SOOQOLD*aLD*aOOQU!$(!V!$(!VO#%sQWO!$(!VO!&dQ7[O!$(!VO'<SQ08SOG26}OOQ07`G26rG26rOOQULD-QLD-QO&3tQWOLD-QOOQULD-SLD-SOOQU!)9Eq!)9EqO#%sQWO!)9EqOOQU!$(!l!$(!lOOQU!.K;]!.K;]O'>eQ(CYOG26}O!*fQ^O'#DyO1PQWO'#EWO'@ZQrO'#JiO!*fQ^O'#DqO'@bQ^O'#D}O'@iQrO'#ChO'CPQrO'#ChO!*fQ^O'#EPO'CaQ^O,5;VO!*fQ^O,5;aO!*fQ^O,5;aO!*fQ^O,5;aO!*fQ^O,5;aO!*fQ^O,5;aO!*fQ^O,5;aO!*fQ^O,5;aO!*fQ^O,5;aO!*fQ^O,5;aO!*fQ^O,5;aO!*fQ^O,5;aO!*fQ^O'#IiO'EdQWO,5<eO'ElQ7[O,5;aO'GVQ7[O,5;aO!*fQ^O,5;uO!&dQ7[O'#GgO'ElQ7[O'#GgO!&dQ7[O'#GiO'ElQ7[O'#GiO1SQWO'#DVO1SQWO'#DVO!&dQ7[O'#FzO'ElQ7[O'#FzO!&dQ7[O'#F|O'ElQ7[O'#F|O!&dQ7[O'#G[O'ElQ7[O'#G[O!*fQ^O,5:iO!*fQ^O,5@eO'CaQ^O1G0qO'G^Q(CYO'#ChO!*fQ^O1G1|O!&dQ7[O'#InO'ElQ7[O'#InO!&dQ7[O'#IpO'ElQ7[O'#IpO!&dQ7[O,5<oO'ElQ7[O,5<oO'CaQ^O1G1}O!*fQ^O7+&xO!&dQ7[O1G2ZO'ElQ7[O1G2ZO!&dQ7[O'#InO'ElQ7[O'#InO!&dQ7[O'#IpO'ElQ7[O'#IpO!&dQ7[O1G2]O'ElQ7[O1G2]O'CaQ^O7+'iO'CaQ^O7+&]O!&dQ7[OANAcO'ElQ7[OANAcO'GhQWO'#EkO'GmQWO'#EkO'GuQWO'#FZO'GzQWO'#EuO'HPQWO'#JyO'H[QWO'#JwO'HgQWO,5;VO'HlQ7[O,5<bO'HsQWO'#GTO'HxQWO'#GTO'H}QWO,5<cO'IVQWO,5;VO'I_Q(CYO1G1^O'IfQWO,5<oO'IkQWO,5<oO'IpQWO,5<qO'IuQWO,5<qO'IzQWO1G1}O'JPQWO1G0qO'JUQ7[O<<KwO'J]Q7[O<<KwO7hQ7[O'#FxO9UQWO'#FwOA]QWO'#EjO!*fQ^O,5;rO!3fQWO'#GTO!3fQWO'#GTO!3fQWO'#GVO!3fQWO'#GVO!(SQ7[O7+(]O!(SQ7[O7+(]O%*sQpO1G2qO%*sQpO1G2qO!&dQ7[O,5=VO!&dQ7[O,5=V",stateData:"'Ka~O'tOS'uOSSOS'vRQ~OPYOQYORfOX!VO`qOczOdyOlkOnYOokOpkOvkOxYOzYO!PWO!TkO!UkO![XO!fuO!kZO!nYO!oYO!pYO!rvO!twO!wxO!{]O#s!PO$T|O%b}O%d!QO%f!OO%g!OO%h!OO%k!RO%m!SO%p!TO%q!TO%s!UO&P!WO&V!XO&X!YO&Z!ZO&]![O&`!]O&f!^O&l!_O&n!`O&p!aO&r!bO&t!cO'{SO'}TO(QUO(XVO(g[O(tiO~OVtO~P`OPYOQYORfOc!jOd!iOlkOnYOokOpkOvkOxYOzYO!PWO!TkO!UkO![!eO!fuO!kZO!nYO!oYO!pYO!rvO!t!gO!w!hO$T!kO'{!dO'}TO(QUO(XVO(g[O(tiO~O`!vOo!nO!P!oO!_!xO!`!uO!a!uO!{:dO#P!pO#Q!pO#R!wO#S!pO#T!pO#W!yO#X!yO'|!lO'}TO(QUO([!mO(g!sO~O'v!zO~OP[XZ[X`[Xn[X|[X}[X!P[X!Y[X!h[X!i[X!k[X!o[X#[[X#geX#j[X#k[X#l[X#m[X#n[X#o[X#p[X#q[X#r[X#t[X#v[X#x[X#y[X$O[X'r[X(X[X(h[X(o[X(p[X~O!d$|X~P(qO^!|O'}#OO(O!|O(P#OO~O^#PO(P#OO(Q#OO(R#PO~Ot#RO!R#SO(Y#SO(Z#UO~OPYOQYORfOc!jOd!iOlkOnYOokOpkOvkOxYOzYO!PWO!TkO!UkO![!eO!fuO!kZO!nYO!oYO!pYO!rvO!t!gO!w!hO$T!kO'{:hO'}TO(QUO(XVO(g[O(tiO~O!X#YO!Y#VO!V(_P!V(lP~P+}O!Z#bO~P`OPYOQYORfOc!jOd!iOnYOokOpkOvkOxYOzYO!PWO!TkO!UkO![!eO!fuO!kZO!nYO!oYO!pYO!rvO!t!gO!w!hO$T!kO'}TO(QUO(XVO(g[O(tiO~Ol#lO!X#hO!{]O#e#kO#f#hO'{:iO!j(iP~P.iO!k#nO'{#mO~O!w#rO!{]O%b#sO~O#g#tO~O!d#uO#g#tO~OP$]OZ$dOn$QO|#yO}#zO!P#{O!Y$aO!h$SO!i#wO!k#xO!o$]O#j$OO#k$PO#l$PO#m$PO#n$RO#o$SO#p$SO#q$cO#r$SO#t$TO#v$VO#x$XO#y$YO(XVO(h$ZO(o#|O(p#}O~O`(]X'r(]X'p(]X!j(]X!V(]X![(]X%c(]X!d(]X~P1qO#[$eO$O$eOP(^XZ(^Xn(^X|(^X}(^X!P(^X!Y(^X!h(^X!k(^X!o(^X#j(^X#k(^X#l(^X#m(^X#n(^X#o(^X#p(^X#q(^X#r(^X#t(^X#v(^X#x(^X#y(^X(X(^X(h(^X(o(^X(p(^X![(^X%c(^X~O`(^X!i(^X'r(^X'p(^X!V(^X!j(^Xr(^X!d(^X~P4XO#[$eO~O$Y$gO$[$fO$c$lO~ORfO![$mO$f$nO$h$pO~Og%VOl%WOn$tOo$sOp$sOv%XOx%YOz%ZO!P${O![$|O!f%`O!k$xO#f%aO$T%^O$o%[O$q%]O$t%_O'{$rO'}TO(QUO(X$uO(o$}O(p%POf(UP~O!k%bO~O!P%eO![%fO'{%dO~O!d%jO~O`%kO'r%kO~O'|!lO~P%[O%h%rO~P%[Og%VO!k%bO'{%dO'|!lO~Od%yO!k%bO'{%dO~O#r$SO~O|&OO![%{O!k%}O%d&RO'{%dO'|!lO'}TO(QUO_(}P~O!w#rO~O%m&TO!P(yX![(yX'{(yX~O'{&UO~O!t&ZO#s!PO%d!QO%f!OO%g!OO%h!OO%k!RO%m!SO%p!TO%q!TO~Oc&`Od&_O!w&]O%b&^O%u&[O~P;xOc&cOdyO![&bO!t&ZO!wxO!{]O#s!PO%b}O%f!OO%g!OO%h!OO%k!RO%m!SO%p!TO%q!TO%s!UO~Oa&fO#[&iO%d&dO'|!lO~P<}O!k&jO!t&nO~O!k#nO~O![XO~O`%kO'q&vO'r%kO~O`%kO'q&yO'r%kO~O`%kO'q&{O'r%kO~O'p[X!V[Xr[X!j[X&T[X![[X%c[X!d[X~P(qO!_'YO!`'RO!a'RO'|!lO'}TO(QUO~Oo'PO!P'OO!X'SO([&}O!Z(`P!Z(nP~P@UOj']O!['ZO'{%dO~Od'bO!k%bO'{%dO~O|&OO!k%}O~Oo!nO!P!oO!{:dO#P!pO#Q!pO#S!pO#T!pO'|!lO'}TO(QUO([!mO(g!sO~O!_'hO!`'gO!a'gO#R!pO#W'iO#X'iO~PApO`%kOg%VO!d#uO!k%bO'r%kO(h'kO~O!o'oO#['mO~PCOOo!nO!P!oO'}TO(QUO([!mO(g!sO~O![XOo(eX!P(eX!_(eX!`(eX!a(eX!{(eX#P(eX#Q(eX#R(eX#S(eX#T(eX#W(eX#X(eX'|(eX'}(eX(Q(eX([(eX(g(eX~O!`'gO!a'gO'|!lO~PCnO'w'sO'x'sO'y'uO~O^!|O'}'wO(O!|O(P'wO~O^#PO(P'wO(Q'wO(R#PO~Ot#RO!R#SO(Y#SO(Z'{O~O!X'}O!V'PX!V'VX!Y'PX!Y'VX~P+}O!Y(PO!V(_X~OP$]OZ$dOn$QO|#yO}#zO!P#{O!Y(PO!h$SO!i#wO!k#xO!o$]O#j$OO#k$PO#l$PO#m$PO#n$RO#o$SO#p$SO#q$cO#r$SO#t$TO#v$VO#x$XO#y$YO(XVO(h$ZO(o#|O(p#}O~O!V(_X~PGbO!V(UO~O!V(kX!Y(kX!d(kX!j(kX(h(kX~O#[(kX#g#`X!Z(kX~PIhO#[(VO!V(mX!Y(mX~O!Y(WO!V(lX~O!V(ZO~O#[$eO~PIhO!Z([O~P`O|#yO}#zO!P#{O!i#wO!k#xO(XVOP!maZ!man!ma!Y!ma!h!ma!o!ma#j!ma#k!ma#l!ma#m!ma#n!ma#o!ma#p!ma#q!ma#r!ma#t!ma#v!ma#x!ma#y!ma(h!ma(o!ma(p!ma~O`!ma'r!ma'p!ma!V!ma!j!mar!ma![!ma%c!ma!d!ma~PKOO!j(]O~O!d#uO#[(^O(h'kO!Y(jX`(jX'r(jX~O!j(jX~PMnO!P%eO![%fO!{]O#e(cO#f(bO'{%dO~O!Y(dO!j(iX~O!j(fO~O!P%eO![%fO#f(bO'{%dO~OP(^XZ(^Xn(^X|(^X}(^X!P(^X!Y(^X!h(^X!i(^X!k(^X!o(^X#j(^X#k(^X#l(^X#m(^X#n(^X#o(^X#p(^X#q(^X#r(^X#t(^X#v(^X#x(^X#y(^X(X(^X(h(^X(o(^X(p(^X~O!d#uO!j(^X~P! [O|(gO}(hO!i#wO!k#xO!{!za!P!za~O!w!za%b!za![!za#e!za#f!za'{!za~P!#`O!w(lO~OPYOQYORfOc!jOd!iOlkOnYOokOpkOvkOxYOzYO!PWO!TkO!UkO![XO!fuO!kZO!nYO!oYO!pYO!rvO!t!gO!w!hO$T!kO'{!dO'}TO(QUO(XVO(g[O(tiO~Og%VOl%WOn$tOo$sOp$sOv%XOx%YOz;QO!P${O![$|O!f<`O!k$xO#f;WO$T%^O$o;SO$q;UO$t%_O'{(pO'}TO(QUO(X$uO(o$}O(p%PO~O#g(rO~Og%VOl%WOn$tOo$sOp$sOv%XOx%YOz%ZO!P${O![$|O!f%`O!k$xO#f%aO$T%^O$o%[O$q%]O$t%_O'{(pO'}TO(QUO(X$uO(o$}O(p%PO~Of(bP~P!(SO!X(vO!j(cP~P%[O([(xO(g[O~O!P(zO!k#xO([(xO(g[O~OP:cOQ:cORfOc<[Od!iOlkOn:cOokOpkOvkOx:cOz:cO!PWO!TkO!UkO![!eO!f:fO!kZO!n:cO!o:cO!p:cO!r:gO!t:jO!w!hO$T!kO'{)YO'}TO(QUO(XVO(g[O(t<YO~O})]O!k#xO~O!Y$aO`$ma'r$ma'p$ma!j$ma!V$ma![$ma%c$ma!d$ma~O#s)aO~P!&dO|)dO!d)cO![$ZX$W$ZX$Y$ZX$[$ZX$c$ZX~O!d)cO![(qX$W(qX$Y(qX$[(qX$c(qX~O|)dO~P!.OO|)dO![(qX$W(qX$Y(qX$[(qX$c(qX~O![)fO$W)jO$Y)eO$[)eO$c)kO~O!X)nO~P!*fO$Y$gO$[$fO$c)rO~Oj$uX|$uX!P$uX!i$uX(o$uX(p$uX~OfiXf$uXjiX!YiX#[iX~P!/tOo)tO~Ot)uO(Y)vO(Z)xO~Oj*RO|)zO!P){O(o$}O(p%PO~Of)yO~P!0}Of*SO~Og%VOl%WOn$tOo$sOp$sOv%XOx%YOz;QO!P${O![$|O!f<`O!k$xO#f;WO$T%^O$o;SO$q;UO$t%_O'}TO(QUO(X$uO(o$}O(p%PO~O!X*WO'{*TO!j(uP~P!1lO#g*YO~O!k*ZO~O!X*`O'{*]O!V(vP~P!1lOn*lO!P*dO!_*jO!`*cO!a*cO!k*ZO#W*kO%Y*fO'|!lO([!mO~O!Z*iO~P!3xO!i#wOj(WX|(WX!P(WX(o(WX(p(WX!Y(WX#[(WX~Of(WX#|(WX~P!4qOj*qO#[*pOf(VX!Y(VX~O!Y*rOf(UX~O'{&UOf(UP~O!k*yO~O'{(pO~Ol*}O!P%eO!X#hO![%fO!{]O#e#kO#f#hO'{%dO!j(iP~O!d#uO#g+OO~O!P%eO!X+QO!Y(WO![%fO'{%dO!V(lP~Oo'VO!P+SO!X+RO'}TO(QUO([(xO~O!Z(nP~P!7lO!Y+TO`(zX'r(zX~OP$]OZ$dOn$QO|#yO}#zO!P#{O!h$SO!i#wO!k#xO!o$]O#j$OO#k$PO#l$PO#m$PO#n$RO#o$SO#p$SO#q$cO#r$SO#t$TO#v$VO#x$XO#y$YO(XVO(h$ZO(o#|O(p#}O~O`!ea!Y!ea'r!ea'p!ea!V!ea!j!ear!ea![!ea%c!ea!d!ea~P!8dO|#yO}#zO!P#{O!i#wO!k#xO(XVOP!qaZ!qan!qa!Y!qa!h!qa!o!qa#j!qa#k!qa#l!qa#m!qa#n!qa#o!qa#p!qa#q!qa#r!qa#t!qa#v!qa#x!qa#y!qa(h!qa(o!qa(p!qa~O`!qa'r!qa'p!qa!V!qa!j!qar!qa![!qa%c!qa!d!qa~P!:}O|#yO}#zO!P#{O!i#wO!k#xO(XVOP!saZ!san!sa!Y!sa!h!sa!o!sa#j!sa#k!sa#l!sa#m!sa#n!sa#o!sa#p!sa#q!sa#r!sa#t!sa#v!sa#x!sa#y!sa(h!sa(o!sa(p!sa~O`!sa'r!sa'p!sa!V!sa!j!sar!sa![!sa%c!sa!d!sa~P!=hOg%VOj+^O!['ZO%c+]O~O!d+`O`(TX![(TX'r(TX!Y(TX~O`%kO![XO'r%kO~Og%VO!k%bO~Og%VO!k%bO'{%dO~O!d#uO#g(rO~Oa+kO%d+lO'{+hO'}TO(QUO!Z)OP~O!Y+mO_(}X~OZ+qO~O_+rO~O![%{O'{%dO'|!lO_(}P~Og%VO#[+wO~Og%VOj+zO![$|O~O![+|O~O|,OO![XO~O%h%rO~O!w,TO~Od,YO~Oa,ZO'{#mO'}TO(QUO!Z(|P~Od%yO~O%d!QO'{&UO~P<}OZ,`O_,_O~OPYOQYORfOczOdyOlkOnYOokOpkOvkOxYOzYO!PWO!TkO!UkO!fuO!kZO!nYO!oYO!pYO!rvO!wxO!{]O%b}O'}TO(QUO(XVO(g[O(tiO~O![!eO!t!gO$T!kO'{!dO~P!DkO_,_O`%kO'r%kO~OPYOQYORfOc!jOd!iOlkOnYOokOpkOvkOxYOzYO!PWO!TkO!UkO![!eO!fuO!kZO!nYO!oYO!pYO!rvO!w!hO$T!kO'{!dO'}TO(QUO(XVO(g[O(tiO~O`,eO!twO#s!OO%f!OO%g!OO%h!OO~P!GTO!k&jO~O&V,kO~O![,mO~O&h,oO&j,pOP&eaQ&eaR&eaX&ea`&eac&ead&eal&ean&eao&eap&eav&eax&eaz&ea!P&ea!T&ea!U&ea![&ea!f&ea!k&ea!n&ea!o&ea!p&ea!r&ea!t&ea!w&ea!{&ea#s&ea$T&ea%b&ea%d&ea%f&ea%g&ea%h&ea%k&ea%m&ea%p&ea%q&ea%s&ea&P&ea&V&ea&X&ea&Z&ea&]&ea&`&ea&f&ea&l&ea&n&ea&p&ea&r&ea&t&ea'p&ea'{&ea'}&ea(Q&ea(X&ea(g&ea(t&ea!Z&ea&^&eaa&ea&c&ea~O'{,uO~Og!bX!Y!OX!Y!bX!Z!OX!Z!bX!d!OX!d!bX!k!bX#[!OX~O!d,zO#[,yOg(aX!Y#dX!Y(aX!Z#dX!Z(aX!d(aX!k(aX~Og%VO!d,|O!k%bO!Y!^X!Z!^X~Oo!nO!P!oO'}TO(QUO([!mO~OP:cOQ:cORfOc<[Od!iOlkOn:cOokOpkOvkOx:cOz:cO!PWO!TkO!UkO![!eO!f:fO!kZO!n:cO!o:cO!p:cO!r:gO!t:jO!w!hO$T!kO'}TO(QUO(XVO(g[O(t<YO~O'{;]O~P#!ZO!Y-QO!Z(`X~O!Z-SO~O!d,zO#[,yO!Y#dX!Z#dX~O!Y-TO!Z(nX~O!Z-VO~O!`-WO!a-WO'|!lO~P# xO!Z-ZO~P'_Oj-^O!['ZO~O!V-cO~Oo!za!_!za!`!za!a!za#P!za#Q!za#R!za#S!za#T!za#W!za#X!za'|!za'}!za(Q!za([!za(g!za~P!#`O!o-hO#[-fO~PCOO!`-jO!a-jO'|!lO~PCnO`%kO#[-fO'r%kO~O`%kO!d#uO#[-fO'r%kO~O`%kO!d#uO!o-hO#[-fO'r%kO(h'kO~O'w'sO'x'sO'y-oO~Or-pO~O!V'Pa!Y'Pa~P!8dO!X-tO!V'PX!Y'PX~P%[O!Y(PO!V(_a~O!V(_a~PGbO!Y(WO!V(la~O!P%eO!X-xO![%fO'{%dO!V'VX!Y'VX~O#[-zO!Y(ja!j(ja`(ja'r(ja~O!d#uO~P#*aO!Y(dO!j(ia~O!P%eO![%fO#f.OO'{%dO~Ol.TO!P%eO!X.QO![%fO!{]O#e.SO#f.QO'{%dO!Y'YX!j'YX~O}.XO!k#xO~Og%VOj.[O!['ZO%c.ZO~O`#_i!Y#_i'r#_i'p#_i!V#_i!j#_ir#_i![#_i%c#_i!d#_i~P!8dOj<fO|)zO!P){O(o$}O(p%PO~O#g#Za`#Za#[#Za'r#Za!Y#Za!j#Za![#Za!V#Za~P#-]O#g(WXP(WXZ(WX`(WXn(WX}(WX!h(WX!k(WX!o(WX#j(WX#k(WX#l(WX#m(WX#n(WX#o(WX#p(WX#q(WX#r(WX#t(WX#v(WX#x(WX#y(WX'r(WX(X(WX(h(WX!j(WX!V(WX'p(WXr(WX![(WX%c(WX!d(WX~P!4qO!Y.iOf(bX~P!0}Of.kO~O!Y.lO!j(cX~P!8dO!j.oO~O!V.qO~OP$]O|#yO}#zO!P#{O!i#wO!k#xO!o$]O(XVOZ#ii`#iin#ii!Y#ii!h#ii#k#ii#l#ii#m#ii#n#ii#o#ii#p#ii#q#ii#r#ii#t#ii#v#ii#x#ii#y#ii'r#ii(h#ii(o#ii(p#ii'p#ii!V#ii!j#iir#ii![#ii%c#ii!d#ii~O#j#ii~P#1XO#j$OO~P#1XOP$]O|#yO}#zO!P#{O!i#wO!k#xO!o$]O#j$OO#k$PO#l$PO#m$PO(XVOZ#ii`#ii!Y#ii!h#ii#n#ii#o#ii#p#ii#q#ii#r#ii#t#ii#v#ii#x#ii#y#ii'r#ii(h#ii(o#ii(p#ii'p#ii!V#ii!j#iir#ii![#ii%c#ii!d#ii~On#ii~P#3yOn$QO~P#3yOP$]On$QO|#yO}#zO!P#{O!i#wO!k#xO!o$]O#j$OO#k$PO#l$PO#m$PO#n$RO(XVO`#ii!Y#ii#t#ii#v#ii#x#ii#y#ii'r#ii(h#ii(o#ii(p#ii'p#ii!V#ii!j#iir#ii![#ii%c#ii!d#ii~OZ#ii!h#ii#o#ii#p#ii#q#ii#r#ii~P#6kOZ$dO!h$SO#o$SO#p$SO#q$cO#r$SO~P#6kOP$]OZ$dOn$QO|#yO}#zO!P#{O!h$SO!i#wO!k#xO!o$]O#j$OO#k$PO#l$PO#m$PO#n$RO#o$SO#p$SO#q$cO#r$SO#t$TO(XVO`#ii!Y#ii#v#ii#x#ii#y#ii'r#ii(h#ii(p#ii'p#ii!V#ii!j#iir#ii![#ii%c#ii!d#ii~O(o#ii~P#9lO(o#|O~P#9lOP$]OZ$dOn$QO|#yO}#zO!P#{O!h$SO!i#wO!k#xO!o$]O#j$OO#k$PO#l$PO#m$PO#n$RO#o$SO#p$SO#q$cO#r$SO#t$TO#v$VO(XVO(o#|O`#ii!Y#ii#x#ii#y#ii'r#ii(h#ii'p#ii!V#ii!j#iir#ii![#ii%c#ii!d#ii~O(p#ii~P#<^O(p#}O~P#<^OP$]OZ$dOn$QO|#yO}#zO!P#{O!h$SO!i#wO!k#xO!o$]O#j$OO#k$PO#l$PO#m$PO#n$RO#o$SO#p$SO#q$cO#r$SO#t$TO#v$VO#x$XO(XVO(o#|O(p#}O~O`#ii!Y#ii#y#ii'r#ii(h#ii'p#ii!V#ii!j#iir#ii![#ii%c#ii!d#ii~P#?OOP[XZ[Xn[X|[X}[X!P[X!h[X!i[X!k[X!o[X#[[X#geX#j[X#k[X#l[X#m[X#n[X#o[X#p[X#q[X#r[X#t[X#v[X#x[X#y[X$O[X(X[X(h[X(o[X(p[X!Y[X!Z[X~O#|[X~P#AiOP$]OZ:zOn:nO|#yO}#zO!P#{O!h:pO!i#wO!k#xO!o$]O#j:lO#k:mO#l:mO#m:mO#n:oO#o:pO#p:pO#q:yO#r:pO#t:qO#v:sO#x:uO#y:vO(XVO(h$ZO(o#|O(p#}O~O#|.sO~P#CvO#[:{O$O:{O#|(^X!Z(^X~P! [O`']a!Y']a'r']a'p']a!j']a!V']ar']a![']a%c']a!d']a~P!8dOP#iiZ#ii`#iin#ii}#ii!Y#ii!h#ii!i#ii!k#ii!o#ii#j#ii#k#ii#l#ii#m#ii#n#ii#o#ii#p#ii#q#ii#r#ii#t#ii#v#ii#x#ii#y#ii'r#ii(X#ii(h#ii'p#ii!V#ii!j#iir#ii![#ii%c#ii!d#ii~P#-]O`#}i!Y#}i'r#}i'p#}i!V#}i!j#}ir#}i![#}i%c#}i!d#}i~P!8dO$Y.xO$[.xO~O$Y.yO$[.yO~O!d)cO#[.zO![$`X$W$`X$Y$`X$[$`X$c$`X~O!X.{O~O![)fO$W.}O$Y)eO$[)eO$c/OO~O!Y:wO!Z(]X~P#CvO!Z/PO~O!d)cO$c(qX~O$c/RO~Ot)uO(Y)vO(Z/UO~O!V/YO~P!&dO(o$}Oj%Za|%Za!P%Za(p%Za!Y%Za#[%Za~Of%Za#|%Za~P#LWO(p%POj%]a|%]a!P%]a(o%]a!Y%]a#[%]a~Of%]a#|%]a~P#LyO!YeX!deX!jeX!j$uX(heX~P!/tO!j/bO~P#-]O!Y/cO!d#uO(h'kO!j(uX~O!j/hO~O!X*WO'{%dO!j(uP~O#g/jO~O!V$uX!Y$uX!d$|X~P!/tO!Y/kO!V(vX~P#-]O!d/mO~O!V/oO~Og%VOn/sO!d#uO!k%bO(h'kO~O'{/uO~O!d+`O~O`%kO!Y/yO'r%kO~O!Z/{O~P!3xO!`/|O!a/|O'|!lO([!mO~O!P0OO([!mO~O#W0PO~Of%Za!Y%Za#[%Za#|%Za~P!0}Of%]a!Y%]a#[%]a#|%]a~P!0}O'{&UOf'fX!Y'fX~O!Y*rOf(Ua~Of0YO~O|0ZO}0ZO!P0[Ojya(oya(pya!Yya#[ya~Ofya#|ya~P$$dO|)zO!P){Oj$na(o$na(p$na!Y$na#[$na~Of$na#|$na~P$%YO|)zO!P){Oj$pa(o$pa(p$pa!Y$pa#[$pa~Of$pa#|$pa~P$%{O#g0^O~Of%Oa!Y%Oa#[%Oa#|%Oa~P!0}O!d#uO~O#g0aO~O!Y+TO`(za'r(za~O|#yO}#zO!P#{O!i#wO!k#xO(XVOP!qiZ!qin!qi!Y!qi!h!qi!o!qi#j!qi#k!qi#l!qi#m!qi#n!qi#o!qi#p!qi#q!qi#r!qi#t!qi#v!qi#x!qi#y!qi(h!qi(o!qi(p!qi~O`!qi'r!qi'p!qi!V!qi!j!qir!qi![!qi%c!qi!d!qi~P$'jOg%VOn$tOo$sOp$sOv%XOx%YOz;QO!P${O![$|O!f<`O!k$xO#f;WO$T%^O$o;SO$q;UO$t%_O'}TO(QUO(X$uO(o$}O(p%PO~Ol0kO'{0jO~P$*TO!d+`O`(Ta![(Ta'r(Ta!Y(Ta~O#g0qO~OZ[X!YeX!ZeX~O!Y0rO!Z)OX~O!Z0tO~OZ0uO~Oa0wO'{+hO'}TO(QUO~O![%{O'{%dO_'nX!Y'nX~O!Y+mO_(}a~O!j0zO~P!8dOZ0}O~O_1OO~O#[1RO~Oj1UO![$|O~O([(xO!Z({P~Og%VOj1_O![1[O%c1^O~OZ1iO!Y1gO!Z(|X~O!Z1jO~O_1lO`%kO'r%kO~O'{#mO'}TO(QUO~O#[$eO$O$eOP(^XZ(^Xn(^X|(^X}(^X!P(^X!Y(^X!h(^X!k(^X!o(^X#j(^X#k(^X#l(^X#m(^X#n(^X#o(^X#p(^X#q(^X#t(^X#v(^X#x(^X#y(^X(X(^X(h(^X(o(^X(p(^X~O#r1oO&T1pO`(^X!i(^X~P$/kO#[$eO#r1oO&T1pO~O`1rO~P%[O`1tO~O&^1wOP&[iQ&[iR&[iX&[i`&[ic&[id&[il&[in&[io&[ip&[iv&[ix&[iz&[i!P&[i!T&[i!U&[i![&[i!f&[i!k&[i!n&[i!o&[i!p&[i!r&[i!t&[i!w&[i!{&[i#s&[i$T&[i%b&[i%d&[i%f&[i%g&[i%h&[i%k&[i%m&[i%p&[i%q&[i%s&[i&P&[i&V&[i&X&[i&Z&[i&]&[i&`&[i&f&[i&l&[i&n&[i&p&[i&r&[i&t&[i'p&[i'{&[i'}&[i(Q&[i(X&[i(g&[i(t&[i!Z&[ia&[i&c&[i~Oa1}O!Z1{O&c1|O~P`O![XO!k2PO~O&j,pOP&eiQ&eiR&eiX&ei`&eic&eid&eil&ein&eio&eip&eiv&eix&eiz&ei!P&ei!T&ei!U&ei![&ei!f&ei!k&ei!n&ei!o&ei!p&ei!r&ei!t&ei!w&ei!{&ei#s&ei$T&ei%b&ei%d&ei%f&ei%g&ei%h&ei%k&ei%m&ei%p&ei%q&ei%s&ei&P&ei&V&ei&X&ei&Z&ei&]&ei&`&ei&f&ei&l&ei&n&ei&p&ei&r&ei&t&ei'p&ei'{&ei'}&ei(Q&ei(X&ei(g&ei(t&ei!Z&ei&^&eia&ei&c&ei~O!V2VO~O!Y!^a!Z!^a~P#CvOo!nO!P!oO!X2]O([!mO!Y'QX!Z'QX~P@UO!Y-QO!Z(`a~O!Y'WX!Z'WX~P!7lO!Y-TO!Z(na~O!Z2dO~P'_O`%kO#[2mO'r%kO~O`%kO!d#uO#[2mO'r%kO~O`%kO!d#uO!o2qO#[2mO'r%kO(h'kO~O`%kO'r%kO~P!8dO!Y$aOr$ma~O!V'Pi!Y'Pi~P!8dO!Y(PO!V(_i~O!Y(WO!V(li~O!V(mi!Y(mi~P!8dO!Y(ji!j(ji`(ji'r(ji~P!8dO#[2sO!Y(ji!j(ji`(ji'r(ji~O!Y(dO!j(ii~O!P%eO![%fO!{]O#e2xO#f2wO'{%dO~O!P%eO![%fO#f2wO'{%dO~Oj3PO!['ZO%c3OO~Og%VOj3PO!['ZO%c3OO~O#g%ZaP%ZaZ%Za`%Zan%Za}%Za!h%Za!i%Za!k%Za!o%Za#j%Za#k%Za#l%Za#m%Za#n%Za#o%Za#p%Za#q%Za#r%Za#t%Za#v%Za#x%Za#y%Za'r%Za(X%Za(h%Za!j%Za!V%Za'p%Zar%Za![%Za%c%Za!d%Za~P#LWO#g%]aP%]aZ%]a`%]an%]a}%]a!h%]a!i%]a!k%]a!o%]a#j%]a#k%]a#l%]a#m%]a#n%]a#o%]a#p%]a#q%]a#r%]a#t%]a#v%]a#x%]a#y%]a'r%]a(X%]a(h%]a!j%]a!V%]a'p%]ar%]a![%]a%c%]a!d%]a~P#LyO#g%ZaP%ZaZ%Za`%Zan%Za}%Za!Y%Za!h%Za!i%Za!k%Za!o%Za#j%Za#k%Za#l%Za#m%Za#n%Za#o%Za#p%Za#q%Za#r%Za#t%Za#v%Za#x%Za#y%Za'r%Za(X%Za(h%Za!j%Za!V%Za'p%Za#[%Zar%Za![%Za%c%Za!d%Za~P#-]O#g%]aP%]aZ%]a`%]an%]a}%]a!Y%]a!h%]a!i%]a!k%]a!o%]a#j%]a#k%]a#l%]a#m%]a#n%]a#o%]a#p%]a#q%]a#r%]a#t%]a#v%]a#x%]a#y%]a'r%]a(X%]a(h%]a!j%]a!V%]a'p%]a#[%]ar%]a![%]a%c%]a!d%]a~P#-]O#gyaPyaZya`yanya!hya!iya!kya!oya#jya#kya#lya#mya#nya#oya#pya#qya#rya#tya#vya#xya#yya'rya(Xya(hya!jya!Vya'pyarya![ya%cya!dya~P$$dO#g$naP$naZ$na`$nan$na}$na!h$na!i$na!k$na!o$na#j$na#k$na#l$na#m$na#n$na#o$na#p$na#q$na#r$na#t$na#v$na#x$na#y$na'r$na(X$na(h$na!j$na!V$na'p$nar$na![$na%c$na!d$na~P$%YO#g$paP$paZ$pa`$pan$pa}$pa!h$pa!i$pa!k$pa!o$pa#j$pa#k$pa#l$pa#m$pa#n$pa#o$pa#p$pa#q$pa#r$pa#t$pa#v$pa#x$pa#y$pa'r$pa(X$pa(h$pa!j$pa!V$pa'p$par$pa![$pa%c$pa!d$pa~P$%{O#g%OaP%OaZ%Oa`%Oan%Oa}%Oa!Y%Oa!h%Oa!i%Oa!k%Oa!o%Oa#j%Oa#k%Oa#l%Oa#m%Oa#n%Oa#o%Oa#p%Oa#q%Oa#r%Oa#t%Oa#v%Oa#x%Oa#y%Oa'r%Oa(X%Oa(h%Oa!j%Oa!V%Oa'p%Oa#[%Oar%Oa![%Oa%c%Oa!d%Oa~P#-]O`#_q!Y#_q'r#_q'p#_q!V#_q!j#_qr#_q![#_q%c#_q!d#_q~P!8dOf'RX!Y'RX~P!(SO!Y.iOf(ba~O!X3ZO!Y'SX!j'SX~P%[O!Y.lO!j(ca~O!Y.lO!j(ca~P!8dO!V3^O~O#|!ma!Z!ma~PKOO#|!ea!Y!ea!Z!ea~P#CvO#|!qa!Z!qa~P!:}O#|!sa!Z!sa~P!=hORfO![3pO$a3qO~O!Z3uO~Or3vO~P#-]O`$jq!Y$jq'r$jq'p$jq!V$jq!j$jqr$jq![$jq%c$jq!d$jq~P!8dO!V3wO~P#-]O|)zO!P){O(p%POj'ba(o'ba!Y'ba#['ba~Of'ba#|'ba~P%)_O|)zO!P){Oj'da(o'da(p'da!Y'da#['da~Of'da#|'da~P%*QO(h$ZO~P#-]O!X3zO'{%dO!Y'^X!j'^X~O!Y/cO!j(ua~O!Y/cO!d#uO!j(ua~O!Y/cO!d#uO(h'kO!j(ua~Of$wi!Y$wi#[$wi#|$wi~P!0}O!X4SO'{*]O!V'`X!Y'`X~P!1lO!Y/kO!V(va~O!Y/kO!V(va~P#-]O!d#uO#r4[O~On4_O!d#uO(h'kO~O(o$}Oj%Zi|%Zi!P%Zi(p%Zi!Y%Zi#[%Zi~Of%Zi#|%Zi~P%-dO(p%POj%]i|%]i!P%]i(o%]i!Y%]i#[%]i~Of%]i#|%]i~P%.VOf(Vi!Y(Vi~P!0}O#[4fOf(Vi!Y(Vi~P!0}O!j4iO~O`$kq!Y$kq'r$kq'p$kq!V$kq!j$kqr$kq![$kq%c$kq!d$kq~P!8dO!V4mO~O!Y4nO![(wX~P#-]O!i#wO~P4XO`$uX![$uX%W[X'r$uX!Y$uX~P!/tO%W4pO`kXjkX|kX!PkX![kX'rkX(okX(pkX!YkX~O%W4pO~Oa4vO%d4wO'{+hO'}TO(QUO!Y'mX!Z'mX~O!Y0rO!Z)Oa~OZ4{O~O_4|O~O`%kO'r%kO~P#-]O![$|O~P#-]O!Y5UO#[5WO!Z({X~O!Z5XO~Oo!nO!P5YO!_!xO!`!uO!a!uO!{:dO#P!pO#Q!pO#R!pO#S!pO#T!pO#W5_O#X!yO'|!lO'}TO(QUO([!mO(g!sO~O!Z5^O~P%3hOj5dO![1[O%c5cO~Og%VOj5dO![1[O%c5cO~Oa5kO'{#mO'}TO(QUO!Y'lX!Z'lX~O!Y1gO!Z(|a~O'}TO(QUO([5mO~O_5qO~O#r5tO&T5uO~PMnO!j5vO~P%[O`5xO~O`5xO~P%[Oa1}O!Z5}O&c1|O~P`O!d6PO~O!d6ROg(ai!Y(ai!Z(ai!d(ai!k(ai~O!Y#di!Z#di~P#CvO#[6SO!Y#di!Z#di~O!Y!^i!Z!^i~P#CvO`%kO#[6]O'r%kO~O`%kO!d#uO#[6]O'r%kO~O!Y(jq!j(jq`(jq'r(jq~P!8dO!Y(dO!j(iq~O!P%eO![%fO#f6dO'{%dO~O!['ZO%c6gO~Oj6jO!['ZO%c6gO~O#g'baP'baZ'ba`'ban'ba}'ba!h'ba!i'ba!k'ba!o'ba#j'ba#k'ba#l'ba#m'ba#n'ba#o'ba#p'ba#q'ba#r'ba#t'ba#v'ba#x'ba#y'ba'r'ba(X'ba(h'ba!j'ba!V'ba'p'bar'ba!['ba%c'ba!d'ba~P%)_O#g'daP'daZ'da`'dan'da}'da!h'da!i'da!k'da!o'da#j'da#k'da#l'da#m'da#n'da#o'da#p'da#q'da#r'da#t'da#v'da#x'da#y'da'r'da(X'da(h'da!j'da!V'da'p'dar'da!['da%c'da!d'da~P%*QO#g$wiP$wiZ$wi`$win$wi}$wi!Y$wi!h$wi!i$wi!k$wi!o$wi#j$wi#k$wi#l$wi#m$wi#n$wi#o$wi#p$wi#q$wi#r$wi#t$wi#v$wi#x$wi#y$wi'r$wi(X$wi(h$wi!j$wi!V$wi'p$wi#[$wir$wi![$wi%c$wi!d$wi~P#-]O#g%ZiP%ZiZ%Zi`%Zin%Zi}%Zi!h%Zi!i%Zi!k%Zi!o%Zi#j%Zi#k%Zi#l%Zi#m%Zi#n%Zi#o%Zi#p%Zi#q%Zi#r%Zi#t%Zi#v%Zi#x%Zi#y%Zi'r%Zi(X%Zi(h%Zi!j%Zi!V%Zi'p%Zir%Zi![%Zi%c%Zi!d%Zi~P%-dO#g%]iP%]iZ%]i`%]in%]i}%]i!h%]i!i%]i!k%]i!o%]i#j%]i#k%]i#l%]i#m%]i#n%]i#o%]i#p%]i#q%]i#r%]i#t%]i#v%]i#x%]i#y%]i'r%]i(X%]i(h%]i!j%]i!V%]i'p%]ir%]i![%]i%c%]i!d%]i~P%.VOf'Ra!Y'Ra~P!0}O!Y'Sa!j'Sa~P!8dO!Y.lO!j(ci~O#|#_i!Y#_i!Z#_i~P#CvOP$]O|#yO}#zO!P#{O!i#wO!k#xO!o$]O(XVOZ#iin#ii!h#ii#k#ii#l#ii#m#ii#n#ii#o#ii#p#ii#q#ii#r#ii#t#ii#v#ii#x#ii#y#ii#|#ii(h#ii(o#ii(p#ii!Y#ii!Z#ii~O#j#ii~P%FhO#j:lO~P%FhOP$]O|#yO}#zO!P#{O!i#wO!k#xO!o$]O#j:lO#k:mO#l:mO#m:mO(XVOZ#ii!h#ii#n#ii#o#ii#p#ii#q#ii#r#ii#t#ii#v#ii#x#ii#y#ii#|#ii(h#ii(o#ii(p#ii!Y#ii!Z#ii~On#ii~P%HsOn:nO~P%HsOP$]On:nO|#yO}#zO!P#{O!i#wO!k#xO!o$]O#j:lO#k:mO#l:mO#m:mO#n:oO(XVO#t#ii#v#ii#x#ii#y#ii#|#ii(h#ii(o#ii(p#ii!Y#ii!Z#ii~OZ#ii!h#ii#o#ii#p#ii#q#ii#r#ii~P%KOOZ:zO!h:pO#o:pO#p:pO#q:yO#r:pO~P%KOOP$]OZ:zOn:nO|#yO}#zO!P#{O!h:pO!i#wO!k#xO!o$]O#j:lO#k:mO#l:mO#m:mO#n:oO#o:pO#p:pO#q:yO#r:pO#t:qO(XVO#v#ii#x#ii#y#ii#|#ii(h#ii(p#ii!Y#ii!Z#ii~O(o#ii~P%MjO(o#|O~P%MjOP$]OZ:zOn:nO|#yO}#zO!P#{O!h:pO!i#wO!k#xO!o$]O#j:lO#k:mO#l:mO#m:mO#n:oO#o:pO#p:pO#q:yO#r:pO#t:qO#v:sO(XVO(o#|O#x#ii#y#ii#|#ii(h#ii!Y#ii!Z#ii~O(p#ii~P& uO(p#}O~P& uOP$]OZ:zOn:nO|#yO}#zO!P#{O!h:pO!i#wO!k#xO!o$]O#j:lO#k:mO#l:mO#m:mO#n:oO#o:pO#p:pO#q:yO#r:pO#t:qO#v:sO#x:uO(XVO(o#|O(p#}O~O#y#ii#|#ii(h#ii!Y#ii!Z#ii~P&$QO`#zy!Y#zy'r#zy'p#zy!V#zy!j#zyr#zy![#zy%c#zy!d#zy~P!8dOj<gO|)zO!P){O(o$}O(p%PO~OP#iiZ#iin#ii}#ii!h#ii!i#ii!k#ii!o#ii#j#ii#k#ii#l#ii#m#ii#n#ii#o#ii#p#ii#q#ii#r#ii#t#ii#v#ii#x#ii#y#ii#|#ii(X#ii(h#ii!Y#ii!Z#ii~P&&xO!i#wOP(WXZ(WXj(WXn(WX|(WX}(WX!P(WX!h(WX!k(WX!o(WX#j(WX#k(WX#l(WX#m(WX#n(WX#o(WX#p(WX#q(WX#r(WX#t(WX#v(WX#x(WX#y(WX#|(WX(X(WX(h(WX(o(WX(p(WX!Y(WX!Z(WX~O#|#}i!Y#}i!Z#}i~P#CvO#|!qi!Z!qi~P$'jO!Z6|O~O!Y']a!Z']a~P#CvO!d#uO(h'kO!Y'^a!j'^a~O!Y/cO!j(ui~O!Y/cO!d#uO!j(ui~Of$wq!Y$wq#[$wq#|$wq~P!0}O!V'`a!Y'`a~P#-]O!d7TO~O!Y/kO!V(vi~P#-]O!Y/kO!V(vi~O!V7XO~O!d#uO#r7^O~On7_O!d#uO(h'kO~O|)zO!P){O(p%POj'ca(o'ca!Y'ca#['ca~Of'ca#|'ca~P&.YO|)zO!P){Oj'ea(o'ea(p'ea!Y'ea#['ea~Of'ea#|'ea~P&.{O!V7aO~Of$yq!Y$yq#[$yq#|$yq~P!0}O`$ky!Y$ky'r$ky'p$ky!V$ky!j$kyr$ky![$ky%c$ky!d$ky~P!8dO!d6RO~O!Y4nO![(wa~O`#_y!Y#_y'r#_y'p#_y!V#_y!j#_yr#_y![#_y%c#_y!d#_y~P!8dOZ7fO~Oa7hO'{+hO'}TO(QUO~O!Y0rO!Z)Oi~O_7lO~O([(xO!Y'iX!Z'iX~O!Y5UO!Z({a~OlkO'{7sO~P.iO!Z7vO~P%3hOo!nO!P7wO'}TO(QUO([!mO(g!sO~O![1[O~O![1[O%c7yO~Oj7|O![1[O%c7yO~OZ8RO!Y'la!Z'la~O!Y1gO!Z(|i~O!j8VO~O!j8WO~O!j8ZO~O!j8ZO~P%[O`8]O~O!d8^O~O!j8_O~O!Y(mi!Z(mi~P#CvO`%kO#[8gO'r%kO~O!Y(jy!j(jy`(jy'r(jy~P!8dO!Y(dO!j(iy~O!['ZO%c8jO~O#g$wqP$wqZ$wq`$wqn$wq}$wq!Y$wq!h$wq!i$wq!k$wq!o$wq#j$wq#k$wq#l$wq#m$wq#n$wq#o$wq#p$wq#q$wq#r$wq#t$wq#v$wq#x$wq#y$wq'r$wq(X$wq(h$wq!j$wq!V$wq'p$wq#[$wqr$wq![$wq%c$wq!d$wq~P#-]O#g'caP'caZ'ca`'can'ca}'ca!h'ca!i'ca!k'ca!o'ca#j'ca#k'ca#l'ca#m'ca#n'ca#o'ca#p'ca#q'ca#r'ca#t'ca#v'ca#x'ca#y'ca'r'ca(X'ca(h'ca!j'ca!V'ca'p'car'ca!['ca%c'ca!d'ca~P&.YO#g'eaP'eaZ'ea`'ean'ea}'ea!h'ea!i'ea!k'ea!o'ea#j'ea#k'ea#l'ea#m'ea#n'ea#o'ea#p'ea#q'ea#r'ea#t'ea#v'ea#x'ea#y'ea'r'ea(X'ea(h'ea!j'ea!V'ea'p'ear'ea!['ea%c'ea!d'ea~P&.{O#g$yqP$yqZ$yq`$yqn$yq}$yq!Y$yq!h$yq!i$yq!k$yq!o$yq#j$yq#k$yq#l$yq#m$yq#n$yq#o$yq#p$yq#q$yq#r$yq#t$yq#v$yq#x$yq#y$yq'r$yq(X$yq(h$yq!j$yq!V$yq'p$yq#[$yqr$yq![$yq%c$yq!d$yq~P#-]O!Y'Si!j'Si~P!8dO#|#_q!Y#_q!Z#_q~P#CvO(o$}OP%ZaZ%Zan%Za}%Za!h%Za!i%Za!k%Za!o%Za#j%Za#k%Za#l%Za#m%Za#n%Za#o%Za#p%Za#q%Za#r%Za#t%Za#v%Za#x%Za#y%Za#|%Za(X%Za(h%Za!Y%Za!Z%Za~Oj%Za|%Za!P%Za(p%Za~P&@bO(p%POP%]aZ%]an%]a}%]a!h%]a!i%]a!k%]a!o%]a#j%]a#k%]a#l%]a#m%]a#n%]a#o%]a#p%]a#q%]a#r%]a#t%]a#v%]a#x%]a#y%]a#|%]a(X%]a(h%]a!Y%]a!Z%]a~Oj%]a|%]a!P%]a(o%]a~P&BiOj<gO|)zO!P){O(p%PO~P&@bOj<gO|)zO!P){O(o$}O~P&BiO|0ZO}0ZO!P0[OPyaZyajyanya!hya!iya!kya!oya#jya#kya#lya#mya#nya#oya#pya#qya#rya#tya#vya#xya#yya#|ya(Xya(hya(oya(pya!Yya!Zya~O|)zO!P){OP$naZ$naj$nan$na}$na!h$na!i$na!k$na!o$na#j$na#k$na#l$na#m$na#n$na#o$na#p$na#q$na#r$na#t$na#v$na#x$na#y$na#|$na(X$na(h$na(o$na(p$na!Y$na!Z$na~O|)zO!P){OP$paZ$paj$pan$pa}$pa!h$pa!i$pa!k$pa!o$pa#j$pa#k$pa#l$pa#m$pa#n$pa#o$pa#p$pa#q$pa#r$pa#t$pa#v$pa#x$pa#y$pa#|$pa(X$pa(h$pa(o$pa(p$pa!Y$pa!Z$pa~OP%OaZ%Oan%Oa}%Oa!h%Oa!i%Oa!k%Oa!o%Oa#j%Oa#k%Oa#l%Oa#m%Oa#n%Oa#o%Oa#p%Oa#q%Oa#r%Oa#t%Oa#v%Oa#x%Oa#y%Oa#|%Oa(X%Oa(h%Oa!Y%Oa!Z%Oa~P&&xO#|$jq!Y$jq!Z$jq~P#CvO#|$kq!Y$kq!Z$kq~P#CvO!Z8vO~O#|8wO~P!0}O!d#uO!Y'^i!j'^i~O!d#uO(h'kO!Y'^i!j'^i~O!Y/cO!j(uq~O!V'`i!Y'`i~P#-]O!Y/kO!V(vq~O!V8}O~P#-]O!V8}O~Of(Vy!Y(Vy~P!0}O!Y'ga!['ga~P#-]O`%Vq![%Vq'r%Vq!Y%Vq~P#-]OZ9SO~O!Y0rO!Z)Oq~O#[9WO!Y'ia!Z'ia~O!Y5UO!Z({i~P#CvOP[XZ[Xn[X|[X}[X!P[X!V[X!Y[X!h[X!i[X!k[X!o[X#[[X#geX#j[X#k[X#l[X#m[X#n[X#o[X#p[X#q[X#r[X#t[X#v[X#x[X#y[X$O[X(X[X(h[X(o[X(p[X~O!d%TX#r%TX~P'#SO![1[O%c9[O~O'}TO(QUO([9aO~O!Y1gO!Z(|q~O!j9dO~O!j9eO~O!j9fO~O!j9fO~P%[O#[9iO!Y#dy!Z#dy~O!Y#dy!Z#dy~P#CvO!['ZO%c9nO~O#|#zy!Y#zy!Z#zy~P#CvOP$wiZ$win$wi}$wi!h$wi!i$wi!k$wi!o$wi#j$wi#k$wi#l$wi#m$wi#n$wi#o$wi#p$wi#q$wi#r$wi#t$wi#v$wi#x$wi#y$wi#|$wi(X$wi(h$wi!Y$wi!Z$wi~P&&xO|)zO!P){O(p%POP'baZ'baj'ban'ba}'ba!h'ba!i'ba!k'ba!o'ba#j'ba#k'ba#l'ba#m'ba#n'ba#o'ba#p'ba#q'ba#r'ba#t'ba#v'ba#x'ba#y'ba#|'ba(X'ba(h'ba(o'ba!Y'ba!Z'ba~O|)zO!P){OP'daZ'daj'dan'da}'da!h'da!i'da!k'da!o'da#j'da#k'da#l'da#m'da#n'da#o'da#p'da#q'da#r'da#t'da#v'da#x'da#y'da#|'da(X'da(h'da(o'da(p'da!Y'da!Z'da~O(o$}OP%ZiZ%Zij%Zin%Zi|%Zi}%Zi!P%Zi!h%Zi!i%Zi!k%Zi!o%Zi#j%Zi#k%Zi#l%Zi#m%Zi#n%Zi#o%Zi#p%Zi#q%Zi#r%Zi#t%Zi#v%Zi#x%Zi#y%Zi#|%Zi(X%Zi(h%Zi(p%Zi!Y%Zi!Z%Zi~O(p%POP%]iZ%]ij%]in%]i|%]i}%]i!P%]i!h%]i!i%]i!k%]i!o%]i#j%]i#k%]i#l%]i#m%]i#n%]i#o%]i#p%]i#q%]i#r%]i#t%]i#v%]i#x%]i#y%]i#|%]i(X%]i(h%]i(o%]i!Y%]i!Z%]i~O#|$ky!Y$ky!Z$ky~P#CvO#|#_y!Y#_y!Z#_y~P#CvO!d#uO!Y'^q!j'^q~O!Y/cO!j(uy~O!V'`q!Y'`q~P#-]O!V9wO~P#-]O!Y0rO!Z)Oy~O!Y5UO!Z({q~O![1[O%c:OO~O!j:RO~O!['ZO%c:WO~OP$wqZ$wqn$wq}$wq!h$wq!i$wq!k$wq!o$wq#j$wq#k$wq#l$wq#m$wq#n$wq#o$wq#p$wq#q$wq#r$wq#t$wq#v$wq#x$wq#y$wq#|$wq(X$wq(h$wq!Y$wq!Z$wq~P&&xO|)zO!P){O(p%POP'caZ'caj'can'ca}'ca!h'ca!i'ca!k'ca!o'ca#j'ca#k'ca#l'ca#m'ca#n'ca#o'ca#p'ca#q'ca#r'ca#t'ca#v'ca#x'ca#y'ca#|'ca(X'ca(h'ca(o'ca!Y'ca!Z'ca~O|)zO!P){OP'eaZ'eaj'ean'ea}'ea!h'ea!i'ea!k'ea!o'ea#j'ea#k'ea#l'ea#m'ea#n'ea#o'ea#p'ea#q'ea#r'ea#t'ea#v'ea#x'ea#y'ea#|'ea(X'ea(h'ea(o'ea(p'ea!Y'ea!Z'ea~OP$yqZ$yqn$yq}$yq!h$yq!i$yq!k$yq!o$yq#j$yq#k$yq#l$yq#m$yq#n$yq#o$yq#p$yq#q$yq#r$yq#t$yq#v$yq#x$yq#y$yq#|$yq(X$yq(h$yq!Y$yq!Z$yq~P&&xOf%_!Z!Y%_!Z#[%_!Z#|%_!Z~P!0}O!Y'iq!Z'iq~P#CvO!Y#d!Z!Z#d!Z~P#CvO#g%_!ZP%_!ZZ%_!Z`%_!Zn%_!Z}%_!Z!Y%_!Z!h%_!Z!i%_!Z!k%_!Z!o%_!Z#j%_!Z#k%_!Z#l%_!Z#m%_!Z#n%_!Z#o%_!Z#p%_!Z#q%_!Z#r%_!Z#t%_!Z#v%_!Z#x%_!Z#y%_!Z'r%_!Z(X%_!Z(h%_!Z!j%_!Z!V%_!Z'p%_!Z#[%_!Zr%_!Z![%_!Z%c%_!Z!d%_!Z~P#-]OP%_!ZZ%_!Zn%_!Z}%_!Z!h%_!Z!i%_!Z!k%_!Z!o%_!Z#j%_!Z#k%_!Z#l%_!Z#m%_!Z#n%_!Z#o%_!Z#p%_!Z#q%_!Z#r%_!Z#t%_!Z#v%_!Z#x%_!Z#y%_!Z#|%_!Z(X%_!Z(h%_!Z!Y%_!Z!Z%_!Z~P&&xOr(]X~P1qO'|!lO~P!*fO!VeX!YeX#[eX~P'#SOP[XZ[Xn[X|[X}[X!P[X!Y[X!YeX!h[X!i[X!k[X!o[X#[[X#[eX#geX#j[X#k[X#l[X#m[X#n[X#o[X#p[X#q[X#r[X#t[X#v[X#x[X#y[X$O[X(X[X(h[X(o[X(p[X~O!deX!j[X!jeX(heX~P'@vOP:cOQ:cORfOc<[Od!iOlkOn:cOokOpkOvkOx:cOz:cO!PWO!TkO!UkO![XO!f:fO!kZO!n:cO!o:cO!p:cO!r:gO!t:jO!w!hO$T!kO'{)YO'}TO(QUO(XVO(g[O(t<YO~O!Y:wO!Z$ma~Og%VOl%WOn$tOo$sOp$sOv%XOx%YOz;RO!P${O![$|O!f<aO!k$xO#f;XO$T%^O$o;TO$q;VO$t%_O'{(pO'}TO(QUO(X$uO(o$}O(p%PO~O#s)aO~P'ElO!Z[X!ZeX~P'@vO#g:kO~O!d#uO#g:kO~O#[:{O~O#r:pO~O#[;ZO!Y(mX!Z(mX~O#[:{O!Y(kX!Z(kX~O#g;[O~Of;^O~P!0}O#g;cO~O#g;dO~O!d#uO#g;eO~O!d#uO#g;[O~O#|;fO~P#CvO#g;gO~O#g;hO~O#g;mO~O#g;nO~O#g;oO~O#g;pO~O#|;qO~P!0}O#|;rO~P!0}O!i#P#Q#S#T#W#e#f#q(t$o$q$t%W%b%c%d%k%m%p%q%s%u~'vS#k!U't'|#lo#j#mn|'u$Y'u'{$[([~",goto:"$2p)SPPPPP)TPP)WP)iP*x.|PPPP5pPP6WPP<S?gP?zP?zPPP?zPAxP?zP?zP?zPA|PPBRPBlPGdPPPGhPPPPGhJiPPPJoKjPGhPMxPPPP!!WGhPPPGhPGhP!$fGhP!'z!(|!)VP!)y!)}!)yPPPPP!-Y!(|PP!-v!.pP!1dGhGh!1i!4s!9Y!9Y!=OPPP!=VGhPPPPPPPPPPP!@dP!AuPPGh!CSPGhPGhGhGhGhPGh!DfP!GnP!JrP!Jv!KQ!KU!KUP!GkP!KY!KYP!N^P!NbGhGh!Nh##k?zP?zP?z?zP#$v?z?z#'O?z#)k?z#+m?z?z#,[#.f#.f#.j#.r#.f#.zP#.fP?z#/d?z#3R?z?z5pPPP#6vPPP#7a#7aP#7aP#7w#7aPP#7}P#7tP#7t#8b#7t#8|#9S5m)W#9V)WP#9^#9^#9^P)WP)WP)WP)WPP)WP#9d#9gP#9g)WP#9kP#9nP)WP)WP)WP)WP)WP)W)WPP#9t#9z#:V#:]#:c#:i#:o#:}#;T#;Z#;e#;k#;u#<U#<[#<|#=`#=f#=l#=z#>a#@O#@^#@d#Ax#BW#Cr#DQ#DW#D^#Dd#Dn#Dt#Dz#EU#Eh#EnPPPPPPPPPP#EtPPPPPPP#Fi#Ip#KP#KW#K`PPPP$!d$%Z$+r$+u$+x$,q$,t$,w$-O$-WPP$-^$-b$.Y$/X$/]$/qPP$/u$/{$0PP$0S$0W$0Z$1P$1h$2P$2T$2W$2Z$2a$2d$2h$2lR!{RoqOXst!Z#c%j&m&o&p&r,h,m1w1zY!uQ'Z-Y1[5]Q%pvQ%xyQ&P|Q&e!VS'R!e-QQ'a!iS'g!r!xS*c$|*hQ+f%yQ+s&RQ,X&_Q-W'YQ-b'bQ-j'hQ/|*jQ1f,YR;Y:g%OdOPWXYZstuvw!Z!`!g!o#R#V#Y#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$a$e%j%p%}&f&i&m&o&p&r&v'O']'m'}(P(V(^(r(v(z)y+O+S,e,h,m-^-f-t-z.l.s0[0a0q1_1o1p1r1t1w1z1|2m2s3Z5Y5d5t5u5x6]7w7|8]8gS#p]:d!r)[$[$m'S)n,y,|.{2]3p5W6S9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<]Q*u%ZQ+k%{Q,Z&bQ,b&jQ.c;QQ0h+^Q0l+`Q0w+lQ1n,`Q2{.[Q4v0rQ5k1gQ6i3PQ6u;RQ7h4wR8m6j&|kOPWXYZstuvw!Z!`!g!o#R#V#Y#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$[$a$e$m%j%p%}&f&i&j&m&o&p&r&v'O'S']'m'}(P(V(^(r(v(z)n)y+O+S+^,e,h,m,y,|-^-f-t-z.[.l.s.{0[0a0q1_1o1p1r1t1w1z1|2]2m2s3P3Z3p5W5Y5d5t5u5x6S6]6j7w7|8]8g9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<]t!nQ!r!u!x!y'R'Y'Z'g'h'i-Q-W-Y-j1[5]5_$v$si#u#w$c$d$x${%O%Q%[%]%a)u){)}*P*R*Y*`*p*q+]+`+w+z.Z.i/Z/j/k/m0Q0S0^1R1U1^3O3x4S4[4f4n4p5c6g7T7^7y8j8w9[9n:O:W:y:z:|:};O;P;S;T;U;V;W;X;_;`;a;b;c;d;g;h;i;j;k;l;m;n;q;r<Y<b<c<f<gQ&S|Q'P!eS'V%f-TQ+k%{Q,Z&bQ0]*yQ0w+lQ0|+rQ1m,_Q1n,`Q4v0rQ5P1OQ5k1gQ5n1iQ5o1lQ7h4wQ7k4|Q8U5qQ9V7lR9b8RrnOXst!V!Z#c%j&d&m&o&p&r,h,m1w1zR,]&f&v^OPXYstuvwz!Z!`!g!j!o#R#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$[$a$e$m%j%p%}&f&i&j&m&o&p&r&v'O']'m(P(V(^(r(v(z)n)y+O+S+^,e,h,m,y,|-^-f-t-z.[.l.s.{0[0a0q1_1o1p1r1t1w1z1|2]2m2s3P3Z3p5W5Y5d5t5u5x6S6]6j7w7|8]8g9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<[<][#[WZ#V#Y'S'}!S%gm#g#h#k%b%e(W(b(c(d+Q+R+T,d,z-x.O.P.Q.S2P2w2x6R6dQ%sxQ%wyS%||&RQ&Y!TQ'^!hQ'`!iQ(k#rS*V$x*ZS+e%x%yQ+i%{Q,S&]Q,W&_S-a'a'bQ.^(lQ/g*WQ0p+fQ0v+lQ0x+mQ0{+qQ1a,TS1e,X,YQ2i-bQ3y/cQ4u0rQ4y0uQ5O0}Q5j1fQ7Q3zQ7g4wQ7j4{Q9R7fR9y9S!O$zi#w%O%Q%[%]%a)}*P*Y*p*q.i/j0Q0S0^3x4f8w<Y<b<c!S%uy!i!t%w%x%y'Q'`'a'b'f'p*b+e+f,}-a-b-i/t0p2b2i2p4^Q+_%sQ+x&VQ+{&WQ,V&_Q.](kQ1`,SU1d,W,X,YQ3Q.^Q5e1aS5i1e1fQ8Q5j#W<^#u$c$d$x${)u){*R*`+]+`+w+z.Z/Z/k/m1R1U1^3O4S4[4n4p5c6g7T7^7y8j9[9n:O:W:|;O;S;U;W;_;a;c;g;i;k;m;q<f<go<_:y:z:};P;T;V;X;`;b;d;h;j;l;n;rW%Ti%V*r<YS&V!Q&dQ&W!RQ&X!SR+v&T$w%Si#u#w$c$d$x${%O%Q%[%]%a)u){)}*P*R*Y*`*p*q+]+`+w+z.Z.i/Z/j/k/m0Q0S0^1R1U1^3O3x4S4[4f4n4p5c6g7T7^7y8j8w9[9n:O:W:y:z:|:};O;P;S;T;U;V;W;X;_;`;a;b;c;d;g;h;i;j;k;l;m;n;q;r<Y<b<c<f<gT)v$u)wV*v%Z;Q;RU'V!e%f-TS(y#y#zQ+p&OS.V(g(hQ1V+|Q4g0ZR7p5U&|kOPWXYZstuvw!Z!`!g!o#R#V#Y#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$[$a$e$m%j%p%}&f&i&j&m&o&p&r&v'O'S']'m'}(P(V(^(r(v(z)n)y+O+S+^,e,h,m,y,|-^-f-t-z.[.l.s.{0[0a0q1_1o1p1r1t1w1z1|2]2m2s3P3Z3p5W5Y5d5t5u5x6S6]6j7w7|8]8g9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<]$i$`c#X#d%n%o%q'|(S(n(u(})O)P)Q)R)S)T)U)V)W)X)Z)^)b)l+Z+o-O-m-r-w-y.h.n.r.t.u.v/V0_2W2Z2k2r3Y3_3`3a3b3c3d3e3f3g3h3i3j3k3n3o3t4k4s6U6[6a6o6p6y6z7r8a8e8n8t8u9k9{:S:e<PT#SV#T&}kOPWXYZstuvw!Z!`!g!o#R#V#Y#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$[$a$e$m%j%p%}&f&i&j&m&o&p&r&v'O'S']'m'}(P(V(^(r(v(z)n)y+O+S+^,e,h,m,y,|-^-f-t-z.[.l.s.{0[0a0q1_1o1p1r1t1w1z1|2]2m2s3P3Z3p5W5Y5d5t5u5x6S6]6j7w7|8]8g9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<]Q'T!eR2^-Qv!nQ!e!r!u!x!y'R'Y'Z'g'h'i-Q-W-Y-j1[5]5_S*b$|*hS/t*c*jQ/}*kQ1X,OQ4^/|R4a0PnqOXst!Z#c%j&m&o&p&r,h,m1w1zQ&t!^Q'q!wS(m#t:kQ+c%vQ,Q&YQ,R&[Q-_'_Q-l'jS.g(r;[S0`+O;eQ0n+dQ1Z,PQ2O,oQ2Q,pQ2Y,{Q2g-`Q2j-dS4l0a;oQ4q0oS4t0q;pQ6T2[Q6X2hQ6^2oQ7e4rQ8b6VQ8c6YQ8f6_R9h8_$d$_c#X#d%o%q'|(S(n(u(})O)P)Q)R)S)T)U)V)W)X)Z)^)b)l+Z+o-O-m-r-w-y.h.n.r.u.v/V0_2W2Z2k2r3Y3_3`3a3b3c3d3e3f3g3h3i3j3k3n3o3t4k4s6U6[6a6o6p6y6z7r8a8e8n8t8u9k9{:S:e<PS(j#o'dU*o%R(q3mS+Y%n.tQ2|0hQ6f2{Q8l6iR9o8m$d$^c#X#d%o%q'|(S(n(u(})O)P)Q)R)S)T)U)V)W)X)Z)^)b)l+Z+o-O-m-r-w-y.h.n.r.u.v/V0_2W2Z2k2r3Y3_3`3a3b3c3d3e3f3g3h3i3j3k3n3o3t4k4s6U6[6a6o6p6y6z7r8a8e8n8t8u9k9{:S:e<PS(i#o'dS({#z$_S+X%n.tS.W(h(jQ.w)]Q0e+YR2y.X&|kOPWXYZstuvw!Z!`!g!o#R#V#Y#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$[$a$e$m%j%p%}&f&i&j&m&o&p&r&v'O'S']'m'}(P(V(^(r(v(z)n)y+O+S+^,e,h,m,y,|-^-f-t-z.[.l.s.{0[0a0q1_1o1p1r1t1w1z1|2]2m2s3P3Z3p5W5Y5d5t5u5x6S6]6j7w7|8]8g9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<]S#p]:dQ&o!XQ&p!YQ&r![Q&s!]R1v,kQ'[!hQ+[%sQ-]'^S.Y(k+_Q2e-[W2}.].^0g0iQ6W2fU6e2z2|3QS8i6f6hS9m8k8lS:U9l9oQ:^:VR:a:_U!vQ'Z-YT5Z1[5]!Q_OXZ`st!V!Z#c#g%b%j&d&f&m&o&p&r(d,h,m.P1w1z]!pQ!r'Z-Y1[5]T#p]:d%Y{OPWXYZstuvw!Z!`!g!o#R#V#Y#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$a$e%j%p%}&f&i&j&m&o&p&r&v'O']'m'}(P(V(^(r(v(z)y+O+S+^,e,h,m-^-f-t-z.[.l.s0[0a0q1_1o1p1r1t1w1z1|2m2s3P3Z5Y5d5t5u5x6]6j7w7|8]8gS(y#y#zS.V(g(h!s;v$[$m'S)n,y,|.{2]3p5W6S9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<]Y!tQ'Z-Y1[5]Q'f!rS'p!u!xS'r!y5_S-i'g'hQ-k'iR2p-jQ'o!tS(`#f1qS-h'f'rQ/f*VQ/r*bQ2q-kQ4O/gS4X/s/}Q7P3yS7[4_4aQ8y7QR9Q7_Q#vbQ'n!tS(_#f1qS(a#l*}Q+P%cQ+a%tQ+g%zU-g'f'o'rQ-{(`Q/e*VQ/q*bQ/w*eQ0m+bQ1b,US2n-h-kQ2v.TS3}/f/gS4W/r/}Q4Z/vQ4]/xQ5g1cQ6`2qQ7O3yQ7S4OS7W4X4aQ7]4`Q8O5hS8x7P7QQ8|7XQ9O7[Q9_8PQ9u8yQ9v8}Q9x9QQ:Q9`Q:Y9wQ;y;tQ<U;}R<V<OV!vQ'Z-Y%YaOPWXYZstuvw!Z!`!g!o#R#V#Y#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$a$e%j%p%}&f&i&j&m&o&p&r&v'O']'m'}(P(V(^(r(v(z)y+O+S+^,e,h,m-^-f-t-z.[.l.s0[0a0q1_1o1p1r1t1w1z1|2m2s3P3Z5Y5d5t5u5x6]6j7w7|8]8gS#vz!j!r;s$[$m'S)n,y,|.{2]3p5W6S9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<]R;y<[%YbOPWXYZstuvw!Z!`!g!o#R#V#Y#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$a$e%j%p%}&f&i&j&m&o&p&r&v'O']'m'}(P(V(^(r(v(z)y+O+S+^,e,h,m-^-f-t-z.[.l.s0[0a0q1_1o1p1r1t1w1z1|2m2s3P3Z5Y5d5t5u5x6]6j7w7|8]8gQ%cj!S%ty!i!t%w%x%y'Q'`'a'b'f'p*b+e+f,}-a-b-i/t0p2b2i2p4^S%zz!jQ+b%uQ,U&_W1c,V,W,X,YU5h1d1e1fS8P5i5jQ9`8Q!r;t$[$m'S)n,y,|.{2]3p5W6S9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<]Q;}<ZR<O<[$|eOPXYstuvw!Z!`!g!o#R#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$a$e%j%p%}&f&i&m&o&p&r&v'O']'m(P(V(^(r(v(z)y+O+S+^,e,h,m-^-f-t-z.[.l.s0[0a0q1_1o1p1r1t1w1z1|2m2s3P3Z5Y5d5t5u5x6]6j7w7|8]8gY#aWZ#V#Y'}!S%gm#g#h#k%b%e(W(b(c(d+Q+R+T,d,z-x.O.P.Q.S2P2w2x6R6dQ,c&j!p;u$[$m)n,y,|.{2]3p5W6S9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<]R;x'SS'W!e%fR2`-T%OdOPWXYZstuvw!Z!`!g!o#R#V#Y#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$a$e%j%p%}&f&i&m&o&p&r&v'O']'m'}(P(V(^(r(v(z)y+O+S,e,h,m-^-f-t-z.l.s0[0a0q1_1o1p1r1t1w1z1|2m2s3Z5Y5d5t5u5x6]7w7|8]8g!r)[$[$m'S)n,y,|.{2]3p5W6S9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<]Q,b&jQ0h+^Q2{.[Q6i3PR8m6j!f$Uc#X%n'|(S(n(u)U)V)W)X)^)b+o-m-r-w-y.h.n/V0_2k2r3Y3k4k4s6[6a6o8e9k:e!T:r)Z)l-O.t2W2Z3_3g3h3i3j3n3t6U6p6y6z7r8a8n8t8u9{:S<P!b$Wc#X%n'|(S(n(u)W)X)^)b+o-m-r-w-y.h.n/V0_2k2r3Y3k4k4s6[6a6o8e9k:e!P:t)Z)l-O.t2W2Z3_3i3j3n3t6U6p6y6z7r8a8n8t8u9{:S<P!^$[c#X%n'|(S(n(u)^)b+o-m-r-w-y.h.n/V0_2k2r3Y3k4k4s6[6a6o8e9k:eQ3x/az<])Z)l-O.t2W2Z3_3n3t6U6p6y6z7r8a8n8t8u9{:S<PQ<b<dR<c<e&|kOPWXYZstuvw!Z!`!g!o#R#V#Y#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$[$a$e$m%j%p%}&f&i&j&m&o&p&r&v'O'S']'m'}(P(V(^(r(v(z)n)y+O+S+^,e,h,m,y,|-^-f-t-z.[.l.s.{0[0a0q1_1o1p1r1t1w1z1|2]2m2s3P3Z3p5W5Y5d5t5u5x6S6]6j7w7|8]8g9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<]S$nh$oR3q.z'TgOPWXYZhstuvw!Z!`!g!o#R#V#Y#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$[$a$e$m$o%j%p%}&f&i&j&m&o&p&r&v'O'S']'m'}(P(V(^(r(v(z)n)y+O+S+^,e,h,m,y,|-^-f-t-z.[.l.s.z.{0[0a0q1_1o1p1r1t1w1z1|2]2m2s3P3Z3p5W5Y5d5t5u5x6S6]6j7w7|8]8g9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<]T$jf$pQ$hfS)e$k)iR)q$pT$if$pT)g$k)i'ThOPWXYZhstuvw!Z!`!g!o#R#V#Y#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$[$a$e$m$o%j%p%}&f&i&j&m&o&p&r&v'O'S']'m'}(P(V(^(r(v(z)n)y+O+S+^,e,h,m,y,|-^-f-t-z.[.l.s.z.{0[0a0q1_1o1p1r1t1w1z1|2]2m2s3P3Z3p5W5Y5d5t5u5x6S6]6j7w7|8]8g9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<]T$nh$oQ$qhR)p$o%YjOPWXYZstuvw!Z!`!g!o#R#V#Y#c#n#t#x#{$O$P$Q$R$S$T$U$V$W$X$Y$a$e%j%p%}&f&i&j&m&o&p&r&v'O']'m'}(P(V(^(r(v(z)y+O+S+^,e,h,m-^-f-t-z.[.l.s0[0a0q1_1o1p1r1t1w1z1|2m2s3P3Z5Y5d5t5u5x6]6j7w7|8]8g!s<Z$[$m'S)n,y,|.{2]3p5W6S9W9i:c:f:g:j:k:l:m:n:o:p:q:r:s:t:u:v:w:{;Y;Z;[;^;e;f;o;p<]#clOPXZst!Z!`!o#R#c#n#{$m%j&f&i&j&m&o&p&r&v'O'](z)n+S+^,e,h,m-^.[.{0[1_1o1p1r1t1w1z1|3P3p5Y5d5t5u5x6j7w7|8]!O%Ri#w%O%Q%[%]%a)}*P*Y*p*q.i/j0Q0S0^3x4f8w<Y<b<c#W(q#u$c$d$x${)u){*R*`+]+`+w+z.Z/Z/k/m1R1U1^3O4S4[4n4p5c6g7T7^7y8j9[9n:O:W:|;O;S;U;W;_;a;c;g;i;k;m;q<f<gQ*z%_Q/W)zo3m:y:z:};P;T;V;X;`;b;d;h;j;l;n;r!O$yi#w%O%Q%[%]%a)}*P*Y*p*q.i/j0Q0S0^3x4f8w<Y<b<cQ*[$zS*e$|*hQ*{%`Q/x*f#W;{#u$c$d$x${)u){*R*`+]+`+w+z.Z/Z/k/m1R1U1^3O4S4[4n4p5c6g7T7^7y8j9[9n:O:W:|;O;S;U;W;_;a;c;g;i;k;m;q<f<gn;|:y:z:};P;T;V;X;`;b;d;h;j;l;n;rQ<Q<^Q<R<_Q<S<`R<T<a!O%Ri#w%O%Q%[%]%a)}*P*Y*p*q.i/j0Q0S0^3x4f8w<Y<b<c#W(q#u$c$d$x${)u){*R*`+]+`+w+z.Z/Z/k/m1R1U1^3O4S4[4n4p5c6g7T7^7y8j9[9n:O:W:|;O;S;U;W;_;a;c;g;i;k;m;q<f<go3m:y:z:};P;T;V;X;`;b;d;h;j;l;n;rnoOXst!Z#c%j&m&o&p&r,h,m1w1zQ*_${Q,v&yQ,w&{R4R/k$v%Si#u#w$c$d$x${%O%Q%[%]%a)u){)}*P*R*Y*`*p*q+]+`+w+z.Z.i/Z/j/k/m0Q0S0^1R1U1^3O3x4S4[4f4n4p5c6g7T7^7y8j8w9[9n:O:W:y:z:|:};O;P;S;T;U;V;W;X;_;`;a;b;c;d;g;h;i;j;k;l;m;n;q;r<Y<b<c<f<gQ+y&WQ1T+{Q5S1SR7o5TT*g$|*hS*g$|*hT5[1[5]S/v*d5YT4`0O7wQ+a%tQ/w*eQ0m+bQ1b,UQ5g1cQ8O5hQ9_8PR:Q9`!O%Oi#w%O%Q%[%]%a)}*P*Y*p*q.i/j0Q0S0^3x4f8w<Y<b<cr)}$v(s*O*n*|/i0U0V3W4P4j6}7`9t;z<W<XS0Q*m0R#W:|#u$c$d$x${)u){*R*`+]+`+w+z.Z/Z/k/m1R1U1^3O4S4[4n4p5c6g7T7^7y8j9[9n:O:W:|;O;S;U;W;_;a;c;g;i;k;m;q<f<gn:}:y:z:};P;T;V;X;`;b;d;h;j;l;n;r!^;_(o)`*U*^._.b.f/S/X/a/n0f1Q1S3T4Q4U5R5T6k6n7U7Y7b7d8{9P:X<d<e`;`3l6q6t6x8o9p9s:bS;i.a3UT;j6s8r!O%Qi#w%O%Q%[%]%a)}*P*Y*p*q.i/j0Q0S0^3x4f8w<Y<b<cv*P$v(s*Q*m*|/]/i0U0V3W4P4b4j6}7`9t;z<W<XS0S*n0T#W;O#u$c$d$x${)u){*R*`+]+`+w+z.Z/Z/k/m1R1U1^3O4S4[4n4p5c6g7T7^7y8j9[9n:O:W:|;O;S;U;W;_;a;c;g;i;k;m;q<f<gn;P:y:z:};P;T;V;X;`;b;d;h;j;l;n;r!b;a(o)`*U*^.`.a.f/S/X/a/n0f1Q1S3R3T4Q4U5R5T6k6l6n7U7Y7b7d8{9P:X<d<ed;b3l6r6s6x8o8p9p9q9s:bS;k.b3VT;l6t8srnOXst!V!Z#c%j&d&m&o&p&r,h,m1w1zQ&a!UR,e&jrnOXst!V!Z#c%j&d&m&o&p&r,h,m1w1zR&a!UQ+}&XR1P+vsnOXst!V!Z#c%j&d&m&o&p&r,h,m1w1zQ1],SS5b1`1aU7x5`5a5eS9Z7z7{S9|9Y9]Q:Z9}R:`:[Q&h!VR,^&dR5n1iS%||&RR0x+mQ&m!WR,h&nR,n&sT1x,m1zR,r&tQ,q&tR2R,rQ't!zR-n'tSsOtQ#cXT%ms#cQ!}TR'v!}Q#QUR'x#QQ)w$uR/T)wQ#TVR'z#TQ#WWU(Q#W(R-uQ(R#XR-u(SQ-R'TR2_-RQ.j(sR3X.jQ.m(uS3[.m3]R3].nQ-Y'ZR2c-YY!rQ'Z-Y1[5]R'e!rS#^W%eU(X#^(Y-vQ(Y#_R-v(TQ-U'WR2a-Ut`OXst!V!Z#c%j&d&f&m&o&p&r,h,m1w1zS#gZ%bU#q`#g.PR.P(dQ(e#iQ-|(aW.U(e-|2t6bQ2t-}R6b2uQ)i$kR.|)iQ$ohR)o$oQ$bcU)_$b-q:xQ-q:eR:x)lQ/d*VW3{/d3|7R8zU3|/e/f/gS7R3}4OR8z7S$X)|$v(o(s)`*U*^*m*n*w*x*|.a.b.d.e.f/S/X/]/_/a/i/n0U0V0f1Q1S3R3S3T3W3l4P4Q4U4b4d4j5R5T6k6l6m6n6s6t6v6w6x6}7U7Y7`7b7d8o8p8q8{9P9p9q9r9s9t:X:b;z<W<X<d<eQ/l*^U4T/l4V7VQ4V/nR7V4UQ*h$|R/z*hr*O$v(s*m*n*|/i0U0V3W4P4j6}7`9t;z<W<X!^._(o)`*U*^.a.b.f/S/X/a/n0f1Q1S3T4Q4U5R5T6k6n7U7Y7b7d8{9P:X<d<eU/^*O._6qa6q3l6s6t6x8o9p9s:bQ0R*mQ3U.aU4c0R3U8rR8r6sv*Q$v(s*m*n*|/]/i0U0V3W4P4b4j6}7`9t;z<W<X!b.`(o)`*U*^.a.b.f/S/X/a/n0f1Q1S3R3T4Q4U5R5T6k6l6n7U7Y7b7d8{9P:X<d<eU/`*Q.`6re6r3l6s6t6x8o8p9p9q9s:bQ0T*nQ3V.bU4e0T3V8sR8s6tQ*s%UR0X*sQ4o0fR7c4oQ+U%hR0d+UQ5V1VS7q5V9XR9X7rQ,P&YR1Y,PQ5]1[R7u5]Q1h,ZS5l1h8SR8S5nQ0s+iW4x0s4z7i9TQ4z0vQ7i4yR9T7jQ+n%|R0y+nQ1z,mR5|1zYrOXst#cQ&q!ZQ+W%jQ,g&mQ,i&oQ,j&pQ,l&rQ1u,hS1x,m1zR5{1wQ%lpQ&u!_Q&x!aQ&z!bQ&|!cQ'l!tQ+V%iQ+c%vQ+u&SQ,]&hQ,t&wW-e'f'n'o'rQ-l'jQ/y*gQ0n+dS1k,^,aQ2S,sQ2T,vQ2U,wQ2j-dW2l-g-h-k-mQ4q0oQ4}0|Q5Q1QQ5f1bQ5p1mQ5z1vU6Z2k2n2qQ6^2oQ7e4rQ7m5PQ7n5RQ7t5[Q7}5gQ8T5oS8d6[6`Q8f6_Q9U7kQ9^8OQ9c8UQ9j8eQ9z9VQ:P9_Q:T9kR:]:QQ%vyQ'_!iQ'j!tU+d%w%x%yQ,{'QU-`'`'a'bS-d'f'pQ/p*bS0o+e+fQ2[,}S2h-a-bQ2o-iQ4Y/tQ4r0pQ6V2bQ6Y2iQ6_2pR7Z4^S$wi<YR*t%VU%Ui%V<YR0W*rQ$viS(o#u+`Q(s#wS)`$c$dQ*U$xQ*^${Q*m%OQ*n%QQ*w%[Q*x%]Q*|%aQ.a:|Q.b;OQ.d;SQ.e;UQ.f;WQ/S)uS/X){/ZQ/])}Q/_*PQ/a*RQ/i*YQ/n*`Q0U*pQ0V*qh0f+].Z1^3O5c6g7y8j9[9n:O:WQ1Q+wQ1S+zQ3R;_Q3S;aQ3T;cQ3W.iS3l:y:zQ4P/jQ4Q/kQ4U/mQ4b0QQ4d0SQ4j0^Q5R1RQ5T1UQ6k;gQ6l;iQ6m;kQ6n;mQ6s:}Q6t;PQ6v;TQ6w;VQ6x;XQ6}3xQ7U4SQ7Y4[Q7`4fQ7b4nQ7d4pQ8o;dQ8p;`Q8q;bQ8{7TQ9P7^Q9p;hQ9q;jQ9r;lQ9s;nQ9t8wQ:X;qQ:b;rQ;z<YQ<W<bQ<X<cQ<d<fR<e<gnpOXst!Z#c%j&m&o&p&r,h,m1w1zQ!fPS#eZ#nQ&w!`U'c!o5Y7wQ'y#RQ(|#{Q)m$mS,a&f&iQ,f&jQ,s&vQ,x'OQ-[']Q.p(zQ/Q)nQ0b+SQ0i+^Q1s,eQ2f-^Q2|.[Q3s.{Q4h0[Q5a1_Q5r1oQ5s1pQ5w1rQ5y1tQ6O1|Q6f3PQ6{3pQ7{5dQ8X5tQ8Y5uQ8[5xQ8l6jQ9]7|R9g8]#WcOPXZst!Z!`!o#c#n#{%j&f&i&j&m&o&p&r&v'O'](z+S+^,e,h,m-^.[0[1_1o1p1r1t1w1z1|3P5Y5d5t5u5x6j7w7|8]Q#XWQ#dYQ%nuQ%ovS%qw!gS'|#V(PQ(S#YQ(n#tQ(u#xQ(}$OQ)O$PQ)P$QQ)Q$RQ)R$SQ)S$TQ)T$UQ)U$VQ)V$WQ)W$XQ)X$YQ)Z$[Q)^$aQ)b$eW)l$m)n.{3pQ+Z%pQ+o%}S-O'S2]Q-m'mS-r'}-tQ-w(VQ-y(^Q.h(rQ.n(vQ.r:cQ.t:fQ.u:gQ.v:jQ/V)yQ0_+OQ2W,yQ2Z,|Q2k-fQ2r-zQ3Y.lQ3_:kQ3`:lQ3a:mQ3b:nQ3c:oQ3d:pQ3e:qQ3f:rQ3g:sQ3h:tQ3i:uQ3j:vQ3k.sQ3n:{Q3o;YQ3t:wQ4k0aQ4s0qQ6U;ZQ6[2mQ6a2sQ6o3ZQ6p;[Q6y;^Q6z;eQ7r5WQ8a6SQ8e6]Q8n;fQ8t;oQ8u;pQ9k8gQ9{9WQ:S9iQ:e#RR<P<]R#ZWR'U!eY!tQ'Z-Y1[5]S'Q!e-QQ'f!rS'p!u!xS'r!y5_S,}'R'YS-i'g'hQ-k'iQ2b-WR2p-jR(t#wR(w#xQ!fQT-X'Z-Y]!qQ!r'Z-Y1[5]Q#o]R'd:dT#jZ%bS#iZ%bS%hm,dU(a#g#h#kS-}(b(cQ.R(dQ0c+TQ2u.OU2v.P.Q.SS6c2w2xR8h6d`#]W#V#Y%e'}(W+Q-xr#fZm#g#h#k%b(b(c(d+T.O.P.Q.S2w2x6dQ1q,dQ2X,zQ6Q2PQ8`6RT;w'S+RT#`W%eS#_W%eS(O#V(WS(T#Y+QS-P'S+RT-s'}-xT'X!e%fQ$kfR)s$pT)h$k)iR3r.zT*X$x*ZR*a${Q0g+]Q2z.ZQ5`1^Q6h3OQ7z5cQ8k6gQ9Y7yQ9l8jQ9}9[Q:V9nQ:[:OR:_:WnqOXst!Z#c%j&m&o&p&r,h,m1w1zQ&g!VR,]&dtmOXst!U!V!Z#c%j&d&m&o&p&r,h,m1w1zR,d&jT%im,dR1W+|R,[&bQ&Q|R+t&RR+j%{T&k!W&nT&l!W&nT1y,m1z",nodeNames:"\u26A0 ArithOp ArithOp JSXStartTag LineComment BlockComment Script Hashbang ExportDeclaration export Star as VariableName String Escape from ; default FunctionDeclaration async function VariableDefinition > < TypeParamList TypeDefinition extends ThisType this LiteralType ArithOp Number BooleanLiteral TemplateType InterpolationEnd Interpolation InterpolationStart NullType null VoidType void TypeofType typeof MemberExpression . ?. PropertyName [ TemplateString Escape Interpolation super RegExp ] ArrayExpression Spread , } { ObjectExpression Property async get set PropertyDefinition Block : NewExpression new TypeArgList CompareOp < ) ( ArgList UnaryExpression delete LogicOp BitOp YieldExpression yield AwaitExpression await ParenthesizedExpression ClassExpression class ClassBody MethodDeclaration Decorator @ MemberExpression PrivatePropertyName CallExpression declare Privacy static abstract override PrivatePropertyDefinition PropertyDeclaration readonly accessor Optional TypeAnnotation Equals StaticBlock FunctionExpression ArrowFunction ParamList ParamList ArrayPattern ObjectPattern PatternProperty Privacy readonly Arrow MemberExpression BinaryExpression ArithOp ArithOp ArithOp ArithOp BitOp CompareOp instanceof satisfies in const CompareOp BitOp BitOp BitOp LogicOp LogicOp ConditionalExpression LogicOp LogicOp AssignmentExpression UpdateOp PostfixExpression CallExpression TaggedTemplateExpression DynamicImport import ImportMeta JSXElement JSXSelfCloseEndTag JSXSelfClosingTag JSXIdentifier JSXBuiltin JSXIdentifier JSXNamespacedName JSXMemberExpression JSXSpreadAttribute JSXAttribute JSXAttributeValue JSXEscape JSXEndTag JSXOpenTag JSXFragmentTag JSXText JSXEscape JSXStartCloseTag JSXCloseTag PrefixCast ArrowFunction TypeParamList SequenceExpression KeyofType keyof UniqueType unique ImportType InferredType infer TypeName ParenthesizedType FunctionSignature ParamList NewSignature IndexedType TupleType Label ArrayType ReadonlyType ObjectType MethodType PropertyType IndexSignature PropertyDefinition CallSignature TypePredicate is NewSignature new UnionType LogicOp IntersectionType LogicOp ConditionalType ParameterizedType ClassDeclaration abstract implements type VariableDeclaration let var using TypeAliasDeclaration InterfaceDeclaration interface EnumDeclaration enum EnumBody NamespaceDeclaration namespace module AmbientDeclaration declare GlobalDeclaration global ClassDeclaration ClassBody AmbientFunctionDeclaration ExportGroup VariableName VariableName ImportDeclaration ImportGroup ForStatement for ForSpec ForInSpec ForOfSpec of WhileStatement while WithStatement with DoStatement do IfStatement if else SwitchStatement switch SwitchBody CaseLabel case DefaultLabel TryStatement try CatchClause catch FinallyClause finally ReturnStatement return ThrowStatement throw BreakStatement break ContinueStatement continue DebuggerStatement debugger LabeledStatement ExpressionStatement SingleExpression SingleClassItem",maxTerm:371,context:q,nodeProps:[["group",-26,8,16,18,65,201,205,209,210,212,215,218,228,230,236,238,240,242,245,251,257,259,261,263,265,267,268,"Statement",-32,12,13,28,31,32,38,48,51,52,54,59,67,75,79,81,83,84,106,107,116,117,134,137,139,140,141,142,144,145,164,165,167,"Expression",-23,27,29,33,37,39,41,168,170,172,173,175,176,177,179,180,181,183,184,185,195,197,199,200,"Type",-3,87,99,105,"ClassItem"],["openedBy",22,"<",34,"InterpolationStart",53,"[",57,"{",72,"(",157,"JSXStartCloseTag"],["closedBy",23,">",36,"InterpolationEnd",47,"]",58,"}",73,")",162,"JSXEndTag"]],propSources:[T],skippedNodes:[0,4,5,271],repeatNodeCount:37,tokenData:"$Fj(CSR!bOX%ZXY+gYZ-yZ[+g[]%Z]^.c^p%Zpq+gqr/mrs3cst:_tuEruvJSvwLkwx! Yxy!'iyz!(sz{!)}{|!,q|}!.O}!O!,q!O!P!/Y!P!Q!9j!Q!R#8g!R![#:v![!]#Gv!]!^#IS!^!_#J^!_!`#Ns!`!a$#_!a!b$(l!b!c$,k!c!}Er!}#O$-u#O#P$/P#P#Q$4h#Q#R$5r#R#SEr#S#T$7P#T#o$8Z#o#p$<k#p#q$=a#q#r$>q#r#s$?}#s$f%Z$f$g+g$g#BYEr#BY#BZ$AX#BZ$ISEr$IS$I_$AX$I_$I|Er$I|$I}$Dd$I}$JO$Dd$JO$JTEr$JT$JU$AX$JU$KVEr$KV$KW$AX$KW&FUEr&FU&FV$AX&FV;'SEr;'S;=`I|<%l?HTEr?HT?HU$AX?HUOEr(n%d_$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z&j&hT$f&jO!^&c!_#o&c#p;'S&c;'S;=`&w<%lO&c&j&zP;=`<%l&c'|'U]$f&j(R!bOY&}YZ&cZw&}wx&cx!^&}!^!_'}!_#O&}#O#P&c#P#o&}#o#p'}#p;'S&};'S;=`(l<%lO&}!b(SU(R!bOY'}Zw'}x#O'}#P;'S'};'S;=`(f<%lO'}!b(iP;=`<%l'}'|(oP;=`<%l&}'[(y]$f&j(OpOY(rYZ&cZr(rrs&cs!^(r!^!_)r!_#O(r#O#P&c#P#o(r#o#p)r#p;'S(r;'S;=`*a<%lO(rp)wU(OpOY)rZr)rs#O)r#P;'S)r;'S;=`*Z<%lO)rp*^P;=`<%l)r'[*dP;=`<%l(r#S*nX(Op(R!bOY*gZr*grs'}sw*gwx)rx#O*g#P;'S*g;'S;=`+Z<%lO*g#S+^P;=`<%l*g(n+dP;=`<%l%Z(CS+rq$f&j(Op(R!b't(;dOX%ZXY+gYZ&cZ[+g[p%Zpq+gqr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p$f%Z$f$g+g$g#BY%Z#BY#BZ+g#BZ$IS%Z$IS$I_+g$I_$JT%Z$JT$JU+g$JU$KV%Z$KV$KW+g$KW&FU%Z&FU&FV+g&FV;'S%Z;'S;=`+a<%l?HT%Z?HT?HU+g?HUO%Z(CS.ST(P#S$f&j'u(;dO!^&c!_#o&c#p;'S&c;'S;=`&w<%lO&c(CS.n_$f&j(Op(R!b'u(;dOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z%#`/x`$f&j!o$Ip(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_!`0z!`#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z%#S1V`#t$Id$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_!`2X!`#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z%#S2d_#t$Id$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z$/|3l_'}$(n$f&j(R!bOY4kYZ5qZr4krs7nsw4kwx5qx!^4k!^!_8p!_#O4k#O#P5q#P#o4k#o#p8p#p;'S4k;'S;=`:X<%lO4k(^4r_$f&j(R!bOY4kYZ5qZr4krs7nsw4kwx5qx!^4k!^!_8p!_#O4k#O#P5q#P#o4k#o#p8p#p;'S4k;'S;=`:X<%lO4k&z5vX$f&jOr5qrs6cs!^5q!^!_6y!_#o5q#o#p6y#p;'S5q;'S;=`7h<%lO5q&z6jT$a`$f&jO!^&c!_#o&c#p;'S&c;'S;=`&w<%lO&c`6|TOr6yrs7]s;'S6y;'S;=`7b<%lO6y`7bO$a``7eP;=`<%l6y&z7kP;=`<%l5q(^7w]$a`$f&j(R!bOY&}YZ&cZw&}wx&cx!^&}!^!_'}!_#O&}#O#P&c#P#o&}#o#p'}#p;'S&};'S;=`(l<%lO&}!r8uZ(R!bOY8pYZ6yZr8prs9hsw8pwx6yx#O8p#O#P6y#P;'S8p;'S;=`:R<%lO8p!r9oU$a`(R!bOY'}Zw'}x#O'}#P;'S'};'S;=`(f<%lO'}!r:UP;=`<%l8p(^:[P;=`<%l4k#%|:hh$f&j(Op(R!bOY%ZYZ&cZq%Zqr<Srs&}st%ZtuCruw%Zwx(rx!^%Z!^!_*g!_!c%Z!c!}Cr!}#O%Z#O#P&c#P#R%Z#R#SCr#S#T%Z#T#oCr#o#p*g#p$g%Z$g;'SCr;'S;=`El<%lOCr(r<__VS$f&j(Op(R!bOY<SYZ&cZr<Srs=^sw<Swx@nx!^<S!^!_Bm!_#O<S#O#P>`#P#o<S#o#pBm#p;'S<S;'S;=`Cl<%lO<S(Q=g]VS$f&j(R!bOY=^YZ&cZw=^wx>`x!^=^!^!_?q!_#O=^#O#P>`#P#o=^#o#p?q#p;'S=^;'S;=`@h<%lO=^&n>gXVS$f&jOY>`YZ&cZ!^>`!^!_?S!_#o>`#o#p?S#p;'S>`;'S;=`?k<%lO>`S?XSVSOY?SZ;'S?S;'S;=`?e<%lO?SS?hP;=`<%l?S&n?nP;=`<%l>`!f?xWVS(R!bOY?qZw?qwx?Sx#O?q#O#P?S#P;'S?q;'S;=`@b<%lO?q!f@eP;=`<%l?q(Q@kP;=`<%l=^'`@w]VS$f&j(OpOY@nYZ&cZr@nrs>`s!^@n!^!_Ap!_#O@n#O#P>`#P#o@n#o#pAp#p;'S@n;'S;=`Bg<%lO@ntAwWVS(OpOYApZrAprs?Ss#OAp#O#P?S#P;'SAp;'S;=`Ba<%lOAptBdP;=`<%lAp'`BjP;=`<%l@n#WBvYVS(Op(R!bOYBmZrBmrs?qswBmwxApx#OBm#O#P?S#P;'SBm;'S;=`Cf<%lOBm#WCiP;=`<%lBm(rCoP;=`<%l<S#%|C}i$f&j(g!L^(Op(R!bOY%ZYZ&cZr%Zrs&}st%ZtuCruw%Zwx(rx!Q%Z!Q![Cr![!^%Z!^!_*g!_!c%Z!c!}Cr!}#O%Z#O#P&c#P#R%Z#R#SCr#S#T%Z#T#oCr#o#p*g#p$g%Z$g;'SCr;'S;=`El<%lOCr#%|EoP;=`<%lCr(CSFRk$f&j(Op(R!b$Y#t'{&;d([!LYOY%ZYZ&cZr%Zrs&}st%ZtuEruw%Zwx(rx}%Z}!OGv!O!Q%Z!Q![Er![!^%Z!^!_*g!_!c%Z!c!}Er!}#O%Z#O#P&c#P#R%Z#R#SEr#S#T%Z#T#oEr#o#p*g#p$g%Z$g;'SEr;'S;=`I|<%lOEr+dHRk$f&j(Op(R!b$Y#tOY%ZYZ&cZr%Zrs&}st%ZtuGvuw%Zwx(rx}%Z}!OGv!O!Q%Z!Q![Gv![!^%Z!^!_*g!_!c%Z!c!}Gv!}#O%Z#O#P&c#P#R%Z#R#SGv#S#T%Z#T#oGv#o#p*g#p$g%Z$g;'SGv;'S;=`Iv<%lOGv+dIyP;=`<%lGv(CSJPP;=`<%lEr%#SJ_`$f&j(Op(R!b#l$IdOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_!`Ka!`#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z%#SKl_$f&j$O$Id(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z&COLva(p&;`$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sv%ZvwM{wx(rx!^%Z!^!_*g!_!`Ka!`#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z%#SNW`$f&j#x$Id(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_!`Ka!`#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z$/|! c_(Q$)`$f&j(OpOY!!bYZ!#hZr!!brs!#hsw!!bwx!$xx!^!!b!^!_!%z!_#O!!b#O#P!#h#P#o!!b#o#p!%z#p;'S!!b;'S;=`!'c<%lO!!b'l!!i_$f&j(OpOY!!bYZ!#hZr!!brs!#hsw!!bwx!$xx!^!!b!^!_!%z!_#O!!b#O#P!#h#P#o!!b#o#p!%z#p;'S!!b;'S;=`!'c<%lO!!b&z!#mX$f&jOw!#hwx6cx!^!#h!^!_!$Y!_#o!#h#o#p!$Y#p;'S!#h;'S;=`!$r<%lO!#h`!$]TOw!$Ywx7]x;'S!$Y;'S;=`!$l<%lO!$Y`!$oP;=`<%l!$Y&z!$uP;=`<%l!#h'l!%R]$a`$f&j(OpOY(rYZ&cZr(rrs&cs!^(r!^!_)r!_#O(r#O#P&c#P#o(r#o#p)r#p;'S(r;'S;=`*a<%lO(r!Q!&PZ(OpOY!%zYZ!$YZr!%zrs!$Ysw!%zwx!&rx#O!%z#O#P!$Y#P;'S!%z;'S;=`!']<%lO!%z!Q!&yU$a`(OpOY)rZr)rs#O)r#P;'S)r;'S;=`*Z<%lO)r!Q!'`P;=`<%l!%z'l!'fP;=`<%l!!b(*Q!'t_!k(!b$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z!'l!)O_!jM|$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z'+h!*[b$f&j(Op(R!b'|#)d#m$IdOY%ZYZ&cZr%Zrs&}sw%Zwx(rxz%Zz{!+d{!^%Z!^!_*g!_!`Ka!`#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z%#S!+o`$f&j(Op(R!b#j$IdOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_!`Ka!`#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z&-O!,|`$f&j(Op(R!bn&%`OY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_!`Ka!`#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z&C[!.Z_!Y&;l$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z(CS!/ec$f&j(Op(R!b|'<nOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!O%Z!O!P!0p!P!Q%Z!Q![!3Y![!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z!'d!0ya$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!O%Z!O!P!2O!P!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z!'d!2Z_!XMt$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z$/l!3eg$f&j(Op(R!bo$'|OY%ZYZ&cZr%Zrs&}sw%Zwx(rx!Q%Z!Q![!3Y![!^%Z!^!_*g!_!g%Z!g!h!4|!h#O%Z#O#P&c#P#R%Z#R#S!3Y#S#X%Z#X#Y!4|#Y#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z$/l!5Vg$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx{%Z{|!6n|}%Z}!O!6n!O!Q%Z!Q![!8S![!^%Z!^!_*g!_#O%Z#O#P&c#P#R%Z#R#S!8S#S#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z$/l!6wc$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!Q%Z!Q![!8S![!^%Z!^!_*g!_#O%Z#O#P&c#P#R%Z#R#S!8S#S#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z$/l!8_c$f&j(Op(R!bo$'|OY%ZYZ&cZr%Zrs&}sw%Zwx(rx!Q%Z!Q![!8S![!^%Z!^!_*g!_#O%Z#O#P&c#P#R%Z#R#S!8S#S#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z(CS!9uf$f&j(Op(R!b#k$IdOY!;ZYZ&cZr!;Zrs!<nsw!;Zwx!Kpxz!;Zz{#,f{!P!;Z!P!Q#-{!Q!^!;Z!^!_#'Z!_!`#5k!`!a#7Q!a!}!;Z!}#O#*}#O#P!Dj#P#o!;Z#o#p#'Z#p;'S!;Z;'S;=`#,`<%lO!;Z(r!;fb$f&j(Op(R!b!USOY!;ZYZ&cZr!;Zrs!<nsw!;Zwx!Kpx!P!;Z!P!Q#%Z!Q!^!;Z!^!_#'Z!_!}!;Z!}#O#*}#O#P!Dj#P#o!;Z#o#p#'Z#p;'S!;Z;'S;=`#,`<%lO!;Z(Q!<w`$f&j(R!b!USOY!<nYZ&cZw!<nwx!=yx!P!<n!P!Q!Eb!Q!^!<n!^!_!GY!_!}!<n!}#O!Ja#O#P!Dj#P#o!<n#o#p!GY#p;'S!<n;'S;=`!Kj<%lO!<n&n!>Q^$f&j!USOY!=yYZ&cZ!P!=y!P!Q!>|!Q!^!=y!^!_!@Y!_!}!=y!}#O!Bw#O#P!Dj#P#o!=y#o#p!@Y#p;'S!=y;'S;=`!E[<%lO!=y&n!?Ta$f&j!USO!^&c!_#Z&c#Z#[!>|#[#]&c#]#^!>|#^#a&c#a#b!>|#b#g&c#g#h!>|#h#i&c#i#j!>|#j#m&c#m#n!>|#n#o&c#p;'S&c;'S;=`&w<%lO&cS!@_X!USOY!@YZ!P!@Y!P!Q!@z!Q!}!@Y!}#O!Ac#O#P!Bb#P;'S!@Y;'S;=`!Bq<%lO!@YS!APU!US#Z#[!@z#]#^!@z#a#b!@z#g#h!@z#i#j!@z#m#n!@zS!AfVOY!AcZ#O!Ac#O#P!A{#P#Q!@Y#Q;'S!Ac;'S;=`!B[<%lO!AcS!BOSOY!AcZ;'S!Ac;'S;=`!B[<%lO!AcS!B_P;=`<%l!AcS!BeSOY!@YZ;'S!@Y;'S;=`!Bq<%lO!@YS!BtP;=`<%l!@Y&n!B|[$f&jOY!BwYZ&cZ!^!Bw!^!_!Ac!_#O!Bw#O#P!Cr#P#Q!=y#Q#o!Bw#o#p!Ac#p;'S!Bw;'S;=`!Dd<%lO!Bw&n!CwX$f&jOY!BwYZ&cZ!^!Bw!^!_!Ac!_#o!Bw#o#p!Ac#p;'S!Bw;'S;=`!Dd<%lO!Bw&n!DgP;=`<%l!Bw&n!DoX$f&jOY!=yYZ&cZ!^!=y!^!_!@Y!_#o!=y#o#p!@Y#p;'S!=y;'S;=`!E[<%lO!=y&n!E_P;=`<%l!=y(Q!Eki$f&j(R!b!USOY&}YZ&cZw&}wx&cx!^&}!^!_'}!_#O&}#O#P&c#P#Z&}#Z#[!Eb#[#]&}#]#^!Eb#^#a&}#a#b!Eb#b#g&}#g#h!Eb#h#i&}#i#j!Eb#j#m&}#m#n!Eb#n#o&}#o#p'}#p;'S&};'S;=`(l<%lO&}!f!GaZ(R!b!USOY!GYZw!GYwx!@Yx!P!GY!P!Q!HS!Q!}!GY!}#O!Ic#O#P!Bb#P;'S!GY;'S;=`!JZ<%lO!GY!f!HZb(R!b!USOY'}Zw'}x#O'}#P#Z'}#Z#[!HS#[#]'}#]#^!HS#^#a'}#a#b!HS#b#g'}#g#h!HS#h#i'}#i#j!HS#j#m'}#m#n!HS#n;'S'};'S;=`(f<%lO'}!f!IhX(R!bOY!IcZw!Icwx!Acx#O!Ic#O#P!A{#P#Q!GY#Q;'S!Ic;'S;=`!JT<%lO!Ic!f!JWP;=`<%l!Ic!f!J^P;=`<%l!GY(Q!Jh^$f&j(R!bOY!JaYZ&cZw!Jawx!Bwx!^!Ja!^!_!Ic!_#O!Ja#O#P!Cr#P#Q!<n#Q#o!Ja#o#p!Ic#p;'S!Ja;'S;=`!Kd<%lO!Ja(Q!KgP;=`<%l!Ja(Q!KmP;=`<%l!<n'`!Ky`$f&j(Op!USOY!KpYZ&cZr!Kprs!=ys!P!Kp!P!Q!L{!Q!^!Kp!^!_!Ns!_!}!Kp!}#O##z#O#P!Dj#P#o!Kp#o#p!Ns#p;'S!Kp;'S;=`#%T<%lO!Kp'`!MUi$f&j(Op!USOY(rYZ&cZr(rrs&cs!^(r!^!_)r!_#O(r#O#P&c#P#Z(r#Z#[!L{#[#](r#]#^!L{#^#a(r#a#b!L{#b#g(r#g#h!L{#h#i(r#i#j!L{#j#m(r#m#n!L{#n#o(r#o#p)r#p;'S(r;'S;=`*a<%lO(rt!NzZ(Op!USOY!NsZr!Nsrs!@Ys!P!Ns!P!Q# m!Q!}!Ns!}#O#!|#O#P!Bb#P;'S!Ns;'S;=`##t<%lO!Nst# tb(Op!USOY)rZr)rs#O)r#P#Z)r#Z#[# m#[#])r#]#^# m#^#a)r#a#b# m#b#g)r#g#h# m#h#i)r#i#j# m#j#m)r#m#n# m#n;'S)r;'S;=`*Z<%lO)rt##RX(OpOY#!|Zr#!|rs!Acs#O#!|#O#P!A{#P#Q!Ns#Q;'S#!|;'S;=`##n<%lO#!|t##qP;=`<%l#!|t##wP;=`<%l!Ns'`#$R^$f&j(OpOY##zYZ&cZr##zrs!Bws!^##z!^!_#!|!_#O##z#O#P!Cr#P#Q!Kp#Q#o##z#o#p#!|#p;'S##z;'S;=`#$}<%lO##z'`#%QP;=`<%l##z'`#%WP;=`<%l!Kp(r#%fk$f&j(Op(R!b!USOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#Z%Z#Z#[#%Z#[#]%Z#]#^#%Z#^#a%Z#a#b#%Z#b#g%Z#g#h#%Z#h#i%Z#i#j#%Z#j#m%Z#m#n#%Z#n#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z#W#'d](Op(R!b!USOY#'ZZr#'Zrs!GYsw#'Zwx!Nsx!P#'Z!P!Q#(]!Q!}#'Z!}#O#)w#O#P!Bb#P;'S#'Z;'S;=`#*w<%lO#'Z#W#(fe(Op(R!b!USOY*gZr*grs'}sw*gwx)rx#O*g#P#Z*g#Z#[#(]#[#]*g#]#^#(]#^#a*g#a#b#(]#b#g*g#g#h#(]#h#i*g#i#j#(]#j#m*g#m#n#(]#n;'S*g;'S;=`+Z<%lO*g#W#*OZ(Op(R!bOY#)wZr#)wrs!Icsw#)wwx#!|x#O#)w#O#P!A{#P#Q#'Z#Q;'S#)w;'S;=`#*q<%lO#)w#W#*tP;=`<%l#)w#W#*zP;=`<%l#'Z(r#+W`$f&j(Op(R!bOY#*}YZ&cZr#*}rs!Jasw#*}wx##zx!^#*}!^!_#)w!_#O#*}#O#P!Cr#P#Q!;Z#Q#o#*}#o#p#)w#p;'S#*};'S;=`#,Y<%lO#*}(r#,]P;=`<%l#*}(r#,cP;=`<%l!;Z(CS#,sb$f&j(Op(R!b'v(;d!USOY!;ZYZ&cZr!;Zrs!<nsw!;Zwx!Kpx!P!;Z!P!Q#%Z!Q!^!;Z!^!_#'Z!_!}!;Z!}#O#*}#O#P!Dj#P#o!;Z#o#p#'Z#p;'S!;Z;'S;=`#,`<%lO!;Z(CS#.W_$f&j(Op(R!bS(;dOY#-{YZ&cZr#-{rs#/Vsw#-{wx#2gx!^#-{!^!_#4f!_#O#-{#O#P#0X#P#o#-{#o#p#4f#p;'S#-{;'S;=`#5e<%lO#-{(Bb#/`]$f&j(R!bS(;dOY#/VYZ&cZw#/Vwx#0Xx!^#/V!^!_#1j!_#O#/V#O#P#0X#P#o#/V#o#p#1j#p;'S#/V;'S;=`#2a<%lO#/V(AO#0`X$f&jS(;dOY#0XYZ&cZ!^#0X!^!_#0{!_#o#0X#o#p#0{#p;'S#0X;'S;=`#1d<%lO#0X(;d#1QSS(;dOY#0{Z;'S#0{;'S;=`#1^<%lO#0{(;d#1aP;=`<%l#0{(AO#1gP;=`<%l#0X(<v#1qW(R!bS(;dOY#1jZw#1jwx#0{x#O#1j#O#P#0{#P;'S#1j;'S;=`#2Z<%lO#1j(<v#2^P;=`<%l#1j(Bb#2dP;=`<%l#/V(Ap#2p]$f&j(OpS(;dOY#2gYZ&cZr#2grs#0Xs!^#2g!^!_#3i!_#O#2g#O#P#0X#P#o#2g#o#p#3i#p;'S#2g;'S;=`#4`<%lO#2g(<U#3pW(OpS(;dOY#3iZr#3irs#0{s#O#3i#O#P#0{#P;'S#3i;'S;=`#4Y<%lO#3i(<U#4]P;=`<%l#3i(Ap#4cP;=`<%l#2g(=h#4oY(Op(R!bS(;dOY#4fZr#4frs#1jsw#4fwx#3ix#O#4f#O#P#0{#P;'S#4f;'S;=`#5_<%lO#4f(=h#5bP;=`<%l#4f(CS#5hP;=`<%l#-{%#W#5xb$f&j$O$Id(Op(R!b!USOY!;ZYZ&cZr!;Zrs!<nsw!;Zwx!Kpx!P!;Z!P!Q#%Z!Q!^!;Z!^!_#'Z!_!}!;Z!}#O#*}#O#P!Dj#P#o!;Z#o#p#'Z#p;'S!;Z;'S;=`#,`<%lO!;Z+h#7_b$W#t$f&j(Op(R!b!USOY!;ZYZ&cZr!;Zrs!<nsw!;Zwx!Kpx!P!;Z!P!Q#%Z!Q!^!;Z!^!_#'Z!_!}!;Z!}#O#*}#O#P!Dj#P#o!;Z#o#p#'Z#p;'S!;Z;'S;=`#,`<%lO!;Z$/l#8rp$f&j(Op(R!bo$'|OY%ZYZ&cZr%Zrs&}sw%Zwx(rx!O%Z!O!P!3Y!P!Q%Z!Q![#:v![!^%Z!^!_*g!_!g%Z!g!h!4|!h#O%Z#O#P&c#P#R%Z#R#S#:v#S#U%Z#U#V#>Q#V#X%Z#X#Y!4|#Y#b%Z#b#c#<v#c#d#AY#d#l%Z#l#m#D[#m#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z$/l#;Rk$f&j(Op(R!bo$'|OY%ZYZ&cZr%Zrs&}sw%Zwx(rx!O%Z!O!P!3Y!P!Q%Z!Q![#:v![!^%Z!^!_*g!_!g%Z!g!h!4|!h#O%Z#O#P&c#P#R%Z#R#S#:v#S#X%Z#X#Y!4|#Y#b%Z#b#c#<v#c#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z$/l#=R_$f&j(Op(R!bo$'|OY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z$/l#>Zd$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!Q%Z!Q!R#?i!R!S#?i!S!^%Z!^!_*g!_#O%Z#O#P&c#P#R%Z#R#S#?i#S#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z$/l#?tf$f&j(Op(R!bo$'|OY%ZYZ&cZr%Zrs&}sw%Zwx(rx!Q%Z!Q!R#?i!R!S#?i!S!^%Z!^!_*g!_#O%Z#O#P&c#P#R%Z#R#S#?i#S#b%Z#b#c#<v#c#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z$/l#Acc$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!Q%Z!Q!Y#Bn!Y!^%Z!^!_*g!_#O%Z#O#P&c#P#R%Z#R#S#Bn#S#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z$/l#Bye$f&j(Op(R!bo$'|OY%ZYZ&cZr%Zrs&}sw%Zwx(rx!Q%Z!Q!Y#Bn!Y!^%Z!^!_*g!_#O%Z#O#P&c#P#R%Z#R#S#Bn#S#b%Z#b#c#<v#c#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z$/l#Deg$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!Q%Z!Q![#E|![!^%Z!^!_*g!_!c%Z!c!i#E|!i#O%Z#O#P&c#P#R%Z#R#S#E|#S#T%Z#T#Z#E|#Z#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z$/l#FXi$f&j(Op(R!bo$'|OY%ZYZ&cZr%Zrs&}sw%Zwx(rx!Q%Z!Q![#E|![!^%Z!^!_*g!_!c%Z!c!i#E|!i#O%Z#O#P&c#P#R%Z#R#S#E|#S#T%Z#T#Z#E|#Z#b%Z#b#c#<v#c#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z%Gh#HT_!d$b$f&j#|%<f(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z)[#I__`l$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z(@^#Jk^g!*v!h'.r(Op(R!b(tSOY*gZr*grs'}sw*gwx)rx!P*g!P!Q#Kg!Q!^*g!^!_#L]!_!`#M}!`#O*g#P;'S*g;'S;=`+Z<%lO*g(n#KpX$h&j(Op(R!bOY*gZr*grs'}sw*gwx)rx#O*g#P;'S*g;'S;=`+Z<%lO*g$Kh#LfZ#n$Id(Op(R!bOY*gZr*grs'}sw*gwx)rx!_*g!_!`#MX!`#O*g#P;'S*g;'S;=`+Z<%lO*g$Kh#MbX$O$Id(Op(R!bOY*gZr*grs'}sw*gwx)rx#O*g#P;'S*g;'S;=`+Z<%lO*g$Kh#NWX#o$Id(Op(R!bOY*gZr*grs'}sw*gwx)rx#O*g#P;'S*g;'S;=`+Z<%lO*g%Gh$ Oa#[%?x$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_!`0z!`!a$!T!a#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z%#W$!`_#g$Ih$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z%Gh$#nafBf#o$Id$c#|$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_!`$$s!`!a$%}!a#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z%#S$%O_#o$Id$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z%#S$&Ya#n$Id$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_!`Ka!`!a$'_!a#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z%#S$'j`#n$Id$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_!`Ka!`#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z'+h$(wc(h$Ip$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!O%Z!O!P$*S!P!^%Z!^!_*g!_!a%Z!a!b$+^!b#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z'+`$*__}'#p$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z%#S$+i`$f&j#y$Id(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_!`Ka!`#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z#&^$,v_!{!Ln$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z(@^$.Q_!P(8n$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z(n$/UZ$f&jO!^$/w!^!_$0_!_#i$/w#i#j$0d#j#l$/w#l#m$2V#m#o$/w#o#p$0_#p;'S$/w;'S;=`$4b<%lO$/w(n$0OT^#S$f&jO!^&c!_#o&c#p;'S&c;'S;=`&w<%lO&c#S$0dO^#S(n$0i[$f&jO!Q&c!Q![$1_![!^&c!_!c&c!c!i$1_!i#T&c#T#Z$1_#Z#o&c#o#p$3u#p;'S&c;'S;=`&w<%lO&c(n$1dZ$f&jO!Q&c!Q![$2V![!^&c!_!c&c!c!i$2V!i#T&c#T#Z$2V#Z#o&c#p;'S&c;'S;=`&w<%lO&c(n$2[Z$f&jO!Q&c!Q![$2}![!^&c!_!c&c!c!i$2}!i#T&c#T#Z$2}#Z#o&c#p;'S&c;'S;=`&w<%lO&c(n$3SZ$f&jO!Q&c!Q![$/w![!^&c!_!c&c!c!i$/w!i#T&c#T#Z$/w#Z#o&c#p;'S&c;'S;=`&w<%lO&c#S$3xR!Q![$4R!c!i$4R#T#Z$4R#S$4US!Q![$4R!c!i$4R#T#Z$4R#q#r$0_(n$4eP;=`<%l$/w!2r$4s_!V!+S$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z%#S$5}`#v$Id$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_!`Ka!`#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z&,v$7[_$f&j(Op(R!b(X&%WOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z(CS$8jk$f&j(Op(R!b'{&;d$[#t([!LYOY%ZYZ&cZr%Zrs&}st%Ztu$8Zuw%Zwx(rx}%Z}!O$:_!O!Q%Z!Q![$8Z![!^%Z!^!_*g!_!c%Z!c!}$8Z!}#O%Z#O#P&c#P#R%Z#R#S$8Z#S#T%Z#T#o$8Z#o#p*g#p$g%Z$g;'S$8Z;'S;=`$<e<%lO$8Z+d$:jk$f&j(Op(R!b$[#tOY%ZYZ&cZr%Zrs&}st%Ztu$:_uw%Zwx(rx}%Z}!O$:_!O!Q%Z!Q![$:_![!^%Z!^!_*g!_!c%Z!c!}$:_!}#O%Z#O#P&c#P#R%Z#R#S$:_#S#T%Z#T#o$:_#o#p*g#p$g%Z$g;'S$:_;'S;=`$<_<%lO$:_+d$<bP;=`<%l$:_(CS$<hP;=`<%l$8Z!5p$<tX![!3l(Op(R!bOY*gZr*grs'}sw*gwx)rx#O*g#P;'S*g;'S;=`+Z<%lO*g&CO$=la(o&;`$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_!`Ka!`#O%Z#O#P&c#P#o%Z#o#p*g#p#q$+^#q;'S%Z;'S;=`+a<%lO%Z%#`$?O_!Z$I`r`$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z(r$@Y_!pS$f&j(Op(R!bOY%ZYZ&cZr%Zrs&}sw%Zwx(rx!^%Z!^!_*g!_#O%Z#O#P&c#P#o%Z#o#p*g#p;'S%Z;'S;=`+a<%lO%Z(CS$Aj|$f&j(Op(R!b't(;d$Y#t'{&;d([!LYOX%ZXY+gYZ&cZ[+g[p%Zpq+gqr%Zrs&}st%ZtuEruw%Zwx(rx}%Z}!OGv!O!Q%Z!Q![Er![!^%Z!^!_*g!_!c%Z!c!}Er!}#O%Z#O#P&c#P#R%Z#R#SEr#S#T%Z#T#oEr#o#p*g#p$f%Z$f$g+g$g#BYEr#BY#BZ$AX#BZ$ISEr$IS$I_$AX$I_$JTEr$JT$JU$AX$JU$KVEr$KV$KW$AX$KW&FUEr&FU&FV$AX&FV;'SEr;'S;=`I|<%l?HTEr?HT?HU$AX?HUOEr(CS$Duk$f&j(Op(R!b'u(;d$Y#t'{&;d([!LYOY%ZYZ&cZr%Zrs&}st%ZtuEruw%Zwx(rx}%Z}!OGv!O!Q%Z!Q![Er![!^%Z!^!_*g!_!c%Z!c!}Er!}#O%Z#O#P&c#P#R%Z#R#SEr#S#T%Z#T#oEr#o#p*g#p$g%Z$g;'SEr;'S;=`I|<%lOEr",tokenizers:[h,G,R,2,3,4,5,6,7,8,9,10,11,12,13,_,new e("$S~RRtu[#O#Pg#S#T#|~_P#o#pb~gOt~~jVO#i!P#i#j!U#j#l!P#l#m!q#m;'S!P;'S;=`#v<%lO!P~!UO!R~~!XS!Q![!e!c!i!e#T#Z!e#o#p#Z~!hR!Q![!q!c!i!q#T#Z!q~!tR!Q![!}!c!i!}#T#Z!}~#QR!Q![!P!c!i!P#T#Z!P~#^R!Q![#g!c!i#g#T#Z#g~#jS!Q![#g!c!i#g#T#Z#g#q#r!P~#yP;=`<%l!P~$RO(Z~~",141,332),new e("j~RQYZXz{^~^O'x~~aP!P!Qd~iO'y~~",25,315)],topRules:{Script:[0,6],SingleExpression:[1,269],SingleClassItem:[2,270]},dialects:{jsx:0,ts:14602},dynamicPrecedences:{69:1,79:1,81:1,165:1,193:1},specialized:[{term:319,get:Q=>V[Q]||-1},{term:334,get:Q=>U[Q]||-1},{term:70,get:Q=>u[Q]||-1}],tokenPrec:14626});export{z as parser};
diff --git a/Resources/Public/JavaScript/Contrib/@lezer/json.js b/Resources/Public/JavaScript/Contrib/@lezer/json.js
new file mode 100644
index 0000000..99b2115
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@lezer/json.js
@@ -0,0 +1 @@
+import{LRParser as P}from"@lezer/lr";import{styleTags as Q,tags as O}from"@lezer/highlight";const e=Q({String:O.string,Number:O.number,"True False":O.bool,PropertyName:O.propertyName,Null:O.null,",":O.separator,"[ ]":O.squareBracket,"{ }":O.brace}),r=P.deserialize({version:14,states:"$bOVQPOOOOQO'#Cb'#CbOnQPO'#CeOvQPO'#CjOOQO'#Cp'#CpQOQPOOOOQO'#Cg'#CgO}QPO'#CfO!SQPO'#CrOOQO,59P,59PO![QPO,59PO!aQPO'#CuOOQO,59U,59UO!iQPO,59UOVQPO,59QOqQPO'#CkO!nQPO,59^OOQO1G.k1G.kOVQPO'#ClO!vQPO,59aOOQO1G.p1G.pOOQO1G.l1G.lOOQO,59V,59VOOQO-E6i-E6iOOQO,59W,59WOOQO-E6j-E6j",stateData:"#O~OcOS~OQSORSOSSOTSOWQO]ROePO~OVXOeUO~O[[O~PVOg^O~Oh_OVfX~OVaO~OhbO[iX~O[dO~Oh_OVfa~OhbO[ia~O",goto:"!kjPPPPPPkPPkqwPPk{!RPPP!XP!ePP!hXSOR^bQWQRf_TVQ_Q`WRg`QcZRicQTOQZRQe^RhbRYQR]R",nodeNames:"\u26A0 JsonText True False Null Number String } { Object Property PropertyName ] [ Array",maxTerm:25,nodeProps:[["openedBy",7,"{",12,"["],["closedBy",8,"}",13,"]"]],propSources:[e],skippedNodes:[0],repeatNodeCount:2,tokenData:"(p~RaXY!WYZ!W]^!Wpq!Wrs!]|}$i}!O$n!Q!R$w!R![&V![!]&h!}#O&m#P#Q&r#Y#Z&w#b#c'f#h#i'}#o#p(f#q#r(k~!]Oc~~!`Upq!]qr!]rs!rs#O!]#O#P!w#P~!]~!wOe~~!zXrs!]!P!Q!]#O#P!]#U#V!]#Y#Z!]#b#c!]#f#g!]#h#i!]#i#j#g~#jR!Q![#s!c!i#s#T#Z#s~#vR!Q![$P!c!i$P#T#Z$P~$SR!Q![$]!c!i$]#T#Z$]~$`R!Q![!]!c!i!]#T#Z!]~$nOh~~$qQ!Q!R$w!R![&V~$|RT~!O!P%V!g!h%k#X#Y%k~%YP!Q![%]~%bRT~!Q![%]!g!h%k#X#Y%k~%nR{|%w}!O%w!Q![%}~%zP!Q![%}~&SPT~!Q![%}~&[ST~!O!P%V!Q![&V!g!h%k#X#Y%k~&mOg~~&rO]~~&wO[~~&zP#T#U&}~'QP#`#a'T~'WP#g#h'Z~'^P#X#Y'a~'fOR~~'iP#i#j'l~'oP#`#a'r~'uP#`#a'x~'}OS~~(QP#f#g(T~(WP#i#j(Z~(^P#X#Y(a~(fOQ~~(kOW~~(pOV~",tokenizers:[0],topRules:{JsonText:[0,1]},tokenPrec:0});export{r as parser};
diff --git a/Resources/Public/JavaScript/Contrib/@lezer/lr.js b/Resources/Public/JavaScript/Contrib/@lezer/lr.js
new file mode 100644
index 0000000..e8eff95
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@lezer/lr.js
@@ -0,0 +1 @@
+import{Parser as $,NodeProp as C,NodeSet as E,NodeType as j,DefaultBufferLength as G,Tree as P,IterMode as U}from"@lezer/common";class b{constructor(t,e,s,i,h,r,n,o,a,u=0,f){this.p=t,this.stack=e,this.state=s,this.reducePos=i,this.pos=h,this.score=r,this.buffer=n,this.bufferBase=o,this.curContext=a,this.lookAhead=u,this.parent=f}toString(){return`[${this.stack.filter((t,e)=>e%3==0).concat(this.state)}]@${this.pos}${this.score?"!"+this.score:""}`}static start(t,e,s=0){let i=t.parser.context;return new b(t,[],e,s,s,0,[],0,i?new N(i,i.start):null,0,null)}get context(){return this.curContext?this.curContext.context:null}pushState(t,e){this.stack.push(this.state,e,this.bufferBase+this.buffer.length),this.state=t}reduce(t){var e;let s=t>>19,i=t&65535,{parser:h}=this.p,r=this.reducePos<this.pos-25;r&&this.setLookAhead(this.pos);let n=h.dynamicPrecedence(i);if(n&&(this.score+=n),s==0){this.pushState(h.getGoto(this.state,i,!0),this.reducePos),i<h.minRepeatTerm&&this.storeNode(i,this.reducePos,this.reducePos,r?8:4,!0),this.reduceContext(i,this.reducePos);return}let o=this.stack.length-(s-1)*3-(t&262144?6:0),a=o?this.stack[o-2]:this.p.ranges[0].from,u=this.reducePos-a;u>=2e3&&!(!((e=this.p.parser.nodeSet.types[i])===null||e===void 0)&&e.isAnonymous)&&(a==this.p.lastBigReductionStart?(this.p.bigReductionCount++,this.p.lastBigReductionSize=u):this.p.lastBigReductionSize<u&&(this.p.bigReductionCount=1,this.p.lastBigReductionStart=a,this.p.lastBigReductionSize=u));let f=o?this.stack[o-1]:0,p=this.bufferBase+this.buffer.length-f;if(i<h.minRepeatTerm||t&131072){let c=h.stateFlag(this.state,1)?this.pos:this.reducePos;this.storeNode(i,a,c,p+4,!0)}if(t&262144)this.state=this.stack[o];else{let c=this.stack[o-3];this.state=h.getGoto(c,i,!0)}for(;this.stack.length>o;)this.stack.pop();this.reduceContext(i,a)}storeNode(t,e,s,i=4,h=!1){if(t==0&&(!this.stack.length||this.stack[this.stack.length-1]<this.buffer.length+this.bufferBase)){let r=this,n=this.buffer.length;if(n==0&&r.parent&&(n=r.bufferBase-r.parent.bufferBase,r=r.parent),n>0&&r.buffer[n-4]==0&&r.buffer[n-1]>-1){if(e==s)return;if(r.buffer[n-2]>=e){r.buffer[n-2]=s;return}}}if(!h||this.pos==s)this.buffer.push(t,e,s,i);else{let r=this.buffer.length;if(r>0&&this.buffer[r-4]!=0){let n=!1;for(let o=r;o>0&&this.buffer[o-2]>s;o-=4)if(this.buffer[o-1]>=0){n=!0;break}if(n)for(;r>0&&this.buffer[r-2]>s;)this.buffer[r]=this.buffer[r-4],this.buffer[r+1]=this.buffer[r-3],this.buffer[r+2]=this.buffer[r-2],this.buffer[r+3]=this.buffer[r-1],r-=4,i>4&&(i-=4)}this.buffer[r]=t,this.buffer[r+1]=e,this.buffer[r+2]=s,this.buffer[r+3]=i}}shift(t,e,s,i){if(t&131072)this.pushState(t&65535,this.pos);else if((t&262144)==0){let h=t,{parser:r}=this.p;(i>this.pos||e<=r.maxNode)&&(this.pos=i,r.stateFlag(h,1)||(this.reducePos=i)),this.pushState(h,s),this.shiftContext(e,s),e<=r.maxNode&&this.buffer.push(e,s,i,4)}else this.pos=i,this.shiftContext(e,s),e<=this.p.parser.maxNode&&this.buffer.push(e,s,i,4)}apply(t,e,s,i){t&65536?this.reduce(t):this.shift(t,e,s,i)}useNode(t,e){let s=this.p.reused.length-1;(s<0||this.p.reused[s]!=t)&&(this.p.reused.push(t),s++);let i=this.pos;this.reducePos=this.pos=i+t.length,this.pushState(e,i),this.buffer.push(s,i,this.reducePos,-1),this.curContext&&this.updateContext(this.curContext.tracker.reuse(this.curContext.context,t,this,this.p.stream.reset(this.pos-t.length)))}split(){let t=this,e=t.buffer.length;for(;e>0&&t.buffer[e-2]>t.reducePos;)e-=4;let s=t.buffer.slice(e),i=t.bufferBase+e;for(;t&&i==t.bufferBase;)t=t.parent;return new b(this.p,this.stack.slice(),this.state,this.reducePos,this.pos,this.score,s,i,this.curContext,this.lookAhead,t)}recoverByDelete(t,e){let s=t<=this.p.parser.maxNode;s&&this.storeNode(t,this.pos,e,4),this.storeNode(0,this.pos,e,s?8:4),this.pos=this.reducePos=e,this.score-=190}canShift(t){for(let e=new H(this);;){let s=this.p.parser.stateSlot(e.state,4)||this.p.parser.hasAction(e.state,t);if(s==0)return!1;if((s&65536)==0)return!0;e.reduce(s)}}recoverByInsert(t){if(this.stack.length>=300)return[];let e=this.p.parser.nextStates(this.state);if(e.length>8||this.stack.length>=120){let i=[];for(let h=0,r;h<e.length;h+=2)(r=e[h+1])!=this.state&&this.p.parser.hasAction(r,t)&&i.push(e[h],r);if(this.stack.length<120)for(let h=0;i.length<8&&h<e.length;h+=2){let r=e[h+1];i.some((n,o)=>o&1&&n==r)||i.push(e[h],r)}e=i}let s=[];for(let i=0;i<e.length&&s.length<4;i+=2){let h=e[i+1];if(h==this.state)continue;let r=this.split();r.pushState(h,this.pos),r.storeNode(0,r.pos,r.pos,4,!0),r.shiftContext(e[i],this.pos),r.reducePos=this.pos,r.score-=200,s.push(r)}return s}forceReduce(){let{parser:t}=this.p,e=t.stateSlot(this.state,5);if((e&65536)==0)return!1;if(!t.validAction(this.state,e)){let s=e>>19,i=e&65535,h=this.stack.length-s*3;if(h<0||t.getGoto(this.stack[h],i,!1)<0){let r=this.findForcedReduction();if(r==null)return!1;e=r}this.storeNode(0,this.pos,this.pos,4,!0),this.score-=100}return this.reducePos=this.pos,this.reduce(e),!0}findForcedReduction(){let{parser:t}=this.p,e=[],s=(i,h)=>{if(!e.includes(i))return e.push(i),t.allActions(i,r=>{if(!(r&393216))if(r&65536){let n=(r>>19)-h;if(n>1){let o=r&65535,a=this.stack.length-n*3;if(a>=0&&t.getGoto(this.stack[a],o,!1)>=0)return n<<19|65536|o}}else{let n=s(r,h+1);if(n!=null)return n}})};return s(this.state,0)}forceAll(){for(;!this.p.parser.stateFlag(this.state,2);)if(!this.forceReduce()){this.storeNode(0,this.pos,this.pos,4,!0);break}return this}get deadEnd(){if(this.stack.length!=3)return!1;let{parser:t}=this.p;return t.data[t.stateSlot(this.state,1)]==65535&&!t.stateSlot(this.state,4)}restart(){this.storeNode(0,this.pos,this.pos,4,!0),this.state=this.stack[0],this.stack.length=0}sameState(t){if(this.state!=t.state||this.stack.length!=t.stack.length)return!1;for(let e=0;e<this.stack.length;e+=3)if(this.stack[e]!=t.stack[e])return!1;return!0}get parser(){return this.p.parser}dialectEnabled(t){return this.p.parser.dialect.flags[t]}shiftContext(t,e){this.curContext&&this.updateContext(this.curContext.tracker.shift(this.curContext.context,t,this,this.p.stream.reset(e)))}reduceContext(t,e){this.curContext&&this.updateContext(this.curContext.tracker.reduce(this.curContext.context,t,this,this.p.stream.reset(e)))}emitContext(){let t=this.buffer.length-1;(t<0||this.buffer[t]!=-3)&&this.buffer.push(this.curContext.hash,this.pos,this.pos,-3)}emitLookAhead(){let t=this.buffer.length-1;(t<0||this.buffer[t]!=-4)&&this.buffer.push(this.lookAhead,this.pos,this.pos,-4)}updateContext(t){if(t!=this.curContext.context){let e=new N(this.curContext.tracker,t);e.hash!=this.curContext.hash&&this.emitContext(),this.curContext=e}}setLookAhead(t){t>this.lookAhead&&(this.emitLookAhead(),this.lookAhead=t)}close(){this.curContext&&this.curContext.tracker.strict&&this.emitContext(),this.lookAhead>0&&this.emitLookAhead()}}class N{constructor(t,e){this.tracker=t,this.context=e,this.hash=t.strict?t.hash(e):0}}class H{constructor(t){this.start=t,this.state=t.state,this.stack=t.stack,this.base=this.stack.length}reduce(t){let e=t&65535,s=t>>19;s==0?(this.stack==this.start.stack&&(this.stack=this.stack.slice()),this.stack.push(this.state,0,0),this.base+=3):this.base-=(s-1)*3;let i=this.start.p.parser.getGoto(this.stack[this.base-3],e,!0);this.state=i}}class A{constructor(t,e,s){this.stack=t,this.pos=e,this.index=s,this.buffer=t.buffer,this.index==0&&this.maybeNext()}static create(t,e=t.bufferBase+t.buffer.length){return new A(t,e,e-t.bufferBase)}maybeNext(){let t=this.stack.parent;t!=null&&(this.index=this.stack.bufferBase-t.bufferBase,this.stack=t,this.buffer=t.buffer)}get id(){return this.buffer[this.index-4]}get start(){return this.buffer[this.index-3]}get end(){return this.buffer[this.index-2]}get size(){return this.buffer[this.index-1]}next(){this.index-=4,this.pos-=4,this.index==0&&this.maybeNext()}fork(){return new A(this.stack,this.pos,this.index)}}function x(l,t=Uint16Array){if(typeof l!="string")return l;let e=null;for(let s=0,i=0;s<l.length;){let h=0;for(;;){let r=l.charCodeAt(s++),n=!1;if(r==126){h=65535;break}r>=92&&r--,r>=34&&r--;let o=r-32;if(o>=46&&(o-=46,n=!0),h+=o,n)break;h*=46}e?e[i++]=h:e=new t(h)}return e}class v{constructor(){this.start=-1,this.value=-1,this.end=-1,this.extended=-1,this.lookAhead=0,this.mask=0,this.context=0}}const R=new v;class z{constructor(t,e){this.input=t,this.ranges=e,this.chunk="",this.chunkOff=0,this.chunk2="",this.chunk2Pos=0,this.next=-1,this.token=R,this.rangeIndex=0,this.pos=this.chunkPos=e[0].from,this.range=e[0],this.end=e[e.length-1].to,this.readNext()}resolveOffset(t,e){let s=this.range,i=this.rangeIndex,h=this.pos+t;for(;h<s.from;){if(!i)return null;let r=this.ranges[--i];h-=s.from-r.to,s=r}for(;e<0?h>s.to:h>=s.to;){if(i==this.ranges.length-1)return null;let r=this.ranges[++i];h+=r.from-s.to,s=r}return h}clipPos(t){if(t>=this.range.from&&t<this.range.to)return t;for(let e of this.ranges)if(e.to>t)return Math.max(t,e.from);return this.end}peek(t){let e=this.chunkOff+t,s,i;if(e>=0&&e<this.chunk.length)s=this.pos+t,i=this.chunk.charCodeAt(e);else{let h=this.resolveOffset(t,1);if(h==null)return-1;if(s=h,s>=this.chunk2Pos&&s<this.chunk2Pos+this.chunk2.length)i=this.chunk2.charCodeAt(s-this.chunk2Pos);else{let r=this.rangeIndex,n=this.range;for(;n.to<=s;)n=this.ranges[++r];this.chunk2=this.input.chunk(this.chunk2Pos=s),s+this.chunk2.length>n.to&&(this.chunk2=this.chunk2.slice(0,n.to-s)),i=this.chunk2.charCodeAt(0)}}return s>=this.token.lookAhead&&(this.token.lookAhead=s+1),i}acceptToken(t,e=0){let s=e?this.resolveOffset(e,-1):this.pos;if(s==null||s<this.token.start)throw new RangeError("Token end out of bounds");this.token.value=t,this.token.end=s}acceptTokenTo(t,e){this.token.value=t,this.token.end=e}getChunk(){if(this.pos>=this.chunk2Pos&&this.pos<this.chunk2Pos+this.chunk2.length){let{chunk:t,chunkPos:e}=this;this.chunk=this.chunk2,this.chunkPos=this.chunk2Pos,this.chunk2=t,this.chunk2Pos=e,this.chunkOff=this.pos-this.chunkPos}else{this.chunk2=this.chunk,this.chunk2Pos=this.chunkPos;let t=this.input.chunk(this.pos),e=this.pos+t.length;this.chunk=e>this.range.to?t.slice(0,this.range.to-this.pos):t,this.chunkPos=this.pos,this.chunkOff=0}}readNext(){return this.chunkOff>=this.chunk.length&&(this.getChunk(),this.chunkOff==this.chunk.length)?this.next=-1:this.next=this.chunk.charCodeAt(this.chunkOff)}advance(t=1){for(this.chunkOff+=t;this.pos+t>=this.range.to;){if(this.rangeIndex==this.ranges.length-1)return this.setDone();t-=this.range.to-this.pos,this.range=this.ranges[++this.rangeIndex],this.pos=this.range.from}return this.pos+=t,this.pos>=this.token.lookAhead&&(this.token.lookAhead=this.pos+1),this.readNext()}setDone(){return this.pos=this.chunkPos=this.end,this.range=this.ranges[this.rangeIndex=this.ranges.length-1],this.chunk="",this.next=-1}reset(t,e){if(e?(this.token=e,e.start=t,e.lookAhead=t+1,e.value=e.extended=-1):this.token=R,this.pos!=t){if(this.pos=t,t==this.end)return this.setDone(),this;for(;t<this.range.from;)this.range=this.ranges[--this.rangeIndex];for(;t>=this.range.to;)this.range=this.ranges[++this.rangeIndex];t>=this.chunkPos&&t<this.chunkPos+this.chunk.length?this.chunkOff=t-this.chunkPos:(this.chunk="",this.chunkOff=0),this.readNext()}return this}read(t,e){if(t>=this.chunkPos&&e<=this.chunkPos+this.chunk.length)return this.chunk.slice(t-this.chunkPos,e-this.chunkPos);if(t>=this.chunk2Pos&&e<=this.chunk2Pos+this.chunk2.length)return this.chunk2.slice(t-this.chunk2Pos,e-this.chunk2Pos);if(t>=this.range.from&&e<=this.range.to)return this.input.read(t,e);let s="";for(let i of this.ranges){if(i.from>=e)break;i.to>t&&(s+=this.input.read(Math.max(i.from,t),Math.min(i.to,e)))}return s}}class m{constructor(t,e){this.data=t,this.id=e}token(t,e){let{parser:s}=e.p;D(this.data,t,e,this.id,s.data,s.tokenPrecTable)}}m.prototype.contextual=m.prototype.fallback=m.prototype.extend=!1;class I{constructor(t,e,s){this.precTable=e,this.elseToken=s,this.data=typeof t=="string"?x(t):t}token(t,e){let s=t.pos,i=0;for(;;){let h=t.next<0,r=t.resolveOffset(1,1);if(D(this.data,t,e,0,this.data,this.precTable),t.token.value>-1)break;if(this.elseToken==null)return;if(h||i++,r==null)break;t.reset(r,t.token)}i&&(t.reset(s,t.token),t.acceptToken(this.elseToken,i))}}I.prototype.contextual=m.prototype.fallback=m.prototype.extend=!1;class W{constructor(t,e={}){this.token=t,this.contextual=!!e.contextual,this.fallback=!!e.fallback,this.extend=!!e.extend}}function D(l,t,e,s,i,h){let r=0,n=1<<s,{dialect:o}=e.p.parser;t:for(;(n&l[r])!=0;){let a=l[r+1];for(let c=r+3;c<a;c+=2)if((l[c+1]&n)>0){let d=l[c];if(o.allows(d)&&(t.token.value==-1||t.token.value==d||q(d,t.token.value,i,h))){t.acceptToken(d);break}}let u=t.next,f=0,p=l[r+2];if(t.next<0&&p>f&&l[a+p*3-3]==65535){r=l[a+p*3-1];continue t}for(;f<p;){let c=f+p>>1,d=a+c+(c<<1),S=l[d],L=l[d+1]||65536;if(u<S)p=c;else if(u>=L)f=c+1;else{r=l[d+2],t.advance();continue t}}break}}function B(l,t,e){for(let s=t,i;(i=l[s])!=65535;s++)if(i==e)return s-t;return-1}function q(l,t,e,s){let i=B(e,s,t);return i<0||B(e,s,l)<i}const g=typeof process<"u"&&process.env&&/\bparse\b/.test(process.env.LOG);let w=null;function F(l,t,e){let s=l.cursor(U.IncludeAnonymous);for(s.moveTo(t);;)if(!(e<0?s.childBefore(t):s.childAfter(t)))for(;;){if((e<0?s.to<t:s.from>t)&&!s.type.isError)return e<0?Math.max(0,Math.min(s.to-1,t-25)):Math.min(l.length,Math.max(s.from+1,t+25));if(e<0?s.prevSibling():s.nextSibling())break;if(!s.parent())return e<0?0:l.length}}class J{constructor(t,e){this.fragments=t,this.nodeSet=e,this.i=0,this.fragment=null,this.safeFrom=-1,this.safeTo=-1,this.trees=[],this.start=[],this.index=[],this.nextFragment()}nextFragment(){let t=this.fragment=this.i==this.fragments.length?null:this.fragments[this.i++];if(t){for(this.safeFrom=t.openStart?F(t.tree,t.from+t.offset,1)-t.offset:t.from,this.safeTo=t.openEnd?F(t.tree,t.to+t.offset,-1)-t.offset:t.to;this.trees.length;)this.trees.pop(),this.start.pop(),this.index.pop();this.trees.push(t.tree),this.start.push(-t.offset),this.index.push(0),this.nextStart=this.safeFrom}else this.nextStart=1e9}nodeAt(t){if(t<this.nextStart)return null;for(;this.fragment&&this.safeTo<=t;)this.nextFragment();if(!this.fragment)return null;for(;;){let e=this.trees.length-1;if(e<0)return this.nextFragment(),null;let s=this.trees[e],i=this.index[e];if(i==s.children.length){this.trees.pop(),this.start.pop(),this.index.pop();continue}let h=s.children[i],r=this.start[e]+s.positions[i];if(r>t)return this.nextStart=r,null;if(h instanceof P){if(r==t){if(r<this.safeFrom)return null;let n=r+h.length;if(n<=this.safeTo){let o=h.prop(C.lookAhead);if(!o||n+o<this.fragment.to)return h}}this.index[e]++,r+h.length>=Math.max(this.safeFrom,t)&&(this.trees.push(h),this.start.push(r),this.index.push(0))}else this.index[e]++,this.nextStart=r+h.length}}}class K{constructor(t,e){this.stream=e,this.tokens=[],this.mainToken=null,this.actions=[],this.tokens=t.tokenizers.map(s=>new v)}getActions(t){let e=0,s=null,{parser:i}=t.p,{tokenizers:h}=i,r=i.stateSlot(t.state,3),n=t.curContext?t.curContext.hash:0,o=0;for(let a=0;a<h.length;a++){if((1<<a&r)==0)continue;let u=h[a],f=this.tokens[a];if(!(s&&!u.fallback)&&((u.contextual||f.start!=t.pos||f.mask!=r||f.context!=n)&&(this.updateCachedToken(f,u,t),f.mask=r,f.context=n),f.lookAhead>f.end+25&&(o=Math.max(f.lookAhead,o)),f.value!=0)){let p=e;if(f.extended>-1&&(e=this.addActions(t,f.extended,f.end,e)),e=this.addActions(t,f.value,f.end,e),!u.extend&&(s=f,e>p))break}}for(;this.actions.length>e;)this.actions.pop();return o&&t.setLookAhead(o),!s&&t.pos==this.stream.end&&(s=new v,s.value=t.p.parser.eofTerm,s.start=s.end=t.pos,e=this.addActions(t,s.value,s.end,e)),this.mainToken=s,this.actions}getMainToken(t){if(this.mainToken)return this.mainToken;let e=new v,{pos:s,p:i}=t;return e.start=s,e.end=Math.min(s+1,i.stream.end),e.value=s==i.stream.end?i.parser.eofTerm:0,e}updateCachedToken(t,e,s){let i=this.stream.clipPos(s.pos);if(e.token(this.stream.reset(i,t),s),t.value>-1){let{parser:h}=s.p;for(let r=0;r<h.specialized.length;r++)if(h.specialized[r]==t.value){let n=h.specializers[r](this.stream.read(t.start,t.end),s);if(n>=0&&s.p.parser.dialect.allows(n>>1)){(n&1)==0?t.value=n>>1:t.extended=n>>1;break}}}else t.value=0,t.end=this.stream.clipPos(i+1)}putAction(t,e,s,i){for(let h=0;h<i;h+=3)if(this.actions[h]==t)return i;return this.actions[i++]=t,this.actions[i++]=e,this.actions[i++]=s,i}addActions(t,e,s,i){let{state:h}=t,{parser:r}=t.p,{data:n}=r;for(let o=0;o<2;o++)for(let a=r.stateSlot(h,o?2:1);;a+=3){if(n[a]==65535)if(n[a+1]==1)a=k(n,a+2);else{i==0&&n[a+1]==2&&(i=this.putAction(k(n,a+2),e,s,i));break}n[a]==e&&(i=this.putAction(k(n,a+1),e,s,i))}return i}}class Q{constructor(t,e,s,i){this.parser=t,this.input=e,this.ranges=i,this.recovering=0,this.nextStackID=9812,this.minStackPos=0,this.reused=[],this.stoppedAt=null,this.lastBigReductionStart=-1,this.lastBigReductionSize=0,this.bigReductionCount=0,this.stream=new z(e,i),this.tokens=new K(t,this.stream),this.topTerm=t.top[1];let{from:h}=i[0];this.stacks=[b.start(this,t.top[0],h)],this.fragments=s.length&&this.stream.end-h>t.bufferLength*4?new J(s,t.nodeSet):null}get parsedPos(){return this.minStackPos}advance(){let t=this.stacks,e=this.minStackPos,s=this.stacks=[],i,h;if(this.bigReductionCount>300&&t.length==1){let[r]=t;for(;r.forceReduce()&&r.stack.length&&r.stack[r.stack.length-2]>=this.lastBigReductionStart;);this.bigReductionCount=this.lastBigReductionSize=0}for(let r=0;r<t.length;r++){let n=t[r];for(;;){if(this.tokens.mainToken=null,n.pos>e)s.push(n);else{if(this.advanceStack(n,s,t))continue;{i||(i=[],h=[]),i.push(n);let o=this.tokens.getMainToken(n);h.push(o.value,o.end)}}break}}if(!s.length){let r=i&&Y(i);if(r)return g&&console.log("Finish with "+this.stackID(r)),this.stackToTree(r);if(this.parser.strict)throw g&&i&&console.log("Stuck with token "+(this.tokens.mainToken?this.parser.getName(this.tokens.mainToken.value):"none")),new SyntaxError("No parse at "+e);this.recovering||(this.recovering=5)}if(this.recovering&&i){let r=this.stoppedAt!=null&&i[0].pos>this.stoppedAt?i[0]:this.runRecovery(i,h,s);if(r)return g&&console.log("Force-finish "+this.stackID(r)),this.stackToTree(r.forceAll())}if(this.recovering){let r=this.recovering==1?1:this.recovering*3;if(s.length>r)for(s.sort((n,o)=>o.score-n.score);s.length>r;)s.pop();s.some(n=>n.reducePos>e)&&this.recovering--}else if(s.length>1){t:for(let r=0;r<s.length-1;r++){let n=s[r];for(let o=r+1;o<s.length;o++){let a=s[o];if(n.sameState(a)||n.buffer.length>500&&a.buffer.length>500)if((n.score-a.score||n.buffer.length-a.buffer.length)>0)s.splice(o--,1);else{s.splice(r--,1);continue t}}}s.length>12&&s.splice(12,s.length-12)}this.minStackPos=s[0].pos;for(let r=1;r<s.length;r++)s[r].pos<this.minStackPos&&(this.minStackPos=s[r].pos);return null}stopAt(t){if(this.stoppedAt!=null&&this.stoppedAt<t)throw new RangeError("Can't move stoppedAt forward");this.stoppedAt=t}advanceStack(t,e,s){let i=t.pos,{parser:h}=this,r=g?this.stackID(t)+" -> ":"";if(this.stoppedAt!=null&&i>this.stoppedAt)return t.forceReduce()?t:null;if(this.fragments){let a=t.curContext&&t.curContext.tracker.strict,u=a?t.curContext.hash:0;for(let f=this.fragments.nodeAt(i);f;){let p=this.parser.nodeSet.types[f.type.id]==f.type?h.getGoto(t.state,f.type.id):-1;if(p>-1&&f.length&&(!a||(f.prop(C.contextHash)||0)==u))return t.useNode(f,p),g&&console.log(r+this.stackID(t)+` (via reuse of ${h.getName(f.type.id)})`),!0;if(!(f instanceof P)||f.children.length==0||f.positions[0]>0)break;let c=f.children[0];if(c instanceof P&&f.positions[0]==0)f=c;else break}}let n=h.stateSlot(t.state,4);if(n>0)return t.reduce(n),g&&console.log(r+this.stackID(t)+` (via always-reduce ${h.getName(n&65535)})`),!0;if(t.stack.length>=8400)for(;t.stack.length>6e3&&t.forceReduce(););let o=this.tokens.getActions(t);for(let a=0;a<o.length;){let u=o[a++],f=o[a++],p=o[a++],c=a==o.length||!s,d=c?t:t.split(),S=this.tokens.mainToken;if(d.apply(u,f,S?S.start:d.pos,p),g&&console.log(r+this.stackID(d)+` (via ${(u&65536)==0?"shift":`reduce of ${h.getName(u&65535)}`} for ${h.getName(f)} @ ${i}${d==t?"":", split"})`),c)return!0;d.pos>i?e.push(d):s.push(d)}return!1}advanceFully(t,e){let s=t.pos;for(;;){if(!this.advanceStack(t,null,null))return!1;if(t.pos>s)return O(t,e),!0}}runRecovery(t,e,s){let i=null,h=!1;for(let r=0;r<t.length;r++){let n=t[r],o=e[r<<1],a=e[(r<<1)+1],u=g?this.stackID(n)+" -> ":"";if(n.deadEnd&&(h||(h=!0,n.restart(),g&&console.log(u+this.stackID(n)+" (restarted)"),this.advanceFully(n,s))))continue;let f=n.split(),p=u;for(let c=0;f.forceReduce()&&c<10&&(g&&console.log(p+this.stackID(f)+" (via force-reduce)"),!this.advanceFully(f,s));c++)g&&(p=this.stackID(f)+" -> ");for(let c of n.recoverByInsert(o))g&&console.log(u+this.stackID(c)+" (via recover-insert)"),this.advanceFully(c,s);this.stream.end>n.pos?(a==n.pos&&(a++,o=0),n.recoverByDelete(o,a),g&&console.log(u+this.stackID(n)+` (via recover-delete ${this.parser.getName(o)})`),O(n,s)):(!i||i.score<n.score)&&(i=n)}return i}stackToTree(t){return t.close(),P.build({buffer:A.create(t),nodeSet:this.parser.nodeSet,topID:this.topTerm,maxBufferLength:this.parser.bufferLength,reused:this.reused,start:this.ranges[0].from,length:t.pos-this.ranges[0].from,minRepeatType:this.parser.minRepeatTerm})}stackID(t){let e=(w||(w=new WeakMap)).get(t);return e||w.set(t,e=String.fromCodePoint(this.nextStackID++)),e+t}}function O(l,t){for(let e=0;e<t.length;e++){let s=t[e];if(s.pos==l.pos&&s.sameState(l)){t[e].score<l.score&&(t[e]=l);return}}t.push(l)}class V{constructor(t,e,s){this.source=t,this.flags=e,this.disabled=s}allows(t){return!this.disabled||this.disabled[t]==0}}const y=l=>l;class X{constructor(t){this.start=t.start,this.shift=t.shift||y,this.reduce=t.reduce||y,this.reuse=t.reuse||y,this.hash=t.hash||(()=>0),this.strict=t.strict!==!1}}class T extends ${constructor(t){if(super(),this.wrappers=[],t.version!=14)throw new RangeError(`Parser version (${t.version}) doesn't match runtime version (14)`);let e=t.nodeNames.split(" ");this.minRepeatTerm=e.length;for(let n=0;n<t.repeatNodeCount;n++)e.push("");let s=Object.keys(t.topRules).map(n=>t.topRules[n][1]),i=[];for(let n=0;n<e.length;n++)i.push([]);function h(n,o,a){i[n].push([o,o.deserialize(String(a))])}if(t.nodeProps)for(let n of t.nodeProps){let o=n[0];typeof o=="string"&&(o=C[o]);for(let a=1;a<n.length;){let u=n[a++];if(u>=0)h(u,o,n[a++]);else{let f=n[a+-u];for(let p=-u;p>0;p--)h(n[a++],o,f);a++}}}this.nodeSet=new E(e.map((n,o)=>j.define({name:o>=this.minRepeatTerm?void 0:n,id:o,props:i[o],top:s.indexOf(o)>-1,error:o==0,skipped:t.skippedNodes&&t.skippedNodes.indexOf(o)>-1}))),t.propSources&&(this.nodeSet=this.nodeSet.extend(...t.propSources)),this.strict=!1,this.bufferLength=G;let r=x(t.tokenData);this.context=t.context,this.specializerSpecs=t.specialized||[],this.specialized=new Uint16Array(this.specializerSpecs.length);for(let n=0;n<this.specializerSpecs.length;n++)this.specialized[n]=this.specializerSpecs[n].term;this.specializers=this.specializerSpecs.map(M),this.states=x(t.states,Uint32Array),this.data=x(t.stateData),this.goto=x(t.goto),this.maxTerm=t.maxTerm,this.tokenizers=t.tokenizers.map(n=>typeof n=="number"?new m(r,n):n),this.topRules=t.topRules,this.dialects=t.dialects||{},this.dynamicPrecedences=t.dynamicPrecedences||null,this.tokenPrecTable=t.tokenPrec,this.termNames=t.termNames||null,this.maxNode=this.nodeSet.types.length-1,this.dialect=this.parseDialect(),this.top=this.topRules[Object.keys(this.topRules)[0]]}createParse(t,e,s){let i=new Q(this,t,e,s);for(let h of this.wrappers)i=h(i,t,e,s);return i}getGoto(t,e,s=!1){let i=this.goto;if(e>=i[0])return-1;for(let h=i[e+1];;){let r=i[h++],n=r&1,o=i[h++];if(n&&s)return o;for(let a=h+(r>>1);h<a;h++)if(i[h]==t)return o;if(n)return-1}}hasAction(t,e){let s=this.data;for(let i=0;i<2;i++)for(let h=this.stateSlot(t,i?2:1),r;;h+=3){if((r=s[h])==65535)if(s[h+1]==1)r=s[h=k(s,h+2)];else{if(s[h+1]==2)return k(s,h+2);break}if(r==e||r==0)return k(s,h+1)}return 0}stateSlot(t,e){return this.states[t*6+e]}stateFlag(t,e){return(this.stateSlot(t,0)&e)>0}validAction(t,e){return!!this.allActions(t,s=>s==e?!0:null)}allActions(t,e){let s=this.stateSlot(t,4),i=s?e(s):void 0;for(let h=this.stateSlot(t,1);i==null;h+=3){if(this.data[h]==65535)if(this.data[h+1]==1)h=k(this.data,h+2);else break;i=e(k(this.data,h+1))}return i}nextStates(t){let e=[];for(let s=this.stateSlot(t,1);;s+=3){if(this.data[s]==65535)if(this.data[s+1]==1)s=k(this.data,s+2);else break;if((this.data[s+2]&1)==0){let i=this.data[s+1];e.some((h,r)=>r&1&&h==i)||e.push(this.data[s],i)}}return e}configure(t){let e=Object.assign(Object.create(T.prototype),this);if(t.props&&(e.nodeSet=this.nodeSet.extend(...t.props)),t.top){let s=this.topRules[t.top];if(!s)throw new RangeError(`Invalid top rule name ${t.top}`);e.top=s}return t.tokenizers&&(e.tokenizers=this.tokenizers.map(s=>{let i=t.tokenizers.find(h=>h.from==s);return i?i.to:s})),t.specializers&&(e.specializers=this.specializers.slice(),e.specializerSpecs=this.specializerSpecs.map((s,i)=>{let h=t.specializers.find(n=>n.from==s.external);if(!h)return s;let r=Object.assign(Object.assign({},s),{external:h.to});return e.specializers[i]=M(r),r})),t.contextTracker&&(e.context=t.contextTracker),t.dialect&&(e.dialect=this.parseDialect(t.dialect)),t.strict!=null&&(e.strict=t.strict),t.wrap&&(e.wrappers=e.wrappers.concat(t.wrap)),t.bufferLength!=null&&(e.bufferLength=t.bufferLength),e}hasWrappers(){return this.wrappers.length>0}getName(t){return this.termNames?this.termNames[t]:String(t<=this.maxNode&&this.nodeSet.types[t].name||t)}get eofTerm(){return this.maxNode+1}get topNode(){return this.nodeSet.types[this.top[1]]}dynamicPrecedence(t){let e=this.dynamicPrecedences;return e==null?0:e[t]||0}parseDialect(t){let e=Object.keys(this.dialects),s=e.map(()=>!1);if(t)for(let h of t.split(" ")){let r=e.indexOf(h);r>=0&&(s[r]=!0)}let i=null;for(let h=0;h<e.length;h++)if(!s[h])for(let r=this.dialects[e[h]],n;(n=this.data[r++])!=65535;)(i||(i=new Uint8Array(this.maxTerm+1)))[n]=1;return new V(t,s,i)}static deserialize(t){return new T(t)}}function k(l,t){return l[t]|l[t+1]<<16}function Y(l){let t=null;for(let e of l){let s=e.p.stoppedAt;(e.pos==e.p.stream.end||s!=null&&e.pos>s)&&e.p.parser.stateFlag(e.state,2)&&(!t||t.score<e.score)&&(t=e)}return t}function M(l){if(l.external){let t=l.extend?1:0;return(e,s)=>l.external(e,s)<<1|t}return l.get}export{X as ContextTracker,W as ExternalTokenizer,z as InputStream,T as LRParser,I as LocalTokenGroup,b as Stack};
diff --git a/Resources/Public/JavaScript/Contrib/@lezer/php.js b/Resources/Public/JavaScript/Contrib/@lezer/php.js
new file mode 100644
index 0000000..b4e865f
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@lezer/php.js
@@ -0,0 +1 @@
+import{ExternalTokenizer as S,LRParser as q}from"@lezer/lr";import{styleTags as n,tags as $}from"@lezer/highlight";const d=1,o=2,x=263,R=3,V=264,W=265,U=266,v=4,r=5,b=6,l=7,e=8,u=9,m=10,Y=11,p=12,_=13,Z=14,c=15,k=16,j=17,w=18,h=19,G=20,g=21,f=22,E=23,I=24,C=25,F=26,N=27,K=28,A=29,H=30,L=31,D=32,B=33,M=34,J=35,OO=36,$O=37,QO=38,iO=39,yO=40,aO=41,SO=42,zO=43,PO=44,TO=45,tO=46,WO=47,eO=48,sO=49,XO=50,qO=51,nO=52,dO=53,oO=54,xO=55,RO=56,VO=57,UO=58,vO=59,rO=60,bO=61,P=62,lO=63,uO=64,mO=65,YO={abstract:v,and:r,array:b,as:l,true:e,false:e,break:u,case:m,catch:Y,clone:p,const:_,continue:Z,declare:k,default:c,do:j,echo:w,else:h,elseif:G,enddeclare:g,endfor:f,endforeach:E,endif:I,endswitch:C,endwhile:F,enum:N,extends:K,final:A,finally:H,fn:L,for:D,foreach:B,from:M,function:J,global:OO,goto:$O,if:QO,implements:iO,include:yO,include_once:aO,instanceof:SO,insteadof:zO,interface:PO,list:TO,match:tO,namespace:WO,new:eO,null:sO,or:XO,print:qO,require:nO,require_once:dO,return:oO,switch:xO,throw:RO,trait:VO,try:UO,unset:vO,use:rO,var:bO,public:P,private:P,protected:P,while:lO,xor:uO,yield:mO,__proto__:null};function pO(O){let Q=YO[O.toLowerCase()];return Q??-1}function s(O){return O==9||O==10||O==13||O==32}function X(O){return O>=97&&O<=122||O>=65&&O<=90}function a(O){return O==95||O>=128||X(O)}function T(O){return O>=48&&O<=55||O>=97&&O<=102||O>=65&&O<=70}const _O={int:!0,integer:!0,bool:!0,boolean:!0,float:!0,double:!0,real:!0,string:!0,array:!0,object:!0,unset:!0,__proto__:null},ZO=new S(O=>{if(O.next==40){O.advance();let Q=0;for(;s(O.peek(Q));)Q++;let i="",y;for(;X(y=O.peek(Q));)i+=String.fromCharCode(y),Q++;for(;s(O.peek(Q));)Q++;O.peek(Q)==41&&_O[i.toLowerCase()]&&O.acceptToken(d)}else if(O.next==60&&O.peek(1)==60&&O.peek(2)==60){for(let y=0;y<3;y++)O.advance();for(;O.next==32||O.next==9;)O.advance();let Q=O.next==39;if(Q&&O.advance(),!a(O.next))return;let i=String.fromCharCode(O.next);for(;O.advance(),!(!a(O.next)&&!(O.next>=48&&O.next<=55));)i+=String.fromCharCode(O.next);if(Q){if(O.next!=39)return;O.advance()}if(O.next!=10&&O.next!=13)return;for(;;){let y=O.next==10||O.next==13;if(O.advance(),O.next<0)return;if(y){for(;O.next==32||O.next==9;)O.advance();let t=!0;for(let z=0;z<i.length;z++){if(O.next!=i.charCodeAt(z)){t=!1;break}O.advance()}if(t)return O.acceptToken(o)}}}}),cO=new S(O=>{O.next<0&&O.acceptToken(U)}),kO=new S((O,Q)=>{O.next==63&&Q.canShift(W)&&O.peek(1)==62&&O.acceptToken(W)});function jO(O){let Q=O.peek(1);if(Q==110||Q==114||Q==116||Q==118||Q==101||Q==102||Q==92||Q==36||Q==34||Q==123)return 2;if(Q>=48&&Q<=55){let i=2,y;for(;i<5&&(y=O.peek(i))>=48&&y<=55;)i++;return i}if(Q==120&&T(O.peek(2)))return T(O.peek(3))?4:3;if(Q==117&&O.peek(2)==123)for(let i=3;;i++){let y=O.peek(i);if(y==125)return i==2?0:i+1;if(!T(y))break}return 0}const wO=new S((O,Q)=>{let i=!1;for(;!(O.next==34||O.next<0||O.next==36&&(a(O.peek(1))||O.peek(1)==123)||O.next==123&&O.peek(1)==36);i=!0){if(O.next==92){let y=jO(O);if(y){if(i)break;return O.acceptToken(R,y)}}else if(!i&&(O.next==91||O.next==45&&O.peek(1)==62&&a(O.peek(2))||O.next==63&&O.peek(1)==45&&O.peek(2)==62&&a(O.peek(3)))&&Q.canShift(V))break;O.advance()}i&&O.acceptToken(x)}),hO=n({"Visibility abstract final static":$.modifier,"for foreach while do if else elseif switch try catch finally return throw break continue default case":$.controlKeyword,"endif endfor endforeach endswitch endwhile declare enddeclare goto match":$.controlKeyword,"and or xor yield unset clone instanceof insteadof":$.operatorKeyword,"function fn class trait implements extends const enum global interface use var":$.definitionKeyword,"include include_once require require_once namespace":$.moduleKeyword,"new from echo print array list as":$.keyword,null:$.null,Boolean:$.bool,VariableName:$.variableName,"NamespaceName/...":$.namespace,"NamedType/...":$.typeName,Name:$.name,"CallExpression/Name":$.function($.variableName),"LabelStatement/Name":$.labelName,"MemberExpression/Name":$.propertyName,"MemberExpression/VariableName":$.special($.propertyName),"ScopedExpression/ClassMemberName/Name":$.propertyName,"ScopedExpression/ClassMemberName/VariableName":$.special($.propertyName),"CallExpression/MemberExpression/Name":$.function($.propertyName),"CallExpression/ScopedExpression/ClassMemberName/Name":$.function($.propertyName),"MethodDeclaration/Name":$.function($.definition($.variableName)),"FunctionDefinition/Name":$.function($.definition($.variableName)),"ClassDeclaration/Name":$.definition($.className),UpdateOp:$.updateOperator,ArithOp:$.arithmeticOperator,LogicOp:$.logicOperator,BitOp:$.bitwiseOperator,CompareOp:$.compareOperator,ControlOp:$.controlOperator,AssignOp:$.definitionOperator,"$ ConcatOp":$.operator,LineComment:$.lineComment,BlockComment:$.blockComment,Integer:$.integer,Float:$.float,String:$.string,ShellExpression:$.special($.string),"=> ->":$.punctuation,"( )":$.paren,"#[ [ ]":$.squareBracket,"${ { }":$.brace,"-> ?->":$.derefOperator,", ; :: : \\":$.separator,"PhpOpen PhpClose":$.processingInstruction}),GO={__proto__:null,static:311,STATIC:311,class:333,CLASS:333},gO=q.deserialize({version:14,states:"$GSQ`OWOOQhQaOOP%oO`OOOOO#t'#H_'#H_O%tO#|O'#DtOOO#u'#Dw'#DwQ&SOWO'#DwO&XO$VOOOOQ#u'#Dx'#DxO&lQaO'#D|O(mQdO'#E}O(tQdO'#EQO*kQaO'#EWO,zQ`O'#ETO-PQ`O'#E^O/nQaO'#E^O/uQ`O'#EfO/zQ`O'#EoO*kQaO'#EoO0VQ`O'#HhO0[Q`O'#E{O0[Q`O'#E{OOQS'#Ic'#IcO0aQ`O'#EvOOQS'#IZ'#IZO2oQdO'#IWO6tQeO'#FUO*kQaO'#FeO*kQaO'#FfO*kQaO'#FgO*kQaO'#FhO*kQaO'#FhO*kQaO'#FkOOQO'#Id'#IdO7RQ`O'#FqOOQO'#Hi'#HiO7ZQ`O'#HOO7uQ`O'#FlO8QQ`O'#H]O8]Q`O'#FvO8eQaO'#FwO*kQaO'#GVO*kQaO'#GYO8}OrO'#G]OOQS'#Iq'#IqOOQS'#Ip'#IpOOQS'#IW'#IWO,zQ`O'#GdO,zQ`O'#GfO,zQ`O'#GkOhQaO'#GmO9UQ`O'#GnO9ZQ`O'#GqO9`Q`O'#GtO9eQeO'#GuO9eQeO'#GvO9eQeO'#GwO9oQ`O'#GxO9tQ`O'#GzO9yQaO'#G{O<YQ`O'#G|O<_Q`O'#G}O<dQ`O'#G}O9oQ`O'#HOO<iQ`O'#HQO<nQ`O'#HRO<sQ`O'#HSO<xQ`O'#HVO=TQ`O'#HWO9yQaO'#H[OOQ#u'#IV'#IVOOQ#u'#Ha'#HaQhQaOOO=fQ`O'#HPO7pQ`O'#HPO=kO#|O'#DrPOOO)CCw)CCwOOO#t-E;]-E;]OOO#u,5:c,5:cOOO#u'#H`'#H`O&XO$VOOO=vQ$VO'#IUOOOO'#IU'#IUQOOOOOOOQ#y,5:h,5:hO=}QaO,5:hOOQ#u,5:j,5:jO@eQaO,5:mO@lQaO,5;UO*kQaO,5;UO@sQ`O,5;VOCbQaO'#EsOOQS,5;^,5;^OCiQ`O,5;jOOQP'#F]'#F]O*kQaO,5;qO*kQaO,5;qO*kQaO,5;qO*kQaO,5;qO*kQaO,5;qO*kQaO,5;qO*kQaO,5;qO*kQaO,5;qO*kQaO,5;qO*kQaO,5;qO*kQaO,5;qO*kQaO,5;qO*kQaO,5;qO*kQaO,5;qO*kQaO,5;qO*kQaO,5;qOOQ#u'#Im'#ImOOQS,5<q,5<qOOQ#u,5:l,5:lOEbQ`O,5:rOEiQdO'#E}OF]Q`O'#FlOFeQ`O'#FlOFmQ`O,5:oOFrQaO'#E_OOQS,5:x,5:xOHyQ`O'#I]O9yQaO'#EaO9yQaO'#I]OOQS'#I]'#I]OIQQ`O'#I[OIYQ`O,5:xO-UQaO,5:xOI_QaO'#EgOOQS,5;Q,5;QOOQS,5;Z,5;ZOIiQ`O,5;ZOOQO,5>S,5>SOJ[QdO,5;gOOQO-E;f-E;fOL^Q`O,5;gOLcQpO,5;bO0aQ`O'#EyOLkQtO'#E}OOQS'#Ez'#EzOOQS'#Ib'#IbOM`QaO,5:wO*kQaO,5;nOOQS,5;p,5;pO*kQaO,5;pOMgQdO,5<POMwQdO,5<QONXQdO,5<RONiQdO,5<SO!!sQdO,5<SO!!zQdO,5<VO!#[Q`O'#FrO!#gQ`O'#IgO!#oQ`O,5<]OOQO-E;g-E;gO!#tQ`O'#IoO<_Q`O,5=iO!#|Q`O,5=iO9oQ`O,5=jO!$RQ`O,5=nO!$WQ`O,5=kO!$]Q`O,5=kO!$bQ`O'#FnO!$xQ`O,5<WO!%TQ`O,5<WO!%WQ`O,5?ZO!%]Q`O,5<WO!%eQ`O,5<bO!%mQdO'#GPO!%{QdO'#InO!&WQdO,5=wO!&`Q`O,5<bO!%WQ`O,5<bO!&hQdO,5<cO!&xQ`O,5<cO!'lQdO,5<qO!)nQdO,5<tO!*OOrO'#HsOOOQ'#It'#ItO*kQaO'#GbOOOQ'#Hs'#HsO!*pOrO,5<wOOQS,5<w,5<wO!*wQaO,5=OO!+OQ`O,5=QO!+WQeO,5=VO!+bQ`O,5=XO!+gQaO'#GoO!+WQeO,5=YO9yQaO'#GrO!+WQeO,5=]O!&WQdO,5=`O(tQdO,5=aOOQ#u,5=a,5=aO(tQdO,5=bOOQ#u,5=b,5=bO(tQdO,5=cOOQ#u,5=c,5=cO!+nQ`O,5=dO!+vQ`O,5=fO!+{QdO'#IvOOQS'#Iv'#IvO!&WQdO,5=gO>UQaO,5=hO!-eQ`O'#F}O!-jQdO'#IlO!&WQdO,5=iOOQ#u,5=j,5=jO!-uQ`O,5=lO!-xQ`O,5=mO!-}Q`O,5=nO!.YQdO,5=qOOQ#u,5=q,5=qO!.eQ`O,5=rO!.eQ`O,5=rO!.mQdO'#IwO!.{Q`O'#HXO!&WQdO,5=rO!/ZQ`O,5=rO!/fQdO'#IYO!&WQdO,5=vOOQ#u-E;_-E;_O!1RQ`O,5=kOOO#u,5:^,5:^O!1^O#|O,5:^OOO#u-E;^-E;^OOOO,5>p,5>pOOQ#y1G0S1G0SO!1fQ`O1G0XO*kQaO1G0XO!2xQ`O1G0pOOQS1G0p1G0pO!4[Q`O1G0pOOQS'#I_'#I_O*kQaO'#I_OOQS1G0q1G0qO!4cQ`O'#IaO!7lQ`O'#E}O!7yQaO'#EuOOQO'#Ia'#IaO!8TQ`O'#I`O!8]Q`O,5;_OOQS'#FQ'#FQOOQS1G1U1G1UO!8bQdO1G1]O!:dQdO1G1]O!<PQdO1G1]O!=lQdO1G1]O!?XQdO1G1]O!@tQdO1G1]O!BaQdO1G1]O!C|QdO1G1]O!EiQdO1G1]O!GUQdO1G1]O!HqQdO1G1]O!J^QdO1G1]O!KyQdO1G1]O!MfQdO1G1]O# RQdO1G1]O#!nQdO1G1]OOQT1G0^1G0^O!%WQ`O,5<WO#$ZQaO'#EXOOQS1G0Z1G0ZO#$bQ`O,5:yOFuQaO,5:yO#$gQaO,5:}O#$nQdO,5:{O#&jQdO,5>wO#(fQaO'#HdO#(vQ`O,5>vOOQS1G0d1G0dO#)OQ`O1G0dO#)TQ`O'#I^O#*mQ`O'#I^O#*uQ`O,5;ROIbQaO,5;ROOQS1G0u1G0uPOQO'#E}'#E}O#+fQdO1G1RO0aQ`O'#HgO#-hQtO,5;cO#.YQaO1G0|OOQS,5;e,5;eO#0iQtO,5;gO#0vQdO1G0cO*kQaO1G0cO#2cQdO1G1YO#4OQdO1G1[OOQO,5<^,5<^O#4`Q`O'#HjO#4nQ`O,5?ROOQO1G1w1G1wO#4vQ`O,5?ZO!&WQdO1G3TO<_Q`O1G3TOOQ#u1G3U1G3UO#4{Q`O1G3YO!1RQ`O1G3VO#5WQ`O1G3VO#5]QpO'#FoO#5kQ`O'#FoO#5{Q`O'#FoO#6WQ`O'#FoO#6`Q`O'#FsO#6eQ`O'#FtOOQO'#If'#IfO#6lQ`O'#IeO#6tQ`O,5<YOOQS1G1r1G1rO0aQ`O1G1rO#6yQ`O1G1rO#7OQ`O1G1rO!%WQ`O1G4uO#7ZQdO1G4uO!%WQ`O1G1rO#7iQ`O1G1|O!%WQ`O1G1|O9yQaO,5<kO#7qQdO'#HqO#8PQdO,5?YOOQ#u1G3c1G3cO*kQaO1G1|O0aQ`O1G1|O#8[QdO1G1}O7RQ`O'#FyO7RQ`O'#FzO#:nQ`O'#F{OOQS1G1}1G1}O!-xQ`O1G1}O!1UQ`O1G1}O!1RQ`O1G1}O#;eO`O,5<xO#;jO`O,5<xO#;uO!bO,5<yO#<TQ`O,5<|OOOQ-E;q-E;qOOQS1G2c1G2cO#<[QaO'#GeO#<uQ$VO1G2jO#AuQ`O1G2jO#BQQ`O'#GgO#B]Q`O'#GjOOQ#u1G2l1G2lO#BhQ`O1G2lOOQ#u'#Gl'#GlOOQ#u'#Iu'#IuOOQ#u1G2q1G2qO#BmQ`O1G2qO,zQ`O1G2sO#BrQaO,5=ZO#ByQ`O,5=ZOOQ#u1G2t1G2tO#COQ`O1G2tO#CTQ`O,5=^OOQ#u1G2w1G2wO#DgQ`O1G2wOOQ#u1G2z1G2zOOQ#u1G2{1G2{OOQ#u1G2|1G2|OOQ#u1G2}1G2}O#DlQ`O'#HxO9oQ`O'#HxO#DqQ$VO1G3OO#IwQ`O1G3QO9yQaO'#HwO#I|QdO,5=[OOQ#u1G3R1G3RO#JXQ`O1G3SO9yQaO,5<iO#J^QdO'#HpO#JlQdO,5?WOOQ#u1G3T1G3TOOQ#u1G3W1G3WO!-xQ`O1G3WOOQ#u1G3X1G3XO#KfQ`O'#HTOOQ#u1G3Y1G3YO#KmQ`O1G3YO0aQ`O1G3YOOQ#u1G3]1G3]O!&WQdO1G3^O#KrQ`O1G3^O#KzQdO'#HzO#L]QdO,5?cO#LhQ`O,5?cO#LmQ`O'#HYO7RQ`O'#HYO#LxQ`O'#IxO#MQQ`O,5=sOOQ#u1G3^1G3^O!.eQ`O1G3^O!.eQ`O1G3^O#MVQeO'#HbO#MgQdO,5>tOOQ#u1G3b1G3bOOQ#u1G3V1G3VO!-xQ`O1G3VO!1UQ`O1G3VOOO#u1G/x1G/xO*kQaO7+%sO#MuQdO7+%sOOQS7+&[7+&[O$ bQ`O,5>yO>UQaO,5;`O$ iQ`O,5;aO$#OQaO'#HfO$#YQ`O,5>zOOQS1G0y1G0yO$#bQ`O'#EYO$#gQ`O'#IXO$#oQ`O,5:sOOQS1G0e1G0eO$#tQ`O1G0eO$#yQ`O1G0iO9yQaO1G0iOOQO,5>O,5>OOOQO-E;b-E;bOOQS7+&O7+&OO>UQaO,5;SO$%`QaO'#HeO$%jQ`O,5>xOOQS1G0m1G0mO$%rQ`O1G0mOOQS,5>R,5>ROOQS-E;e-E;eO$%wQdO7+&hO$'yQtO1G1RO$(WQdO7+%}OOQS1G0i1G0iOOQO,5>U,5>UOOQO-E;h-E;hOOQ#u7+(o7+(oO!&WQdO7+(oOOQ#u7+(t7+(tO#KmQ`O7+(tO0aQ`O7+(tOOQ#u7+(q7+(qO!-xQ`O7+(qO!1UQ`O7+(qO!1RQ`O7+(qO$)sQ`O,5<ZO$*OQ`O,5<ZO$*WQ`O,5<_O$*]QpO,5<ZO>UQaO,5<ZOOQO,5<_,5<_O$*kQpO,5<`O$*sQ`O,5<`O$+OQ`O'#HkO$+iQ`O,5?POOQS1G1t1G1tO$+qQpO7+'^O$+yQ`O'#FuO$,UQ`O7+'^OOQS7+'^7+'^O0aQ`O7+'^O#6yQ`O7+'^O$,^QdO7+*aO0aQ`O7+*aO$,lQ`O7+'^O*kQaO7+'hO0aQ`O7+'hO$,wQ`O7+'hO$-PQdO1G2VOOQS,5>],5>]OOQS-E;o-E;oO$.iQdO7+'hO$.yQpO7+'hO$/RQdO'#IiOOQO,5<e,5<eOOQO,5<f,5<fO$/dQpO'#GOO$/lQ`O'#GOOOQO'#Ik'#IkOOQO'#Ho'#HoO$0]Q`O'#GOO<_Q`O'#F|O!&WQdO'#GOO!.YQdO'#GQO7RQ`O'#GROOQO'#Ij'#IjOOQO'#Hn'#HnO$0yQ`O,5<gOOQ#y,5<g,5<gOOQS7+'i7+'iO!-xQ`O7+'iO!1UQ`O7+'iOOOQ1G2d1G2dO$1pO`O1G2dO$1uO!bO1G2eO$2TO`O'#G`O$2YO`O1G2eOOOQ1G2h1G2hO$2_QaO,5=PO,zQ`O'#HtO$2xQ$VO7+(UOhQaO7+(UO,zQ`O'#HuO$7xQ`O7+(UO!&WQdO7+(UO$8TQ`O7+(UO$8YQaO'#GhO$:iQ`O'#GiOOQO'#Hv'#HvO$:qQ`O,5=ROOQ#u,5=R,5=RO$:|Q`O,5=UO!&WQdO7+(WO!&WQdO7+(]O!&WQdO7+(_O$;XQaO1G2uO$;`Q`O1G2uO$;eQaO1G2uO!&WQdO7+(`O9yQaO1G2xO!&WQdO7+(cO0aQ`O'#GyO9oQ`O,5>dOOQ#u,5>d,5>dOOQ#u-E;v-E;vO$;lQaO7+(lO$<TQdO,5>cOOQS-E;u-E;uO!&WQdO7+(nO$=mQdO1G2TOOQS,5>[,5>[OOQS-E;n-E;nOOQ#u7+(r7+(rO$?nQ`O'#GQO$?uQ`O'#GQO$@ZQ`O'#HUOOQO'#Hy'#HyO$@`Q`O,5=oOOQ#u,5=o,5=oO$@gQpO7+(tOOQ#u7+(x7+(xO!&WQdO7+(xO$@rQdO,5>fOOQS-E;x-E;xO$AQQdO1G4}O$A]Q`O,5=tO$AbQ`O,5=tO$AmQ`O'#H{O$BRQ`O,5?dOOQS1G3_1G3_O#KrQ`O7+(xO$BZQdO,5=|OOQS-E;`-E;`O$CvQdO<<I_OOQS1G4e1G4eO$EcQ`O1G0zOOQO,5>Q,5>QOOQO-E;d-E;dO$8YQaO,5:tO$FxQaO'#HcO$GVQ`O,5>sOOQS1G0_1G0_OOQS7+&P7+&PO$G_Q`O7+&TO$HtQ`O1G0nO$JZQ`O,5>POOQO,5>P,5>POOQO-E;c-E;cOOQS7+&X7+&XOOQS7+&T7+&TOOQ#u<<LZ<<LZOOQ#u<<L`<<L`O$@gQpO<<L`OOQ#u<<L]<<L]O!-xQ`O<<L]O!1UQ`O<<L]O>UQaO1G1uO$KsQ`O1G1uO$LOQ`O1G1yOOQO1G1y1G1yO$LTQ`O1G1uO$L]Q`O1G1uO$MrQ`O1G1zO>UQaO1G1zOOQO,5>V,5>VOOQO-E;i-E;iOOQS<<Jx<<JxO$M}Q`O'#IhO$NVQ`O'#IhO$N[Q`O,5<aO0aQ`O<<JxO$+qQpO<<JxO$NaQ`O<<JxO0aQ`O<<M{O$NiQtO<<M{O#6yQ`O<<JxO$NwQdO<<KSO% XQpO<<KSO*kQaO<<KSO0aQ`O<<KSO% aQdO'#HmO% xQdO,5?TO!&WQdO,5<jO$/dQpO,5<jO%!ZQ`O,5<jO<_Q`O,5<hO!.YQdO,5<lOOQO-E;m-E;mO!&WQdO,5<hOOQO,5<j,5<jOOQO,5<l,5<lO%!tQdO,5<mOOQO-E;l-E;lOOQ#y1G2R1G2ROOQS<<KT<<KTO!-xQ`O<<KTOOOQ7+(O7+(OO%#PO`O7+(POOOO,5<z,5<zOOOQ7+(P7+(POhQaO,5>`OOQ#u-E;r-E;rOhQaO<<KpOOQ#u<<Kp<<KpO$8TQ`O,5>aOOQO-E;s-E;sO!&WQdO<<KpO$8TQ`O<<KpO%#UQ`O<<KpO%#ZQ`O,5=SO%$pQaO,5=TOOQO-E;t-E;tOOQ#u1G2m1G2mOOQ#u<<Kr<<KrOOQ#u<<Kw<<KwOOQ#u<<Ky<<KyOOQT7+(a7+(aO%%QQ`O7+(aO%%VQaO7+(aO%%^Q`O7+(aOOQ#u<<Kz<<KzO%%cQ`O7+(dO%&xQ`O7+(dOOQ#u<<K}<<K}O%&}QpO,5=eOOQ#u1G4O1G4OO%'YQ`O<<LWOOQ#u<<LY<<LYO$?uQ`O,5<lO%'_Q`O,5=pO%'dQdO,5=pOOQO-E;w-E;wOOQ#u1G3Z1G3ZO#KmQ`O<<L`OOQ#u<<Ld<<LdO%'oQ`O1G4QO%'tQdO7+*iOOQO1G3`1G3`O%(PQ`O1G3`O%(UQ`O'#HZO7RQ`O'#HZOOQO,5>g,5>gOOQO-E;y-E;yO!&WQdO<<LdO%(aQ`O1G0`OOQO,5=},5=}OOQO-E;a-E;aO>UQaO,5;TOOQ#uANAzANAzO#KmQ`OANAzOOQ#uANAwANAwO!-xQ`OANAwO%)vQ`O7+'aO>UQaO7+'aOOQO7+'e7+'eO%+]Q`O7+'aO%+hQ`O7+'eO>UQaO7+'fO%+mQ`O7+'fO%-SQ`O'#HlO%-bQ`O,5?SO%-bQ`O,5?SOOQO1G1{1G1{O$+qQpOAN@dOOQSAN@dAN@dO0aQ`OAN@dO%-jQtOANCgO%-xQ`OAN@dO*kQaOAN@nO%.QQdOAN@nO%.bQpOAN@nOOQS,5>X,5>XOOQS-E;k-E;kOOQO1G2U1G2UO!&WQdO1G2UO$/dQpO1G2UO<_Q`O1G2SO!.YQdO1G2WO!&WQdO1G2SOOQO1G2W1G2WOOQO1G2S1G2SO%.jQaO'#GSOOQO1G2X1G2XOOQSAN@oAN@oOOOQ<<Kk<<KkOOQ#u1G3z1G3zOOQ#uANA[ANA[OOQO1G3{1G3{O%0iQ`OANA[O!&WQdOANA[O%0nQaO1G2nO%1OQaO1G2oOOQT<<K{<<K{O%1`Q`O<<K{O%1eQaO<<K{O*kQaO,5=_OOQT<<LO<<LOOOQO1G3P1G3PO%1lQ`O1G3PO!+WQeOANArO%1qQdO1G3[OOQO1G3[1G3[O%1|Q`O1G3[OOQS7+)l7+)lOOQO7+(z7+(zO%2UQ`O,5=uO%2ZQ`O,5=uOOQ#uANBOANBOO%2fQ`O1G0oOOQ#uG27fG27fOOQ#uG27cG27cO%3{Q`O<<J{O>UQaO<<J{OOQO<<KP<<KPO%5bQ`O<<KQOOQO,5>W,5>WO%6wQ`O,5>WOOQO-E;j-E;jO%6|Q`O1G4nOOQSG26OG26OO$+qQpOG26OO0aQ`OG26OO%7UQdOG26YO*kQaOG26YOOQO7+'p7+'pO!&WQdO7+'pO!&WQdO7+'nOOQO7+'r7+'rOOQO7+'n7+'nO%7fQ`OLD+tO%8uQ`O'#E}O%9PQ`O'#IZO!&WQdO'#HrO%:|QaO,5<nOOQO,5<n,5<nO!&WQdOG26vOOQ#uG26vG26vO%<{QaO7+(YOOQTANAgANAgO%=]Q`OANAgO%=bQ`O1G2yOOQO7+(k7+(kOOQ#uG27^G27^O%=iQ`OG27^OOQO7+(v7+(vO%=nQ`O7+(vO!&WQdO7+(vOOQO1G3a1G3aO%=vQ`O1G3aO%={Q`OAN@gOOQO1G3r1G3rOOQSLD+jLD+jO$+qQpOLD+jO%?bQdOLD+tOOQO<<K[<<K[OOQO<<KY<<KYO%?rQ`O,5<oO%?wQ`O,5<pOOQP,5>^,5>^OOQP-E;p-E;pOOQO1G2Y1G2YOOQ#uLD,bLD,bOOQTG27RG27RO!&WQdOLD,xO!&WQdO<<LbOOQO<<Lb<<LbOOQO7+({7+({OOQS!$( U!$( UOOQS1G2Z1G2ZOOQS1G2[1G2[O%@PQdO1G2[OOQ#u!$(!d!$(!dOOQOANA|ANA|OOQS7+'v7+'vO%@[Q`O'#E{O%@[Q`O'#E{O%@aQ`O,5;gO%@fQdO,5<cO%BbQaO,5:}O*kQaO1G0iO%BiQaO'#FwO#.YQaO'#GVO#.YQaO'#GYO#.YQaO,5;qO#.YQaO,5;qO#.YQaO,5;qO#.YQaO,5;qO#.YQaO,5;qO#.YQaO,5;qO#.YQaO,5;qO#.YQaO,5;qO#.YQaO,5;qO#.YQaO,5;qO#.YQaO,5;qO#.YQaO,5;qO#.YQaO,5;qO#.YQaO,5;qO#.YQaO,5;qO#.YQaO,5;qO%BpQdO'#I]O%D`QdO'#I]O#.YQaO'#EaO#.YQaO'#I]O%FbQaO,5:wO#.YQaO,5;nO#.YQaO,5;pO%FiQdO,5<PO%HeQdO,5<QO%JaQdO,5<RO%L]QdO,5<SO%NXQdO,5<SO%NoQdO,5<VO&!kQdO,5<tO#.YQaO1G0XO&$gQdO1G1]O&&cQdO1G1]O&(_QdO1G1]O&*ZQdO1G1]O&,VQdO1G1]O&.RQdO1G1]O&/}QdO1G1]O&1yQdO1G1]O&3uQdO1G1]O&5qQdO1G1]O&7mQdO1G1]O&9iQdO1G1]O&;eQdO1G1]O&=aQdO1G1]O&?]QdO1G1]O&AXQdO,5:{O&CTQdO,5>wO&EPQdO1G0cO#.YQaO1G0cO&F{QdO1G1YO&HwQdO1G1[O#.YQaO1G1|O#.YQaO7+%sO&JsQdO7+%sO&LoQdO7+%}O#.YQaO7+'hO&NkQdO7+'hO'!gQdO<<I_O'$cQdO<<KSO#.YQaO<<KSO#.YQaOAN@nO'&_QdOAN@nO'(ZQdOG26YO#.YQaOG26YO'*VQdOLD+tO',RQaO,5:}O'.QQaO1G0iO'/|QdO'#IWO'0aQeO'#FUO'4aQeO'#FUO#.YQaO'#FeO'.QQaO'#FeO#.YQaO'#FfO'.QQaO'#FfO#.YQaO'#FgO'.QQaO'#FgO#.YQaO'#FhO'.QQaO'#FhO#.YQaO'#FhO'.QQaO'#FhO#.YQaO'#FkO'.QQaO'#FkO'8gQaO,5:mO'8nQ`O,5<bO'8vQ`O1G0XO'.QQaO1G0|O':YQ`O1G1|O':bQ`O7+'hO':jQpO7+'hO':rQpO<<KSO':zQpOAN@nO';SQaO'#FwO'.QQaO'#GVO'.QQaO'#GYO'.QQaO,5;qO'.QQaO,5;qO'.QQaO,5;qO'.QQaO,5;qO'.QQaO,5;qO'.QQaO,5;qO'.QQaO,5;qO'.QQaO,5;qO'.QQaO,5;qO'.QQaO,5;qO'.QQaO,5;qO'.QQaO,5;qO'.QQaO,5;qO'.QQaO,5;qO'.QQaO,5;qO'.QQaO,5;qO'.QQaO'#EaO'.QQaO'#I]O'=RQaO,5:wO'.QQaO,5;nO'.QQaO,5;pO'?QQdO,5<PO'ASQdO,5<QO'CUQdO,5<RO'EWQdO,5<SO'GYQdO,5<SO'GvQdO,5<VO'IxQdO,5<tO'.QQaO1G0XO'KzQdO1G1]O'M|QdO1G1]O(!OQdO1G1]O($QQdO1G1]O(&SQdO1G1]O((UQdO1G1]O(*WQdO1G1]O(,YQdO1G1]O(.[QdO1G1]O(0^QdO1G1]O(2`QdO1G1]O(4bQdO1G1]O(6dQdO1G1]O(8fQdO1G1]O(:hQdO1G1]O(<jQdO,5:{O(>lQdO,5>wO(@nQdO1G0cO'.QQaO1G0cO(BpQdO1G1YO(DrQdO1G1[O'.QQaO1G1|O'.QQaO7+%sO(FtQdO7+%sO(HvQdO7+%}O'.QQaO7+'hO(JxQdO7+'hO(LzQdO<<I_O(N|QdO<<KSO'.QQaO<<KSO'.QQaOAN@nO)#OQdOAN@nO)%QQdOG26YO'.QQaOG26YO)'SQdOLD+tO))UQaO,5:}O#.YQaO1G0iO))]Q`O'#FvO))eQpO,5;bO))mQ`O,5<bO!%WQ`O,5<bO!%WQ`O1G1|O0aQ`O1G1|O0aQ`O7+'hO0aQ`O<<KSO))uQdO,5<cO)+wQdO'#I]O)-vQdO'#IWO).aQaO,5:mO).hQ`O,5<bO).pQ`O1G0XO)0SQ`O1G1|O)0[Q`O7+'hO)0dQpO7+'hO)0lQpO<<KSO)0tQpOAN@nO0aQ`O'#EvO9yQaO'#FeO9yQaO'#FfO9yQaO'#FgO9yQaO'#FhO9yQaO'#FhO9yQaO'#FkO)0|QaO'#FwO9yQaO'#GVO9yQaO'#GYO9yQaO,5;qO9yQaO,5;qO9yQaO,5;qO9yQaO,5;qO9yQaO,5;qO9yQaO,5;qO9yQaO,5;qO9yQaO,5;qO9yQaO,5;qO9yQaO,5;qO9yQaO,5;qO9yQaO,5;qO9yQaO,5;qO9yQaO,5;qO9yQaO,5;qO9yQaO,5;qO)1TQ`O'#FlO*kQaO'#EaO*kQaO'#I]O)1]QaO,5:wO9yQaO,5;nO9yQaO,5;pO)1dQdO,5<PO)3`QdO,5<QO)5[QdO,5<RO)7WQdO,5<SO)9SQdO,5<SO)9jQdO,5<VO);fQdO,5<cO)=bQdO,5<tO)?^Q`O'#IvO)@sQ`O'#IYO9yQaO1G0XO)BYQdO1G1]O)DUQdO1G1]O)FQQdO1G1]O)G|QdO1G1]O)IxQdO1G1]O)KtQdO1G1]O)MpQdO1G1]O* lQdO1G1]O*#hQdO1G1]O*%dQdO1G1]O*'`QdO1G1]O*)[QdO1G1]O*+WQdO1G1]O*-SQdO1G1]O*/OQdO1G1]O*0zQaO,5:}O*1RQdO,5:{O*1cQdO,5>wO*1sQaO'#HdO*2TQ`O,5>vO*2]QdO1G0cO9yQaO1G0cO*4XQdO1G1YO*6TQdO1G1[O9yQaO1G1|O>UQaO'#HwO*8PQ`O,5=[O*8XQaO'#HbO*8cQ`O,5>tO9yQaO7+%sO*8kQdO7+%sO*:gQ`O1G0iO>UQaO1G0iO*;|QdO7+%}O9yQaO7+'hO*=xQdO7+'hO*?tQ`O,5>cO*AZQ`O,5=|O*BpQdO<<I_O*DlQ`O7+&TO*FRQdO<<KSO9yQaO<<KSO9yQaOAN@nO*G}QdOAN@nO*IyQdOG26YO9yQaOG26YO*KuQdOLD+tO*MqQaO,5:}O9yQaO1G0iO*MxQdO'#I]O*NcQ`O'#FvO*NkQ`O,5<bO!%WQ`O,5<bO!%WQ`O1G1|O0aQ`O1G1|O0aQ`O7+'hO0aQ`O<<KSO*NsQdO'#IWO+ ^QeO'#FUO+ zQaO'#FUO+#sQaO'#FUO+%`QaO'#FUO>UQaO'#FeO>UQaO'#FfO>UQaO'#FgO>UQaO'#FhO>UQaO'#FhO>UQaO'#FkO+'XQaO'#FwO>UQaO'#GVO>UQaO'#GYO+'`QaO,5:mO>UQaO,5;qO>UQaO,5;qO>UQaO,5;qO>UQaO,5;qO>UQaO,5;qO>UQaO,5;qO>UQaO,5;qO>UQaO,5;qO>UQaO,5;qO>UQaO,5;qO>UQaO,5;qO>UQaO,5;qO>UQaO,5;qO>UQaO,5;qO>UQaO,5;qO>UQaO,5;qO+'gQ`O'#I]O$8YQaO'#EaO+)PQaOG26YO$8YQaO'#I]O+*{Q`O'#I[O++TQaO,5:wO>UQaO,5;nO>UQaO,5;pO++[Q`O,5<PO+,wQ`O,5<QO+.dQ`O,5<RO+0PQ`O,5<SO+1lQ`O,5<SO+3XQ`O,5<VO+4tQ`O,5<bO+4|Q`O,5<cO+6iQ`O,5<tO+8UQ`O1G0XO>UQaO1G0XO+9hQ`O1G1]O+;TQ`O1G1]O+<pQ`O1G1]O+>]Q`O1G1]O+?xQ`O1G1]O+AeQ`O1G1]O+CQQ`O1G1]O+DmQ`O1G1]O+FYQ`O1G1]O+GuQ`O1G1]O+IbQ`O1G1]O+J}Q`O1G1]O+LjQ`O1G1]O+NVQ`O1G1]O, rQ`O1G1]O,#_Q`O1G0cO>UQaO1G0cO,$zQ`O1G1YO,&gQ`O1G1[O,(SQ`O1G1|O>UQaO1G1|O>UQaO7+%sO,([Q`O7+%sO,)wQ`O7+%}O>UQaO7+'hO,+dQ`O7+'hO,+lQ`O7+'hO,-XQpO7+'hO,-aQ`O<<I_O,.|Q`O<<KSO,0iQpO<<KSO>UQaO<<KSO>UQaOAN@nO,0qQ`OAN@nO,2^QpOAN@nO,2fQ`OG26YO>UQaOG26YO,4RQ`OLD+tO,5nQaO,5:}O>UQaO1G0iO,5uQ`O'#I]O$8YQaO'#FeO$8YQaO'#FfO$8YQaO'#FgO$8YQaO'#FhO$8YQaO'#FhO+)PQaO'#FhO$8YQaO'#FkO,6SQaO'#FwO,6ZQaO'#FwO$8YQaO'#GVO+)PQaO'#GVO$8YQaO'#GYO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO$8YQaO,5;qO+)PQaO,5;qO,8YQ`O'#FlO>UQaO'#EaO>UQaO'#I]O,8bQaO,5:wO,8iQaO,5:wO$8YQaO,5;nO+)PQaO,5;nO$8YQaO,5;pO,:hQ`O,5<PO,<TQ`O,5<QO,=pQ`O,5<RO,?]Q`O,5<SO,@xQ`O,5<SO,BeQ`O,5<SO,CtQ`O,5<VO,EaQ`O,5<cO%7fQ`O,5<cO,F|Q`O,5<tO$8YQaO1G0XO+)PQaO1G0XO,HiQ`O1G1]O,JUQ`O1G1]O,KeQ`O1G1]O,MQQ`O1G1]O,NaQ`O1G1]O- |Q`O1G1]O-#]Q`O1G1]O-$xQ`O1G1]O-&XQ`O1G1]O-'tQ`O1G1]O-)TQ`O1G1]O-*pQ`O1G1]O-,PQ`O1G1]O--lQ`O1G1]O-.{Q`O1G1]O-0hQ`O1G1]O-1wQ`O1G1]O-3dQ`O1G1]O-4sQ`O1G1]O-6`Q`O1G1]O-7oQ`O1G1]O-9[Q`O1G1]O-:kQ`O1G1]O-<WQ`O1G1]O-=gQ`O1G1]O-?SQ`O1G1]O-@cQ`O1G1]O-BOQ`O1G1]O-C_Q`O1G1]O-DzQ`O1G1]O-FZQ`O,5:{O-GvQ`O,5>wO-IcQ`O1G0cO-KOQ`O1G0cO$8YQaO1G0cO+)PQaO1G0cO-L_Q`O1G1YO-MzQ`O1G1YO. ZQ`O1G1[O$8YQaO1G1|O$8YQaO7+%sO+)PQaO7+%sO.!vQ`O7+%sO.$cQ`O7+%sO.%rQ`O7+%}O.'_Q`O7+%}O$8YQaO7+'hO.(nQ`O7+'hO.*ZQ`O<<I_O.+vQ`O<<I_O.-VQ`O<<KSO$8YQaO<<KSO$8YQaOAN@nO..rQ`OAN@nO.0_Q`OG26YO$8YQaOG26YO.1zQ`OLD+tO.3gQaO,5:}O.3nQaO,5:}O$8YQaO1G0iO+)PQaO1G0iO.5mQ`O'#I]O.7PQ`O'#I]O.:fQ`O'#IWO.:vQ`O'#FvO.;OQaO,5:mO.;VQ`O,5<bO.;_Q`O,5<bO!%WQ`O,5<bO.;gQ`O1G0XO.<yQ`O,5:{O.>fQ`O,5>wO.@RQ`O1G1|O!%WQ`O1G1|O0aQ`O1G1|O0aQ`O7+'hO.@ZQ`O7+'hO.@cQpO7+'hO.@kQpO<<KSO0aQ`O<<KSO.@sQpOAN@nO.@{Q`O'#IWO.A]Q`O'#IWO.CSQaO,5:mO.CZQaO,5:mO.CbQ`O,5<bO.CjQ`O7+'hO.CrQ`O1G0XO.EUQ`O1G0XO.FhQ`O1G1|O.FpQ`O7+'hO.FxQpO7+'hO.GQQpOAN@nO.GYQpO<<KSO.GbQpOAN@nO.GjQ`O'#FvO.GrQ`O'#FlO.GzQ`O,5<bO!%WQ`O,5<bO!%WQ`O1G1|O0aQ`O1G1|O0aQ`O7+'hO0aQ`O<<KSO.HSQ`O'#FvO.H[Q`O,5<bO.HdQ`O,5<bO!%WQ`O,5<bO!%WQ`O1G1|O!%WQ`O1G1|O0aQ`O1G1|O0aQ`O<<KSO0aQ`O7+'hO0aQ`O<<KSO.HlQ`O'#FlO.HtQ`O'#FlO.H|Q`O'#Fl",stateData:".Ic~O!dOS!eOS&vOS!gQQ~O!iTO&wRO~OPgOQ|OS!lOU^OW}OX!XO[mO]!_O^!WO`![Oa!SOb!]Ok!dOm!lOowOp!TOq!UOsuOt!gOu!VOv!POxkOykO|!bO}`O!O]O!P!eO!QxO!R}O!TpO!UlO!VlO!W!YO!X!QO!YzO!Z!cO![!ZO!]!^O!^!fO!`!`O!a!RO!cjO!mWO!oXO!sYO!y[O#W_O#bhO#daO#ebO#peO$ToO$]nO$^oO$aqO$drO$l!kO$zyO${!OO$}}O%O}O%V|O'g{O~O!g!mO~O&wRO!i!hX&p!hX&t!hX~O!i!pO~O!d!qO!e!qO!g!mO&t!tO&v!qO~PhO!n!vO~PhOT'VXz'VX!S'VX!b'VX!m'VX!o'VX!v'VX!y'VX#S'VX#W'VX#`'VX#a'VX#p#qX#s'VX#z'VX#{'VX#|'VX#}'VX$O'VX$Q'VX$R'VX$S'VX$T'VX$U'VX$V'VX$W'VX$z'VX&s'VX~O!q!xO~P&sOT#TOz#RO!S#UO!b#VO!m#cO!o!{O!v!yO!y!}O#S#QO#W!zO#`!|O#a!|O#s#PO#z#SO#{#WO#|#XO#}#YO$O#ZO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dO&s#cO~OPgOQ|OU^OW}O[mOowOs#hOxkOykO}`O!O]O!QxO!R}O!TpO!UlO!VlO!YzO!cjO!s#gO!y[O#W_O#bhO#daO#ebO#peO$ToO$]nO$^oO$aqO$zyO${!OO$}}O%O}O%V|O'g{O~O!y[O~O!y#kO~OP6]OQ|OU^OW}O[6`Oo=YOs#hOx6^Oy6^O}`O!O]O!Q6dO!R}O!T6cO!U6_O!V6_O!Y6fO!c8fO!s#gO!y[O#S#oO#U#nO#W_O#bhO#daO#ebO#peO$T6bO$]6aO$^6bO$aqO$z6eO${!OO$}}O%O}O%V|O'g{O#X'OP~O!}#sO~P-UO!y#tO~O#b#vO#daO#ebO~O#p#xO~O!s#yO~OU$PO!R$PO!s$OO!v#}O#p2XO~OT&zXz&zX!S&zX!b&zX!m&zX!o&zX!v&zX!y&zX#S&zX#W&zX#`&zX#a&zX#s&zX#z&zX#{&zX#|&zX#}&zX$O&zX$Q&zX$R&zX$S&zX$T&zX$U&zX$V&zX$W&zX$z&zX&s&zX!x&zX!n&zX~O#u$RO#w$SO~P0rOP6]OQ|OU^OW}O[6`Oo=YOs#hOx6^Oy6^O}`O!O]O!Q6dO!R}O!T6cO!U6_O!V6_O!Y6fO!c8fO!s#gO!y[O#W_O#bhO#daO#ebO#peO$T6bO$]6aO$^6bO$aqO$z6eO${!OO$}}O%O}O%V|O'g{OT#xXz#xX!S#xX!b#xX!m#xX!o#xX!v#xX#`#xX#a#xX#s#xX#z#xX#{#xX#|#xX#}#xX$O#xX$Q#xX$R#xX$S#xX$U#xX$V#xX$W#xX&s#xX!x#xX!n#xX~Or$UO#S6yO#U6xO~P2yO!s#gO#peO~OS$gO]$bOk$eOm$gOs$aO!`$cO$drO$l$fO~O!s$kO!y$hO#S$jO~Oo$mOs$lO#b$nO~O!y$hO#S$rO~O$l$tO~P*kOR$zO!o$yO#b$xO#e$yO&q$zO~O'f$|O~P8lO!y%RO~O!y%TO~O!s%VO~O!m#cO&s#cO~P*kO!oXO~O!y%_O~OP6]OQ|OU^OW}O[6`Oo=YOs#hOx6^Oy6^O}`O!O]O!Q6dO!R}O!T6cO!U6_O!V6_O!Y6fO!c8fO!s#gO!y[O#W_O#bhO#daO#ebO#peO$T6bO$]6aO$^6bO$aqO$z6eO${!OO$}}O%O}O%V|O'g{O~O!y%cO~O!s%dO~O]$bO~O!s%hO~O!s%iO~O!s%jO~O!oXO!s#gO#peO~O]%rOs%rO!o%pO!s#gO#p%nO~O!s%vO~O!i%wO&t%wO&wRO~O&t%zO~PhO!n%{O~PhOPgOQ|OU^OW}O[8lOo=yOs#hOx8jOy8jO}`O!O]O!Q8pO!R}O!T8oO!U8kO!V8kO!Y8rO!c8iO!s#gO!y[O#W_O#bhO#daO#ebO#peO$T8nO$]8mO$^8nO$aqO$z8qO${!OO$}}O%O}O%V|O'g{O~O!q%}O~P>UO#X&PO~P>UO!o&SO!s&RO#b&RO~OPgOQ|OU^OW}O[8lOo=yOs#hOx8jOy8jO}`O!O]O!Q8pO!R}O!T8oO!U8kO!V8kO!Y8rO!c8iO!s&VO!y[O#U&WO#W_O#bhO#daO#ebO#peO$T8nO$]8mO$^8nO$aqO$z8qO${!OO$}}O%O}O%V|O'g{O~O!x'SP~PAOO!s&[O#b&[O~OT#TOz#RO!S#UO!b#VO!o!{O!v!yO!y!}O#S#QO#W!zO#`!|O#a!|O#s#PO#z#SO#{#WO#|#XO#}#YO$O#ZO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dO~O!x&nO~PCqO!x'VX!}'VX#O'VX#X'VX!n'VXV'VX!q'VX#u'VX#w'VXw'VX~P&sO!y$hO#S&oO~Oo$mOs$lO~O!o&pO~O!}&sO#S;dO#U;cO!x'OP~P9yOT6iOz6gO!S6jO!b6kO!o!{O!v8sO!y!}O#S#QO#W!zO#`!|O#a!|O#s#PO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}'PX#X'PX~O#O&tO~PGSO!}&wO#X'OX~O#X&yO~O!}'OO!x'QP~P9yO!n'PO~PCqO!m#oa!o#oa#S#oa#p#qX&s#oa!x#oa#O#oaw#oa~OT#oaz#oa!S#oa!b#oa!v#oa!y#oa#W#oa#`#oa#a#oa#s#oa#z#oa#{#oa#|#oa#}#oa$O#oa$Q#oa$R#oa$S#oa$T#oa$U#oa$V#oa$W#oa$z#oa!}#oa#X#oa!n#oaV#oa!q#oa#u#oa#w#oa~PIpO!s'RO~O!x'UO#l'SO~O!x'VX#l'VX#p#qX#S'VX#U'VX#b'VX!o'VX#O'VXw'VX!m'VX&s'VX~O#S'YO~P*kO!m$Xa&s$Xa!x$Xa!n$Xa~PCqO!m$Ya&s$Ya!x$Ya!n$Ya~PCqO!m$Za&s$Za!x$Za!n$Za~PCqO!m$[a&s$[a!x$[a!n$[a~PCqO!o!{O!y!}O#W!zO#`!|O#a!|O#s#PO$z#dOT$[a!S$[a!b$[a!m$[a!v$[a#S$[a#z$[a#{$[a#|$[a#}$[a$O$[a$Q$[a$R$[a$S$[a$T$[a$U$[a$V$[a$W$[a&s$[a!x$[a!n$[a~Oz#RO~PNyO!m$_a&s$_a!x$_a!n$_a~PCqO!y!}O!}$fX#X$fX~O!}'^O#X'ZX~O#X'`O~O!s$kO#S'aO~O]'cO~O!s'eO~O!s'fO~O$l'gO~O!`'mO#S'kO#U'lO#b'jO$drO!x'XP~P0aO!^'sO!oXO!q'rO~O!s'uO!y$hO~O!y$hO#S'wO~O!y$hO#S'yO~O#u'zO!m$sX!}$sX&s$sX~O!}'{O!m'bX&s'bX~O!m#cO&s#cO~O!q(PO#O(OO~O!m$ka&s$ka!x$ka!n$ka~PCqOl(ROw(SO!o(TO!y!}O~O!o!{O!y!}O#W!zO#`!|O#a!|O#s#PO~OT$yaz$ya!S$ya!b$ya!m$ya!v$ya#S$ya#z$ya#{$ya#|$ya#}$ya$O$ya$Q$ya$R$ya$S$ya$T$ya$U$ya$V$ya$W$ya$z$ya&s$ya!x$ya!}$ya#O$ya#X$ya!n$ya!q$yaV$ya#u$ya#w$ya~P!'WO!m$|a&s$|a!x$|a!n$|a~PCqO#W([O#`(YO#a(YO&r(ZOR&gX!o&gX#b&gX#e&gX&q&gX'f&gX~O'f(_O~P8lO!q(`O~PhO!o(cO!q(dO~O!q(`O&s(gO~PhO!a(kO~O!m(lO~P9yOZ(wOn(xO~O!s(zO~OT6iOz6gO!S6jO!b6kO!v8sO!}({O#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!m'jX&s'jX~P!'WO#u)PO~O!})QO!m'`X&s'`X~Ol(RO!o(TO~Ow(SO!o)WO!q)ZO~O!m#cO!oXO&s#cO~O!o%pO!s#yO~OV)aO!})_O!m'kX&s'kX~O])cOs)cO!s#gO#peO~O!o%pO!s#gO#p)hO~OT6iOz6gO!S6jO!b6kO!v8sO!})iO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!m&|X&s&|X#O&|X~P!'WOl(ROw(SO!o(TO~O!i)oO&t)oO~OT8vOz8tO!S8wO!b8xO!q)pO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#X)rO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO~P!'WO!n)rO~PCqOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x'TX!}'TX~P!'WOT'VXz'VX!S'VX!b'VX!o'VX!v'VX!y'VX#S'VX#W'VX#`'VX#a'VX#p#qX#s'VX#z'VX#{'VX#|'VX#}'VX$O'VX$Q'VX$R'VX$S'VX$T'VX$U'VX$V'VX$W'VX$z'VX~O!q)tO!x'VX!}'VX~P!5xO!x#iX!}#iX~P>UO!})vO!x'SX~O!x)xO~O$z#dOT#yiz#yi!S#yi!b#yi!m#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi$V#yi$W#yi&s#yi!x#yi!}#yi#O#yi#X#yi!n#yi!q#yiV#yi#u#yi#w#yi~P!'WOz#RO#S#QO#z#SO#{#WO#|#XO#}#YO$O#ZO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi&s#yi!x#yi!n#yi~P!'WOz#RO!v!yO#S#QO#z#SO#{#WO#|#XO#}#YO$O#ZO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dOT#yi!S#yi!b#yi!m#yi&s#yi!x#yi!n#yi~P!'WOT#TOz#RO!b#VO!v!yO#S#QO#z#SO#{#WO#|#XO#}#YO$O#ZO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dO!S#yi!m#yi&s#yi!x#yi!n#yi~P!'WOT#TOz#RO!v!yO#S#QO#z#SO#{#WO#|#XO#}#YO$O#ZO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dO!S#yi!b#yi!m#yi&s#yi!x#yi!n#yi~P!'WOz#RO#S#QO#|#XO#}#YO$O#ZO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#z#yi#{#yi&s#yi!x#yi!n#yi~P!'WOz#RO#S#QO#}#YO$O#ZO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#z#yi#{#yi#|#yi&s#yi!x#yi!n#yi~P!'WOz#RO#S#QO$O#ZO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#z#yi#{#yi#|#yi#}#yi&s#yi!x#yi!n#yi~P!'WOz#RO#S#QO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#z#yi#{#yi#|#yi#}#yi$O#yi&s#yi!x#yi!n#yi~P!'WOz#RO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi&s#yi!x#yi!n#yi~P!'WOz#RO$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi&s#yi!x#yi!n#yi~P!'WOz#RO$S#_O$T#`O$U#aO$V#bO$W#bO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi&s#yi!x#yi!n#yi~P!'WOz#RO$T#`O$V#bO$W#bO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$U#yi&s#yi!x#yi!n#yi~P!'WOz#RO$V#bO$W#bO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi&s#yi!x#yi!n#yi~P!'WOz#RO$S#_O$T#`O$V#bO$W#bO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$U#yi&s#yi!x#yi!n#yi~P!'WOz#RO$W#bO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi$V#yi&s#yi!x#yi!n#yi~P!'WO_)yO~P9yO!x)|O~O#S*PO~P9yOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}#Ta#X#Ta#O#Ta!m#Ta&s#Ta!x#Ta!n#TaV#Ta!q#Ta~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}'Pa#X'Pa#O'Pa!m'Pa&s'Pa!x'Pa!n'PaV'Pa!q'Pa~P!'WO#S#oO#U#nO!}&WX#X&WX~P9yO!}&wO#X'Oa~O#X*SO~OT6iOz6gO!S6jO!b6kO!v8sO!}*UO#O*TO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!x'QX~P!'WO!}*UO!x'QX~O!x*WO~O!m#oi!o#oi#S#oi#p#qX&s#oi!x#oi#O#oiw#oi~OT#oiz#oi!S#oi!b#oi!v#oi!y#oi#W#oi#`#oi#a#oi#s#oi#z#oi#{#oi#|#oi#}#oi$O#oi$Q#oi$R#oi$S#oi$T#oi$U#oi$V#oi$W#oi$z#oi!}#oi#X#oi!n#oiV#oi!q#oi#u#oi#w#oi~P#*zO#l'SO!x#ka#S#ka#U#ka#b#ka!o#ka#O#kaw#ka!m#ka&s#ka~OPgOQ|OU^OW}O[4OOo5xOs#hOx3zOy3zO}`O!O]O!Q2^O!R}O!T4UO!U3|O!V3|O!Y2`O!c3xO!s#gO!y[O#W_O#bhO#daO#ebO#peO$T4SO$]4QO$^4SO$aqO$z2_O${!OO$}}O%O}O%V|O'g{O~O#l#oa#U#oa#b#oa~PIpOz#RO!v!yO#S#QO#z#SO#{#WO#|#XO#}#YO$O#ZO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dOT#Pi!S#Pi!b#Pi!m#Pi&s#Pi!x#Pi!n#Pi~P!'WOz#RO!v!yO#S#QO#z#SO#{#WO#|#XO#}#YO$O#ZO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dOT#vi!S#vi!b#vi!m#vi&s#vi!x#vi!n#vi~P!'WO!m#xi&s#xi!x#xi!n#xi~PCqO!s#gO#peO!}&^X#X&^X~O!}'^O#X'Za~O!s'uO~Ow(SO!o)WO!q*fO~O!s*jO~O#S*lO#U*mO#b*kO#l'SO~O#S*lO#U*mO#b*kO$drO~P0aO#u*oO!x$cX!}$cX~O#U*mO#b*kO~O#b*pO~O#b*rO~P0aO!}*sO!x'XX~O!x*uO~O!y*wO~O!^*{O!oXO!q*zO~O!q*}O!o'ci!m'ci&s'ci~O!q+QO#O+PO~O#b$nO!m&eX!}&eX&s&eX~O!}'{O!m'ba&s'ba~OT$kiz$ki!S$ki!b$ki!m$ki!o$ki!v$ki!y$ki#S$ki#W$ki#`$ki#a$ki#s$ki#u#fa#w#fa#z$ki#{$ki#|$ki#}$ki$O$ki$Q$ki$R$ki$S$ki$T$ki$U$ki$V$ki$W$ki$z$ki&s$ki!x$ki!}$ki#O$ki#X$ki!n$ki!q$kiV$ki~OS+^O]+aOm+^Os$aO!^+dO!_+^O!`+^O!n+hO#b$nO$aqO$drO~P0aO!s+lO~O#W+nO#`+mO#a+mO~O!s+pO#b+pO$}+pO%T+oO~O!n+qO~PCqOc%XXd%XXh%XXj%XXf%XXg%XXe%XX~PhOc+uOd+sOP%WiQ%WiS%WiU%WiW%WiX%Wi[%Wi]%Wi^%Wi`%Wia%Wib%Wik%Wim%Wio%Wip%Wiq%Wis%Wit%Wiu%Wiv%Wix%Wiy%Wi|%Wi}%Wi!O%Wi!P%Wi!Q%Wi!R%Wi!T%Wi!U%Wi!V%Wi!W%Wi!X%Wi!Y%Wi!Z%Wi![%Wi!]%Wi!^%Wi!`%Wi!a%Wi!c%Wi!m%Wi!o%Wi!s%Wi!y%Wi#W%Wi#b%Wi#d%Wi#e%Wi#p%Wi$T%Wi$]%Wi$^%Wi$a%Wi$d%Wi$l%Wi$z%Wi${%Wi$}%Wi%O%Wi%V%Wi&p%Wi'g%Wi&t%Wi!n%Wih%Wij%Wif%Wig%WiY%Wi_%Wii%Wie%Wi~Oc+yOd+vOh+xO~OY+zO_+{O!n,OO~OY+zO_+{Oi%^X~Oi,QO~Oj,RO~O!m,TO~P9yO!m,VO~Of,WO~OT6iOV,XOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO~P!'WOg,YO~O!y,ZO~OZ(wOn(xOP%liQ%liS%liU%liW%liX%li[%li]%li^%li`%lia%lib%lik%lim%lio%lip%liq%lis%lit%liu%liv%lix%liy%li|%li}%li!O%li!P%li!Q%li!R%li!T%li!U%li!V%li!W%li!X%li!Y%li!Z%li![%li!]%li!^%li!`%li!a%li!c%li!m%li!o%li!s%li!y%li#W%li#b%li#d%li#e%li#p%li$T%li$]%li$^%li$a%li$d%li$l%li$z%li${%li$}%li%O%li%V%li&p%li'g%li&t%li!n%lic%lid%lih%lij%lif%lig%liY%li_%lii%lie%li~O#u,_O~O!}({O!m%da&s%da~O!x,bO~O!s%dO!m&dX!}&dX&s&dX~O!})QO!m'`a&s'`a~OS+^OY,iOm+^Os$aO!^+dO!_+^O!`+^O$aqO$drO~O!n,lO~P#JwO!o)WO~O!o%pO!s'RO~O!s#gO#peO!m&nX!}&nX&s&nX~O!})_O!m'ka&s'ka~O!s,rO~OV,sO!n%|X!}%|X~O!},uO!n'lX~O!n,wO~O!m&UX!}&UX&s&UX#O&UX~P9yO!})iO!m&|a&s&|a#O&|a~Oz#RO#S#QO#z#SO#{#WO#|#XO#}#YO$O#ZO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dOT!uq!S!uq!b!uq!m!uq!v!uq&s!uq!x!uq!n!uq~P!'WO!n,|O~PCqOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x#ia!}#ia~P!'WO!x&YX!}&YX~PAOO!})vO!x'Sa~O#O-QO~O!}-RO!n&{X~O!n-TO~O!x-UO~OT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}#Vi#X#Vi~P!'WO!x&XX!}&XX~P9yO!}*UO!x'Qa~O!x-[O~OT#jqz#jq!S#jq!b#jq!m#jq!v#jq#S#jq#u#jq#w#jq#z#jq#{#jq#|#jq#}#jq$O#jq$Q#jq$R#jq$S#jq$T#jq$U#jq$V#jq$W#jq$z#jq&s#jq!x#jq!}#jq#O#jq#X#jq!n#jq!q#jqV#jq~P!'WO#l#oi#U#oi#b#oi~P#*zOz#RO!v!yO#S#QO#z#SO#{#WO#|#XO#}#YO$O#ZO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dOT#Pq!S#Pq!b#Pq!m#Pq&s#Pq!x#Pq!n#Pq~P!'WO#u-dO!x$ca!}$ca~O#U-fO#b-eO~O#b-gO~O#S-hO#U-fO#b-eO#l'SO~O#b-jO#l'SO~O#u-kO!x$ha!}$ha~O!`'mO#S'kO#U'lO#b'jO$drO!x&_X!}&_X~P0aO!}*sO!x'Xa~O!oXO#l'SO~O#S-pO#b-oO!x'[P~O!oXO!q-rO~O!q-uO!o'cq!m'cq&s'cq~O!^-wO!oXO!q-rO~O!q-{O#O-zO~OT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!m$si!}$si&s$si~P!'WO!m$jq&s$jq!x$jq!n$jq~PCqO#O-zO#l'SO~O!}-|Ow']X!o']X!m']X&s']X~O#b$nO#l'SO~OS+^O].ROm+^Os$aO!_+^O!`+^O#b$nO$aqO$drO~P0aOS+^O].ROm+^Os$aO!_+^O!`+^O#b$nO$aqO~P0aOS+^O]+aOm+^Os$aO!^+dO!_+^O!`+^O!n.ZO#b$nO$aqO$drO~P0aO!s.^O~O!s._O#b._O$}._O%T+oO~O$}.`O~O#X.aO~Oc%Xad%Xah%Xaj%Xaf%Xag%Xae%Xa~PhOc.dOd+sOP%WqQ%WqS%WqU%WqW%WqX%Wq[%Wq]%Wq^%Wq`%Wqa%Wqb%Wqk%Wqm%Wqo%Wqp%Wqq%Wqs%Wqt%Wqu%Wqv%Wqx%Wqy%Wq|%Wq}%Wq!O%Wq!P%Wq!Q%Wq!R%Wq!T%Wq!U%Wq!V%Wq!W%Wq!X%Wq!Y%Wq!Z%Wq![%Wq!]%Wq!^%Wq!`%Wq!a%Wq!c%Wq!m%Wq!o%Wq!s%Wq!y%Wq#W%Wq#b%Wq#d%Wq#e%Wq#p%Wq$T%Wq$]%Wq$^%Wq$a%Wq$d%Wq$l%Wq$z%Wq${%Wq$}%Wq%O%Wq%V%Wq&p%Wq'g%Wq&t%Wq!n%Wqh%Wqj%Wqf%Wqg%WqY%Wq_%Wqi%Wqe%Wq~Oc.iOd+vOh.hO~O!q(`O~OP6]OQ|OU^OW}O[:fOo>ROs#hOx:dOy:dO}`O!O]O!Q:kO!R}O!T:jO!U:eO!V:eO!Y:oO!c8gO!s#gO!y[O#W_O#bhO#daO#ebO#peO$T:hO$]:gO$^:hO$aqO$z:mO${!OO$}}O%O}O%V|O'g{O~O!m.lO!q.lO~OY+zO_+{O!n.nO~OY+zO_+{Oi%^a~O!x.rO~P>UO!m.tO~O!m.tO~P9yOQ|OW}O!R}O$}}O%O}O%V|O'g{O~OT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!m&ka!}&ka&s&ka~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!m$qi!}$qi&s$qi~P!'WOS+^Om+^Os$aO!_+^O!`+^O$aqO$drO~OY/PO~P$?VOS+^Om+^Os$aO!_+^O!`+^O$aqO~O!s/QO~O!n/SO~P#JwOw(SO!o)WO#l'SO~OV/VO!m&na!}&na&s&na~O!})_O!m'ki&s'ki~O!s/XO~OV/YO!n%|a!}%|a~O]/[Os/[O!s#gO#peO!n&oX!}&oX~O!},uO!n'la~OT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!m&Ua!}&Ua&s&Ua#O&Ua~P!'WOz#RO#S#QO#z#SO#{#WO#|#XO#}#YO$O#ZO$Q#]O$R#^O$S#_O$T#`O$U#aO$V#bO$W#bO$z#dOT!uy!S!uy!b!uy!m!uy!v!uy&s!uy!x!uy!n!uy~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x#hi!}#hi~P!'WO_)yO!n&VX!}&VX~P9yO!}-RO!n&{a~OT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}#Vq#X#Vq~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x#[i!}#[i~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#O/cO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!x&Xa!}&Xa~P!'WO#u/iO!x$ci!}$ci~O#b/jO~O#U/lO#b/kO~OT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x$ci!}$ci~P!'WO#u/mO!x$hi!}$hi~O!}/oO!x'[X~O#b/qO~O!x/rO~O!oXO!q/uO~O#l'SO!o'cy!m'cy&s'cy~O!m$jy&s$jy!x$jy!n$jy~PCqO#O/xO#l'SO~O!s#gO#peOw&aX!o&aX!}&aX!m&aX&s&aX~O!}-|Ow']a!o']a!m']a&s']a~OU$PO]0QO!R$PO!s$OO!v#}O#b$nO#p2XO~P$?uO!m#cO!o0VO&s#cO~O#X0YO~Oh0_O~OT:tOz:pO!S:vO!b:xO!m0`O!q0`O!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO~P!'WOY%]a_%]a!n%]ai%]a~PhO!x0bO~O!x0bO~P>UO!m0dO~OT6iOz6gO!S6jO!b6kO!v8sO!x0fO#O0eO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO~P!'WO!x0fO~O!x0gO#b0hO#l'SO~O!x0iO~O!s0jO~O!m#cO#u0lO&s#cO~O!s0mO~O!})_O!m'kq&s'kq~O!s0nO~OV0oO!n%}X!}%}X~OT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!n!|i!}!|i~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x$cq!}$cq~P!'WO#u0vO!x$cq!}$cq~O#b0wO~OT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x$hq!}$hq~P!'WO#S0zO#b0yO!x&`X!}&`X~O!}/oO!x'[a~O#l'SO!o'c!R!m'c!R&s'c!R~O!oXO!q1PO~O!m$j!R&s$j!R!x$j!R!n$j!R~PCqO#O1RO#l'SO~OP6]OU^O[9WOo>SOs#hOx9WOy9WO}`O!O]O!Q:lO!T9WO!U9WO!V9WO!Y9WO!c8hO!n1^O!s1YO!y[O#W_O#bhO#daO#ebO#peO$T:iO$]9WO$^:iO$aqO$z:nO${!OO~P$;lOh1_O~OY%[i_%[i!n%[ii%[i~PhOY%]i_%]i!n%]ii%]i~PhO!x1bO~O!x1bO~P>UO!x1eO~O!m#cO#u1iO&s#cO~O$}1jO%V1jO~O!s1kO~OV1lO!n%}a!}%}a~OT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x#]i!}#]i~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x$cy!}$cy~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x$hy!}$hy~P!'WO#b1nO~O!}/oO!x'[i~O!m$j!Z&s$j!Z!x$j!Z!n$j!Z~PCqOT:uOz:qO!S:wO!b:yO!v=nO#S#QO#z:sO#{:{O#|:}O#};PO$O;RO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dO~P!'WOV1uO{1tO~P!5xOV1uO{1tOT&}Xz&}X!S&}X!b&}X!o&}X!v&}X!y&}X#S&}X#W&}X#`&}X#a&}X#s&}X#u&}X#w&}X#z&}X#{&}X#|&}X#}&}X$O&}X$Q&}X$R&}X$S&}X$T&}X$U&}X$V&}X$W&}X$z&}X~OP6]OU^O[9WOo>SOs#hOx9WOy9WO}`O!O]O!Q:lO!T9WO!U9WO!V9WO!Y9WO!c8hO!n1xO!s1YO!y[O#W_O#bhO#daO#ebO#peO$T:iO$]9WO$^:iO$aqO$z:nO${!OO~P$;lOY%[q_%[q!n%[qi%[q~PhO!x1zO~O!x%gi~PCqOe1{O~O$}1|O%V1|O~O!s2OO~OT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x$c!R!}$c!R~P!'WO!m$j!c&s$j!c!x$j!c!n$j!c~PCqO!s2QO~O!`2SO!s2RO~O!s2VO!m$xi&s$xi~O!s'WO~O!s*]O~OT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m$ka#u$ka#w$ka&s$ka!x$ka!n$ka!q$ka#X$ka!}$ka~P!'WO#S2]O~P*kO$l$tO~P#.YOT6iOz6gO!S6jO!b6kO!v8sO#O2[O#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!m'PX&s'PX!x'PX!n'PX~P!'WOT4fOz4dO!S4gO!b4hO!v6TO#O3uO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}'PX#X'PX#u'PX#w'PX!m'PX&s'PX!x'PX!n'PXV'PX!q'PX~P!'WO#S3dO~P#.YOT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m$Xa#u$Xa#w$Xa&s$Xa!x$Xa!n$Xa!q$Xa#X$Xa!}$Xa~P!'WOT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m$Ya#u$Ya#w$Ya&s$Ya!x$Ya!n$Ya!q$Ya#X$Ya!}$Ya~P!'WOT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m$Za#u$Za#w$Za&s$Za!x$Za!n$Za!q$Za#X$Za!}$Za~P!'WOT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m$[a#u$[a#w$[a&s$[a!x$[a!n$[a!q$[a#X$[a!}$[a~P!'WOz2aO#u$[a#w$[a!q$[a#X$[a!}$[a~PNyOT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m$_a#u$_a#w$_a&s$_a!x$_a!n$_a!q$_a#X$_a!}$_a~P!'WOT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m$|a#u$|a#w$|a&s$|a!x$|a!n$|a!q$|a#X$|a!}$|a~P!'WOz2aO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#u#yi#w#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOz2aO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dOT#yi!S#yi!b#yi!m#yi#u#yi#w#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOT2cOz2aO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!S#yi!m#yi#u#yi#w#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOT2cOz2aO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!S#yi!b#yi!m#yi#u#yi#w#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOz2aO#S#QO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#u#yi#w#yi#z#yi#{#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOz2aO#S#QO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#u#yi#w#yi#z#yi#{#yi#|#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOz2aO#S#QO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOz2aO#S#QO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOz2aO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#S#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOz2aO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#S#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOz2aO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#S#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOz2aO$T2nO$V2pO$W2pO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#S#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$U#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOz2aO$V2pO$W2pO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#S#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOz2aO$S2mO$T2nO$V2pO$W2pO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#S#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$U#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOz2aO$W2pO$z#dOT#yi!S#yi!b#yi!m#yi!v#yi#S#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi$V#yi&s#yi!x#yi!n#yi!q#yi#X#yi!}#yi~P!'WOT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m#Ta#u#Ta#w#Ta&s#Ta!x#Ta!n#Ta!q#Ta#X#Ta!}#Ta~P!'WOT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m'Pa#u'Pa#w'Pa&s'Pa!x'Pa!n'Pa!q'Pa#X'Pa!}'Pa~P!'WOz2aO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dOT#Pi!S#Pi!b#Pi!m#Pi#u#Pi#w#Pi&s#Pi!x#Pi!n#Pi!q#Pi#X#Pi!}#Pi~P!'WOz2aO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dOT#vi!S#vi!b#vi!m#vi#u#vi#w#vi&s#vi!x#vi!n#vi!q#vi#X#vi!}#vi~P!'WOT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m#xi#u#xi#w#xi&s#xi!x#xi!n#xi!q#xi#X#xi!}#xi~P!'WOz2aO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dOT!uq!S!uq!b!uq!m!uq!v!uq#u!uq#w!uq&s!uq!x!uq!n!uq!q!uq#X!uq!}!uq~P!'WOz2aO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dOT#Pq!S#Pq!b#Pq!m#Pq#u#Pq#w#Pq&s#Pq!x#Pq!n#Pq!q#Pq#X#Pq!}#Pq~P!'WOT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m$jq#u$jq#w$jq&s$jq!x$jq!n$jq!q$jq#X$jq!}$jq~P!'WOz2aO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dOT!uy!S!uy!b!uy!m!uy!v!uy#u!uy#w!uy&s!uy!x!uy!n!uy!q!uy#X!uy!}!uy~P!'WOT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m$jy#u$jy#w$jy&s$jy!x$jy!n$jy!q$jy#X$jy!}$jy~P!'WOT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m$j!R#u$j!R#w$j!R&s$j!R!x$j!R!n$j!R!q$j!R#X$j!R!}$j!R~P!'WOT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m$j!Z#u$j!Z#w$j!Z&s$j!Z!x$j!Z!n$j!Z!q$j!Z#X$j!Z!}$j!Z~P!'WOT2cOz2aO!S2dO!b2eO!v4WO#S#QO#z2bO#{2fO#|2gO#}2hO$O2iO$Q2kO$R2lO$S2mO$T2nO$U2oO$V2pO$W2pO$z#dO!m$j!c#u$j!c#w$j!c&s$j!c!x$j!c!n$j!c!q$j!c#X$j!c!}$j!c~P!'WOP6]OU^O[4POo8^Os#hOx3{Oy3{O}`O!O]O!Q4aO!T4VO!U3}O!V3}O!Y4cO!c3yO!s#gO!y[O#S3vO#W_O#bhO#daO#ebO#peO$T4TO$]4RO$^4TO$aqO$z4bO${!OO~P$;lOP6]OU^O[4POo8^Os#hOx3{Oy3{O}`O!O]O!Q4aO!T4VO!U3}O!V3}O!Y4cO!c3yO!s#gO!y[O#W_O#bhO#daO#ebO#peO$T4TO$]4RO$^4TO$aqO$z4bO${!OO~P$;lO#u2uO#w2vO!q&zX#X&zX!}&zX~P0rOP6]OU^O[4POo8^Or2wOs#hOx3{Oy3{O}`O!O]O!Q4aO!T4VO!U3}O!V3}O!Y4cO!c3yO!s#gO!y[O#S2tO#U2sO#W_O#bhO#daO#ebO#peO$T4TO$]4RO$^4TO$aqO$z4bO${!OOT#xXz#xX!S#xX!b#xX!m#xX!o#xX!v#xX#`#xX#a#xX#s#xX#u#xX#w#xX#z#xX#{#xX#|#xX#}#xX$O#xX$Q#xX$R#xX$S#xX$U#xX$V#xX$W#xX&s#xX!x#xX!n#xX!q#xX#X#xX!}#xX~P$;lOP6]OU^O[4POo8^Or4xOs#hOx3{Oy3{O}`O!O]O!Q4aO!T4VO!U3}O!V3}O!Y4cO!c3yO!s#gO!y[O#S4uO#U4tO#W_O#bhO#daO#ebO#peO$T4TO$]4RO$^4TO$aqO$z4bO${!OOT#xXz#xX!S#xX!b#xX!o#xX!v#xX!}#xX#O#xX#X#xX#`#xX#a#xX#s#xX#u#xX#w#xX#z#xX#{#xX#|#xX#}#xX$O#xX$Q#xX$R#xX$S#xX$U#xX$V#xX$W#xX!m#xX&s#xX!x#xX!n#xXV#xX!q#xX~P$;lO!q3PO~P>UO!q5}O#O3gO~OT8vOz8tO!S8wO!b8xO!q3hO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO~P!'WO!q6OO#O3kO~O!q6PO#O3oO~O#O3oO#l'SO~O#O3pO#l'SO~O#O3sO#l'SO~OP6]OU^O[4POo8^Os#hOx3{Oy3{O}`O!O]O!Q4aO!T4VO!U3}O!V3}O!Y4cO!c3yO!s#gO!y[O#W_O#bhO#daO#ebO#peO$T4TO$]4RO$^4TO$aqO$l$tO$z4bO${!OO~P$;lOP6]OU^O[4POo8^Os#hOx3{Oy3{O}`O!O]O!Q4aO!T4VO!U3}O!V3}O!Y4cO!c3yO!s#gO!y[O#S5eO#W_O#bhO#daO#ebO#peO$T4TO$]4RO$^4TO$aqO$z4bO${!OO~P$;lOT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}$Xa#O$Xa#X$Xa#u$Xa#w$Xa!m$Xa&s$Xa!x$Xa!n$XaV$Xa!q$Xa~P!'WOT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}$Ya#O$Ya#X$Ya#u$Ya#w$Ya!m$Ya&s$Ya!x$Ya!n$YaV$Ya!q$Ya~P!'WOT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}$Za#O$Za#X$Za#u$Za#w$Za!m$Za&s$Za!x$Za!n$ZaV$Za!q$Za~P!'WOT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}$[a#O$[a#X$[a#u$[a#w$[a!m$[a&s$[a!x$[a!n$[aV$[a!q$[a~P!'WOz4dO!}$[a#O$[a#X$[a#u$[a#w$[aV$[a!q$[a~PNyOT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}$_a#O$_a#X$_a#u$_a#w$_a!m$_a&s$_a!x$_a!n$_aV$_a!q$_a~P!'WOT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}$|a#O$|a#X$|a#u$|a#w$|a!m$|a&s$|a!x$|a!n$|aV$|a!q$|a~P!'WOz4dO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#X#yi#u#yi#w#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz4dO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dOT#yi!S#yi!b#yi!}#yi#O#yi#X#yi#u#yi#w#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOT4fOz4dO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!S#yi!}#yi#O#yi#X#yi#u#yi#w#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOT4fOz4dO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!S#yi!b#yi!}#yi#O#yi#X#yi#u#yi#w#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz4dO#S#QO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#X#yi#u#yi#w#yi#z#yi#{#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz4dO#S#QO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#X#yi#u#yi#w#yi#z#yi#{#yi#|#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz4dO#S#QO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#X#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz4dO#S#QO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#X#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz4dO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#S#yi#X#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz4dO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#S#yi#X#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz4dO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#S#yi#X#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz4dO$T4qO$V4sO$W4sO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#S#yi#X#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$U#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz4dO$V4sO$W4sO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#S#yi#X#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz4dO$S4pO$T4qO$V4sO$W4sO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#S#yi#X#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$U#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz4dO$W4sO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#S#yi#X#yi#u#yi#w#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi$V#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}#Ta#O#Ta#X#Ta#u#Ta#w#Ta!m#Ta&s#Ta!x#Ta!n#TaV#Ta!q#Ta~P!'WOT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}'Pa#O'Pa#X'Pa#u'Pa#w'Pa!m'Pa&s'Pa!x'Pa!n'PaV'Pa!q'Pa~P!'WOz4dO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dOT#Pi!S#Pi!b#Pi!}#Pi#O#Pi#X#Pi#u#Pi#w#Pi!m#Pi&s#Pi!x#Pi!n#PiV#Pi!q#Pi~P!'WOz4dO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dOT#vi!S#vi!b#vi!}#vi#O#vi#X#vi#u#vi#w#vi!m#vi&s#vi!x#vi!n#viV#vi!q#vi~P!'WOT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}#xi#O#xi#X#xi#u#xi#w#xi!m#xi&s#xi!x#xi!n#xiV#xi!q#xi~P!'WOz4dO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dOT!uq!S!uq!b!uq!v!uq!}!uq#O!uq#X!uq#u!uq#w!uq!m!uq&s!uq!x!uq!n!uqV!uq!q!uq~P!'WOz4dO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dOT#Pq!S#Pq!b#Pq!}#Pq#O#Pq#X#Pq#u#Pq#w#Pq!m#Pq&s#Pq!x#Pq!n#PqV#Pq!q#Pq~P!'WOT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}$jq#O$jq#X$jq#u$jq#w$jq!m$jq&s$jq!x$jq!n$jqV$jq!q$jq~P!'WOz4dO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dOT!uy!S!uy!b!uy!v!uy!}!uy#O!uy#X!uy#u!uy#w!uy!m!uy&s!uy!x!uy!n!uyV!uy!q!uy~P!'WOT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}$jy#O$jy#X$jy#u$jy#w$jy!m$jy&s$jy!x$jy!n$jyV$jy!q$jy~P!'WOT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}$j!R#O$j!R#X$j!R#u$j!R#w$j!R!m$j!R&s$j!R!x$j!R!n$j!RV$j!R!q$j!R~P!'WOT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}$j!Z#O$j!Z#X$j!Z#u$j!Z#w$j!Z!m$j!Z&s$j!Z!x$j!Z!n$j!ZV$j!Z!q$j!Z~P!'WOT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}$j!c#O$j!c#X$j!c#u$j!c#w$j!c!m$j!c&s$j!c!x$j!c!n$j!cV$j!c!q$j!c~P!'WO#S5wO~P#.YO!y$hO#S5{O~O!x4ZO#l'SO~O!y$hO#S5|O~OT4fOz4dO!S4gO!b4hO!v6TO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!}$ka#O$ka#X$ka#u$ka#w$ka!m$ka&s$ka!x$ka!n$kaV$ka!q$ka~P!'WOT4fOz4dO!S4gO!b4hO!v6TO#O5vO#S#QO#z4eO#{4iO#|4jO#}4kO$O4lO$Q4nO$R4oO$S4pO$T4qO$U4rO$V4sO$W4sO$z#dO!m'PX#u'PX#w'PX&s'PX!x'PX!n'PX!q'PX#X'PX!}'PX~P!'WO#u4vO#w4wO!}&zX#O&zX#X&zXV&zX!q&zX~P0rO!q5QO~P>UO!q8bO#O5hO~OT8vOz8tO!S8wO!b8xO!q5iO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO~P!'WO!q8cO#O5lO~O!q8dO#O5pO~O#O5pO#l'SO~O#O5qO#l'SO~O#O5tO#l'SO~O$l$tO~P9yOo5zOs$lO~O#S7oO~P9yOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}$Xa#O$Xa#X$Xa!m$Xa&s$Xa!x$Xa!n$XaV$Xa!q$Xa~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}$Ya#O$Ya#X$Ya!m$Ya&s$Ya!x$Ya!n$YaV$Ya!q$Ya~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}$Za#O$Za#X$Za!m$Za&s$Za!x$Za!n$ZaV$Za!q$Za~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}$[a#O$[a#X$[a!m$[a&s$[a!x$[a!n$[aV$[a!q$[a~P!'WOz6gO!}$[a#O$[a#X$[aV$[a!q$[a~PNyOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}$_a#O$_a#X$_a!m$_a&s$_a!x$_a!n$_aV$_a!q$_a~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}$ka#O$ka#X$ka!m$ka&s$ka!x$ka!n$kaV$ka!q$ka~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}$|a#O$|a#X$|a!m$|a&s$|a!x$|a!n$|aV$|a!q$|a~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO!}7sO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x'jX~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO!}7uO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x&|X~P!'WOz6gO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#X#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz6gO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dOT#yi!S#yi!b#yi!}#yi#O#yi#X#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOT6iOz6gO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!S#yi!}#yi#O#yi#X#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOT6iOz6gO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!S#yi!b#yi!}#yi#O#yi#X#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz6gO#S#QO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#X#yi#z#yi#{#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz6gO#S#QO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#X#yi#z#yi#{#yi#|#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz6gO#S#QO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#X#yi#z#yi#{#yi#|#yi#}#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz6gO#S#QO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#X#yi#z#yi#{#yi#|#yi#}#yi$O#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz6gO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#S#yi#X#yi#z#yi#{#yi#|#yi#}#yi$O#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz6gO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#S#yi#X#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz6gO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#S#yi#X#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz6gO$T6tO$V6vO$W6vO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#S#yi#X#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$U#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz6gO$V6vO$W6vO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#S#yi#X#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz6gO$S6sO$T6tO$V6vO$W6vO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#S#yi#X#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$U#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WOz6gO$W6vO$z#dOT#yi!S#yi!b#yi!v#yi!}#yi#O#yi#S#yi#X#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi$V#yi!m#yi&s#yi!x#yi!n#yiV#yi!q#yi~P!'WO#S7zO~P>UO!m#Ta&s#Ta!x#Ta!n#Ta~PCqO!m'Pa&s'Pa!x'Pa!n'Pa~PCqO#S;dO#U;cO!x&WX!}&WX~P9yO!}7lO!x'Oa~Oz6gO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dOT#Pi!S#Pi!b#Pi!}#Pi#O#Pi#X#Pi!m#Pi&s#Pi!x#Pi!n#PiV#Pi!q#Pi~P!'WOz6gO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dOT#vi!S#vi!b#vi!}#vi#O#vi#X#vi!m#vi&s#vi!x#vi!n#viV#vi!q#vi~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}#xi#O#xi#X#xi!m#xi&s#xi!x#xi!n#xiV#xi!q#xi~P!'WO!}7sO!x%da~O!x&UX!}&UX~P>UO!}7uO!x&|a~Oz6gO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dOT!uq!S!uq!b!uq!v!uq!}!uq#O!uq#X!uq!m!uq&s!uq!x!uq!n!uqV!uq!q!uq~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x#Vi!}#Vi~P!'WOz6gO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dOT#Pq!S#Pq!b#Pq!}#Pq#O#Pq#X#Pq!m#Pq&s#Pq!x#Pq!n#PqV#Pq!q#Pq~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}$jq#O$jq#X$jq!m$jq&s$jq!x$jq!n$jqV$jq!q$jq~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x&ka!}&ka~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x&Ua!}&Ua~P!'WOz6gO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dOT!uy!S!uy!b!uy!v!uy!}!uy#O!uy#X!uy!m!uy&s!uy!x!uy!n!uyV!uy!q!uy~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x#Vq!}#Vq~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}$jy#O$jy#X$jy!m$jy&s$jy!x$jy!n$jyV$jy!q$jy~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}$j!R#O$j!R#X$j!R!m$j!R&s$j!R!x$j!R!n$j!RV$j!R!q$j!R~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}$j!Z#O$j!Z#X$j!Z!m$j!Z&s$j!Z!x$j!Z!n$j!ZV$j!Z!q$j!Z~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!}$j!c#O$j!c#X$j!c!m$j!c&s$j!c!x$j!c!n$j!cV$j!c!q$j!c~P!'WO#S8[O~P9yO#O8ZO!m'PX&s'PX!x'PX!n'PXV'PX!q'PX~PGSO!y$hO#S8`O~O!y$hO#S8aO~O#u6zO#w6{O!}&zX#O&zX#X&zXV&zX!q&zX~P0rOr6|O#S#oO#U#nO!}#xX#O#xX#X#xXV#xX!q#xX~P2yOr;iO#S9XO#U9VOT#xXz#xX!S#xX!b#xX!m#xX!o#xX!q#xX!v#xX#`#xX#a#xX#s#xX#z#xX#{#xX#|#xX#}#xX$O#xX$Q#xX$R#xX$S#xX$U#xX$V#xX$W#xX!n#xX!}#xX~P9yOr9WO#S9WO#U9WOT#xXz#xX!S#xX!b#xX!o#xX!v#xX#`#xX#a#xX#s#xX#z#xX#{#xX#|#xX#}#xX$O#xX$Q#xX$R#xX$S#xX$U#xX$V#xX$W#xX~P9yOr9]O#S;dO#U;cOT#xXz#xX!S#xX!b#xX!o#xX!q#xX!v#xX#`#xX#a#xX#s#xX#z#xX#{#xX#|#xX#}#xX$O#xX$Q#xX$R#xX$S#xX$U#xX$V#xX$W#xX#X#xX!x#xX!}#xX~P9yO$l$tO~P>UO!q7XO~P>UOT6iOz6gO!S6jO!b6kO!v8sO#O7iO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!x'PX!}'PX~P!'WOP6]OU^O[9WOo>SOs#hOx9WOy9WO}`O!O]O!Q:lO!T9WO!U9WO!V9WO!Y9WO!c8hO!s#gO!y[O#W_O#bhO#daO#ebO#peO$T:iO$]9WO$^:iO$aqO$z:nO${!OO~P$;lO!}7lO!x'OX~O#S9yO~P>UOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!q$Xa#X$Xa!x$Xa!}$Xa~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!q$Ya#X$Ya!x$Ya!}$Ya~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!q$Za#X$Za!x$Za!}$Za~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!q$[a#X$[a!x$[a!}$[a~P!'WOz8tO$z#dOT$[a!S$[a!b$[a!q$[a!v$[a#S$[a#z$[a#{$[a#|$[a#}$[a$O$[a$Q$[a$R$[a$S$[a$T$[a$U$[a$V$[a$W$[a#X$[a!x$[a!}$[a~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!q$_a#X$_a!x$_a!}$_a~P!'WO!q=dO#O7rO~OT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!q$ka#X$ka!x$ka!}$ka~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!q$|a#X$|a!x$|a!}$|a~P!'WOT8vOz8tO!S8wO!b8xO!q7wO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO~P!'WOz8tO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dOT#yi!S#yi!b#yi!q#yi!v#yi#X#yi!x#yi!}#yi~P!'WOz8tO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dOT#yi!S#yi!b#yi!q#yi#X#yi!x#yi!}#yi~P!'WOT8vOz8tO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!S#yi!q#yi#X#yi!x#yi!}#yi~P!'WOT8vOz8tO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!S#yi!b#yi!q#yi#X#yi!x#yi!}#yi~P!'WOz8tO#S#QO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dOT#yi!S#yi!b#yi!q#yi!v#yi#z#yi#{#yi#X#yi!x#yi!}#yi~P!'WOz8tO#S#QO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dOT#yi!S#yi!b#yi!q#yi!v#yi#z#yi#{#yi#|#yi#X#yi!x#yi!}#yi~P!'WOz8tO#S#QO$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dOT#yi!S#yi!b#yi!q#yi!v#yi#z#yi#{#yi#|#yi#}#yi#X#yi!x#yi!}#yi~P!'WOz8tO#S#QO$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dOT#yi!S#yi!b#yi!q#yi!v#yi#z#yi#{#yi#|#yi#}#yi$O#yi#X#yi!x#yi!}#yi~P!'WOz8tO$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dOT#yi!S#yi!b#yi!q#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi#X#yi!x#yi!}#yi~P!'WOz8tO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dOT#yi!S#yi!b#yi!q#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi#X#yi!x#yi!}#yi~P!'WOz8tO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dOT#yi!S#yi!b#yi!q#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi#X#yi!x#yi!}#yi~P!'WOz8tO$T9RO$V9TO$W9TO$z#dOT#yi!S#yi!b#yi!q#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$U#yi#X#yi!x#yi!}#yi~P!'WOz8tO$V9TO$W9TO$z#dOT#yi!S#yi!b#yi!q#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi#X#yi!x#yi!}#yi~P!'WOz8tO$S9QO$T9RO$V9TO$W9TO$z#dOT#yi!S#yi!b#yi!q#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$U#yi#X#yi!x#yi!}#yi~P!'WOz8tO$W9TO$z#dOT#yi!S#yi!b#yi!q#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi$V#yi#X#yi!x#yi!}#yi~P!'WOz8tO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dOT#Pi!S#Pi!b#Pi!q#Pi#X#Pi!x#Pi!}#Pi~P!'WOz8tO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dOT#vi!S#vi!b#vi!q#vi#X#vi!x#vi!}#vi~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!q#xi#X#xi!x#xi!}#xi~P!'WO!q=eO#O7|O~Oz8tO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dOT!uq!S!uq!b!uq!q!uq!v!uq#X!uq!x!uq!}!uq~P!'WOz8tO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dOT#Pq!S#Pq!b#Pq!q#Pq#X#Pq!x#Pq!}#Pq~P!'WO!q=iO#O8TO~OT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!q$jq#X$jq!x$jq!}$jq~P!'WO#O8TO#l'SO~Oz8tO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dOT!uy!S!uy!b!uy!q!uy!v!uy#X!uy!x!uy!}!uy~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!q$jy#X$jy!x$jy!}$jy~P!'WO#O8UO#l'SO~OT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!q$j!R#X$j!R!x$j!R!}$j!R~P!'WO#O8XO#l'SO~OT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!q$j!Z#X$j!Z!x$j!Z!}$j!Z~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!q$j!c#X$j!c!x$j!c!}$j!c~P!'WO#S:bO~P>UO#O:aO!q'PX!x'PX~PGSO$l$tO~P$8YOP6]OU^O[9WOo>SOs#hOx9WOy9WO}`O!O]O!Q:lO!T9WO!U9WO!V9WO!Y9WO!c8hO!s#gO!y[O#W_O#bhO#daO#ebO#peO$T:iO$]9WO$^:iO$aqO$l$tO$z:nO${!OO~P$;lOo8_Os$lO~O#S<jO~P$8YOP6]OU^O[9WOo>SOs#hOx9WOy9WO}`O!O]O!Q:lO!T9WO!U9WO!V9WO!Y9WO!c8hO!s#gO!y[O#S<kO#W_O#bhO#daO#ebO#peO$T:iO$]9WO$^:iO$aqO$z:nO${!OO~P$;lOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m$Xa!q$Xa!n$Xa!}$Xa~P!'WOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m$Ya!q$Ya!n$Ya!}$Ya~P!'WOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m$Za!q$Za!n$Za!}$Za~P!'WOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m$[a!q$[a!n$[a!}$[a~P!'WOz:pO$z#dOT$[a!S$[a!b$[a!m$[a!q$[a!v$[a#S$[a#z$[a#{$[a#|$[a#}$[a$O$[a$Q$[a$R$[a$S$[a$T$[a$U$[a$V$[a$W$[a!n$[a!}$[a~P!'WOz:qO$z#dOT$[a!S$[a!b$[a!v$[a#S$[a#z$[a#{$[a#|$[a#}$[a$O$[a$Q$[a$R$[a$S$[a$T$[a$U$[a$V$[a$W$[a~P!'WOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m$_a!q$_a!n$_a!}$_a~P!'WOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m$ka!q$ka!n$ka!}$ka~P!'WOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m$|a!q$|a!n$|a!}$|a~P!'WOz:pO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dOT#yi!S#yi!b#yi!m#yi!q#yi!v#yi!n#yi!}#yi~P!'WOz:qO#S#QO#z:sO#{:{O#|:}O#};PO$O;RO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dOT#yi!S#yi!b#yi!v#yi~P!'WOz:pO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dOT#yi!S#yi!b#yi!m#yi!q#yi!n#yi!}#yi~P!'WOz:qO!v=nO#S#QO#z:sO#{:{O#|:}O#};PO$O;RO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dOT#yi!S#yi!b#yi~P!'WOT:tOz:pO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!S#yi!m#yi!q#yi!n#yi!}#yi~P!'WOT:uOz:qO!b:yO!v=nO#S#QO#z:sO#{:{O#|:}O#};PO$O;RO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dO!S#yi~P!'WOT:tOz:pO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!S#yi!b#yi!m#yi!q#yi!n#yi!}#yi~P!'WOT:uOz:qO!v=nO#S#QO#z:sO#{:{O#|:}O#};PO$O;RO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dO!S#yi!b#yi~P!'WOz:pO#S#QO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dOT#yi!S#yi!b#yi!m#yi!q#yi!v#yi#z#yi#{#yi!n#yi!}#yi~P!'WOz:qO#S#QO#|:}O#};PO$O;RO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dOT#yi!S#yi!b#yi!v#yi#z#yi#{#yi~P!'WOz:pO#S#QO#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dOT#yi!S#yi!b#yi!m#yi!q#yi!v#yi#z#yi#{#yi#|#yi!n#yi!}#yi~P!'WOz:qO#S#QO#};PO$O;RO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dOT#yi!S#yi!b#yi!v#yi#z#yi#{#yi#|#yi~P!'WOz:pO#S#QO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dOT#yi!S#yi!b#yi!m#yi!q#yi!v#yi#z#yi#{#yi#|#yi#}#yi!n#yi!}#yi~P!'WOz:qO#S#QO$O;RO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dOT#yi!S#yi!b#yi!v#yi#z#yi#{#yi#|#yi#}#yi~P!'WOz:pO#S#QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dOT#yi!S#yi!b#yi!m#yi!q#yi!v#yi#z#yi#{#yi#|#yi#}#yi$O#yi!n#yi!}#yi~P!'WOz:qO#S#QO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dOT#yi!S#yi!b#yi!v#yi#z#yi#{#yi#|#yi#}#yi$O#yi~P!'WOz:pO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dOT#yi!S#yi!b#yi!m#yi!q#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi!n#yi!}#yi~P!'WOz:qO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dOT#yi!S#yi!b#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi~P!'WOz:pO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dOT#yi!S#yi!b#yi!m#yi!q#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi!n#yi!}#yi~P!'WOz:qO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dOT#yi!S#yi!b#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi~P!'WOz:pO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dOT#yi!S#yi!b#yi!m#yi!q#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi!n#yi!}#yi~P!'WOz:qO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dOT#yi!S#yi!b#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi~P!'WOz:pO$T;[O$V;`O$W;`O$z#dOT#yi!S#yi!b#yi!m#yi!q#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$U#yi!n#yi!}#yi~P!'WOz:qO$T;]O$V;aO$W;aO$z#dOT#yi!S#yi!b#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$U#yi~P!'WOz:pO$V;`O$W;`O$z#dOT#yi!S#yi!b#yi!m#yi!q#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi!n#yi!}#yi~P!'WOz:qO$V;aO$W;aO$z#dOT#yi!S#yi!b#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi~P!'WOz:pO$S;YO$T;[O$V;`O$W;`O$z#dOT#yi!S#yi!b#yi!m#yi!q#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$U#yi!n#yi!}#yi~P!'WOz:qO$S;ZO$T;]O$V;aO$W;aO$z#dOT#yi!S#yi!b#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$U#yi~P!'WOz:pO$W;`O$z#dOT#yi!S#yi!b#yi!m#yi!q#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi$V#yi!n#yi!}#yi~P!'WOz:qO$W;aO$z#dOT#yi!S#yi!b#yi!v#yi#S#yi#z#yi#{#yi#|#yi#}#yi$O#yi$Q#yi$R#yi$S#yi$T#yi$U#yi$V#yi~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x#Ta!}#Ta!q#Ta#X#Ta~P!'WOT8vOz8tO!S8wO!b8xO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO!x'Pa!}'Pa!q'Pa#X'Pa~P!'WOz:pO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dOT#Pi!S#Pi!b#Pi!m#Pi!q#Pi!n#Pi!}#Pi~P!'WOz:qO!v=nO#S#QO#z:sO#{:{O#|:}O#};PO$O;RO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dOT#Pi!S#Pi!b#Pi~P!'WOz:pO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dOT#vi!S#vi!b#vi!m#vi!q#vi!n#vi!}#vi~P!'WOz:qO!v=nO#S#QO#z:sO#{:{O#|:}O#};PO$O;RO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dOT#vi!S#vi!b#vi~P!'WOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m#xi!q#xi!n#xi!}#xi~P!'WOz:pO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dOT!uq!S!uq!b!uq!m!uq!q!uq!v!uq!n!uq!}!uq~P!'WOz:qO#S#QO#z:sO#{:{O#|:}O#};PO$O;RO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dOT!uq!S!uq!b!uq!v!uq~P!'WOz:pO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dOT#Pq!S#Pq!b#Pq!m#Pq!q#Pq!n#Pq!}#Pq~P!'WOz:qO!v=nO#S#QO#z:sO#{:{O#|:}O#};PO$O;RO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dOT#Pq!S#Pq!b#Pq~P!'WOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m$jq!q$jq!n$jq!}$jq~P!'WOz:pO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dOT!uy!S!uy!b!uy!m!uy!q!uy!v!uy!n!uy!}!uy~P!'WOz:qO#S#QO#z:sO#{:{O#|:}O#};PO$O;RO$Q;VO$R;XO$S;ZO$T;]O$U;_O$V;aO$W;aO$z#dOT!uy!S!uy!b!uy!v!uy~P!'WOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m$jy!q$jy!n$jy!}$jy~P!'WOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m$j!R!q$j!R!n$j!R!}$j!R~P!'WOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m$j!Z!q$j!Z!n$j!Z!}$j!Z~P!'WOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m$j!c!q$j!c!n$j!c!}$j!c~P!'WO#S=TO~P$8YOP6]OU^O[9WOo>SOs#hOx9WOy9WO}`O!O]O!Q:lO!T9WO!U9WO!V9WO!Y9WO!c8hO!s#gO!y[O#S=UO#W_O#bhO#daO#ebO#peO$T:iO$]9WO$^:iO$aqO$z:nO${!OO~P$;lOT6iOz6gO!S6jO!b6kO!v8sO#O=SO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO~P!'WOT6iOz6gO!S6jO!b6kO!v8sO#O=RO#S#QO#z6hO#{6lO#|6mO#}6nO$O6oO$Q6qO$R6rO$S6sO$T6tO$U6uO$V6vO$W6vO$z#dO!m'PX!q'PX!n'PX!}'PX~P!'WOT&zXz&zX!S&zX!b&zX!o&zX!q&zX!v&zX!y&zX#S&zX#W&zX#`&zX#a&zX#s&zX#z&zX#{&zX#|&zX#}&zX$O&zX$Q&zX$R&zX$S&zX$T&zX$U&zX$V&zX$W&zX$z&zX!}&zX~O#u9ZO#w9[O#X&zX!x&zX~P.8oO!y$hO#S=^O~O!q9hO~P>UO!y$hO#S=cO~O!q>OO#O9}O~OT8vOz8tO!S8wO!b8xO!q:OO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO~P!'WOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m#Ta!q#Ta!n#Ta!}#Ta~P!'WOT:tOz:pO!S:vO!b:xO!v=mO#S#QO#z:rO#{:zO#|:|O#};OO$O;QO$Q;UO$R;WO$S;YO$T;[O$U;^O$V;`O$W;`O$z#dO!m'Pa!q'Pa!n'Pa!}'Pa~P!'WO!q>PO#O:RO~O!q>QO#O:YO~O#O:YO#l'SO~O#O:ZO#l'SO~O#O:_O#l'SO~O#u;eO#w;gO!m&zX!n&zX~P.8oO#u;fO#w;hOT&zXz&zX!S&zX!b&zX!o&zX!v&zX!y&zX#S&zX#W&zX#`&zX#a&zX#s&zX#z&zX#{&zX#|&zX#}&zX$O&zX$Q&zX$R&zX$S&zX$T&zX$U&zX$V&zX$W&zX$z&zX~O!q;tO~P>UO!q;uO~P>UO!q>XO#O<oO~O!q>YO#O9WO~OT8vOz8tO!S8wO!b8xO!q<pO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO~P!'WOT8vOz8tO!S8wO!b8xO!q<qO!v=ZO#S#QO#z8uO#{8yO#|8zO#}8{O$O8|O$Q9OO$R9PO$S9QO$T9RO$U9SO$V9TO$W9TO$z#dO~P!'WO!q>ZO#O<vO~O!q>[O#O<{O~O#O<{O#l'SO~O#O9WO#l'SO~O#O<|O#l'SO~O#O=PO#l'SO~O!y$hO#S=|O~Oo=[Os$lO~O!y$hO#S=}O~O!y$hO#S>UO~O!y$hO#S>VO~O!y$hO#S>WO~Oo={Os$lO~Oo>TOs$lO~Oo>SOs$lO~O%O$U$}$d!d$V#b%V#e'g!s#d~",goto:"%&y'mPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPPP'nP'uPP'{(OPPP(hP(OP(O*ZP*ZPP2W:j:mPP*Z:sBpPBsPBsPP:sCSCVCZ:s:sPPPC^PP:sK^!$S!$S:s!$WP!$W!$W!%UP!.]!7pP!?oP*ZP*Z*ZPPPPP!?rPPPPPPP*Z*Z*Z*ZPP*Z*ZP!E]!GRP!GV!Gy!GR!GR!HP*Z*ZP!HY!Hl!Ib!J`!Jd!J`!Jo!J}!J}!KV!KY!KY*ZPP*ZPP!K^#%[#%[#%`P#%fP(O#%j(O#&S#&V#&V#&](O#&`(O(O#&f#&i(O#&r#&u(O(O(O(O(O#&x(O(O(O(O(O(O(O(O(O#&{!KR(O(O#'_#'o#'r(O(OP#'u#'|#(S#(o#(y#)P#)Z#)b#)h#*d#4X#5T#5Z#5a#5k#5q#5w#6]#6c#6i#6o#6u#6{#7R#7]#7g#7m#7s#7}PPPPPPPP#8T#8X#8}#NO#NR#N]$(f$(r$)X$)_$)b$)e$)k$,X$5v$>_$>b$>h$>k$>n$>w$>{$?X$?k$Bk$CO$C{$K{PP%%y%%}%&Z%&p%&vQ!nQT!qV!rQUOR%x!mRVO}!hPVX!S!j!r!s!w$}%P%S%U(`+r+u.b.d.l0`0a0i1a|!hPVX!S!j!r!s!w$}%P%S%U(`+r+u.b.d.l0`0a0i1aQ%^!ZQ%g!aQ%l!eQ'd$dQ'q$iQ)[%kQ*y'tQ,](xU-n*v*x+OQ.W+cQ.{,[S/t-s-tQ0T.SS0}/s/wQ1V0RQ1o1OR2P1p0u!OPVX[_bjklmnopxyz!S!W!X!Y!]!g!j!r!s!w!y!z!{!}#R#S#T#U#V#W#X#Y#Z#[#]#^#_#`#a#b#k#n#o#s#t$R$S$U$y$}%P%R%S%T%U%c%}&S&W&p&s&t&w'O'U'Y'z(O(`(l({)P)i)p)t)v*P*T*U*o+P+r+u+z,T,V,X-Q-R-d-k-z.b.d.l.t/c/i/m/x0V0`0a0d0e0i0v1R1]1a2[2]2^2_2`2a2b2c2d2e2f2g2h2i2j2k2l2m2n2o2p2s2t2u2v2w3P3d3g3h3k3o3p3s3u3v3x3y3z3{3|3}4O4P4Q4R4S4T4U4V4W4Z4a4b4c4d4e4f4g4h4i4j4k4l4m4n4o4p4q4r4s4t4u4v4w4x5Q5e5h5i5l5p5q5t5v5w6T6^6_6`6a6b6c6d6e6f6g6h6i6j6k6l6m6n6o6p6q6r6s6t6u6v6x6y6z6{6|7X7i7l7o7r7s7u7w7z7|8T8U8X8Z8[8f8g8h8i8j8k8l8m8n8o8p8q8r8s8t8u8v8w8x8y8z8{8|8}9O9P9Q9R9S9T9V9W9X9Z9[9]9h9y9}:O:R:Y:Z:_:a:b:d:e:f:g:h:i:j:k:l:m:n:o:p:q:r:s:t:u:v:w:x:y:z:{:|:};O;P;Q;R;S;T;U;V;W;X;Y;Z;[;];^;_;`;a;c;d;e;f;g;h;i;t;u<j<k<o<p<q<v<{<|=P=R=S=T=U=Z=m=n0t!OPVX[_bjklmnopxyz!S!W!X!Y!]!g!j!r!s!w!y!z!{!}#R#S#T#U#V#W#X#Y#Z#[#]#^#_#`#a#b#k#n#o#s#t$R$S$U$y$}%P%R%S%T%U%c%}&S&W&p&s&t&w'O'U'Y'z(O(`(l({)P)i)p)t)v*P*T*U*o+P+r+u+z,T,V,X-Q-R-d-k-z.b.d.l.t/c/i/m/x0V0`0a0d0e0i0v1R1]1a2[2]2^2_2`2a2b2c2d2e2f2g2h2i2j2k2l2m2n2o2p2s2t2u2v2w3P3d3g3h3k3o3p3s3u3v3x3y3z3{3|3}4O4P4Q4R4S4T4U4V4W4Z4a4b4c4d4e4f4g4h4i4j4k4l4m4n4o4p4q4r4s4t4u4v4w4x5Q5e5h5i5l5p5q5t5v5w6T6^6_6`6a6b6c6d6e6f6g6h6i6j6k6l6m6n6o6p6q6r6s6t6u6v6x6y6z6{6|7X7i7l7o7r7s7u7w7z7|8T8U8X8Z8[8f8g8h8i8j8k8l8m8n8o8p8q8r8s8t8u8v8w8x8y8z8{8|8}9O9P9Q9R9S9T9V9W9X9Z9[9]9h9y9}:O:R:Y:Z:_:a:b:d:e:f:g:h:i:j:k:l:m:n:o:p:q:r:s:t:u:v:w:x:y:z:{:|:};O;P;Q;R;S;T;U;V;W;X;Y;Z;[;];^;_;`;a;c;d;e;f;g;h;i;t;u<j<k<o<p<q<v<{<|=P=R=S=T=U=Z=m=nQ#j]Q$}!PQ%O!QQ%P!RQ,S(kQ.b+sR.f+vR&q#jQ)z&pR/a-R0uhPVX[_bjklmnopxyz!S!W!X!Y!]!g!j!r!s!w!y!z!{!}#R#S#T#U#V#W#X#Y#Z#[#]#^#_#`#a#b#k#n#o#s#t$R$S$U$y$}%P%R%S%T%U%c%}&S&W&p&s&t&w'O'U'Y'z(O(`(l({)P)i)p)t)v*P*T*U*o+P+r+u+z,T,V,X-Q-R-d-k-z.b.d.l.t/c/i/m/x0V0`0a0d0e0i0v1R1]1a2[2]2^2_2`2a2b2c2d2e2f2g2h2i2j2k2l2m2n2o2p2s2t2u2v2w3P3d3g3h3k3o3p3s3u3v3x3y3z3{3|3}4O4P4Q4R4S4T4U4V4W4Z4a4b4c4d4e4f4g4h4i4j4k4l4m4n4o4p4q4r4s4t4u4v4w4x5Q5e5h5i5l5p5q5t5v5w6T6^6_6`6a6b6c6d6e6f6g6h6i6j6k6l6m6n6o6p6q6r6s6t6u6v6x6y6z6{6|7X7i7l7o7r7s7u7w7z7|8T8U8X8Z8[8f8g8h8i8j8k8l8m8n8o8p8q8r8s8t8u8v8w8x8y8z8{8|8}9O9P9Q9R9S9T9V9W9X9Z9[9]9h9y9}:O:R:Y:Z:_:a:b:d:e:f:g:h:i:j:k:l:m:n:o:p:q:r:s:t:u:v:w:x:y:z:{:|:};O;P;Q;R;S;T;U;V;W;X;Y;Z;[;];^;_;`;a;c;d;e;f;g;h;i;t;u<j<k<o<p<q<v<{<|=P=R=S=T=U=Z=m=nR#l^k#p_j#k#s&s&w3x3y7l8f8g8h8iR#u`T&|#t'OR-Y*U0thPVX[_bjklmnopxyz!S!W!X!Y!]!g!j!r!s!w!y!z!{!}#R#S#T#U#V#W#X#Y#Z#[#]#^#_#`#a#b#k#n#o#s#t$R$S$U$y$}%P%R%S%T%U%c%}&S&W&p&s&t&w'O'U'Y'z(O(`(l({)P)i)p)t)v*P*T*U*o+P+r+u+z,T,V,X-Q-R-d-k-z.b.d.l.t/c/i/m/x0V0`0a0d0e0i0v1R1]1a2[2]2^2_2`2a2b2c2d2e2f2g2h2i2j2k2l2m2n2o2p2s2t2u2v2w3P3d3g3h3k3o3p3s3u3v3x3y3z3{3|3}4O4P4Q4R4S4T4U4V4W4Z4a4b4c4d4e4f4g4h4i4j4k4l4m4n4o4p4q4r4s4t4u4v4w4x5Q5e5h5i5l5p5q5t5v5w6T6^6_6`6a6b6c6d6e6f6g6h6i6j6k6l6m6n6o6p6q6r6s6t6u6v6x6y6z6{6|7X7i7l7o7r7s7u7w7z7|8T8U8X8Z8[8f8g8h8i8j8k8l8m8n8o8p8q8r8s8t8u8v8w8x8y8z8{8|8}9O9P9Q9R9S9T9V9W9X9Z9[9]9h9y9}:O:R:Y:Z:_:a:b:d:e:f:g:h:i:j:k:l:m:n:o:p:q:r:s:t:u:v:w:x:y:z:{:|:};O;P;Q;R;S;T;U;V;W;X;Y;Z;[;];^;_;`;a;c;d;e;f;g;h;i;t;u<j<k<o<p<q<v<{<|=P=R=S=T=U=Z=m=nR#va-r#OZ#f#m#w$V$W$X$Y$Z$[$u$v%W%Y%[%`%s%|&O&Q&U&^&_&`&a&b&c&d&e&f&g&h&i&j&k&l&m&u&v&{'X'Z'[(](p)q)s)u*O*[*^+S+V,`,c,y,{,}-V-W-X-i-x.k.w/`/h/n/y0r0u0x1Q1X1d1m1q2q2r2x2y2z2{2|2}3O3Q3R3S3T3U3V3W3X3Y3Z3[3]3^3_3`3a3b3c3e3f3i3j3l3m3n3q3r3t4Y4y4z4{4|4}5O5P5R5S5T5U5V5W5X5Y5Z5[5]5^5_5`5a5b5c5d5f5g5j5k5m5n5o5r5s5u6R6V6}7O7P7Q7R7S7U7V7W7Y7Z7[7]7^7_7`7a7b7c7d7e7f7g7h7j7k7n7p7q7x7y7{7}8O8P8Q8R8S8V8W8Y8]9U9^9_9`9a9b9c9f9g9i9j9k9l9m9n9o9p9q9r9s9t9u9v9w9x9z9{:P:Q:T:V:W:[:^:`:c;j;k;l;m;n;o;p;s;v;w;x;y;z;{;|;}<O<P<Q<R<S<T<U<V<W<X<Y<Z<[<]<^<_<`<a<b<c<d<e<f<g<h<i<l<m<n<r<s<t<u<w<x<y<z<}=O=Q=V=W=_=`=a=q=rQ']$]Y(Q$s7T9e;q;rS(U2Z6QR(X$tT&X!})v!w$Qg#}$h'S'i'm'r(P(T)Z*f*s*z*}+Q+]+`+g,Z-r-u-{.Q/u1P5}6O6P6]8b8c8d=d=e=i>O>P>Q>X>Y>Z>[3ZfPVX[_bgjklmnoprxyz!S!W!X!Y!]!e!f!g!j!r!s!w!y!z!{!}#R#S#T#U#V#W#X#Y#Z#[#]#^#_#`#a#b#k#n#o#s#t#}$R$S$U$h$y$}%P%R%S%T%U%c%p%r%}&S&W&p&s&t&w'O'S'U'Y'^'i'm'r'z(O(P(R(S(T(`(l({)P)Z)_)c)i)p)t)v*P*T*U*f*o*s*z*}+P+Q+]+`+d+g+r+u+z,T,V,X,Z,u-Q-R-d-k-r-u-z-{-|.Q.b.d.l.t/[/c/i/m/u/x0V0`0a0d0e0i0v1P1R1]1a2[2]2^2_2`2a2b2c2d2e2f2g2h2i2j2k2l2m2n2o2p2s2t2u2v2w3P3d3g3h3k3o3p3s3u3v3x3y3z3{3|3}4O4P4Q4R4S4T4U4V4W4Z4a4b4c4d4e4f4g4h4i4j4k4l4m4n4o4p4q4r4s4t4u4v4w4x5Q5e5h5i5l5p5q5t5v5w5}6O6P6T6]6^6_6`6a6b6c6d6e6f6g6h6i6j6k6l6m6n6o6p6q6r6s6t6u6v6x6y6z6{6|7X7i7l7o7r7s7u7w7z7|8T8U8X8Z8[8b8c8d8f8g8h8i8j8k8l8m8n8o8p8q8r8s8t8u8v8w8x8y8z8{8|8}9O9P9Q9R9S9T9V9W9X9Z9[9]9h9y9}:O:R:Y:Z:_:a:b:d:e:f:g:h:i:j:k:l:m:n:o:p:q:r:s:t:u:v:w:x:y:z:{:|:};O;P;Q;R;S;T;U;V;W;X;Y;Z;[;];^;_;`;a;c;d;e;f;g;h;i;t;u<j<k<o<p<q<v<{<|=P=R=S=T=U=Z=d=e=i=m=n>O>P>Q>X>Y>Z>[3scPVX[_bdegjklmnoprxyz!S!W!X!Y!]!e!f!g!j!r!s!w!y!z!{!}#R#S#T#U#V#W#X#Y#Z#[#]#^#_#`#a#b#k#n#o#s#t#{#}$R$S$U$h$y$}%P%R%S%T%U%c%m%n%p%r%}&S&W&p&s&t&w'O'S'U'Y'^'i'm'r'z(O(P(R(S(T(`(l({)P)Z)^)_)c)g)h)i)p)t)v*P*T*U*f*o*s*z*}+P+Q+]+`+d+g+r+u+z,T,V,X,Z,u,x-Q-R-d-k-r-u-z-{-|.Q.b.d.l.t/[/c/i/m/u/x0V0`0a0d0e0i0v1P1R1]1a2W2X2Y2[2]2^2_2`2a2b2c2d2e2f2g2h2i2j2k2l2m2n2o2p2s2t2u2v2w3P3d3g3h3k3o3p3s3u3v3x3y3z3{3|3}4O4P4Q4R4S4T4U4V4W4Z4a4b4c4d4e4f4g4h4i4j4k4l4m4n4o4p4q4r4s4t4u4v4w4x5Q5e5h5i5l5p5q5t5v5w5}6O6P6T6]6^6_6`6a6b6c6d6e6f6g6h6i6j6k6l6m6n6o6p6q6r6s6t6u6v6x6y6z6{6|7X7i7l7o7r7s7u7w7z7|8T8U8X8Z8[8b8c8d8f8g8h8i8j8k8l8m8n8o8p8q8r8s8t8u8v8w8x8y8z8{8|8}9O9P9Q9R9S9T9V9W9X9Z9[9]9h9y9}:O:R:Y:Z:_:a:b:d:e:f:g:h:i:j:k:l:m:n:o:p:q:r:s:t:u:v:w:x:y:z:{:|:};O;P;Q;R;S;T;U;V;W;X;Y;Z;[;];^;_;`;a;c;d;e;f;g;h;i;t;u<j<k<o<p<q<v<{<|=P=R=S=T=U=Z=d=e=i=m=n>O>P>Q>X>Y>Z>[0phPVX[_bjklmnopxyz!S!W!X!Y!]!g!j!r!s!w!y!z!{!}#R#S#T#U#V#W#X#Y#Z#[#]#^#_#`#a#b#k#n#o#s#t$R$S$U$y$}%P%R%S%T%U%c%}&S&W&p&s&t&w'O'U'Y'z(O(`(l({)P)i)p)t)v*P*T*U*o+P+r+u+z,T,V,X-Q-R-d-k-z.b.d.l.t/c/i/m/x0`0a0d0e0i0v1R1a2[2]2^2_2`2a2b2c2d2e2f2g2h2i2j2k2l2m2n2o2p2s2t2u2v2w3P3d3g3h3k3o3p3s3u3v3x3y3z3{3|3}4O4P4Q4R4S4T4U4V4W4Z4a4b4c4d4e4f4g4h4i4j4k4l4m4n4o4p4q4r4s4t4u4v4w4x5Q5e5h5i5l5p5q5t5v5w6T6^6_6`6a6b6c6d6e6f6g6h6i6j6k6l6m6n6o6p6q6r6s6t6u6v6x6y6z6{6|7X7i7l7o7r7s7u7w7z7|8T8U8X8Z8[8f8g8h8i8j8k8l8m8n8o8p8q8r8s8t8u8v8w8x8y8z8{8|8}9O9P9Q9R9S9T9V9W9X9Z9[9]9h9y9}:O:R:Y:Z:_:a:b:d:e:f:g:h:i:j:k:l:m:n:o:p:q:r:s:t:u:v:w:x:y:z:{:|:};O;P;Q;R;S;T;U;V;W;X;Y;Z;[;];^;_;`;a;c;d;e;f;g;h;i;t;u<j<k<o<p<q<v<{<|=P=R=S=T=U=Z=m=nT1Z0V1]R&]#P!n#[Z#f#w$V$W$X$Y$[$s$v%W%Y%[&Q&_&`&a&b&c&d&e&f'X'Z'[(])q)s*^+V,{-x/y1Q1d1q7j7k!Y2j2Z2x2y2z2{2}3O3Q3R3S3T3U3V3W3X3a3b3c3e3f3i3j3l3m3n3q3r3t!^4m2r4y4z4{4|5O5P5R5S5T5U5V5W5X5Y5b5c5d5f5g5j5k5m5n5o5r5s5u6Q6R#Q6p#m%`%s&u&v&{(p*O+S,`,c,y-V-X.w2q6}7O7P7Q7S7T7U7Y7Z7[7]7^7_7`7a7n7p7q7x7{7}8Q8S8V8W8Y8]9U:c=V=W#^8}%|&O&U)u,}-W-i/h/n0r0u0x1m4Y6V7V7W7y8O8P8R9^9_9`9a9c9e9f9g9i9j9k9l9m9n9o9p9x9z9{:P:Q:T:V:W:[:^:`<f<g=_=q=r!^;S.k/`;j;k;l;m;p;q;s;v;x;z;|<O<Q<S<U<h<l<n<r<t<w<x<z<}=O=Q=`=ao;T1X;r;w;y;{;}<P<R<T<V<i<m<s<u<yS$iu#hQ$qwU't$j$l&oQ'v$kS'x$m$rQ*|'uQ+O'wQ+R'yQ4X5xS4[5z5{Q4]5|Q6U8^S6W8_8`Q6X8aQ9d=YS9|=[=^Q:S=cQ=]=yS=b={=|Q=f=}Q=o>RS=p>S>VS=s>T>UR=t>WT'n$h*s!csPVXt!S!j!r!s!w$h$}%P%S%U'i(T(`)W*s+]+g+r+u,g,k.b.d.l0`0a0i1aQ$^rR*`'^Q*x'sQ-t*{R/w-wQ(W$tQ)U%hQ)n%vQ*i'fQ+k(XR-c*jQ(V$tQ)Y%jQ)m%vQ*e'eS*h'f)nS+j(W(XS-b*i*jQ.]+kQ/T,mQ/e-`R/g-cQ(U$tQ)T%hQ)V%iQ)l%vU*g'f)m)nU+i(V(W(XQ,f)UU-a*h*i*jS.[+j+kS/f-b-cQ0X.]R0t/gT+e(T+g[%e!_$b'c+a.R0QR,d)Qb$ov(T+[+]+`+g.P.Q0PR+T'{S+e(T+gT,j)W,kR0W.XT1[0V1]0w|PVX[_bjklmnopxyz!S!W!X!Y!]!g!j!r!s!w!y!z!{!}#R#S#T#U#V#W#X#Y#Z#[#]#^#_#`#a#b#k#n#o#s#t$R$S$U$y$}%P%R%S%T%U%c%}&S&W&p&s&t&w'O'U'Y'z(O(`(l({)P)i)p)t)v*P*T*U*o+P+r+u+z,T,V,X,_-Q-R-d-k-z.b.d.l.t/c/i/m/x0V0`0a0d0e0i0v1R1]1a2[2]2^2_2`2a2b2c2d2e2f2g2h2i2j2k2l2m2n2o2p2s2t2u2v2w3P3d3g3h3k3o3p3s3u3v3x3y3z3{3|3}4O4P4Q4R4S4T4U4V4W4Z4a4b4c4d4e4f4g4h4i4j4k4l4m4n4o4p4q4r4s4t4u4v4w4x5Q5e5h5i5l5p5q5t5v5w6T6^6_6`6a6b6c6d6e6f6g6h6i6j6k6l6m6n6o6p6q6r6s6t6u6v6x6y6z6{6|7X7i7l7o7r7s7u7w7z7|8T8U8X8Z8[8f8g8h8i8j8k8l8m8n8o8p8q8r8s8t8u8v8w8x8y8z8{8|8}9O9P9Q9R9S9T9V9W9X9Z9[9]9h9y9}:O:R:Y:Z:_:a:b:d:e:f:g:h:i:j:k:l:m:n:o:p:q:r:s:t:u:v:w:x:y:z:{:|:};O;P;Q;R;S;T;U;V;W;X;Y;Z;[;];^;_;`;a;c;d;e;f;g;h;i;t;u<j<k<o<p<q<v<{<|=P=R=S=T=U=Z=m=nT$x{${Q+p([R._+nT$z{${Q(b$}Q(j%PQ(o%SQ(r%UQ.j+yQ0].fQ0^.iR1g0iR(e%OX+|(c(d+},PR(f%OX(h%P%S%U0iR%S!T_%a!]%R(l,T,V.t0dR%U!UR.x,XR,[(wQ)X%jS*d'e)YS-_*e,mS/d-`/TR0s/eQ%q!fU)]%m%n%rU,o)^)g)hR/_,xR)d%pR/],uSSO!mR!oSQ!rVR%y!rQ!jPS!sV!rQ!wX[%u!j!s!w+r0a1aQ+r(`Q0a.lR1a0`Q)j%sS,z)j7vR7v7WQ-S)zR/b-SQ&x#qS*R&x7mR7m9YS*V&{&|R-Z*VQ)w&YR-P)w!l'T#|'h*n*q*v+W+[,m-`-s-v-y.P.z/s/v/z0P1O1p4^4_4`5y6Y6Z6[:U:X:]=g=h=j=u=v=w=xR*Z'T1^dPVX[_bjklmnoprxyz!S!W!X!Y!]!e!g!j!r!s!w!y!z!{!}#R#S#T#U#V#W#X#Y#Z#[#]#^#_#`#a#b#k#n#o#s#t$R$S$U$y$}%P%R%S%T%U%c%p%}&S&W&p&s&t&w'O'U'Y'^'z(O(R(S(`(l({)P)_)c)i)p)t)v*P*T*U*o+P+d+r+u+z,T,V,X,u-Q-R-d-k-z-|.b.d.l.t/[/c/i/m/x0V0`0a0d0e0i0v1R1]1a2[2]2^2_2`2a2b2c2d2e2f2g2h2i2j2k2l2m2n2o2p2s2t2u2v2w3P3d3g3h3k3o3p3s3u3v3x3y3z3{3|3}4O4P4Q4R4S4T4U4V4W4Z4a4b4c4d4e4f4g4h4i4j4k4l4m4n4o4p4q4r4s4t4u4v4w4x5Q5e5h5i5l5p5q5t5v5w6T6^6_6`6a6b6c6d6e6f6g6h6i6j6k6l6m6n6o6p6q6r6s6t6u6v6x6y6z6{6|7X7i7l7o7r7s7u7w7z7|8T8U8X8Z8[8f8g8h8i8j8k8l8m8n8o8p8q8r8s8t8u8v8w8x8y8z8{8|8}9O9P9Q9R9S9T9V9W9X9Z9[9]9h9y9}:O:R:Y:Z:_:a:b:d:e:f:g:h:i:j:k:l:m:n:o:p:q:r:s:t:u:v:w:x:y:z:{:|:};O;P;Q;R;S;T;U;V;W;X;Y;Z;[;];^;_;`;a;c;d;e;f;g;h;i;t;u<j<k<o<p<q<v<{<|=P=R=S=T=U=Z=m=n`#zd#{%m)^)g,x2W2YQ#{eQ%m!fQ)^%nQ)g%rQ,x)h!v2Wg#}$h'S'i'm'r(P(T)Z*f*s*z*}+Q+]+`+g,Z-r-u-{.Q/u1P5}6O6P6]8b8c8d=d=e=i>O>P>Q>X>Y>Z>[R2Y2X|tPVX!S!j!r!s!w$}%P%S%U(`+r+u.b.d.l0`0a0i1aW$`t'i+],gS'i$h*sS+](T+gT,g)W,kQ'_$^R*a'_Q*t'oR-m*tQ/p-oS0{/p0|R0|/qQ-}+XR/|-}Q+g(TR.Y+gS+`(T+gS,h)W,kQ.Q+]W.T+`,h.Q/OR/O,gQ)R%eR,e)RQ'|$oR+U'|Q1]0VR1w1]Q${{R(^${Q+t(aR.c+tQ+w(bR.g+wQ+}(cQ,P(dT.m+},PQ(|%`S,a(|7tR7t7VQ(y%^R,^(yQ,k)WR/R,kQ)`%oS,q)`/WR/W,rQ,v)dR/^,vT!uV!rj!iPVX!j!r!s!w(`+r.l0`0a1aQ%Q!SQ(a$}W(h%P%S%U0iQ.e+uQ0Z.bR0[.d|ZPVX!S!j!r!s!w$}%P%S%U(`+r+u.b.d.l0`0a0i1aQ#f[U#m_#s&wQ#wbQ$VkQ$WlQ$XmQ$YnQ$ZoQ$[pQ$sx^$uy2_4b6e8q:m:nQ$vzQ%W!WQ%Y!XQ%[!YW%`!]%R(l,VU%s!g&p-RQ%|!yQ&O!zQ&Q!{S&U!})v^&^#R2a4d6g8t:p:qQ&_#SQ&`#TQ&a#UQ&b#VQ&c#WQ&d#XQ&e#YQ&f#ZQ&g#[Q&h#]Q&i#^Q&j#_Q&k#`Q&l#aQ&m#bQ&u#nQ&v#oS&{#t'OQ'X$RQ'Z$SQ'[$UQ(]$yQ(p%TQ)q%}Q)s&SQ)u&WQ*O&tS*['U4ZQ*^'Y^*_2[3u5v8Z:a=R=SQ+S'zQ+V(OQ,`({Q,c)PQ,y)iQ,{)pQ,})tQ-V*PQ-W*TQ-X*U^-]2]3v5w8[:b=T=UQ-i*oQ-x+PQ.k+zQ.w,XQ/`-QQ/h-dQ/n-kQ/y-zQ0r/cQ0u/iQ0x/mQ1Q/xU1X0V1]9WQ1d0eQ1m0vQ1q1RQ2Z2^Q2qjQ2r3yQ2x3zQ2y3|Q2z4OQ2{4QQ2|4SQ2}4UQ3O2`Q3Q2bQ3R2cQ3S2dQ3T2eQ3U2fQ3V2gQ3W2hQ3X2iQ3Y2jQ3Z2kQ3[2lQ3]2mQ3^2nQ3_2oQ3`2pQ3a2sQ3b2tQ3c2uQ3e2vQ3f2wQ3i3PQ3j3dQ3l3gQ3m3hQ3n3kQ3q3oQ3r3pQ3t3sQ4Y4WQ4y3{Q4z3}Q4{4PQ4|4RQ4}4TQ5O4VQ5P4cQ5R4eQ5S4fQ5T4gQ5U4hQ5V4iQ5W4jQ5X4kQ5Y4lQ5Z4mQ5[4nQ5]4oQ5^4pQ5_4qQ5`4rQ5a4sQ5b4tQ5c4uQ5d4vQ5f4wQ5g4xQ5j5QQ5k5eQ5m5hQ5n5iQ5o5lQ5r5pQ5s5qQ5u5tQ6Q4aQ6R3xQ6V6TQ6}6^Q7O6_Q7P6`Q7Q6aQ7R6bQ7S6cQ7T6dQ7U6fU7V,T.t0dQ7W%cQ7Y6hQ7Z6iQ7[6jQ7]6kQ7^6lQ7_6mQ7`6nQ7a6oQ7b6pQ7c6qQ7d6rQ7e6sQ7f6tQ7g6uQ7h6vQ7j6xQ7k6yQ7n6zQ7p6{Q7q6|Q7x7XQ7y7iQ7{7oQ7}7rQ8O7sQ8P7uQ8Q7wQ8R7zQ8S7|Q8V8TQ8W8UQ8Y8XQ8]8fU9U#k&s7lQ9^8jQ9_8kQ9`8lQ9a8mQ9b8nQ9c8oQ9e8pQ9f8rQ9g8sQ9i8uQ9j8vQ9k8wQ9l8xQ9m8yQ9n8zQ9o8{Q9p8|Q9q8}Q9r9OQ9s9PQ9t9QQ9u9RQ9v9SQ9w9TQ9x9ZQ9z9[Q9{9]Q:P9hQ:Q9yQ:T9}Q:V:OQ:W:RQ:[:YQ:^:ZQ:`:_Q:c8iQ;j:dQ;k:eQ;l:fQ;m:gQ;n:hQ;o:iQ;p:jQ;q:kQ;r:lQ;s:oQ;v:rQ;w:sQ;x:tQ;y:uQ;z:vQ;{:wQ;|:xQ;}:yQ<O:zQ<P:{Q<Q:|Q<R:}Q<S;OQ<T;PQ<U;QQ<V;RQ<W;SQ<X;TQ<Y;UQ<Z;VQ<[;WQ<];XQ<^;YQ<_;ZQ<`;[Q<a;]Q<b;^Q<c;_Q<d;`Q<e;aQ<f;cQ<g;dQ<h;eQ<i;fQ<l;gQ<m;hQ<n;iQ<r;tQ<s;uQ<t<jQ<u<kQ<w<oQ<x<pQ<y<qQ<z<vQ<}<{Q=O<|Q=Q=PQ=V8hQ=W8gQ=_=ZQ=`9VQ=a9XQ=q=mR=r=nR){&pQ%t!gQ)O%cT)y&p-R$SiPVX[bklmnopxyz!S!W!X!Y!j!r!s!w!{#R#S#T#U#V#W#X#Y#Z#[#]#^#_#`#a#b$R$S$U$y$}%P%S%U%}&S'Y(O(`)p+P+r+u-z.b.d.l/x0`0a0e0i1R1a2[2]6x6y!t3w'U2^2_2`2a2b2c2d2e2f2g2h2i2j2k2l2m2n2o2p2s2t2u2v2w3P3d3g3h3k3o3p3s3z3|4O4Q4S4U5v5w!x6S3u3v3x3y3{3}4P4R4T4V4Z4a4b4c4d4e4f4g4h4i4j4k4l4m4n4o4p4q4r4s4t4u4v4w4x5Q5e5h5i5l5p5q5t$O8e_j!]!g#k#n#o#s#t%R%T&p&s&t&w'O'z(l({)P)i*P*U,V,X-R6^6_6`6a6b6c6d6e6f6g6h6i6j6k6l6m6n6o6p6q6r6s6t6u6v6z6{6|7X7l7o7r7w7|8T8U8X8Z8[8f8g8h8i#|=X!y!z!}%c&W)t)v*T*o,T-d-k.t/c/i/m0d0v4W6T7i7s7u7z8j8k8l8m8n8o8p8q8r8s8t8u8v8w8x8y8z8{8|8}9O9P9Q9R9S9T9Z9[9]9h9y9}:O:R:Y:Z:_:a:b;c;d=Z=m=n!v=k+z-Q9V9X:d:e:f:g:h:j:k:m:o:p:r:t:v:x:z:|;O;Q;S;U;W;Y;[;^;`;e;g;i;t<j<o<p<v<{<|=P=R=T!]=l0V1]9W:i:l:n:q:s:u:w:y:{:};P;R;T;V;X;Z;];_;a;f;h;u<k<q=S=UQ#r_Q&r#kQ&z#sR)}&sS#q_#s^$Tj3x3y8f8g8h8iS*Q&w7lT9Y#k&sQ&}#tR*X'OR&T!|R&Z!}Q&Y!}R-O)vQ#|gQ'V#}S'h$h*sQ*Y'SQ*n'iQ*q'mQ*v'rQ+W(PS+[(T+gQ,m)ZQ-`*fQ-s*zQ-v*}Q-y+QS.P+]+`Q.z,ZQ/s-rQ/v-uQ/z-{Q0P.QQ1O/uQ1p1PQ4^5}Q4_6OQ4`6PQ5y6]Q6Y8bQ6Z8cQ6[8dQ:U=dQ:X=eQ:]=iQ=g>OQ=h>PQ=j>QQ=u>XQ=v>YQ=w>ZR=x>[0t!OPVX[_bjklmnopxyz!S!W!X!Y!]!g!j!r!s!w!y!z!{!}#R#S#T#U#V#W#X#Y#Z#[#]#^#_#`#a#b#k#n#o#s#t$R$S$U$y$}%P%R%S%T%U%c%}&S&W&p&s&t&w'O'U'Y'z(O(`(l({)P)i)p)t)v*P*T*U*o+P+r+u+z,T,V,X-Q-R-d-k-z.b.d.l.t/c/i/m/x0V0`0a0d0e0i0v1R1]1a2[2]2^2_2`2a2b2c2d2e2f2g2h2i2j2k2l2m2n2o2p2s2t2u2v2w3P3d3g3h3k3o3p3s3u3v3x3y3z3{3|3}4O4P4Q4R4S4T4U4V4W4Z4a4b4c4d4e4f4g4h4i4j4k4l4m4n4o4p4q4r4s4t4u4v4w4x5Q5e5h5i5l5p5q5t5v5w6T6^6_6`6a6b6c6d6e6f6g6h6i6j6k6l6m6n6o6p6q6r6s6t6u6v6x6y6z6{6|7X7i7l7o7r7s7u7w7z7|8T8U8X8Z8[8f8g8h8i8j8k8l8m8n8o8p8q8r8s8t8u8v8w8x8y8z8{8|8}9O9P9Q9R9S9T9V9W9X9Z9[9]9h9y9}:O:R:Y:Z:_:a:b:d:e:f:g:h:i:j:k:l:m:n:o:p:q:r:s:t:u:v:w:x:y:z:{:|:};O;P;Q;R;S;T;U;V;W;X;Y;Z;[;];^;_;`;a;c;d;e;f;g;h;i;t;u<j<k<o<p<q<v<{<|=P=R=S=T=U=Z=m=n!v$Pg#}$h'S'i'm'r(P(T)Z*f*s*z*}+Q+]+`+g,Z-r-u-{.Q/u1P5}6O6P6]8b8c8d=d=e=i>O>P>Q>X>Y>Z>[S$]r'^Q%k!eS%o!f%rQ)b%pU+X(R(S+dQ,p)_Q,t)cQ/Z,uQ/{-|R0p/[|vPVX!S!j!r!s!w$}%P%S%U(`+r+u.b.d.l0`0a0i1a#U#i[bklmnopxyz!W!X!Y!{#R#S#T#U#V#W#X#Y#Z#[#]#^#_#`#a#b$R$S$U$y%}&S'Y(O)p+P-z/x0e1R2[2]6x6yd+^(T)W+]+`+g,g,h,k.Q/O!t6w'U2^2_2`2a2b2c2d2e2f2g2h2i2j2k2l2m2n2o2p2s2t2u2v2w3P3d3g3h3k3o3p3s3z3|4O4Q4S4U5v5w!x;b3u3v3x3y3{3}4P4R4T4V4Z4a4b4c4d4e4f4g4h4i4j4k4l4m4n4o4p4q4r4s4t4u4v4w4x5Q5e5h5i5l5p5q5t$O=z_j!]!g#k#n#o#s#t%R%T&p&s&t&w'O'z(l({)P)i*P*U,V,X-R6^6_6`6a6b6c6d6e6f6g6h6i6j6k6l6m6n6o6p6q6r6s6t6u6v6z6{6|7X7l7o7r7w7|8T8U8X8Z8[8f8g8h8i#|>]!y!z!}%c&W)t)v*T*o,T-d-k.t/c/i/m0d0v4W6T7i7s7u7z8j8k8l8m8n8o8p8q8r8s8t8u8v8w8x8y8z8{8|8}9O9P9Q9R9S9T9Z9[9]9h9y9}:O:R:Y:Z:_:a:b;c;d=Z=m=n!v>^+z-Q9V9X:d:e:f:g:h:j:k:m:o:p:r:t:v:x:z:|;O;Q;S;U;W;Y;[;^;`;e;g;i;t<j<o<p<v<{<|=P=R=T!]>_0V1]9W:i:l:n:q:s:u:w:y:{:};P;R;T;V;X;Z;];_;a;f;h;u<k<q=S=UR'p$hQ'o$hR-l*sR$_rR-q*wQ+Y(RQ+Z(SR.X+dT+f(T+ge+_(T)W+]+`+g,g,h,k.Q/OQ%f!_Q'b$bQ*c'cQ.U+aQ0S.RR1U0QQ#eZQ%X!WQ%Z!XQ%]!YQ'}$pQ(s%VQ(t%WQ(u%YQ(v%[Q(}%bQ)S%fQ)[%kQ)f%qQ)k%tQ*b'bQ,n)]Q-^*cQ.V+bQ.W+cQ.e+xQ.o,QQ.p,RQ.q,SQ.v,WQ.y,YQ.},bQ/U,oQ/}.OQ0T.SQ0U.UQ0W.XQ0[.hQ0k/QQ0q/_Q1S0OQ1V0RQ1W0SQ1`0_Q1h0jQ1r1TQ1s1UQ1v1[Q1y1_Q1}1jQ2T1{R2U1|Q$pvS+b(T+gU.O+[+]+`S0O.P.QR1T0P|!aPVX!S!j!r!s!w$}%P%S%U(`+r+u.b.d.l0`0a0i1aQ$dtW+c(T)W+g,kW.S+]+`,g,hT0R.Q/O0t!OPVX[_bjklmnopxyz!S!W!X!Y!]!g!j!r!s!w!y!z!{!}#R#S#T#U#V#W#X#Y#Z#[#]#^#_#`#a#b#k#n#o#s#t$R$S$U$y$}%P%R%S%T%U%c%}&S&W&p&s&t&w'O'U'Y'z(O(`(l({)P)i)p)t)v*P*T*U*o+P+r+u+z,T,V,X-Q-R-d-k-z.b.d.l.t/c/i/m/x0V0`0a0d0e0i0v1R1]1a2[2]2^2_2`2a2b2c2d2e2f2g2h2i2j2k2l2m2n2o2p2s2t2u2v2w3P3d3g3h3k3o3p3s3u3v3x3y3z3{3|3}4O4P4Q4R4S4T4U4V4W4Z4a4b4c4d4e4f4g4h4i4j4k4l4m4n4o4p4q4r4s4t4u4v4w4x5Q5e5h5i5l5p5q5t5v5w6T6^6_6`6a6b6c6d6e6f6g6h6i6j6k6l6m6n6o6p6q6r6s6t6u6v6x6y6z6{6|7X7i7l7o7r7s7u7w7z7|8T8U8X8Z8[8f8g8h8i8j8k8l8m8n8o8p8q8r8s8t8u8v8w8x8y8z8{8|8}9O9P9Q9R9S9T9V9W9X9Z9[9]9h9y9}:O:R:Y:Z:_:a:b:d:e:f:g:h:i:j:k:l:m:n:o:p:q:r:s:t:u:v:w:x:y:z:{:|:};O;P;Q;R;S;T;U;V;W;X;Y;Z;[;];^;_;`;a;c;d;e;f;g;h;i;t;u<j<k<o<p<q<v<{<|=P=R=S=T=U=Z=m=nR.|,_0w}PVX[_bjklmnopxyz!S!W!X!Y!]!g!j!r!s!w!y!z!{!}#R#S#T#U#V#W#X#Y#Z#[#]#^#_#`#a#b#k#n#o#s#t$R$S$U$y$}%P%R%S%T%U%c%}&S&W&p&s&t&w'O'U'Y'z(O(`(l({)P)i)p)t)v*P*T*U*o+P+r+u+z,T,V,X,_-Q-R-d-k-z.b.d.l.t/c/i/m/x0V0`0a0d0e0i0v1R1]1a2[2]2^2_2`2a2b2c2d2e2f2g2h2i2j2k2l2m2n2o2p2s2t2u2v2w3P3d3g3h3k3o3p3s3u3v3x3y3z3{3|3}4O4P4Q4R4S4T4U4V4W4Z4a4b4c4d4e4f4g4h4i4j4k4l4m4n4o4p4q4r4s4t4u4v4w4x5Q5e5h5i5l5p5q5t5v5w6T6^6_6`6a6b6c6d6e6f6g6h6i6j6k6l6m6n6o6p6q6r6s6t6u6v6x6y6z6{6|7X7i7l7o7r7s7u7w7z7|8T8U8X8Z8[8f8g8h8i8j8k8l8m8n8o8p8q8r8s8t8u8v8w8x8y8z8{8|8}9O9P9Q9R9S9T9V9W9X9Z9[9]9h9y9}:O:R:Y:Z:_:a:b:d:e:f:g:h:i:j:k:l:m:n:o:p:q:r:s:t:u:v:w:x:y:z:{:|:};O;P;Q;R;S;T;U;V;W;X;Y;Z;[;];^;_;`;a;c;d;e;f;g;h;i;t;u<j<k<o<p<q<v<{<|=P=R=S=T=U=Z=m=nT$w{${Q(i%PQ(n%SQ(q%UR1f0iQ%b!]Q(m%RQ,U(lQ.s,TQ.u,VQ0c.tR1c0dQ%q!fR)]%rR)e%p",nodeNames:"\u26A0 ( HeredocString EscapeSequence abstract LogicOp array as Boolean break case catch clone const continue default declare do echo else elseif enddeclare endfor endforeach endif endswitch endwhile enum extends final finally fn for foreach from function global goto if implements include include_once LogicOp insteadof interface list match namespace new null LogicOp print require require_once return switch throw trait try unset use var Visibility while LogicOp yield LineComment BlockComment TextInterpolation PhpClose Text PhpOpen Template TextInterpolation EmptyStatement ; } { Block : LabelStatement Name ExpressionStatement ConditionalExpression LogicOp MatchExpression ) ( ParenthesizedExpression MatchBlock MatchArm , => AssignmentExpression ArrayExpression ValueList & VariadicUnpacking ... Pair [ ] ListExpression ValueList Pair Pair SubscriptExpression MemberExpression -> ?-> VariableName DynamicVariable $ ${ CallExpression ArgList NamedArgument SpreadArgument CastExpression UnionType LogicOp OptionalType NamedType QualifiedName \\ NamespaceName ScopedExpression :: ClassMemberName AssignOp UpdateExpression UpdateOp YieldExpression BinaryExpression LogicOp LogicOp LogicOp BitOp BitOp BitOp CompareOp CompareOp BitOp ArithOp ConcatOp ArithOp ArithOp IncludeExpression RequireExpression CloneExpression UnaryExpression ControlOp LogicOp PrintIntrinsic FunctionExpression static ParamList Parameter #[ Attributes Attribute VariadicParameter PropertyParameter UseList ArrowFunction NewExpression class BaseClause ClassInterfaceClause DeclarationList ConstDeclaration VariableDeclarator PropertyDeclaration VariableDeclarator MethodDeclaration UseDeclaration UseList UseInsteadOfClause UseAsClause UpdateExpression ArithOp ShellExpression ThrowExpression Integer Float String MemberExpression SubscriptExpression UnaryExpression ArithOp Interpolation String IfStatement ColonBlock SwitchStatement Block CaseStatement DefaultStatement ColonBlock WhileStatement EmptyStatement DoStatement ForStatement ForSpec SequenceExpression ForeachStatement ForSpec Pair GotoStatement ContinueStatement BreakStatement ReturnStatement TryStatement CatchDeclarator DeclareStatement EchoStatement UnsetStatement ConstDeclaration FunctionDefinition ClassDeclaration InterfaceDeclaration TraitDeclaration EnumDeclaration EnumBody EnumCase NamespaceDefinition NamespaceUseDeclaration UseGroup UseClause UseClause GlobalDeclaration FunctionStaticDeclaration Program",maxTerm:304,nodeProps:[["group",-36,2,8,49,81,83,85,88,93,94,102,106,107,110,111,114,118,123,126,130,132,133,147,148,149,150,153,154,164,165,179,181,182,183,184,185,191,"Expression",-28,74,78,80,82,192,194,199,201,202,205,208,209,210,211,212,214,215,216,217,218,219,220,221,222,225,226,230,231,"Statement",-3,119,121,122,"Type"],["openedBy",69,"phpOpen",76,"{",86,"(",101,"#["],["closedBy",71,"phpClose",77,"}",87,")",158,"]"]],propSources:[hO],skippedNodes:[0],repeatNodeCount:29,tokenData:"!5h_R!ZOX$tXY%nYZ&}Z]$t]^%n^p$tpq%nqr(]rs)wst*atu/nuv2_vw3`wx4gxy8Oyz8fz{8|{|:W|};_}!O;u!O!P=R!P!QBl!Q!RFr!R![Hn![!]Nz!]!^!!O!^!_!!f!_!`!%R!`!a!&V!a!b!'Z!b!c!*T!c!d!*k!d!e!+q!e!}!*k!}#O!-k#O#P!.R#P#Q!.i#Q#R!/P#R#S!*k#S#T!/j#T#U!*k#U#V!+q#V#o!*k#o#p!2y#p#q!3a#q#r!4j#r#s!5Q#s$f$t$f$g%n$g&j!*k&j$I_$t$I_$I`%n$I`$KW$t$KW$KX%n$KX?HT$t?HT?HU%n?HU~$tP$yT&wPOY$tYZ%YZ!^$t!^!_%_!_~$tP%_O&wPP%bSOY$tYZ%YZ!a$t!b~$tV%ub&wP&vUOX$tXY%nYZ&}Z]$t]^%n^p$tpq%nq!^$t!^!_%_!_$f$t$f$g%n$g$I_$t$I_$I`%n$I`$KW$t$KW$KX%n$KX?HT$t?HT?HU%n?HU~$tV'UW&wP&vUXY'nYZ'n]^'npq'n$f$g'n$I_$I`'n$KW$KX'n?HT?HU'nU'sW&vUXY'nYZ'n]^'npq'n$f$g'n$I_$I`'n$KW$KX'n?HT?HU'nR(dU$^Q&wPOY$tYZ%YZ!^$t!^!_%_!_!`(v!`~$tR(}U$QQ&wPOY$tYZ%YZ!^$t!^!_%_!_!`)a!`~$tR)hT$QQ&wPOY$tYZ%YZ!^$t!^!_%_!_~$tV*QT'fS&wP'gQOY$tYZ%YZ!^$t!^!_%_!_~$tV*hZ&wP!dUOY+ZYZ%YZ]+Z]^$t^!^+Z!^!_+}!_!a+Z!a!b-i!b!}+Z!}#O.x#O~+ZV+bX&wP!dUOY+ZYZ%YZ]+Z]^$t^!^+Z!^!_+}!_!a+Z!a!b-i!b~+ZV,SV!dUOY+ZYZ%YZ]+Z]^$t^!a+Z!a!b,i!b~+ZU,lUOY-OYZ-dZ]-O]^-d^!`-O!a~-OU-TT!dUOY-OZ]-O^!a-O!a!b,i!b~-OU-iO!dUV-nX&wPOY+ZYZ.ZZ]+Z]^.b^!^+Z!^!_+}!_!`+Z!`!a$t!a~+ZV.bO&wP!dUV.iT&wP!dUOY$tYZ%YZ!^$t!^!_%_!_~$tV/RX&wP$dQ!dUOY+ZYZ%YZ]+Z]^$t^!^+Z!^!_+}!_!a+Z!a!b-i!b~+Z_/u^&wP#dQOY$tYZ%YZ!^$t!^!_%_!_!c$t!c!}0q!}#R$t#R#S0q#S#T$t#T#o0q#o#p1w#p$g$t$g&j0q&j~$t_0x_&wP#b^OY$tYZ%YZ!Q$t!Q![0q![!^$t!^!_%_!_!c$t!c!}0q!}#R$t#R#S0q#S#T$t#T#o0q#o$g$t$g&j0q&j~$tV2OT&wP#eUOY$tYZ%YZ!^$t!^!_%_!_~$tR2fU&wP$VQOY$tYZ%YZ!^$t!^!_%_!_!`2x!`~$tR3PT#wQ&wPOY$tYZ%YZ!^$t!^!_%_!_~$tV3gW#SU&wPOY$tYZ%YZv$tvw4Pw!^$t!^!_%_!_!`2x!`~$tR4WT#|Q&wPOY$tYZ%YZ!^$t!^!_%_!_~$tR4nX&wP%VQOY4gYZ5ZZw4gwx6bx!^4g!^!_6x!_#O4g#O#P7j#P~4gR5bT&wP%VQOw5qwx6Vx#O5q#O#P6[#P~5qQ5vT%VQOw5qwx6Vx#O5q#O#P6[#P~5qQ6[O%VQQ6_PO~5qR6iT&wP%VQOY$tYZ%YZ!^$t!^!_%_!_~$tR6}X%VQOY4gYZ5ZZw4gwx6bx!a4g!a!b5q!b#O4g#O#P7j#P~4gR7oT&wPOY4gYZ5ZZ!^4g!^!_6x!_~4gR8VT!yQ&wPOY$tYZ%YZ!^$t!^!_%_!_~$tV8mT!xU&wPOY$tYZ%YZ!^$t!^!_%_!_~$tR9TW&wP$VQOY$tYZ%YZz$tz{9m{!^$t!^!_%_!_!`2x!`~$tR9tU$WQ&wPOY$tYZ%YZ!^$t!^!_%_!_!`2x!`~$tR:_W$TQ&wPOY$tYZ%YZ{$t{|:w|!^$t!^!_%_!_!`2x!`~$tR;OT$zQ&wPOY$tYZ%YZ!^$t!^!_%_!_~$tR;fT!}Q&wPOY$tYZ%YZ!^$t!^!_%_!_~$t_<OX$TQ%TW&wPOY$tYZ%YZ}$t}!O:w!O!^$t!^!_%_!_!`2x!`!a<k!a~$tV<rT#`U&wPOY$tYZ%YZ!^$t!^!_%_!_~$tV=YY&wP$UQOY$tYZ%YZ!O$t!O!P=x!P!Q$t!Q![>z![!^$t!^!_%_!_!`2x!`~$tV=}V&wPOY$tYZ%YZ!O$t!O!P>d!P!^$t!^!_%_!_~$tV>kT#UU&wPOY$tYZ%YZ!^$t!^!_%_!_~$tR?R]&wP%OQOY$tYZ%YZ!Q$t!Q![>z![!^$t!^!_%_!_!g$t!g!h?z!h#R$t#R#SBQ#S#X$t#X#Y?z#Y~$tR@PZ&wPOY$tYZ%YZ{$t{|@r|}$t}!O@r!O!Q$t!Q![A^![!^$t!^!_%_!_~$tR@wV&wPOY$tYZ%YZ!Q$t!Q![A^![!^$t!^!_%_!_~$tRAeX&wP%OQOY$tYZ%YZ!Q$t!Q![A^![!^$t!^!_%_!_#R$t#R#S@r#S~$tRBVV&wPOY$tYZ%YZ!Q$t!Q![>z![!^$t!^!_%_!_~$tVBsY&wP$VQOY$tYZ%YZz$tz{Cc{!P$t!P!Q+Z!Q!^$t!^!_%_!_!`2x!`~$tVChV&wPOYCcYZC}ZzCcz{EQ{!^Cc!^!_FY!_~CcVDSR&wPOzD]z{Di{~D]UD`ROzD]z{Di{~D]UDlTOzD]z{Di{!PD]!P!QD{!Q~D]UEQO!eUVEVX&wPOYCcYZC}ZzCcz{EQ{!PCc!P!QEr!Q!^Cc!^!_FY!_~CcVEyT!eU&wPOY$tYZ%YZ!^$t!^!_%_!_~$tVF]VOYCcYZC}ZzCcz{EQ{!aCc!a!bD]!b~CcZFyk&wP$}YOY$tYZ%YZ!O$t!O!P>z!P!Q$t!Q![Hn![!^$t!^!_%_!_!d$t!d!eJ`!e!g$t!g!h?z!h!q$t!q!rKt!r!z$t!z!{MS!{#R$t#R#SIt#S#U$t#U#VJ`#V#X$t#X#Y?z#Y#c$t#c#dKt#d#l$t#l#mMS#m~$tZHu_&wP$}YOY$tYZ%YZ!O$t!O!P>z!P!Q$t!Q![Hn![!^$t!^!_%_!_!g$t!g!h?z!h#R$t#R#SIt#S#X$t#X#Y?z#Y~$tZIyV&wPOY$tYZ%YZ!Q$t!Q![Hn![!^$t!^!_%_!_~$tZJeW&wPOY$tYZ%YZ!Q$t!Q!RJ}!R!SJ}!S!^$t!^!_%_!_~$tZKUY&wP$}YOY$tYZ%YZ!Q$t!Q!RJ}!R!SJ}!S!^$t!^!_%_!_#R$t#R#SJ`#S~$tZKyV&wPOY$tYZ%YZ!Q$t!Q!YL`!Y!^$t!^!_%_!_~$tZLgX&wP$}YOY$tYZ%YZ!Q$t!Q!YL`!Y!^$t!^!_%_!_#R$t#R#SKt#S~$tZMXZ&wPOY$tYZ%YZ!Q$t!Q![Mz![!^$t!^!_%_!_!c$t!c!iMz!i#T$t#T#ZMz#Z~$tZNR]&wP$}YOY$tYZ%YZ!Q$t!Q![Mz![!^$t!^!_%_!_!c$t!c!iMz!i#R$t#R#SMS#S#T$t#T#ZMz#Z~$tR! RV!qQ&wPOY$tYZ%YZ![$t![!]! h!]!^$t!^!_%_!_~$tR! oT#sQ&wPOY$tYZ%YZ!^$t!^!_%_!_~$tV!!VT!mU&wPOY$tYZ%YZ!^$t!^!_%_!_~$tR!!kW$RQOY$tYZ%YZ!^$t!^!_!#T!_!`!#n!`!a)a!a!b!$[!b~$tR!#[U$SQ&wPOY$tYZ%YZ!^$t!^!_%_!_!`2x!`~$tR!#uV$RQ&wPOY$tYZ%YZ!^$t!^!_%_!_!`$t!`!a)a!a~$tP!$aR!iP!_!`!$j!r!s!$o#d#e!$oP!$oO!iPP!$rQ!j!k!$x#[#]!$xP!${Q!r!s!$j#d#e!$jV!%YV#uQ&wPOY$tYZ%YZ!^$t!^!_%_!_!`(v!`!a!%o!a~$tV!%vT#OU&wPOY$tYZ%YZ!^$t!^!_%_!_~$tR!&^V$RQ&wPOY$tYZ%YZ!^$t!^!_%_!_!`!&s!`!a!#T!a~$tR!&zT$RQ&wPOY$tYZ%YZ!^$t!^!_%_!_~$tV!'bY!vQ&wPOY$tYZ%YZ}$t}!O!(Q!O!^$t!^!_%_!_!`$t!`!a!)S!a!b!)j!b~$tV!(VV&wPOY$tYZ%YZ!^$t!^!_%_!_!`$t!`!a!(l!a~$tV!(sT#aU&wPOY$tYZ%YZ!^$t!^!_%_!_~$tV!)ZT!gU&wPOY$tYZ%YZ!^$t!^!_%_!_~$tR!)qU#zQ&wPOY$tYZ%YZ!^$t!^!_%_!_!`2x!`~$tR!*[T$]Q&wPOY$tYZ%YZ!^$t!^!_%_!_~$t_!*r_&wP!s^OY$tYZ%YZ!Q$t!Q![!*k![!^$t!^!_%_!_!c$t!c!}!*k!}#R$t#R#S!*k#S#T$t#T#o!*k#o$g$t$g&j!*k&j~$t_!+xc&wP!s^OY$tYZ%YZr$trs!-Tsw$twx4gx!Q$t!Q![!*k![!^$t!^!_%_!_!c$t!c!}!*k!}#R$t#R#S!*k#S#T$t#T#o!*k#o$g$t$g&j!*k&j~$tR!-[T&wP'gQOY$tYZ%YZ!^$t!^!_%_!_~$tV!-rT#WU&wPOY$tYZ%YZ!^$t!^!_%_!_~$tV!.YT#pU&wPOY$tYZ%YZ!^$t!^!_%_!_~$tR!.pT#XQ&wPOY$tYZ%YZ!^$t!^!_%_!_~$tR!/WU$OQ&wPOY$tYZ%YZ!^$t!^!_%_!_!`2x!`~$tR!/oX&wPOY!/jYZ!0[Z!^!/j!^!_!1_!_#O!/j#O#P!1}#P#S!/j#S#T!2c#T~!/jR!0aT&wPO#O!0p#O#P!1S#P#S!0p#S#T!1Y#T~!0pQ!0sTO#O!0p#O#P!1S#P#S!0p#S#T!1Y#T~!0pQ!1VPO~!0pQ!1_O${QR!1bXOY!/jYZ!0[Z!a!/j!a!b!0p!b#O!/j#O#P!1}#P#S!/j#S#T!2c#T~!/jR!2ST&wPOY!/jYZ!0[Z!^!/j!^!_!1_!_~!/jR!2jT${Q&wPOY$tYZ%YZ!^$t!^!_%_!_~$tV!3QT!oU&wPOY$tYZ%YZ!^$t!^!_%_!_~$tV!3jW#}Q#lS&wPOY$tYZ%YZ!^$t!^!_%_!_!`2x!`#p$t#p#q!4S#q~$tR!4ZT#{Q&wPOY$tYZ%YZ!^$t!^!_%_!_~$tR!4qT!nQ&wPOY$tYZ%YZ!^$t!^!_%_!_~$tR!5XT$^Q&wPOY$tYZ%YZ!^$t!^!_%_!_~$t",tokenizers:[ZO,wO,kO,0,1,2,3,cO],topRules:{Template:[0,72],Program:[1,232]},dynamicPrecedences:{284:1},specialized:[{term:81,get:(O,Q)=>pO(O)<<1},{term:81,get:O=>GO[O]||-1}],tokenPrec:29354});export{gO as parser};
diff --git a/Resources/Public/JavaScript/Contrib/@lezer/xml.js b/Resources/Public/JavaScript/Contrib/@lezer/xml.js
new file mode 100644
index 0000000..532f3db
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/@lezer/xml.js
@@ -0,0 +1 @@
+import{ContextTracker as W,ExternalTokenizer as n,LRParser as l}from"@lezer/lr";import{styleTags as w,tags as d}from"@lezer/highlight";const s=1,g=2,i=3,v=4,C=5,p=35,X=36,m=37,z=11,h=13;function Q(O){return O==45||O==46||O==58||O>=65&&O<=90||O==95||O>=97&&O<=122||O>=161}function _(O){return O==9||O==10||O==13||O==32}let o=null,P=null,T=0;function $(O,e){let t=O.pos+e;if(P==O&&T==t)return o;for(;_(O.peek(e));)e++;let r="";for(;;){let a=O.peek(e);if(!Q(a))break;r+=String.fromCharCode(a),e++}return P=O,T=t,o=r||null}function c(O,e){this.name=O,this.parent=e,this.hash=e?e.hash:0;for(let t=0;t<O.length;t++)this.hash+=(this.hash<<4)+O.charCodeAt(t)+(O.charCodeAt(t)<<8)}const S=new W({start:null,shift(O,e,t,r){return e==s?new c($(r,1)||"",O):O},reduce(O,e){return e==z&&O?O.parent:O},reuse(O,e,t,r){let a=e.type.id;return a==s||a==h?new c($(r,1)||"",O):O},hash(O){return O?O.hash:0},strict:!1}),U=new n((O,e)=>{if(O.next==60){if(O.advance(),O.next==47){O.advance();let t=$(O,0);if(!t)return O.acceptToken(C);if(e.context&&t==e.context.name)return O.acceptToken(g);for(let r=e.context;r;r=r.parent)if(r.name==t)return O.acceptToken(i,-2);O.acceptToken(v)}else if(O.next!=33&&O.next!=63)return O.acceptToken(s)}},{contextual:!0});function k(O,e){return new n(t=>{for(let r=0,a=0;;a++){if(t.next<0){a&&t.acceptToken(O);break}if(t.next==e.charCodeAt(r)){if(r++,r==e.length){a>e.length&&t.acceptToken(O,1-e.length);break}}else r=t.next==e.charCodeAt(0)?1:0;t.advance()}})}const f=k(p,"-->"),b=k(X,"?>"),x=k(m,"]]>"),R=w({Text:d.content,"StartTag StartCloseTag EndTag SelfCloseEndTag":d.angleBracket,TagName:d.tagName,"MismatchedCloseTag/Tagname":[d.tagName,d.invalid],AttributeName:d.attributeName,AttributeValue:d.attributeValue,Is:d.definitionOperator,"EntityReference CharacterReference":d.character,Comment:d.blockComment,ProcessingInst:d.processingInstruction,DoctypeDecl:d.documentMeta,Cdata:d.special(d.string)}),u=l.deserialize({version:14,states:",SOQOaOOOrOxO'#CfOzOpO'#CiO!tOaO'#CgOOOP'#Cg'#CgO!{OrO'#CrO#TOtO'#CsO#]OpO'#CtOOOP'#DS'#DSOOOP'#Cv'#CvQQOaOOOOOW'#Cw'#CwO#eOxO,59QOOOP,59Q,59QOOOO'#Cx'#CxO#mOpO,59TO#uO!bO,59TOOOP'#C{'#C{O$TOaO,59RO$[OpO'#CoOOOP,59R,59ROOOQ'#C|'#C|O$dOrO,59^OOOP,59^,59^OOOS'#C}'#C}O$lOtO,59_OOOP,59_,59_O$tOpO,59`O$|OpO,59`OOOP-E6t-E6tOOOW-E6u-E6uOOOP1G.l1G.lOOOO-E6v-E6vO%UO!bO1G.oO%UO!bO1G.oO%dOpO'#CkO%lO!bO'#CyO%zO!bO1G.oOOOP1G.o1G.oOOOP1G.w1G.wOOOP-E6y-E6yOOOP1G.m1G.mO&VOpO,59ZO&_OpO,59ZOOOQ-E6z-E6zOOOP1G.x1G.xOOOS-E6{-E6{OOOP1G.y1G.yO&gOpO1G.zO&gOpO1G.zOOOP1G.z1G.zO&oO!bO7+$ZO&}O!bO7+$ZOOOP7+$Z7+$ZOOOP7+$c7+$cO'YOpO,59VO'bOpO,59VO'jO!bO,59eOOOO-E6w-E6wO'xOpO1G.uO'xOpO1G.uOOOP1G.u1G.uO(QOpO7+$fOOOP7+$f7+$fO(YO!bO<<GuOOOP<<Gu<<GuOOOP<<G}<<G}O'bOpO1G.qO'bOpO1G.qO(eO#tO'#CnOOOO1G.q1G.qO(sOpO7+$aOOOP7+$a7+$aOOOP<<HQ<<HQOOOPAN=aAN=aOOOPAN=iAN=iO'bOpO7+$]OOOO7+$]7+$]OOOO'#Cz'#CzO({O#tO,59YOOOO,59Y,59YOOOP<<G{<<G{OOOO<<Gw<<GwOOOO-E6x-E6xOOOO1G.t1G.t",stateData:")Z~OPQOSVOTWOVWOWWOXWOiXOxPO}TO!PUO~OuZOw]O~O^`Oy^O~OPQOQcOSVOTWOVWOWWOXWOxPO}TO!PUO~ORdO~P!SOseO|gO~OthO!OjO~O^lOy^O~OuZOwoO~O^qOy^O~O[vO`sOdwOy^O~ORyO~P!SO^{Oy^O~OseO|}O~OthO!O!PO~O^!QOy^O~O[!SOy^O~O[!VO`sOd!WOy^O~Oa!YOy^O~Oy^O[mX`mXdmX~O[!VO`sOd!WO~O^!]Oy^O~O[!_Oy^O~O[!aOy^O~O[!cO`sOd!dOy^O~O[!cO`sOd!dO~Oa!eOy^O~Oy^Oz!gO~Oy^O[ma`madma~O[!jOy^O~O[!kOy^O~O[!lO`sOd!mO~OW!pOX!pOz!rO{!pO~O[!sOy^O~OW!pOX!pOz!vO{!pO~O",goto:"%[wPPPPPPPPPPxxP!OP!UPP!_!iP!oxxxP!u!{#R$Z$j$p$v$|PPPP%SXWORYbXRORYb_t`qru!T!U!bQ!h!YS!o!e!fR!t!nQdRRybXSORYbQYORmYQ[PRn[Q_QQkVjp_krz!R!T!X!Z!^!`!f!i!nQr`QzcQ!RlQ!TqQ!XsQ!ZtQ!^{Q!`!QQ!f!YQ!i!]R!n!eQu`S!UqrU![u!U!bR!b!TQ!q!gR!u!qQbRRxbQfTR|fQiUR!OiSXOYTaRb",nodeNames:"\u26A0 StartTag StartCloseTag MissingCloseTag StartCloseTag StartCloseTag Document Text EntityReference CharacterReference Cdata Element EndTag OpenTag TagName Attribute AttributeName Is AttributeValue CloseTag SelfCloseEndTag SelfClosingTag Comment ProcessingInst MismatchedCloseTag DoctypeDecl",maxTerm:47,context:S,nodeProps:[["closedBy",1,"SelfCloseEndTag EndTag",13,"CloseTag MissingCloseTag"],["openedBy",12,"StartTag StartCloseTag",19,"OpenTag",20,"StartTag"]],propSources:[R],skippedNodes:[0],repeatNodeCount:8,tokenData:"Az~R!WOX$kXY%rYZ%rZ]$k]^%r^p$kpq%rqr$krs&tsv$kvw'Uw}$k}!O(q!O!P$k!P!Q*n!Q![$k![!]+z!]!^$k!^!_/s!_!`=i!`!a>U!a!b>q!b!c$k!c!}+z!}#P$k#P#Q?}#Q#R$k#R#S+z#S#T$k#T#o+z#o%W$k%W%o+z%o%p$k%p&a+z&a&b$k&b1p+z1p4U$k4U4d+z4d4e$k4e$IS+z$IS$I`$k$I`$Ib+z$Ib$Kh$k$Kh%#t+z%#t&/x$k&/x&Et+z&Et&FV$k&FV;'S+z;'S;:j/S;:j?&r$k?&r?Ah+z?Ah?BY$k?BY?Mn+z?Mn~$kX$rUVP{WOr$krs%Usv$kw!^$k!^!_%d!_~$kP%ZRVPOv%Uw!^%U!_~%UW%iR{WOr%dsv%dw~%d_%{]VP{WyUOX$kXY%rYZ%rZ]$k]^%r^p$kpq%rqr$krs%Usv$kw!^$k!^!_%d!_~$kZ&{RzYVPOv%Uw!^%U!_~%U~'XTOp'hqs'hst(Pt!]'h!^~'h~'kTOp'hqs'ht!]'h!]!^'z!^~'h~(POW~~(SROp(]q!](]!^~(]~(`SOp(]q!](]!]!^(l!^~(]~(qOX~Z(xWVP{WOr$krs%Usv$kw}$k}!O)b!O!^$k!^!_%d!_~$kZ)iWVP{WOr$krs%Usv$kw!^$k!^!_%d!_!`$k!`!a*R!a~$kZ*[U|QVP{WOr$krs%Usv$kw!^$k!^!_%d!_~$k]*uWVP{WOr$krs%Usv$kw!^$k!^!_%d!_!`$k!`!a+_!a~$k]+hUdSVP{WOr$krs%Usv$kw!^$k!^!_%d!_~$k_,V}`S^QVP{WOr$krs%Usv$kw}$k}!O+z!O!P+z!P!Q$k!Q![+z![!]+z!]!^$k!^!_%d!_!c$k!c!}+z!}#R$k#R#S+z#S#T$k#T#o+z#o$}$k$}%O+z%O%W$k%W%o+z%o%p$k%p&a+z&a&b$k&b1p+z1p4U+z4U4d+z4d4e$k4e$IS+z$IS$I`$k$I`$Ib+z$Ib$Je$k$Je$Jg+z$Jg$Kh$k$Kh%#t+z%#t&/x$k&/x&Et+z&Et&FV$k&FV;'S+z;'S;:j/S;:j?&r$k?&r?Ah+z?Ah?BY$k?BY?Mn+z?Mn~$k_/ZWVP{WOr$krs%Usv$kw!^$k!^!_%d!_;=`$k;=`<%l+z<%l~$kX/xU{WOq%dqr0[sv%dw!a%d!a!b=X!b~%dX0aZ{WOr%dsv%dw}%d}!O1S!O!f%d!f!g1x!g!}%d!}#O5s#O#W%d#W#X:k#X~%dX1XT{WOr%dsv%dw}%d}!O1h!O~%dX1oR}P{WOr%dsv%dw~%dX1}T{WOr%dsv%dw!q%d!q!r2^!r~%dX2cT{WOr%dsv%dw!e%d!e!f2r!f~%dX2wT{WOr%dsv%dw!v%d!v!w3W!w~%dX3]T{WOr%dsv%dw!{%d!{!|3l!|~%dX3qT{WOr%dsv%dw!r%d!r!s4Q!s~%dX4VT{WOr%dsv%dw!g%d!g!h4f!h~%dX4kV{WOr4frs5Qsv4fvw5Qw!`4f!`!a5c!a~4fP5TRO!`5Q!`!a5^!a~5QP5cOiPX5jRiP{WOr%dsv%dw~%dX5xV{WOr%dsv%dw!e%d!e!f6_!f#V%d#V#W8w#W~%dX6dT{WOr%dsv%dw!f%d!f!g6s!g~%dX6xT{WOr%dsv%dw!c%d!c!d7X!d~%dX7^T{WOr%dsv%dw!v%d!v!w7m!w~%dX7rT{WOr%dsv%dw!c%d!c!d8R!d~%dX8WT{WOr%dsv%dw!}%d!}#O8g#O~%dX8nR{WxPOr%dsv%dw~%dX8|T{WOr%dsv%dw#W%d#W#X9]#X~%dX9bT{WOr%dsv%dw#T%d#T#U9q#U~%dX9vT{WOr%dsv%dw#h%d#h#i:V#i~%dX:[T{WOr%dsv%dw#T%d#T#U8R#U~%dX:pT{WOr%dsv%dw#c%d#c#d;P#d~%dX;UT{WOr%dsv%dw#V%d#V#W;e#W~%dX;jT{WOr%dsv%dw#h%d#h#i;y#i~%dX<OT{WOr%dsv%dw#m%d#m#n<_#n~%dX<dT{WOr%dsv%dw#d%d#d#e<s#e~%dX<xT{WOr%dsv%dw#X%d#X#Y4f#Y~%dX=`R!PP{WOr%dsv%dw~%dZ=rUaQVP{WOr$krs%Usv$kw!^$k!^!_%d!_~$k_>_U[UVP{WOr$krs%Usv$kw!^$k!^!_%d!_~$kZ>xWVP{WOr$krs%Usv$kw!^$k!^!_%d!_!`$k!`!a?b!a~$kZ?kU!OQVP{WOr$krs%Usv$kw!^$k!^!_%d!_~$kZ@UWVP{WOr$krs%Usv$kw!^$k!^!_%d!_#P$k#P#Q@n#Q~$kZ@uWVP{WOr$krs%Usv$kw!^$k!^!_%d!_!`$k!`!aA_!a~$kZAhUwQVP{WOr$krs%Usv$kw!^$k!^!_%d!_~$k",tokenizers:[U,f,b,x,0,1,2,3],topRules:{Document:[0,6]},tokenPrec:0});export{u as parser};
diff --git a/Resources/Public/JavaScript/Contrib/alwan.js b/Resources/Public/JavaScript/Contrib/alwan.js
new file mode 100644
index 0000000..095634a
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/alwan.js
@@ -0,0 +1 @@
+const je={id:"",classname:"",theme:"light",parent:"",toggle:!0,popover:!0,position:"bottom-start",margin:4,preset:!0,color:"#000",default:"#000",target:"",disabled:!1,format:"rgb",singleInput:!1,inputs:!0,opacity:!0,preview:!0,copy:!0,swatches:[],toggleSwatches:!1,closeOnScroll:!1,i18n:{picker:"Color picker",buttons:{copy:"Copy color to clipboard",changeFormat:"Change color format",swatch:"Color swatch: %label%",toggleSwatches:"Toggle Swatches"},sliders:{hue:"Change hue",alpha:"Change opacity"}}},k=document,de=k.documentElement,Q="#000000",we="button",be="open",Pe="close",ze="color",D="click",Fe="pointerdown",Re="pointermove",We="pointerup",Ze="scroll",me="keydown",F="input",N="change",X="rgb",fe="hsl",qe={capture:!0},Ke=["hex",X,fe],M=t=>typeof t=="string",Ue=t=>t instanceof Element,ve=t=>Number.isFinite(M(t)&&t.trim()!==""?+t:t),{keys:dt,assign:Y,setPrototypeOf:wt,prototype:bt}=Object,{isArray:ee}=Array,ye=t=>t!=null&&typeof t=="object"&&!ee(t)&&!Ue(t),T=(t,e)=>dt(t).forEach(a=>e(a,t[a])),te=(t,e)=>(T(e,(a,r)=>{Y(t,{[a]:ye(r)?te(t[a]||{},r):r})}),t),Ge=()=>k.body,ae=(t,e=de)=>M(t)&&t.trim()?[...e.querySelectorAll(t)]:Ue(t)?[t]:[],Je=t=>ae(`${F},${we},[tabindex]`,t),O=(t,e,a,r={},o)=>{const s=k.createElement(t);return e&&(s.className=e.trim()),a&&(M(a)?s.innerHTML=a:s.append(...(ee(a)?a:[a]).filter(n=>!!n))),T(M(o)?{...r,"aria-label":o}:r,(n,l)=>s.setAttribute(n,l+"")),s},$=(t,e,a)=>O("div",e,t,{},a),se=(t,e)=>(t&&t!==e&&t.replaceWith(e),e),R=(t="",e="",a,r=t)=>O(we,"alwan__button "+e,a,{type:we,title:r},t),Qe=(t,e,a,r=1)=>O(F,"alwan__slider alwan__"+e,"",{type:"range",max:a,step:r},t),Xe=(t,e)=>t.style.setProperty("--color",e),_e=(t,e,a)=>t.classList.toggle("alwan--"+e,a),xe=(t,e,a)=>{t.style.transform=`translate(${e}px,${a}px)`},j=t=>{const{x:e,y:a,width:r,height:o}=t.getBoundingClientRect();return[e,a,r,o,r+e,o+a]},Ye=t=>$(t,"alwan__container"),$e=(t,e)=>t.style.display=e?"none":"",v=(t,e,a,r)=>t.addEventListener(e,a,r),oe=(t,e,a)=>t.removeEventListener(e,a),ne=(t,e=X)=>e?e+(e===X?`(${t.r}, ${t.g}, ${t.b}`:`(${t.h}, ${t.s}%, ${t.l}%`)+(t.a<1?`, ${t.a})`:")"):Q,{min:W,max:Se,abs:mt,round:B,PI:ft}=Math,Z=(t,e=100,a=0)=>t>e?e:t<a?a:t,et=t=>B((t%=360)<0?t+360:t),Le=t=>parseInt(t,16),vt=t=>{let e,a,{config:r,s:o}=t,s=!1;const n=()=>{const i={};s||(o.t(),s=!0),T(e,(h,w)=>i[h]=w.value),o.o(i[a]||ne(i,a),!0)},l=()=>{e={};const i=a==="hex"||r.singleInput?[a]:[...a+(r.opacity?"a":"")];return $(i.map(h=>O("label","",[e[h]=O(F,"alwan__input",[],{type:"text",value:o.i[h]}),O("span","",h)])),"alwan__inputs")};return{p({inputs:i,format:h,i18n:w}){let f,p,g,b,u=Ke;return i!==!0&&(i=i||{},u=u.filter(c=>i[c])),b=u.length,u=b?u:Ke,a=u[Se(u.indexOf(h),0)],o.u(a),b?(b>1&&(g=R(w.buttons.changeFormat,"",'<svg width="15" height="15" viewBox="0 0 20 20" aria-role="none"><path d="M10 1L5 8h10l-5-7zm0 18l5-7H5l5 7z"></path></svg>'),v(g,D,()=>{a=u[(u.indexOf(a)+1)%b],o.u(a),f=se(f,l())})),f=l(),p=$(f),v(p,F,n),v(p,N,()=>{o._(),s=!1}),v(p,"focusin",c=>c.target.select()),v(p,me,c=>c.key==="Enter"&&t.c.v(!1)),Ye([p,g])):null},m(i){s||T(e||{},(h,w)=>w.value=i[h]+"")}}},yt={ArrowLeft:-1,ArrowRight:1},_t={ArrowUp:-1,ArrowDown:1},xt=({s:t})=>{let e,a,r,o,s;const n={s:0,l:0},l=(p,g)=>{let b,u,[,,c,_]=s;r=p=Z(p,c),o=g=Z(g,_),xe(a,p,g),b=1-g/_,u=b*(1-p/(2*c)),n.s=u===1||u===0?0:(b-u)/W(u,1-u)*100,n.l=100*u,t.$(n)},i=({x:p,y:g,buttons:b})=>{b?l(p-s[0],g-s[1]):h()},h=()=>{t._(),oe(k,Re,i),oe(k,We,h)},w=p=>{e.setPointerCapture(p.pointerId),t.t(),s=j(e),l(p.x-s[0],p.y-s[1]),v(k,Re,i),v(k,We,h)},f=p=>{const g=p.key,b=yt[g]||0,u=_t[g]||0;(b||u)&&(p.preventDefault(),s=j(e),t.t(),l(r+b*s[2]/100,o+u*s[3]/100),t._())};return{p:({i18n:p,disabled:g})=>(a=$("","alwan__cursor"),e=$(a,"alwan__selector",p.picker||p.palette),g||(e.tabIndex=0,v(e,Fe,w),v(e,me,f)),e),A(p,g){p=(g/=100)+p/100*W(g,1-g),s=j(e),r=(p?2*(1-g/p):0)*s[2],o=(1-p)*s[3],xe(a,r,o)}}},$t=({s:t,e})=>{let a,r,o;return{p:({opacity:s,i18n:{sliders:n}})=>(a=Qe(n.hue,"hue",360),r=s?Qe(n.alpha,"alpha",1,.01):null,o=$([a,r]),v(o,N,()=>e.S(N)),v(o,F,({target:l})=>t.$({[l===a?"h":"a"]:l.value})),o),m(s,n){a.value=s+"",r&&(r.value=n+"")}}},re=t=>(t<16?"0":"")+t.toString(16),ke=(t,e,a)=>(t%=12,B(255*(a-e*W(a,1-a)*Se(-1,W(t-3,9-t,1))))),Ae=O("canvas").getContext("2d"),St={turn:360,rad:180/ft,grad:.9},Lt=/a?\(\s*([+-]?\d*\.?\d+)(\w*)?\s*[\s,]\s*([+-]?\d*\.?\d+)%?\s*,?\s*([+-]?\d*\.?\d+)%?(?:\s*[\/,]\s*([+-]?\d*\.?\d+)(%)?)?\s*\)?$/,tt=t=>M(t)?t:ne(t,(e=>ye(e)&&[fe,X].find(a=>[...a].every(r=>ve(e[r])))||"")(t)),at=t=>(Ae.fillStyle=Q,Ae.fillStyle=t,Ae.fillStyle),kt=(t,e)=>{let a,r,o=tt(t).trim();if(/^hsl/.test(o)){const[s,n,l,i,h,w="1",f]=Lt.exec(o)||[];s&&(r={h:et(+n*(St[l]||1)),s:Z(+i),l:Z(+h),a:Z(+w/(f?100:1),1)})}if(!r){if(/^[\da-f]+$/i.test(o)&&(o="#"+o),o=at(o),o[0]==="#")a={r:Le(o[1]+o[2]),g:Le(o[3]+o[4]),b:Le(o[5]+o[6]),a:1};else{const[s,n,l,i]=o.match(/[\d\.]+/g).map(Number);a={r:s,g:n,b:l,a:i}}r=(({r:s,g:n,b:l,a:i})=>{const h=Se(s/=255,n/=255,l/=255),w=W(s,n,l),f=h-w,p=(h+w)/2;return{h:et(60*(f===0?0:h===s?(n-l)/f%6:h===n?(l-s)/f+2:h===l?(s-n)/f+4:0)),s:f?f/(1-mt(2*p-1))*100:0,l:100*p,a:i}})(a)}return r.a=e?B(100*r.a)/100:1,a&&(a.a=r.a),[r,a]},At=t=>{let e=!1;const a=(r,o)=>{let s,n,l,i;var h;return ye(h=r)&&"color"in h?{color:n,label:i}=r:n=r,l=tt(n),l=at(l)===Q?Q:l,i=M(i)?i:l,s=R(o.replace("%label%",i),"alwan__swatch","",i),Xe(s,l),v(s,D,()=>t.s.o(l,!0,!0)),s};return{p({swatches:r,toggleSwatches:o,i18n:{buttons:s}}){let n,l,i;return ee(r)&&r.length?(n=$(r.map(h=>a(h,s.swatch)),"alwan__swatches"),o?(i=(h=!e)=>{e=h,_e(n,"collapse",e),t.c.k()},l=R(s.toggleSwatches,"alwan__toggle-button",'<svg width="20" height="20" viewBox="0 0 24 24" aria-role="none"><path d="M6.984 14.016l5.016-5.016 5.016 5.016h-10.031z"></path></svg>'),v(l,D,()=>i()),i(e),$([n,l])):n):n}}},Ct=t=>({p({preview:e,copy:a,i18n:r}){let o,s,n,l,i;return a&&(o=R(r.buttons.copy,"alwan__cp",'<svg width="18" height="18" viewBox="0 0 24 24" aria-role="none"><path d="M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z"></path></svg><svg width="18" height="18" viewBox="0 0 24 24" aria-role="none"><path d="M9,20.42L2.79,14.21L5.62,11.38L9,14.77L18.88,4.88L21.71,7.71L9,20.42Z"></path></svg>'),[n,l]=o.children,s=h=>{$e(n,h),$e(l,!h)},s(!1),i=navigator.clipboard,i&&(v(o,D,()=>i.writeText(t.s.C()).then(()=>s(!0))),v(o,"blur",()=>s()),v(o,"mouseleave",()=>o.blur()))),e?$(o,"alwan__preview"):o}}),st=(t,e)=>t.map(a=>ee(a)?Ye(st(a,e)):a.p(e)),ot={top:[1,5,4,0],bottom:[5,1,4,0],right:[4,0,1,5],left:[0,4,1,5]},nt={start:[0,1,2],center:[1,0,2],end:[2,1,0]},Ht=(t,e)=>{let a,r,o=$(),s=!1,n=null;const{config:l,s:i}=t,h=((c,_)=>{const L=R(),P=L.className+" alwan__ref ";let S;return c&&c.id&&(L.id=c.id),{H:q=>(S=se(S||c,q.preset||!c?L:c),S===L&&(S.className=(P+q.classname).trim(),S.parentNode||Ge().append(S)),v(S,D,_),S),O(){c?(oe(c,D,_),se(S,c)):S.remove()}}})(e,()=>t.toggle()),w=$(o,"alwan"),[f,p,g,b,u]=(c=>[xt,Ct,$t,vt,At].map(_=>_(c)))(t);return i.V(c=>{Xe(a,c.rgb),o.style.cssText=`--rgb:${c.r},${c.g},${c.b};--a:${c.a};--h:${c.h}`,b.m(c)},({a:c,h:_,s:L,l:P})=>{g.m(_,c),f.A(L,P)}),{L(c){const _=this,{id:L,color:P=i.i.hsl}=c,{theme:S,parent:q,toggle:le,popover:Ce,target:rt,disabled:He}=te(l,c);a=h.H(l);let K=ae(q)[0],Me=ae(rt)[0]||a;L&&(w.id=L),_e(w,"dark",S==="dark"),o=se(o,$(st([f,[p,g],b,u],l))),$e(a,!Ce&&!le),n&&(n.M(),n=null),Ce?(K=K||le&&Ge(),r=$(w,"alwan__popover-container"),n=((A,E,Oe,ie,{margin:I,position:Be,closeOnScroll:lt,toggle:ce,disabled:it},{v:U,B:ct})=>{let z;I=ve(I)?+I:0;let G=ct();const[ht,pt]=M(Be)?Be.split("-"):[],he=E.style,pe=A.getRootNode(),Ee=Je(E),ge=Ee[0],Ie=Ee.pop(),ue=()=>{const d=[de.clientWidth,de.clientHeight],y=j(A),x=j(E),J=j(Oe),V=[-1,-1];he.height="",!G||!z||y[4]<0||y[5]<0||y[0]>d[0]||y[1]>d[1]||((ot[ht]||ot.bottom).some(C=>{let m=C%2,H=y[C]+(C<=1?-x[m+2]-I:I);return!(H<0||H+x[m+2]+I>d[m])&&(V[m]=H,m=+!m,(nt[pt]||nt.center).some(Te=>(H=Te===0?y[m]:y[m+4]-(Te===2?x[m+2]:(x[m+2]+y[m+2])/2),!(H<0||H+x[m+2]>d[m]||(V[m]=H,0)))))}),xe(E,...V.map((C,m)=>(m&&C===-1&&x[3]>d[m]&&(he.height=d[m]-6+"px",x[3]=d[m]-3),B((C>=0?C:(d[m]-x[m+2])/2)-J[m])))))};ce&&v(E,me,d=>{let y,{key:x,target:J,shiftKey:V}=d;x==="Escape"?U(!1):x==="Tab"&&(J===ge&&V?y=Ie:J!==Ie||V||(y=ge),y&&(y.focus(),d.preventDefault()))});const gt=[E,ie,...ie.labels||[]],ut=d=>{const y=d.composedPath();G&&!gt.some(x=>y.includes(x))&&U(!1)},Ve=new IntersectionObserver(([d])=>{z=d.isIntersecting,U(!it&&z&&(!ce||G),!0)}),De=({target:d})=>{(pe instanceof ShadowRoot&&d.contains(pe.host)||d.contains(A))&&(ue(),lt&&U(!1))},Ne=d=>{d(window,"resize",ue),d(k,Ze,De,qe),d(pe,Ze,De,qe),d(k,Fe,ut)};return Ve.observe(A),Ne(v),{I:()=>z,k(d,y){G=d,z&&(ue(),ce&&y!==d&&(d?ge:ie).focus())},M(){he.cssText="",Ve.unobserve(A),Ne(oe),Oe.remove()}}})(Me,w,r,a,l,_)):(r=w,_.v(!le||!He&&s,!0)),K?K.append(r):Me.after(r),He&&[a,...Je(w)].forEach(A=>{A.disabled=!0}),i.o(P)},v(c=!s,_=!1){(c!==s&&(!n||n.I())&&!l.disabled&&l.toggle||_)&&(_e(w,be,c),n&&n.k(c,s),s=c,t.e.S(s?be:Pe))},B:()=>s,k(){n&&n.k(s,s)},M(){w.remove(),n&&n.M(),h.O()}}},Mt=t=>{const e={h:0,s:0,l:0,r:0,g:0,b:0,a:1,rgb:"",hsl:"",hex:""},a=t.config,r=t.e.S;let o,s,n,l;return{i:e,C:()=>e[n],V(i,h){o=i,s=h},u(i){n=a.format=i},$(i,h,w=!0,f){const p=e.hex;Y(e,i),Y(e,h||(({h:g,s:b,l:u,a:c})=>({r:ke(g/=30,b/=100,u/=100),g:ke(g+8,b,u),b:ke(g+4,b,u),a:c}))(e)),e.s=B(e.s),e.l=B(e.l),e.rgb=ne(e),e.hsl=ne(e,fe),e.hex=(({r:g,g:b,b:u,a:c})=>"#"+re(g)+re(b)+re(u)+(c<1?re(B(255*c)):""))(e),o(e),p!==e.hex&&(w&&r(ze,e),f&&r(N,e))},o(i,h=!1,w){this.$(...kt(i,a.opacity),h,w),s(e)},t(){l=e[n]},_(){l!==e[n]&&r(N,e)}}};class Ot{static version(){return"2.3.0"}static setDefaults(e){te(je,e)}constructor(e,a){this.config=te({},je),this.e=(r=>{const o={[be]:[],[Pe]:[],[N]:[],[ze]:[]};return{S(s,n=r.s.i){(o[s]||[]).forEach(l=>l(Y({type:s,source:r},n)))},j(s,n){n&&!(o[s]||[]).includes(n)&&o[s].push(n)},D(s,n){s?o[s]&&(o[s]=n?o[s].filter(l=>l!==n):[]):T(o,l=>{o[l]=[]})}}})(this),this.s=Mt(this),this.c=Ht(this,ae(e)[0]),this.c.L(a||{})}setOptions(e){e&&this.c.L(e)}setColor(e){return this.s.o(e),this}getColor(){return{...this.s.i}}isOpen(){return this.c.B()}open(){this.c.v(!0)}close(){this.c.v(!1)}toggle(){this.c.v()}on(e,a){this.e.j(e,a)}off(e,a){this.e.D(e,a)}addSwatches(...e){this.c.L({swatches:this.config.swatches.concat(e)})}removeSwatches(...e){this.c.L({swatches:this.config.swatches.filter((a,r)=>!e.some(o=>ve(o)?+o===r:o===a))})}enable(){this.c.L({disabled:!1})}disable(){this.c.L({disabled:!0})}reset(){this.s.o(this.config.default)}reposition(){this.c.k()}trigger(e){this.e.S(e)}destroy(){this.c.M(),T(this,e=>{this[e]=null}),wt(this,bt)}}export{Ot as default};
diff --git a/Resources/Public/JavaScript/Contrib/bootstrap.js b/Resources/Public/JavaScript/Contrib/bootstrap.js
new file mode 100644
index 0000000..57d75e3
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/bootstrap.js
@@ -0,0 +1 @@
+var yo=Object.defineProperty;var wo=(e,t)=>{for(var r in t)yo(e,r,{get:t[r],enumerable:!0})};var ot=new Map,ae={set(e,t,r){ot.has(e)||ot.set(e,new Map);let o=ot.get(e);if(!o.has(t)&&o.size!==0){console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(o.keys())[0]}.`);return}o.set(t,r)},get(e,t){return ot.has(e)&&ot.get(e).get(t)||null},remove(e,t){if(!ot.has(e))return;let r=ot.get(e);r.delete(t),r.size===0&&ot.delete(e)}};var Re="transitionend",Me=e=>(e&&window.CSS&&window.CSS.escape&&(e=e.replace(/#([^\s"#']+)/g,(t,r)=>`#${CSS.escape(r)}`)),e),Cr=e=>e==null?`${e}`:Object.prototype.toString.call(e).match(/\s([a-z]+)/i)[1].toLowerCase(),Sr=e=>{do e+=Math.floor(Math.random()*1e6);while(document.getElementById(e));return e},xo=e=>{if(!e)return 0;let{transitionDuration:t,transitionDelay:r}=window.getComputedStyle(e),o=Number.parseFloat(t),i=Number.parseFloat(r);return!o&&!i?0:(t=t.split(",")[0],r=r.split(",")[0],(Number.parseFloat(t)+Number.parseFloat(r))*1e3)},He=e=>{e.dispatchEvent(new Event(Re))},it=e=>!e||typeof e!="object"?!1:(typeof e.jquery<"u"&&(e=e[0]),typeof e.nodeType<"u"),J=e=>it(e)?e.jquery?e[0]:e:typeof e=="string"&&e.length>0?document.querySelector(Me(e)):null,le=e=>{if(!it(e)||e.getClientRects().length===0)return!1;let t=getComputedStyle(e).getPropertyValue("visibility")==="visible",r=e.closest("details:not([open])");if(!r)return t;if(r!==e){let o=e.closest("summary");if(o&&o.parentNode!==r||o===null)return!1}return t},Nr=e=>!e||e.nodeType!==Node.ELEMENT_NODE||e.classList.contains("disabled")?!0:typeof e.disabled<"u"?e.disabled:e.hasAttribute("disabled")&&e.getAttribute("disabled")!=="false",ke=e=>{if(!document.documentElement.attachShadow)return null;if(typeof e.getRootNode=="function"){let t=e.getRootNode();return t instanceof ShadowRoot?t:null}return e instanceof ShadowRoot?e:e.parentNode?ke(e.parentNode):null},$e=()=>{},ce=e=>{e.offsetHeight},Ve=()=>window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null,Ie=[],To=e=>{document.readyState==="loading"?(Ie.length||document.addEventListener("DOMContentLoaded",()=>{for(let t of Ie)t()}),Ie.push(e)):e()},At=()=>document.documentElement.dir==="rtl",nt=e=>{To(()=>{let t=Ve();if(t){let r=e.NAME,o=t.fn[r];t.fn[r]=e.jQueryInterface,t.fn[r].Constructor=e,t.fn[r].noConflict=()=>(t.fn[r]=o,e.jQueryInterface)}})},K=(e,t=[],r=e)=>typeof e=="function"?e(...t):r,Dr=(e,t,r=!0)=>{if(!r){K(e);return}let i=xo(t)+5,n=!1,s=({target:a})=>{a===t&&(n=!0,t.removeEventListener(Re,s),K(e))};t.addEventListener(Re,s),setTimeout(()=>{n||He(t)},i)},Lr=(e,t,r,o)=>{let i=e.length,n=e.indexOf(t);return n===-1?!r&&o?e[i-1]:e[0]:(n+=r?1:-1,o&&(n=(n+i)%i),e[Math.max(0,Math.min(n,i-1))])};var Ao=/[^.]*(?=\..*)\.|.*/,Oo=/\..*/,Co=/::\d+$/,je={},Pr=1,Rr={mouseenter:"mouseover",mouseleave:"mouseout"},So=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function Mr(e,t){return t&&`${t}::${Pr++}`||e.uidEvent||Pr++}function Hr(e){let t=Mr(e);return e.uidEvent=t,je[t]=je[t]||{},je[t]}function No(e,t){return function r(o){return Fe(o,{delegateTarget:e}),r.oneOff&&We.off(e,o.type,t),t.apply(e,[o])}}function Do(e,t,r){return function o(i){let n=e.querySelectorAll(t);for(let{target:s}=i;s&&s!==this;s=s.parentNode)for(let a of n)if(a===s)return Fe(i,{delegateTarget:s}),o.oneOff&&We.off(e,i.type,t,r),r.apply(s,[i])}}function kr(e,t,r=null){return Object.values(e).find(o=>o.callable===t&&o.delegationSelector===r)}function $r(e,t,r){let o=typeof t=="string",i=o?r:t||r,n=Vr(e);return So.has(n)||(n=e),[o,i,n]}function Ir(e,t,r,o,i){if(typeof t!="string"||!e)return;let[n,s,a]=$r(t,r,o);t in Rr&&(s=(b=>function(d){if(!d.relatedTarget||d.relatedTarget!==d.delegateTarget&&!d.delegateTarget.contains(d.relatedTarget))return b.call(this,d)})(s));let l=Hr(e),f=l[a]||(l[a]={}),c=kr(f,s,n?r:null);if(c){c.oneOff=c.oneOff&&i;return}let u=Mr(s,t.replace(Ao,"")),m=n?Do(e,r,s):No(e,s);m.delegationSelector=n?r:null,m.callable=s,m.oneOff=i,m.uidEvent=u,f[u]=m,e.addEventListener(a,m,n)}function Be(e,t,r,o,i){let n=kr(t[r],o,i);n&&(e.removeEventListener(r,n,!!i),delete t[r][n.uidEvent])}function Lo(e,t,r,o){let i=t[r]||{};for(let[n,s]of Object.entries(i))n.includes(o)&&Be(e,t,r,s.callable,s.delegationSelector)}function Vr(e){return e=e.replace(Oo,""),Rr[e]||e}var We={on(e,t,r,o){Ir(e,t,r,o,!1)},one(e,t,r,o){Ir(e,t,r,o,!0)},off(e,t,r,o){if(typeof t!="string"||!e)return;let[i,n,s]=$r(t,r,o),a=s!==t,l=Hr(e),f=l[s]||{},c=t.startsWith(".");if(typeof n<"u"){if(!Object.keys(f).length)return;Be(e,l,s,n,i?r:null);return}if(c)for(let u of Object.keys(l))Lo(e,l,u,t.slice(1));for(let[u,m]of Object.entries(f)){let p=u.replace(Co,"");(!a||t.includes(p))&&Be(e,l,s,m.callable,m.delegationSelector)}},trigger(e,t,r){if(typeof t!="string"||!e)return null;let o=Ve(),i=Vr(t),n=t!==i,s=null,a=!0,l=!0,f=!1;n&&o&&(s=o.Event(t,r),o(e).trigger(s),a=!s.isPropagationStopped(),l=!s.isImmediatePropagationStopped(),f=s.isDefaultPrevented());let c=Fe(new Event(t,{bubbles:a,cancelable:!0}),r);return f&&c.preventDefault(),l&&e.dispatchEvent(c),c.defaultPrevented&&s&&s.preventDefault(),c}};function Fe(e,t={}){for(let[r,o]of Object.entries(t))try{e[r]=o}catch{Object.defineProperty(e,r,{configurable:!0,get(){return o}})}return e}var h=We;function jr(e){if(e==="true")return!0;if(e==="false")return!1;if(e===Number(e).toString())return Number(e);if(e===""||e==="null")return null;if(typeof e!="string")return e;try{return JSON.parse(decodeURIComponent(e))}catch{return e}}function Ue(e){return e.replace(/[A-Z]/g,t=>`-${t.toLowerCase()}`)}var Po={setDataAttribute(e,t,r){e.setAttribute(`data-bs-${Ue(t)}`,r)},removeDataAttribute(e,t){e.removeAttribute(`data-bs-${Ue(t)}`)},getDataAttributes(e){if(!e)return{};let t={},r=Object.keys(e.dataset).filter(o=>o.startsWith("bs")&&!o.startsWith("bsConfig"));for(let o of r){let i=o.replace(/^bs/,"");i=i.charAt(0).toLowerCase()+i.slice(1,i.length),t[i]=jr(e.dataset[o])}return t},getDataAttribute(e,t){return jr(e.getAttribute(`data-bs-${Ue(t)}`))}},dt=Po;var ze=class{static get Default(){return{}}static get DefaultType(){return{}}static get NAME(){throw new Error('You have to implement the static method "NAME", for each component!')}_getConfig(t){return t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t}_mergeConfigObj(t,r){let o=it(r)?dt.getDataAttribute(r,"config"):{};return{...this.constructor.Default,...typeof o=="object"?o:{},...it(r)?dt.getDataAttributes(r):{},...typeof t=="object"?t:{}}}_typeCheckConfig(t,r=this.constructor.DefaultType){for(let[o,i]of Object.entries(r)){let n=t[o],s=it(n)?"element":Cr(n);if(!new RegExp(i).test(s))throw new TypeError(`${this.constructor.NAME.toUpperCase()}: Option "${o}" provided type "${s}" but expected type "${i}".`)}}},Ot=ze;var Io="5.3.2",Xe=class extends Ot{constructor(t,r){super(),t=J(t),t&&(this._element=t,this._config=this._getConfig(r),ae.set(this._element,this.constructor.DATA_KEY,this))}dispose(){ae.remove(this._element,this.constructor.DATA_KEY),h.off(this._element,this.constructor.EVENT_KEY);for(let t of Object.getOwnPropertyNames(this))this[t]=null}_queueCallback(t,r,o=!0){Dr(t,r,o)}_getConfig(t){return t=this._mergeConfigObj(t,this._element),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}static getInstance(t){return ae.get(J(t),this.DATA_KEY)}static getOrCreateInstance(t,r={}){return this.getInstance(t)||new this(t,typeof r=="object"?r:null)}static get VERSION(){return Io}static get DATA_KEY(){return`bs.${this.NAME}`}static get EVENT_KEY(){return`.${this.DATA_KEY}`}static eventName(t){return`${t}${this.EVENT_KEY}`}},Ct=Xe;var Ye=e=>{let t=e.getAttribute("data-bs-target");if(!t||t==="#"){let r=e.getAttribute("href");if(!r||!r.includes("#")&&!r.startsWith("."))return null;r.includes("#")&&!r.startsWith("#")&&(r=`#${r.split("#")[1]}`),t=r&&r!=="#"?Me(r.trim()):null}return t},fe={find(e,t=document.documentElement){return[].concat(...Element.prototype.querySelectorAll.call(t,e))},findOne(e,t=document.documentElement){return Element.prototype.querySelector.call(t,e)},children(e,t){return[].concat(...e.children).filter(r=>r.matches(t))},parents(e,t){let r=[],o=e.parentNode.closest(t);for(;o;)r.push(o),o=o.parentNode.closest(t);return r},prev(e,t){let r=e.previousElementSibling;for(;r;){if(r.matches(t))return[r];r=r.previousElementSibling}return[]},next(e,t){let r=e.nextElementSibling;for(;r;){if(r.matches(t))return[r];r=r.nextElementSibling}return[]},focusableChildren(e){let t=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map(r=>`${r}:not([tabindex^="-"])`).join(",");return this.find(t,e).filter(r=>!Nr(r)&&le(r))},getSelectorFromElement(e){let t=Ye(e);return t&&fe.findOne(t)?t:null},getElementFromSelector(e){let t=Ye(e);return t?fe.findOne(t):null},getMultipleElementsFromSelector(e){let t=Ye(e);return t?fe.find(t):[]}},N=fe;var Ro="swipe",St=".bs.swipe",Mo=`touchstart${St}`,Ho=`touchmove${St}`,ko=`touchend${St}`,$o=`pointerdown${St}`,Vo=`pointerup${St}`,jo="touch",Bo="pen",Wo="pointer-event",Fo=40,Uo={endCallback:null,leftCallback:null,rightCallback:null},zo={endCallback:"(function|null)",leftCallback:"(function|null)",rightCallback:"(function|null)"},Ke=class e extends Ot{constructor(t,r){super(),this._element=t,!(!t||!e.isSupported())&&(this._config=this._getConfig(r),this._deltaX=0,this._supportPointerEvents=!!window.PointerEvent,this._initEvents())}static get Default(){return Uo}static get DefaultType(){return zo}static get NAME(){return Ro}dispose(){h.off(this._element,St)}_start(t){if(!this._supportPointerEvents){this._deltaX=t.touches[0].clientX;return}this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX)}_end(t){this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX-this._deltaX),this._handleSwipe(),K(this._config.endCallback)}_move(t){this._deltaX=t.touches&&t.touches.length>1?0:t.touches[0].clientX-this._deltaX}_handleSwipe(){let t=Math.abs(this._deltaX);if(t<=Fo)return;let r=t/this._deltaX;this._deltaX=0,r&&K(r>0?this._config.rightCallback:this._config.leftCallback)}_initEvents(){this._supportPointerEvents?(h.on(this._element,$o,t=>this._start(t)),h.on(this._element,Vo,t=>this._end(t)),this._element.classList.add(Wo)):(h.on(this._element,Mo,t=>this._start(t)),h.on(this._element,Ho,t=>this._move(t)),h.on(this._element,ko,t=>this._end(t)))}_eventIsPointerPenTouch(t){return this._supportPointerEvents&&(t.pointerType===Bo||t.pointerType===jo)}static isSupported(){return"ontouchstart"in document.documentElement||navigator.maxTouchPoints>0}},qe=Ke;var Xo="carousel",Yo="bs.carousel",st=`.${Yo}`,Br=".data-api",Ko="ArrowLeft",qo="ArrowRight",Go=500,Ft="next",Nt="prev",Dt="left",ue="right",Qo=`slide${st}`,Ge=`slid${st}`,Jo=`keydown${st}`,Zo=`mouseenter${st}`,ti=`mouseleave${st}`,ei=`dragstart${st}`,ri=`load${st}${Br}`,oi=`click${st}${Br}`,Wr="carousel",pe="active",ii="slide",ni="carousel-item-end",si="carousel-item-start",ai="carousel-item-next",li="carousel-item-prev",Fr=".active",Ur=".carousel-item",ci=Fr+Ur,fi=".carousel-item img",pi=".carousel-indicators",ui="[data-bs-slide], [data-bs-slide-to]",mi='[data-bs-ride="carousel"]',di={[Ko]:ue,[qo]:Dt},hi={interval:5e3,keyboard:!0,pause:"hover",ride:!1,touch:!0,wrap:!0},gi={interval:"(number|boolean)",keyboard:"boolean",pause:"(string|boolean)",ride:"(boolean|string)",touch:"boolean",wrap:"boolean"},Lt=class e extends Ct{constructor(t,r){super(t,r),this._interval=null,this._activeElement=null,this._isSliding=!1,this.touchTimeout=null,this._swipeHelper=null,this._indicatorsElement=N.findOne(pi,this._element),this._addEventListeners(),this._config.ride===Wr&&this.cycle()}static get Default(){return hi}static get DefaultType(){return gi}static get NAME(){return Xo}next(){this._slide(Ft)}nextWhenVisible(){!document.hidden&&le(this._element)&&this.next()}prev(){this._slide(Nt)}pause(){this._isSliding&&He(this._element),this._clearInterval()}cycle(){this._clearInterval(),this._updateInterval(),this._interval=setInterval(()=>this.nextWhenVisible(),this._config.interval)}_maybeEnableCycle(){if(this._config.ride){if(this._isSliding){h.one(this._element,Ge,()=>this.cycle());return}this.cycle()}}to(t){let r=this._getItems();if(t>r.length-1||t<0)return;if(this._isSliding){h.one(this._element,Ge,()=>this.to(t));return}let o=this._getItemIndex(this._getActive());if(o===t)return;let i=t>o?Ft:Nt;this._slide(i,r[t])}dispose(){this._swipeHelper&&this._swipeHelper.dispose(),super.dispose()}_configAfterMerge(t){return t.defaultInterval=t.interval,t}_addEventListeners(){this._config.keyboard&&h.on(this._element,Jo,t=>this._keydown(t)),this._config.pause==="hover"&&(h.on(this._element,Zo,()=>this.pause()),h.on(this._element,ti,()=>this._maybeEnableCycle())),this._config.touch&&qe.isSupported()&&this._addTouchEventListeners()}_addTouchEventListeners(){for(let o of N.find(fi,this._element))h.on(o,ei,i=>i.preventDefault());let r={leftCallback:()=>this._slide(this._directionToOrder(Dt)),rightCallback:()=>this._slide(this._directionToOrder(ue)),endCallback:()=>{this._config.pause==="hover"&&(this.pause(),this.touchTimeout&&clearTimeout(this.touchTimeout),this.touchTimeout=setTimeout(()=>this._maybeEnableCycle(),Go+this._config.interval))}};this._swipeHelper=new qe(this._element,r)}_keydown(t){if(/input|textarea/i.test(t.target.tagName))return;let r=di[t.key];r&&(t.preventDefault(),this._slide(this._directionToOrder(r)))}_getItemIndex(t){return this._getItems().indexOf(t)}_setActiveIndicatorElement(t){if(!this._indicatorsElement)return;let r=N.findOne(Fr,this._indicatorsElement);r.classList.remove(pe),r.removeAttribute("aria-current");let o=N.findOne(`[data-bs-slide-to="${t}"]`,this._indicatorsElement);o&&(o.classList.add(pe),o.setAttribute("aria-current","true"))}_updateInterval(){let t=this._activeElement||this._getActive();if(!t)return;let r=Number.parseInt(t.getAttribute("data-bs-interval"),10);this._config.interval=r||this._config.defaultInterval}_slide(t,r=null){if(this._isSliding)return;let o=this._getActive(),i=t===Ft,n=r||Lr(this._getItems(),o,i,this._config.wrap);if(n===o)return;let s=this._getItemIndex(n),a=p=>h.trigger(this._element,p,{relatedTarget:n,direction:this._orderToDirection(t),from:this._getItemIndex(o),to:s});if(a(Qo).defaultPrevented||!o||!n)return;let f=!!this._interval;this.pause(),this._isSliding=!0,this._setActiveIndicatorElement(s),this._activeElement=n;let c=i?si:ni,u=i?ai:li;n.classList.add(u),ce(n),o.classList.add(c),n.classList.add(c);let m=()=>{n.classList.remove(c,u),n.classList.add(pe),o.classList.remove(pe,u,c),this._isSliding=!1,a(Ge)};this._queueCallback(m,o,this._isAnimated()),f&&this.cycle()}_isAnimated(){return this._element.classList.contains(ii)}_getActive(){return N.findOne(ci,this._element)}_getItems(){return N.find(Ur,this._element)}_clearInterval(){this._interval&&(clearInterval(this._interval),this._interval=null)}_directionToOrder(t){return At()?t===Dt?Nt:Ft:t===Dt?Ft:Nt}_orderToDirection(t){return At()?t===Nt?Dt:ue:t===Nt?ue:Dt}static jQueryInterface(t){return this.each(function(){let r=e.getOrCreateInstance(this,t);if(typeof t=="number"){r.to(t);return}if(typeof t=="string"){if(r[t]===void 0||t.startsWith("_")||t==="constructor")throw new TypeError(`No method named "${t}"`);r[t]()}})}};h.on(document,oi,ui,function(e){let t=N.getElementFromSelector(this);if(!t||!t.classList.contains(Wr))return;e.preventDefault();let r=Lt.getOrCreateInstance(t),o=this.getAttribute("data-bs-slide-to");if(o){r.to(o),r._maybeEnableCycle();return}if(dt.getDataAttribute(this,"slide")==="next"){r.next(),r._maybeEnableCycle();return}r.prev(),r._maybeEnableCycle()});h.on(window,ri,()=>{let e=N.find(mi);for(let t of e)Lt.getOrCreateInstance(t)});nt(Lt);var vi=Lt;var _i="collapse",Ei="bs.collapse",zt=`.${Ei}`,bi=".data-api",yi=`show${zt}`,wi=`shown${zt}`,xi=`hide${zt}`,Ti=`hidden${zt}`,Ai=`click${zt}${bi}`,Qe="show",Pt="collapse",me="collapsing",Oi="collapsed",Ci=`:scope .${Pt} .${Pt}`,Si="collapse-horizontal",Ni="width",Di="height",Li=".collapse.show, .collapse.collapsing",Je='[data-bs-toggle="collapse"]',Pi={parent:null,toggle:!0},Ii={parent:"(null|element)",toggle:"boolean"},Ut=class e extends Ct{constructor(t,r){super(t,r),this._isTransitioning=!1,this._triggerArray=[];let o=N.find(Je);for(let i of o){let n=N.getSelectorFromElement(i),s=N.find(n).filter(a=>a===this._element);n!==null&&s.length&&this._triggerArray.push(i)}this._initializeChildren(),this._config.parent||this._addAriaAndCollapsedClass(this._triggerArray,this._isShown()),this._config.toggle&&this.toggle()}static get Default(){return Pi}static get DefaultType(){return Ii}static get NAME(){return _i}toggle(){this._isShown()?this.hide():this.show()}show(){if(this._isTransitioning||this._isShown())return;let t=[];if(this._config.parent&&(t=this._getFirstLevelChildren(Li).filter(a=>a!==this._element).map(a=>e.getOrCreateInstance(a,{toggle:!1}))),t.length&&t[0]._isTransitioning||h.trigger(this._element,yi).defaultPrevented)return;for(let a of t)a.hide();let o=this._getDimension();this._element.classList.remove(Pt),this._element.classList.add(me),this._element.style[o]=0,this._addAriaAndCollapsedClass(this._triggerArray,!0),this._isTransitioning=!0;let i=()=>{this._isTransitioning=!1,this._element.classList.remove(me),this._element.classList.add(Pt,Qe),this._element.style[o]="",h.trigger(this._element,wi)},s=`scroll${o[0].toUpperCase()+o.slice(1)}`;this._queueCallback(i,this._element,!0),this._element.style[o]=`${this._element[s]}px`}hide(){if(this._isTransitioning||!this._isShown()||h.trigger(this._element,xi).defaultPrevented)return;let r=this._getDimension();this._element.style[r]=`${this._element.getBoundingClientRect()[r]}px`,ce(this._element),this._element.classList.add(me),this._element.classList.remove(Pt,Qe);for(let i of this._triggerArray){let n=N.getElementFromSelector(i);n&&!this._isShown(n)&&this._addAriaAndCollapsedClass([i],!1)}this._isTransitioning=!0;let o=()=>{this._isTransitioning=!1,this._element.classList.remove(me),this._element.classList.add(Pt),h.trigger(this._element,Ti)};this._element.style[r]="",this._queueCallback(o,this._element,!0)}_isShown(t=this._element){return t.classList.contains(Qe)}_configAfterMerge(t){return t.toggle=!!t.toggle,t.parent=J(t.parent),t}_getDimension(){return this._element.classList.contains(Si)?Ni:Di}_initializeChildren(){if(!this._config.parent)return;let t=this._getFirstLevelChildren(Je);for(let r of t){let o=N.getElementFromSelector(r);o&&this._addAriaAndCollapsedClass([r],this._isShown(o))}}_getFirstLevelChildren(t){let r=N.find(Ci,this._config.parent);return N.find(t,this._config.parent).filter(o=>!r.includes(o))}_addAriaAndCollapsedClass(t,r){if(t.length)for(let o of t)o.classList.toggle(Oi,!r),o.setAttribute("aria-expanded",r)}static jQueryInterface(t){let r={};return typeof t=="string"&&/show|hide/.test(t)&&(r.toggle=!1),this.each(function(){let o=e.getOrCreateInstance(this,r);if(typeof t=="string"){if(typeof o[t]>"u")throw new TypeError(`No method named "${t}"`);o[t]()}})}};h.on(document,Ai,Je,function(e){(e.target.tagName==="A"||e.delegateTarget&&e.delegateTarget.tagName==="A")&&e.preventDefault();for(let t of N.getMultipleElementsFromSelector(this))Ut.getOrCreateInstance(t,{toggle:!1}).toggle()});nt(Ut);var Ri=Ut;import"@typo3/backend/dropdown.js";var dr={};wo(dr,{afterMain:()=>Gr,afterRead:()=>Yr,afterWrite:()=>Zr,applyStyles:()=>Rt,arrow:()=>he,auto:()=>Xt,basePlacements:()=>Z,beforeMain:()=>Kr,beforeRead:()=>zr,beforeWrite:()=>Qr,bottom:()=>D,clippingParents:()=>Ze,computeStyles:()=>Ht,createPopper:()=>xe,createPopperBase:()=>lo,createPopperLite:()=>co,detectOverflow:()=>B,end:()=>at,eventListeners:()=>kt,flip:()=>Ee,hide:()=>be,left:()=>A,main:()=>qr,modifierPhases:()=>er,offset:()=>ye,placements:()=>Kt,popper:()=>ht,popperGenerator:()=>xt,popperOffsets:()=>jt,preventOverflow:()=>we,read:()=>Xr,reference:()=>tr,right:()=>S,start:()=>Q,top:()=>x,variationPlacements:()=>de,viewport:()=>Yt,write:()=>Jr});var x="top",D="bottom",S="right",A="left",Xt="auto",Z=[x,D,S,A],Q="start",at="end",Ze="clippingParents",Yt="viewport",ht="popper",tr="reference",de=Z.reduce(function(e,t){return e.concat([t+"-"+Q,t+"-"+at])},[]),Kt=[].concat(Z,[Xt]).reduce(function(e,t){return e.concat([t,t+"-"+Q,t+"-"+at])},[]),zr="beforeRead",Xr="read",Yr="afterRead",Kr="beforeMain",qr="main",Gr="afterMain",Qr="beforeWrite",Jr="write",Zr="afterWrite",er=[zr,Xr,Yr,Kr,qr,Gr,Qr,Jr,Zr];function R(e){return e?(e.nodeName||"").toLowerCase():null}function w(e){if(e==null)return window;if(e.toString()!=="[object Window]"){var t=e.ownerDocument;return t&&t.defaultView||window}return e}function F(e){var t=w(e).Element;return e instanceof t||e instanceof Element}function P(e){var t=w(e).HTMLElement;return e instanceof t||e instanceof HTMLElement}function It(e){if(typeof ShadowRoot>"u")return!1;var t=w(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function Mi(e){var t=e.state;Object.keys(t.elements).forEach(function(r){var o=t.styles[r]||{},i=t.attributes[r]||{},n=t.elements[r];!P(n)||!R(n)||(Object.assign(n.style,o),Object.keys(i).forEach(function(s){var a=i[s];a===!1?n.removeAttribute(s):n.setAttribute(s,a===!0?"":a)}))})}function Hi(e){var t=e.state,r={popper:{position:t.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(t.elements.popper.style,r.popper),t.styles=r,t.elements.arrow&&Object.assign(t.elements.arrow.style,r.arrow),function(){Object.keys(t.elements).forEach(function(o){var i=t.elements[o],n=t.attributes[o]||{},s=Object.keys(t.styles.hasOwnProperty(o)?t.styles[o]:r[o]),a=s.reduce(function(l,f){return l[f]="",l},{});!P(i)||!R(i)||(Object.assign(i.style,a),Object.keys(n).forEach(function(l){i.removeAttribute(l)}))})}}var Rt={name:"applyStyles",enabled:!0,phase:"write",fn:Mi,effect:Hi,requires:["computeStyles"]};function M(e){return e.split("-")[0]}var q=Math.max,gt=Math.min,tt=Math.round;function Mt(){var e=navigator.userAgentData;return e!=null&&e.brands&&Array.isArray(e.brands)?e.brands.map(function(t){return t.brand+"/"+t.version}).join(" "):navigator.userAgent}function qt(){return!/^((?!chrome|android).)*safari/i.test(Mt())}function U(e,t,r){t===void 0&&(t=!1),r===void 0&&(r=!1);var o=e.getBoundingClientRect(),i=1,n=1;t&&P(e)&&(i=e.offsetWidth>0&&tt(o.width)/e.offsetWidth||1,n=e.offsetHeight>0&&tt(o.height)/e.offsetHeight||1);var s=F(e)?w(e):window,a=s.visualViewport,l=!qt()&&r,f=(o.left+(l&&a?a.offsetLeft:0))/i,c=(o.top+(l&&a?a.offsetTop:0))/n,u=o.width/i,m=o.height/n;return{width:u,height:m,top:c,right:f+u,bottom:c+m,left:f,x:f,y:c}}function vt(e){var t=U(e),r=e.offsetWidth,o=e.offsetHeight;return Math.abs(t.width-r)<=1&&(r=t.width),Math.abs(t.height-o)<=1&&(o=t.height),{x:e.offsetLeft,y:e.offsetTop,width:r,height:o}}function Gt(e,t){var r=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(r&&It(r)){var o=t;do{if(o&&e.isSameNode(o))return!0;o=o.parentNode||o.host}while(o)}return!1}function j(e){return w(e).getComputedStyle(e)}function rr(e){return["table","td","th"].indexOf(R(e))>=0}function k(e){return((F(e)?e.ownerDocument:e.document)||window.document).documentElement}function et(e){return R(e)==="html"?e:e.assignedSlot||e.parentNode||(It(e)?e.host:null)||k(e)}function to(e){return!P(e)||j(e).position==="fixed"?null:e.offsetParent}function ki(e){var t=/firefox/i.test(Mt()),r=/Trident/i.test(Mt());if(r&&P(e)){var o=j(e);if(o.position==="fixed")return null}var i=et(e);for(It(i)&&(i=i.host);P(i)&&["html","body"].indexOf(R(i))<0;){var n=j(i);if(n.transform!=="none"||n.perspective!=="none"||n.contain==="paint"||["transform","perspective"].indexOf(n.willChange)!==-1||t&&n.willChange==="filter"||t&&n.filter&&n.filter!=="none")return i;i=i.parentNode}return null}function G(e){for(var t=w(e),r=to(e);r&&rr(r)&&j(r).position==="static";)r=to(r);return r&&(R(r)==="html"||R(r)==="body"&&j(r).position==="static")?t:r||ki(e)||t}function _t(e){return["top","bottom"].indexOf(e)>=0?"x":"y"}function Et(e,t,r){return q(e,gt(t,r))}function eo(e,t,r){var o=Et(e,t,r);return o>r?r:o}function Qt(){return{top:0,right:0,bottom:0,left:0}}function Jt(e){return Object.assign({},Qt(),e)}function Zt(e,t){return t.reduce(function(r,o){return r[o]=e,r},{})}var $i=function(t,r){return t=typeof t=="function"?t(Object.assign({},r.rects,{placement:r.placement})):t,Jt(typeof t!="number"?t:Zt(t,Z))};function Vi(e){var t,r=e.state,o=e.name,i=e.options,n=r.elements.arrow,s=r.modifiersData.popperOffsets,a=M(r.placement),l=_t(a),f=[A,S].indexOf(a)>=0,c=f?"height":"width";if(!(!n||!s)){var u=$i(i.padding,r),m=vt(n),p=l==="y"?x:A,b=l==="y"?D:S,d=r.rects.reference[c]+r.rects.reference[l]-s[l]-r.rects.popper[c],v=s[l]-r.rects.reference[l],y=G(n),O=y?l==="y"?y.clientHeight||0:y.clientWidth||0:0,C=d/2-v/2,g=u[p],_=O-m[c]-u[b],E=O/2-m[c]/2+C,T=Et(g,E,_),H=l;r.modifiersData[o]=(t={},t[H]=T,t.centerOffset=T-E,t)}}function ji(e){var t=e.state,r=e.options,o=r.element,i=o===void 0?"[data-popper-arrow]":o;i!=null&&(typeof i=="string"&&(i=t.elements.popper.querySelector(i),!i)||Gt(t.elements.popper,i)&&(t.elements.arrow=i))}var he={name:"arrow",enabled:!0,phase:"main",fn:Vi,effect:ji,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function z(e){return e.split("-")[1]}var Bi={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Wi(e,t){var r=e.x,o=e.y,i=t.devicePixelRatio||1;return{x:tt(r*i)/i||0,y:tt(o*i)/i||0}}function ro(e){var t,r=e.popper,o=e.popperRect,i=e.placement,n=e.variation,s=e.offsets,a=e.position,l=e.gpuAcceleration,f=e.adaptive,c=e.roundOffsets,u=e.isFixed,m=s.x,p=m===void 0?0:m,b=s.y,d=b===void 0?0:b,v=typeof c=="function"?c({x:p,y:d}):{x:p,y:d};p=v.x,d=v.y;var y=s.hasOwnProperty("x"),O=s.hasOwnProperty("y"),C=A,g=x,_=window;if(f){var E=G(r),T="clientHeight",H="clientWidth";if(E===w(r)&&(E=k(r),j(E).position!=="static"&&a==="absolute"&&(T="scrollHeight",H="scrollWidth")),E=E,i===x||(i===A||i===S)&&n===at){g=D;var I=u&&E===_&&_.visualViewport?_.visualViewport.height:E[T];d-=I-o.height,d*=l?1:-1}if(i===A||(i===x||i===D)&&n===at){C=S;var L=u&&E===_&&_.visualViewport?_.visualViewport.width:E[H];p-=L-o.width,p*=l?1:-1}}var $=Object.assign({position:a},f&&Bi),X=c===!0?Wi({x:p,y:d},w(r)):{x:p,y:d};if(p=X.x,d=X.y,l){var V;return Object.assign({},$,(V={},V[g]=O?"0":"",V[C]=y?"0":"",V.transform=(_.devicePixelRatio||1)<=1?"translate("+p+"px, "+d+"px)":"translate3d("+p+"px, "+d+"px, 0)",V))}return Object.assign({},$,(t={},t[g]=O?d+"px":"",t[C]=y?p+"px":"",t.transform="",t))}function Fi(e){var t=e.state,r=e.options,o=r.gpuAcceleration,i=o===void 0?!0:o,n=r.adaptive,s=n===void 0?!0:n,a=r.roundOffsets,l=a===void 0?!0:a,f={placement:M(t.placement),variation:z(t.placement),popper:t.elements.popper,popperRect:t.rects.popper,gpuAcceleration:i,isFixed:t.options.strategy==="fixed"};t.modifiersData.popperOffsets!=null&&(t.styles.popper=Object.assign({},t.styles.popper,ro(Object.assign({},f,{offsets:t.modifiersData.popperOffsets,position:t.options.strategy,adaptive:s,roundOffsets:l})))),t.modifiersData.arrow!=null&&(t.styles.arrow=Object.assign({},t.styles.arrow,ro(Object.assign({},f,{offsets:t.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:l})))),t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-placement":t.placement})}var Ht={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:Fi,data:{}};var ge={passive:!0};function Ui(e){var t=e.state,r=e.instance,o=e.options,i=o.scroll,n=i===void 0?!0:i,s=o.resize,a=s===void 0?!0:s,l=w(t.elements.popper),f=[].concat(t.scrollParents.reference,t.scrollParents.popper);return n&&f.forEach(function(c){c.addEventListener("scroll",r.update,ge)}),a&&l.addEventListener("resize",r.update,ge),function(){n&&f.forEach(function(c){c.removeEventListener("scroll",r.update,ge)}),a&&l.removeEventListener("resize",r.update,ge)}}var kt={name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:Ui,data:{}};var zi={left:"right",right:"left",bottom:"top",top:"bottom"};function $t(e){return e.replace(/left|right|bottom|top/g,function(t){return zi[t]})}var Xi={start:"end",end:"start"};function ve(e){return e.replace(/start|end/g,function(t){return Xi[t]})}function bt(e){var t=w(e),r=t.pageXOffset,o=t.pageYOffset;return{scrollLeft:r,scrollTop:o}}function yt(e){return U(k(e)).left+bt(e).scrollLeft}function or(e,t){var r=w(e),o=k(e),i=r.visualViewport,n=o.clientWidth,s=o.clientHeight,a=0,l=0;if(i){n=i.width,s=i.height;var f=qt();(f||!f&&t==="fixed")&&(a=i.offsetLeft,l=i.offsetTop)}return{width:n,height:s,x:a+yt(e),y:l}}function ir(e){var t,r=k(e),o=bt(e),i=(t=e.ownerDocument)==null?void 0:t.body,n=q(r.scrollWidth,r.clientWidth,i?i.scrollWidth:0,i?i.clientWidth:0),s=q(r.scrollHeight,r.clientHeight,i?i.scrollHeight:0,i?i.clientHeight:0),a=-o.scrollLeft+yt(e),l=-o.scrollTop;return j(i||r).direction==="rtl"&&(a+=q(r.clientWidth,i?i.clientWidth:0)-n),{width:n,height:s,x:a,y:l}}function wt(e){var t=j(e),r=t.overflow,o=t.overflowX,i=t.overflowY;return/auto|scroll|overlay|hidden/.test(r+i+o)}function _e(e){return["html","body","#document"].indexOf(R(e))>=0?e.ownerDocument.body:P(e)&&wt(e)?e:_e(et(e))}function lt(e,t){var r;t===void 0&&(t=[]);var o=_e(e),i=o===((r=e.ownerDocument)==null?void 0:r.body),n=w(o),s=i?[n].concat(n.visualViewport||[],wt(o)?o:[]):o,a=t.concat(s);return i?a:a.concat(lt(et(s)))}function Vt(e){return Object.assign({},e,{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height})}function Yi(e,t){var r=U(e,!1,t==="fixed");return r.top=r.top+e.clientTop,r.left=r.left+e.clientLeft,r.bottom=r.top+e.clientHeight,r.right=r.left+e.clientWidth,r.width=e.clientWidth,r.height=e.clientHeight,r.x=r.left,r.y=r.top,r}function oo(e,t,r){return t===Yt?Vt(or(e,r)):F(t)?Yi(t,r):Vt(ir(k(e)))}function Ki(e){var t=lt(et(e)),r=["absolute","fixed"].indexOf(j(e).position)>=0,o=r&&P(e)?G(e):e;return F(o)?t.filter(function(i){return F(i)&&Gt(i,o)&&R(i)!=="body"}):[]}function nr(e,t,r,o){var i=t==="clippingParents"?Ki(e):[].concat(t),n=[].concat(i,[r]),s=n[0],a=n.reduce(function(l,f){var c=oo(e,f,o);return l.top=q(c.top,l.top),l.right=gt(c.right,l.right),l.bottom=gt(c.bottom,l.bottom),l.left=q(c.left,l.left),l},oo(e,s,o));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function te(e){var t=e.reference,r=e.element,o=e.placement,i=o?M(o):null,n=o?z(o):null,s=t.x+t.width/2-r.width/2,a=t.y+t.height/2-r.height/2,l;switch(i){case x:l={x:s,y:t.y-r.height};break;case D:l={x:s,y:t.y+t.height};break;case S:l={x:t.x+t.width,y:a};break;case A:l={x:t.x-r.width,y:a};break;default:l={x:t.x,y:t.y}}var f=i?_t(i):null;if(f!=null){var c=f==="y"?"height":"width";switch(n){case Q:l[f]=l[f]-(t[c]/2-r[c]/2);break;case at:l[f]=l[f]+(t[c]/2-r[c]/2);break;default:}}return l}function B(e,t){t===void 0&&(t={});var r=t,o=r.placement,i=o===void 0?e.placement:o,n=r.strategy,s=n===void 0?e.strategy:n,a=r.boundary,l=a===void 0?Ze:a,f=r.rootBoundary,c=f===void 0?Yt:f,u=r.elementContext,m=u===void 0?ht:u,p=r.altBoundary,b=p===void 0?!1:p,d=r.padding,v=d===void 0?0:d,y=Jt(typeof v!="number"?v:Zt(v,Z)),O=m===ht?tr:ht,C=e.rects.popper,g=e.elements[b?O:m],_=nr(F(g)?g:g.contextElement||k(e.elements.popper),l,c,s),E=U(e.elements.reference),T=te({reference:E,element:C,strategy:"absolute",placement:i}),H=Vt(Object.assign({},C,T)),I=m===ht?H:E,L={top:_.top-I.top+y.top,bottom:I.bottom-_.bottom+y.bottom,left:_.left-I.left+y.left,right:I.right-_.right+y.right},$=e.modifiersData.offset;if(m===ht&&$){var X=$[i];Object.keys(L).forEach(function(V){var ct=[S,D].indexOf(V)>=0?1:-1,ft=[x,D].indexOf(V)>=0?"y":"x";L[V]+=X[ft]*ct})}return L}function sr(e,t){t===void 0&&(t={});var r=t,o=r.placement,i=r.boundary,n=r.rootBoundary,s=r.padding,a=r.flipVariations,l=r.allowedAutoPlacements,f=l===void 0?Kt:l,c=z(o),u=c?a?de:de.filter(function(b){return z(b)===c}):Z,m=u.filter(function(b){return f.indexOf(b)>=0});m.length===0&&(m=u);var p=m.reduce(function(b,d){return b[d]=B(e,{placement:d,boundary:i,rootBoundary:n,padding:s})[M(d)],b},{});return Object.keys(p).sort(function(b,d){return p[b]-p[d]})}function qi(e){if(M(e)===Xt)return[];var t=$t(e);return[ve(e),t,ve(t)]}function Gi(e){var t=e.state,r=e.options,o=e.name;if(!t.modifiersData[o]._skip){for(var i=r.mainAxis,n=i===void 0?!0:i,s=r.altAxis,a=s===void 0?!0:s,l=r.fallbackPlacements,f=r.padding,c=r.boundary,u=r.rootBoundary,m=r.altBoundary,p=r.flipVariations,b=p===void 0?!0:p,d=r.allowedAutoPlacements,v=t.options.placement,y=M(v),O=y===v,C=l||(O||!b?[$t(v)]:qi(v)),g=[v].concat(C).reduce(function(Tt,rt){return Tt.concat(M(rt)===Xt?sr(t,{placement:rt,boundary:c,rootBoundary:u,padding:f,flipVariations:b,allowedAutoPlacements:d}):rt)},[]),_=t.rects.reference,E=t.rects.popper,T=new Map,H=!0,I=g[0],L=0;L<g.length;L++){var $=g[L],X=M($),V=z($)===Q,ct=[x,D].indexOf(X)>=0,ft=ct?"width":"height",W=B(t,{placement:$,boundary:c,rootBoundary:u,altBoundary:m,padding:f}),Y=ct?V?S:A:V?D:x;_[ft]>E[ft]&&(Y=$t(Y));var re=$t(Y),pt=[];if(n&&pt.push(W[X]<=0),a&&pt.push(W[Y]<=0,W[re]<=0),pt.every(function(Tt){return Tt})){I=$,H=!1;break}T.set($,pt)}if(H)for(var oe=b?3:1,Ne=function(rt){var Wt=g.find(function(ne){var ut=T.get(ne);if(ut)return ut.slice(0,rt).every(function(De){return De})});if(Wt)return I=Wt,"break"},Bt=oe;Bt>0;Bt--){var ie=Ne(Bt);if(ie==="break")break}t.placement!==I&&(t.modifiersData[o]._skip=!0,t.placement=I,t.reset=!0)}}var Ee={name:"flip",enabled:!0,phase:"main",fn:Gi,requiresIfExists:["offset"],data:{_skip:!1}};function io(e,t,r){return r===void 0&&(r={x:0,y:0}),{top:e.top-t.height-r.y,right:e.right-t.width+r.x,bottom:e.bottom-t.height+r.y,left:e.left-t.width-r.x}}function no(e){return[x,S,D,A].some(function(t){return e[t]>=0})}function Qi(e){var t=e.state,r=e.name,o=t.rects.reference,i=t.rects.popper,n=t.modifiersData.preventOverflow,s=B(t,{elementContext:"reference"}),a=B(t,{altBoundary:!0}),l=io(s,o),f=io(a,i,n),c=no(l),u=no(f);t.modifiersData[r]={referenceClippingOffsets:l,popperEscapeOffsets:f,isReferenceHidden:c,hasPopperEscaped:u},t.attributes.popper=Object.assign({},t.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":u})}var be={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:Qi};function Ji(e,t,r){var o=M(e),i=[A,x].indexOf(o)>=0?-1:1,n=typeof r=="function"?r(Object.assign({},t,{placement:e})):r,s=n[0],a=n[1];return s=s||0,a=(a||0)*i,[A,S].indexOf(o)>=0?{x:a,y:s}:{x:s,y:a}}function Zi(e){var t=e.state,r=e.options,o=e.name,i=r.offset,n=i===void 0?[0,0]:i,s=Kt.reduce(function(c,u){return c[u]=Ji(u,t.rects,n),c},{}),a=s[t.placement],l=a.x,f=a.y;t.modifiersData.popperOffsets!=null&&(t.modifiersData.popperOffsets.x+=l,t.modifiersData.popperOffsets.y+=f),t.modifiersData[o]=s}var ye={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:Zi};function tn(e){var t=e.state,r=e.name;t.modifiersData[r]=te({reference:t.rects.reference,element:t.rects.popper,strategy:"absolute",placement:t.placement})}var jt={name:"popperOffsets",enabled:!0,phase:"read",fn:tn,data:{}};function ar(e){return e==="x"?"y":"x"}function en(e){var t=e.state,r=e.options,o=e.name,i=r.mainAxis,n=i===void 0?!0:i,s=r.altAxis,a=s===void 0?!1:s,l=r.boundary,f=r.rootBoundary,c=r.altBoundary,u=r.padding,m=r.tether,p=m===void 0?!0:m,b=r.tetherOffset,d=b===void 0?0:b,v=B(t,{boundary:l,rootBoundary:f,padding:u,altBoundary:c}),y=M(t.placement),O=z(t.placement),C=!O,g=_t(y),_=ar(g),E=t.modifiersData.popperOffsets,T=t.rects.reference,H=t.rects.popper,I=typeof d=="function"?d(Object.assign({},t.rects,{placement:t.placement})):d,L=typeof I=="number"?{mainAxis:I,altAxis:I}:Object.assign({mainAxis:0,altAxis:0},I),$=t.modifiersData.offset?t.modifiersData.offset[t.placement]:null,X={x:0,y:0};if(E){if(n){var V,ct=g==="y"?x:A,ft=g==="y"?D:S,W=g==="y"?"height":"width",Y=E[g],re=Y+v[ct],pt=Y-v[ft],oe=p?-H[W]/2:0,Ne=O===Q?T[W]:H[W],Bt=O===Q?-H[W]:-T[W],ie=t.elements.arrow,Tt=p&&ie?vt(ie):{width:0,height:0},rt=t.modifiersData["arrow#persistent"]?t.modifiersData["arrow#persistent"].padding:Qt(),Wt=rt[ct],ne=rt[ft],ut=Et(0,T[W],Tt[W]),De=C?T[W]/2-oe-ut-Wt-L.mainAxis:Ne-ut-Wt-L.mainAxis,ho=C?-T[W]/2+oe+ut+ne+L.mainAxis:Bt+ut+ne+L.mainAxis,Le=t.elements.arrow&&G(t.elements.arrow),go=Le?g==="y"?Le.clientTop||0:Le.clientLeft||0:0,_r=(V=$?.[g])!=null?V:0,vo=Y+De-_r-go,_o=Y+ho-_r,Er=Et(p?gt(re,vo):re,Y,p?q(pt,_o):pt);E[g]=Er,X[g]=Er-Y}if(a){var br,Eo=g==="x"?x:A,bo=g==="x"?D:S,mt=E[_],se=_==="y"?"height":"width",yr=mt+v[Eo],wr=mt-v[bo],Pe=[x,A].indexOf(y)!==-1,xr=(br=$?.[_])!=null?br:0,Tr=Pe?yr:mt-T[se]-H[se]-xr+L.altAxis,Ar=Pe?mt+T[se]+H[se]-xr-L.altAxis:wr,Or=p&&Pe?eo(Tr,mt,Ar):Et(p?Tr:yr,mt,p?Ar:wr);E[_]=Or,X[_]=Or-mt}t.modifiersData[o]=X}}var we={name:"preventOverflow",enabled:!0,phase:"main",fn:en,requiresIfExists:["offset"]};function lr(e){return{scrollLeft:e.scrollLeft,scrollTop:e.scrollTop}}function cr(e){return e===w(e)||!P(e)?bt(e):lr(e)}function rn(e){var t=e.getBoundingClientRect(),r=tt(t.width)/e.offsetWidth||1,o=tt(t.height)/e.offsetHeight||1;return r!==1||o!==1}function fr(e,t,r){r===void 0&&(r=!1);var o=P(t),i=P(t)&&rn(t),n=k(t),s=U(e,i,r),a={scrollLeft:0,scrollTop:0},l={x:0,y:0};return(o||!o&&!r)&&((R(t)!=="body"||wt(n))&&(a=cr(t)),P(t)?(l=U(t,!0),l.x+=t.clientLeft,l.y+=t.clientTop):n&&(l.x=yt(n))),{x:s.left+a.scrollLeft-l.x,y:s.top+a.scrollTop-l.y,width:s.width,height:s.height}}function on(e){var t=new Map,r=new Set,o=[];e.forEach(function(n){t.set(n.name,n)});function i(n){r.add(n.name);var s=[].concat(n.requires||[],n.requiresIfExists||[]);s.forEach(function(a){if(!r.has(a)){var l=t.get(a);l&&i(l)}}),o.push(n)}return e.forEach(function(n){r.has(n.name)||i(n)}),o}function pr(e){var t=on(e);return er.reduce(function(r,o){return r.concat(t.filter(function(i){return i.phase===o}))},[])}function ur(e){var t;return function(){return t||(t=new Promise(function(r){Promise.resolve().then(function(){t=void 0,r(e())})})),t}}function mr(e){var t=e.reduce(function(r,o){var i=r[o.name];return r[o.name]=i?Object.assign({},i,o,{options:Object.assign({},i.options,o.options),data:Object.assign({},i.data,o.data)}):o,r},{});return Object.keys(t).map(function(r){return t[r]})}var so={placement:"bottom",modifiers:[],strategy:"absolute"};function ao(){for(var e=arguments.length,t=new Array(e),r=0;r<e;r++)t[r]=arguments[r];return!t.some(function(o){return!(o&&typeof o.getBoundingClientRect=="function")})}function xt(e){e===void 0&&(e={});var t=e,r=t.defaultModifiers,o=r===void 0?[]:r,i=t.defaultOptions,n=i===void 0?so:i;return function(a,l,f){f===void 0&&(f=n);var c={placement:"bottom",orderedModifiers:[],options:Object.assign({},so,n),modifiersData:{},elements:{reference:a,popper:l},attributes:{},styles:{}},u=[],m=!1,p={state:c,setOptions:function(y){var O=typeof y=="function"?y(c.options):y;d(),c.options=Object.assign({},n,c.options,O),c.scrollParents={reference:F(a)?lt(a):a.contextElement?lt(a.contextElement):[],popper:lt(l)};var C=pr(mr([].concat(o,c.options.modifiers)));return c.orderedModifiers=C.filter(function(g){return g.enabled}),b(),p.update()},forceUpdate:function(){if(!m){var y=c.elements,O=y.reference,C=y.popper;if(ao(O,C)){c.rects={reference:fr(O,G(C),c.options.strategy==="fixed"),popper:vt(C)},c.reset=!1,c.placement=c.options.placement,c.orderedModifiers.forEach(function(L){return c.modifiersData[L.name]=Object.assign({},L.data)});for(var g=0;g<c.orderedModifiers.length;g++){if(c.reset===!0){c.reset=!1,g=-1;continue}var _=c.orderedModifiers[g],E=_.fn,T=_.options,H=T===void 0?{}:T,I=_.name;typeof E=="function"&&(c=E({state:c,options:H,name:I,instance:p})||c)}}}},update:ur(function(){return new Promise(function(v){p.forceUpdate(),v(c)})}),destroy:function(){d(),m=!0}};if(!ao(a,l))return p;p.setOptions(f).then(function(v){!m&&f.onFirstUpdate&&f.onFirstUpdate(v)});function b(){c.orderedModifiers.forEach(function(v){var y=v.name,O=v.options,C=O===void 0?{}:O,g=v.effect;if(typeof g=="function"){var _=g({state:c,name:y,instance:p,options:C}),E=function(){};u.push(_||E)}})}function d(){u.forEach(function(v){return v()}),u=[]}return p}}var lo=xt();var nn=[kt,jt,Ht,Rt],co=xt({defaultModifiers:nn});var sn=[kt,jt,Ht,Rt,ye,Ee,we,he,be],xe=xt({defaultModifiers:sn});var an=/^aria-[\w-]*$/i,Te={"*":["class","dir","id","lang","role",an],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],div:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]},ln=new Set(["background","cite","href","itemtype","longdesc","poster","src","xlink:href"]),cn=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i,fn=(e,t)=>{let r=e.nodeName.toLowerCase();return t.includes(r)?ln.has(r)?!!cn.test(e.nodeValue):!0:t.filter(o=>o instanceof RegExp).some(o=>o.test(r))};function fo(e,t,r){if(!e.length)return e;if(r&&typeof r=="function")return r(e);let i=new window.DOMParser().parseFromString(e,"text/html"),n=[].concat(...i.body.querySelectorAll("*"));for(let s of n){let a=s.nodeName.toLowerCase();if(!Object.keys(t).includes(a)){s.remove();continue}let l=[].concat(...s.attributes),f=[].concat(t["*"]||[],t[a]||[]);for(let c of l)fn(c,f)||s.removeAttribute(c.nodeName)}return i.body.innerHTML}var pn="TemplateFactory",un={allowList:Te,content:{},extraClass:"",html:!1,sanitize:!0,sanitizeFn:null,template:"<div></div>"},mn={allowList:"object",content:"object",extraClass:"(string|function)",html:"boolean",sanitize:"boolean",sanitizeFn:"(null|function)",template:"string"},dn={entry:"(string|element|function|null)",selector:"(string|element)"},hr=class extends Ot{constructor(t){super(),this._config=this._getConfig(t)}static get Default(){return un}static get DefaultType(){return mn}static get NAME(){return pn}getContent(){return Object.values(this._config.content).map(t=>this._resolvePossibleFunction(t)).filter(Boolean)}hasContent(){return this.getContent().length>0}changeContent(t){return this._checkContent(t),this._config.content={...this._config.content,...t},this}toHtml(){let t=document.createElement("div");t.innerHTML=this._maybeSanitize(this._config.template);for(let[i,n]of Object.entries(this._config.content))this._setContent(t,n,i);let r=t.children[0],o=this._resolvePossibleFunction(this._config.extraClass);return o&&r.classList.add(...o.split(" ")),r}_typeCheckConfig(t){super._typeCheckConfig(t),this._checkContent(t.content)}_checkContent(t){for(let[r,o]of Object.entries(t))super._typeCheckConfig({selector:r,entry:o},dn)}_setContent(t,r,o){let i=N.findOne(o,t);if(i){if(r=this._resolvePossibleFunction(r),!r){i.remove();return}if(it(r)){this._putElementInTemplate(J(r),i);return}if(this._config.html){i.innerHTML=this._maybeSanitize(r);return}i.textContent=r}}_maybeSanitize(t){return this._config.sanitize?fo(t,this._config.allowList,this._config.sanitizeFn):t}_resolvePossibleFunction(t){return K(t,[this])}_putElementInTemplate(t,r){if(this._config.html){r.innerHTML="",r.append(t);return}r.textContent=t.textContent}},po=hr;var hn="tooltip",gn=new Set(["sanitize","allowList","sanitizeFn"]),gr="fade",vn="modal",Ae="show",_n=".tooltip-inner",uo=`.${vn}`,mo="hide.bs.modal",ee="hover",vr="focus",En="click",bn="manual",yn="hide",wn="hidden",xn="show",Tn="shown",An="inserted",On="click",Cn="focusin",Sn="focusout",Nn="mouseenter",Dn="mouseleave",Ln={AUTO:"auto",TOP:"top",RIGHT:At()?"left":"right",BOTTOM:"bottom",LEFT:At()?"right":"left"},Pn={allowList:Te,animation:!0,boundary:"clippingParents",container:!1,customClass:"",delay:0,fallbackPlacements:["top","right","bottom","left"],html:!1,offset:[0,6],placement:"top",popperConfig:null,sanitize:!0,sanitizeFn:null,selector:!1,template:'<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>',title:"",trigger:"hover focus"},In={allowList:"object",animation:"boolean",boundary:"(string|element)",container:"(string|element|boolean)",customClass:"(string|function)",delay:"(number|object)",fallbackPlacements:"array",html:"boolean",offset:"(array|string|function)",placement:"(string|function)",popperConfig:"(null|object|function)",sanitize:"boolean",sanitizeFn:"(null|function)",selector:"(string|boolean)",template:"string",title:"(string|element|function)",trigger:"string"},Oe=class e extends Ct{constructor(t,r){if(typeof dr>"u")throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org)");super(t,r),this._isEnabled=!0,this._timeout=0,this._isHovered=null,this._activeTrigger={},this._popper=null,this._templateFactory=null,this._newContent=null,this.tip=null,this._setListeners(),this._config.selector||this._fixTitle()}static get Default(){return Pn}static get DefaultType(){return In}static get NAME(){return hn}enable(){this._isEnabled=!0}disable(){this._isEnabled=!1}toggleEnabled(){this._isEnabled=!this._isEnabled}toggle(){if(this._isEnabled){if(this._activeTrigger.click=!this._activeTrigger.click,this._isShown()){this._leave();return}this._enter()}}dispose(){clearTimeout(this._timeout),h.off(this._element.closest(uo),mo,this._hideModalHandler),this._element.getAttribute("data-bs-original-title")&&this._element.setAttribute("title",this._element.getAttribute("data-bs-original-title")),this._disposePopper(),super.dispose()}show(){if(this._element.style.display==="none")throw new Error("Please use show on visible elements");if(!(this._isWithContent()&&this._isEnabled))return;let t=h.trigger(this._element,this.constructor.eventName(xn)),o=(ke(this._element)||this._element.ownerDocument.documentElement).contains(this._element);if(t.defaultPrevented||!o)return;this._disposePopper();let i=this._getTipElement();this._element.setAttribute("aria-describedby",i.getAttribute("id"));let{container:n}=this._config;if(this._element.ownerDocument.documentElement.contains(this.tip)||(n.append(i),h.trigger(this._element,this.constructor.eventName(An))),this._popper=this._createPopper(i),i.classList.add(Ae),"ontouchstart"in document.documentElement)for(let a of[].concat(...document.body.children))h.on(a,"mouseover",$e);let s=()=>{h.trigger(this._element,this.constructor.eventName(Tn)),this._isHovered===!1&&this._leave(),this._isHovered=!1};this._queueCallback(s,this.tip,this._isAnimated())}hide(){if(!this._isShown()||h.trigger(this._element,this.constructor.eventName(yn)).defaultPrevented)return;if(this._getTipElement().classList.remove(Ae),"ontouchstart"in document.documentElement)for(let i of[].concat(...document.body.children))h.off(i,"mouseover",$e);this._activeTrigger[En]=!1,this._activeTrigger[vr]=!1,this._activeTrigger[ee]=!1,this._isHovered=null;let o=()=>{this._isWithActiveTrigger()||(this._isHovered||this._disposePopper(),this._element.removeAttribute("aria-describedby"),h.trigger(this._element,this.constructor.eventName(wn)))};this._queueCallback(o,this.tip,this._isAnimated())}update(){this._popper&&this._popper.update()}_isWithContent(){return!!this._getTitle()}_getTipElement(){return this.tip||(this.tip=this._createTipElement(this._newContent||this._getContentForTemplate())),this.tip}_createTipElement(t){let r=this._getTemplateFactory(t).toHtml();if(!r)return null;r.classList.remove(gr,Ae),r.classList.add(`bs-${this.constructor.NAME}-auto`);let o=Sr(this.constructor.NAME).toString();return r.setAttribute("id",o),this._isAnimated()&&r.classList.add(gr),r}setContent(t){this._newContent=t,this._isShown()&&(this._disposePopper(),this.show())}_getTemplateFactory(t){return this._templateFactory?this._templateFactory.changeContent(t):this._templateFactory=new po({...this._config,content:t,extraClass:this._resolvePossibleFunction(this._config.customClass)}),this._templateFactory}_getContentForTemplate(){return{[_n]:this._getTitle()}}_getTitle(){return this._resolvePossibleFunction(this._config.title)||this._element.getAttribute("data-bs-original-title")}_initializeOnDelegatedTarget(t){return this.constructor.getOrCreateInstance(t.delegateTarget,this._getDelegateConfig())}_isAnimated(){return this._config.animation||this.tip&&this.tip.classList.contains(gr)}_isShown(){return this.tip&&this.tip.classList.contains(Ae)}_createPopper(t){let r=K(this._config.placement,[this,t,this._element]),o=Ln[r.toUpperCase()];return xe(this._element,t,this._getPopperConfig(o))}_getOffset(){let{offset:t}=this._config;return typeof t=="string"?t.split(",").map(r=>Number.parseInt(r,10)):typeof t=="function"?r=>t(r,this._element):t}_resolvePossibleFunction(t){return K(t,[this._element])}_getPopperConfig(t){let r={placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:this._config.fallbackPlacements}},{name:"offset",options:{offset:this._getOffset()}},{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"arrow",options:{element:`.${this.constructor.NAME}-arrow`}},{name:"preSetPlacement",enabled:!0,phase:"beforeMain",fn:o=>{this._getTipElement().setAttribute("data-popper-placement",o.state.placement)}}]};return{...r,...K(this._config.popperConfig,[r])}}_setListeners(){let t=this._config.trigger.split(" ");for(let r of t)if(r==="click")h.on(this._element,this.constructor.eventName(On),this._config.selector,o=>{this._initializeOnDelegatedTarget(o).toggle()});else if(r!==bn){let o=r===ee?this.constructor.eventName(Nn):this.constructor.eventName(Cn),i=r===ee?this.constructor.eventName(Dn):this.constructor.eventName(Sn);h.on(this._element,o,this._config.selector,n=>{let s=this._initializeOnDelegatedTarget(n);s._activeTrigger[n.type==="focusin"?vr:ee]=!0,s._enter()}),h.on(this._element,i,this._config.selector,n=>{let s=this._initializeOnDelegatedTarget(n);s._activeTrigger[n.type==="focusout"?vr:ee]=s._element.contains(n.relatedTarget),s._leave()})}this._hideModalHandler=()=>{this._element&&this.hide()},h.on(this._element.closest(uo),mo,this._hideModalHandler)}_fixTitle(){let t=this._element.getAttribute("title");t&&(!this._element.getAttribute("aria-label")&&!this._element.textContent.trim()&&this._element.setAttribute("aria-label",t),this._element.setAttribute("data-bs-original-title",t),this._element.removeAttribute("title"))}_enter(){if(this._isShown()||this._isHovered){this._isHovered=!0;return}this._isHovered=!0,this._setTimeout(()=>{this._isHovered&&this.show()},this._config.delay.show)}_leave(){this._isWithActiveTrigger()||(this._isHovered=!1,this._setTimeout(()=>{this._isHovered||this.hide()},this._config.delay.hide))}_setTimeout(t,r){clearTimeout(this._timeout),this._timeout=setTimeout(t,r)}_isWithActiveTrigger(){return Object.values(this._activeTrigger).includes(!0)}_getConfig(t){let r=dt.getDataAttributes(this._element);for(let o of Object.keys(r))gn.has(o)&&delete r[o];return t={...r,...typeof t=="object"&&t?t:{}},t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t.container=t.container===!1?document.body:J(t.container),typeof t.delay=="number"&&(t.delay={show:t.delay,hide:t.delay}),typeof t.title=="number"&&(t.title=t.title.toString()),typeof t.content=="number"&&(t.content=t.content.toString()),t}_getDelegateConfig(){let t={};for(let[r,o]of Object.entries(this._config))this.constructor.Default[r]!==o&&(t[r]=o);return t.selector=!1,t.trigger="manual",t}_disposePopper(){this._popper&&(this._popper.destroy(),this._popper=null),this.tip&&(this.tip.remove(),this.tip=null)}static jQueryInterface(t){return this.each(function(){let r=e.getOrCreateInstance(this,t);if(typeof t=="string"){if(typeof r[t]>"u")throw new TypeError(`No method named "${t}"`);r[t]()}})}};nt(Oe);var Ce=Oe;var Rn="popover",Mn=".popover-header",Hn=".popover-body",kn={...Ce.Default,content:"",offset:[0,8],placement:"right",template:'<div class="popover" role="tooltip"><div class="popover-arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>',trigger:"click"},$n={...Ce.DefaultType,content:"(null|string|element|function)"},Se=class e extends Ce{static get Default(){return kn}static get DefaultType(){return $n}static get NAME(){return Rn}_isWithContent(){return this._getTitle()||this._getContent()}_getContentForTemplate(){return{[Mn]:this._getTitle(),[Hn]:this._getContent()}}_getContent(){return this._resolvePossibleFunction(this._config.content)}static jQueryInterface(t){return this.each(function(){let r=e.getOrCreateInstance(this,t);if(typeof t=="string"){if(typeof r[t]>"u")throw new TypeError(`No method named "${t}"`);r[t]()}})}};nt(Se);var Vn=Se;import"@typo3/backend/tab.js";export{vi as Carousel,Ri as Collapse,Vn as Popover};
diff --git a/Resources/Public/JavaScript/Contrib/crelt.js b/Resources/Public/JavaScript/Contrib/crelt.js
new file mode 100644
index 0000000..7c3f289
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/crelt.js
@@ -0,0 +1 @@
+function s(){var r=arguments[0];typeof r=="string"&&(r=document.createElement(r));var e=1,t=arguments[1];if(t&&typeof t=="object"&&t.nodeType==null&&!Array.isArray(t)){for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)){var o=t[n];typeof o=="string"?r.setAttribute(n,o):o!=null&&(r[n]=o)}e++}for(;e<arguments.length;e++)f(r,arguments[e]);return r}function f(r,e){if(typeof e=="string")r.appendChild(document.createTextNode(e));else if(e!=null)if(e.nodeType!=null)r.appendChild(e);else if(Array.isArray(e))for(var t=0;t<e.length;t++)f(r,e[t]);else throw new RangeError("Unsupported child node: "+e)}export{s as default};
diff --git a/Resources/Public/JavaScript/Contrib/lodash-es.js b/Resources/Public/JavaScript/Contrib/lodash-es.js
new file mode 100644
index 0000000..dd014b5
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/lodash-es.js
@@ -0,0 +1,44 @@
+var Ld=typeof global=="object"&&global&&global.Object===Object&&global,Po=Ld;var Ed=typeof self=="object"&&self&&self.Object===Object&&self,Pd=Po||Ed||Function("return this")(),C=Pd;var Cd=C.Symbol,V=Cd;var Fp=Object.prototype,Md=Fp.hasOwnProperty,Fd=Fp.toString,Ye=V?V.toStringTag:void 0;function Wd(r){var t=Md.call(r,Ye),e=r[Ye];try{r[Ye]=void 0;var o=!0}catch{}var f=Fd.call(r);return o&&(t?r[Ye]=e:delete r[Ye]),f}var Wp=Wd;var Bd=Object.prototype,Nd=Bd.toString;function Dd(r){return Nd.call(r)}var Bp=Dd;var jd="[object Null]",Ud="[object Undefined]",Np=V?V.toStringTag:void 0;function Gd(r){return r==null?r===void 0?Ud:jd:Np&&Np in Object(r)?Wp(r):Bp(r)}var U=Gd;function kd(r){return r!=null&&typeof r=="object"}var T=kd;var qd="[object Symbol]";function zd(r){return typeof r=="symbol"||T(r)&&U(r)==qd}var Y=zd;var Hd=NaN;function Kd(r){return typeof r=="number"?r:Y(r)?Hd:+r}var Jf=Kd;function Yd(r,t){for(var e=-1,o=r==null?0:r.length,f=Array(o);++e<o;)f[e]=t(r[e],e,r);return f}var O=Yd;var Xd=Array.isArray,c=Xd;var $d=1/0,Dp=V?V.prototype:void 0,jp=Dp?Dp.toString:void 0;function Up(r){if(typeof r=="string")return r;if(c(r))return O(r,Up)+"";if(Y(r))return jp?jp.call(r):"";var t=r+"";return t=="0"&&1/r==-$d?"-0":t}var tr=Up;function Zd(r,t){return function(e,o){var f;if(e===void 0&&o===void 0)return t;if(e!==void 0&&(f=e),o!==void 0){if(f===void 0)return o;typeof e=="string"||typeof o=="string"?(e=tr(e),o=tr(o)):(e=Jf(e),o=Jf(o)),f=r(e,o)}return f}}var st=Zd;var Vd=st(function(r,t){return r+t},0),Qf=Vd;var Jd=/\s/;function Qd(r){for(var t=r.length;t--&&Jd.test(r.charAt(t)););return t}var Co=Qd;var rc=/^\s+/;function tc(r){return r&&r.slice(0,Co(r)+1).replace(rc,"")}var Mo=tc;function ec(r){var t=typeof r;return r!=null&&(t=="object"||t=="function")}var S=ec;var Gp=NaN,oc=/^[-+]0x[0-9a-f]+$/i,fc=/^0b[01]+$/i,ac=/^0o[0-7]+$/i,ic=parseInt;function nc(r){if(typeof r=="number")return r;if(Y(r))return Gp;if(S(r)){var t=typeof r.valueOf=="function"?r.valueOf():r;r=S(t)?t+"":t}if(typeof r!="string")return r===0?r:+r;r=Mo(r);var e=fc.test(r);return e||ac.test(r)?ic(r.slice(2),e?2:8):oc.test(r)?Gp:+r}var or=nc;var kp=1/0,mc=17976931348623157e292;function pc(r){if(!r)return r===0?r:0;if(r=or(r),r===kp||r===-kp){var t=r<0?-1:1;return t*mc}return r===r?r:0}var Tr=pc;function uc(r){var t=Tr(r),e=t%1;return t===t?e?t-e:t:0}var x=uc;var sc="Expected a function";function lc(r,t){if(typeof t!="function")throw new TypeError(sc);return r=x(r),function(){if(--r<1)return t.apply(this,arguments)}}var ra=lc;function dc(r){return r}var D=dc;var cc="[object AsyncFunction]",xc="[object Function]",hc="[object GeneratorFunction]",gc="[object Proxy]";function bc(r){if(!S(r))return!1;var t=U(r);return t==xc||t==hc||t==cc||t==gc}var pr=bc;var yc=C["__core-js_shared__"],re=yc;var qp=function(){var r=/[^.]+$/.exec(re&&re.keys&&re.keys.IE_PROTO||"");return r?"Symbol(src)_1."+r:""}();function vc(r){return!!qp&&qp in r}var zp=vc;var _c=Function.prototype,Ac=_c.toString;function Ic(r){if(r!=null){try{return Ac.call(r)}catch{}try{return r+""}catch{}}return""}var ft=Ic;var Rc=/[\\^$.*+?()[\]{}|]/g,Oc=/^\[object .+?Constructor\]$/,Sc=Function.prototype,Tc=Object.prototype,wc=Sc.toString,Lc=Tc.hasOwnProperty,Ec=RegExp("^"+wc.call(Lc).replace(Rc,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function Pc(r){if(!S(r)||zp(r))return!1;var t=pr(r)?Ec:Oc;return t.test(ft(r))}var Fo=Pc;function Cc(r,t){return r?.[t]}var Hp=Cc;function Mc(r,t){var e=Hp(r,t);return Fo(e)?e:void 0}var Er=Mc;var Fc=Er(C,"WeakMap"),Ct=Fc;var Wc=Ct&&new Ct,te=Wc;var Bc=te?function(r,t){return te.set(r,t),r}:D,Wo=Bc;var Kp=Object.create,Nc=function(){function r(){}return function(t){if(!S(t))return{};if(Kp)return Kp(t);r.prototype=t;var e=new r;return r.prototype=void 0,e}}(),jr=Nc;function Dc(r){return function(){var t=arguments;switch(t.length){case 0:return new r;case 1:return new r(t[0]);case 2:return new r(t[0],t[1]);case 3:return new r(t[0],t[1],t[2]);case 4:return new r(t[0],t[1],t[2],t[3]);case 5:return new r(t[0],t[1],t[2],t[3],t[4]);case 6:return new r(t[0],t[1],t[2],t[3],t[4],t[5]);case 7:return new r(t[0],t[1],t[2],t[3],t[4],t[5],t[6])}var e=jr(r.prototype),o=r.apply(e,t);return S(o)?o:e}}var at=Dc;var jc=1;function Uc(r,t,e){var o=t&jc,f=at(r);function a(){var n=this&&this!==C&&this instanceof a?f:r;return n.apply(o?e:this,arguments)}return a}var Yp=Uc;function Gc(r,t,e){switch(e.length){case 0:return r.call(t);case 1:return r.call(t,e[0]);case 2:return r.call(t,e[0],e[1]);case 3:return r.call(t,e[0],e[1],e[2])}return r.apply(t,e)}var X=Gc;var kc=Math.max;function qc(r,t,e,o){for(var f=-1,a=r.length,n=e.length,m=-1,p=t.length,u=kc(a-n,0),s=Array(p+u),l=!o;++m<p;)s[m]=t[m];for(;++f<n;)(l||f<a)&&(s[e[f]]=r[f]);for(;u--;)s[m++]=r[f++];return s}var Bo=qc;var zc=Math.max;function Hc(r,t,e,o){for(var f=-1,a=r.length,n=-1,m=e.length,p=-1,u=t.length,s=zc(a-m,0),l=Array(s+u),g=!o;++f<s;)l[f]=r[f];for(var y=f;++p<u;)l[y+p]=t[p];for(;++n<m;)(g||f<a)&&(l[y+e[n]]=r[f++]);return l}var No=Hc;function Kc(r,t){for(var e=r.length,o=0;e--;)r[e]===t&&++o;return o}var Xp=Kc;function Yc(){}var lt=Yc;var Xc=4294967295;function Do(r){this.__wrapped__=r,this.__actions__=[],this.__dir__=1,this.__filtered__=!1,this.__iteratees__=[],this.__takeCount__=Xc,this.__views__=[]}Do.prototype=jr(lt.prototype);Do.prototype.constructor=Do;var w=Do;function $c(){}var Mt=$c;var Zc=te?function(r){return te.get(r)}:Mt,ee=Zc;var Vc={},dt=Vc;var Jc=Object.prototype,Qc=Jc.hasOwnProperty;function rx(r){for(var t=r.name+"",e=dt[t],o=Qc.call(dt,t)?e.length:0;o--;){var f=e[o],a=f.func;if(a==null||a==r)return f.name}return t}var oe=rx;function jo(r,t){this.__wrapped__=r,this.__actions__=[],this.__chain__=!!t,this.__index__=0,this.__values__=void 0}jo.prototype=jr(lt.prototype);jo.prototype.constructor=jo;var yr=jo;function tx(r,t){var e=-1,o=r.length;for(t||(t=Array(o));++e<o;)t[e]=r[e];return t}var z=tx;function ex(r){if(r instanceof w)return r.clone();var t=new yr(r.__wrapped__,r.__chain__);return t.__actions__=z(r.__actions__),t.__index__=r.__index__,t.__values__=r.__values__,t}var Uo=ex;var ox=Object.prototype,fx=ox.hasOwnProperty;function Go(r){if(T(r)&&!c(r)&&!(r instanceof w)){if(r instanceof yr)return r;if(fx.call(r,"__wrapped__"))return Uo(r)}return new yr(r)}Go.prototype=lt.prototype;Go.prototype.constructor=Go;var i=Go;function ax(r){var t=oe(r),e=i[t];if(typeof e!="function"||!(t in w.prototype))return!1;if(r===e)return!0;var o=ee(e);return!!o&&r===o[0]}var Xe=ax;var ix=800,nx=16,mx=Date.now;function px(r){var t=0,e=0;return function(){var o=mx(),f=nx-(o-e);if(e=o,f>0){if(++t>=ix)return arguments[0]}else t=0;return r.apply(void 0,arguments)}}var ko=px;var ux=ko(Wo),qo=ux;var sx=/\{\n\/\* \[wrapped with (.+)\] \*/,lx=/,? & /;function dx(r){var t=r.match(sx);return t?t[1].split(lx):[]}var $p=dx;var cx=/\{(?:\n\/\* \[wrapped with .+\] \*\/)?\n?/;function xx(r,t){var e=t.length;if(!e)return r;var o=e-1;return t[o]=(e>1?"& ":"")+t[o],t=t.join(e>2?", ":" "),r.replace(cx,`{
+/* [wrapped with `+t+`] */
+`)}var Zp=xx;function hx(r){return function(){return r}}var Ft=hx;var gx=function(){try{var r=Er(Object,"defineProperty");return r({},"",{}),r}catch{}}(),fe=gx;var bx=fe?function(r,t){return fe(r,"toString",{configurable:!0,enumerable:!1,value:Ft(t),writable:!0})}:D,Vp=bx;var yx=ko(Vp),ae=yx;function vx(r,t){for(var e=-1,o=r==null?0:r.length;++e<o&&t(r[e],e,r)!==!1;);return r}var fr=vx;function _x(r,t,e,o){for(var f=r.length,a=e+(o?1:-1);o?a--:++a<f;)if(t(r[a],a,r))return a;return-1}var ct=_x;function Ax(r){return r!==r}var zo=Ax;function Ix(r,t,e){for(var o=e-1,f=r.length;++o<f;)if(r[o]===t)return o;return-1}var Jp=Ix;function Rx(r,t,e){return t===t?Jp(r,t,e):ct(r,zo,e)}var Ur=Rx;function Ox(r,t){var e=r==null?0:r.length;return!!e&&Ur(r,t,0)>-1}var xt=Ox;var Sx=1,Tx=2,wx=8,Lx=16,Ex=32,Px=64,Cx=128,Mx=256,Fx=512,Wx=[["ary",Cx],["bind",Sx],["bindKey",Tx],["curry",wx],["curryRight",Lx],["flip",Fx],["partial",Ex],["partialRight",Px],["rearg",Mx]];function Bx(r,t){return fr(Wx,function(e){var o="_."+e[0];t&e[1]&&!xt(r,o)&&r.push(o)}),r.sort()}var Qp=Bx;function Nx(r,t,e){var o=t+"";return ae(r,Zp(o,Qp($p(o),e)))}var Ho=Nx;var Dx=1,jx=2,Ux=4,Gx=8,ru=32,tu=64;function kx(r,t,e,o,f,a,n,m,p,u){var s=t&Gx,l=s?n:void 0,g=s?void 0:n,y=s?a:void 0,I=s?void 0:a;t|=s?ru:tu,t&=~(s?tu:ru),t&Ux||(t&=~(Dx|jx));var L=[r,t,f,y,l,I,g,m,p,u],A=e.apply(void 0,L);return Xe(r)&&qo(A,L),A.placeholder=o,Ho(A,r,t)}var Ko=kx;function qx(r){var t=r;return t.placeholder}var Gr=qx;var zx=9007199254740991,Hx=/^(?:0|[1-9]\d*)$/;function Kx(r,t){var e=typeof r;return t=t??zx,!!t&&(e=="number"||e!="symbol"&&Hx.test(r))&&r>-1&&r%1==0&&r<t}var lr=Kx;var Yx=Math.min;function Xx(r,t){for(var e=r.length,o=Yx(t.length,e),f=z(r);o--;){var a=t[o];r[o]=lr(a,e)?f[a]:void 0}return r}var eu=Xx;var ou="__lodash_placeholder__";function $x(r,t){for(var e=-1,o=r.length,f=0,a=[];++e<o;){var n=r[e];(n===t||n===ou)&&(r[e]=ou,a[f++]=e)}return a}var wr=$x;var Zx=1,Vx=2,Jx=8,Qx=16,rh=128,th=512;function fu(r,t,e,o,f,a,n,m,p,u){var s=t&rh,l=t&Zx,g=t&Vx,y=t&(Jx|Qx),I=t&th,L=g?void 0:at(r);function A(){for(var P=arguments.length,F=Array(P),Fr=P;Fr--;)F[Fr]=arguments[Fr];if(y)var Sr=Gr(A),Wr=Xp(F,Sr);if(o&&(F=Bo(F,o,f,y)),a&&(F=No(F,a,n,y)),P-=Wr,y&&P<u){var er=wr(F,Sr);return Ko(r,t,fu,A.placeholder,e,F,er,m,p,u-P)}var Yr=l?e:this,ot=g?Yr[r]:r;return P=F.length,m?F=eu(F,m):I&&P>1&&F.reverse(),s&&p<P&&(F.length=p),this&&this!==C&&this instanceof A&&(ot=L||at(ot)),ot.apply(Yr,F)}return A}var ie=fu;function eh(r,t,e){var o=at(r);function f(){for(var a=arguments.length,n=Array(a),m=a,p=Gr(f);m--;)n[m]=arguments[m];var u=a<3&&n[0]!==p&&n[a-1]!==p?[]:wr(n,p);if(a-=u.length,a<e)return Ko(r,t,ie,f.placeholder,void 0,n,u,void 0,void 0,e-a);var s=this&&this!==C&&this instanceof f?o:r;return X(s,this,n)}return f}var au=eh;var oh=1;function fh(r,t,e,o){var f=t&oh,a=at(r);function n(){for(var m=-1,p=arguments.length,u=-1,s=o.length,l=Array(s+p),g=this&&this!==C&&this instanceof n?a:r;++u<s;)l[u]=o[u];for(;p--;)l[u++]=arguments[++m];return X(g,f?e:this,l)}return n}var iu=fh;var nu="__lodash_placeholder__",ta=1,ah=2,ih=4,mu=8,$e=128,pu=256,nh=Math.min;function mh(r,t){var e=r[1],o=t[1],f=e|o,a=f<(ta|ah|$e),n=o==$e&&e==mu||o==$e&&e==pu&&r[7].length<=t[8]||o==($e|pu)&&t[7].length<=t[8]&&e==mu;if(!(a||n))return r;o&ta&&(r[2]=t[2],f|=e&ta?0:ih);var m=t[3];if(m){var p=r[3];r[3]=p?Bo(p,m,t[4]):m,r[4]=p?wr(r[3],nu):t[4]}return m=t[5],m&&(p=r[5],r[5]=p?No(p,m,t[6]):m,r[6]=p?wr(r[5],nu):t[6]),m=t[7],m&&(r[7]=m),o&$e&&(r[8]=r[8]==null?t[8]:nh(r[8],t[8])),r[9]==null&&(r[9]=t[9]),r[0]=t[0],r[1]=f,r}var uu=mh;var ph="Expected a function",su=1,uh=2,ea=8,oa=16,fa=32,lu=64,du=Math.max;function sh(r,t,e,o,f,a,n,m){var p=t&uh;if(!p&&typeof r!="function")throw new TypeError(ph);var u=o?o.length:0;if(u||(t&=~(fa|lu),o=f=void 0),n=n===void 0?n:du(x(n),0),m=m===void 0?m:x(m),u-=f?f.length:0,t&lu){var s=o,l=f;o=f=void 0}var g=p?void 0:ee(r),y=[r,t,e,o,f,s,l,a,n,m];if(g&&uu(y,g),r=y[0],t=y[1],e=y[2],o=y[3],f=y[4],m=y[9]=y[9]===void 0?p?0:r.length:du(y[9]-u,0),!m&&t&(ea|oa)&&(t&=~(ea|oa)),!t||t==su)var I=Yp(r,t,e);else t==ea||t==oa?I=au(r,t,m):(t==fa||t==(su|fa))&&!f.length?I=iu(r,t,e,o):I=ie.apply(void 0,y);var L=g?Wo:qo;return Ho(L(I,y),r,t)}var dr=sh;var lh=128;function dh(r,t,e){return t=e?void 0:t,t=r&&t==null?r.length:t,dr(r,lh,void 0,void 0,void 0,void 0,t)}var Ze=dh;function ch(r,t,e){t=="__proto__"&&fe?fe(r,t,{configurable:!0,enumerable:!0,value:e,writable:!0}):r[t]=e}var ir=ch;function xh(r,t){return r===t||r!==r&&t!==t}var Q=xh;var hh=Object.prototype,gh=hh.hasOwnProperty;function bh(r,t,e){var o=r[t];(!(gh.call(r,t)&&Q(o,e))||e===void 0&&!(t in r))&&ir(r,t,e)}var $r=bh;function yh(r,t,e,o){var f=!e;e||(e={});for(var a=-1,n=t.length;++a<n;){var m=t[a],p=o?o(e[m],r[m],m,e,r):void 0;p===void 0&&(p=r[m]),f?ir(e,m,p):$r(e,m,p)}return e}var nr=yh;var cu=Math.max;function vh(r,t,e){return t=cu(t===void 0?r.length-1:t,0),function(){for(var o=arguments,f=-1,a=cu(o.length-t,0),n=Array(a);++f<a;)n[f]=o[t+f];f=-1;for(var m=Array(t+1);++f<t;)m[f]=o[f];return m[t]=e(n),X(r,this,m)}}var Yo=vh;function _h(r,t){return ae(Yo(r,t,D),r+"")}var h=_h;var Ah=9007199254740991;function Ih(r){return typeof r=="number"&&r>-1&&r%1==0&&r<=Ah}var it=Ih;function Rh(r){return r!=null&&it(r.length)&&!pr(r)}var G=Rh;function Oh(r,t,e){if(!S(e))return!1;var o=typeof t;return(o=="number"?G(e)&&lr(t,e.length):o=="string"&&t in e)?Q(e[t],r):!1}var k=Oh;function Sh(r){return h(function(t,e){var o=-1,f=e.length,a=f>1?e[f-1]:void 0,n=f>2?e[2]:void 0;for(a=r.length>3&&typeof a=="function"?(f--,a):void 0,n&&k(e[0],e[1],n)&&(a=f<3?void 0:a,f=1),t=Object(t);++o<f;){var m=e[o];m&&r(t,m,o,a)}return t})}var kr=Sh;var Th=Object.prototype;function wh(r){var t=r&&r.constructor,e=typeof t=="function"&&t.prototype||Th;return r===e}var Zr=wh;function Lh(r,t){for(var e=-1,o=Array(r);++e<r;)o[e]=t(e);return o}var ne=Lh;var Eh="[object Arguments]";function Ph(r){return T(r)&&U(r)==Eh}var aa=Ph;var xu=Object.prototype,Ch=xu.hasOwnProperty,Mh=xu.propertyIsEnumerable,Fh=aa(function(){return arguments}())?aa:function(r){return T(r)&&Ch.call(r,"callee")&&!Mh.call(r,"callee")},Pr=Fh;function Wh(){return!1}var Wt=Wh;var bu=typeof exports=="object"&&exports&&!exports.nodeType&&exports,hu=bu&&typeof module=="object"&&module&&!module.nodeType&&module,Bh=hu&&hu.exports===bu,gu=Bh?C.Buffer:void 0,Nh=gu?gu.isBuffer:void 0,Dh=Nh||Wt,vr=Dh;var jh="[object Arguments]",Uh="[object Array]",Gh="[object Boolean]",kh="[object Date]",qh="[object Error]",zh="[object Function]",Hh="[object Map]",Kh="[object Number]",Yh="[object Object]",Xh="[object RegExp]",$h="[object Set]",Zh="[object String]",Vh="[object WeakMap]",Jh="[object ArrayBuffer]",Qh="[object DataView]",rg="[object Float32Array]",tg="[object Float64Array]",eg="[object Int8Array]",og="[object Int16Array]",fg="[object Int32Array]",ag="[object Uint8Array]",ig="[object Uint8ClampedArray]",ng="[object Uint16Array]",mg="[object Uint32Array]",$={};$[rg]=$[tg]=$[eg]=$[og]=$[fg]=$[ag]=$[ig]=$[ng]=$[mg]=!0;$[jh]=$[Uh]=$[Jh]=$[Gh]=$[Qh]=$[kh]=$[qh]=$[zh]=$[Hh]=$[Kh]=$[Yh]=$[Xh]=$[$h]=$[Zh]=$[Vh]=!1;function pg(r){return T(r)&&it(r.length)&&!!$[U(r)]}var yu=pg;function ug(r){return function(t){return r(t)}}var Z=ug;var vu=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Ve=vu&&typeof module=="object"&&module&&!module.nodeType&&module,sg=Ve&&Ve.exports===vu,ia=sg&&Po.process,lg=function(){try{var r=Ve&&Ve.require&&Ve.require("util").types;return r||ia&&ia.binding&&ia.binding("util")}catch{}}(),cr=lg;var _u=cr&&cr.isTypedArray,dg=_u?Z(_u):yu,Br=dg;var cg=Object.prototype,xg=cg.hasOwnProperty;function hg(r,t){var e=c(r),o=!e&&Pr(r),f=!e&&!o&&vr(r),a=!e&&!o&&!f&&Br(r),n=e||o||f||a,m=n?ne(r.length,String):[],p=m.length;for(var u in r)(t||xg.call(r,u))&&!(n&&(u=="length"||f&&(u=="offset"||u=="parent")||a&&(u=="buffer"||u=="byteLength"||u=="byteOffset")||lr(u,p)))&&m.push(u);return m}var Xo=hg;function gg(r,t){return function(e){return r(t(e))}}var $o=gg;var bg=$o(Object.keys,Object),Au=bg;var yg=Object.prototype,vg=yg.hasOwnProperty;function _g(r){if(!Zr(r))return Au(r);var t=[];for(var e in Object(r))vg.call(r,e)&&e!="constructor"&&t.push(e);return t}var me=_g;function Ag(r){return G(r)?Xo(r):me(r)}var E=Ag;var Ig=Object.prototype,Rg=Ig.hasOwnProperty,Og=kr(function(r,t){if(Zr(t)||G(t)){nr(t,E(t),r);return}for(var e in t)Rg.call(t,e)&&$r(r,e,t[e])}),na=Og;function Sg(r){var t=[];if(r!=null)for(var e in Object(r))t.push(e);return t}var Iu=Sg;var Tg=Object.prototype,wg=Tg.hasOwnProperty;function Lg(r){if(!S(r))return Iu(r);var t=Zr(r),e=[];for(var o in r)o=="constructor"&&(t||!wg.call(r,o))||e.push(o);return e}var Ru=Lg;function Eg(r){return G(r)?Xo(r,!0):Ru(r)}var q=Eg;var Pg=kr(function(r,t){nr(t,q(t),r)}),Bt=Pg;var Cg=kr(function(r,t,e,o){nr(t,q(t),r,o)}),Nt=Cg;var Mg=kr(function(r,t,e,o){nr(t,E(t),r,o)}),pe=Mg;var Fg=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Wg=/^\w*$/;function Bg(r,t){if(c(r))return!1;var e=typeof r;return e=="number"||e=="symbol"||e=="boolean"||r==null||Y(r)?!0:Wg.test(r)||!Fg.test(r)||t!=null&&r in Object(t)}var ue=Bg;var Ng=Er(Object,"create"),nt=Ng;function Dg(){this.__data__=nt?nt(null):{},this.size=0}var Ou=Dg;function jg(r){var t=this.has(r)&&delete this.__data__[r];return this.size-=t?1:0,t}var Su=jg;var Ug="__lodash_hash_undefined__",Gg=Object.prototype,kg=Gg.hasOwnProperty;function qg(r){var t=this.__data__;if(nt){var e=t[r];return e===Ug?void 0:e}return kg.call(t,r)?t[r]:void 0}var Tu=qg;var zg=Object.prototype,Hg=zg.hasOwnProperty;function Kg(r){var t=this.__data__;return nt?t[r]!==void 0:Hg.call(t,r)}var wu=Kg;var Yg="__lodash_hash_undefined__";function Xg(r,t){var e=this.__data__;return this.size+=this.has(r)?0:1,e[r]=nt&&t===void 0?Yg:t,this}var Lu=Xg;function se(r){var t=-1,e=r==null?0:r.length;for(this.clear();++t<e;){var o=r[t];this.set(o[0],o[1])}}se.prototype.clear=Ou;se.prototype.delete=Su;se.prototype.get=Tu;se.prototype.has=wu;se.prototype.set=Lu;var ma=se;function $g(){this.__data__=[],this.size=0}var Eu=$g;function Zg(r,t){for(var e=r.length;e--;)if(Q(r[e][0],t))return e;return-1}var ht=Zg;var Vg=Array.prototype,Jg=Vg.splice;function Qg(r){var t=this.__data__,e=ht(t,r);if(e<0)return!1;var o=t.length-1;return e==o?t.pop():Jg.call(t,e,1),--this.size,!0}var Pu=Qg;function rb(r){var t=this.__data__,e=ht(t,r);return e<0?void 0:t[e][1]}var Cu=rb;function tb(r){return ht(this.__data__,r)>-1}var Mu=tb;function eb(r,t){var e=this.__data__,o=ht(e,r);return o<0?(++this.size,e.push([r,t])):e[o][1]=t,this}var Fu=eb;function le(r){var t=-1,e=r==null?0:r.length;for(this.clear();++t<e;){var o=r[t];this.set(o[0],o[1])}}le.prototype.clear=Eu;le.prototype.delete=Pu;le.prototype.get=Cu;le.prototype.has=Mu;le.prototype.set=Fu;var gt=le;var ob=Er(C,"Map"),bt=ob;function fb(){this.size=0,this.__data__={hash:new ma,map:new(bt||gt),string:new ma}}var Wu=fb;function ab(r){var t=typeof r;return t=="string"||t=="number"||t=="symbol"||t=="boolean"?r!=="__proto__":r===null}var Bu=ab;function ib(r,t){var e=r.__data__;return Bu(t)?e[typeof t=="string"?"string":"hash"]:e.map}var yt=ib;function nb(r){var t=yt(this,r).delete(r);return this.size-=t?1:0,t}var Nu=nb;function mb(r){return yt(this,r).get(r)}var Du=mb;function pb(r){return yt(this,r).has(r)}var ju=pb;function ub(r,t){var e=yt(this,r),o=e.size;return e.set(r,t),this.size+=e.size==o?0:1,this}var Uu=ub;function de(r){var t=-1,e=r==null?0:r.length;for(this.clear();++t<e;){var o=r[t];this.set(o[0],o[1])}}de.prototype.clear=Wu;de.prototype.delete=Nu;de.prototype.get=Du;de.prototype.has=ju;de.prototype.set=Uu;var Dt=de;var sb="Expected a function";function pa(r,t){if(typeof r!="function"||t!=null&&typeof t!="function")throw new TypeError(sb);var e=function(){var o=arguments,f=t?t.apply(this,o):o[0],a=e.cache;if(a.has(f))return a.get(f);var n=r.apply(this,o);return e.cache=a.set(f,n)||a,n};return e.cache=new(pa.Cache||Dt),e}pa.Cache=Dt;var Je=pa;var lb=500;function db(r){var t=Je(r,function(o){return e.size===lb&&e.clear(),o}),e=t.cache;return t}var Gu=db;var cb=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,xb=/\\(\\)?/g,hb=Gu(function(r){var t=[];return r.charCodeAt(0)===46&&t.push(""),r.replace(cb,function(e,o,f,a){t.push(f?a.replace(xb,"$1"):o||e)}),t}),Zo=hb;function gb(r){return r==null?"":tr(r)}var v=gb;function bb(r,t){return c(r)?r:ue(r,t)?[r]:Zo(v(r))}var _r=bb;var yb=1/0;function vb(r){if(typeof r=="string"||Y(r))return r;var t=r+"";return t=="0"&&1/r==-yb?"-0":t}var ar=vb;function _b(r,t){t=_r(t,r);for(var e=0,o=t.length;r!=null&&e<o;)r=r[ar(t[e++])];return e&&e==o?r:void 0}var Cr=_b;function Ab(r,t,e){var o=r==null?void 0:Cr(r,t);return o===void 0?e:o}var jt=Ab;function Ib(r,t){for(var e=-1,o=t.length,f=Array(o),a=r==null;++e<o;)f[e]=a?void 0:jt(r,t[e]);return f}var ce=Ib;function Rb(r,t){for(var e=-1,o=t.length,f=r.length;++e<o;)r[f+e]=t[e];return r}var Ar=Rb;var ku=V?V.isConcatSpreadable:void 0;function Ob(r){return c(r)||Pr(r)||!!(ku&&r&&r[ku])}var qu=Ob;function zu(r,t,e,o,f){var a=-1,n=r.length;for(e||(e=qu),f||(f=[]);++a<n;){var m=r[a];t>0&&e(m)?t>1?zu(m,t-1,e,o,f):Ar(f,m):o||(f[f.length]=m)}return f}var B=zu;function Sb(r){var t=r==null?0:r.length;return t?B(r,1):[]}var Qe=Sb;function Tb(r){return ae(Yo(r,void 0,Qe),r+"")}var xr=Tb;var wb=xr(ce),ua=wb;var Lb=$o(Object.getPrototypeOf,Object),vt=Lb;var Eb="[object Object]",Pb=Function.prototype,Cb=Object.prototype,Hu=Pb.toString,Mb=Cb.hasOwnProperty,Fb=Hu.call(Object);function Wb(r){if(!T(r)||U(r)!=Eb)return!1;var t=vt(r);if(t===null)return!0;var e=Mb.call(t,"constructor")&&t.constructor;return typeof e=="function"&&e instanceof e&&Hu.call(e)==Fb}var Xr=Wb;var Bb="[object DOMException]",Nb="[object Error]";function Db(r){if(!T(r))return!1;var t=U(r);return t==Nb||t==Bb||typeof r.message=="string"&&typeof r.name=="string"&&!Xr(r)}var Ut=Db;var jb=h(function(r,t){try{return X(r,void 0,t)}catch(e){return Ut(e)?e:new Error(e)}}),ro=jb;var Ub="Expected a function";function Gb(r,t){var e;if(typeof t!="function")throw new TypeError(Ub);return r=x(r),function(){return--r>0&&(e=t.apply(this,arguments)),r<=1&&(t=void 0),e}}var to=Gb;var kb=1,qb=32,sa=h(function(r,t,e){var o=kb;if(e.length){var f=wr(e,Gr(sa));o|=qb}return dr(r,o,t,e,f)});sa.placeholder={};var eo=sa;var zb=xr(function(r,t){return fr(t,function(e){e=ar(e),ir(r,e,eo(r[e],r))}),r}),la=zb;var Hb=1,Kb=2,Yb=32,da=h(function(r,t,e){var o=Hb|Kb;if(e.length){var f=wr(e,Gr(da));o|=Yb}return dr(t,o,r,e,f)});da.placeholder={};var ca=da;function Xb(r,t,e){var o=-1,f=r.length;t<0&&(t=-t>f?0:f+t),e=e>f?f:e,e<0&&(e+=f),f=t>e?0:e-t>>>0,t>>>=0;for(var a=Array(f);++o<f;)a[o]=r[o+t];return a}var rr=Xb;function $b(r,t,e){var o=r.length;return e=e===void 0?o:e,!t&&e>=o?r:rr(r,t,e)}var Ir=$b;var Zb="\\ud800-\\udfff",Vb="\\u0300-\\u036f",Jb="\\ufe20-\\ufe2f",Qb="\\u20d0-\\u20ff",ry=Vb+Jb+Qb,ty="\\ufe0e\\ufe0f",ey="\\u200d",oy=RegExp("["+ey+Zb+ry+ty+"]");function fy(r){return oy.test(r)}var qr=fy;function ay(r){return r.split("")}var Ku=ay;var Yu="\\ud800-\\udfff",iy="\\u0300-\\u036f",ny="\\ufe20-\\ufe2f",my="\\u20d0-\\u20ff",py=iy+ny+my,uy="\\ufe0e\\ufe0f",sy="["+Yu+"]",xa="["+py+"]",ha="\\ud83c[\\udffb-\\udfff]",ly="(?:"+xa+"|"+ha+")",Xu="[^"+Yu+"]",$u="(?:\\ud83c[\\udde6-\\uddff]){2}",Zu="[\\ud800-\\udbff][\\udc00-\\udfff]",dy="\\u200d",Vu=ly+"?",Ju="["+uy+"]?",cy="(?:"+dy+"(?:"+[Xu,$u,Zu].join("|")+")"+Ju+Vu+")*",xy=Ju+Vu+cy,hy="(?:"+[Xu+xa+"?",xa,$u,Zu,sy].join("|")+")",gy=RegExp(ha+"(?="+ha+")|"+hy+xy,"g");function by(r){return r.match(gy)||[]}var Qu=by;function yy(r){return qr(r)?Qu(r):Ku(r)}var ur=yy;function vy(r){return function(t){t=v(t);var e=qr(t)?ur(t):void 0,o=e?e[0]:t.charAt(0),f=e?Ir(e,1).join(""):t.slice(1);return o[r]()+f}}var Vo=vy;var _y=Vo("toUpperCase"),Gt=_y;function Ay(r){return Gt(v(r).toLowerCase())}var oo=Ay;function Iy(r,t,e,o){var f=-1,a=r==null?0:r.length;for(o&&a&&(e=r[++f]);++f<a;)e=t(e,r[f],f,r);return e}var xe=Iy;function Ry(r){return function(t){return r?.[t]}}var he=Ry;var Oy={\u00C0:"A",\u00C1:"A",\u00C2:"A",\u00C3:"A",\u00C4:"A",\u00C5:"A",\u00E0:"a",\u00E1:"a",\u00E2:"a",\u00E3:"a",\u00E4:"a",\u00E5:"a",\u00C7:"C",\u00E7:"c",\u00D0:"D",\u00F0:"d",\u00C8:"E",\u00C9:"E",\u00CA:"E",\u00CB:"E",\u00E8:"e",\u00E9:"e",\u00EA:"e",\u00EB:"e",\u00CC:"I",\u00CD:"I",\u00CE:"I",\u00CF:"I",\u00EC:"i",\u00ED:"i",\u00EE:"i",\u00EF:"i",\u00D1:"N",\u00F1:"n",\u00D2:"O",\u00D3:"O",\u00D4:"O",\u00D5:"O",\u00D6:"O",\u00D8:"O",\u00F2:"o",\u00F3:"o",\u00F4:"o",\u00F5:"o",\u00F6:"o",\u00F8:"o",\u00D9:"U",\u00DA:"U",\u00DB:"U",\u00DC:"U",\u00F9:"u",\u00FA:"u",\u00FB:"u",\u00FC:"u",\u00DD:"Y",\u00FD:"y",\u00FF:"y",\u00C6:"Ae",\u00E6:"ae",\u00DE:"Th",\u00FE:"th",\u00DF:"ss",\u0100:"A",\u0102:"A",\u0104:"A",\u0101:"a",\u0103:"a",\u0105:"a",\u0106:"C",\u0108:"C",\u010A:"C",\u010C:"C",\u0107:"c",\u0109:"c",\u010B:"c",\u010D:"c",\u010E:"D",\u0110:"D",\u010F:"d",\u0111:"d",\u0112:"E",\u0114:"E",\u0116:"E",\u0118:"E",\u011A:"E",\u0113:"e",\u0115:"e",\u0117:"e",\u0119:"e",\u011B:"e",\u011C:"G",\u011E:"G",\u0120:"G",\u0122:"G",\u011D:"g",\u011F:"g",\u0121:"g",\u0123:"g",\u0124:"H",\u0126:"H",\u0125:"h",\u0127:"h",\u0128:"I",\u012A:"I",\u012C:"I",\u012E:"I",\u0130:"I",\u0129:"i",\u012B:"i",\u012D:"i",\u012F:"i",\u0131:"i",\u0134:"J",\u0135:"j",\u0136:"K",\u0137:"k",\u0138:"k",\u0139:"L",\u013B:"L",\u013D:"L",\u013F:"L",\u0141:"L",\u013A:"l",\u013C:"l",\u013E:"l",\u0140:"l",\u0142:"l",\u0143:"N",\u0145:"N",\u0147:"N",\u014A:"N",\u0144:"n",\u0146:"n",\u0148:"n",\u014B:"n",\u014C:"O",\u014E:"O",\u0150:"O",\u014D:"o",\u014F:"o",\u0151:"o",\u0154:"R",\u0156:"R",\u0158:"R",\u0155:"r",\u0157:"r",\u0159:"r",\u015A:"S",\u015C:"S",\u015E:"S",\u0160:"S",\u015B:"s",\u015D:"s",\u015F:"s",\u0161:"s",\u0162:"T",\u0164:"T",\u0166:"T",\u0163:"t",\u0165:"t",\u0167:"t",\u0168:"U",\u016A:"U",\u016C:"U",\u016E:"U",\u0170:"U",\u0172:"U",\u0169:"u",\u016B:"u",\u016D:"u",\u016F:"u",\u0171:"u",\u0173:"u",\u0174:"W",\u0175:"w",\u0176:"Y",\u0177:"y",\u0178:"Y",\u0179:"Z",\u017B:"Z",\u017D:"Z",\u017A:"z",\u017C:"z",\u017E:"z",\u0132:"IJ",\u0133:"ij",\u0152:"Oe",\u0153:"oe",\u0149:"'n",\u017F:"s"},Sy=he(Oy),rs=Sy;var Ty=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,wy="\\u0300-\\u036f",Ly="\\ufe20-\\ufe2f",Ey="\\u20d0-\\u20ff",Py=wy+Ly+Ey,Cy="["+Py+"]",My=RegExp(Cy,"g");function Fy(r){return r=v(r),r&&r.replace(Ty,rs).replace(My,"")}var fo=Fy;var Wy=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;function By(r){return r.match(Wy)||[]}var ts=By;var Ny=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;function Dy(r){return Ny.test(r)}var es=Dy;var ns="\\ud800-\\udfff",jy="\\u0300-\\u036f",Uy="\\ufe20-\\ufe2f",Gy="\\u20d0-\\u20ff",ky=jy+Uy+Gy,ms="\\u2700-\\u27bf",ps="a-z\\xdf-\\xf6\\xf8-\\xff",qy="\\xac\\xb1\\xd7\\xf7",zy="\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf",Hy="\\u2000-\\u206f",Ky=" \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",us="A-Z\\xc0-\\xd6\\xd8-\\xde",Yy="\\ufe0e\\ufe0f",ss=qy+zy+Hy+Ky,ls="['\u2019]",os="["+ss+"]",Xy="["+ky+"]",ds="\\d+",$y="["+ms+"]",cs="["+ps+"]",xs="[^"+ns+ss+ds+ms+ps+us+"]",Zy="\\ud83c[\\udffb-\\udfff]",Vy="(?:"+Xy+"|"+Zy+")",Jy="[^"+ns+"]",hs="(?:\\ud83c[\\udde6-\\uddff]){2}",gs="[\\ud800-\\udbff][\\udc00-\\udfff]",ge="["+us+"]",Qy="\\u200d",fs="(?:"+cs+"|"+xs+")",rv="(?:"+ge+"|"+xs+")",as="(?:"+ls+"(?:d|ll|m|re|s|t|ve))?",is="(?:"+ls+"(?:D|LL|M|RE|S|T|VE))?",bs=Vy+"?",ys="["+Yy+"]?",tv="(?:"+Qy+"(?:"+[Jy,hs,gs].join("|")+")"+ys+bs+")*",ev="\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",ov="\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])",fv=ys+bs+tv,av="(?:"+[$y,hs,gs].join("|")+")"+fv,iv=RegExp([ge+"?"+cs+"+"+as+"(?="+[os,ge,"$"].join("|")+")",rv+"+"+is+"(?="+[os,ge+fs,"$"].join("|")+")",ge+"?"+fs+"+"+as,ge+"+"+is,ov,ev,ds,av].join("|"),"g");function nv(r){return r.match(iv)||[]}var vs=nv;function mv(r,t,e){return r=v(r),t=e?void 0:t,t===void 0?es(r)?vs(r):ts(r):r.match(t)||[]}var ao=mv;var pv="['\u2019]",uv=RegExp(pv,"g");function sv(r){return function(t){return xe(ao(fo(t).replace(uv,"")),r,"")}}var zr=sv;var lv=zr(function(r,t,e){return t=t.toLowerCase(),r+(e?oo(t):t)}),ga=lv;function dv(){if(!arguments.length)return[];var r=arguments[0];return c(r)?r:[r]}var ba=dv;var cv=C.isFinite,xv=Math.min;function hv(r){var t=Math[r];return function(e,o){if(e=or(e),o=o==null?0:xv(x(o),292),o&&cv(e)){var f=(v(e)+"e").split("e"),a=t(f[0]+"e"+(+f[1]+o));return f=(v(a)+"e").split("e"),+(f[0]+"e"+(+f[1]-o))}return t(e)}}var be=hv;var gv=be("ceil"),ya=gv;function bv(r){var t=i(r);return t.__chain__=!0,t}var io=bv;var yv=Math.ceil,vv=Math.max;function _v(r,t,e){(e?k(r,t,e):t===void 0)?t=1:t=vv(x(t),0);var o=r==null?0:r.length;if(!o||t<1)return[];for(var f=0,a=0,n=Array(yv(o/t));f<o;)n[a++]=rr(r,f,f+=t);return n}var va=_v;function Av(r,t,e){return r===r&&(e!==void 0&&(r=r<=e?r:e),t!==void 0&&(r=r>=t?r:t)),r}var Mr=Av;function Iv(r,t,e){return e===void 0&&(e=t,t=void 0),e!==void 0&&(e=or(e),e=e===e?e:0),t!==void 0&&(t=or(t),t=t===t?t:0),Mr(or(r),t,e)}var _a=Iv;function Rv(){this.__data__=new gt,this.size=0}var _s=Rv;function Ov(r){var t=this.__data__,e=t.delete(r);return this.size=t.size,e}var As=Ov;function Sv(r){return this.__data__.get(r)}var Is=Sv;function Tv(r){return this.__data__.has(r)}var Rs=Tv;var wv=200;function Lv(r,t){var e=this.__data__;if(e instanceof gt){var o=e.__data__;if(!bt||o.length<wv-1)return o.push([r,t]),this.size=++e.size,this;e=this.__data__=new Dt(o)}return e.set(r,t),this.size=e.size,this}var Os=Lv;function ye(r){var t=this.__data__=new gt(r);this.size=t.size}ye.prototype.clear=_s;ye.prototype.delete=As;ye.prototype.get=Is;ye.prototype.has=Rs;ye.prototype.set=Os;var Vr=ye;function Ev(r,t){return r&&nr(t,E(t),r)}var Jo=Ev;function Pv(r,t){return r&&nr(t,q(t),r)}var Ss=Pv;var Es=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Ts=Es&&typeof module=="object"&&module&&!module.nodeType&&module,Cv=Ts&&Ts.exports===Es,ws=Cv?C.Buffer:void 0,Ls=ws?ws.allocUnsafe:void 0;function Mv(r,t){if(t)return r.slice();var e=r.length,o=Ls?Ls(e):new r.constructor(e);return r.copy(o),o}var Qo=Mv;function Fv(r,t){for(var e=-1,o=r==null?0:r.length,f=0,a=[];++e<o;){var n=r[e];t(n,e,r)&&(a[f++]=n)}return a}var Rr=Fv;function Wv(){return[]}var kt=Wv;var Bv=Object.prototype,Nv=Bv.propertyIsEnumerable,Ps=Object.getOwnPropertySymbols,Dv=Ps?function(r){return r==null?[]:(r=Object(r),Rr(Ps(r),function(t){return Nv.call(r,t)}))}:kt,ve=Dv;function jv(r,t){return nr(r,ve(r),t)}var Cs=jv;var Uv=Object.getOwnPropertySymbols,Gv=Uv?function(r){for(var t=[];r;)Ar(t,ve(r)),r=vt(r);return t}:kt,rf=Gv;function kv(r,t){return nr(r,rf(r),t)}var Ms=kv;function qv(r,t,e){var o=t(r);return c(r)?o:Ar(o,e(r))}var tf=qv;function zv(r){return tf(r,E,ve)}var no=zv;function Hv(r){return tf(r,q,rf)}var _e=Hv;var Kv=Er(C,"DataView"),ef=Kv;var Yv=Er(C,"Promise"),of=Yv;var Xv=Er(C,"Set"),_t=Xv;var Fs="[object Map]",$v="[object Object]",Ws="[object Promise]",Bs="[object Set]",Ns="[object WeakMap]",Ds="[object DataView]",Zv=ft(ef),Vv=ft(bt),Jv=ft(of),Qv=ft(_t),r_=ft(Ct),qt=U;(ef&&qt(new ef(new ArrayBuffer(1)))!=Ds||bt&&qt(new bt)!=Fs||of&&qt(of.resolve())!=Ws||_t&&qt(new _t)!=Bs||Ct&&qt(new Ct)!=Ns)&&(qt=function(r){var t=U(r),e=t==$v?r.constructor:void 0,o=e?ft(e):"";if(o)switch(o){case Zv:return Ds;case Vv:return Fs;case Jv:return Ws;case Qv:return Bs;case r_:return Ns}return t});var sr=qt;var t_=Object.prototype,e_=t_.hasOwnProperty;function o_(r){var t=r.length,e=new r.constructor(t);return t&&typeof r[0]=="string"&&e_.call(r,"index")&&(e.index=r.index,e.input=r.input),e}var js=o_;var f_=C.Uint8Array,Ae=f_;function a_(r){var t=new r.constructor(r.byteLength);return new Ae(t).set(new Ae(r)),t}var Ie=a_;function i_(r,t){var e=t?Ie(r.buffer):r.buffer;return new r.constructor(e,r.byteOffset,r.byteLength)}var Us=i_;var n_=/\w*$/;function m_(r){var t=new r.constructor(r.source,n_.exec(r));return t.lastIndex=r.lastIndex,t}var Gs=m_;var ks=V?V.prototype:void 0,qs=ks?ks.valueOf:void 0;function p_(r){return qs?Object(qs.call(r)):{}}var zs=p_;function u_(r,t){var e=t?Ie(r.buffer):r.buffer;return new r.constructor(e,r.byteOffset,r.length)}var ff=u_;var s_="[object Boolean]",l_="[object Date]",d_="[object Map]",c_="[object Number]",x_="[object RegExp]",h_="[object Set]",g_="[object String]",b_="[object Symbol]",y_="[object ArrayBuffer]",v_="[object DataView]",__="[object Float32Array]",A_="[object Float64Array]",I_="[object Int8Array]",R_="[object Int16Array]",O_="[object Int32Array]",S_="[object Uint8Array]",T_="[object Uint8ClampedArray]",w_="[object Uint16Array]",L_="[object Uint32Array]";function E_(r,t,e){var o=r.constructor;switch(t){case y_:return Ie(r);case s_:case l_:return new o(+r);case v_:return Us(r,e);case __:case A_:case I_:case R_:case O_:case S_:case T_:case w_:case L_:return ff(r,e);case d_:return new o;case c_:case g_:return new o(r);case x_:return Gs(r);case h_:return new o;case b_:return zs(r)}}var Hs=E_;function P_(r){return typeof r.constructor=="function"&&!Zr(r)?jr(vt(r)):{}}var af=P_;var C_="[object Map]";function M_(r){return T(r)&&sr(r)==C_}var Ks=M_;var Ys=cr&&cr.isMap,F_=Ys?Z(Ys):Ks,mo=F_;var W_="[object Set]";function B_(r){return T(r)&&sr(r)==W_}var Xs=B_;var $s=cr&&cr.isSet,N_=$s?Z($s):Xs,po=N_;var D_=1,j_=2,U_=4,Zs="[object Arguments]",G_="[object Array]",k_="[object Boolean]",q_="[object Date]",z_="[object Error]",Vs="[object Function]",H_="[object GeneratorFunction]",K_="[object Map]",Y_="[object Number]",Js="[object Object]",X_="[object RegExp]",$_="[object Set]",Z_="[object String]",V_="[object Symbol]",J_="[object WeakMap]",Q_="[object ArrayBuffer]",rA="[object DataView]",tA="[object Float32Array]",eA="[object Float64Array]",oA="[object Int8Array]",fA="[object Int16Array]",aA="[object Int32Array]",iA="[object Uint8Array]",nA="[object Uint8ClampedArray]",mA="[object Uint16Array]",pA="[object Uint32Array]",H={};H[Zs]=H[G_]=H[Q_]=H[rA]=H[k_]=H[q_]=H[tA]=H[eA]=H[oA]=H[fA]=H[aA]=H[K_]=H[Y_]=H[Js]=H[X_]=H[$_]=H[Z_]=H[V_]=H[iA]=H[nA]=H[mA]=H[pA]=!0;H[z_]=H[Vs]=H[J_]=!1;function nf(r,t,e,o,f,a){var n,m=t&D_,p=t&j_,u=t&U_;if(e&&(n=f?e(r,o,f,a):e(r)),n!==void 0)return n;if(!S(r))return r;var s=c(r);if(s){if(n=js(r),!m)return z(r,n)}else{var l=sr(r),g=l==Vs||l==H_;if(vr(r))return Qo(r,m);if(l==Js||l==Zs||g&&!f){if(n=p||g?{}:af(r),!m)return p?Ms(r,Ss(n,r)):Cs(r,Jo(n,r))}else{if(!H[l])return f?r:{};n=Hs(r,l,m)}}a||(a=new Vr);var y=a.get(r);if(y)return y;a.set(r,n),po(r)?r.forEach(function(A){n.add(nf(A,t,e,A,r,a))}):mo(r)&&r.forEach(function(A,P){n.set(P,nf(A,t,e,P,r,a))});var I=u?p?_e:no:p?q:E,L=s?void 0:I(r);return fr(L||r,function(A,P){L&&(P=A,A=r[P]),$r(n,P,nf(A,t,e,P,r,a))}),n}var hr=nf;var uA=4;function sA(r){return hr(r,uA)}var Aa=sA;var lA=1,dA=4;function cA(r){return hr(r,lA|dA)}var Ia=cA;var xA=1,hA=4;function gA(r,t){return t=typeof t=="function"?t:void 0,hr(r,xA|hA,t)}var Ra=gA;var bA=4;function yA(r,t){return t=typeof t=="function"?t:void 0,hr(r,bA,t)}var Oa=yA;function vA(){return new yr(this.value(),this.__chain__)}var mf=vA;function _A(r){for(var t=-1,e=r==null?0:r.length,o=0,f=[];++t<e;){var a=r[t];a&&(f[o++]=a)}return f}var Sa=_A;function AA(){var r=arguments.length;if(!r)return[];for(var t=Array(r-1),e=arguments[0],o=r;o--;)t[o-1]=arguments[o];return Ar(c(e)?z(e):[e],B(t,1))}var Ta=AA;var IA="__lodash_hash_undefined__";function RA(r){return this.__data__.set(r,IA),this}var Qs=RA;function OA(r){return this.__data__.has(r)}var rl=OA;function pf(r){var t=-1,e=r==null?0:r.length;for(this.__data__=new Dt;++t<e;)this.add(r[t])}pf.prototype.add=pf.prototype.push=Qs;pf.prototype.has=rl;var At=pf;function SA(r,t){for(var e=-1,o=r==null?0:r.length;++e<o;)if(t(r[e],e,r))return!0;return!1}var Re=SA;function TA(r,t){return r.has(t)}var mt=TA;var wA=1,LA=2;function EA(r,t,e,o,f,a){var n=e&wA,m=r.length,p=t.length;if(m!=p&&!(n&&p>m))return!1;var u=a.get(r),s=a.get(t);if(u&&s)return u==t&&s==r;var l=-1,g=!0,y=e&LA?new At:void 0;for(a.set(r,t),a.set(t,r);++l<m;){var I=r[l],L=t[l];if(o)var A=n?o(L,I,l,t,r,a):o(I,L,l,r,t,a);if(A!==void 0){if(A)continue;g=!1;break}if(y){if(!Re(t,function(P,F){if(!mt(y,F)&&(I===P||f(I,P,e,o,a)))return y.push(F)})){g=!1;break}}else if(!(I===L||f(I,L,e,o,a))){g=!1;break}}return a.delete(r),a.delete(t),g}var uf=EA;function PA(r){var t=-1,e=Array(r.size);return r.forEach(function(o,f){e[++t]=[f,o]}),e}var Oe=PA;function CA(r){var t=-1,e=Array(r.size);return r.forEach(function(o){e[++t]=o}),e}var It=CA;var MA=1,FA=2,WA="[object Boolean]",BA="[object Date]",NA="[object Error]",DA="[object Map]",jA="[object Number]",UA="[object RegExp]",GA="[object Set]",kA="[object String]",qA="[object Symbol]",zA="[object ArrayBuffer]",HA="[object DataView]",tl=V?V.prototype:void 0,wa=tl?tl.valueOf:void 0;function KA(r,t,e,o,f,a,n){switch(e){case HA:if(r.byteLength!=t.byteLength||r.byteOffset!=t.byteOffset)return!1;r=r.buffer,t=t.buffer;case zA:return!(r.byteLength!=t.byteLength||!a(new Ae(r),new Ae(t)));case WA:case BA:case jA:return Q(+r,+t);case NA:return r.name==t.name&&r.message==t.message;case UA:case kA:return r==t+"";case DA:var m=Oe;case GA:var p=o&MA;if(m||(m=It),r.size!=t.size&&!p)return!1;var u=n.get(r);if(u)return u==t;o|=FA,n.set(r,t);var s=uf(m(r),m(t),o,f,a,n);return n.delete(r),s;case qA:if(wa)return wa.call(r)==wa.call(t)}return!1}var el=KA;var YA=1,XA=Object.prototype,$A=XA.hasOwnProperty;function ZA(r,t,e,o,f,a){var n=e&YA,m=no(r),p=m.length,u=no(t),s=u.length;if(p!=s&&!n)return!1;for(var l=p;l--;){var g=m[l];if(!(n?g in t:$A.call(t,g)))return!1}var y=a.get(r),I=a.get(t);if(y&&I)return y==t&&I==r;var L=!0;a.set(r,t),a.set(t,r);for(var A=n;++l<p;){g=m[l];var P=r[g],F=t[g];if(o)var Fr=n?o(F,P,g,t,r,a):o(P,F,g,r,t,a);if(!(Fr===void 0?P===F||f(P,F,e,o,a):Fr)){L=!1;break}A||(A=g=="constructor")}if(L&&!A){var Sr=r.constructor,Wr=t.constructor;Sr!=Wr&&"constructor"in r&&"constructor"in t&&!(typeof Sr=="function"&&Sr instanceof Sr&&typeof Wr=="function"&&Wr instanceof Wr)&&(L=!1)}return a.delete(r),a.delete(t),L}var ol=ZA;var VA=1,fl="[object Arguments]",al="[object Array]",sf="[object Object]",JA=Object.prototype,il=JA.hasOwnProperty;function QA(r,t,e,o,f,a){var n=c(r),m=c(t),p=n?al:sr(r),u=m?al:sr(t);p=p==fl?sf:p,u=u==fl?sf:u;var s=p==sf,l=u==sf,g=p==u;if(g&&vr(r)){if(!vr(t))return!1;n=!0,s=!1}if(g&&!s)return a||(a=new Vr),n||Br(r)?uf(r,t,e,o,f,a):el(r,t,p,e,o,f,a);if(!(e&VA)){var y=s&&il.call(r,"__wrapped__"),I=l&&il.call(t,"__wrapped__");if(y||I){var L=y?r.value():r,A=I?t.value():t;return a||(a=new Vr),f(L,A,e,o,a)}}return g?(a||(a=new Vr),ol(r,t,e,o,f,a)):!1}var nl=QA;function ml(r,t,e,o,f){return r===t?!0:r==null||t==null||!T(r)&&!T(t)?r!==r&&t!==t:nl(r,t,e,o,ml,f)}var Rt=ml;var r0=1,t0=2;function e0(r,t,e,o){var f=e.length,a=f,n=!o;if(r==null)return!a;for(r=Object(r);f--;){var m=e[f];if(n&&m[2]?m[1]!==r[m[0]]:!(m[0]in r))return!1}for(;++f<a;){m=e[f];var p=m[0],u=r[p],s=m[1];if(n&&m[2]){if(u===void 0&&!(p in r))return!1}else{var l=new Vr;if(o)var g=o(u,s,p,r,t,l);if(!(g===void 0?Rt(s,u,r0|t0,o,l):g))return!1}}return!0}var Se=e0;function o0(r){return r===r&&!S(r)}var lf=o0;function f0(r){for(var t=E(r),e=t.length;e--;){var o=t[e],f=r[o];t[e]=[o,f,lf(f)]}return t}var Te=f0;function a0(r,t){return function(e){return e==null?!1:e[r]===t&&(t!==void 0||r in Object(e))}}var df=a0;function i0(r){var t=Te(r);return t.length==1&&t[0][2]?df(t[0][0],t[0][1]):function(e){return e===r||Se(e,r,t)}}var cf=i0;function n0(r,t){return r!=null&&t in Object(r)}var pl=n0;function m0(r,t,e){t=_r(t,r);for(var o=-1,f=t.length,a=!1;++o<f;){var n=ar(t[o]);if(!(a=r!=null&&e(r,n)))break;r=r[n]}return a||++o!=f?a:(f=r==null?0:r.length,!!f&&it(f)&&lr(n,f)&&(c(r)||Pr(r)))}var xf=m0;function p0(r,t){return r!=null&&xf(r,t,pl)}var zt=p0;var u0=1,s0=2;function l0(r,t){return ue(r)&&lf(t)?df(ar(r),t):function(e){var o=jt(e,r);return o===void 0&&o===t?zt(e,r):Rt(t,o,u0|s0)}}var hf=l0;function d0(r){return function(t){return t?.[r]}}var we=d0;function c0(r){return function(t){return Cr(t,r)}}var ul=c0;function x0(r){return ue(r)?we(ar(r)):ul(r)}var uo=x0;function h0(r){return typeof r=="function"?r:r==null?D:typeof r=="object"?c(r)?hf(r[0],r[1]):cf(r):uo(r)}var d=h0;var g0="Expected a function";function b0(r){var t=r==null?0:r.length,e=d;return r=t?O(r,function(o){if(typeof o[1]!="function")throw new TypeError(g0);return[e(o[0]),o[1]]}):[],h(function(o){for(var f=-1;++f<t;){var a=r[f];if(X(a[0],this,o))return X(a[1],this,o)}})}var La=b0;function y0(r,t,e){var o=e.length;if(r==null)return!o;for(r=Object(r);o--;){var f=e[o],a=t[f],n=r[f];if(n===void 0&&!(f in r)||!a(n))return!1}return!0}var gf=y0;function v0(r){var t=E(r);return function(e){return gf(e,r,t)}}var sl=v0;var _0=1;function A0(r){return sl(hr(r,_0))}var Ea=A0;function I0(r,t){return t==null||gf(r,t,E(t))}var Pa=I0;function R0(r,t,e,o){for(var f=-1,a=r==null?0:r.length;++f<a;){var n=r[f];t(o,n,e(n),r)}return o}var ll=R0;function O0(r){return function(t,e,o){for(var f=-1,a=Object(t),n=o(t),m=n.length;m--;){var p=n[r?m:++f];if(e(a[p],p,a)===!1)break}return t}}var bf=O0;var S0=bf(),Le=S0;function T0(r,t){return r&&Le(r,t,E)}var gr=T0;function w0(r,t){return function(e,o){if(e==null)return e;if(!G(e))return r(e,o);for(var f=e.length,a=t?f:-1,n=Object(e);(t?a--:++a<f)&&o(n[a],a,n)!==!1;);return e}}var yf=w0;var L0=yf(gr),Or=L0;function E0(r,t,e,o){return Or(r,function(f,a,n){t(o,f,e(f),n)}),o}var dl=E0;function P0(r,t){return function(e,o){var f=c(e)?ll:dl,a=t?t():{};return f(e,r,d(o,2),a)}}var Ot=P0;var C0=Object.prototype,M0=C0.hasOwnProperty,F0=Ot(function(r,t,e){M0.call(r,e)?++r[e]:ir(r,e,1)}),Ca=F0;function W0(r,t){var e=jr(r);return t==null?e:Jo(e,t)}var Ma=W0;var B0=8;function Fa(r,t,e){t=e?void 0:t;var o=dr(r,B0,void 0,void 0,void 0,void 0,void 0,t);return o.placeholder=Fa.placeholder,o}Fa.placeholder={};var Wa=Fa;var N0=16;function Ba(r,t,e){t=e?void 0:t;var o=dr(r,N0,void 0,void 0,void 0,void 0,void 0,t);return o.placeholder=Ba.placeholder,o}Ba.placeholder={};var Na=Ba;var D0=function(){return C.Date.now()},Ht=D0;var j0="Expected a function",U0=Math.max,G0=Math.min;function k0(r,t,e){var o,f,a,n,m,p,u=0,s=!1,l=!1,g=!0;if(typeof r!="function")throw new TypeError(j0);t=or(t)||0,S(e)&&(s=!!e.leading,l="maxWait"in e,a=l?U0(or(e.maxWait)||0,t):a,g="trailing"in e?!!e.trailing:g);function y(er){var Yr=o,ot=f;return o=f=void 0,u=er,n=r.apply(ot,Yr),n}function I(er){return u=er,m=setTimeout(P,t),s?y(er):n}function L(er){var Yr=er-p,ot=er-u,Mp=t-Yr;return l?G0(Mp,a-ot):Mp}function A(er){var Yr=er-p,ot=er-u;return p===void 0||Yr>=t||Yr<0||l&&ot>=a}function P(){var er=Ht();if(A(er))return F(er);m=setTimeout(P,L(er))}function F(er){return m=void 0,g&&o?y(er):(o=f=void 0,n)}function Fr(){m!==void 0&&clearTimeout(m),u=0,o=p=f=m=void 0}function Sr(){return m===void 0?n:F(Ht())}function Wr(){var er=Ht(),Yr=A(er);if(o=arguments,f=this,p=er,Yr){if(m===void 0)return I(p);if(l)return clearTimeout(m),m=setTimeout(P,t),y(p)}return m===void 0&&(m=setTimeout(P,t)),n}return Wr.cancel=Fr,Wr.flush=Sr,Wr}var so=k0;function q0(r,t){return r==null||r!==r?t:r}var Da=q0;var cl=Object.prototype,z0=cl.hasOwnProperty,H0=h(function(r,t){r=Object(r);var e=-1,o=t.length,f=o>2?t[2]:void 0;for(f&&k(t[0],t[1],f)&&(o=1);++e<o;)for(var a=t[e],n=q(a),m=-1,p=n.length;++m<p;){var u=n[m],s=r[u];(s===void 0||Q(s,cl[u])&&!z0.call(r,u))&&(r[u]=a[u])}return r}),ja=H0;function K0(r,t,e){(e!==void 0&&!Q(r[t],e)||e===void 0&&!(t in r))&&ir(r,t,e)}var lo=K0;function Y0(r){return T(r)&&G(r)}var M=Y0;function X0(r,t){if(!(t==="constructor"&&typeof r[t]=="function")&&t!="__proto__")return r[t]}var co=X0;function $0(r){return nr(r,q(r))}var xo=$0;function Z0(r,t,e,o,f,a,n){var m=co(r,e),p=co(t,e),u=n.get(p);if(u){lo(r,e,u);return}var s=a?a(m,p,e+"",r,t,n):void 0,l=s===void 0;if(l){var g=c(p),y=!g&&vr(p),I=!g&&!y&&Br(p);s=p,g||y||I?c(m)?s=m:M(m)?s=z(m):y?(l=!1,s=Qo(p,!0)):I?(l=!1,s=ff(p,!0)):s=[]:Xr(p)||Pr(p)?(s=m,Pr(m)?s=xo(m):(!S(m)||pr(m))&&(s=af(p))):l=!1}l&&(n.set(p,s),f(s,p,o,a,n),n.delete(p)),lo(r,e,s)}var xl=Z0;function hl(r,t,e,o,f){r!==t&&Le(t,function(a,n){if(f||(f=new Vr),S(a))xl(r,t,n,e,hl,o,f);else{var m=o?o(co(r,n),a,n+"",r,t,f):void 0;m===void 0&&(m=a),lo(r,n,m)}},q)}var Ee=hl;function gl(r,t,e,o,f,a){return S(r)&&S(t)&&(a.set(t,r),Ee(r,t,void 0,gl,a),a.delete(t)),r}var bl=gl;var V0=kr(function(r,t,e,o){Ee(r,t,e,o)}),ho=V0;var J0=h(function(r){return r.push(void 0,bl),X(ho,void 0,r)}),Ua=J0;var Q0="Expected a function";function rI(r,t,e){if(typeof r!="function")throw new TypeError(Q0);return setTimeout(function(){r.apply(void 0,e)},t)}var vf=rI;var tI=h(function(r,t){return vf(r,1,t)}),Ga=tI;var eI=h(function(r,t,e){return vf(r,or(t)||0,e)}),ka=eI;function oI(r,t,e){for(var o=-1,f=r==null?0:r.length;++o<f;)if(e(t,r[o]))return!0;return!1}var Pe=oI;var fI=200;function aI(r,t,e,o){var f=-1,a=xt,n=!0,m=r.length,p=[],u=t.length;if(!m)return p;e&&(t=O(t,Z(e))),o?(a=Pe,n=!1):t.length>=fI&&(a=mt,n=!1,t=new At(t));r:for(;++f<m;){var s=r[f],l=e==null?s:e(s);if(s=o||s!==0?s:0,n&&l===l){for(var g=u;g--;)if(t[g]===l)continue r;p.push(s)}else a(t,l,o)||p.push(s)}return p}var Jr=aI;var iI=h(function(r,t){return M(r)?Jr(r,B(t,1,M,!0)):[]}),qa=iI;function nI(r){var t=r==null?0:r.length;return t?r[t-1]:void 0}var K=nI;var mI=h(function(r,t){var e=K(t);return M(e)&&(e=void 0),M(r)?Jr(r,B(t,1,M,!0),d(e,2)):[]}),za=mI;var pI=h(function(r,t){var e=K(t);return M(e)&&(e=void 0),M(r)?Jr(r,B(t,1,M,!0),void 0,e):[]}),Ha=pI;var uI=st(function(r,t){return r/t},1),Ka=uI;function sI(r,t,e){var o=r==null?0:r.length;return o?(t=e||t===void 0?1:x(t),rr(r,t<0?0:t,o)):[]}var Ya=sI;function lI(r,t,e){var o=r==null?0:r.length;return o?(t=e||t===void 0?1:x(t),t=o-t,rr(r,0,t<0?0:t)):[]}var Xa=lI;function dI(r,t,e,o){for(var f=r.length,a=o?f:-1;(o?a--:++a<f)&&t(r[a],a,r););return e?rr(r,o?0:a,o?a+1:f):rr(r,o?a+1:0,o?f:a)}var St=dI;function cI(r,t){return r&&r.length?St(r,d(t,3),!0,!0):[]}var $a=cI;function xI(r,t){return r&&r.length?St(r,d(t,3),!0):[]}var Za=xI;function hI(r){return typeof r=="function"?r:D}var mr=hI;function gI(r,t){var e=c(r)?fr:Or;return e(r,mr(t))}var Kt=gI;function bI(r,t){for(var e=r==null?0:r.length;e--&&t(r[e],e,r)!==!1;);return r}var yl=bI;var yI=bf(!0),_f=yI;function vI(r,t){return r&&_f(r,t,E)}var Ce=vI;var _I=yf(Ce,!0),Af=_I;function AI(r,t){var e=c(r)?yl:Af;return e(r,mr(t))}var Yt=AI;function II(r,t,e){r=v(r),t=tr(t);var o=r.length;e=e===void 0?o:Mr(x(e),0,o);var f=e;return e-=t.length,e>=0&&r.slice(e,f)==t}var Va=II;function RI(r,t){return O(t,function(e){return[e,r[e]]})}var vl=RI;function OI(r){var t=-1,e=Array(r.size);return r.forEach(function(o){e[++t]=[o,o]}),e}var _l=OI;var SI="[object Map]",TI="[object Set]";function wI(r){return function(t){var e=sr(t);return e==SI?Oe(t):e==TI?_l(t):vl(t,r(t))}}var If=wI;var LI=If(E),Xt=LI;var EI=If(q),$t=EI;var PI={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;"},CI=he(PI),Al=CI;var Il=/[&<>"']/g,MI=RegExp(Il.source);function FI(r){return r=v(r),r&&MI.test(r)?r.replace(Il,Al):r}var go=FI;var Rl=/[\\^$.*+?()[\]{}|]/g,WI=RegExp(Rl.source);function BI(r){return r=v(r),r&&WI.test(r)?r.replace(Rl,"\\$&"):r}var Ja=BI;function NI(r,t){for(var e=-1,o=r==null?0:r.length;++e<o;)if(!t(r[e],e,r))return!1;return!0}var Rf=NI;function DI(r,t){var e=!0;return Or(r,function(o,f,a){return e=!!t(o,f,a),e}),e}var Ol=DI;function jI(r,t,e){var o=c(r)?Rf:Ol;return e&&k(r,t,e)&&(t=void 0),o(r,d(t,3))}var Qa=jI;var UI=4294967295;function GI(r){return r?Mr(x(r),0,UI):0}var bo=GI;function kI(r,t,e,o){var f=r.length;for(e=x(e),e<0&&(e=-e>f?0:f+e),o=o===void 0||o>f?f:x(o),o<0&&(o+=f),o=e>o?0:bo(o);e<o;)r[e++]=t;return r}var Sl=kI;function qI(r,t,e,o){var f=r==null?0:r.length;return f?(e&&typeof e!="number"&&k(r,t,e)&&(e=0,o=f),Sl(r,t,e,o)):[]}var ri=qI;function zI(r,t){var e=[];return Or(r,function(o,f,a){t(o,f,a)&&e.push(o)}),e}var Of=zI;function HI(r,t){var e=c(r)?Rr:Of;return e(r,d(t,3))}var ti=HI;function KI(r){return function(t,e,o){var f=Object(t);if(!G(t)){var a=d(e,3);t=E(t),e=function(m){return a(f[m],m,f)}}var n=r(t,e,o);return n>-1?f[a?t[n]:n]:void 0}}var Sf=KI;var YI=Math.max;function XI(r,t,e){var o=r==null?0:r.length;if(!o)return-1;var f=e==null?0:x(e);return f<0&&(f=YI(o+f,0)),ct(r,d(t,3),f)}var yo=XI;var $I=Sf(yo),ei=$I;function ZI(r,t,e){var o;return e(r,function(f,a,n){if(t(f,a,n))return o=a,!1}),o}var Tf=ZI;function VI(r,t){return Tf(r,d(t,3),gr)}var oi=VI;var JI=Math.max,QI=Math.min;function r1(r,t,e){var o=r==null?0:r.length;if(!o)return-1;var f=o-1;return e!==void 0&&(f=x(e),f=e<0?JI(o+f,0):QI(f,o-1)),ct(r,d(t,3),f,!0)}var vo=r1;var t1=Sf(vo),fi=t1;function e1(r,t){return Tf(r,d(t,3),Ce)}var ai=e1;function o1(r){return r&&r.length?r[0]:void 0}var Zt=o1;function f1(r,t){var e=-1,o=G(r)?Array(r.length):[];return Or(r,function(f,a,n){o[++e]=t(f,a,n)}),o}var wf=f1;function a1(r,t){var e=c(r)?O:wf;return e(r,d(t,3))}var pt=a1;function i1(r,t){return B(pt(r,t),1)}var ii=i1;var n1=1/0;function m1(r,t){return B(pt(r,t),n1)}var ni=m1;function p1(r,t,e){return e=e===void 0?1:x(e),B(pt(r,t),e)}var mi=p1;var u1=1/0;function s1(r){var t=r==null?0:r.length;return t?B(r,u1):[]}var pi=s1;function l1(r,t){var e=r==null?0:r.length;return e?(t=t===void 0?1:x(t),B(r,t)):[]}var ui=l1;var d1=512;function c1(r){return dr(r,d1)}var si=c1;var x1=be("floor"),li=x1;var h1="Expected a function",g1=8,b1=32,y1=128,v1=256;function _1(r){return xr(function(t){var e=t.length,o=e,f=yr.prototype.thru;for(r&&t.reverse();o--;){var a=t[o];if(typeof a!="function")throw new TypeError(h1);if(f&&!n&&oe(a)=="wrapper")var n=new yr([],!0)}for(o=n?o:e;++o<e;){a=t[o];var m=oe(a),p=m=="wrapper"?ee(a):void 0;p&&Xe(p[0])&&p[1]==(y1|g1|b1|v1)&&!p[4].length&&p[9]==1?n=n[oe(p[0])].apply(n,p[3]):n=a.length==1&&Xe(a)?n[m]():n.thru(a)}return function(){var u=arguments,s=u[0];if(n&&u.length==1&&c(s))return n.plant(s).value();for(var l=0,g=e?t[l].apply(this,u):s;++l<e;)g=t[l].call(this,g);return g}})}var Lf=_1;var A1=Lf(),di=A1;var I1=Lf(!0),ci=I1;function R1(r,t){return r==null?r:Le(r,mr(t),q)}var xi=R1;function O1(r,t){return r==null?r:_f(r,mr(t),q)}var hi=O1;function S1(r,t){return r&&gr(r,mr(t))}var gi=S1;function T1(r,t){return r&&Ce(r,mr(t))}var bi=T1;function w1(r){for(var t=-1,e=r==null?0:r.length,o={};++t<e;){var f=r[t];ir(o,f[0],f[1])}return o}var yi=w1;function L1(r,t){return Rr(t,function(e){return pr(r[e])})}var Tt=L1;function E1(r){return r==null?[]:Tt(r,E(r))}var vi=E1;function P1(r){return r==null?[]:Tt(r,q(r))}var _i=P1;var C1=Object.prototype,M1=C1.hasOwnProperty,F1=Ot(function(r,t,e){M1.call(r,e)?r[e].push(t):ir(r,e,[t])}),Ai=F1;function W1(r,t){return r>t}var Me=W1;function B1(r){return function(t,e){return typeof t=="string"&&typeof e=="string"||(t=or(t),e=or(e)),r(t,e)}}var wt=B1;var N1=wt(Me),Ii=N1;var D1=wt(function(r,t){return r>=t}),Ri=D1;var j1=Object.prototype,U1=j1.hasOwnProperty;function G1(r,t){return r!=null&&U1.call(r,t)}var Tl=G1;function k1(r,t){return r!=null&&xf(r,t,Tl)}var Oi=k1;var q1=Math.max,z1=Math.min;function H1(r,t,e){return r>=z1(t,e)&&r<q1(t,e)}var wl=H1;function K1(r,t,e){return t=Tr(t),e===void 0?(e=t,t=0):e=Tr(e),r=or(r),wl(r,t,e)}var Si=K1;var Y1="[object String]";function X1(r){return typeof r=="string"||!c(r)&&T(r)&&U(r)==Y1}var ut=X1;function $1(r,t){return O(t,function(e){return r[e]})}var Fe=$1;function Z1(r){return r==null?[]:Fe(r,E(r))}var Nr=Z1;var V1=Math.max;function J1(r,t,e,o){r=G(r)?r:Nr(r),e=e&&!o?x(e):0;var f=r.length;return e<0&&(e=V1(f+e,0)),ut(r)?e<=f&&r.indexOf(t,e)>-1:!!f&&Ur(r,t,e)>-1}var Ti=J1;var Q1=Math.max;function rR(r,t,e){var o=r==null?0:r.length;if(!o)return-1;var f=e==null?0:x(e);return f<0&&(f=Q1(o+f,0)),Ur(r,t,f)}var wi=rR;function tR(r){var t=r==null?0:r.length;return t?rr(r,0,-1):[]}var Li=tR;var eR=Math.min;function oR(r,t,e){for(var o=e?Pe:xt,f=r[0].length,a=r.length,n=a,m=Array(a),p=1/0,u=[];n--;){var s=r[n];n&&t&&(s=O(s,Z(t))),p=eR(s.length,p),m[n]=!e&&(t||f>=120&&s.length>=120)?new At(n&&s):void 0}s=r[0];var l=-1,g=m[0];r:for(;++l<f&&u.length<p;){var y=s[l],I=t?t(y):y;if(y=e||y!==0?y:0,!(g?mt(g,I):o(u,I,e))){for(n=a;--n;){var L=m[n];if(!(L?mt(L,I):o(r[n],I,e)))continue r}g&&g.push(I),u.push(y)}}return u}var We=oR;function fR(r){return M(r)?r:[]}var Be=fR;var aR=h(function(r){var t=O(r,Be);return t.length&&t[0]===r[0]?We(t):[]}),Ei=aR;var iR=h(function(r){var t=K(r),e=O(r,Be);return t===K(e)?t=void 0:e.pop(),e.length&&e[0]===r[0]?We(e,d(t,2)):[]}),Pi=iR;var nR=h(function(r){var t=K(r),e=O(r,Be);return t=typeof t=="function"?t:void 0,t&&e.pop(),e.length&&e[0]===r[0]?We(e,void 0,t):[]}),Ci=nR;function mR(r,t,e,o){return gr(r,function(f,a,n){t(o,e(f),a,n)}),o}var Ll=mR;function pR(r,t){return function(e,o){return Ll(e,r,t(o),{})}}var Ef=pR;var uR=Object.prototype,sR=uR.toString,lR=Ef(function(r,t,e){t!=null&&typeof t.toString!="function"&&(t=sR.call(t)),r[t]=e},Ft(D)),Mi=lR;var El=Object.prototype,dR=El.hasOwnProperty,cR=El.toString,xR=Ef(function(r,t,e){t!=null&&typeof t.toString!="function"&&(t=cR.call(t)),dR.call(r,t)?r[t].push(e):r[t]=[e]},d),Fi=xR;function hR(r,t){return t.length<2?r:Cr(r,rr(t,0,-1))}var Pf=hR;function gR(r,t,e){t=_r(t,r),r=Pf(r,t);var o=r==null?r:r[ar(K(t))];return o==null?void 0:X(o,r,e)}var Qr=gR;var bR=h(Qr),Wi=bR;var yR=h(function(r,t,e){var o=-1,f=typeof t=="function",a=G(r)?Array(r.length):[];return Or(r,function(n){a[++o]=f?X(t,n,e):Qr(n,t,e)}),a}),Bi=yR;var vR="[object ArrayBuffer]";function _R(r){return T(r)&&U(r)==vR}var Pl=_R;var Cl=cr&&cr.isArrayBuffer,AR=Cl?Z(Cl):Pl,Ni=AR;var IR="[object Boolean]";function RR(r){return r===!0||r===!1||T(r)&&U(r)==IR}var Di=RR;var OR="[object Date]";function SR(r){return T(r)&&U(r)==OR}var Ml=SR;var Fl=cr&&cr.isDate,TR=Fl?Z(Fl):Ml,ji=TR;function wR(r){return T(r)&&r.nodeType===1&&!Xr(r)}var Ui=wR;var LR="[object Map]",ER="[object Set]",PR=Object.prototype,CR=PR.hasOwnProperty;function MR(r){if(r==null)return!0;if(G(r)&&(c(r)||typeof r=="string"||typeof r.splice=="function"||vr(r)||Br(r)||Pr(r)))return!r.length;var t=sr(r);if(t==LR||t==ER)return!r.size;if(Zr(r))return!me(r).length;for(var e in r)if(CR.call(r,e))return!1;return!0}var Gi=MR;function FR(r,t){return Rt(r,t)}var ki=FR;function WR(r,t,e){e=typeof e=="function"?e:void 0;var o=e?e(r,t):void 0;return o===void 0?Rt(r,t,void 0,e):!!o}var qi=WR;var BR=C.isFinite;function NR(r){return typeof r=="number"&&BR(r)}var zi=NR;function DR(r){return typeof r=="number"&&r==x(r)}var _o=DR;function jR(r,t){return r===t||Se(r,t,Te(t))}var Hi=jR;function UR(r,t,e){return e=typeof e=="function"?e:void 0,Se(r,t,Te(t),e)}var Ki=UR;var GR="[object Number]";function kR(r){return typeof r=="number"||T(r)&&U(r)==GR}var Ao=kR;function qR(r){return Ao(r)&&r!=+r}var Yi=qR;var zR=re?pr:Wt,Wl=zR;var HR="Unsupported core-js use. Try https://npms.io/search?q=ponyfill.";function KR(r){if(Wl(r))throw new Error(HR);return Fo(r)}var Xi=KR;function YR(r){return r==null}var $i=YR;function XR(r){return r===null}var Zi=XR;var $R="[object RegExp]";function ZR(r){return T(r)&&U(r)==$R}var Bl=ZR;var Nl=cr&&cr.isRegExp,VR=Nl?Z(Nl):Bl,Vt=VR;var Dl=9007199254740991;function JR(r){return _o(r)&&r>=-Dl&&r<=Dl}var Vi=JR;function QR(r){return r===void 0}var Ji=QR;var rO="[object WeakMap]";function tO(r){return T(r)&&sr(r)==rO}var Qi=tO;var eO="[object WeakSet]";function oO(r){return T(r)&&U(r)==eO}var rn=oO;var fO=1;function aO(r){return d(typeof r=="function"?r:hr(r,fO))}var tn=aO;var iO=Array.prototype,nO=iO.join;function mO(r,t){return r==null?"":nO.call(r,t)}var en=mO;var pO=zr(function(r,t,e){return r+(e?"-":"")+t.toLowerCase()}),on=pO;var uO=Ot(function(r,t,e){ir(r,e,t)}),fn=uO;function sO(r,t,e){for(var o=e+1;o--;)if(r[o]===t)return o;return o}var jl=sO;var lO=Math.max,dO=Math.min;function cO(r,t,e){var o=r==null?0:r.length;if(!o)return-1;var f=o;return e!==void 0&&(f=x(e),f=f<0?lO(o+f,0):dO(f,o-1)),t===t?jl(r,t,f):ct(r,zo,f,!0)}var an=cO;var xO=zr(function(r,t,e){return r+(e?" ":"")+t.toLowerCase()}),nn=xO;var hO=Vo("toLowerCase"),mn=hO;function gO(r,t){return r<t}var Ne=gO;var bO=wt(Ne),pn=bO;var yO=wt(function(r,t){return r<=t}),un=yO;function vO(r,t){var e={};return t=d(t,3),gr(r,function(o,f,a){ir(e,t(o,f,a),o)}),e}var sn=vO;function _O(r,t){var e={};return t=d(t,3),gr(r,function(o,f,a){ir(e,f,t(o,f,a))}),e}var ln=_O;var AO=1;function IO(r){return cf(hr(r,AO))}var dn=IO;var RO=1;function OO(r,t){return hf(r,hr(t,RO))}var cn=OO;function SO(r,t,e){for(var o=-1,f=r.length;++o<f;){var a=r[o],n=t(a);if(n!=null&&(m===void 0?n===n&&!Y(n):e(n,m)))var m=n,p=a}return p}var Lt=SO;function TO(r){return r&&r.length?Lt(r,D,Me):void 0}var xn=TO;function wO(r,t){return r&&r.length?Lt(r,d(t,2),Me):void 0}var hn=wO;function LO(r,t){for(var e,o=-1,f=r.length;++o<f;){var a=t(r[o]);a!==void 0&&(e=e===void 0?a:e+a)}return e}var De=LO;var EO=NaN;function PO(r,t){var e=r==null?0:r.length;return e?De(r,t)/e:EO}var Cf=PO;function CO(r){return Cf(r,D)}var gn=CO;function MO(r,t){return Cf(r,d(t,2))}var bn=MO;var FO=kr(function(r,t,e){Ee(r,t,e)}),yn=FO;var WO=h(function(r,t){return function(e){return Qr(e,r,t)}}),vn=WO;var BO=h(function(r,t){return function(e){return Qr(r,e,t)}}),_n=BO;function NO(r){return r&&r.length?Lt(r,D,Ne):void 0}var An=NO;function DO(r,t){return r&&r.length?Lt(r,d(t,2),Ne):void 0}var In=DO;function jO(r,t,e){var o=E(t),f=Tt(t,o),a=!(S(e)&&"chain"in e)||!!e.chain,n=pr(r);return fr(f,function(m){var p=t[m];r[m]=p,n&&(r.prototype[m]=function(){var u=this.__chain__;if(a||u){var s=r(this.__wrapped__),l=s.__actions__=z(this.__actions__);return l.push({func:p,args:arguments,thisArg:r}),s.__chain__=u,s}return p.apply(r,Ar([this.value()],arguments))})}),r}var Io=jO;var UO=st(function(r,t){return r*t},1),Rn=UO;var GO="Expected a function";function kO(r){if(typeof r!="function")throw new TypeError(GO);return function(){var t=arguments;switch(t.length){case 0:return!r.call(this);case 1:return!r.call(this,t[0]);case 2:return!r.call(this,t[0],t[1]);case 3:return!r.call(this,t[0],t[1],t[2])}return!r.apply(this,t)}}var rt=kO;function qO(r){for(var t,e=[];!(t=r.next()).done;)e.push(t.value);return e}var Ul=qO;var zO="[object Map]",HO="[object Set]",On=V?V.iterator:void 0;function KO(r){if(!r)return[];if(G(r))return ut(r)?ur(r):z(r);if(On&&r[On])return Ul(r[On]());var t=sr(r),e=t==zO?Oe:t==HO?It:Nr;return e(r)}var Ro=KO;function YO(){this.__values__===void 0&&(this.__values__=Ro(this.value()));var r=this.__index__>=this.__values__.length,t=r?void 0:this.__values__[this.__index__++];return{done:r,value:t}}var Mf=YO;function XO(r,t){var e=r.length;if(e)return t+=t<0?e:0,lr(t,e)?r[t]:void 0}var Ff=XO;function $O(r,t){return r&&r.length?Ff(r,x(t)):void 0}var Sn=$O;function ZO(r){return r=x(r),h(function(t){return Ff(t,r)})}var Tn=ZO;var VO=Object.prototype,JO=VO.hasOwnProperty;function QO(r,t){t=_r(t,r);var e=-1,o=t.length;if(!o)return!0;for(;++e<o;){var f=ar(t[e]);if(f==="__proto__"&&!JO.call(r,"__proto__")||(f==="constructor"||f==="prototype")&&e<o-1)return!1}var a=Pf(r,t);return a==null||delete a[ar(K(t))]}var je=QO;function rS(r){return Xr(r)?void 0:r}var Gl=rS;var tS=1,eS=2,oS=4,fS=xr(function(r,t){var e={};if(r==null)return e;var o=!1;t=O(t,function(a){return a=_r(a,r),o||(o=a.length>1),a}),nr(r,_e(r),e),o&&(e=hr(e,tS|eS|oS,Gl));for(var f=t.length;f--;)je(e,t[f]);return e}),wn=fS;function aS(r,t,e,o){if(!S(r))return r;t=_r(t,r);for(var f=-1,a=t.length,n=a-1,m=r;m!=null&&++f<a;){var p=ar(t[f]),u=e;if(p==="__proto__"||p==="constructor"||p==="prototype")return r;if(f!=n){var s=m[p];u=o?o(s,p,m):void 0,u===void 0&&(u=S(s)?s:lr(t[f+1])?[]:{})}$r(m,p,u),m=m[p]}return r}var tt=aS;function iS(r,t,e){for(var o=-1,f=t.length,a={};++o<f;){var n=t[o],m=Cr(r,n);e(m,n)&&tt(a,_r(n,r),m)}return a}var Wf=iS;function nS(r,t){if(r==null)return{};var e=O(_e(r),function(o){return[o]});return t=d(t),Wf(r,e,function(o,f){return t(o,f[0])})}var Oo=nS;function mS(r,t){return Oo(r,rt(d(t)))}var Ln=mS;function pS(r){return to(2,r)}var En=pS;function uS(r,t){var e=r.length;for(r.sort(t);e--;)r[e]=r[e].value;return r}var kl=uS;function sS(r,t){if(r!==t){var e=r!==void 0,o=r===null,f=r===r,a=Y(r),n=t!==void 0,m=t===null,p=t===t,u=Y(t);if(!m&&!u&&!a&&r>t||a&&n&&p&&!m&&!u||o&&n&&p||!e&&p||!f)return 1;if(!o&&!a&&!u&&r<t||u&&e&&f&&!o&&!a||m&&e&&f||!n&&f||!p)return-1}return 0}var Bf=sS;function lS(r,t,e){for(var o=-1,f=r.criteria,a=t.criteria,n=f.length,m=e.length;++o<n;){var p=Bf(f[o],a[o]);if(p){if(o>=m)return p;var u=e[o];return p*(u=="desc"?-1:1)}}return r.index-t.index}var ql=lS;function dS(r,t,e){t.length?t=O(t,function(a){return c(a)?function(n){return Cr(n,a.length===1?a[0]:a)}:a}):t=[D];var o=-1;t=O(t,Z(d));var f=wf(r,function(a,n,m){var p=O(t,function(u){return u(a)});return{criteria:p,index:++o,value:a}});return kl(f,function(a,n){return ql(a,n,e)})}var Nf=dS;function cS(r,t,e,o){return r==null?[]:(c(t)||(t=t==null?[]:[t]),e=o?void 0:e,c(e)||(e=e==null?[]:[e]),Nf(r,t,e))}var Pn=cS;function xS(r){return xr(function(t){return t=O(t,Z(d)),h(function(e){var o=this;return r(t,function(f){return X(f,o,e)})})})}var Ue=xS;var hS=Ue(O),Cn=hS;var gS=h,zl=gS;var bS=Math.min,yS=zl(function(r,t){t=t.length==1&&c(t[0])?O(t[0],Z(d)):O(B(t,1),Z(d));var e=t.length;return h(function(o){for(var f=-1,a=bS(o.length,e);++f<a;)o[f]=t[f].call(this,o[f]);return X(r,this,o)})}),Mn=yS;var vS=Ue(Rf),Fn=vS;var _S=Ue(Re),Wn=_S;var AS=9007199254740991,IS=Math.floor;function RS(r,t){var e="";if(!r||t<1||t>AS)return e;do t%2&&(e+=r),t=IS(t/2),t&&(r+=r);while(t);return e}var So=RS;var OS=we("length"),Hl=OS;var Yl="\\ud800-\\udfff",SS="\\u0300-\\u036f",TS="\\ufe20-\\ufe2f",wS="\\u20d0-\\u20ff",LS=SS+TS+wS,ES="\\ufe0e\\ufe0f",PS="["+Yl+"]",Bn="["+LS+"]",Nn="\\ud83c[\\udffb-\\udfff]",CS="(?:"+Bn+"|"+Nn+")",Xl="[^"+Yl+"]",$l="(?:\\ud83c[\\udde6-\\uddff]){2}",Zl="[\\ud800-\\udbff][\\udc00-\\udfff]",MS="\\u200d",Vl=CS+"?",Jl="["+ES+"]?",FS="(?:"+MS+"(?:"+[Xl,$l,Zl].join("|")+")"+Jl+Vl+")*",WS=Jl+Vl+FS,BS="(?:"+[Xl+Bn+"?",Bn,$l,Zl,PS].join("|")+")",Kl=RegExp(Nn+"(?="+Nn+")|"+BS+WS,"g");function NS(r){for(var t=Kl.lastIndex=0;Kl.test(r);)++t;return t}var Ql=NS;function DS(r){return qr(r)?Ql(r):Hl(r)}var Hr=DS;var jS=Math.ceil;function US(r,t){t=t===void 0?" ":tr(t);var e=t.length;if(e<2)return e?So(t,r):t;var o=So(t,jS(r/Hr(t)));return qr(t)?Ir(ur(o),0,r).join(""):o.slice(0,r)}var Jt=US;var GS=Math.ceil,kS=Math.floor;function qS(r,t,e){r=v(r),t=x(t);var o=t?Hr(r):0;if(!t||o>=t)return r;var f=(t-o)/2;return Jt(kS(f),e)+r+Jt(GS(f),e)}var Dn=qS;function zS(r,t,e){r=v(r),t=x(t);var o=t?Hr(r):0;return t&&o<t?r+Jt(t-o,e):r}var jn=zS;function HS(r,t,e){r=v(r),t=x(t);var o=t?Hr(r):0;return t&&o<t?Jt(t-o,e)+r:r}var Un=HS;var KS=/^\s+/,YS=C.parseInt;function XS(r,t,e){return e||t==null?t=0:t&&(t=+t),YS(v(r).replace(KS,""),t||0)}var Gn=XS;var $S=32,kn=h(function(r,t){var e=wr(t,Gr(kn));return dr(r,$S,void 0,t,e)});kn.placeholder={};var To=kn;var ZS=64,qn=h(function(r,t){var e=wr(t,Gr(qn));return dr(r,ZS,void 0,t,e)});qn.placeholder={};var zn=qn;var VS=Ot(function(r,t,e){r[e?0:1].push(t)},function(){return[[],[]]}),Hn=VS;function JS(r,t){return Wf(r,t,function(e,o){return zt(r,o)})}var rd=JS;var QS=xr(function(r,t){return r==null?{}:rd(r,t)}),Kn=QS;function rT(r){for(var t,e=this;e instanceof lt;){var o=Uo(e);o.__index__=0,o.__values__=void 0,t?f.__wrapped__=o:t=o;var f=o;e=e.__wrapped__}return f.__wrapped__=r,t}var Df=rT;function tT(r){return function(t){return r==null?void 0:Cr(r,t)}}var Yn=tT;function eT(r,t,e,o){for(var f=e-1,a=r.length;++f<a;)if(o(r[f],t))return f;return-1}var td=eT;var oT=Array.prototype,ed=oT.splice;function fT(r,t,e,o){var f=o?td:Ur,a=-1,n=t.length,m=r;for(r===t&&(t=z(t)),e&&(m=O(r,Z(e)));++a<n;)for(var p=0,u=t[a],s=e?e(u):u;(p=f(m,s,p,o))>-1;)m!==r&&ed.call(m,p,1),ed.call(r,p,1);return r}var Ge=fT;function aT(r,t){return r&&r.length&&t&&t.length?Ge(r,t):r}var wo=aT;var iT=h(wo),Xn=iT;function nT(r,t,e){return r&&r.length&&t&&t.length?Ge(r,t,d(e,2)):r}var $n=nT;function mT(r,t,e){return r&&r.length&&t&&t.length?Ge(r,t,void 0,e):r}var Zn=mT;var pT=Array.prototype,uT=pT.splice;function sT(r,t){for(var e=r?t.length:0,o=e-1;e--;){var f=t[e];if(e==o||f!==a){var a=f;lr(f)?uT.call(r,f,1):je(r,f)}}return r}var jf=sT;var lT=xr(function(r,t){var e=r==null?0:r.length,o=ce(r,t);return jf(r,O(t,function(f){return lr(f,e)?+f:f}).sort(Bf)),o}),Vn=lT;var dT=Math.floor,cT=Math.random;function xT(r,t){return r+dT(cT()*(t-r+1))}var ke=xT;var hT=parseFloat,gT=Math.min,bT=Math.random;function yT(r,t,e){if(e&&typeof e!="boolean"&&k(r,t,e)&&(t=e=void 0),e===void 0&&(typeof t=="boolean"?(e=t,t=void 0):typeof r=="boolean"&&(e=r,r=void 0)),r===void 0&&t===void 0?(r=0,t=1):(r=Tr(r),t===void 0?(t=r,r=0):t=Tr(t)),r>t){var o=r;r=t,t=o}if(e||r%1||t%1){var f=bT();return gT(r+f*(t-r+hT("1e-"+((f+"").length-1))),t)}return ke(r,t)}var Jn=yT;var vT=Math.ceil,_T=Math.max;function AT(r,t,e,o){for(var f=-1,a=_T(vT((t-r)/(e||1)),0),n=Array(a);a--;)n[o?a:++f]=r,r+=e;return n}var od=AT;function IT(r){return function(t,e,o){return o&&typeof o!="number"&&k(t,e,o)&&(e=o=void 0),t=Tr(t),e===void 0?(e=t,t=0):e=Tr(e),o=o===void 0?t<e?1:-1:Tr(o),od(t,e,o,r)}}var Uf=IT;var RT=Uf(),Qn=RT;var OT=Uf(!0),rm=OT;var ST=256,TT=xr(function(r,t){return dr(r,ST,void 0,void 0,void 0,t)}),tm=TT;function wT(r,t,e,o,f){return f(r,function(a,n,m){e=o?(o=!1,a):t(e,a,n,m)}),e}var Gf=wT;function LT(r,t,e){var o=c(r)?xe:Gf,f=arguments.length<3;return o(r,d(t,4),e,f,Or)}var em=LT;function ET(r,t,e,o){var f=r==null?0:r.length;for(o&&f&&(e=r[--f]);f--;)e=t(e,r[f],f,r);return e}var fd=ET;function PT(r,t,e){var o=c(r)?fd:Gf,f=arguments.length<3;return o(r,d(t,4),e,f,Af)}var om=PT;function CT(r,t){var e=c(r)?Rr:Of;return e(r,rt(d(t,3)))}var fm=CT;function MT(r,t){var e=[];if(!(r&&r.length))return e;var o=-1,f=[],a=r.length;for(t=d(t,3);++o<a;){var n=r[o];t(n,o,r)&&(e.push(n),f.push(o))}return jf(r,f),e}var am=MT;function FT(r,t,e){return(e?k(r,t,e):t===void 0)?t=1:t=x(t),So(v(r),t)}var im=FT;function WT(){var r=arguments,t=v(r[0]);return r.length<3?t:t.replace(r[1],r[2])}var nm=WT;var BT="Expected a function";function NT(r,t){if(typeof r!="function")throw new TypeError(BT);return t=t===void 0?t:x(t),h(r,t)}var mm=NT;function DT(r,t,e){t=_r(t,r);var o=-1,f=t.length;for(f||(f=1,r=void 0);++o<f;){var a=r?.[ar(t[o])];a===void 0&&(o=f,a=e),r=pr(a)?a.call(r):a}return r}var pm=DT;var jT=Array.prototype,UT=jT.reverse;function GT(r){return r==null?r:UT.call(r)}var qe=GT;var kT=be("round"),um=kT;function qT(r){var t=r.length;return t?r[ke(0,t-1)]:void 0}var kf=qT;function zT(r){return kf(Nr(r))}var ad=zT;function HT(r){var t=c(r)?kf:ad;return t(r)}var sm=HT;function KT(r,t){var e=-1,o=r.length,f=o-1;for(t=t===void 0?o:t;++e<t;){var a=ke(e,f),n=r[a];r[a]=r[e],r[e]=n}return r.length=t,r}var Et=KT;function YT(r,t){return Et(z(r),Mr(t,0,r.length))}var id=YT;function XT(r,t){var e=Nr(r);return Et(e,Mr(t,0,e.length))}var nd=XT;function $T(r,t,e){(e?k(r,t,e):t===void 0)?t=1:t=x(t);var o=c(r)?id:nd;return o(r,t)}var lm=$T;function ZT(r,t,e){return r==null?r:tt(r,t,e)}var dm=ZT;function VT(r,t,e,o){return o=typeof o=="function"?o:void 0,r==null?r:tt(r,t,e,o)}var cm=VT;function JT(r){return Et(z(r))}var md=JT;function QT(r){return Et(Nr(r))}var pd=QT;function rw(r){var t=c(r)?md:pd;return t(r)}var xm=rw;var tw="[object Map]",ew="[object Set]";function ow(r){if(r==null)return 0;if(G(r))return ut(r)?Hr(r):r.length;var t=sr(r);return t==tw||t==ew?r.size:me(r).length}var hm=ow;function fw(r,t,e){var o=r==null?0:r.length;return o?(e&&typeof e!="number"&&k(r,t,e)?(t=0,e=o):(t=t==null?0:x(t),e=e===void 0?o:x(e)),rr(r,t,e)):[]}var gm=fw;var aw=zr(function(r,t,e){return r+(e?"_":"")+t.toLowerCase()}),bm=aw;function iw(r,t){var e;return Or(r,function(o,f,a){return e=t(o,f,a),!e}),!!e}var ud=iw;function nw(r,t,e){var o=c(r)?Re:ud;return e&&k(r,t,e)&&(t=void 0),o(r,d(t,3))}var ym=nw;var mw=h(function(r,t){if(r==null)return[];var e=t.length;return e>1&&k(r,t[0],t[1])?t=[]:e>2&&k(t[0],t[1],t[2])&&(t=[t[0]]),Nf(r,B(t,1),[])}),vm=mw;var pw=4294967295,uw=pw-1,sw=Math.floor,lw=Math.min;function dw(r,t,e,o){var f=0,a=r==null?0:r.length;if(a===0)return 0;t=e(t);for(var n=t!==t,m=t===null,p=Y(t),u=t===void 0;f<a;){var s=sw((f+a)/2),l=e(r[s]),g=l!==void 0,y=l===null,I=l===l,L=Y(l);if(n)var A=o||I;else u?A=I&&(o||g):m?A=I&&g&&(o||!y):p?A=I&&g&&!y&&(o||!L):y||L?A=!1:A=o?l<=t:l<t;A?f=s+1:a=s}return lw(a,uw)}var ze=dw;var cw=4294967295,xw=cw>>>1;function hw(r,t,e){var o=0,f=r==null?o:r.length;if(typeof t=="number"&&t===t&&f<=xw){for(;o<f;){var a=o+f>>>1,n=r[a];n!==null&&!Y(n)&&(e?n<=t:n<t)?o=a+1:f=a}return f}return ze(r,t,D,e)}var Pt=hw;function gw(r,t){return Pt(r,t)}var _m=gw;function bw(r,t,e){return ze(r,t,d(e,2))}var Am=bw;function yw(r,t){var e=r==null?0:r.length;if(e){var o=Pt(r,t);if(o<e&&Q(r[o],t))return o}return-1}var Im=yw;function vw(r,t){return Pt(r,t,!0)}var Rm=vw;function _w(r,t,e){return ze(r,t,d(e,2),!0)}var Om=_w;function Aw(r,t){var e=r==null?0:r.length;if(e){var o=Pt(r,t,!0)-1;if(Q(r[o],t))return o}return-1}var Sm=Aw;function Iw(r,t){for(var e=-1,o=r.length,f=0,a=[];++e<o;){var n=r[e],m=t?t(n):n;if(!e||!Q(m,p)){var p=m;a[f++]=n===0?0:n}}return a}var qf=Iw;function Rw(r){return r&&r.length?qf(r):[]}var Tm=Rw;function Ow(r,t){return r&&r.length?qf(r,d(t,2)):[]}var wm=Ow;var Sw=4294967295;function Tw(r,t,e){return e&&typeof e!="number"&&k(r,t,e)&&(t=e=void 0),e=e===void 0?Sw:e>>>0,e?(r=v(r),r&&(typeof t=="string"||t!=null&&!Vt(t))&&(t=tr(t),!t&&qr(r))?Ir(ur(r),0,e):r.split(t,e)):[]}var Lm=Tw;var ww="Expected a function",Lw=Math.max;function Ew(r,t){if(typeof r!="function")throw new TypeError(ww);return t=t==null?0:Lw(x(t),0),h(function(e){var o=e[t],f=Ir(e,0,t);return o&&Ar(f,o),X(r,this,f)})}var Em=Ew;var Pw=zr(function(r,t,e){return r+(e?" ":"")+Gt(t)}),Pm=Pw;function Cw(r,t,e){return r=v(r),e=e==null?0:Mr(x(e),0,r.length),t=tr(t),r.slice(e,e+t.length)==t}var Cm=Cw;function Mw(){return{}}var Mm=Mw;function Fw(){return""}var Fm=Fw;function Ww(){return!0}var Wm=Ww;var Bw=st(function(r,t){return r-t},0),Bm=Bw;function Nw(r){return r&&r.length?De(r,D):0}var Nm=Nw;function Dw(r,t){return r&&r.length?De(r,d(t,2)):0}var Dm=Dw;function jw(r){var t=r==null?0:r.length;return t?rr(r,1,t):[]}var jm=jw;function Uw(r,t,e){return r&&r.length?(t=e||t===void 0?1:x(t),rr(r,0,t<0?0:t)):[]}var Um=Uw;function Gw(r,t,e){var o=r==null?0:r.length;return o?(t=e||t===void 0?1:x(t),t=o-t,rr(r,t<0?0:t,o)):[]}var Gm=Gw;function kw(r,t){return r&&r.length?St(r,d(t,3),!1,!0):[]}var km=kw;function qw(r,t){return r&&r.length?St(r,d(t,3)):[]}var qm=qw;function zw(r,t){return t(r),r}var zm=zw;var sd=Object.prototype,Hw=sd.hasOwnProperty;function Kw(r,t,e,o){return r===void 0||Q(r,sd[e])&&!Hw.call(o,e)?t:r}var Hm=Kw;var Yw={"\\":"\\","'":"'","\n":"n","\r":"r","\u2028":"u2028","\u2029":"u2029"};function Xw(r){return"\\"+Yw[r]}var ld=Xw;var $w=/<%=([\s\S]+?)%>/g,zf=$w;var Zw=/<%-([\s\S]+?)%>/g,dd=Zw;var Vw=/<%([\s\S]+?)%>/g,cd=Vw;var Jw={escape:dd,evaluate:cd,interpolate:zf,variable:"",imports:{_:{escape:go}}},He=Jw;var Qw="Invalid `variable` option passed into `_.template`",rL="Invalid `imports` option passed into `_.template`",tL=/\b__p \+= '';/g,eL=/\b(__p \+=) '' \+/g,oL=/(__e\(.*?\)|\b__t\)) \+\n'';/g,xd=/[()=,{}\[\]\/\s]/,fL=/\$\{([^\\}]*(?:\\.[^\\}]*)*)\}/g,Hf=/($^)/,aL=/['\n\r\u2028\u2029\\]/g,iL=Object.prototype,hd=iL.hasOwnProperty;function nL(r,t,e){var o=He.imports._.templateSettings||He;e&&k(r,t,e)&&(t=void 0),r=v(r),t=pe({},t,o,Hm);var f=pe({},t.imports,o.imports,Hm),a=E(f),n=Fe(f,a);fr(a,function(A){if(xd.test(A))throw new Error(rL)});var m,p,u=0,s=t.interpolate||Hf,l="__p += '",g=RegExp((t.escape||Hf).source+"|"+s.source+"|"+(s===zf?fL:Hf).source+"|"+(t.evaluate||Hf).source+"|$","g"),y=hd.call(t,"sourceURL")?"//# sourceURL="+(t.sourceURL+"").replace(/\s/g," ")+`
+`:"";r.replace(g,function(A,P,F,Fr,Sr,Wr){return F||(F=Fr),l+=r.slice(u,Wr).replace(aL,ld),P&&(m=!0,l+=`' +
+__e(`+P+`) +
+'`),Sr&&(p=!0,l+=`';
+`+Sr+`;
+__p += '`),F&&(l+=`' +
+((__t = (`+F+`)) == null ? '' : __t) +
+'`),u=Wr+A.length,A}),l+=`';
+`;var I=hd.call(t,"variable")&&t.variable;if(!I)l=`with (obj) {
+`+l+`
+}
+`;else if(xd.test(I))throw new Error(Qw);l=(p?l.replace(tL,""):l).replace(eL,"$1").replace(oL,"$1;"),l="function("+(I||"obj")+`) {
+`+(I?"":`obj || (obj = {});
+`)+"var __t, __p = ''"+(m?", __e = _.escape":"")+(p?`, __j = Array.prototype.join;
+function print() { __p += __j.call(arguments, '') }
+`:`;
+`)+l+`return __p
+}`;var L=ro(function(){return Function(a,y+"return "+l).apply(void 0,n)});if(L.source=l,Ut(L))throw L;return L}var Km=nL;var mL="Expected a function";function pL(r,t,e){var o=!0,f=!0;if(typeof r!="function")throw new TypeError(mL);return S(e)&&(o="leading"in e?!!e.leading:o,f="trailing"in e?!!e.trailing:f),so(r,t,{leading:o,maxWait:t,trailing:f})}var Ym=pL;function uL(r,t){return t(r)}var et=uL;var sL=9007199254740991,Xm=4294967295,lL=Math.min;function dL(r,t){if(r=x(r),r<1||r>sL)return[];var e=Xm,o=lL(r,Xm);t=mr(t),r-=Xm;for(var f=ne(o,t);++e<r;)t(e);return f}var $m=dL;function cL(){return this}var Kf=cL;function xL(r,t){var e=r;return e instanceof w&&(e=e.value()),xe(t,function(o,f){return f.func.apply(f.thisArg,Ar([o],f.args))},e)}var Yf=xL;function hL(){return Yf(this.__wrapped__,this.__actions__)}var Dr=hL;function gL(r){return v(r).toLowerCase()}var Zm=gL;function bL(r){return c(r)?O(r,ar):Y(r)?[r]:z(Zo(v(r)))}var Vm=bL;var gd=9007199254740991;function yL(r){return r?Mr(x(r),-gd,gd):r===0?r:0}var Jm=yL;function vL(r){return v(r).toUpperCase()}var Qm=vL;function _L(r,t,e){var o=c(r),f=o||vr(r)||Br(r);if(t=d(t,4),e==null){var a=r&&r.constructor;f?e=o?new a:[]:S(r)?e=pr(a)?jr(vt(r)):{}:e={}}return(f?fr:gr)(r,function(n,m,p){return t(e,n,m,p)}),e}var rp=_L;function AL(r,t){for(var e=r.length;e--&&Ur(t,r[e],0)>-1;);return e}var Xf=AL;function IL(r,t){for(var e=-1,o=r.length;++e<o&&Ur(t,r[e],0)>-1;);return e}var $f=IL;function RL(r,t,e){if(r=v(r),r&&(e||t===void 0))return Mo(r);if(!r||!(t=tr(t)))return r;var o=ur(r),f=ur(t),a=$f(o,f),n=Xf(o,f)+1;return Ir(o,a,n).join("")}var tp=RL;function OL(r,t,e){if(r=v(r),r&&(e||t===void 0))return r.slice(0,Co(r)+1);if(!r||!(t=tr(t)))return r;var o=ur(r),f=Xf(o,ur(t))+1;return Ir(o,0,f).join("")}var ep=OL;var SL=/^\s+/;function TL(r,t,e){if(r=v(r),r&&(e||t===void 0))return r.replace(SL,"");if(!r||!(t=tr(t)))return r;var o=ur(r),f=$f(o,ur(t));return Ir(o,f).join("")}var op=TL;var wL=30,LL="...",EL=/\w*$/;function PL(r,t){var e=wL,o=LL;if(S(t)){var f="separator"in t?t.separator:f;e="length"in t?x(t.length):e,o="omission"in t?tr(t.omission):o}r=v(r);var a=r.length;if(qr(r)){var n=ur(r);a=n.length}if(e>=a)return r;var m=e-Hr(o);if(m<1)return o;var p=n?Ir(n,0,m).join(""):r.slice(0,m);if(f===void 0)return p+o;if(n&&(m+=p.length-m),Vt(f)){if(r.slice(m).search(f)){var u,s=p;for(f.global||(f=RegExp(f.source,v(EL.exec(f))+"g")),f.lastIndex=0;u=f.exec(s);)var l=u.index;p=p.slice(0,l===void 0?m:l)}}else if(r.indexOf(tr(f),m)!=m){var g=p.lastIndexOf(f);g>-1&&(p=p.slice(0,g))}return p+o}var fp=PL;function CL(r){return Ze(r,1)}var ap=CL;var ML={"&amp;":"&","&lt;":"<","&gt;":">","&quot;":'"',"&#39;":"'"},FL=he(ML),bd=FL;var yd=/&(?:amp|lt|gt|quot|#39);/g,WL=RegExp(yd.source);function BL(r){return r=v(r),r&&WL.test(r)?r.replace(yd,bd):r}var ip=BL;var NL=1/0,DL=_t&&1/It(new _t([,-0]))[1]==NL?function(r){return new _t(r)}:Mt,vd=DL;var jL=200;function UL(r,t,e){var o=-1,f=xt,a=r.length,n=!0,m=[],p=m;if(e)n=!1,f=Pe;else if(a>=jL){var u=t?null:vd(r);if(u)return It(u);n=!1,f=mt,p=new At}else p=t?[]:m;r:for(;++o<a;){var s=r[o],l=t?t(s):s;if(s=e||s!==0?s:0,n&&l===l){for(var g=p.length;g--;)if(p[g]===l)continue r;t&&p.push(l),m.push(s)}else f(p,l,e)||(p!==m&&p.push(l),m.push(s))}return m}var Lr=UL;var GL=h(function(r){return Lr(B(r,1,M,!0))}),np=GL;var kL=h(function(r){var t=K(r);return M(t)&&(t=void 0),Lr(B(r,1,M,!0),d(t,2))}),mp=kL;var qL=h(function(r){var t=K(r);return t=typeof t=="function"?t:void 0,Lr(B(r,1,M,!0),void 0,t)}),pp=qL;function zL(r){return r&&r.length?Lr(r):[]}var up=zL;function HL(r,t){return r&&r.length?Lr(r,d(t,2)):[]}var sp=HL;function KL(r,t){return t=typeof t=="function"?t:void 0,r&&r.length?Lr(r,void 0,t):[]}var lp=KL;var YL=0;function XL(r){var t=++YL;return v(r)+t}var dp=XL;function $L(r,t){return r==null?!0:je(r,t)}var cp=$L;var ZL=Math.max;function VL(r){if(!(r&&r.length))return[];var t=0;return r=Rr(r,function(e){if(M(e))return t=ZL(e.length,t),!0}),ne(t,function(e){return O(r,we(e))})}var Qt=VL;function JL(r,t){if(!(r&&r.length))return[];var e=Qt(r);return t==null?e:O(e,function(o){return X(t,void 0,o)})}var Lo=JL;function QL(r,t,e,o){return tt(r,t,e(Cr(r,t)),o)}var Zf=QL;function rE(r,t,e){return r==null?r:Zf(r,t,mr(e))}var xp=rE;function tE(r,t,e,o){return o=typeof o=="function"?o:void 0,r==null?r:Zf(r,t,mr(e),o)}var hp=tE;var eE=zr(function(r,t,e){return r+(e?" ":"")+t.toUpperCase()}),gp=eE;function oE(r){return r==null?[]:Fe(r,q(r))}var bp=oE;var fE=h(function(r,t){return M(r)?Jr(r,t):[]}),yp=fE;function aE(r,t){return To(mr(t),r)}var vp=aE;var iE=xr(function(r){var t=r.length,e=t?r[0]:0,o=this.__wrapped__,f=function(a){return ce(a,r)};return t>1||this.__actions__.length||!(o instanceof w)||!lr(e)?this.thru(f):(o=o.slice(e,+e+(t?1:0)),o.__actions__.push({func:et,args:[f],thisArg:void 0}),new yr(o,this.__chain__).thru(function(a){return t&&!a.length&&a.push(void 0),a}))}),_p=iE;function nE(){return io(this)}var Ap=nE;function mE(){var r=this.__wrapped__;if(r instanceof w){var t=r;return this.__actions__.length&&(t=new w(this)),t=t.reverse(),t.__actions__.push({func:et,args:[qe],thisArg:void 0}),new yr(t,this.__chain__)}return this.thru(qe)}var Ip=mE;function pE(r,t,e){var o=r.length;if(o<2)return o?Lr(r[0]):[];for(var f=-1,a=Array(o);++f<o;)for(var n=r[f],m=-1;++m<o;)m!=f&&(a[f]=Jr(a[f]||n,r[m],t,e));return Lr(B(a,1),t,e)}var Ke=pE;var uE=h(function(r){return Ke(Rr(r,M))}),Rp=uE;var sE=h(function(r){var t=K(r);return M(t)&&(t=void 0),Ke(Rr(r,M),d(t,2))}),Op=sE;var lE=h(function(r){var t=K(r);return t=typeof t=="function"?t:void 0,Ke(Rr(r,M),void 0,t)}),Sp=lE;var dE=h(Qt),Tp=dE;function cE(r,t,e){for(var o=-1,f=r.length,a=t.length,n={};++o<f;){var m=o<a?t[o]:void 0;e(n,r[o],m)}return n}var Vf=cE;function xE(r,t){return Vf(r||[],t||[],$r)}var wp=xE;function hE(r,t){return Vf(r||[],t||[],tt)}var Lp=hE;var gE=h(function(r){var t=r.length,e=t>1?r[t-1]:void 0;return e=typeof e=="function"?(r.pop(),e):void 0,Lo(r,e)}),Ep=gE;var b={chunk:va,compact:Sa,concat:Ta,difference:qa,differenceBy:za,differenceWith:Ha,drop:Ya,dropRight:Xa,dropRightWhile:$a,dropWhile:Za,fill:ri,findIndex:yo,findLastIndex:vo,first:Zt,flatten:Qe,flattenDeep:pi,flattenDepth:ui,fromPairs:yi,head:Zt,indexOf:wi,initial:Li,intersection:Ei,intersectionBy:Pi,intersectionWith:Ci,join:en,last:K,lastIndexOf:an,nth:Sn,pull:Xn,pullAll:wo,pullAllBy:$n,pullAllWith:Zn,pullAt:Vn,remove:am,reverse:qe,slice:gm,sortedIndex:_m,sortedIndexBy:Am,sortedIndexOf:Im,sortedLastIndex:Rm,sortedLastIndexBy:Om,sortedLastIndexOf:Sm,sortedUniq:Tm,sortedUniqBy:wm,tail:jm,take:Um,takeRight:Gm,takeRightWhile:km,takeWhile:qm,union:np,unionBy:mp,unionWith:pp,uniq:up,uniqBy:sp,uniqWith:lp,unzip:Qt,unzipWith:Lo,without:yp,xor:Rp,xorBy:Op,xorWith:Sp,zip:Tp,zipObject:wp,zipObjectDeep:Lp,zipWith:Ep};var j={countBy:Ca,each:Kt,eachRight:Yt,every:Qa,filter:ti,find:ei,findLast:fi,flatMap:ii,flatMapDeep:ni,flatMapDepth:mi,forEach:Kt,forEachRight:Yt,groupBy:Ai,includes:Ti,invokeMap:Bi,keyBy:fn,map:pt,orderBy:Pn,partition:Hn,reduce:em,reduceRight:om,reject:fm,sample:sm,sampleSize:lm,shuffle:xm,size:hm,some:ym,sortBy:vm};var Pp={now:Ht};var J={after:ra,ary:Ze,before:to,bind:eo,bindKey:ca,curry:Wa,curryRight:Na,debounce:so,defer:Ga,delay:ka,flip:si,memoize:Je,negate:rt,once:En,overArgs:Mn,partial:To,partialRight:zn,rearg:tm,rest:mm,spread:Em,throttle:Ym,unary:ap,wrap:vp};var _={castArray:ba,clone:Aa,cloneDeep:Ia,cloneDeepWith:Ra,cloneWith:Oa,conformsTo:Pa,eq:Q,gt:Ii,gte:Ri,isArguments:Pr,isArray:c,isArrayBuffer:Ni,isArrayLike:G,isArrayLikeObject:M,isBoolean:Di,isBuffer:vr,isDate:ji,isElement:Ui,isEmpty:Gi,isEqual:ki,isEqualWith:qi,isError:Ut,isFinite:zi,isFunction:pr,isInteger:_o,isLength:it,isMap:mo,isMatch:Hi,isMatchWith:Ki,isNaN:Yi,isNative:Xi,isNil:$i,isNull:Zi,isNumber:Ao,isObject:S,isObjectLike:T,isPlainObject:Xr,isRegExp:Vt,isSafeInteger:Vi,isSet:po,isString:ut,isSymbol:Y,isTypedArray:Br,isUndefined:Ji,isWeakMap:Qi,isWeakSet:rn,lt:pn,lte:un,toArray:Ro,toFinite:Tr,toInteger:x,toLength:bo,toNumber:or,toPlainObject:xo,toSafeInteger:Jm,toString:v};var br={add:Qf,ceil:ya,divide:Ka,floor:li,max:xn,maxBy:hn,mean:gn,meanBy:bn,min:An,minBy:In,multiply:Rn,round:um,subtract:Bm,sum:Nm,sumBy:Dm};var Eo={clamp:_a,inRange:Si,random:Jn};var R={assign:na,assignIn:Bt,assignInWith:Nt,assignWith:pe,at:ua,create:Ma,defaults:ja,defaultsDeep:Ua,entries:Xt,entriesIn:$t,extend:Bt,extendWith:Nt,findKey:oi,findLastKey:ai,forIn:xi,forInRight:hi,forOwn:gi,forOwnRight:bi,functions:vi,functionsIn:_i,get:jt,has:Oi,hasIn:zt,invert:Mi,invertBy:Fi,invoke:Wi,keys:E,keysIn:q,mapKeys:sn,mapValues:ln,merge:yn,mergeWith:ho,omit:wn,omitBy:Ln,pick:Kn,pickBy:Oo,result:pm,set:dm,setWith:cm,toPairs:Xt,toPairsIn:$t,transform:rp,unset:cp,update:xp,updateWith:hp,values:Nr,valuesIn:bp};var Kr={at:_p,chain:io,commit:mf,lodash:i,next:Mf,plant:Df,reverse:Ip,tap:zm,thru:et,toIterator:Kf,toJSON:Dr,value:Dr,valueOf:Dr,wrapperChain:Ap};var W={camelCase:ga,capitalize:oo,deburr:fo,endsWith:Va,escape:go,escapeRegExp:Ja,kebabCase:on,lowerCase:nn,lowerFirst:mn,pad:Dn,padEnd:jn,padStart:Un,parseInt:Gn,repeat:im,replace:nm,snakeCase:bm,split:Lm,startCase:Pm,startsWith:Cm,template:Km,templateSettings:He,toLower:Zm,toUpper:Qm,trim:tp,trimEnd:ep,trimStart:op,truncate:fp,unescape:ip,upperCase:gp,upperFirst:Gt,words:ao};var N={attempt:ro,bindAll:la,cond:La,conforms:Ea,constant:Ft,defaultTo:Da,flow:di,flowRight:ci,identity:D,iteratee:tn,matches:dn,matchesProperty:cn,method:vn,methodOf:_n,mixin:Io,noop:Mt,nthArg:Tn,over:Cn,overEvery:Fn,overSome:Wn,property:uo,propertyOf:Yn,range:Qn,rangeRight:rm,stubArray:kt,stubFalse:Wt,stubObject:Mm,stubString:Fm,stubTrue:Wm,times:$m,toPath:Vm,uniqueId:dp};function bE(){var r=new w(this.__wrapped__);return r.__actions__=z(this.__actions__),r.__dir__=this.__dir__,r.__filtered__=this.__filtered__,r.__iteratees__=z(this.__iteratees__),r.__takeCount__=this.__takeCount__,r.__views__=z(this.__views__),r}var _d=bE;function yE(){if(this.__filtered__){var r=new w(this);r.__dir__=-1,r.__filtered__=!0}else r=this.clone(),r.__dir__*=-1;return r}var Ad=yE;var vE=Math.max,_E=Math.min;function AE(r,t,e){for(var o=-1,f=e.length;++o<f;){var a=e[o],n=a.size;switch(a.type){case"drop":r+=n;break;case"dropRight":t-=n;break;case"take":t=_E(t,r+n);break;case"takeRight":r=vE(r,t-n);break}}return{start:r,end:t}}var Id=AE;var IE=1,RE=2,OE=Math.min;function SE(){var r=this.__wrapped__.value(),t=this.__dir__,e=c(r),o=t<0,f=e?r.length:0,a=Id(0,f,this.__views__),n=a.start,m=a.end,p=m-n,u=o?m:n-1,s=this.__iteratees__,l=s.length,g=0,y=OE(p,this.__takeCount__);if(!e||!o&&f==p&&y==p)return Yf(r,this.__actions__);var I=[];r:for(;p--&&g<y;){u+=t;for(var L=-1,A=r[u];++L<l;){var P=s[L],F=P.iteratee,Fr=P.type,Sr=F(A);if(Fr==RE)A=Sr;else if(!Sr){if(Fr==IE)continue r;break r}}I[g++]=A}return I}var Rd=SE;var TE="4.18.1",wE=2,LE=1,EE=3,Td=4294967295,PE=Array.prototype,CE=Object.prototype,wd=CE.hasOwnProperty,Od=V?V.iterator:void 0,ME=Math.max,Sd=Math.min,Cp=function(r){return function(t,e,o){if(o==null){var f=S(e),a=f&&E(e),n=a&&a.length&&Tt(e,a);(n?n.length:f)||(o=e,e=t,t=this)}return r(t,e,o)}}(Io);i.after=J.after;i.ary=J.ary;i.assign=R.assign;i.assignIn=R.assignIn;i.assignInWith=R.assignInWith;i.assignWith=R.assignWith;i.at=R.at;i.before=J.before;i.bind=J.bind;i.bindAll=N.bindAll;i.bindKey=J.bindKey;i.castArray=_.castArray;i.chain=Kr.chain;i.chunk=b.chunk;i.compact=b.compact;i.concat=b.concat;i.cond=N.cond;i.conforms=N.conforms;i.constant=N.constant;i.countBy=j.countBy;i.create=R.create;i.curry=J.curry;i.curryRight=J.curryRight;i.debounce=J.debounce;i.defaults=R.defaults;i.defaultsDeep=R.defaultsDeep;i.defer=J.defer;i.delay=J.delay;i.difference=b.difference;i.differenceBy=b.differenceBy;i.differenceWith=b.differenceWith;i.drop=b.drop;i.dropRight=b.dropRight;i.dropRightWhile=b.dropRightWhile;i.dropWhile=b.dropWhile;i.fill=b.fill;i.filter=j.filter;i.flatMap=j.flatMap;i.flatMapDeep=j.flatMapDeep;i.flatMapDepth=j.flatMapDepth;i.flatten=b.flatten;i.flattenDeep=b.flattenDeep;i.flattenDepth=b.flattenDepth;i.flip=J.flip;i.flow=N.flow;i.flowRight=N.flowRight;i.fromPairs=b.fromPairs;i.functions=R.functions;i.functionsIn=R.functionsIn;i.groupBy=j.groupBy;i.initial=b.initial;i.intersection=b.intersection;i.intersectionBy=b.intersectionBy;i.intersectionWith=b.intersectionWith;i.invert=R.invert;i.invertBy=R.invertBy;i.invokeMap=j.invokeMap;i.iteratee=N.iteratee;i.keyBy=j.keyBy;i.keys=E;i.keysIn=R.keysIn;i.map=j.map;i.mapKeys=R.mapKeys;i.mapValues=R.mapValues;i.matches=N.matches;i.matchesProperty=N.matchesProperty;i.memoize=J.memoize;i.merge=R.merge;i.mergeWith=R.mergeWith;i.method=N.method;i.methodOf=N.methodOf;i.mixin=Cp;i.negate=rt;i.nthArg=N.nthArg;i.omit=R.omit;i.omitBy=R.omitBy;i.once=J.once;i.orderBy=j.orderBy;i.over=N.over;i.overArgs=J.overArgs;i.overEvery=N.overEvery;i.overSome=N.overSome;i.partial=J.partial;i.partialRight=J.partialRight;i.partition=j.partition;i.pick=R.pick;i.pickBy=R.pickBy;i.property=N.property;i.propertyOf=N.propertyOf;i.pull=b.pull;i.pullAll=b.pullAll;i.pullAllBy=b.pullAllBy;i.pullAllWith=b.pullAllWith;i.pullAt=b.pullAt;i.range=N.range;i.rangeRight=N.rangeRight;i.rearg=J.rearg;i.reject=j.reject;i.remove=b.remove;i.rest=J.rest;i.reverse=b.reverse;i.sampleSize=j.sampleSize;i.set=R.set;i.setWith=R.setWith;i.shuffle=j.shuffle;i.slice=b.slice;i.sortBy=j.sortBy;i.sortedUniq=b.sortedUniq;i.sortedUniqBy=b.sortedUniqBy;i.split=W.split;i.spread=J.spread;i.tail=b.tail;i.take=b.take;i.takeRight=b.takeRight;i.takeRightWhile=b.takeRightWhile;i.takeWhile=b.takeWhile;i.tap=Kr.tap;i.throttle=J.throttle;i.thru=et;i.toArray=_.toArray;i.toPairs=R.toPairs;i.toPairsIn=R.toPairsIn;i.toPath=N.toPath;i.toPlainObject=_.toPlainObject;i.transform=R.transform;i.unary=J.unary;i.union=b.union;i.unionBy=b.unionBy;i.unionWith=b.unionWith;i.uniq=b.uniq;i.uniqBy=b.uniqBy;i.uniqWith=b.uniqWith;i.unset=R.unset;i.unzip=b.unzip;i.unzipWith=b.unzipWith;i.update=R.update;i.updateWith=R.updateWith;i.values=R.values;i.valuesIn=R.valuesIn;i.without=b.without;i.words=W.words;i.wrap=J.wrap;i.xor=b.xor;i.xorBy=b.xorBy;i.xorWith=b.xorWith;i.zip=b.zip;i.zipObject=b.zipObject;i.zipObjectDeep=b.zipObjectDeep;i.zipWith=b.zipWith;i.entries=R.toPairs;i.entriesIn=R.toPairsIn;i.extend=R.assignIn;i.extendWith=R.assignInWith;Cp(i,i);i.add=br.add;i.attempt=N.attempt;i.camelCase=W.camelCase;i.capitalize=W.capitalize;i.ceil=br.ceil;i.clamp=Eo.clamp;i.clone=_.clone;i.cloneDeep=_.cloneDeep;i.cloneDeepWith=_.cloneDeepWith;i.cloneWith=_.cloneWith;i.conformsTo=_.conformsTo;i.deburr=W.deburr;i.defaultTo=N.defaultTo;i.divide=br.divide;i.endsWith=W.endsWith;i.eq=_.eq;i.escape=W.escape;i.escapeRegExp=W.escapeRegExp;i.every=j.every;i.find=j.find;i.findIndex=b.findIndex;i.findKey=R.findKey;i.findLast=j.findLast;i.findLastIndex=b.findLastIndex;i.findLastKey=R.findLastKey;i.floor=br.floor;i.forEach=j.forEach;i.forEachRight=j.forEachRight;i.forIn=R.forIn;i.forInRight=R.forInRight;i.forOwn=R.forOwn;i.forOwnRight=R.forOwnRight;i.get=R.get;i.gt=_.gt;i.gte=_.gte;i.has=R.has;i.hasIn=R.hasIn;i.head=b.head;i.identity=D;i.includes=j.includes;i.indexOf=b.indexOf;i.inRange=Eo.inRange;i.invoke=R.invoke;i.isArguments=_.isArguments;i.isArray=c;i.isArrayBuffer=_.isArrayBuffer;i.isArrayLike=_.isArrayLike;i.isArrayLikeObject=_.isArrayLikeObject;i.isBoolean=_.isBoolean;i.isBuffer=_.isBuffer;i.isDate=_.isDate;i.isElement=_.isElement;i.isEmpty=_.isEmpty;i.isEqual=_.isEqual;i.isEqualWith=_.isEqualWith;i.isError=_.isError;i.isFinite=_.isFinite;i.isFunction=_.isFunction;i.isInteger=_.isInteger;i.isLength=_.isLength;i.isMap=_.isMap;i.isMatch=_.isMatch;i.isMatchWith=_.isMatchWith;i.isNaN=_.isNaN;i.isNative=_.isNative;i.isNil=_.isNil;i.isNull=_.isNull;i.isNumber=_.isNumber;i.isObject=S;i.isObjectLike=_.isObjectLike;i.isPlainObject=_.isPlainObject;i.isRegExp=_.isRegExp;i.isSafeInteger=_.isSafeInteger;i.isSet=_.isSet;i.isString=_.isString;i.isSymbol=_.isSymbol;i.isTypedArray=_.isTypedArray;i.isUndefined=_.isUndefined;i.isWeakMap=_.isWeakMap;i.isWeakSet=_.isWeakSet;i.join=b.join;i.kebabCase=W.kebabCase;i.last=K;i.lastIndexOf=b.lastIndexOf;i.lowerCase=W.lowerCase;i.lowerFirst=W.lowerFirst;i.lt=_.lt;i.lte=_.lte;i.max=br.max;i.maxBy=br.maxBy;i.mean=br.mean;i.meanBy=br.meanBy;i.min=br.min;i.minBy=br.minBy;i.stubArray=N.stubArray;i.stubFalse=N.stubFalse;i.stubObject=N.stubObject;i.stubString=N.stubString;i.stubTrue=N.stubTrue;i.multiply=br.multiply;i.nth=b.nth;i.noop=N.noop;i.now=Pp.now;i.pad=W.pad;i.padEnd=W.padEnd;i.padStart=W.padStart;i.parseInt=W.parseInt;i.random=Eo.random;i.reduce=j.reduce;i.reduceRight=j.reduceRight;i.repeat=W.repeat;i.replace=W.replace;i.result=R.result;i.round=br.round;i.sample=j.sample;i.size=j.size;i.snakeCase=W.snakeCase;i.some=j.some;i.sortedIndex=b.sortedIndex;i.sortedIndexBy=b.sortedIndexBy;i.sortedIndexOf=b.sortedIndexOf;i.sortedLastIndex=b.sortedLastIndex;i.sortedLastIndexBy=b.sortedLastIndexBy;i.sortedLastIndexOf=b.sortedLastIndexOf;i.startCase=W.startCase;i.startsWith=W.startsWith;i.subtract=br.subtract;i.sum=br.sum;i.sumBy=br.sumBy;i.template=W.template;i.times=N.times;i.toFinite=_.toFinite;i.toInteger=x;i.toLength=_.toLength;i.toLower=W.toLower;i.toNumber=_.toNumber;i.toSafeInteger=_.toSafeInteger;i.toString=_.toString;i.toUpper=W.toUpper;i.trim=W.trim;i.trimEnd=W.trimEnd;i.trimStart=W.trimStart;i.truncate=W.truncate;i.unescape=W.unescape;i.uniqueId=N.uniqueId;i.upperCase=W.upperCase;i.upperFirst=W.upperFirst;i.each=j.forEach;i.eachRight=j.forEachRight;i.first=b.head;Cp(i,function(){var r={};return gr(i,function(t,e){wd.call(i.prototype,e)||(r[e]=t)}),r}(),{chain:!1});i.VERSION=TE;(i.templateSettings=W.templateSettings).imports._=i;fr(["bind","bindKey","curry","curryRight","partial","partialRight"],function(r){i[r].placeholder=i});fr(["drop","take"],function(r,t){w.prototype[r]=function(e){e=e===void 0?1:ME(x(e),0);var o=this.__filtered__&&!t?new w(this):this.clone();return o.__filtered__?o.__takeCount__=Sd(e,o.__takeCount__):o.__views__.push({size:Sd(e,Td),type:r+(o.__dir__<0?"Right":"")}),o},w.prototype[r+"Right"]=function(e){return this.reverse()[r](e).reverse()}});fr(["filter","map","takeWhile"],function(r,t){var e=t+1,o=e==LE||e==EE;w.prototype[r]=function(f){var a=this.clone();return a.__iteratees__.push({iteratee:d(f,3),type:e}),a.__filtered__=a.__filtered__||o,a}});fr(["head","last"],function(r,t){var e="take"+(t?"Right":"");w.prototype[r]=function(){return this[e](1).value()[0]}});fr(["initial","tail"],function(r,t){var e="drop"+(t?"":"Right");w.prototype[r]=function(){return this.__filtered__?new w(this):this[e](1)}});w.prototype.compact=function(){return this.filter(D)};w.prototype.find=function(r){return this.filter(r).head()};w.prototype.findLast=function(r){return this.reverse().find(r)};w.prototype.invokeMap=h(function(r,t){return typeof r=="function"?new w(this):this.map(function(e){return Qr(e,r,t)})});w.prototype.reject=function(r){return this.filter(rt(d(r)))};w.prototype.slice=function(r,t){r=x(r);var e=this;return e.__filtered__&&(r>0||t<0)?new w(e):(r<0?e=e.takeRight(-r):r&&(e=e.drop(r)),t!==void 0&&(t=x(t),e=t<0?e.dropRight(-t):e.take(t-r)),e)};w.prototype.takeRightWhile=function(r){return this.reverse().takeWhile(r).reverse()};w.prototype.toArray=function(){return this.take(Td)};gr(w.prototype,function(r,t){var e=/^(?:filter|find|map|reject)|While$/.test(t),o=/^(?:head|last)$/.test(t),f=i[o?"take"+(t=="last"?"Right":""):t],a=o||/^find/.test(t);f&&(i.prototype[t]=function(){var n=this.__wrapped__,m=o?[1]:arguments,p=n instanceof w,u=m[0],s=p||c(n),l=function(P){var F=f.apply(i,Ar([P],m));return o&&g?F[0]:F};s&&e&&typeof u=="function"&&u.length!=1&&(p=s=!1);var g=this.__chain__,y=!!this.__actions__.length,I=a&&!g,L=p&&!y;if(!a&&s){n=L?n:new w(this);var A=r.apply(n,m);return A.__actions__.push({func:et,args:[l],thisArg:void 0}),new yr(A,g)}return I&&L?r.apply(this,m):(A=this.thru(l),I?o?A.value()[0]:A.value():A)})});fr(["pop","push","shift","sort","splice","unshift"],function(r){var t=PE[r],e=/^(?:push|sort|unshift)$/.test(r)?"tap":"thru",o=/^(?:pop|shift)$/.test(r);i.prototype[r]=function(){var f=arguments;if(o&&!this.__chain__){var a=this.value();return t.apply(c(a)?a:[],f)}return this[e](function(n){return t.apply(c(n)?n:[],f)})}});gr(w.prototype,function(r,t){var e=i[t];if(e){var o=e.name+"";wd.call(dt,o)||(dt[o]=[]),dt[o].push({name:t,func:e})}});dt[ie(void 0,wE).name]=[{name:"wrapper",func:void 0}];w.prototype.clone=_d;w.prototype.reverse=Ad;w.prototype.value=Rd;i.prototype.at=Kr.at;i.prototype.chain=Kr.wrapperChain;i.prototype.commit=Kr.commit;i.prototype.next=Kr.next;i.prototype.plant=Kr.plant;i.prototype.reverse=Kr.reverse;i.prototype.toJSON=i.prototype.valueOf=i.prototype.value=Kr.value;i.prototype.first=i.prototype.head;Od&&(i.prototype[Od]=Kr.toIterator);var FE=i;export{Qf as add,ra as after,Ze as ary,na as assign,Bt as assignIn,Nt as assignInWith,pe as assignWith,ua as at,ro as attempt,to as before,eo as bind,la as bindAll,ca as bindKey,ga as camelCase,oo as capitalize,ba as castArray,ya as ceil,io as chain,va as chunk,_a as clamp,Aa as clone,Ia as cloneDeep,Ra as cloneDeepWith,Oa as cloneWith,mf as commit,Sa as compact,Ta as concat,La as cond,Ea as conforms,Pa as conformsTo,Ft as constant,Ca as countBy,Ma as create,Wa as curry,Na as curryRight,so as debounce,fo as deburr,FE as default,Da as defaultTo,ja as defaults,Ua as defaultsDeep,Ga as defer,ka as delay,qa as difference,za as differenceBy,Ha as differenceWith,Ka as divide,Ya as drop,Xa as dropRight,$a as dropRightWhile,Za as dropWhile,Kt as each,Yt as eachRight,Va as endsWith,Xt as entries,$t as entriesIn,Q as eq,go as escape,Ja as escapeRegExp,Qa as every,Bt as extend,Nt as extendWith,ri as fill,ti as filter,ei as find,yo as findIndex,oi as findKey,fi as findLast,vo as findLastIndex,ai as findLastKey,Zt as first,ii as flatMap,ni as flatMapDeep,mi as flatMapDepth,Qe as flatten,pi as flattenDeep,ui as flattenDepth,si as flip,li as floor,di as flow,ci as flowRight,Kt as forEach,Yt as forEachRight,xi as forIn,hi as forInRight,gi as forOwn,bi as forOwnRight,yi as fromPairs,vi as functions,_i as functionsIn,jt as get,Ai as groupBy,Ii as gt,Ri as gte,Oi as has,zt as hasIn,Zt as head,D as identity,Si as inRange,Ti as includes,wi as indexOf,Li as initial,Ei as intersection,Pi as intersectionBy,Ci as intersectionWith,Mi as invert,Fi as invertBy,Wi as invoke,Bi as invokeMap,Pr as isArguments,c as isArray,Ni as isArrayBuffer,G as isArrayLike,M as isArrayLikeObject,Di as isBoolean,vr as isBuffer,ji as isDate,Ui as isElement,Gi as isEmpty,ki as isEqual,qi as isEqualWith,Ut as isError,zi as isFinite,pr as isFunction,_o as isInteger,it as isLength,mo as isMap,Hi as isMatch,Ki as isMatchWith,Yi as isNaN,Xi as isNative,$i as isNil,Zi as isNull,Ao as isNumber,S as isObject,T as isObjectLike,Xr as isPlainObject,Vt as isRegExp,Vi as isSafeInteger,po as isSet,ut as isString,Y as isSymbol,Br as isTypedArray,Ji as isUndefined,Qi as isWeakMap,rn as isWeakSet,tn as iteratee,en as join,on as kebabCase,fn as keyBy,E as keys,q as keysIn,K as last,an as lastIndexOf,i as lodash,nn as lowerCase,mn as lowerFirst,pn as lt,un as lte,pt as map,sn as mapKeys,ln as mapValues,dn as matches,cn as matchesProperty,xn as max,hn as maxBy,gn as mean,bn as meanBy,Je as memoize,yn as merge,ho as mergeWith,vn as method,_n as methodOf,An as min,In as minBy,Io as mixin,Rn as multiply,rt as negate,Mf as next,Mt as noop,Ht as now,Sn as nth,Tn as nthArg,wn as omit,Ln as omitBy,En as once,Pn as orderBy,Cn as over,Mn as overArgs,Fn as overEvery,Wn as overSome,Dn as pad,jn as padEnd,Un as padStart,Gn as parseInt,To as partial,zn as partialRight,Hn as partition,Kn as pick,Oo as pickBy,Df as plant,uo as property,Yn as propertyOf,Xn as pull,wo as pullAll,$n as pullAllBy,Zn as pullAllWith,Vn as pullAt,Jn as random,Qn as range,rm as rangeRight,tm as rearg,em as reduce,om as reduceRight,fm as reject,am as remove,im as repeat,nm as replace,mm as rest,pm as result,qe as reverse,um as round,sm as sample,lm as sampleSize,dm as set,cm as setWith,xm as shuffle,hm as size,gm as slice,bm as snakeCase,ym as some,vm as sortBy,_m as sortedIndex,Am as sortedIndexBy,Im as sortedIndexOf,Rm as sortedLastIndex,Om as sortedLastIndexBy,Sm as sortedLastIndexOf,Tm as sortedUniq,wm as sortedUniqBy,Lm as split,Em as spread,Pm as startCase,Cm as startsWith,kt as stubArray,Wt as stubFalse,Mm as stubObject,Fm as stubString,Wm as stubTrue,Bm as subtract,Nm as sum,Dm as sumBy,jm as tail,Um as take,Gm as takeRight,km as takeRightWhile,qm as takeWhile,zm as tap,Km as template,He as templateSettings,Ym as throttle,et as thru,$m as times,Ro as toArray,Tr as toFinite,x as toInteger,Kf as toIterator,Dr as toJSON,bo as toLength,Zm as toLower,or as toNumber,Xt as toPairs,$t as toPairsIn,Vm as toPath,xo as toPlainObject,Jm as toSafeInteger,v as toString,Qm as toUpper,rp as transform,tp as trim,ep as trimEnd,op as trimStart,fp as truncate,ap as unary,ip as unescape,np as union,mp as unionBy,pp as unionWith,up as uniq,sp as uniqBy,lp as uniqWith,dp as uniqueId,cp as unset,Qt as unzip,Lo as unzipWith,xp as update,hp as updateWith,gp as upperCase,Gt as upperFirst,Dr as value,Dr as valueOf,Nr as values,bp as valuesIn,yp as without,ao as words,vp as wrap,_p as wrapperAt,Ap as wrapperChain,mf as wrapperCommit,i as wrapperLodash,Mf as wrapperNext,Df as wrapperPlant,Ip as wrapperReverse,Kf as wrapperToIterator,Dr as wrapperValue,Rp as xor,Op as xorBy,Sp as xorWith,Tp as zip,wp as zipObject,Lp as zipObjectDeep,Ep as zipWith};
+/*! Bundled license information:
+
+lodash-es/lodash.default.js:
+  (**
+   * @license
+   * Lodash (Custom Build) <https://lodash.com/>
+   * Build: `lodash modularize exports="es" --repo lodash/lodash#4.18.1 -o ./`
+   * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+   * Released under MIT license <https://lodash.com/license>
+   * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+   * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+   *)
+
+lodash-es/lodash.js:
+  (**
+   * @license
+   * Lodash (Custom Build) <https://lodash.com/>
+   * Build: `lodash modularize exports="es" --repo lodash/lodash#4.18.1 -o ./`
+   * Copyright OpenJS Foundation and other contributors <https://openjsf.org/>
+   * Released under MIT license <https://lodash.com/license>
+   * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+   * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+   *)
+*/
diff --git a/Resources/Public/JavaScript/Contrib/markjs.js b/Resources/Public/JavaScript/Contrib/markjs.js
new file mode 100644
index 0000000..95ac305
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/markjs.js
@@ -0,0 +1,6 @@
+var b=(y,v)=>()=>(v||y((v={exports:{}}).exports,v),v.exports);var T=b((E,k)=>{/*!***************************************************
+* mark.js v8.11.1
+* https://markjs.io/
+* Copyright (c) 2014–2018, Julian Kühnel
+* Released under the MIT license https://git.io/vwTVl
+*****************************************************/(function(y,v){typeof E=="object"&&typeof k<"u"?k.exports=v():typeof define=="function"&&define.amd?define(v):y.Mark=v()})(E,function(){"use strict";var y=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(f){return typeof f}:function(f){return f&&typeof Symbol=="function"&&f.constructor===Symbol&&f!==Symbol.prototype?"symbol":typeof f},v=function(f,o){if(!(f instanceof o))throw new TypeError("Cannot call a class as a function")},I=function(){function f(o,e){for(var n=0;n<e.length;n++){var t=e[n];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(o,t.key,t)}}return function(o,e,n){return e&&f(o.prototype,e),n&&f(o,n),o}}(),N=Object.assign||function(f){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(f[n]=e[n])}return f},x=function(){function f(o){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!0,n=arguments.length>2&&arguments[2]!==void 0?arguments[2]:[],t=arguments.length>3&&arguments[3]!==void 0?arguments[3]:5e3;v(this,f),this.ctx=o,this.iframes=e,this.exclude=n,this.iframesTimeout=t}return I(f,[{key:"getContexts",value:function(){var e=void 0,n=[];return typeof this.ctx>"u"||!this.ctx?e=[]:NodeList.prototype.isPrototypeOf(this.ctx)?e=Array.prototype.slice.call(this.ctx):Array.isArray(this.ctx)?e=this.ctx:typeof this.ctx=="string"?e=Array.prototype.slice.call(document.querySelectorAll(this.ctx)):e=[this.ctx],e.forEach(function(t){var a=n.filter(function(r){return r.contains(t)}).length>0;n.indexOf(t)===-1&&!a&&n.push(t)}),n}},{key:"getIframeContents",value:function(e,n){var t=arguments.length>2&&arguments[2]!==void 0?arguments[2]:function(){},a=void 0;try{var r=e.contentWindow;if(a=r.document,!r||!a)throw new Error("iframe inaccessible")}catch{t()}a&&n(a)}},{key:"isIframeBlank",value:function(e){var n="about:blank",t=e.getAttribute("src").trim(),a=e.contentWindow.location.href;return a===n&&t!==n&&t}},{key:"observeIframeLoad",value:function(e,n,t){var a=this,r=!1,s=null,i=function c(){if(!r){r=!0,clearTimeout(s);try{a.isIframeBlank(e)||(e.removeEventListener("load",c),a.getIframeContents(e,n,t))}catch{t()}}};e.addEventListener("load",i),s=setTimeout(i,this.iframesTimeout)}},{key:"onIframeReady",value:function(e,n,t){try{e.contentWindow.document.readyState==="complete"?this.isIframeBlank(e)?this.observeIframeLoad(e,n,t):this.getIframeContents(e,n,t):this.observeIframeLoad(e,n,t)}catch{t()}}},{key:"waitForIframes",value:function(e,n){var t=this,a=0;this.forEachIframe(e,function(){return!0},function(r){a++,t.waitForIframes(r.querySelector("html"),function(){--a||n()})},function(r){r||n()})}},{key:"forEachIframe",value:function(e,n,t){var a=this,r=arguments.length>3&&arguments[3]!==void 0?arguments[3]:function(){},s=e.querySelectorAll("iframe"),i=s.length,c=0;s=Array.prototype.slice.call(s);var u=function(){--i<=0&&r(c)};i||u(),s.forEach(function(l){f.matches(l,a.exclude)?u():a.onIframeReady(l,function(h){n(l)&&(c++,t(h)),u()},u)})}},{key:"createIterator",value:function(e,n,t){return document.createNodeIterator(e,n,t,!1)}},{key:"createInstanceOnIframe",value:function(e){return new f(e.querySelector("html"),this.iframes)}},{key:"compareNodeIframe",value:function(e,n,t){var a=e.compareDocumentPosition(t),r=Node.DOCUMENT_POSITION_PRECEDING;if(a&r)if(n!==null){var s=n.compareDocumentPosition(t),i=Node.DOCUMENT_POSITION_FOLLOWING;if(s&i)return!0}else return!0;return!1}},{key:"getIteratorNode",value:function(e){var n=e.previousNode(),t=void 0;return n===null?t=e.nextNode():t=e.nextNode()&&e.nextNode(),{prevNode:n,node:t}}},{key:"checkIframeFilter",value:function(e,n,t,a){var r=!1,s=!1;return a.forEach(function(i,c){i.val===t&&(r=c,s=i.handled)}),this.compareNodeIframe(e,n,t)?(r===!1&&!s?a.push({val:t,handled:!0}):r!==!1&&!s&&(a[r].handled=!0),!0):(r===!1&&a.push({val:t,handled:!1}),!1)}},{key:"handleOpenIframes",value:function(e,n,t,a){var r=this;e.forEach(function(s){s.handled||r.getIframeContents(s.val,function(i){r.createInstanceOnIframe(i).forEachNode(n,t,a)})})}},{key:"iterateThroughNodes",value:function(e,n,t,a,r){for(var s=this,i=this.createIterator(n,e,a),c=[],u=[],l=void 0,h=void 0,d=function(){var g=s.getIteratorNode(i);return h=g.prevNode,l=g.node,l};d();)this.iframes&&this.forEachIframe(n,function(p){return s.checkIframeFilter(l,h,p,c)},function(p){s.createInstanceOnIframe(p).forEachNode(e,function(g){return u.push(g)},a)}),u.push(l);u.forEach(function(p){t(p)}),this.iframes&&this.handleOpenIframes(c,e,t,a),r()}},{key:"forEachNode",value:function(e,n,t){var a=this,r=arguments.length>3&&arguments[3]!==void 0?arguments[3]:function(){},s=this.getContexts(),i=s.length;i||r(),s.forEach(function(c){var u=function(){a.iterateThroughNodes(e,c,n,t,function(){--i<=0&&r()})};a.iframes?a.waitForIframes(c,u):u()})}}],[{key:"matches",value:function(e,n){var t=typeof n=="string"?[n]:n,a=e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.oMatchesSelector||e.webkitMatchesSelector;if(a){var r=!1;return t.every(function(s){return a.call(e,s)?(r=!0,!1):!0}),r}else return!1}}]),f}(),R=function(){function f(o){v(this,f),this.ctx=o,this.ie=!1;var e=window.navigator.userAgent;(e.indexOf("MSIE")>-1||e.indexOf("Trident")>-1)&&(this.ie=!0)}return I(f,[{key:"log",value:function(e){var n=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"debug",t=this.opt.log;this.opt.debug&&(typeof t>"u"?"undefined":y(t))==="object"&&typeof t[n]=="function"&&t[n]("mark.js: "+e)}},{key:"escapeStr",value:function(e){return e.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g,"\\$&")}},{key:"createRegExp",value:function(e){return this.opt.wildcards!=="disabled"&&(e=this.setupWildcardsRegExp(e)),e=this.escapeStr(e),Object.keys(this.opt.synonyms).length&&(e=this.createSynonymsRegExp(e)),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),this.opt.diacritics&&(e=this.createDiacriticsRegExp(e)),e=this.createMergedBlanksRegExp(e),(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.createJoinersRegExp(e)),this.opt.wildcards!=="disabled"&&(e=this.createWildcardsRegExp(e)),e=this.createAccuracyRegExp(e),e}},{key:"createSynonymsRegExp",value:function(e){var n=this.opt.synonyms,t=this.opt.caseSensitive?"":"i",a=this.opt.ignoreJoiners||this.opt.ignorePunctuation.length?"\0":"";for(var r in n)if(n.hasOwnProperty(r)){var s=n[r],i=this.opt.wildcards!=="disabled"?this.setupWildcardsRegExp(r):this.escapeStr(r),c=this.opt.wildcards!=="disabled"?this.setupWildcardsRegExp(s):this.escapeStr(s);i!==""&&c!==""&&(e=e.replace(new RegExp("("+this.escapeStr(i)+"|"+this.escapeStr(c)+")","gm"+t),a+("("+this.processSynomyms(i)+"|")+(this.processSynomyms(c)+")")+a))}return e}},{key:"processSynomyms",value:function(e){return(this.opt.ignoreJoiners||this.opt.ignorePunctuation.length)&&(e=this.setupIgnoreJoinersRegExp(e)),e}},{key:"setupWildcardsRegExp",value:function(e){return e=e.replace(/(?:\\)*\?/g,function(n){return n.charAt(0)==="\\"?"?":"
"}),e.replace(/(?:\\)*\*/g,function(n){return n.charAt(0)==="\\"?"*":""})}},{key:"createWildcardsRegExp",value:function(e){var n=this.opt.wildcards==="withSpaces";return e.replace(/\u0001/g,n?"[\\S\\s]?":"\\S?").replace(/\u0002/g,n?"[\\S\\s]*?":"\\S*")}},{key:"setupIgnoreJoinersRegExp",value:function(e){return e.replace(/[^(|)\\]/g,function(n,t,a){var r=a.charAt(t+1);return/[(|)\\]/.test(r)||r===""?n:n+"\0"})}},{key:"createJoinersRegExp",value:function(e){var n=[],t=this.opt.ignorePunctuation;return Array.isArray(t)&&t.length&&n.push(this.escapeStr(t.join(""))),this.opt.ignoreJoiners&&n.push("\\u00ad\\u200b\\u200c\\u200d"),n.length?e.split(/\u0000+/).join("["+n.join("")+"]*"):e}},{key:"createDiacriticsRegExp",value:function(e){var n=this.opt.caseSensitive?"":"i",t=this.opt.caseSensitive?["a\xE0\xE1\u1EA3\xE3\u1EA1\u0103\u1EB1\u1EAF\u1EB3\u1EB5\u1EB7\xE2\u1EA7\u1EA5\u1EA9\u1EAB\u1EAD\xE4\xE5\u0101\u0105","A\xC0\xC1\u1EA2\xC3\u1EA0\u0102\u1EB0\u1EAE\u1EB2\u1EB4\u1EB6\xC2\u1EA6\u1EA4\u1EA8\u1EAA\u1EAC\xC4\xC5\u0100\u0104","c\xE7\u0107\u010D","C\xC7\u0106\u010C","d\u0111\u010F","D\u0110\u010E","e\xE8\xE9\u1EBB\u1EBD\u1EB9\xEA\u1EC1\u1EBF\u1EC3\u1EC5\u1EC7\xEB\u011B\u0113\u0119","E\xC8\xC9\u1EBA\u1EBC\u1EB8\xCA\u1EC0\u1EBE\u1EC2\u1EC4\u1EC6\xCB\u011A\u0112\u0118","i\xEC\xED\u1EC9\u0129\u1ECB\xEE\xEF\u012B","I\xCC\xCD\u1EC8\u0128\u1ECA\xCE\xCF\u012A","l\u0142","L\u0141","n\xF1\u0148\u0144","N\xD1\u0147\u0143","o\xF2\xF3\u1ECF\xF5\u1ECD\xF4\u1ED3\u1ED1\u1ED5\u1ED7\u1ED9\u01A1\u1EDF\u1EE1\u1EDB\u1EDD\u1EE3\xF6\xF8\u014D","O\xD2\xD3\u1ECE\xD5\u1ECC\xD4\u1ED2\u1ED0\u1ED4\u1ED6\u1ED8\u01A0\u1EDE\u1EE0\u1EDA\u1EDC\u1EE2\xD6\xD8\u014C","r\u0159","R\u0158","s\u0161\u015B\u0219\u015F","S\u0160\u015A\u0218\u015E","t\u0165\u021B\u0163","T\u0164\u021A\u0162","u\xF9\xFA\u1EE7\u0169\u1EE5\u01B0\u1EEB\u1EE9\u1EED\u1EEF\u1EF1\xFB\xFC\u016F\u016B","U\xD9\xDA\u1EE6\u0168\u1EE4\u01AF\u1EEA\u1EE8\u1EEC\u1EEE\u1EF0\xDB\xDC\u016E\u016A","y\xFD\u1EF3\u1EF7\u1EF9\u1EF5\xFF","Y\xDD\u1EF2\u1EF6\u1EF8\u1EF4\u0178","z\u017E\u017C\u017A","Z\u017D\u017B\u0179"]:["a\xE0\xE1\u1EA3\xE3\u1EA1\u0103\u1EB1\u1EAF\u1EB3\u1EB5\u1EB7\xE2\u1EA7\u1EA5\u1EA9\u1EAB\u1EAD\xE4\xE5\u0101\u0105A\xC0\xC1\u1EA2\xC3\u1EA0\u0102\u1EB0\u1EAE\u1EB2\u1EB4\u1EB6\xC2\u1EA6\u1EA4\u1EA8\u1EAA\u1EAC\xC4\xC5\u0100\u0104","c\xE7\u0107\u010DC\xC7\u0106\u010C","d\u0111\u010FD\u0110\u010E","e\xE8\xE9\u1EBB\u1EBD\u1EB9\xEA\u1EC1\u1EBF\u1EC3\u1EC5\u1EC7\xEB\u011B\u0113\u0119E\xC8\xC9\u1EBA\u1EBC\u1EB8\xCA\u1EC0\u1EBE\u1EC2\u1EC4\u1EC6\xCB\u011A\u0112\u0118","i\xEC\xED\u1EC9\u0129\u1ECB\xEE\xEF\u012BI\xCC\xCD\u1EC8\u0128\u1ECA\xCE\xCF\u012A","l\u0142L\u0141","n\xF1\u0148\u0144N\xD1\u0147\u0143","o\xF2\xF3\u1ECF\xF5\u1ECD\xF4\u1ED3\u1ED1\u1ED5\u1ED7\u1ED9\u01A1\u1EDF\u1EE1\u1EDB\u1EDD\u1EE3\xF6\xF8\u014DO\xD2\xD3\u1ECE\xD5\u1ECC\xD4\u1ED2\u1ED0\u1ED4\u1ED6\u1ED8\u01A0\u1EDE\u1EE0\u1EDA\u1EDC\u1EE2\xD6\xD8\u014C","r\u0159R\u0158","s\u0161\u015B\u0219\u015FS\u0160\u015A\u0218\u015E","t\u0165\u021B\u0163T\u0164\u021A\u0162","u\xF9\xFA\u1EE7\u0169\u1EE5\u01B0\u1EEB\u1EE9\u1EED\u1EEF\u1EF1\xFB\xFC\u016F\u016BU\xD9\xDA\u1EE6\u0168\u1EE4\u01AF\u1EEA\u1EE8\u1EEC\u1EEE\u1EF0\xDB\xDC\u016E\u016A","y\xFD\u1EF3\u1EF7\u1EF9\u1EF5\xFFY\xDD\u1EF2\u1EF6\u1EF8\u1EF4\u0178","z\u017E\u017C\u017AZ\u017D\u017B\u0179"],a=[];return e.split("").forEach(function(r){t.every(function(s){if(s.indexOf(r)!==-1){if(a.indexOf(s)>-1)return!1;e=e.replace(new RegExp("["+s+"]","gm"+n),"["+s+"]"),a.push(s)}return!0})}),e}},{key:"createMergedBlanksRegExp",value:function(e){return e.replace(/[\s]+/gmi,"[\\s]+")}},{key:"createAccuracyRegExp",value:function(e){var n=this,t="!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~\xA1\xBF",a=this.opt.accuracy,r=typeof a=="string"?a:a.value,s=typeof a=="string"?[]:a.limiters,i="";switch(s.forEach(function(c){i+="|"+n.escapeStr(c)}),r){case"partially":default:return"()("+e+")";case"complementary":return i="\\s"+(i||this.escapeStr(t)),"()([^"+i+"]*"+e+"[^"+i+"]*)";case"exactly":return"(^|\\s"+i+")("+e+")(?=$|\\s"+i+")"}}},{key:"getSeparatedKeywords",value:function(e){var n=this,t=[];return e.forEach(function(a){n.opt.separateWordSearch?a.split(" ").forEach(function(r){r.trim()&&t.indexOf(r)===-1&&t.push(r)}):a.trim()&&t.indexOf(a)===-1&&t.push(a)}),{keywords:t.sort(function(a,r){return r.length-a.length}),length:t.length}}},{key:"isNumeric",value:function(e){return Number(parseFloat(e))==e}},{key:"checkRanges",value:function(e){var n=this;if(!Array.isArray(e)||Object.prototype.toString.call(e[0])!=="[object Object]")return this.log("markRanges() will only accept an array of objects"),this.opt.noMatch(e),[];var t=[],a=0;return e.sort(function(r,s){return r.start-s.start}).forEach(function(r){var s=n.callNoMatchOnInvalidRanges(r,a),i=s.start,c=s.end,u=s.valid;u&&(r.start=i,r.length=c-i,t.push(r),a=c)}),t}},{key:"callNoMatchOnInvalidRanges",value:function(e,n){var t=void 0,a=void 0,r=!1;return e&&typeof e.start<"u"?(t=parseInt(e.start,10),a=t+parseInt(e.length,10),this.isNumeric(e.start)&&this.isNumeric(e.length)&&a-n>0&&a-t>0?r=!0:(this.log("Ignoring invalid or overlapping range: "+(""+JSON.stringify(e))),this.opt.noMatch(e))):(this.log("Ignoring invalid range: "+JSON.stringify(e)),this.opt.noMatch(e)),{start:t,end:a,valid:r}}},{key:"checkWhitespaceRanges",value:function(e,n,t){var a=void 0,r=!0,s=t.length,i=n-s,c=parseInt(e.start,10)-i;return c=c>s?s:c,a=c+parseInt(e.length,10),a>s&&(a=s,this.log("End range automatically set to the max value of "+s)),c<0||a-c<0||c>s||a>s?(r=!1,this.log("Invalid range: "+JSON.stringify(e)),this.opt.noMatch(e)):t.substring(c,a).replace(/\s+/g,"")===""&&(r=!1,this.log("Skipping whitespace only range: "+JSON.stringify(e)),this.opt.noMatch(e)),{start:c,end:a,valid:r}}},{key:"getTextNodes",value:function(e){var n=this,t="",a=[];this.iterator.forEachNode(NodeFilter.SHOW_TEXT,function(r){a.push({start:t.length,end:(t+=r.textContent).length,node:r})},function(r){return n.matchesExclude(r.parentNode)?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT},function(){e({value:t,nodes:a})})}},{key:"matchesExclude",value:function(e){return x.matches(e,this.opt.exclude.concat(["script","style","title","head","html"]))}},{key:"wrapRangeInTextNode",value:function(e,n,t){var a=this.opt.element?this.opt.element:"mark",r=e.splitText(n),s=r.splitText(t-n),i=document.createElement(a);return i.setAttribute("data-markjs","true"),this.opt.className&&i.setAttribute("class",this.opt.className),i.textContent=r.textContent,r.parentNode.replaceChild(i,r),s}},{key:"wrapRangeInMappedTextNode",value:function(e,n,t,a,r){var s=this;e.nodes.every(function(i,c){var u=e.nodes[c+1];if(typeof u>"u"||u.start>n){if(!a(i.node))return!1;var l=n-i.start,h=(t>i.end?i.end:t)-i.start,d=e.value.substr(0,i.start),p=e.value.substr(h+i.start);if(i.node=s.wrapRangeInTextNode(i.node,l,h),e.value=d+p,e.nodes.forEach(function(g,m){m>=c&&(e.nodes[m].start>0&&m!==c&&(e.nodes[m].start-=h),e.nodes[m].end-=h)}),t-=h,r(i.node.previousSibling,i.start),t>i.end)n=i.end;else return!1}return!0})}},{key:"wrapMatches",value:function(e,n,t,a,r){var s=this,i=n===0?0:n+1;this.getTextNodes(function(c){c.nodes.forEach(function(u){u=u.node;for(var l=void 0;(l=e.exec(u.textContent))!==null&&l[i]!=="";)if(t(l[i],u)){var h=l.index;if(i!==0)for(var d=1;d<i;d++)h+=l[d].length;u=s.wrapRangeInTextNode(u,h,h+l[i].length),a(u.previousSibling),e.lastIndex=0}}),r()})}},{key:"wrapMatchesAcrossElements",value:function(e,n,t,a,r){var s=this,i=n===0?0:n+1;this.getTextNodes(function(c){for(var u=void 0;(u=e.exec(c.value))!==null&&u[i]!=="";){var l=u.index;if(i!==0)for(var h=1;h<i;h++)l+=u[h].length;var d=l+u[i].length;s.wrapRangeInMappedTextNode(c,l,d,function(p){return t(u[i],p)},function(p,g){e.lastIndex=g,a(p)})}r()})}},{key:"wrapRangeFromIndex",value:function(e,n,t,a){var r=this;this.getTextNodes(function(s){var i=s.value.length;e.forEach(function(c,u){var l=r.checkWhitespaceRanges(c,i,s.value),h=l.start,d=l.end,p=l.valid;p&&r.wrapRangeInMappedTextNode(s,h,d,function(g){return n(g,c,s.value.substring(h,d),u)},function(g){t(g,c)})}),a()})}},{key:"unwrapMatches",value:function(e){for(var n=e.parentNode,t=document.createDocumentFragment();e.firstChild;)t.appendChild(e.removeChild(e.firstChild));n.replaceChild(t,e),this.ie?this.normalizeTextNode(n):n.normalize()}},{key:"normalizeTextNode",value:function(e){if(e){if(e.nodeType===3)for(;e.nextSibling&&e.nextSibling.nodeType===3;)e.nodeValue+=e.nextSibling.nodeValue,e.parentNode.removeChild(e.nextSibling);else this.normalizeTextNode(e.firstChild);this.normalizeTextNode(e.nextSibling)}}},{key:"markRegExp",value:function(e,n){var t=this;this.opt=n,this.log('Searching with expression "'+e+'"');var a=0,r="wrapMatches",s=function(c){a++,t.opt.each(c)};this.opt.acrossElements&&(r="wrapMatchesAcrossElements"),this[r](e,this.opt.ignoreGroups,function(i,c){return t.opt.filter(c,i,a)},s,function(){a===0&&t.opt.noMatch(e),t.opt.done(a)})}},{key:"mark",value:function(e,n){var t=this;this.opt=n;var a=0,r="wrapMatches",s=this.getSeparatedKeywords(typeof e=="string"?[e]:e),i=s.keywords,c=s.length,u=this.opt.caseSensitive?"":"i",l=function h(d){var p=new RegExp(t.createRegExp(d),"gm"+u),g=0;t.log('Searching with expression "'+p+'"'),t[r](p,1,function(m,w){return t.opt.filter(w,d,a,g)},function(m){g++,a++,t.opt.each(m)},function(){g===0&&t.opt.noMatch(d),i[c-1]===d?t.opt.done(a):h(i[i.indexOf(d)+1])})};this.opt.acrossElements&&(r="wrapMatchesAcrossElements"),c===0?this.opt.done(a):l(i[0])}},{key:"markRanges",value:function(e,n){var t=this;this.opt=n;var a=0,r=this.checkRanges(e);r&&r.length?(this.log("Starting to mark with the following ranges: "+JSON.stringify(r)),this.wrapRangeFromIndex(r,function(s,i,c,u){return t.opt.filter(s,i,c,u)},function(s,i){a++,t.opt.each(s,i)},function(){t.opt.done(a)})):this.opt.done(a)}},{key:"unmark",value:function(e){var n=this;this.opt=e;var t=this.opt.element?this.opt.element:"*";t+="[data-markjs]",this.opt.className&&(t+="."+this.opt.className),this.log('Removal selector "'+t+'"'),this.iterator.forEachNode(NodeFilter.SHOW_ELEMENT,function(a){n.unwrapMatches(a)},function(a){var r=x.matches(a,t),s=n.matchesExclude(a);return!r||s?NodeFilter.FILTER_REJECT:NodeFilter.FILTER_ACCEPT},this.opt.done)}},{key:"opt",set:function(e){this._opt=N({},{element:"",className:"",exclude:[],iframes:!1,iframesTimeout:5e3,separateWordSearch:!0,diacritics:!0,synonyms:{},accuracy:"partially",acrossElements:!1,caseSensitive:!1,ignoreJoiners:!1,ignoreGroups:0,ignorePunctuation:[],wildcards:"disabled",each:function(){},noMatch:function(){},filter:function(){return!0},done:function(){},debug:!1,log:window.console},e)},get:function(){return this._opt}},{key:"iterator",get:function(){return new x(this.ctx,this.opt.iframes,this.opt.exclude,this.opt.iframesTimeout)}}]),f}();function S(f){var o=this,e=new R(f);return this.mark=function(n,t){return e.mark(n,t),o},this.markRegExp=function(n,t){return e.markRegExp(n,t),o},this.markRanges=function(n,t){return e.markRanges(n,t),o},this.unmark=function(n){return e.unmark(n),o},this}return S})});export default T();
diff --git a/Resources/Public/JavaScript/Contrib/select-pure.js b/Resources/Public/JavaScript/Contrib/select-pure.js
new file mode 100644
index 0000000..4a3cc02
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/select-pure.js
@@ -0,0 +1,202 @@
+var k=Object.defineProperty;var I=(n,e)=>{for(var t in e)k(n,t,{get:e[t],enumerable:!0})};var g={};I(g,{OptionPure:()=>p,SelectPure:()=>o});function v(n){return typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?v=function(t){return typeof t}:v=function(t){return t&&typeof Symbol=="function"&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},v(n)}function a(n,e,t){var i=t.value;if(typeof i!="function")throw new TypeError("@boundMethod decorator can only be applied to methods not: ".concat(v(i)));var r=!1;return{configurable:!0,get:function(){if(r||this===n.prototype||this.hasOwnProperty(e)||typeof i!="function")return i;var d=i.bind(this);return r=!0,Object.defineProperty(this,e,{configurable:!0,get:function(){return d},set:function(C){i=C,delete this[e]}}),r=!1,d},set:function(d){i=d}}}import{LitElement as _,html as $}from"lit";import{ifDefined as P}from"lit-html/directives/if-defined.js";import{customElement as D}from"lit/decorators/custom-element.js";import{property as f}from"lit/decorators/property.js";var b={ENTER:"Enter",TAB:"Tab"};var y=()=>{};var O={label:"",value:"",select:y,unselect:y,disabled:!1,hidden:!1,selected:!1};import{css as E}from"lit";var x=E`
+  .select-wrapper {
+    position: relative;
+  }
+  .select {
+    bottom: 0;
+    display: flex;
+    flex-wrap: wrap;
+    left: 0;
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: var(--select-width, 100%);
+  }
+  .label:focus {
+    outline: var(--select-outline, 2px solid #e3e3e3);
+  }
+  .label:after {
+    border-bottom: 1px solid var(--color, #000);
+    border-right: 1px solid var(--color, #000);
+    box-sizing: border-box;
+    content: "";
+    display: block;
+    height: 10px;
+    margin-top: -2px;
+    transform: rotate(45deg);
+    transition: 0.2s ease-in-out;
+    width: 10px;
+  }
+  .label.visible:after {
+    margin-bottom: -4px;
+    margin-top: 0;
+    transform: rotate(225deg);
+  }
+  select {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    position: relative;
+    opacity: 0;
+  }
+  select[multiple] {
+    z-index: 0;
+  }
+  select,
+  .label {
+    align-items: center;
+    background-color: var(--background-color, #fff);
+    border-radius: var(--border-radius, 4px);
+    border: var(--border-width, 1px) solid var(--border-color, #000);
+    box-sizing: border-box;
+    color: var(--color, #000);
+    cursor: pointer;
+    display: flex;
+    font-family: var(--font-family, inherit);
+    font-size: var(--font-size, 14px);
+    font-weight: var(--font-weight, 400);
+    min-height: var(--select-height, 44px);
+    justify-content: space-between;
+    padding: var(--padding, 0 10px);
+    width: 100%;
+    z-index: 1;
+  }
+  @media only screen and (hover: none) and (pointer: coarse){
+    select {
+      z-index: 2;
+    }
+  }
+  .dropdown {
+    background-color: var(--border-color, #000);
+    border-radius: var(--border-radius, 4px);
+    border: var(--border-width, 1px) solid var(--border-color, #000);
+    display: none;
+    flex-direction: column;
+    gap: var(--border-width, 1px);
+    justify-content: space-between;
+    max-height: calc(var(--select-height, 44px) * var(--dropdown-items, 4) + var(--border-width, 1px) * calc(var(--dropdown-items, 4) - 1));
+    overflow-y: scroll;
+    position: absolute;
+    top: calc(var(--select-height, 44px) + var(--dropdown-gap, 0px));
+    width: calc(100% - var(--border-width, 1px) * 2);
+    z-index: var(--dropdown-z-index, 2);
+  }
+  .dropdown.visible {
+    display: flex;
+    z-index: 100;
+  }
+  .disabled {
+    background-color: var(--disabled-background-color, #bdc3c7);
+    color: var(--disabled-color, #ecf0f1);
+    cursor: default;
+  }
+  .multi-selected {
+    background-color: var(--selected-background-color, #e3e3e3);
+    border-radius: var(--border-radius, 4px);
+    color: var(--selected-color, #000);
+    display: flex;
+    gap: 8px;
+    justify-content: space-between;
+    padding: 2px 4px;
+  }
+  .multi-selected-wrapper {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 4px;
+    width: calc(100% - 30px);
+  }
+  .cross:after {
+    content: '\\00d7';
+    display: inline-block;
+    height: 100%;
+    text-align: center;
+    width: 12px;
+  }
+`;import{css as L}from"lit";var S=L`
+  .option {
+    align-items: center;
+    background-color: var(--background-color, #fff);
+    box-sizing: border-box;
+    color: var(--color, #000);
+    cursor: pointer;
+    display: flex;
+    font-family: var(--font-family, inherit);
+    font-size: var(--font-size, 14px);
+    font-weight: var(--font-weight, 400);
+    min-height: var(--select-height, 44px);
+    justify-content: flex-start;
+    padding: var(--padding, 0 10px);
+    width: 100%;
+  }
+  .option:not(.disabled):focus, .option:not(.disabled):not(.selected):hover {
+    background-color: var(--hover-background-color, #e3e3e3);
+    color: var(--hover-color, #000);
+  }
+  .selected {
+    background-color: var(--selected-background-color, #e3e3e3);
+    color: var(--selected-color, #000);
+  }
+  .disabled {
+    background-color: var(--disabled-background-color, #e3e3e3);
+    color: var(--disabled-color, #000);
+    cursor: default;
+  }
+`;var u=function(n,e,t,i){var r=arguments.length,s=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(n,e,t,i);else for(var h=n.length-1;h>=0;h--)(d=n[h])&&(s=(r<3?d(s):r>3?d(e,t,s):d(e,t))||s);return r>3&&s&&Object.defineProperty(e,t,s),s},p=class extends _{constructor(){super(...arguments),this.isSelected=!1,this.isDisabled=!1,this.isHidden=!1,this.optionValue="",this.displayedLabel="",this.optionIndex=-1}static get styles(){return S}connectedCallback(){super.connectedCallback(),this.isSelected=this.getAttribute("selected")!==null,this.isDisabled=this.getAttribute("disabled")!==null,this.isHidden=this.getAttribute("hidden")!==null,this.optionValue=this.getAttribute("value")||"",this.assignDisplayedLabel(),this.fireOnReadyCallback()}getOption(){return{label:this.displayedLabel,value:this.optionValue,select:this.select,unselect:this.unselect,selected:this.isSelected,disabled:this.isDisabled,hidden:this.isHidden}}select(){this.isSelected=!0,this.setAttribute("selected","")}unselect(){this.isSelected=!1,this.removeAttribute("selected")}setOnReadyCallback(e,t){this.onReady=e,this.optionIndex=t}setOnSelectCallback(e){this.onSelect=e}render(){let e=["option"];return this.isSelected&&e.push("selected"),this.isDisabled&&e.push("disabled"),$`
+      <div
+        class="${e.join(" ")}"
+        @click=${this.fireOnSelectCallback}
+        @keydown="${this.fireOnSelectIfEnterPressed}"
+        tabindex="${P(this.isDisabled?void 0:"0")}"
+      >
+        <slot hidden @slotchange=${this.assignDisplayedLabel}></slot>
+        ${this.displayedLabel}
+      </div>
+    `}assignDisplayedLabel(){if(this.textContent){this.displayedLabel=this.textContent;return}this.getAttribute("label")&&(this.displayedLabel=this.getAttribute("label")||"")}fireOnReadyCallback(){this.onReady&&this.onReady(this.getOption(),this.optionIndex)}fireOnSelectCallback(e){e.stopPropagation(),!(!this.onSelect||this.isDisabled)&&this.onSelect(this.optionValue)}fireOnSelectIfEnterPressed(e){e.key===b.ENTER&&this.fireOnSelectCallback(e)}};u([f()],p.prototype,"isSelected",void 0);u([f()],p.prototype,"isDisabled",void 0);u([f()],p.prototype,"isHidden",void 0);u([f()],p.prototype,"optionValue",void 0);u([f()],p.prototype,"displayedLabel",void 0);u([f()],p.prototype,"optionIndex",void 0);u([a],p.prototype,"getOption",null);u([a],p.prototype,"select",null);u([a],p.prototype,"unselect",null);u([a],p.prototype,"fireOnReadyCallback",null);p=u([D("option-pure")],p);import{LitElement as A,html as m}from"lit";import{ifDefined as w}from"lit-html/directives/if-defined.js";import{customElement as R}from"lit/decorators/custom-element.js";import{property as c}from"lit/decorators/property.js";import{query as z}from"lit/decorators/query.js";var l=function(n,e,t,i){var r=arguments.length,s=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(n,e,t,i);else for(var h=n.length-1;h>=0;h--)(d=n[h])&&(s=(r<3?d(s):r>3?d(e,t,s):d(e,t))||s);return r>3&&s&&Object.defineProperty(e,t,s),s},o=class extends A{constructor(){super(...arguments),this.options=[],this.visible=!1,this.selectedOption=O,this._selectedOptions=[],this.disabled=!1,this.isMultipleSelect=!1,this.name="",this._id="",this.formName="",this.value="",this.values=[],this.defaultLabel="",this.totalRenderedChildOptions=-1,this.form=null,this.hiddenInput=null}static get styles(){return x}connectedCallback(){super.connectedCallback(),this.disabled=this.getAttribute("disabled")!==null,this.isMultipleSelect=this.getAttribute("multiple")!==null,this.name=this.getAttribute("name")||"",this._id=this.getAttribute("id")||"",this.formName=this.name||this.id,this.defaultLabel=this.getAttribute("default-label")||""}open(){this.disabled||(this.visible=!0,this.removeEventListeners(),document.body.addEventListener("click",this.close,!0))}close(e){e&&this.contains(e.target)||(this.visible=!1,this.removeEventListeners())}enable(){this.disabled=!1}disable(){this.disabled=!0}get selectedIndex(){var e;return(e=this.nativeSelect)===null||e===void 0?void 0:e.selectedIndex}set selectedIndex(e){!e&&e!==0||this.selectOptionByValue(this.options[e].value)}get selectedOptions(){var e;return(e=this.nativeSelect)===null||e===void 0?void 0:e.selectedOptions}render(){let e=["label"];return this.disabled&&e.push("disabled"),this.visible&&e.push("visible"),m`
+      <div class="select-wrapper">
+        <select
+          @change=${this.handleNativeSelectChange}
+          ?disabled=${this.disabled}
+          ?multiple=${this.isMultipleSelect}
+          name="${w(this.name||void 0)}"
+          id=${w(this.id||void 0)}
+          size="1"
+        >
+          ${this.getNativeOptionsHtml()}
+        </select>
+        <div class="select">
+          <div
+            class="${e.join(" ")}"
+            @click="${this.visible?this.close:this.open}"
+            @keydown="${this.openDropdownIfProperKeyIsPressed}"
+            tabindex="0"
+          >
+            ${this.getDisplayedLabel()}
+          </div>
+          <div class="dropdown${this.visible?" visible":""}">
+            <slot @slotchange=${this.initializeSelect}></slot>
+          </div>
+        </div>
+      </div>
+    `}handleNativeSelectChange(){var e;this.selectedIndex=(e=this.nativeSelect)===null||e===void 0?void 0:e.selectedIndex}getNativeOptionsHtml(){return this.options.map(this.getSingleNativeOptionHtml)}getSingleNativeOptionHtml({value:e,label:t,hidden:i,disabled:r}){return m`
+      <option
+        value=${e}
+        ?selected=${this.isOptionSelected(e)}
+        ?hidden=${i}
+        ?disabled=${r}
+      >
+        ${t}
+      </option>
+    `}isOptionSelected(e){let t=this.selectedOption.value===e;return this.isMultipleSelect&&(t=!!this._selectedOptions.find(i=>i.value===e)),t}openDropdownIfProperKeyIsPressed(e){(e.key===b.ENTER||e.key===b.TAB)&&this.open()}getDisplayedLabel(){return this.isMultipleSelect&&this._selectedOptions.length?this.getMultiSelectLabelHtml():this.selectedOption.label||this.defaultLabel}getMultiSelectLabelHtml(){return m`
+      <div class="multi-selected-wrapper">
+        ${this._selectedOptions.map(this.getMultiSelectSelectedOptionHtml)}
+      </div>
+    `}getMultiSelectSelectedOptionHtml({label:e,value:t}){return m`
+      <span class="multi-selected">
+        ${e}
+        <span
+          class="cross"
+          @click=${i=>this.fireOnSelectCallback(i,t)}
+        >
+        </span>
+      </span>
+    `}fireOnSelectCallback(e,t){e.stopPropagation(),this.selectOptionByValue(t)}initializeSelect(){this.processChildOptions(),this.selectDefaultOptionIfNoneSelected(),this.appendHiddenInputToClosestForm()}processChildOptions(){let e=this.querySelectorAll("option-pure");this.totalRenderedChildOptions=e.length;for(let t=0;t<e.length;t++)this.initializeSingleOption(e[t],t)}selectDefaultOptionIfNoneSelected(){!this.selectedOption.value&&!this.isMultipleSelect&&this.options.length&&this.selectOptionByValue(this.options[0].value)}initializeSingleOption(e,t){e.setOnSelectCallback(this.selectOptionByValue),this.options[t]=e.getOption(),this.options[t].selected&&this.selectOptionByValue(this.options[t].value)}removeEventListeners(){document.body.removeEventListener("click",this.close)}appendHiddenInputToClosestForm(){this.form=this.closest("form"),!(!this.form||this.hiddenInput)&&(this.hiddenInput=document.createElement("input"),this.hiddenInput.setAttribute("type","hidden"),this.hiddenInput.setAttribute("name",this.formName),this.form.appendChild(this.hiddenInput))}unselectAllOptions(){for(let e=0;e<this.options.length;e++)this.options[e].unselect()}selectOptionByValue(e){let t=this.options.find(({value:i})=>i===e);t&&this.setSelectValue(t)}setSelectValue(e){this.isMultipleSelect?this.setMultiSelectValue(e):this.setSingleSelectValue(e),this.updateHiddenInputInForm(),this.dispatchChangeEvent()}dispatchChangeEvent(){this.dispatchEvent(new Event("change"))}setMultiSelectValue(e){let t=this._selectedOptions.indexOf(e);t!==-1?(this.values.splice(t,1),this._selectedOptions.splice(t,1),e.unselect()):(this.values.push(e.value),this._selectedOptions.push(e),e.select()),this.requestUpdate()}setSingleSelectValue(e){this.unselectAllOptions(),this.close(),this.selectedOption=e,this.value=e.value,e.select()}updateHiddenInputInForm(){if(!this.form||!this.hiddenInput)return;this.hiddenInput.value=this.isMultipleSelect?this.values.join(","):this.value;let e=new Event("change",{bubbles:!0});this.hiddenInput.dispatchEvent(e)}};l([c()],o.prototype,"options",void 0);l([c()],o.prototype,"visible",void 0);l([c()],o.prototype,"selectedOption",void 0);l([c()],o.prototype,"_selectedOptions",void 0);l([c()],o.prototype,"disabled",void 0);l([c()],o.prototype,"isMultipleSelect",void 0);l([c()],o.prototype,"name",void 0);l([c()],o.prototype,"_id",void 0);l([c()],o.prototype,"formName",void 0);l([c()],o.prototype,"value",void 0);l([c()],o.prototype,"values",void 0);l([c()],o.prototype,"defaultLabel",void 0);l([c()],o.prototype,"totalRenderedChildOptions",void 0);l([z("select")],o.prototype,"nativeSelect",void 0);l([a],o.prototype,"close",null);l([a],o.prototype,"getSingleNativeOptionHtml",null);l([a],o.prototype,"getMultiSelectLabelHtml",null);l([a],o.prototype,"getMultiSelectSelectedOptionHtml",null);l([a],o.prototype,"initializeSelect",null);l([a],o.prototype,"initializeSingleOption",null);l([a],o.prototype,"removeEventListeners",null);l([a],o.prototype,"appendHiddenInputToClosestForm",null);l([a],o.prototype,"selectOptionByValue",null);o=l([R("select-pure")],o);var xe=g;export{xe as default};
diff --git a/Resources/Public/JavaScript/Contrib/style-mod.js b/Resources/Public/JavaScript/Contrib/style-mod.js
new file mode 100644
index 0000000..deae39b
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/style-mod.js
@@ -0,0 +1,3 @@
+const y="\u037C",m=typeof Symbol>"u"?"__"+y:Symbol.for(y),S=typeof Symbol>"u"?"__styleSet"+Math.floor(Math.random()*1e8):Symbol("styleSet"),g=typeof globalThis<"u"?globalThis:typeof window<"u"?window:{};class C{constructor(e,n){this.rules=[];let{finish:i}=n||{};function s(t){return/^@/.test(t)?[t]:t.split(/,\s*/)}function l(t,h,a,T){let f=[],r=/^@(\w+)\b/.exec(t[0]),c=r&&r[1]=="keyframes";if(r&&h==null)return a.push(t[0]+";");for(let u in h){let o=h[u];if(/&/.test(u))l(u.split(/,\s*/).map(d=>t.map(p=>d.replace(/&/,p))).reduce((d,p)=>d.concat(p)),o,a);else if(o&&typeof o=="object"){if(!r)throw new RangeError("The value of a property ("+u+") should be a primitive value.");l(s(u),o,f,c)}else o!=null&&f.push(u.replace(/_.*/,"").replace(/[A-Z]/g,d=>"-"+d.toLowerCase())+": "+o+";")}(f.length||c)&&a.push((i&&!r&&!T?t.map(i):t).join(", ")+" {"+f.join(" ")+"}")}for(let t in e)l(s(t),e[t],this.rules)}getRules(){return this.rules.join(`
+`)}static newName(){let e=g[m]||1;return g[m]=e+1,y+e.toString(36)}static mount(e,n,i){let s=e[S],l=i&&i.nonce;s?l&&s.setNonce(l):s=new A(e,l),s.mount(Array.isArray(n)?n:[n])}}let w=new Map;class A{constructor(e,n){let i=e.ownerDocument||e,s=i.defaultView;if(!e.head&&e.adoptedStyleSheets&&s.CSSStyleSheet){let l=w.get(i);if(l)return e.adoptedStyleSheets=[l.sheet,...e.adoptedStyleSheets],e[S]=l;this.sheet=new s.CSSStyleSheet,e.adoptedStyleSheets=[this.sheet,...e.adoptedStyleSheets],w.set(i,this)}else{this.styleTag=i.createElement("style"),n&&this.styleTag.setAttribute("nonce",n);let l=e.head||e;l.insertBefore(this.styleTag,l.firstChild)}this.modules=[],e[S]=this}mount(e){let n=this.sheet,i=0,s=0;for(let l=0;l<e.length;l++){let t=e[l],h=this.modules.indexOf(t);if(h<s&&h>-1&&(this.modules.splice(h,1),s--,h=-1),h==-1){if(this.modules.splice(s++,0,t),n)for(let a=0;a<t.rules.length;a++)n.insertRule(t.rules[a],i++)}else{for(;s<h;)i+=this.modules[s++].rules.length;i+=t.rules.length,s++}}if(!n){let l="";for(let t=0;t<this.modules.length;t++)l+=this.modules[t].getRules()+`
+`;this.styleTag.textContent=l}}setNonce(e){this.styleTag&&this.styleTag.getAttribute("nonce")!=e&&this.styleTag.setAttribute("nonce",e)}}export{C as StyleModule};
diff --git a/Resources/Public/JavaScript/Contrib/w3c-keyname.js b/Resources/Public/JavaScript/Contrib/w3c-keyname.js
new file mode 100644
index 0000000..87b25e7
--- /dev/null
+++ b/Resources/Public/JavaScript/Contrib/w3c-keyname.js
@@ -0,0 +1 @@
+var t={8:"Backspace",9:"Tab",10:"Enter",12:"NumLock",13:"Enter",16:"Shift",17:"Control",18:"Alt",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",44:"PrintScreen",45:"Insert",46:"Delete",59:";",61:"=",91:"Meta",92:"Meta",106:"*",107:"+",108:",",109:"-",110:".",111:"/",144:"NumLock",145:"ScrollLock",160:"Shift",161:"Shift",162:"Control",163:"Control",164:"Alt",165:"Alt",173:"-",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},a={48:")",49:"!",50:"@",51:"#",52:"$",53:"%",54:"^",55:"&",56:"*",57:"(",59:":",61:"+",173:"_",186:":",187:"+",188:"<",189:"_",190:">",191:"?",192:"~",219:"{",220:"|",221:"}",222:'"'};for(var n=typeof navigator<"u"&&/Chrome\/(\d+)/.exec(navigator.userAgent),y=typeof navigator<"u"&&/Gecko\/\d+/.test(navigator.userAgent),g=typeof navigator<"u"&&/Mac/.test(navigator.platform),d=typeof navigator<"u"&&/MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent),c=g||n&&+n[1]<57,r=0;r<10;r++)t[48+r]=t[96+r]=String(r);for(var r=1;r<=24;r++)t[r+111]="F"+r;for(var r=65;r<=90;r++)t[r]=String.fromCharCode(r+32),a[r]=String.fromCharCode(r);for(var i in t)a.hasOwnProperty(i)||(a[i]=t[i]);function p(o){var f=c&&(o.ctrlKey||o.altKey||o.metaKey)||d&&o.shiftKey&&o.key&&o.key.length==1||o.key=="Unidentified",e=!f&&o.key||(o.shiftKey?a:t)[o.keyCode]||o.key||"Unidentified";return e=="Esc"&&(e="Escape"),e=="Del"&&(e="Delete"),e=="Left"&&(e="ArrowLeft"),e=="Up"&&(e="ArrowUp"),e=="Right"&&(e="ArrowRight"),e=="Down"&&(e="ArrowDown"),e}export{t as base,p as keyName,a as shift};
diff --git a/Resources/Public/JavaScript/action-button/abstract-action.js b/Resources/Public/JavaScript/action-button/abstract-action.js
new file mode 100644
index 0000000..ea8324a
--- /dev/null
+++ b/Resources/Public/JavaScript/action-button/abstract-action.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class t{constructor(c){this.callback=c}}export{t as AbstractAction};
diff --git a/Resources/Public/JavaScript/action-button/deferred-action.js b/Resources/Public/JavaScript/action-button/deferred-action.js
new file mode 100644
index 0000000..6f24015
--- /dev/null
+++ b/Resources/Public/JavaScript/action-button/deferred-action.js
@@ -0,0 +1,13 @@
+/*
+ * 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{AbstractAction as s}from"@typo3/backend/action-button/abstract-action.js";import a from"@typo3/backend/icons.js";class i extends s{async execute(e){return e.dataset.actionLabel=e.innerText,e.classList.add("disabled"),a.getIcon("spinner-circle",a.sizes.small).then(t=>{e.innerHTML=t}),await this.executeCallback(e)}async executeCallback(e){return await Promise.resolve(this.callback()).finally(()=>{e.innerText=e.dataset.actionLabel,e.classList.remove("disabled")})}}export{i as default};
diff --git a/Resources/Public/JavaScript/action-button/immediate-action.js b/Resources/Public/JavaScript/action-button/immediate-action.js
new file mode 100644
index 0000000..1c33e3b
--- /dev/null
+++ b/Resources/Public/JavaScript/action-button/immediate-action.js
@@ -0,0 +1,13 @@
+/*
+ * 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{AbstractAction as e}from"@typo3/backend/action-button/abstract-action.js";class t extends e{execute(){return this.executeCallback()}async executeCallback(){return Promise.resolve(this.callback())}}export{t as default};
diff --git a/Resources/Public/JavaScript/action-dispatcher.js b/Resources/Public/JavaScript/action-dispatcher.js
new file mode 100644
index 0000000..708b545
--- /dev/null
+++ b/Resources/Public/JavaScript/action-dispatcher.js
@@ -0,0 +1,13 @@
+/*
+ * 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 c from"@typo3/backend/info-window.js";import p from"@typo3/core/event/regular-event.js";import o from"@typo3/backend/window-manager.js";import d from"@typo3/backend/module-menu.js";import u from"@typo3/core/document-service.js";import l from"@typo3/backend/utility.js";class i{constructor(){this.delegates={},this.createDelegates(),u.ready().then(()=>this.registerEvents())}static resolveArguments(e){if(e.dataset.dispatchArgs){const t=e.dataset.dispatchArgs.replace(/&quot;/g,'"'),a=JSON.parse(t);return a instanceof Array?l.trimItems(a):null}else if(e.dataset.dispatchArgsList){const t=e.dataset.dispatchArgsList.split(",");return l.trimItems(t)}return null}createDelegates(){this.delegates={"TYPO3.InfoWindow.showItem":c.showItem.bind(null),"TYPO3.WindowManager.localOpen":o.localOpen.bind(o),"TYPO3.ModuleMenu.showModule":d.App.showModule.bind(d.App)}}registerEvents(){new p("click",this.handleClickEvent.bind(this)).delegateTo(document,"[data-dispatch-action]")}handleClickEvent(e,t){e.preventDefault(),this.delegateTo(e,t)}delegateTo(e,t){if(t.hasAttribute("data-dispatch-disabled"))return;const r=t.dataset.dispatchAction;let s=i.resolveArguments(t);s instanceof Array&&(s=s.map(n=>{switch(n){case"{$target}":return t;case"{$event}":return e;default:return n}})),this.delegates[r]&&this.delegates[r].apply(null,s||[])}}var h=new i;export{h as default};
diff --git a/Resources/Public/JavaScript/ajax-data-handler.js b/Resources/Public/JavaScript/ajax-data-handler.js
new file mode 100644
index 0000000..9b6b2fd
--- /dev/null
+++ b/Resources/Public/JavaScript/ajax-data-handler.js
@@ -0,0 +1,13 @@
+/*
+ * 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{BroadcastMessage as c}from"@typo3/backend/broadcast-message.js";import d from"@typo3/core/ajax/ajax-request.js";import i from"@typo3/backend/broadcast-service.js";import m from"@typo3/backend/notification.js";import{sudoModeInterceptor as p}from"@typo3/backend/security/sudo-mode-interceptor.js";class a{static call(e){return new d(TYPO3.settings.ajaxUrls.record_process).addMiddleware(p).withQueryArguments(e).get().then(async r=>await r.resolve())}async process(e,r){return a.call(e).then(s=>{if(s.hasErrors&&this.handleErrors(s),r){const o={...r,hasErrors:s.hasErrors},t=new c("datahandler","process",o);i.post(t);const n=new CustomEvent("typo3:datahandler:process",{detail:{payload:o}});document.dispatchEvent(n)}return s})}handleErrors(e){for(const r of e.messages)m.error(r.title,r.message)}}var l=new a;export{l as default};
diff --git a/Resources/Public/JavaScript/backend-exception.js b/Resources/Public/JavaScript/backend-exception.js
new file mode 100644
index 0000000..1b4e02f
--- /dev/null
+++ b/Resources/Public/JavaScript/backend-exception.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class e{constructor(s="",c=0){this.message=s,this.code=c}}export{e as BackendException};
diff --git a/Resources/Public/JavaScript/bookmark/bookmark-manager.js b/Resources/Public/JavaScript/bookmark/bookmark-manager.js
new file mode 100644
index 0000000..3cf0100
--- /dev/null
+++ b/Resources/Public/JavaScript/bookmark/bookmark-manager.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as F,html as r,nothing as y}from"lit";import{property as T,state as w,customElement as D}from"lit/decorators.js";import{classMap as I}from"lit/directives/class-map.js";import{repeat as x}from"lit/directives/repeat.js";import p,{BookmarkStoreChangedEvent as z,BookmarkGroupType as S}from"@typo3/backend/bookmark/bookmark-store.js";import $ from"@typo3/backend/modal.js";import m from"@typo3/backend/notification.js";import{SeverityEnum as B}from"@typo3/backend/enum/severity.js";import{PseudoButtonLitElement as R}from"@typo3/backend/element/pseudo-button.js";import"@typo3/backend/element/spinner-element.js";import"@typo3/backend/element/icon-element.js";import a from"~labels/core.bookmarks";var g=function(k,e,t,o){var i=arguments.length,s=i<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(k,e,t,o);else for(var d=k.length-1;d>=0;d--)(l=k[d])&&(s=(i<3?l(s):i>3?l(e,t,s):l(e,t))||s);return i>3&&s&&Object.defineProperty(e,t,s),s};class M{constructor(){this.view="list"}}class V{constructor(e){this.bookmark=e,this.view="editBookmark"}}class E{constructor(){this.view="createGroup",this.draft={label:""}}}class L{constructor(e){this.group=e,this.view="editGroup"}}class C{constructor(){this.view="manageGroups"}}let h=class extends F{constructor(){super(...arguments),this.editId=null,this.bookmarks=[],this.groups=[],this.selectedIds=new Set,this.draggedItem=null,this.dropTarget=null,this.groupedBookmarks=new Map,this.viewState=new M,this.handleStoreUpdate=()=>{this.syncFromStore()},this.handleBookmarkBulkDelete=()=>{const e=Array.from(this.selectedIds),t=$.confirm(a.get("confirmDeleteMultiple.title"),a.get("confirmDeleteMultiple.message",[e.length]),B.notice,[{text:a.get("action.cancel"),btnClass:"btn-default",name:"cancel",trigger:()=>t.hideModal()},{text:a.get("action.delete"),btnClass:"btn-primary",name:"delete",trigger:async()=>{await p.deleteMultiple(e)?(m.success(a.get("success.deletedMultiple.title"),a.get("success.deletedMultiple.message",[e.length])),this.selectedIds=new Set):m.error(a.get("error.deleteFailed.title"),a.get("error.deleteFailed.message")),t.hideModal()}}])},this.handleDragOver=e=>{e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move")},this.handleItemDragLeave=e=>{const t=e.relatedTarget;t&&e.currentTarget.contains(t)||(this.dropTarget=null)},this.handleDragEnd=()=>{this.draggedItem=null,this.dropTarget=null}}connectedCallback(){super.connectedCallback(),document.addEventListener(z,this.handleStoreUpdate),this.initFromStore()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(z,this.handleStoreUpdate)}createRenderRoot(){return this}render(){let e;return this.viewState instanceof V?e=this.renderBookmarkEditView(this.viewState):this.viewState instanceof C?e=this.renderGroupListView():this.viewState instanceof E?e=this.renderGroupCreateView(this.viewState):this.viewState instanceof L?e=this.renderGroupEditView(this.viewState):e=this.renderBookmarkListView(),r`<div class=bookmark-manager><div class=bookmark-manager-toolbar>${e.toolbar}</div><div class=bookmark-manager-content>${e.content}</div></div>`}async initFromStore(){if(await this.syncFromStore(),this.editId!==null){const e=this.bookmarks.find(t=>t.id===this.editId);e&&this.navigateToBookmarkEditView(e)}}navigateToBookmarkListView(){this.viewState=new M}navigateToBookmarkEditView(e){this.viewState=new V(e)}navigateToGroupListView(){this.viewState=new C}navigateToGroupCreateView(){this.viewState=new E}navigateToGroupEditView(e){this.viewState=new L(e)}renderBookmarkListView(){const e=this.groupedBookmarks,t=this.selectedIds.size>0,o=this.bookmarks.length>0,i=this.selectedIds.size===this.bookmarks.length&&this.bookmarks.length>0,s=this.helperGetGroupSections(this.getSelectableGroups()),l=r`<div class=bookmark-manager-toolbar-start><div class=form-slim><div class=form-group><div class="form-check form-check-type-toggle mb-0"><input type=checkbox class=form-check-input id=selectAll .checked=${i} @change=${n=>{this.selectedIds=n.target.checked?new Set(this.bookmarks.map(b=>b.id)):new Set}}> <label class=form-check-label for=selectAll>${i?a.get("manager.deselectAll"):a.get("manager.selectAll")}</label></div></div>${t?r`<div class="form-group dropdown"><button class="btn btn-sm btn-default dropdown-toggle" type=button data-bs-toggle=dropdown aria-expanded=false><typo3-backend-icon identifier=actions-bookmarks size=small></typo3-backend-icon>${a.get("manager.moveToGroup")}</button><ul class=dropdown-menu>${s.map((n,b)=>r`${b>0?r`<li><hr class=dropdown-divider></li>`:y}<li><div class=dropdown-header>${n.label}</div></li>${n.groups.map(f=>r`<li><button class=dropdown-item type=button @click=${()=>this.handleBookmarkBulkMove(f.id)}>${f.label}</button></li>`)}`)}</ul></div><div class=form-group><button class="btn btn-sm btn-default" type=button @click=${this.handleBookmarkBulkDelete}><typo3-backend-icon identifier=actions-delete size=small></typo3-backend-icon>${a.get("manager.deleteSelected")}</button></div>`:y}</div></div><div class=bookmark-manager-toolbar-end><button class="btn btn-sm btn-default" type=button @click=${this.navigateToGroupListView}><typo3-backend-icon identifier=actions-cog size=small></typo3-backend-icon>${a.get("manager.manageGroups")}</button></div>`,d=r`${o?y:r`<div class="alert alert-info"><typo3-backend-icon identifier=actions-info-circle size=small></typo3-backend-icon><span class=ms-2>${a.get("empty")}</span></div>`} ${x(Array.from(e.entries()),([n])=>n,([n,b])=>{const u=this.groups.find(v=>v.id===n)?.label||a.get("notGrouped"),c=`bookmark-group-${typeof n=="number"?n:n.replace(/-/g,"")}`;return r`<div class="panel panel-default" data-group-id=${n} @dragover=${this.handleDragOver} @drop=${v=>this.handleDrop(v,n)}><div class=panel-heading role=tab><div class=panel-heading-row><button class=panel-button type=button data-bs-toggle=collapse data-bs-target=#${c} aria-expanded=true aria-controls=${c}><div class=panel-title>${u}</div><span class=caret></span></button></div></div><div class="panel-collapse collapse show" id=${c} role=tabpanel><div class=table-fit><table class="table table-striped table-hover mb-0"><tbody>${x(b,v=>v.id,v=>this.renderBookmarkRow(v))}</tbody></table></div></div></div>`})}`;return{toolbar:l,content:d}}renderBookmarkRow(e){const t=this.selectedIds.has(e.id),o=this.draggedItem?.id===e.id,i=this.dropTarget?.item.id===e.id,s=this.dropTarget?.position,l=I({"table-active":t,"opacity-50":o,"row-drop-before":i&&s==="before","row-drop-after":i&&s==="after"}),d=()=>{const c=new Set(this.selectedIds);c.has(e.id)?c.delete(e.id):c.add(e.id),this.selectedIds=c},n=this.groupedBookmarks.get(e.groupId)??[],b=n.findIndex(c=>c.id===e.id),f=b===0,u=b===n.length-1;return r`<tr class=${l} data-bookmark-id=${e.id} draggable=${e.editable?"true":"false"} @dragstart=${c=>this.handleDragStart(c,"bookmark",e)} @dragover=${c=>this.handleItemDragOver(c,e)} @dragleave=${this.handleItemDragLeave} @drop=${c=>this.handleDrop(c,e)} @dragend=${this.handleDragEnd}><td class=col-checkbox>${e.editable?r`<span class="form-check form-check-type-toggle"> <input type=checkbox class=form-check-input .checked=${t} @change=${d} @click=${c=>c.stopPropagation()}> </span>`:r`<typo3-backend-icon identifier=actions-lock size=small title=${a.get("manager.locked")}></typo3-backend-icon>`}</td><td class=col-icon><typo3-backend-icon identifier=${e.iconIdentifier} overlay=${e.iconOverlayIdentifier} size=small></typo3-backend-icon></td><td class=col-title>${e.accessible?r`<button type=button class="btn btn-link" title=${e.title} @click=${()=>this.handleBookmarkNavigate(e)}>${e.title}</button>`:r`<span class=text-muted title=${e.title}>${e.title}</span><typo3-backend-icon class=text-warning identifier=actions-exclamation-triangle size=small title=${a.get("manager.notAccessible")}></typo3-backend-icon>`}</td><td class="col-control nowrap">${e.editable?r`<div class=btn-group><button type=button class="btn btn-default btn-sm" title=${a.get("manager.editBookmark")} @click=${()=>this.navigateToBookmarkEditView(e)}><typo3-backend-icon identifier=actions-cog size=small></typo3-backend-icon><span class=visually-hidden>${a.get("manager.editBookmark")}</span></button> ${f?r`<span class="btn btn-default btn-sm disabled"> <typo3-backend-icon identifier=empty-empty size=small></typo3-backend-icon> </span>`:r`<button type=button class="btn btn-default btn-sm" data-action=move-up title=${a.get("manager.moveUp")} @click=${()=>this.handleBookmarkMoveUp(e)}><typo3-backend-icon identifier=actions-chevron-up size=small></typo3-backend-icon><span class=visually-hidden>${a.get("manager.moveUp")}</span></button>`} ${u?r`<span class="btn btn-default btn-sm disabled"> <typo3-backend-icon identifier=empty-empty size=small></typo3-backend-icon> </span>`:r`<button type=button class="btn btn-default btn-sm" data-action=move-down title=${a.get("manager.moveDown")} @click=${()=>this.handleBookmarkMoveDown(e)}><typo3-backend-icon identifier=actions-chevron-down size=small></typo3-backend-icon><span class=visually-hidden>${a.get("manager.moveDown")}</span></button>`} <span class="btn btn-default btn-sm" style=cursor:grab title=${a.get("manager.dragToReorder")}><typo3-backend-icon identifier=actions-drag size=small></typo3-backend-icon> <span class=visually-hidden>${a.get("manager.dragToReorder")}</span> </span></div>`:y}</td></tr>`}renderBookmarkEditView(e){const{bookmark:t}=e,o=r`<div class=bookmark-manager-toolbar-start><button type=button class="btn btn-sm btn-default" @click=${this.navigateToBookmarkListView}><typo3-backend-icon identifier=actions-arrow-left size=small></typo3-backend-icon>${a.get("manager.back")}</button></div><div class=bookmark-manager-toolbar-end><button type=button class="btn btn-sm btn-danger" @click=${()=>this.handleBookmarkDelete(t.id)}><typo3-backend-icon identifier=actions-delete size=small></typo3-backend-icon>${a.get("action.delete")}</button> <button type=submit form=bookmark-edit-form class="btn btn-sm btn-primary"><typo3-backend-icon identifier=actions-check size=small></typo3-backend-icon>${a.get("action.save")}</button></div>`,i=this.helperParseParameters(t.arguments),s=this.helperGetGroupSections(this.getSelectableGroups()),l=r`<div class=bookmark-edit-view><form id=bookmark-edit-form @submit=${d=>this.handleBookmarkUpdate(d,t)}><div class=form-group><label class=form-label for=bookmark-title>${a.get("fieldTitle")}</label> <input type=text id=bookmark-title name=title class=form-control .value=${t.title} @input=${d=>{t.title=d.target.value,this.requestUpdate()}} required></div><div class=form-group><label class=form-label for=bookmark-group>${a.get("fieldGroup")}</label> <select id=bookmark-group name=group class=form-select .value=${String(t.groupId)} @change=${d=>{const n=d.target.value,b=this.groups.find(f=>String(f.id)===n);b&&(t.groupId=b.id,this.requestUpdate())}}>${s.map(d=>r`<optgroup label=${d.label}>${d.groups.map(n=>r`<option value=${n.id} ?selected=${n.id===t.groupId}>${n.label}</option>`)}</optgroup>`)}</select></div><div class=mb-3><label class=form-label>${a.get("details")}</label><div class=table-fit><table class="table table-striped table-sm mb-0"><tbody>${t.href?r`<tr><th class=nowrap>${a.get("details.url")}</th><td class=text-break>${this.helperStripToken(t.href)}</td></tr>`:y}<tr><th class=nowrap>${a.get("details.route")}</th><td>${t.route}</td></tr>${i!==null?r`<tr><th class="nowrap align-top">${a.get("details.parameters")}</th><td>${i}</td></tr>`:y}</tbody></table></div></div></form></div>`;return{toolbar:o,content:l}}renderGroupListView(){const e=this.groups.filter(i=>i.editable),t=r`<div class=bookmark-manager-toolbar-start><button type=button class="btn btn-sm btn-default" @click=${this.navigateToBookmarkListView}><typo3-backend-icon identifier=actions-arrow-left size=small></typo3-backend-icon>${a.get("manager.back")}</button></div><div class=bookmark-manager-toolbar-end><button class="btn btn-sm btn-primary" type=button @click=${this.navigateToGroupCreateView}><typo3-backend-icon identifier=actions-plus size=small></typo3-backend-icon>${a.get("manager.newGroup")}</button></div>`,o=r`<div class=bookmark-manage-groups-view>${e.length>0?r`<div class=table-fit><table class="table table-striped table-hover mb-0"><tbody>${e.map(i=>this.renderGroupRow(i))}</tbody></table></div>`:r`<div class="alert alert-info"><typo3-backend-icon identifier=actions-info-circle size=small></typo3-backend-icon><span class=ms-2>${a.get("manager.noGroups")}</span></div>`}</div>`;return{toolbar:t,content:o}}renderGroupRow(e){const t=this.bookmarks.filter(u=>u.groupId===e.id).length,o=this.draggedItem?.id===e.id,i=this.dropTarget?.item.id===e.id,s=this.dropTarget?.position,l=I({"opacity-50":o,"row-drop-before":i&&s==="before","row-drop-after":i&&s==="after"}),d=this.groups.filter(u=>u.editable),n=d.findIndex(u=>u.id===e.id),b=n===0,f=n===d.length-1;return r`<tr class=${l} data-group-id=${e.id} draggable=true @dragstart=${u=>this.handleDragStart(u,"group",e)} @dragover=${u=>this.handleItemDragOver(u,e)} @dragleave=${this.handleItemDragLeave} @drop=${u=>this.handleDrop(u,e)} @dragend=${this.handleDragEnd}><td class=col-title><button type=button class="btn btn-link" @click=${()=>this.navigateToGroupEditView(e)}><typo3-backend-icon identifier=apps-pagetree-folder-default size=small></typo3-backend-icon>${e.label} ${t>0?r`<span class="badge badge-default">${t}</span>`:y}</button></td><td class="col-control nowrap"><div class=btn-group><button type=button class="btn btn-default btn-sm" title=${a.get("manager.editGroup")} @click=${()=>this.navigateToGroupEditView(e)}><typo3-backend-icon identifier=actions-cog size=small></typo3-backend-icon><span class=visually-hidden>${a.get("manager.editGroup")}</span></button> ${b?r`<span class="btn btn-default btn-sm disabled"> <typo3-backend-icon identifier=empty-empty size=small></typo3-backend-icon> </span>`:r`<button type=button class="btn btn-default btn-sm" data-action=move-up title=${a.get("manager.moveUp")} @click=${()=>this.handleGroupMoveUp(e)}><typo3-backend-icon identifier=actions-chevron-up size=small></typo3-backend-icon><span class=visually-hidden>${a.get("manager.moveUp")}</span></button>`} ${f?r`<span class="btn btn-default btn-sm disabled"> <typo3-backend-icon identifier=empty-empty size=small></typo3-backend-icon> </span>`:r`<button type=button class="btn btn-default btn-sm" data-action=move-down title=${a.get("manager.moveDown")} @click=${()=>this.handleGroupMoveDown(e)}><typo3-backend-icon identifier=actions-chevron-down size=small></typo3-backend-icon><span class=visually-hidden>${a.get("manager.moveDown")}</span></button>`} <span class="btn btn-default btn-sm" style=cursor:grab title=${a.get("manager.dragToReorder")}><typo3-backend-icon identifier=actions-drag size=small></typo3-backend-icon> <span class=visually-hidden>${a.get("manager.dragToReorder")}</span> </span></div></td></tr>`}renderGroupCreateView(e){const{draft:t}=e,o=r`<div class=bookmark-manager-toolbar-start><button type=button class="btn btn-sm btn-default" @click=${this.navigateToGroupListView}><typo3-backend-icon identifier=actions-arrow-left size=small></typo3-backend-icon>${a.get("manager.back")}</button></div><div class=bookmark-manager-toolbar-end><button type=submit form=bookmark-group-create-form class="btn btn-sm btn-primary"><typo3-backend-icon identifier=actions-check size=small></typo3-backend-icon>${a.get("manager.createGroup")}</button></div>`,i=r`<div class=bookmark-group-create-view><form id=bookmark-group-create-form @submit=${s=>this.handleGroupCreate(s,t)}><div class=mb-3><label class=form-label for=group-label>${a.get("manager.label")}</label> <input type=text id=group-label name=label class=form-control .value=${t.label} @input=${s=>{t.label=s.target.value,this.requestUpdate()}} required autofocus></div></form></div>`;return{toolbar:o,content:i}}renderGroupEditView(e){const{group:t}=e,o=r`<div class=bookmark-manager-toolbar-start><button type=button class="btn btn-sm btn-default" @click=${this.navigateToGroupListView}><typo3-backend-icon identifier=actions-arrow-left size=small></typo3-backend-icon>${a.get("manager.back")}</button></div><div class=bookmark-manager-toolbar-end><button type=button class="btn btn-sm btn-danger" @click=${()=>this.handleGroupDelete(t)}><typo3-backend-icon identifier=actions-delete size=small></typo3-backend-icon>${a.get("action.delete")}</button> <button type=submit form=bookmark-group-edit-form class="btn btn-sm btn-primary"><typo3-backend-icon identifier=actions-check size=small></typo3-backend-icon>${a.get("action.save")}</button></div>`,i=r`<div class=bookmark-group-edit-view><form id=bookmark-group-edit-form @submit=${s=>this.handleGroupUpdate(s,t)}><div class=mb-3><label class=form-label for=group-label>${a.get("manager.label")}</label> <input type=text id=group-label name=label class=form-control .value=${t.label} @input=${s=>{t.label=s.target.value,this.requestUpdate()}} required></div></form></div>`;return{toolbar:o,content:i}}async syncFromStore(){this.bookmarks=await p.getBookmarks(),this.groups=await p.getGroups(),this.groupedBookmarks=await p.getGroupedBookmarks()}getSelectableGroups(){return this.groups.filter(e=>e.selectable)}handleBookmarkNavigate(e){this.closest("typo3-backend-modal")?.hideModal(),p.navigate(e)}async handleBookmarkUpdate(e,t){e.preventDefault();const o=await p.update(t.id,t.title,t.groupId);o.success?(m.success(a.get("success.updated.title"),a.get("success.updated.message")),this.navigateToBookmarkListView()):m.error(a.get("error.updateFailed.title"),o.error||a.get("error.unknown.message"))}handleBookmarkDelete(e){const t=$.confirm(a.get("confirmDelete.title"),a.get("confirmDelete.message"),B.notice,[{text:a.get("action.cancel"),btnClass:"btn-default",name:"cancel",trigger:()=>t.hideModal()},{text:a.get("action.delete"),btnClass:"btn-primary",name:"delete",trigger:async()=>{await p.deleteMultiple([e])?(m.success(a.get("success.deleted.title"),a.get("success.deleted.message")),this.navigateToBookmarkListView()):m.error(a.get("error.deleteFailed.title"),a.get("error.deleteFailed.message")),t.hideModal()}}])}async handleBookmarkBulkMove(e){const t=Array.from(this.selectedIds);await p.move(t,e)?(m.success(a.get("success.moved.title"),a.get("success.moved.message",[t.length])),this.selectedIds=new Set):m.error(a.get("error.moveFailed.title"),a.get("error.moveFailed.message"))}async handleBookmarkMoveUp(e){await this.reorderBookmarkRelative(e,-1),await this.restoreFocus("bookmark",e.id,"up")}async handleBookmarkMoveDown(e){await this.reorderBookmarkRelative(e,1),await this.restoreFocus("bookmark",e.id,"down")}async handleGroupMoveUp(e){await this.reorderGroupRelative(e,-1),await this.restoreFocus("group",e.id,"up")}async handleGroupMoveDown(e){await this.reorderGroupRelative(e,1),await this.restoreFocus("group",e.id,"down")}async handleGroupCreate(e,t){if(e.preventDefault(),!t.label.trim())return;const o=await p.createGroup(t.label.trim());o.success?(m.success(a.get("success.groupCreated.title"),a.get("success.groupCreated.message")),this.navigateToGroupListView()):m.error(a.get("error.groupCreateFailed.title"),o.error||a.get("error.groupCreateFailed.message"))}async handleGroupUpdate(e,t){if(e.preventDefault(),!t.label.trim()||!t.editable)return;const o=await p.updateGroup(t.id,t.label.trim());o.success?(m.success(a.get("success.groupUpdated.title"),a.get("success.groupUpdated.message")),this.navigateToGroupListView()):m.error(a.get("error.groupUpdateFailed.title"),o.error||a.get("error.groupUpdateFailed.message"))}handleGroupDelete(e){if(!e.editable)return;const t=$.confirm(a.get("confirmDeleteGroup.title"),a.get("confirmDeleteGroup.message",[e.label]),B.notice,[{text:a.get("action.cancel"),btnClass:"btn-default",name:"cancel",trigger:()=>t.hideModal()},{text:a.get("action.delete"),btnClass:"btn-primary",name:"delete",trigger:async()=>{const o=await p.deleteGroup(e.id);o.success?(m.success(a.get("success.groupDeleted.title"),a.get("success.groupDeleted.message")),this.navigateToGroupListView()):m.error(a.get("error.groupDeleteFailed.title"),o.error||a.get("error.groupDeleteFailed.message")),t.hideModal()}}])}async restoreFocus(e,t,o){await this.updateComplete;const i=e==="bookmark"?`tr[data-bookmark-id="${t}"]`:`tr[data-group-id="${t}"]`,s=this.querySelector(i);if(!s)return;const l=o==="up"?"move-up":"move-down",d=o==="up"?"move-down":"move-up";(s.querySelector(`button[data-action="${l}"]`)??s.querySelector(`button[data-action="${d}"]`))?.focus()}async reorderBookmarkRelative(e,t){const o=[...this.groupedBookmarks.get(e.groupId)??[]],i=o.findIndex(l=>l.id===e.id),s=i+t;i<0||s<0||s>=o.length||([o[i],o[s]]=[o[s],o[i]],await p.reorder(o.map(l=>l.id)),await this.syncFromStore())}async reorderBookmarkToPosition(e,t,o){e.groupId!==t&&await p.update(e.id,e.title,t);const i=[...this.groupedBookmarks.get(t)??[]].filter(s=>s.id!==e.id);i.splice(o,0,e),await p.reorder(i.map(s=>s.id)),await this.syncFromStore()}async reorderGroupRelative(e,t){const o=this.groups.filter(l=>l.editable),i=o.findIndex(l=>l.id===e.id),s=i+t;i<0||s<0||s>=o.length||([o[i],o[s]]=[o[s],o[i]],await p.reorderGroups(o.map(l=>l.id)),await this.syncFromStore())}async reorderGroupToPosition(e,t){const o=this.groups.filter(i=>i.editable&&i.id!==e.id);o.splice(t,0,e),await p.reorderGroups(o.map(i=>i.id)),await this.syncFromStore()}handleDragStart(e,t,o){if(this.draggedItem=o,e.dataTransfer){e.dataTransfer.effectAllowed="move";const i={type:t,id:o.id};e.dataTransfer.setData("application/json",JSON.stringify(i))}}handleItemDragOver(e,t){if(e.preventDefault(),e.stopPropagation(),this.draggedItem===null||this.draggedItem.id===t.id)return;e.dataTransfer&&(e.dataTransfer.dropEffect="move");const o=e.currentTarget.getBoundingClientRect(),i=o.top+o.height/2,s=e.clientY<i?"before":"after";this.dropTarget={item:t,position:s}}async handleDrop(e,t){e.preventDefault(),e.stopPropagation();const o=this.draggedItem,i=this.dropTarget?.position;if(this.dropTarget=null,o===null)return;const s=JSON.parse(e.dataTransfer?.getData("application/json")??"{}");s.type==="bookmark"?await this.handleDropBookmark(o,t,i):s.type==="group"&&await this.handleDropGroup(o,t,i),this.draggedItem=null}async handleDropBookmark(e,t,o){if(typeof t=="object"&&"route"in t){const i=t;if(e.id===i.id)return;const l=[...this.groupedBookmarks.get(i.groupId)??[]].filter(n=>n.id!==e.id).findIndex(n=>n.id===i.id),d=o==="before"?l:l+1;await this.reorderBookmarkToPosition(e,i.groupId,d)}else{const i=t;if(e.groupId!==i){const s=[...this.groupedBookmarks.get(i)??[]];await this.reorderBookmarkToPosition(e,i,s.length)}}}async handleDropGroup(e,t,o){if(e.id===t.id)return;const s=this.groups.filter(d=>d.editable&&d.id!==e.id).findIndex(d=>d.id===t.id),l=o==="before"?s:s+1;await this.reorderGroupToPosition(e,l)}helperGetGroupSections(e){const t=Map.groupBy(e,i=>i.type),o={[S.USER]:a.get("groupType.user"),[S.SYSTEM]:a.get("groupType.system"),[S.GLOBAL]:a.get("groupType.global")};return Array.from(t.entries()).map(([i,s])=>({label:o[i]??i,groups:s}))}helperParseParameters(e){if(!e)return null;try{const t=Object.entries(JSON.parse(e));if(t.length===0)return null;const o=i=>typeof i=="object"&&i!==null?JSON.stringify(i):String(i);return r`<ul class="list-unstyled mb-0">${t.map(([i,s])=>r`<li><strong>${i}:</strong> ${o(s)}</li>`)}</ul>`}catch{return r`${e}`}}helperStripToken(e){try{const t=new URL(e,window.location.origin);return t.searchParams.delete("token"),decodeURIComponent(t.pathname+t.search)}catch{return e}}};g([T({type:Number})],h.prototype,"editId",void 0),g([w()],h.prototype,"bookmarks",void 0),g([w()],h.prototype,"groups",void 0),g([w()],h.prototype,"selectedIds",void 0),g([w()],h.prototype,"draggedItem",void 0),g([w()],h.prototype,"dropTarget",void 0),g([w()],h.prototype,"groupedBookmarks",void 0),g([w()],h.prototype,"viewState",void 0),h=g([D("typo3-backend-bookmark-manager-content")],h);let G=class extends R{createRenderRoot(){return this}buttonActivated(){const t=(top?.document??document).createElement("typo3-backend-bookmark-manager-content");this.editId!==void 0&&(t.editId=this.editId),$.advanced({type:$.types.default,title:a.get("manage"),size:$.sizes.medium,severity:B.notice,content:t,buttons:[],staticBackdrop:!0})}};g([T({type:Number,attribute:"edit-id"})],G.prototype,"editId",void 0),G=g([D("typo3-backend-bookmark-manager-button")],G);export{G as BookmarkManagerButtonElement,h as BookmarkManagerContentElement};
diff --git a/Resources/Public/JavaScript/bookmark/bookmark-store.js b/Resources/Public/JavaScript/bookmark/bookmark-store.js
new file mode 100644
index 0000000..9f6e83a
--- /dev/null
+++ b/Resources/Public/JavaScript/bookmark/bookmark-store.js
@@ -0,0 +1,13 @@
+/*
+ * 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 n from"@typo3/core/ajax/ajax-request.js";import i from"~labels/core.bookmarks";import g from"~labels/core.mod_web_list";import F from"@typo3/backend/modal.js";import p from"@typo3/backend/notification.js";import{SeverityEnum as _}from"@typo3/backend/enum/severity.js";import{BroadcastMessage as B}from"@typo3/backend/broadcast-message.js";import E from"@typo3/backend/broadcast-service.js";const h="typo3:bookmark-store:changed";var k;(function(c){c.SYSTEM="system",c.GLOBAL="global",c.USER="user"})(k||(k={}));class f{constructor(){this.bookmarks=new Map,this.groups=[],this.isLoaded=!1,this.loadPromise=null,document.addEventListener("typo3:bookmark:broadcast",e=>this.handleBroadcast(e))}getBookmarkKey(e,r){return`${e}::${r}`}async isBookmarked(e){return await this.getBookmark(e)!==null}async getBookmark(e){await this.ready();for(const r of this.bookmarks.values())if(this.getBookmarkKey(r.route,r.arguments)===e)return r;return null}async getBookmarks(){return await this.ready(),[...this.bookmarks.values()]}async getGroups(){return await this.ready(),[...this.groups]}async getGroupedBookmarks(e){let r=await this.getBookmarks();e?.accessibleOnly&&(r=r.filter(a=>a.accessible)),e?.groupId!==void 0&&(r=r.filter(a=>a.groupId===e.groupId)),e?.limit!==void 0&&e.limit>0&&r.length>e.limit&&(r=r.slice(0,e.limit));const o=new Map,t=new Map,s=new Map;this.groups.forEach(a=>{t.set(a.id,a.priority),s.set(a.id,a.sorting)});const b=[...new Set(r.map(a=>a.groupId))].sort((a,l)=>{const d=t.get(a)??Number.MAX_SAFE_INTEGER,y=t.get(l)??Number.MAX_SAFE_INTEGER,m=d-y;if(m!==0)return m;const w=s.get(a)??Number.MAX_SAFE_INTEGER,v=s.get(l)??Number.MAX_SAFE_INTEGER;return w-v});for(const a of b){const l=r.filter(d=>d.groupId===a);l.length>0&&o.set(a,l)}return o}initialize(e,r){this.isLoaded||this.load({bookmarks:e,groups:r})}async create(e,r,o){try{const s=await(await new n(TYPO3.settings.ajaxUrls.bookmark_create).post({routeIdentifier:e,arguments:r,displayName:o||""})).resolve();return s.success&&s.bookmark&&(this.bookmarks.set(s.bookmark.id,s.bookmark),this.notifyChanged()),s}catch(t){return console.error("Failed to create bookmark:",t),{success:!1,error:i.get("error.createFailed.message")}}}async update(e,r,o){try{const s=await(await new n(TYPO3.settings.ajaxUrls.bookmark_update).post({bookmarkId:e,bookmarkTitle:r,bookmarkGroup:o})).resolve();return s.success&&s.bookmark&&(this.bookmarks.set(s.bookmark.id,s.bookmark),this.notifyChanged()),s}catch(t){return console.error("Failed to update bookmark:",t),{success:!1,error:i.get("error.updateFailed.message")}}}requestDelete(e){if(!this.bookmarks.get(e))return;const o=F.confirm(i.get("delete"),i.get("confirmDelete.title"),_.warning,[{text:g.get("button.cancel"),btnClass:"btn-default",name:"cancel",trigger:()=>o.hideModal()},{text:g.get("button.delete"),btnClass:"btn-danger",name:"delete",trigger:async()=>{o.hideModal();const t=await this.delete(e);t.success?p.success(i.get("success.deleted.title"),i.get("success.deleted.message")):p.error(i.get("error.deleteFailed.title"),t.error||i.get("error.deleteFailed.message"))}}])}async delete(e){try{const o=await(await new n(TYPO3.settings.ajaxUrls.bookmark_delete).post({bookmarkId:e})).resolve();return o.success&&(this.bookmarks.delete(e),this.notifyChanged()),o}catch(r){return console.error("Failed to delete bookmark:",r),{success:!1,error:i.get("error.deleteFailed.message")}}}async reorder(e){try{const o=await(await new n(TYPO3.settings.ajaxUrls.bookmark_reorder).post({bookmarkIds:e})).resolve();if(o.success&&o.bookmarks){this.bookmarks.clear();for(const t of o.bookmarks)this.bookmarks.set(t.id,t);return this.notifyChanged(),!0}return!1}catch(r){return console.error("Failed to reorder bookmarks:",r),!1}}async deleteMultiple(e){try{if((await(await new n(TYPO3.settings.ajaxUrls.bookmark_delete_multiple).post({bookmarkIds:e})).resolve()).success){for(const t of e)this.bookmarks.delete(t);return this.notifyChanged(),!0}return!1}catch(r){return console.error("Failed to delete multiple bookmarks:",r),!1}}async move(e,r){try{if((await(await new n(TYPO3.settings.ajaxUrls.bookmark_move).post({bookmarkIds:e,groupId:r})).resolve()).success){for(const s of e){const u=this.bookmarks.get(s);u&&this.bookmarks.set(s,{...u,groupId:r})}return this.notifyChanged(),!0}return!1}catch(o){return console.error("Failed to move bookmarks:",o),!1}}async refresh(){this.isLoaded=!1,this.loadPromise=null,await this.fetchAll()}async createGroup(e){try{const o=await(await new n(TYPO3.settings.ajaxUrls.bookmark_group_create).post({label:e})).resolve();return o.success&&o.group&&(this.groups.push(o.group),this.notifyChanged()),o}catch(r){return console.error("Failed to create group:",r),{success:!1,error:i.get("error.groupCreateFailed.message")}}}async updateGroup(e,r){try{const t=await(await new n(TYPO3.settings.ajaxUrls.bookmark_group_update).post({uuid:e,label:r})).resolve();return t.success&&t.groups&&(this.groups=t.groups,this.notifyChanged()),t}catch(o){return console.error("Failed to update group:",o),{success:!1,error:i.get("error.groupUpdateFailed.message")}}}async deleteGroup(e){try{const o=await(await new n(TYPO3.settings.ajaxUrls.bookmark_group_delete).post({uuid:e})).resolve();return o.success&&o.groups&&(this.groups=o.groups,await this.refresh(),this.notifyChanged()),o}catch(r){return console.error("Failed to delete group:",r),{success:!1,error:i.get("error.groupDeleteFailed.message")}}}async reorderGroups(e){try{const o=await(await new n(TYPO3.settings.ajaxUrls.bookmark_group_reorder).post({uuids:e})).resolve();return o.success&&o.groups&&(this.groups=o.groups,this.notifyChanged()),o}catch(r){return console.error("Failed to reorder groups:",r),{success:!1,error:i.get("error.groupReorderFailed.message")}}}navigate(e){const r=document.querySelector("typo3-backend-module-router");if(r===null)throw new Error("Router not available.");r.setAttribute("endpoint",e.href),r.setAttribute("module",e.module)}async ready(){this.isLoaded||await this.fetchAll()}async fetchAll(){return this.isLoaded?[...this.bookmarks.values()]:(this.loadPromise||(this.loadPromise=this.doFetch()),await this.loadPromise,[...this.bookmarks.values()])}sortGroups(e){return e.sort((r,o)=>{const t=r.priority-o.priority;return t!==0?t:r.sorting-o.sorting})}handleBroadcast(e){this.load(e.detail.payload),this.notifyChanged(!1)}load(e){this.bookmarks.clear();for(const r of e.bookmarks)this.bookmarks.set(r.id,r);this.groups=this.sortGroups(e.groups),this.isLoaded=!0}notifyChanged(e=!0){const r=new CustomEvent(h);document.dispatchEvent(r);for(let o=0;o<window.frames.length;o++)try{window.frames[o].document.dispatchEvent(r)}catch{}e&&E.post(new B("bookmark","broadcast",{bookmarks:[...this.bookmarks.values()],groups:[...this.groups]}))}async doFetch(){try{const e=TYPO3.settings.ajaxUrls.bookmark_list;if(!e){console.warn("BookmarkStore: bookmark_list URL not available yet");return}const o=await(await new n(e).get({cache:"no-cache"})).resolve();o.success&&(this.load(o),this.notifyChanged(!1))}catch(e){throw console.error("Failed to fetch bookmarks:",e),e}}}function P(){try{if(top?.TYPO3?.BookmarkStore)return top.TYPO3.BookmarkStore;const c=new f;return top?.TYPO3&&(top.TYPO3.BookmarkStore=c),c}catch{return new f}}var T=P();export{k as BookmarkGroupType,h as BookmarkStoreChangedEvent,T as default};
diff --git a/Resources/Public/JavaScript/bookmark/element/bookmark-button-element.js b/Resources/Public/JavaScript/bookmark/element/bookmark-button-element.js
new file mode 100644
index 0000000..4569aa0
--- /dev/null
+++ b/Resources/Public/JavaScript/bookmark/element/bookmark-button-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as m}from"lit";import{property as k,state as p,customElement as f}from"lit/decorators.js";import s from"~labels/core.bookmarks";import{PseudoButtonLitElement as y}from"@typo3/backend/element/pseudo-button.js";import n,{BookmarkStoreChangedEvent as u}from"@typo3/backend/bookmark/bookmark-store.js";import b from"@typo3/backend/notification.js";import"@typo3/backend/element/icon-element.js";import"@typo3/backend/element/spinner-element.js";var r=function(c,e,o,a){var d=arguments.length,i=d<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,o):a,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(c,e,o,a);else for(var h=c.length-1;h>=0;h--)(l=c[h])&&(i=(d<3?l(i):d>3?l(e,o,i):l(e,o))||i);return d>3&&i&&Object.defineProperty(e,o,i),i};let t=class extends y{constructor(){super(...arguments),this.route="",this.arguments="",this.displayName="",this.hideLabelText=!1,this.isBookmarked=!1,this.isProcessing=!1,this.handleStoreUpdate=async()=>{await this.checkIfBookmarked(),this.updateState()}}get bookmarkKey(){return n.getBookmarkKey(this.route,this.arguments)}connectedCallback(){super.connectedCallback(),document.addEventListener(u,this.handleStoreUpdate),this.setup()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(u,this.handleStoreUpdate)}createRenderRoot(){return this}render(){const e=this.isBookmarked?s.get("action.remove"):s.get("action.create"),o=this.hideLabelText?m`<span class=visually-hidden>${e}</span>`:m`${e}`;if(this.isProcessing)return m`<typo3-backend-spinner size=small></typo3-backend-spinner>${o}`;const a=this.isBookmarked?"actions-bookmark-remove":"actions-bookmark-add";return m`<typo3-backend-icon identifier=${a} size=small></typo3-backend-icon>${o}`}async buttonActivated(){if(!this.isProcessing){this.isProcessing=!0,this.updateState();try{if(this.isBookmarked){const e=await n.getBookmark(this.bookmarkKey);e&&n.requestDelete(e.id)}else{const e=await n.create(this.route,this.arguments,this.displayName);e.success?b.success(s.get("success.created.title"),s.get("success.created.message")):b.error(s.get("error.createFailed.title"),e.error||s.get("error.createFailed.message"))}}finally{this.isProcessing=!1,await this.checkIfBookmarked(),this.updateState()}}}async setup(){await this.checkIfBookmarked(),this.updateState()}async checkIfBookmarked(){this.isBookmarked=await n.isBookmarked(this.bookmarkKey)}updateState(){this.isProcessing?(this.setAttribute("aria-disabled","true"),this.tabIndex=-1):(this.removeAttribute("aria-disabled"),this.tabIndex=0),this.setAttribute("aria-pressed",this.isBookmarked?"true":"false"),this.title=this.isBookmarked?s.get("action.remove"):s.get("action.create")}};r([k({type:String})],t.prototype,"route",void 0),r([k({type:String})],t.prototype,"arguments",void 0),r([k({type:String,attribute:"display-name"})],t.prototype,"displayName",void 0),r([k({type:Boolean,attribute:"hide-label-text"})],t.prototype,"hideLabelText",void 0),r([p()],t.prototype,"isBookmarked",void 0),r([p()],t.prototype,"isProcessing",void 0),t=r([f("typo3-backend-bookmark-button")],t);export{t as BookmarkButtonElement};
diff --git a/Resources/Public/JavaScript/bookmark/toolbar/bookmark-menu-element.js b/Resources/Public/JavaScript/bookmark/toolbar/bookmark-menu-element.js
new file mode 100644
index 0000000..d9cada2
--- /dev/null
+++ b/Resources/Public/JavaScript/bookmark/toolbar/bookmark-menu-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as b,html as i,nothing as u}from"lit";import{state as h,customElement as f}from"lit/decorators.js";import{repeat as k}from"lit/directives/repeat.js";import c,{BookmarkStoreChangedEvent as g}from"@typo3/backend/bookmark/bookmark-store.js";import"@typo3/backend/element/icon-element.js";import"@typo3/backend/bookmark/bookmark-manager.js";import l from"~labels/core.bookmarks";var m=function(p,e,o,n){var a=arguments.length,t=a<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(p,e,o,n);else for(var r=p.length-1;r>=0;r--)(s=p[r])&&(t=(a<3?s(t):a>3?s(e,o,t):s(e,o))||t);return a>3&&t&&Object.defineProperty(e,o,t),t};let d=class extends b{constructor(){super(...arguments),this.groupedBookmarks=new Map,this.groups=[],this.handleStoreUpdate=()=>{this.syncFromStore()}}connectedCallback(){super.connectedCallback(),document.addEventListener(g,this.handleStoreUpdate),this.syncFromStore()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(g,this.handleStoreUpdate)}createRenderRoot(){return this}render(){return i`<p class=dropdown-headline>${l.get("title")}</p>${this.renderContent()}<hr class=dropdown-divider aria-hidden=true><typo3-backend-bookmark-manager-button class=dropdown-item><span class=dropdown-item-columns> <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden=true><typo3-backend-icon identifier=actions-cog size=small></typo3-backend-icon> </span> <span class="dropdown-item-column dropdown-item-column-title">${l.get("manage")} </span> </span></typo3-backend-bookmark-manager-button>`}async syncFromStore(){this.groupedBookmarks=await c.getGroupedBookmarks({accessibleOnly:!0}),this.groups=await c.getGroups()}renderContent(){if(this.groupedBookmarks.size===0)return i`<p class=dropdown-item-text>${l.get("description")}</p>`;let e=!0;return i`${k(Array.from(this.groupedBookmarks.entries()),([o])=>o,([o,n])=>{const a=this.renderGroup(o,n,e);return e=!1,a})}`}renderGroup(e,o,n){const t=this.groups.find(r=>r.id===e)?.label,s=t||this.groups.length>1;return i`${n?u:i`<hr class=dropdown-divider aria-hidden=true>`} ${s?i`<p class=dropdown-header id=bookmark-group-${e}>${t||l.get("notGrouped")}</p>`:u}<ul class=dropdown-list data-bookmarkgroup=${e}>${k(o,r=>r.id,r=>this.renderBookmarkItem(r,e))}</ul>`}renderBookmarkItem(e,o){return i`<li class=t3js-topbar-bookmark data-bookmarkid=${e.id} data-bookmarkgroup=${o}><button type=button class=dropdown-item title=${e.title} @click=${()=>this.handleNavigate(e)}><span class=dropdown-item-columns> <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden=true><typo3-backend-icon identifier=${e.iconIdentifier} overlay=${e.iconOverlayIdentifier} size=small></typo3-backend-icon> </span> <span class="dropdown-item-column dropdown-item-column-title">${e.title} </span> </span></button></li>`}handleNavigate(e){c.navigate(e)}};m([h()],d.prototype,"groupedBookmarks",void 0),m([h()],d.prototype,"groups",void 0),d=m([f("typo3-backend-bookmark-menu")],d);export{d as BookmarkMenuElement};
diff --git a/Resources/Public/JavaScript/broadcast-message.js b/Resources/Public/JavaScript/broadcast-message.js
new file mode 100644
index 0000000..f40bca9
--- /dev/null
+++ b/Resources/Public/JavaScript/broadcast-message.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class n{constructor(e,t,o){if(!e||!t)throw new Error("Properties componentName and eventName have to be defined");this.componentName=e,this.eventName=t,this.payload=o||{}}static fromData(e){const t=Object.assign({},e);return delete t.componentName,delete t.eventName,new n(e.componentName,e.eventName,t)}createCustomEvent(e="typo3"){return new CustomEvent([e,this.componentName,this.eventName].join(":"),{detail:this.payload})}}export{n as BroadcastMessage};
diff --git a/Resources/Public/JavaScript/broadcast-service.js b/Resources/Public/JavaScript/broadcast-service.js
new file mode 100644
index 0000000..5cd7a09
--- /dev/null
+++ b/Resources/Public/JavaScript/broadcast-service.js
@@ -0,0 +1,13 @@
+/*
+ * 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{BroadcastMessage as n}from"@typo3/backend/broadcast-message.js";import{MessageUtility as a}from"@typo3/backend/utility/message-utility.js";class s{constructor(){this.channel=new BroadcastChannel("typo3")}get isListening(){return typeof this.channel.onmessage=="function"}static onMessage(e){if(!a.verifyOrigin(e.origin))throw"Denied message sent by "+e.origin;const t=n.fromData(e.data);document.dispatchEvent(t.createCustomEvent("typo3"))}listen(){this.isListening||(this.channel.onmessage=s.onMessage)}post(e){this.channel.postMessage(e)}}var i=new s;export{i as default};
diff --git a/Resources/Public/JavaScript/browse-database.js b/Resources/Public/JavaScript/browse-database.js
new file mode 100644
index 0000000..3e874bb
--- /dev/null
+++ b/Resources/Public/JavaScript/browse-database.js
@@ -0,0 +1,13 @@
+/*
+ * 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 s from"@typo3/backend/element-browser.js";import o from"@typo3/core/event/regular-event.js";class r{constructor(){new o("click",(a,t)=>{a.preventDefault();const e=t.closest("span").dataset;s.insertElement(e.table,e.uid,e.title,"",parseInt(t.dataset.close||"0",10)===1)}).delegateTo(document,"[data-close]")}}var l=new r;export{l as default};
diff --git a/Resources/Public/JavaScript/clear-cache.js b/Resources/Public/JavaScript/clear-cache.js
new file mode 100644
index 0000000..4692391
--- /dev/null
+++ b/Resources/Public/JavaScript/clear-cache.js
@@ -0,0 +1,13 @@
+/*
+ * 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 l from"@typo3/backend/notification.js";import o from"@typo3/backend/icons.js";import u from"@typo3/core/event/regular-event.js";import d from"@typo3/core/ajax/ajax-request.js";import i from"~labels/core.cache";var a;(function(g){g.clearCache=".t3js-clear-page-cache",g.icon=".t3js-icon"})(a||(a={}));class c{constructor(){this.registerClickHandler()}static setDisabled(t,e){t.disabled=e,t.classList.toggle("disabled",e)}static sendClearCacheRequest(t){const e=new d(TYPO3.settings.ajaxUrls.clearcache_page).post({id:t});return e.then(async s=>{const r=await s.resolve();r?.success===!1?l.error(r.title??i.get("notification.error.title"),r.message??i.get("notification.error.message")):l.success(r?.title??i.get("notification.success.title"),r?.message??i.get("notification.success.message"))},()=>{l.error(i.get("notification.error.title"),i.get("notification.error.message"))}),e}registerClickHandler(){const t=document.querySelector(`${a.clearCache}:not([disabled])`);t!==null&&new u("click",e=>{e.preventDefault();const s=e.currentTarget,r=parseInt(s.dataset.id,10);c.setDisabled(s,!0),o.getIcon("spinner-circle",o.sizes.small,null,"disabled").then(n=>{s.querySelector(a.icon).outerHTML=n}),c.sendClearCacheRequest(r).finally(()=>{o.getIcon("actions-system-cache-clear",o.sizes.small).then(n=>{s.querySelector(a.icon).outerHTML=n}),c.setDisabled(s,!1)})}).bindTo(t)}}var f=new c;export{f as default};
diff --git a/Resources/Public/JavaScript/clipboard-panel.js b/Resources/Public/JavaScript/clipboard-panel.js
new file mode 100644
index 0000000..6b57f8b
--- /dev/null
+++ b/Resources/Public/JavaScript/clipboard-panel.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as h,html as n,nothing as a}from"lit";import{property as m,customElement as $}from"lit/decorators.js";import{until as k}from"lit/directives/until.js";import{unsafeHTML as u}from"lit/directives/unsafe-html.js";import{classMap as C}from"lit/directives/class-map.js";import y from"@typo3/core/ajax/ajax-request.js";import v from"@typo3/backend/notification.js";import"@typo3/backend/element/spinner-element.js";import"@typo3/backend/element/icon-element.js";var b=function(l,e,o,t){var r=arguments.length,i=r<3?e:t===null?t=Object.getOwnPropertyDescriptor(e,o):t,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(l,e,o,t);else for(var p=l.length-1;p>=0;p--)(d=l[p])&&(i=(r<3?d(i):r>3?d(e,o,i):d(e,o))||i);return r>3&&i&&Object.defineProperty(e,o,i),i},f,c;(function(l){l.cut="cut",l.copy="copy"})(c||(c={}));let s=f=class extends h{constructor(){super(...arguments),this.returnUrl="",this.table=""}static renderLoader(){return n`<div class="panel panel-default"><div class=panel-loader><typo3-backend-spinner size=small></typo3-backend-spinner></div></div>`}createRenderRoot(){return this}render(){return n`${k(this.renderPanel(),f.renderLoader())}`}renderPanel(){return new y(top.TYPO3.settings.Clipboard.moduleUrl).withQueryArguments({action:"getClipboardData"}).post({table:this.table}).then(async e=>{const o=await e.resolve();if(o.success===!0&&o.data){const t=o.data;return n`<div class="panel panel-default" data-clipboard-panel><div class=panel-heading>${t.labels.clipboard}</div><div class=table-fit><table class=table><tbody>${t.tabs.map(r=>this.renderTab(r,t))}</tbody></table></div></div>`}else return n`<div class="alert alert-danger">Clipboard data could not be fetched</div>`}).catch(()=>n`<div class="alert alert-danger">An error occurred while fetching clipboard data</div>`)}renderTab(e,o){return n`<tr><td colspan=2 class=nowrap><button type=button class="btn btn-link" aria-checked=${o.current===e.identifier} title=${e.description} data-action=setP @click=${t=>this.updateClipboard(t,{CB:{setP:e.identifier}})}>${o.current===e.identifier?n`<typo3-backend-icon identifier=actions-check-circle-alt size=small></typo3-backend-icon>${e.title} ${e.info}`:n`<typo3-backend-icon identifier=actions-circle size=small></typo3-backend-icon><span class=text-variant> ${e.title} ${e.info} </span>`}</button></td><td class="col-control nowrap">${o.current!==e.identifier?a:n`<div class="btn-toolbar btn-toolbar-nowrap"><div class=btn-group><input type=radio class=btn-check id=clipboard-copymode-copy data-action=setCopyMode ?checked=${o.copyMode===c.copy} @click=${t=>this.updateClipboard(t,{CB:{setCopyMode:"1"}})}> <label class="btn btn-default btn-sm" for=clipboard-copymode-copy><typo3-backend-icon identifier=actions-edit-copy size=small></typo3-backend-icon>${o.labels.copyElements}</label> <input type=radio class=btn-check id=clipboard-copymode-move data-action=setCopyMode ?checked=${o.copyMode!==c.copy} @click=${t=>this.updateClipboard(t,{CB:{setCopyMode:"0"}})}> <label class="btn btn-default btn-sm" for=clipboard-copymode-move><typo3-backend-icon identifier=actions-cut size=small></typo3-backend-icon>${o.labels.moveElements}</label></div>${o.elementCount?n`<button type=button class="btn btn-default btn-sm" title=${o.labels.removeAll} data-action=removeAll @click=${t=>this.updateClipboard(t,{CB:{removeAll:e.identifier}})}><typo3-backend-icon identifier=actions-minus size=small></typo3-backend-icon>${o.labels.removeAll}</button>`:a}</div>`}</td></tr>${o.current===e.identifier&&e.items?e.items.map(t=>this.renderTabItem(t,e.identifier,o)):a}`}renderTabItem(e,o,t){return n`<tr><td class="col-icon nowrap ${C({"ps-4":!e.identifier})}">${u(e.icon)}</td><td class="col-title col-responsive nowrap">${u(e.title)} ${o==="normal"?n`<strong>(${t.copyMode===c.copy?n`${t.labels.copy}`:n`${t.labels.cut}`})</strong>`:a} ${e.thumb?n`<div class=d-block>${u(e.thumb)}</div>`:a}</td><td class="col-control nowrap"><div class=btn-group>${e.infoDataDispatch?n`<button type=button class="btn btn-default btn-sm" data-dispatch-action=${e.infoDataDispatch.action} data-dispatch-args=${e.infoDataDispatch.args} title=${t.labels.info}><typo3-backend-icon identifier=actions-document-info size=small></typo3-backend-icon></button>`:a} ${e.identifier?n`<button type=button class="btn btn-default btn-sm" title=${t.labels.removeItem} data-action=remove @click=${r=>this.updateClipboard(r,{CB:{remove:e.identifier}})}><typo3-backend-icon identifier=actions-minus size=small></typo3-backend-icon>${t.labels.removeItem}</button>`:a}</div></td></tr>`}updateClipboard(e,o){e.preventDefault();const t=e.currentTarget;new y(top.TYPO3.settings.Clipboard.moduleUrl).post(o).then(async r=>{const i=await r.resolve();i.success===!0?(t.dataset.action&&t.dispatchEvent(new CustomEvent("typo3:clipboard:"+t.dataset.action,{detail:{payload:o,response:i},bubbles:!0,cancelable:!1})),this.reloadModule()):v.error("Clipboard data could not be updated")}).catch(()=>{v.error("An error occurred while updating clipboard data")})}reloadModule(){this.returnUrl?this.ownerDocument.location.href=this.returnUrl:this.ownerDocument.location.reload()}};b([m({type:String,attribute:"return-url"})],s.prototype,"returnUrl",void 0),b([m({type:String})],s.prototype,"table",void 0),s=f=b([$("typo3-backend-clipboard-panel")],s);export{s as ClipboardPanel};
diff --git a/Resources/Public/JavaScript/close-current-window.js b/Resources/Public/JavaScript/close-current-window.js
new file mode 100644
index 0000000..c3dd251
--- /dev/null
+++ b/Resources/Public/JavaScript/close-current-window.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+self.close(),window.opener.location.reload();
diff --git a/Resources/Public/JavaScript/code-editor/autocomplete/completion-result.js b/Resources/Public/JavaScript/code-editor/autocomplete/completion-result.js
new file mode 100644
index 0000000..219fc8a
--- /dev/null
+++ b/Resources/Public/JavaScript/code-editor/autocomplete/completion-result.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class d{constructor(t,n){this.tsRef=t,this.tsTreeNode=n}getType(){const t=this.tsTreeNode.getValue();return this.tsRef.isType(t)?this.tsRef.getType(t):null}getFilteredProposals(t){const n={},r=[],o=this.tsTreeNode.getChildNodes(),u=this.tsTreeNode.getValue();for(const e in o)if(typeof o[e].value<"u"&&o[e].value!==null){const s={};s.word=e,this.tsRef.typeHasProperty(u,o[e].name)?(this.tsRef.cssClass="definedTSREFProperty",s.type=o[e].value):(s.cssClass="userProperty",this.tsRef.isType(o[e].value)?s.type=o[e].value:s.type=""),r.push(s),n[e]=!0}const i=this.tsRef.getPropertiesFromTypeId(this.tsTreeNode.getValue());for(const e in i)if(typeof i[e].value<"u"&&n[e]!==!0){const s={word:e,cssClass:"undefinedTSREFProperty",type:i[e].value};r.push(s)}const l=[];let p="";for(let e=0;e<r.length;e++){if(t.length===0){l.push(r[e]);continue}p=r[e].word.substring(0,t.length),p.toLowerCase()===t.toLowerCase()&&l.push(r[e])}return l}}export{d as CompletionResult};
diff --git a/Resources/Public/JavaScript/code-editor/autocomplete/ts-code-completion.js b/Resources/Public/JavaScript/code-editor/autocomplete/ts-code-completion.js
new file mode 100644
index 0000000..d02d990
--- /dev/null
+++ b/Resources/Public/JavaScript/code-editor/autocomplete/ts-code-completion.js
@@ -0,0 +1,13 @@
+/*
+ * 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 i from"@typo3/core/ajax/ajax-request.js";import{TsRef as l}from"@typo3/backend/code-editor/autocomplete/ts-ref.js";import{TsParser as n}from"@typo3/backend/code-editor/autocomplete/ts-parser.js";import{CompletionResult as p}from"@typo3/backend/code-editor/autocomplete/completion-result.js";class a{constructor(e){this.extTsObjTree={},this.parser=null,this.proposals=null,this.compResult=null,this.tsRef=new l,this.parser=new n(this.tsRef,this.extTsObjTree),this.tsRef.loadTsrefAsync(),this.loadExtTemplatesAsync(e)}refreshCodeCompletion(e){const t=this.getFilter(e),s=this.parser.buildTsObjTree(e);this.compResult=new p(this.tsRef,s),this.proposals=this.compResult.getFilteredProposals(t);const r=[];for(let o=0;o<this.proposals.length;o++)r[o]=this.proposals[o].word;return r}loadExtTemplatesAsync(e){if(Number.isNaN(e)||e===0)return null;new i(TYPO3.settings.ajaxUrls.codeeditor_codecompletion_loadtemplates).withQueryArguments({pageId:e}).get().then(async t=>{this.extTsObjTree.c=await t.resolve(),this.resolveExtReferencesRec(this.extTsObjTree.c)})}resolveExtReferencesRec(e){for(const t of Object.keys(e)){let s;if(e[t].v&&e[t].v.startsWith("<")&&!e[t].v.includes(">")){const r=e[t].v.replace(/</,"").trim();r.indexOf(" ")===-1&&(s=this.getExtChildNode(r),s!==null&&(e[t]=s))}!s&&e[t].c&&this.resolveExtReferencesRec(e[t].c)}}getExtChildNode(e){let t=this.extTsObjTree;const s=e.split(".");for(let r=0;r<s.length;r++){const o=s[r];if(typeof t.c>"u"||typeof t.c[o]>"u")return null;t=t.c[o]}return t}getFilter(e){return e.completingAfterDot?"":e.token.string.replace(".","").replace(/\s/g,"")}}export{a as TsCodeCompletion};
diff --git a/Resources/Public/JavaScript/code-editor/autocomplete/ts-parser.js b/Resources/Public/JavaScript/code-editor/autocomplete/ts-parser.js
new file mode 100644
index 0000000..f601e7c
--- /dev/null
+++ b/Resources/Public/JavaScript/code-editor/autocomplete/ts-parser.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class c{constructor(t,s){this.childNodes={},this.extPath="",this.parent=null,this.name=t,this.childNodes={},this.extPath="",this.value="",this.isExternal=!1,this.tsParser=s}getChildNodes(){const t=this.getExtNode();if(t!==null&&typeof t.c=="object")for(const s of Object.keys(t.c)){const e=new c(s,this.tsParser);e.global=!0,e.value=t.c[s].v?t.c[s].v:"",e.isExternal=!0,this.childNodes[s]=e}return this.childNodes}getValue(){if(this.value)return this.value;const t=this.getExtNode();if(t&&t.v)return t.v;const s=this.getNodeTypeFromTsref();return s||""}getNodeTypeFromTsref(){const t=this.extPath.split("."),s=t.pop(),e=this.parent.getValue();return e&&this.tsParser.tsRef.typeHasProperty(e,s)?this.tsParser.tsRef.getType(e).properties[s].value:""}getExtNode(){let t=this.tsParser.extTsObjTree;if(this.extPath==="")return t;const s=this.extPath.split(".");for(let e=0;e<s.length;e++){const r=s[e];if(typeof t.c>"u"||typeof t.c[r]>"u")return null;t=t.c[r]}return t}}class g extends Array{lastElementEquals(t){return this.length>0&&this[this.length-1]===t}popIfLastElementEquals(t){return this.lastElementEquals(t)?(this.pop(),!0):!1}}class E{constructor(t,s){this.tsRef=t,this.extTsObjTree=s,this.tsTree=new c("_L_",this)}getOperator(t){const s=[":=","=<","<",">","="];for(let e=0;e<s.length;e++){const r=s[e];if(t.indexOf(r)!==-1)return(r==="=<"||r==="<")&&t.indexOf(">")>-1?"=":r}return-1}buildTsObjTree(t){this.tsTree=new c("",this),this.tsTree.value="TLO";let s=1,e="",r=!1,o=!1;const n=new g,l=[];let i;for(;s<=t.currentLineNumber;){e="";const h=t.lineTokens[s-1];for(let f=0;f<=h.length;++f)if(f<h.length&&h[f].string.length>0){const a=h[f].string;a.startsWith("#")?n.push("#"):a==="("?n.push("("):a.startsWith("/*")?n.push("/*"):a==="{"&&this.getOperator(e)===-1&&(n.push("{"),l.push(e.trim()),r=!0),a.search(/^\s*\[.*\]/)!==-1&&e.search(/\S/)===-1&&a.search(/^\s*\[(global|end|GLOBAL|END)\]/)===-1&&!n.lastElementEquals("#")&&!n.lastElementEquals("/*")&&!n.lastElementEquals("{")&&!n.lastElementEquals("(")&&(o=!0,r=!0),e.search(/\S/)===-1&&!n.lastElementEquals("#")&&!n.lastElementEquals("/*")&&!n.lastElementEquals("(")&&(a.search(/^\s*\[(global|end|GLOBAL|END)\]/)!==-1&&!n.lastElementEquals("{")||a.search(/^\s*\[(global|GLOBAL)\]/)!==-1)&&(o=!1,r=!0),a===")"&&n.popIfLastElementEquals("("),a.startsWith("*/")&&(n.popIfLastElementEquals("/*"),r=!0),a==="}"&&e.replace(/\s/g,"")===""&&(n.popIfLastElementEquals("{"),l.length>0&&l.pop(),r=!0),n.lastElementEquals("#")||(e+=a)}else{if(!n.lastElementEquals("/*")&&!n.lastElementEquals("(")&&!r&&!o){e=e.trim();const a=this.getOperator(e);if(a!==-1){const d=e.indexOf(a);i=e.substring(0,d),l.length>0&&(i=l.join(".")+"."+i);let u=e.substring(d+a.length,e.length).trim();switch(i=i.trim(),a){case"=":i.search(/\s/g)===-1&&i.length>0&&this.setTreeNodeValue(i,u);break;case"=<":l.length>0&&u.substr(0,1)==="."&&(u=l.join(".")+u),i.search(/\s/g)===-1&&i.length>0&&u.search(/\s/g)===-1&&u.length>0&&this.setReference(i,u);break;case"<":l.length>0&&u.substr(0,1)==="."&&(u=l.join(".")+u),i.search(/\s/g)===-1&&i.length>0&&u.search(/\s/g)===-1&&u.length>0&&this.setCopy(i,u);break;case">":this.deleteTreeNodeValue(i);break;case":=":break;default:break}}}n.popIfLastElementEquals("#"),r=!1}s++}if(!n.lastElementEquals("/*")&&!n.lastElementEquals("(")&&!r){const h=e.indexOf("<");h!==-1?(i=e.substring(h+1,e.length).trim(),l.length>0&&i.substr(0,1)==="."&&(i=l.join(".")+i)):(i=e,l.length>0&&(i=l.join(".")+"."+i,i=i.replace(/\s/g,"")));const f=i.lastIndexOf(".");i=i.substring(0,f)}return this.getTreeNode(i)}getTreeNode(t){if(t=t.trim(),t.length===0)return this.tsTree;const s=t.split(".");let e=this.tsTree.childNodes,r,o=this.tsTree;for(let n=0;n<s.length;n++){if(r=s[n],typeof e[r]>"u"||typeof e[r].childNodes>"u"){e[r]=new c(r,this),e[r].parent=o;let l=o.extPath;l&&(l+="."),l+=r,e[r].extPath=l}if(n===s.length-1)return e[r];o=e[r],e=e[r].childNodes}}setTreeNodeValue(t,s){const e=this.getTreeNode(t);e.parent!==null&&e.parent.value==="GIFBUILDER"&&s==="TEXT"&&(s="GB_TEXT"),e.parent!==null&&e.parent.value==="GIFBUILDER"&&s==="IMAGE"&&(s="GB_IMAGE"),this.tsRef.isType(s)&&(e.value=s)}deleteTreeNodeValue(t){const s=this.getTreeNode(t);s.value=null,s.childNodes={}}setReference(t,s){const e=t.split("."),r=e[e.length-1],o=this.getTreeNode(t),n=this.getTreeNode(s);o.parent!==null?o.parent.childNodes[r]=n:this.tsTree.childNodes[r]=n}setCopy(t,s){this.clone=l=>{if(typeof l!="object")return l;const i={};for(const h in l)h!=="tsParser"&&(h!=="parent"?typeof l[h]=="object"?i[h]=this.clone(l[h]):i[h]=l[h]:"parent"in l&&(i.parent=l.parent));return i};const e=t.split("."),r=e[e.length-1],o=this.getTreeNode(t),n=this.getTreeNode(s);o.parent!==null?o.parent.childNodes[r]=this.clone(n):this.tsTree.childNodes[r]=this.clone(n)}}export{c as TreeNode,E as TsParser};
diff --git a/Resources/Public/JavaScript/code-editor/autocomplete/ts-ref.js b/Resources/Public/JavaScript/code-editor/autocomplete/ts-ref.js
new file mode 100644
index 0000000..99c6f8c
--- /dev/null
+++ b/Resources/Public/JavaScript/code-editor/autocomplete/ts-ref.js
@@ -0,0 +1,13 @@
+/*
+ * 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 h from"@typo3/core/ajax/ajax-request.js";class d{constructor(e,s,t){this.properties={},this.typeId=e,this.extends=s,this.properties=t}}class o{constructor(e,s,t){this.parentType=e,this.name=s,this.value=t}}class f{constructor(){this.typeTree={},this.doc=null}async loadTsrefAsync(){const e=await new h(TYPO3.settings.ajaxUrls.codeeditor_tsref).get();this.doc=await e.resolve(),this.buildTree()}buildTree(){for(const e of Object.keys(this.doc)){const s=this.doc[e];this.typeTree[e]=new d(e,s.extends||void 0,Object.fromEntries(Object.entries(s.properties).map(([t,r])=>[t,new o(e,t,r.type)])))}for(const e of Object.keys(this.typeTree))typeof this.typeTree[e].extends<"u"&&this.addPropertiesToType(this.typeTree[e],this.typeTree[e].extends,100)}addPropertiesToType(e,s,t){if(t<0)throw"Maximum recursion depth exceeded while trying to resolve the extends in the TSREF!";const r=s.split(",");for(let i=0;i<r.length;i++)if(typeof this.typeTree[r[i]]<"u"){typeof this.typeTree[r[i]].extends<"u"&&this.addPropertiesToType(this.typeTree[r[i]],this.typeTree[r[i]].extends,t-1);const y=this.typeTree[r[i]].properties;for(const p in y)typeof e.properties[p]>"u"&&(e.properties[p]=y[p])}}getPropertiesFromTypeId(e){return typeof this.typeTree[e]<"u"?(this.typeTree[e].properties.clone=function(){const s={};for(const t of Object.keys(this))s[t]=new o(this[t].parentType,this[t].name,this[t].value);return s},this.typeTree[e].properties):{}}typeHasProperty(e,s){return typeof this.typeTree[e]<"u"&&typeof this.typeTree[e].properties[s]<"u"}getType(e){return this.typeTree[e]}isType(e){return typeof this.typeTree[e]<"u"}}export{f as TsRef,o as TsRefProperty,d as TsRefType};
diff --git a/Resources/Public/JavaScript/code-editor/element/code-mirror-element.js b/Resources/Public/JavaScript/code-editor/element/code-mirror-element.js
new file mode 100644
index 0000000..ba93e2c
--- /dev/null
+++ b/Resources/Public/JavaScript/code-editor/element/code-mirror-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as g,css as b,html as h}from"lit";import{property as l,state as u,customElement as v}from"lit/decorators.js";import{EditorView as c,lineNumbers as w,highlightSpecialChars as k,drawSelection as E,placeholder as S,keymap as M}from"@codemirror/view";import{Compartment as C,EditorState as m}from"@codemirror/state";import{syntaxHighlighting as x,defaultHighlightStyle as D}from"@codemirror/language";import{defaultKeymap as V,indentWithTab as z}from"@codemirror/commands";import{oneDark as K}from"@codemirror/theme-one-dark";import{executeJavaScriptModuleInstruction as f,loadModule as O,resolveSubjectRef as R}from"@typo3/core/java-script-item-processor.js";import"@typo3/backend/element/spinner-element.js";var i=function(p,e,o,r){var n=arguments.length,a=n<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,o):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(p,e,o,r);else for(var d=p.length-1;d>=0;d--)(s=p[d])&&(a=(n<3?s(a):n>3?s(e,o,a):s(e,o))||a);return n>3&&a&&Object.defineProperty(e,o,a),a};let t=class extends g{constructor(){super(...arguments),this.mode=null,this.addons=[],this.keymaps=[],this.lineDigits=0,this.autoheight=!1,this.nolazyload=!1,this.readonly=!1,this.lineWrapping=!1,this.fullscreen=!1,this.panel="bottom",this.editorTheme=null,this.editorView=null}static{this.styles=b`:host{position:relative;display:block}:host([fullscreen]){position:fixed;inset:64px 0 0;z-index:9}:host([fullscreen]) .cm-scroller{min-height:auto;max-height:100%}:host([autoheight]) .cm-scroller{max-height:none}.codemirror-label{font-size:.875em;opacity:.75}.codemirror-label-top{margin-bottom:.25rem}.codemirror-label-bottom{margin-top:.25rem}typo3-backend-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cm-editor{overflow:hidden;border-radius:var(--typo3-input-border-radius);border:var(--typo3-input-border-width) solid var(--typo3-input-border-color);transition:outline-color .15s ease-in-out,box-shadow .15s ease-in-out}.cm-focused{border-color:var(--typo3-input-focus-border-color);outline-offset:0;outline:.25rem solid color-mix(in srgb,var(--typo3-form-control-focus-border-color),transparent 25%)}.cm-gutters{height:auto!important;position:relative!important}.cm-content{min-height:calc(8px + 16.8px*var(--rows, 18))!important}.cm-scroller{min-height:100%;max-height:calc(100dvh - 10rem)}`}setContent(e){this.editorView!==null&&this.editorView.dispatch({changes:{from:0,to:this.editorView.state.doc.length,insert:e}})}getContent(){return this.editorView.state.doc.toString()}render(){return h`${this.label&&this.panel==="top"?h`<div class="codemirror-label codemirror-label-top">${this.label}</div>`:""}<div id=codemirror-parent @keydown=${e=>this.onKeydown(e)}></div>${this.label&&this.panel==="bottom"?h`<div class="codemirror-label codemirror-label-bottom">${this.label}</div>`:""} ${this.editorView===null?h`<typo3-backend-spinner size=large></typo3-backend-spinner>`:""}`}firstUpdated(){if(this.nolazyload){this.initializeEditor(this.firstElementChild);return}const e={root:document.body},o=new IntersectionObserver(r=>{r.forEach(n=>{n.intersectionRatio>0&&(o.unobserve(n.target),this.firstElementChild&&this.firstElementChild.nodeName.toLowerCase()==="textarea"&&this.initializeEditor(this.firstElementChild))})},e);o.observe(this)}onKeydown(e){e.ctrlKey&&e.altKey&&e.key==="f"&&(e.preventDefault(),this.fullscreen=!0),e.key==="Escape"&&this.fullscreen&&(e.preventDefault(),this.fullscreen=!1)}async initializeEditor(e){const o=c.updateListener.of(s=>{s.docChanged&&(e.value=s.state.doc.toString(),e.dispatchEvent(new CustomEvent("change",{bubbles:!0})))});this.lineDigits>0?this.style.setProperty("--rows",this.lineDigits.toString()):e.getAttribute("rows")&&this.style.setProperty("--rows",e.getAttribute("rows")),this.editorTheme=new C;const r=[this.editorTheme.of([]),o,w(),k(),E(),m.allowMultipleSelections.of(!0),x(D,{fallback:!0})];if(this.lineWrapping&&r.push(c.lineWrapping),this.readonly&&r.push(m.readOnly.of(!0)),this.placeholder&&r.push(S(this.placeholder)),this.mode){const s=await f(this.mode);r.push(...s)}this.addons.length>0&&r.push(...await Promise.all(this.addons.map(s=>f(s))));const n=[...V,z];this.keymaps.length>0&&(await Promise.all(this.keymaps.map(d=>O(d).then(y=>R(y,d))))).forEach(d=>n.push(...d)),r.push(M.of(n)),this.editorView=new c({state:m.create({doc:e.value,extensions:r}),parent:this.renderRoot.querySelector("#codemirror-parent"),root:this.renderRoot}),this.toggleDarkMode(this.darkModeEnabled()),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",()=>{this.toggleDarkMode(this.darkModeEnabled())})}darkModeEnabled(){const o=window.getComputedStyle(this).colorScheme;return o==="light only"||o==="light"?!1:o==="dark only"||o==="dark"?!0:window.matchMedia("(prefers-color-scheme: dark)").matches}toggleDarkMode(e){this.editorView.dispatch({effects:this.editorTheme.reconfigure(e?K:[])})}};i([l({type:Object})],t.prototype,"mode",void 0),i([l({type:Array})],t.prototype,"addons",void 0),i([l({type:Array})],t.prototype,"keymaps",void 0),i([l({type:Number})],t.prototype,"lineDigits",void 0),i([l({type:Boolean,reflect:!0})],t.prototype,"autoheight",void 0),i([l({type:Boolean})],t.prototype,"nolazyload",void 0),i([l({type:Boolean})],t.prototype,"readonly",void 0),i([l({type:Boolean,attribute:"linewrapping"})],t.prototype,"lineWrapping",void 0),i([l({type:Boolean,reflect:!0})],t.prototype,"fullscreen",void 0),i([l({type:String})],t.prototype,"label",void 0),i([l({type:String})],t.prototype,"placeholder",void 0),i([l({type:String})],t.prototype,"panel",void 0),i([u()],t.prototype,"editorTheme",void 0),i([u()],t.prototype,"editorView",void 0),t=i([v("typo3-t3editor-codemirror")],t);export{t as CodeMirrorElement};
diff --git a/Resources/Public/JavaScript/code-editor/language/typoscript.js b/Resources/Public/JavaScript/code-editor/language/typoscript.js
new file mode 100644
index 0000000..d4a465f
--- /dev/null
+++ b/Resources/Public/JavaScript/code-editor/language/typoscript.js
@@ -0,0 +1,13 @@
+/*
+ * 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 f from"@typo3/core/document-service.js";import{StreamLanguage as g,LanguageSupport as d,syntaxTree as p}from"@codemirror/language";import{TypoScriptStreamParserFactory as y}from"@typo3/backend/code-editor/stream-parser/typoscript.js";import{TsCodeCompletion as h}from"@typo3/backend/code-editor/autocomplete/ts-code-completion.js";function C(){const e=g.define(new y().create()),t=e.data.of({autocomplete:u});return new d(e,[t])}const D=(async()=>{await f.ready();const e=parseInt(document.querySelector('input[name="effectivePid"]')?.value,10);return new h(e)})();async function u(e){if(!e.explicit)return null;const t=k(e),s=e.pos-(t.completingAfterDot?1:0),n=p(e.state).resolveInner(s,-1),r=n.name==="Document"||t.completingAfterDot?"":e.state.sliceDoc(n.from,s),o=n.name==="Document"||t.completingAfterDot?e.pos:n.from;let i={start:n.from,end:s,string:r,type:n.name};/^[\w$_]*$/.test(r)||(i={start:e.pos,end:e.pos,string:"",type:r==="."?"property":null}),t.token=i;const l=(await D).refreshCodeCompletion(t);if((n.name==="string"||n.name==="comment")&&w(r,l))return null;const m=T(r,l);return{from:o,options:m.map(a=>({label:a,type:"keyword"}))}}function k(e){const t=e.state.sliceDoc().split(e.state.lineBreak).length,s=e.state.sliceDoc(0,e.pos).split(e.state.lineBreak).length,n=e.state.sliceDoc().split(e.state.lineBreak)[s-1],o=e.state.sliceDoc(e.pos-1,e.pos)===".";return{lineTokens:S(t,e),currentLineNumber:s,currentLine:n,lineCount:t,completingAfterDot:o}}function S(e,t){const s=Array(e).fill("").map(()=>[]);let n=0,r=1;return p(t.state).cursor().iterate(o=>{const i=o.type.name||o.name;if(i==="Document")return;const c=o.from,l=o.to;n<c&&t.state.sliceDoc(n,c).split(t.state.lineBreak).forEach(a=>{a&&(s[Math.min(r-1,e-1)].push({type:null,string:a,start:n,end:n+a.length}),r++,n+=a.length)});const m=t.state.sliceDoc(o.from,o.to);r=t.state.sliceDoc(0,o.from).split(t.state.lineBreak).length,s[r-1].push({type:i,string:m,start:c,end:l}),n=l}),n<t.state.doc.length&&s[r-1].push({type:null,string:t.state.sliceDoc(n),start:n,end:t.state.doc.length}),s}function w(e,t){const s=e.length;for(let n=0;n<t.length;++n)if(e===t[n].substr(s))return!0;return!1}function T(e,t){const s=new Set,n=o=>{o.lastIndexOf(e,0)===0&&!s.has(o)&&s.add(o)};for(let o=0,i=t.length;o<i;++o)n(t[o]);const r=Array.from(s);return r.sort(),r}export{u as complete,C as typoscript};
diff --git a/Resources/Public/JavaScript/code-editor/stream-parser/typoscript.js b/Resources/Public/JavaScript/code-editor/stream-parser/typoscript.js
new file mode 100644
index 0000000..b332f5f
--- /dev/null
+++ b/Resources/Public/JavaScript/code-editor/stream-parser/typoscript.js
@@ -0,0 +1,14 @@
+/*
+ * 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!
+ */
+class j{constructor(g,N,b,I,h,T){this.indented=g,this.column=N,this.type=b,this.prev=h,this.info=T,I!=null&&(this.align=I)}}function V(F,g){return/^(?:operator|sof|keyword c|case|new|export|default|[\[{}\(,;:]|=>)$/.test(g.lastType)}class oe{create(){const g=/[\w$\xa1-\uffff]/,b={name:"typoscript",localVars:void 0,doubleIndentSwitch:!1},I=function(){function e(a){return{type:a,style:"keyword"}}const r=e("keyword a"),t=e("keyword b");return{_CSS_DEFAULT_STYLE:e("_CSS_DEFAULT_STYLE"),_LOCAL_LANG:e("_LOCAL_LANG"),_offset:e("_offset"),absRefPrefix:e("absRefPrefix"),accessibility:e("accessibility"),ACT:t,ACTIFSUB:t,ACTIFSUBRO:e("ACTIFSUBRO"),ACTRO:t,addAttributes:e("addAttributes"),addExtUrlsAndShortCuts:e("addExtUrlsAndShortCuts"),addItems:e("addItems"),additionalHeaders:e("additionalHeaders"),additionalParams:e("additionalParams"),addQueryString:e("addQueryString"),adjustItemsH:e("adjustItemsH"),adjustSubItemsH:e("adjustSubItemsH"),admPanel:r,after:e("after"),afterImg:e("afterImg"),afterImgLink:e("afterImgLink"),afterImgTagParams:e("afterImgTagParams"),afterROImg:e("afterROImg"),afterWrap:e("afterWrap"),age:e("age"),alertPopups:e("alertPopups"),align:e("align"),all:t,allow:e("allow"),allowCaching:e("allowCaching"),allowedAttribs:e("allowedAttribs"),allowedClasses:e("allowedClasses"),allowedCols:e("allowedCols"),allowedNewTables:e("allowedNewTables"),allowTags:e("allowTags"),allStdWrap:e("allStdWrap"),allWrap:e("allWrap"),alt_print:r,alternativeSortingField:e("alternativeSortingField"),altIcons:e("altIcons"),altImgResource:e("altImgResource"),altLabels:e("altLabels"),altTarget:e("altTarget"),altText:e("altText"),altUrl:e("altUrl"),altUrl_noDefaultParams:e("altUrl_noDefaultParams"),altWrap:e("altWrap"),always:e("always"),alwaysActivePIDlist:e("alwaysActivePIDlist"),alwaysLink:e("alwaysLink"),andWhere:e("andWhere"),angle:e("angle"),antiAlias:e("antiAlias"),append:e("append"),applyTotalH:e("applyTotalH"),applyTotalW:e("applyTotalW"),archive:e("archive"),ascii:t,ATagAfterWrap:e("ATagAfterWrap"),ATagBeforeWrap:e("ATagBeforeWrap"),ATagParams:e("ATagParams"),ATagTitle:e("ATagTitle"),atLeast:t,atMost:t,attribute:e("attribute"),auth:r,autoLevels:e("autoLevels"),autonumber:e("autonumber"),backColor:e("backColor"),background:e("background"),baseURL:e("baseURL"),BE:t,be_groups:t,be_users:t,before:e("before"),beforeImg:e("beforeImg"),beforeImgLink:e("beforeImgLink"),beforeImgTagParams:e("beforeImgTagParams"),beforeROImg:e("beforeROImg"),beforeWrap:e("beforeWrap"),begin:e("begin"),bgCol:e("bgCol"),bgImg:e("bgImg"),blur:e("blur"),bm:e("bm"),bodyTag:e("bodyTag"),bodyTagAdd:e("bodyTagAdd"),bodyTagCObject:e("bodyTagCObject"),bodytext:e("bodytext"),borderCol:e("borderCol"),borderThick:e("borderThick"),bottomBackColor:e("bottomBackColor"),bottomContent:e("bottomContent"),bottomHeight:e("bottomHeight"),bottomImg:e("bottomImg"),bottomImg_mask:e("bottomImg_mask"),BOX:t,br:e("br"),browse:t,browser:r,brTag:e("brTag"),bullet:e("bullet"),bulletlist:e("bulletlist"),bullets:t,bytes:e("bytes"),cache:r,cache_clearAtMidnight:e("cache_clearAtMidnight"),cache_period:e("cache_period"),caption:e("caption"),caption_stdWrap:e("caption_stdWrap"),captionHeader:e("captionHeader"),captionSplit:e("captionSplit"),CARRAY:e("CARRAY"),CASE:e("CASE"),case:e("case"),casesensitiveComp:e("casesensitiveComp"),cellpadding:e("cellpadding"),cellspacing:e("cellspacing"),char:e("char"),charcoal:e("charcoal"),charMapConfig:e("charMapConfig"),CHECK:r,check:e("check"),class:e("class"),classesAnchor:e("classesAnchor"),classesCharacter:e("classesCharacter"),classesImage:e("classesImage"),classesParagraph:e("classesParagraph"),clear:e("clear"),clearCache:e("clearCache"),clearCache_disable:e("clearCache_disable"),clearCache_pageGrandParent:e("clearCache_pageGrandParent"),clearCache_pageSiblingChildren:e("clearCache_pageSiblingChildren"),clearCacheCmd:e("clearCacheCmd"),clearCacheLevels:e("clearCacheLevels"),clearCacheOfPages:e("clearCacheOfPages"),clickTitleMode:e("clickTitleMode"),clipboardNumberPads:e("clipboardNumberPads"),cMargins:e("cMargins"),COA:e("COA"),COA_INT:e("COA_INT"),cObj:r,COBJ_ARRAY:e("COBJ_ARRAY"),cObject:r,cObjNum:e("cObjNum"),collapse:e("collapse"),collections:e("collections"),color:e("color"),color1:e("color1"),color2:e("color2"),color3:e("color3"),color4:e("color4"),colors:e("colors"),colour:e("colour"),colPos_list:e("colPos_list"),colRelations:e("colRelations"),cols:e("cols"),colSpace:e("colSpace"),COMMENT:r,comment_auto:e("comment_auto"),commentWrap:e("commentWrap"),compX:e("compX"),compY:e("compY"),conf:e("conf"),CONFIG:e("CONFIG"),config:r,CONSTANTS:e("CONSTANTS"),constants:e("constants"),CONTENT:e("CONTENT"),content:r,contextMenu:e("contextMenu"),copy:r,copyLevels:e("copyLevels"),count_HMENU_MENUOBJ:e("count_HMENU_MENUOBJ"),count_menuItems:e("count_menuItems"),count_MENUOBJ:e("count_MENUOBJ"),create:e("create"),crop:e("crop"),csConv:e("csConv"),CType:e("CType"),CUR:t,CURIFSUB:t,CURIFSUBRO:t,current:e("current"),CURRO:t,curUid:e("curUid"),cut:r,cWidth:e("cWidth"),data:e("data"),dataArray:r,dataWrap:e("dataWrap"),date:e("date"),date_stdWrap:e("date_stdWrap"),datePrefix:e("datePrefix"),dayofmonth:r,dayofweek:r,DB:e("DB"),db_list:r,debug:e("debug"),debugData:e("debugData"),debugFunc:e("debugFunc"),debugItemConf:e("debugItemConf"),default:t,defaultAlign:e("defaultAlign"),defaultCmd:e("defaultCmd"),defaultHeaderType:e("defaultHeaderType"),defaultOutput:e("defaultOutput"),defaults:e("defaults"),defaultType:e("defaultType"),delete:e("delete"),denyTags:e("denyTags"),depth:e("depth"),DESC:e("DESC"),description:t,dimensions:e("dimensions"),direction:e("direction"),directory:t,directReturn:t,disableAllHeaderCode:e("disableAllHeaderCode"),disableAltText:e("disableAltText"),disableBodyTag:e("disableBodyTag"),disabled:e("disabled"),disableDelete:e("disableDelete"),disableHideAtCopy:e("disableHideAtCopy"),disableItems:e("disableItems"),disableNoMatchingValueElement:e("disableNoMatchingValueElement"),disablePrefixComment:e("disablePrefixComment"),disablePrependAtCopy:e("disablePrependAtCopy"),disableSearchBox:e("disableSearchBox"),disableSingleTableView:e("disableSingleTableView"),displayContent:e("displayContent"),displayFieldIcons:e("displayFieldIcons"),displayIcons:e("displayIcons"),displayMessages:e("displayMessages"),displayRecord:e("displayRecord"),displayTimes:e("displayTimes"),distributeX:e("distributeX"),distributeY:e("distributeY"),div:t,DIV:e("DIV"),doctype:e("doctype"),DOCUMENT_BODY:e("DOCUMENT_BODY"),doktype:e("doktype"),doNotLinkIt:e("doNotLinkIt"),doNotShowLink:e("doNotShowLink"),doNotStripHTML:e("doNotStripHTML"),dontCheckPid:e("dontCheckPid"),dontLinkIfSubmenu:e("dontLinkIfSubmenu"),dontWrapInTable:e("dontWrapInTable"),doubleBrTag:e("doubleBrTag"),dynCSS:r,edge:e("edge"),edit:r,edit_access:r,edit_docModuleUpload:e("edit_docModuleUpload"),EFFECT:e("EFFECT"),elements:e("elements"),else:t,email:t,emailMeAtLogin:e("emailMeAtLogin"),emailMess:e("emailMess"),emboss:e("emboss"),enable:e("enable"),encapsLines:e("encapsLines"),encapsLinesStdWrap:e("encapsLinesStdWrap"),encapsTagList:e("encapsTagList"),end:t,entryLevel:e("entryLevel"),equalH:e("equalH"),equals:t,everybody:e("everybody"),excludeDoktypes:e("excludeDoktypes"),excludeUidList:e("excludeUidList"),expAll:e("expAll"),expand:e("expand"),explode:e("explode"),ext:e("ext"),external:t,externalBlocks:e("externalBlocks"),extTarget:e("extTarget"),face:e("face"),false:t,FE:t,fe_adminLib:e("fe_adminLib"),fe_groups:t,fe_users:t,feadmin:t,field:e("field"),fieldName:e("fieldName"),fieldOrder:e("fieldOrder"),fieldRequired:e("fieldRequired"),fields:e("fields"),fieldWrap:e("fieldWrap"),file:e("file"),file1:e("file1"),file2:e("file2"),file3:e("file3"),file4:e("file4"),file5:e("file5"),FILES:e("FILES"),files:e("files"),firstLabel:e("firstLabel"),firstLabelGeneral:e("firstLabelGeneral"),fixAttrib:e("fixAttrib"),flip:e("flip"),flop:e("flop"),FLUIDTEMPLATE:e("FLUIDTEMPLATE"),folder:r,folders:e("folders"),folderTree:r,foldoutMenu:r,fontColor:e("fontColor"),fontFile:e("fontFile"),fontOffset:e("fontOffset"),fontSize:e("fontSize"),fontSizeMultiplicator:e("fontSizeMultiplicator"),forceDisplayFieldIcons:e("forceDisplayFieldIcons"),forceDisplayIcons:e("forceDisplayIcons"),forceTemplateParsing:e("forceTemplateParsing"),forceTypeValue:e("forceTypeValue"),FORM:e("FORM"),format:e("format"),function:e("function"),Functions:r,gamma:e("gamma"),gapBgCol:e("gapBgCol"),gapLineCol:e("gapLineCol"),gapLineThickness:e("gapLineThickness"),gapWidth:e("gapWidth"),get:e("get"),getBorder:e("getBorder"),getLeft:e("getLeft"),getRight:e("getRight"),GIFBUILDER:e("GIFBUILDER"),global:e("global"),globalNesting:e("globalNesting"),globalString:e("globalString"),globalVar:e("globalVar"),GP:e("GP"),gray:e("gray"),group:e("group"),groupBy:e("groupBy"),groupid:e("groupid"),header:t,header_layout:e("header_layout"),headerComment:e("headerComment"),headerData:e("headerData"),headerSpace:e("headerSpace"),headTag:e("headTag"),height:e("height"),helpText:e("helpText"),hidden:e("hidden"),hiddenFields:e("hiddenFields"),hide:e("hide"),hidePStyleItems:e("hidePStyleItems"),hideRecords:e("hideRecords"),highColor:e("highColor"),history:e("history"),HMENU:e("HMENU"),hostname:r,hour:r,HTML:e("HTML"),html:t,HTMLparser:e("HTMLparser"),HTMLparser_tags:e("HTMLparser_tags"),htmlSpecialChars:e("htmlSpecialChars"),htmlTag_setParams:e("htmlTag_setParams"),http:e("http"),icon:e("icon"),icon_image_ext_list:e("icon_image_ext_list"),icon_link:e("icon_link"),iconCObject:e("iconCObject"),id:t,IENV:e("IENV"),if:t,ifEmpty:t,IFSUB:t,IFSUBRO:t,IMAGE:e("IMAGE"),image:t,image_frames:e("image_frames"),imageLinkWrap:e("imageLinkWrap"),imagePath:e("imagePath"),images:e("images"),imageWrapIfAny:e("imageWrapIfAny"),IMG_RESOURCE:e("IMG_RESOURCE"),imgList:r,imgMax:e("imgMax"),imgNameNotRandom:e("imgNameNotRandom"),imgNamePrefix:e("imgNamePrefix"),imgObjNum:e("imgObjNum"),imgParams:e("imgParams"),imgPath:e("imgPath"),imgResource:r,imgStart:e("imgStart"),IMGTEXT:e("IMGTEXT"),imgText:r,import:e("import"),inBranch:t,inc:e("inc"),includeCSS:e("includeCSS"),includeLibrary:e("includeLibrary"),includeNotInMenu:e("includeNotInMenu"),index:e("index"),index_descrLgd:e("index_descrLgd"),index_enable:e("index_enable"),index_externals:e("index_externals"),info:r,inlineStyle2TempFile:e("inlineStyle2TempFile"),innerStdWrap:e("innerStdWrap"),innerStdWrap_all:e("innerStdWrap_all"),innerWrap:e("innerWrap"),innerWrap2:e("innerWrap2"),input:e("input"),inputLevels:e("inputLevels"),insertData:e("insertData"),intensity:e("intensity"),intTarget:e("intTarget"),intval:e("intval"),invert:e("invert"),IP:r,IProcFunc:e("IProcFunc"),isFalse:t,isGreaterThan:t,isInList:t,isLessThan:t,isPositive:t,isTrue:t,itemArrayProcFunc:e("itemArrayProcFunc"),itemH:e("itemH"),items:e("items"),itemsProcFunc:e("itemsProcFunc"),itemsProcessors:e("itemsProcessors"),iterations:e("iterations"),join:e("join"),JSwindow:r,JSWindow:e("JSWindow"),JSwindow_params:e("JSwindow_params"),keep:e("keep"),keepEntries:e("keepEntries"),keepNonMatchedTags:e("keepNonMatchedTags"),key:e("key"),keyword3:t,LABEL:r,label:e("label"),labelStdWrap:e("labelStdWrap"),labelWrap:e("labelWrap"),lang:e("lang"),languageField:e("languageField"),layout:r,left:e("left"),leftjoin:e("leftjoin"),levels:e("levels"),leveltitle:t,leveluid:e("leveluid"),lib:r,limit:e("limit"),line:e("line"),lineColor:e("lineColor"),lineThickness:e("lineThickness"),linkPrefix:e("linkPrefix"),linkTitleToSelf:e("linkTitleToSelf"),linkVars:e("linkVars"),linkWrap:e("linkWrap"),list:t,listNum:e("listNum"),listOnlyInSingleTableView:e("listOnlyInSingleTableView"),LIT:e("LIT"),lm:e("lm"),LOAD_REGISTER:e("LOAD_REGISTER"),locale_all:e("locale_all"),localNesting:e("localNesting"),locationData:e("locationData"),login:t,loginUser:r,lowColor:e("lowColor"),lower:e("lower"),LR:e("LR"),mailform:t,mailto:e("mailto"),main:e("main"),makelinks:e("makelinks"),markerWrap:e("markerWrap"),marks:r,mask:e("mask"),max:e("max"),maxAge:e("maxAge"),maxChars:e("maxChars"),maxH:e("maxH"),maxHeight:e("maxHeight"),maxItems:e("maxItems"),maxW:e("maxW"),maxWidth:e("maxWidth"),maxWInText:e("maxWInText"),media:t,menu:t,menuHeight:e("menuHeight"),menuName:e("menuName"),menuOffset:e("menuOffset"),menuWidth:e("menuWidth"),message_preview:e("message_preview"),META:e("META"),meta:e("meta"),method:e("method"),min:e("min"),minH:e("minH"),minItems:e("minItems"),minute:r,minW:e("minW"),mod:t,mode:e("mode"),module:r,month:r,move_wizard:r,MP_defaults:e("MP_defaults"),MP_disableTypolinkClosestMPvalue:e("MP_disableTypolinkClosestMPvalue"),MP_mapRootPoints:e("MP_mapRootPoints"),MULTIMEDIA:e("MULTIMEDIA"),multimedia:t,name:e("name"),negate:t,nesting:e("nesting"),neverHideAtCopy:e("neverHideAtCopy"),new:r,NEW:t,new_wizard:r,newPageWiz:e("newPageWiz"),newRecordFromTable:e("newRecordFromTable"),newWindow:e("newWindow"),newWizards:e("newWizards"),next:e("next"),niceText:e("niceText"),nicetext:e("nicetext"),NO:t,no_cache:e("no_cache"),no_search:e("no_search"),noAttrib:e("noAttrib"),noCache:e("noCache"),noCreateRecordsLink:e("noCreateRecordsLink"),noLink:e("noLink"),noMatchingValue_label:e("noMatchingValue_label"),nonCachedSubst:e("nonCachedSubst"),none:t,nonTypoTagStdWrap:e("nonTypoTagStdWrap"),nonTypoTagUserFunc:e("nonTypoTagUserFunc"),nonWrappedTag:e("nonWrappedTag"),noOrderBy:e("noOrderBy"),noPageTitle:e("noPageTitle"),noResultObj:r,noThumbsInEB:e("noThumbsInEB"),noTrimWrap:e("noTrimWrap"),noValueInsert:e("noValueInsert"),numRows:r,obj:e("obj"),offset:e("offset"),onlineWorkspaceInfo:e("onlineWorkspaceInfo"),onlyCurrentPid:e("onlyCurrentPid"),opacity:e("opacity"),options:r,orderBy:e("orderBy"),outerWrap:e("outerWrap"),outline:e("outline"),outputLevels:e("outputLevels"),override:e("override"),overrideAttribs:e("overrideAttribs"),overrideId:e("overrideId"),PAGE:e("PAGE"),page:r,PAGE_TARGET:e("PAGE_TARGET"),PAGE_TSCONFIG_ID:e("PAGE_TSCONFIG_ID"),PAGE_TSCONFIG_IDLIST:e("PAGE_TSCONFIG_IDLIST"),PAGE_TSCONFIG_STR:e("PAGE_TSCONFIG_STR"),pageFrameObj:e("pageFrameObj"),pages:t,pageTitleFirst:e("pageTitleFirst"),pageTree:r,parameter:e("parameter"),params:e("params"),parseFunc:e("parseFunc"),parseFunc_RTE:t,parser:e("parser"),password:e("password"),paste:r,path:e("path"),permissions:e("permissions"),perms:r,pid:t,pid_list:e("pid_list"),pidInList:e("pidInList"),PIDinRootline:r,PIDupinRootline:r,pixelSpaceFontSizeRef:e("pixelSpaceFontSizeRef"),plaintextLib:e("plaintextLib"),plainTextStdWrap:e("plainTextStdWrap"),plugin:r,postCObject:e("postCObject"),postLineBlanks:e("postLineBlanks"),postLineChar:e("postLineChar"),postLineLen:e("postLineLen"),postUserFunc:e("postUserFunc"),postUserFuncInt:e("postUserFuncInt"),preBlanks:e("preBlanks"),preCObject:e("preCObject"),prefix:e("prefix"),prefixComment:e("prefixComment"),prefixRelPathWith:e("prefixRelPathWith"),preIfEmptyListNum:e("preIfEmptyListNum"),preLineBlanks:e("preLineBlanks"),preLineChar:e("preLineChar"),preLineLen:e("preLineLen"),prepend:e("prepend"),preserveEntities:e("preserveEntities"),preUserFunc:e("preUserFunc"),prev:e("prev"),preview:r,previewBorder:e("previewBorder"),prevnextToSection:e("prevnextToSection"),prioriCalc:e("prioriCalc"),proc:e("proc"),processor_allowUpscaling:e("processor_allowUpscaling"),properties:e("properties"),protect:e("protect"),protectLvar:e("protectLvar"),publish:r,publish_levels:e("publish_levels"),quality:e("quality"),RADIO:r,radio:e("radio"),radioWrap:e("radioWrap"),range:e("range"),rawUrlEncode:e("rawUrlEncode"),recipient:e("recipient"),RECORDS:e("RECORDS"),recursive:e("recursive"),redirect:e("redirect"),redirectToURL:e("redirectToURL"),references:e("references"),register:e("register"),relPathPrefix:e("relPathPrefix"),remap:e("remap"),remapTag:e("remapTag"),REMOTE_ADDR:e("REMOTE_ADDR"),removeDefaultJS:e("removeDefaultJS"),removeIfEquals:e("removeIfEquals"),removeIfFalse:e("removeIfFalse"),removeItems:e("removeItems"),removeObjectsOfDummy:e("removeObjectsOfDummy"),removePrependedNumbers:e("removePrependedNumbers"),removeTags:e("removeTags"),removeWrapping:e("removeWrapping"),renderObj:r,renderWrap:e("renderWrap"),REQ:r,required:t,reset:e("reset"),resources:e("resources"),RESTORE_REGISTER:e("RESTORE_REGISTER"),resultObj:e("resultObj"),returnLast:e("returnLast"),returnUrl:e("returnUrl"),rightjoin:e("rightjoin"),rm:e("rm"),rmTagIfNoAttrib:e("rmTagIfNoAttrib"),RO:t,rootline:t,rotate:e("rotate"),rows:e("rows"),rowSpace:e("rowSpace"),RTE:r,RTE_compliant:r,rules:e("rules"),sample:e("sample"),saveClipboard:e("saveClipboard"),saveDocNew:e("saveDocNew"),script:t,search:t,SEARCHRESULT:e("SEARCHRESULT"),secondRow:e("secondRow"),section:e("section"),sectionIndex:e("sectionIndex"),select:r,selectFields:e("selectFields"),separator:e("separator"),set:e("set"),setContentToCurrent:e("setContentToCurrent"),setCurrent:e("setCurrent"),setfixed:e("setfixed"),setOnly:e("setOnly"),setup:r,shadow:e("shadow"),SHARED:e("SHARED"),sharpen:e("sharpen"),shear:e("shear"),short:e("short"),shortcut:t,shortcutFrame:e("shortcutFrame"),shortcutIcon:e("shortcutIcon"),show:e("show"),showAccessRestrictedPages:e("showAccessRestrictedPages"),showActive:e("showActive"),showFirst:e("showFirst"),showHiddenPages:e("showHiddenPages"),showHiddenRecords:e("showHiddenRecords"),showHistory:e("showHistory"),showPageIdWithTitle:e("showPageIdWithTitle"),showTagFreeClasses:e("showTagFreeClasses"),showWebsiteTitle:e("showWebsiteTitle"),simulateDate:e("simulateDate"),simulateUserGroup:e("simulateUserGroup"),singlePid:e("singlePid"),site_author:e("site_author"),site_reserved:e("site_reserved"),sitemap:t,siteUrl:e("siteUrl"),size:e("size"),solarize:e("solarize"),sorting:e("sorting"),source:e("source"),space:e("space"),spaceBelowAbove:e("spaceBelowAbove"),spaceLeft:e("spaceLeft"),spaceRight:e("spaceRight"),spacing:e("spacing"),spamProtectEmailAddresses:e("spamProtectEmailAddresses"),spamProtectEmailAddresses_atSubst:e("spamProtectEmailAddresses_atSubst"),spamProtectEmailAddresses_lastDotSubst:e("spamProtectEmailAddresses_lastDotSubst"),SPC:t,special:e("special"),split:r,splitChar:e("splitChar"),splitRendering:e("splitRendering"),src:e("src"),stdWrap:r,stdWrap2:e("stdWrap2"),strftime:e("strftime"),stripHtml:e("stripHtml"),styles:e("styles"),submenuObjSuffixes:e("submenuObjSuffixes"),subMenuOffset:e("subMenuOffset"),submit:e("submit"),subparts:r,subst_elementUid:e("subst_elementUid"),substMarksSeparately:e("substMarksSeparately"),substring:e("substring"),swirl:e("swirl"),sys_dmail:t,sys_filemounts:t,sys_note:t,sys_template:t,system:r,table:t,tableCellColor:e("tableCellColor"),tableParams:e("tableParams"),tables:e("tables"),tableStdWrap:e("tableStdWrap"),tableWidth:e("tableWidth"),tags:e("tags"),target:e("target"),TCAdefaults:e("TCAdefaults"),TCEFORM:e("TCEFORM"),TCEMAIN:e("TCEMAIN"),TDparams:e("TDparams"),temp:r,template:r,templateContent:e("templateContent"),templateFile:e("templateFile"),TEXT:e("TEXT"),text:t,textarea:e("textarea"),textMargin:e("textMargin"),textMargin_outOfText:e("textMargin_outOfText"),textMaxLength:e("textMaxLength"),textObjNum:e("textObjNum"),textpic:t,textPos:e("textPos"),thickness:e("thickness"),this:t,tile:e("tile"),time_stdWrap:e("time_stdWrap"),tipafriendLib:e("tipafriendLib"),title:e("title"),titleLen:e("titleLen"),titleText:e("titleText"),tm:e("tm"),TMENU:e("TMENU"),TMENUITEM:e("TMENUITEM"),token:e("token"),top:t,totalWidth:e("totalWidth"),transparentBackground:e("transparentBackground"),transparentColor:e("transparentColor"),treeLevel:r,trim:e("trim"),true:t,tsdebug:r,tsdebug_tree:e("tsdebug_tree"),TSFE:e("TSFE"),type:e("type"),typeNum:e("typeNum"),types:e("types"),typolink:r,uid:t,uidInList:e("uidInList"),uniqueGlobal:t,uniqueLocal:t,unset:e("unset"),unsetEmpty:t,updated:t,uploads:t,upper:e("upper"),url:r,us:t,useLargestItemX:e("useLargestItemX"),useLargestItemY:e("useLargestItemY"),USER:e("USER"),user:e("user"),USER_INT:e("USER_INT"),user_task:t,useragent:r,USERDEF1:t,USERDEF1RO:t,USERDEF2:t,USERDEF2RO:t,userdefined:e("userdefined"),userFunc:r,userfunction:e("userfunction"),usergroup:t,userid:e("userid"),userProc:e("userProc"),USR:t,USRRO:t,value:e("value"),valueArray:e("valueArray"),version:r,view:r,wave:e("wave"),web_func:t,web_info:t,web_layout:t,records:t,web_ts:e("web_ts"),where:e("where"),width:e("width"),wiz:e("wiz"),wordSpacing:e("wordSpacing"),workArea:e("workArea"),workOnSubpart:r,wrap:e("wrap"),wrap1:e("wrap1"),wrap2:e("wrap2"),wrap3:e("wrap3"),wrapAfterTags:e("wrapAfterTags"),wrapAlign:e("wrapAlign"),wrapFieldName:e("wrapFieldName"),wrapItemAndSub:e("wrapItemAndSub"),wrapNonWrappedLines:e("wrapNonWrappedLines"),wraps:e("wraps"),xhtml_strict:t,xhtml_trans:t,xmlprologue:e("xmlprologue"),XY:t}}(),h=/[\+\-\*\&\%\/=<>!\?]/;let T=!1;function z(e){let r=!1,t,a=!1;for(;(t=e.next())!==void 0;){if(!r){if(t==="/"&&!a)return;t==="["?a=!0:a&&t==="]"&&(a=!1)}r=!r&&t==="\\"}}let w,_;function s(e,r,t){return w=e,_=t,r}function P(e,r){const t=e.next();if(typeof t=="string"){if(t===`
+`&&(T=!1),t==="."&&e.match(/^\d+(?:[eE][+\-]?\d+)?/))return s("number","number");if(t==="."&&e.match(".."))return s("spread","meta");if(t&&/[\[\]{}\(\),;\:\.]/.test(t))return s(t);if(t==="<"||t===">"||t==="."||t==="="&&e.peek()!=="<")return T=!0,s(t,"operator");if(!T&&t&&/[\[\]\(\),;\:\.\<\>\=]/.test(t))return s(t,"operator");if(t==="0"&&e.eat(/x/i))return e.eatWhile(/[\da-f]/i),s("number","number");if(t==="0"&&e.eat(/o/i))return e.eatWhile(/[0-7]/i),s("number","number");if(t==="0"&&e.eat(/b/i))return e.eatWhile(/[01]/i),s("number","number");if(t&&/\d/.test(t))return e.match(/^\d*(?:\.\d+)?(?:[eE][+\-]?\d+)?/),s("number","number");if(t==="/")return e.eat("*")?(r.tokenize=L,L(e,r)):e.eat("/")?(e.skipToEnd(),s("comment","comment")):V(e,r)?(z(e),e.match(/^\b(([gimyu])(?![gimyu]*\2))+\b/),s("regexp","string-2")):(e.eatWhile(h),s("operator","operator",e.current()));if(t==="#")return e.skipToEnd(),s("comment","comment");if(h.test(t))return(t!==">"||!r.lexical||r.lexical.type!==">")&&e.eatWhile(h),s("operator","operator",e.current());if(g.test(t)){e.eatWhile(g);const a=e.current();if(I.propertyIsEnumerable(a)){const o=I[a];return s(o.type,o.style,a)}return T?s("string","string",a):s("variable",void 0,a)}}}function L(e,r){let t=!1,a;for(;(a=e.next())!==void 0;){if(a==="/"&&t){r.tokenize=P;break}t=a==="*"}return s("comment","comment")}const Y={atom:!0,number:!0,variable:!0,string:!0,regexp:!0};function J(e,r){for(let t=e.localVars;t;t=t.next)if(t.name==r)return!0;for(let t=e.context;t;t=t.prev)for(let a=t.vars;a;a=a.next)if(a.name==r)return!0}const l={state:null,column:null,marked:null,cc:null};function q(e,r,t,a,o){const n=e.cc;for(l.state=e,l.stream=o,l.marked=null,l.cc=n,l.style=r,e.lexical.hasOwnProperty("align")||(e.lexical.align=!0);;){const p=n.length?n.pop():C;if(typeof p=="function"&&p(t,a)){for(;n.length&&n[n.length-1]&&n[n.length-1].lex;)n.pop()();return l.marked?l.marked:t==="variable"&&J(e,a)?"variable-2":r}}}function d(...e){for(let r=e.length-1;r>=0;r--)l.cc.push(e[r])}function i(...e){return d(...e),!0}function v(e){function r(a){for(let o=a;o;o=o.next)if(o.name==e)return!0;return!1}const t=l.state;if(l.marked="def",t.context){if(r(t.localVars))return;t.localVars={name:e,next:t.localVars}}}function u(e,r){const t=function(){const a=l.state;let o=a.indented;if(a.lexical.type==="stat")o=a.lexical.indented;else for(let n=a.lexical;n&&n.type===")"&&n.align;n=n.prev)o=n.indented;a.lexical=new j(o,l.stream.column(),e,null,a.lexical,r)};return t.lex=!0,t}function c(){const e=l.state;e.lexical.prev&&(e.lexical.type===")"&&(e.indented=e.lexical.indented),e.lexical=e.lexical.prev)}c.lex=!0;function f(e){function r(t){return t==e?i():e===";"?d():i(r)}return r}function C(e,r){return e==="keyword a"?i(u("form"),X,C,c):e==="keyword b"?i(u("form"),C,c):e==="{"?i(u("}"),D,c):e===";"?i():e==="variable"?i(u("stat"),$):e==="import"?i(u("stat"),te,c):r==="@"?i(m,C):d(u("stat"),m,f(";"),c)}function m(e){return U(e,!1)}function y(e){return U(e,!0)}function X(e){return e!=="("?d():i(u(")"),m,f(")"),c)}function U(e,r){const t=r?A:E;return Y.hasOwnProperty(e)?i(t):e==="keyword c"?i(r?Q:W):e==="("?i(u(")"),W,f(")"),c,t):e==="operator"?i(r?y:m):e==="{"?k(O,"}",null,t):i()}function W(e){return e.match(/[;\}\)\],]/)?d():d(m)}function Q(e){return e.match(/[;\}\)\],]/)?d():d(y)}function E(e,r){return e===","?i(m):A(e,r,!1)}function A(e,r,t){const a=t==!1?E:A,o=t==!1?m:y;if(e==="operator")return/\+\+|--/.test(r)?i(a):r==="?"?i(m,f(":"),o):i(o);if(e!==";"){if(e==="(")return k(y,")","call",a);if(e===".")return i(K,a);if(e==="[")return i(u("]"),W,f("]"),c,a)}}function $(e){return e===":"?i(c,C):d(E,f(";"),c)}function K(e){if(e==="variable")return l.marked="property",i()}function O(e){if(e==="async")return l.marked="property",i(O);if(e==="variable"||l.style==="keyword")return l.marked="property",i(M);if(e==="number"||e==="string")return l.marked=l.style+" property",i(M);if(e==="modifier")return i(O);if(e===":")return d(M)}function M(e){if(e===":")return i(y)}function Z(e,r,t){function a(o,n){if(t?t.indexOf(o)>-1:o===","){const p=l.state.lexical;return p.info==="call"&&(p.pos=(p.pos||0)+1),i(function(x,S){return x==r||S==r?d():d(e)},a)}return o==r||n==r?i():i(f(r))}return function(o,n){return o==r||n==r?i():d(e,a)}}function k(e,r,t,...a){for(const o of a)l.cc.push(o);return i(u(r,t),Z(e,r),c)}function D(e){return e==="}"?i():d(C,D)}function B(e,r){if(e==="modifier")return i(B);if(e==="variable")return v(r),i();if(e==="{")return k(ee,"}")}function ee(e,r){return e==="variable"&&!l.stream.match(/^\s*:/,!1)?(v(r),i(H)):(e==="variable"&&(l.marked="property"),e==="}"?d():i(f(":"),B,H))}function H(e,r){if(r==="=")return i(y)}function te(e){return e==="string"?i():d(R,G,ae)}function R(e,r){return e==="{"?k(R,"}"):(e==="variable"&&v(r),r==="*"&&(l.marked="keyword"),i(re))}function G(e){if(e===",")return i(R,G)}function re(e,r){if(r==="as")return l.marked="keyword",i(R)}function ae(e,r){if(r==="from")return l.marked="keyword",i(m)}function ie(e,r){return e.lastType==="operator"||e.lastType===","||h.test(r.charAt(0))||/[,.]/.test(r.charAt(0))}class ne{constructor(){this.electricInput=/^\s*(?:case .*?:|default:|\{|\})$/,this.blockCommentStart="/*",this.blockCommentEnd="*/",this.lineComment="#",this.fold="brace",this.closeBrackets=`(){}''""\``,this.helperType="typoscript",this.name="TypoScript"}startState(r){return{tokenize:P,lastType:"sof",cc:[],lexical:new j(-r,0,"block",!1),localVars:b.localVars,context:b.localVars&&{vars:b.localVars},indented:0}}token(r,t){if(r.sol()&&(t.lexical.hasOwnProperty("align")||(t.lexical.align=!1),t.indented=r.indentation()),t.tokenize!=L&&r.eatSpace())return null;const a=t.tokenize(r,t);return w==="comment"?a:(t.lastType=w==="operator"&&(_==="++"||_==="--")?"incdec":w,q(t,a,w,_,r))}indent(r,t,a){if(r.tokenize==L)return null;if(r.tokenize!=P)return 0;const o=t&&t.charAt(0);let n=r.lexical,p;for(;(n.type==="stat"||n.type==="form")&&(o==="}"||(p=r.cc[r.cc.length-1])&&(p==E||p==A)&&!/^[,\.=+\-*:?[\(]/.test(t));)n=n.prev;const x=n.type,S=o==x;return x==="form"&&o==="{"?n.indented:x==="form"?n.indented+a.unit:x==="stat"?n.indented+(ie(r,t)?a.unit:0):n.info==="switch"&&!S&&b.doubleIndentSwitch!=!1?n.indented+(/^(?:case|default)\b/.test(t)?a.unit:2*a.unit):n.align?n.column+(S?0:1):n.indented+(S?0:a.unit)}expressionAllowed(r,t){return V(r,t)}}return new ne}}export{oe as TypoScriptStreamParserFactory};
diff --git a/Resources/Public/JavaScript/color-picker.js b/Resources/Public/JavaScript/color-picker.js
new file mode 100644
index 0000000..1a05c7c
--- /dev/null
+++ b/Resources/Public/JavaScript/color-picker.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as s,query as d,customElement as h}from"lit/decorators.js";import{LitElement as b,css as u,html as g}from"lit";import k from"alwan";import v from"@typo3/core/event/regular-event.js";import y from"@typo3/core/document-service.js";var i=function(n,o,e,r){var a=arguments.length,t=a<3?o:r===null?r=Object.getOwnPropertyDescriptor(o,e):r,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(n,o,e,r);else for(var p=n.length-1;p>=0;p--)(l=n[p])&&(t=(a<3?l(t):a>3?l(o,e,t):l(o,e))||t);return a>3&&t&&Object.defineProperty(o,e,t),t};let c=class extends b{constructor(){super(...arguments),this.color="",this.opacity=!1,this.swatches=[]}static{this.styles=u`:host{display:inline-block;position:relative}.color-picker-preview{--typo3-colorpicker-preview-width:1.25rem;--typo3-colorpicker-preview-height:1.25rem;--typo3-bg-checkerboard-pattern-size:calc(var(--typo3-colorpicker-preview-width)/2);--typo3-bg-checkerboard-background-color:light-dark(var(--token-color-neutral-10),var(--token-color-neutral-85));--typo3-bg-checkerboard-background-image-color:light-dark(var(--token-color-neutral-0),var(--token-color-neutral-90));display:block;position:absolute;width:var(--typo3-colorpicker-preview-width);height:var(--typo3-colorpicker-preview-height);top:50%;inset-inline-start:var(--typo3-input-sm-padding-x);transform:translateY(-50%);background:var(--typo3-bg-checkerboard-background-color);background-image:linear-gradient(45deg,var(--typo3-bg-checkerboard-background-image-color) 25%,transparent 25%),linear-gradient(135deg,var(--typo3-bg-checkerboard-background-image-color) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--typo3-bg-checkerboard-background-image-color) 75%),linear-gradient(135deg,transparent 75%,var(--typo3-bg-checkerboard-background-image-color) 75%);background-position:0 0,calc(var(--typo3-bg-checkerboard-pattern-size)/2) 0,calc(var(--typo3-bg-checkerboard-pattern-size)/2) calc(var(--typo3-bg-checkerboard-pattern-size)/2*-1),0 calc(var(--typo3-bg-checkerboard-pattern-size)/2);background-size:var(--typo3-bg-checkerboard-pattern-size) var(--typo3-bg-checkerboard-pattern-size);background-clip:padding-box;border-radius:var(--typo3-component-border-radius);pointer-events:none}.color-picker-preview-color{position:absolute;inset:0;border-radius:2px;background-color:var(--color,transparent)}`}async firstUpdated(){await y.ready();const o=this.getInputElement();if(!o||(!o.value&&this.color?o.value=this.color:this.color=o.value,o.disabled||o.readOnly))return;const e=new k(o,{position:"bottom-start",format:"hex",opacity:this.opacity,swatches:this.swatches,preset:!1,color:this.color,parent:this.closest("dialog")??""});e.on("open",()=>{o.focus()}),e.on("color",r=>{this.color=r.hex,o.value=this.color,o.dispatchEvent(new Event("blur"))}),["input","change"].forEach(r=>{new v(r,a=>{const t=a.target;this.color=t.value,e.setColor(this.color)}).bindTo(o)})}render(){return g`<slot></slot><span style=--color:${this.color} class=color-picker-preview><span class=color-picker-preview-color></span></span>`}getInputElement(){const o=this.slotEl.assignedNodes();for(const e of o)if(e instanceof HTMLInputElement)return e;return console.warn("No input element found in the slot."),null}};i([s({type:String})],c.prototype,"color",void 0),i([s({type:Boolean})],c.prototype,"opacity",void 0),i([s({type:Array})],c.prototype,"swatches",void 0),i([d("slot")],c.prototype,"slotEl",void 0),c=i([h("typo3-backend-color-picker")],c);class f{initialize(o,e={}){if(o.parentElement instanceof c)return;const r=document.createElement("typo3-backend-color-picker");r.swatches=e.swatches.map(a=>({color:a,label:a})),r.opacity=e.opacity??!1,o.parentNode.insertBefore(r,o),r.appendChild(o)}}var m=new f;export{c as Typo3BackendColorPicker,m as default};
diff --git a/Resources/Public/JavaScript/color-scheme-switch.js b/Resources/Public/JavaScript/color-scheme-switch.js
new file mode 100644
index 0000000..1d35226
--- /dev/null
+++ b/Resources/Public/JavaScript/color-scheme-switch.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as u,html as s,nothing as m}from"lit";import{property as d,state as p,customElement as b}from"lit/decorators.js";import v from"@typo3/core/ajax/ajax-request.js";import"@typo3/backend/element/icon-element.js";var a=function(c,e,t,i){var r=arguments.length,n=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(c,e,t,i);else for(var h=c.length-1;h>=0;h--)(l=c[h])&&(n=(r<3?l(n):r>3?l(e,t,n):l(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};let o=class extends u{constructor(){super(...arguments),this.activeColorScheme=null,this.colorSchemes=null,this.advancedOptionsExpanded=!1,this.autoDetect=null,this.enabled=null,this.colorSchemeMql=null,this.forcedColorsMql=null,this.colorSchemeMediaQueryListener=e=>this.autoDetect=e.matches?"dark":"light",this.forcedColorsMediaQueryListener=e=>this.enabled=!e.matches}connectedCallback(){super.connectedCallback(),this.colorSchemeMql=window.matchMedia("(prefers-color-scheme: dark)"),this.forcedColorsMql=window.matchMedia("(forced-colors: active)"),this.colorSchemeMediaQueryListener(this.colorSchemeMql),this.forcedColorsMediaQueryListener(this.forcedColorsMql),this.colorSchemeMql.addEventListener("change",this.colorSchemeMediaQueryListener),this.forcedColorsMql.addEventListener("change",this.forcedColorsMediaQueryListener)}disconnectedCallback(){super.disconnectedCallback(),this.colorSchemeMql.removeEventListener("change",this.colorSchemeMediaQueryListener),this.forcedColorsMql.removeEventListener("change",this.forcedColorsMediaQueryListener),this.colorSchemeMql=null,this.forcedColorsMql=null}createRenderRoot(){return this}getRealColorScheme(){return this.activeColorScheme==="auto"?this.autoDetect??"light":this.activeColorScheme??"light"}render(){return s`<div class=btn-group><button type=button class="btn btn-default" title=${this.enabled?this.toggleLabel:this.disabledLabel} ?disabled=${!this.enabled} @click=${e=>this.toggle(e)}><typo3-backend-icon identifier=${this.getIcon(this.activeColorScheme??"auto")} size=small></typo3-backend-icon>${this.getLabel(this.getRealColorScheme())}<typo3-backend-icon identifier=actions-exchange size=small style=margin-left:auto></typo3-backend-icon></button> <button type=button class="btn btn-default ${this.advancedOptionsExpanded?"active":""}" aria-haspopup=true aria-expanded=${this.advancedOptionsExpanded?"true":"false"} ?disabled=${!this.enabled} @click=${e=>{e.stopPropagation(),this.advancedOptionsExpanded=!this.advancedOptionsExpanded}}><span class=visually-hidden>Show more options</span><typo3-backend-icon identifier=${this.advancedOptionsExpanded?"actions-chevron-up":"actions-chevron-down"} size=small></typo3-backend-icon></button></div>${this.advancedOptionsExpanded===!1?m:s`<ul class=dropdown-list>${this.colorSchemes.map(e=>this.renderItem(e))}</ul>`}`}getIcon(e){return this.colorSchemes.find(t=>t.value===e)?.icon??"auto"}getLabel(e){return this.colorSchemes.find(t=>t.value===e)?.label??""}renderItem(e){return s`<li><button class=dropdown-item @click=${t=>this.handleClick(t,e.value)} aria-current=${this.activeColorScheme===e.value?"true":"false"}><span class=dropdown-item-columns> <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden=true><typo3-backend-icon identifier=${e.icon} size=small></typo3-backend-icon> </span> <span class="dropdown-item-column dropdown-item-column-title">${e.label} ${e.value==="auto"?s`<span class=dropdown-item-column-title-info>${this.getLabel(this.autoDetect)}</span>`:""} </span> ${this.activeColorScheme===e.value?s`<span class=text-primary> <typo3-backend-icon identifier=actions-dot size=small></typo3-backend-icon> </span>`:s`<typo3-backend-icon identifier=empty-empty size=small></typo3-backend-icon>`} </span></button></li>`}async toggle(e){e.preventDefault(),e.stopPropagation();let i=this.getRealColorScheme()==="dark"?"light":"dark";i===this.autoDetect&&(i="auto"),this.triggerSchemeUpdate(i),await this.persistSchemeUpdate(i)}async handleClick(e,t){e.preventDefault(),e.stopPropagation(),this.triggerSchemeUpdate(t),await this.persistSchemeUpdate(t),this.advancedOptionsExpanded=!1}async persistSchemeUpdate(e){const t=new URL(TYPO3.settings.ajaxUrls.color_scheme_update,window.location.origin);return await new v(t).post({colorScheme:e})}triggerSchemeUpdate(e){document.dispatchEvent(new CustomEvent("typo3:color-scheme:update",{detail:{colorScheme:e}}))}};a([d({type:String})],o.prototype,"activeColorScheme",void 0),a([d({type:Array})],o.prototype,"colorSchemes",void 0),a([d({type:String})],o.prototype,"toggleLabel",void 0),a([d({type:String})],o.prototype,"disabledLabel",void 0),a([p()],o.prototype,"advancedOptionsExpanded",void 0),a([p()],o.prototype,"autoDetect",void 0),a([p()],o.prototype,"enabled",void 0),o=a([b("typo3-backend-color-scheme-switch")],o);export{o as ColorSchemeSwitchElement};
diff --git a/Resources/Public/JavaScript/column-selector-button.js b/Resources/Public/JavaScript/column-selector-button.js
new file mode 100644
index 0000000..17cfee0
--- /dev/null
+++ b/Resources/Public/JavaScript/column-selector-button.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as p,customElement as C}from"lit/decorators.js";import{PseudoButtonLitElement as k}from"@typo3/backend/element/pseudo-button.js";import{SeverityEnum as E}from"@typo3/backend/enum/severity.js";import h from"@typo3/backend/modal.js";import L from"@typo3/core/ajax/ajax-request.js";import S from"@typo3/backend/notification.js";import y from"~labels/core.mod_web_list";var m=function(a,t,n,e){var r=arguments.length,o=r<3?t:e===null?e=Object.getOwnPropertyDescriptor(t,n):e,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(a,t,n,e);else for(var d=a.length-1;d>=0;d--)(c=a[d])&&(o=(r<3?c(o):r>3?c(t,n,o):c(t,n))||o);return r>3&&o&&Object.defineProperty(t,n,o),o},l,f;(function(a){a.columnsSelector=".t3js-column-selector",a.columnsContainerSelector=".t3js-column-selector-container",a.columnsFilterSelector='input[name="columns-filter"]',a.columnsSelectorActionsSelector=".t3js-column-selector-actions"})(f||(f={}));var g;(function(a){a.toggle="select-toggle",a.all="select-all",a.none="select-none"})(g||(g={}));let u=l=class extends k{constructor(){super(...arguments),this.modalTitle="Show columns",this.buttonOk=y.get("button.ok"),this.buttonClose=y.get("button.close"),this.errorMessage="Could not update columns"}static toggleSelectorActions(t,n,e,r=!1){n.classList.add("disabled");for(let o=0;o<t.length;o++)if(!t[o].disabled&&!t[o].checked&&(r||!l.isColumnHidden(t[o]))){n.classList.remove("disabled");break}e.classList.add("disabled");for(let o=0;o<t.length;o++)if(!t[o].disabled&&t[o].checked&&(r||!l.isColumnHidden(t[o]))){e.classList.remove("disabled");break}}static isColumnHidden(t){return t.closest(f.columnsContainerSelector)?.classList.contains("hidden")}static filterColumns(t,n){n.forEach(e=>{const r=e.closest(f.columnsContainerSelector);if(!e.disabled&&r!==null){const o=r.querySelector(".form-check-label")?.textContent;o&&o.length&&r.classList.toggle("hidden",t.value!==""&&!RegExp(t.value,"i").test(o.trim().replace(/\[\]/g,"").replace(/\s+/g," ")))}})}buttonActivated(){this.showColumnSelectorModal()}showColumnSelectorModal(){if(!this.modalUrl||!this.modalTarget)return;const t=h.advanced({content:this.modalUrl,title:this.modalTitle,severity:E.notice,size:h.sizes.medium,type:h.types.ajax,buttons:[{text:this.buttonClose,active:!0,btnClass:"btn-default",name:"cancel",trigger:(n,e)=>e.hideModal()},{text:this.buttonOk,btnClass:"btn-primary",name:"update",trigger:(n,e)=>this.processSelection(e)}],ajaxCallback:()=>this.handleModalContentLoaded(t)})}processSelection(t){const n=t.querySelector("form");if(n===null){this.abortSelection();return}new L(TYPO3.settings.ajaxUrls.show_columns).post(new FormData(n)).then(async e=>{const r=await e.resolve();r.success===!0?(this.ownerDocument.location.href=this.modalTarget,this.ownerDocument.location.reload()):S.error(r.message||"No update was performed"),h.dismiss()}).catch(()=>{this.abortSelection()})}handleModalContentLoaded(t){const n=t.querySelector("form");if(n===null)return;n.addEventListener("submit",s=>{s.preventDefault()});const e=t.querySelectorAll(f.columnsSelector),r=t.querySelector(f.columnsFilterSelector),o=t.querySelector(f.columnsSelectorActionsSelector),c=o.querySelector('button[data-action="'+g.all+'"]'),d=o.querySelector('button[data-action="'+g.none+'"]');!e.length||r===null||c===null||d===null||(l.toggleSelectorActions(e,c,d,!0),e.forEach(s=>{s.addEventListener("change",()=>{l.toggleSelectorActions(e,c,d)})}),r.addEventListener("keydown",s=>{const b=s.target;s.code==="Escape"&&(s.stopImmediatePropagation(),b.value="")}),r.addEventListener("keyup",s=>{l.filterColumns(s.target,e),l.toggleSelectorActions(e,c,d)}),r.addEventListener("search",s=>{l.filterColumns(s.target,e),l.toggleSelectorActions(e,c,d)}),o.querySelectorAll("button[data-action]").forEach(s=>{s.addEventListener("click",b=>{b.preventDefault();const v=b.currentTarget;if(v.dataset.action){switch(v.dataset.action){case g.toggle:e.forEach(i=>{!i.disabled&&!l.isColumnHidden(i)&&(i.checked=!i.checked)});break;case g.all:e.forEach(i=>{!i.disabled&&!l.isColumnHidden(i)&&(i.checked=!0)});break;case g.none:e.forEach(i=>{!i.disabled&&!l.isColumnHidden(i)&&(i.checked=!1)});break;default:S.warning("Unknown selector action")}l.toggleSelectorActions(e,c,d)}})}))}abortSelection(){S.error(this.errorMessage),h.dismiss()}};m([p({type:String,attribute:"data-url"})],u.prototype,"modalUrl",void 0),m([p({type:String,attribute:"data-target"})],u.prototype,"modalTarget",void 0),m([p({type:String,attribute:"data-title"})],u.prototype,"modalTitle",void 0),m([p({type:String,attribute:"data-button-ok"})],u.prototype,"buttonOk",void 0),m([p({type:String,attribute:"data-button-close"})],u.prototype,"buttonClose",void 0),m([p({type:String,attribute:"data-error-message"})],u.prototype,"errorMessage",void 0),u=l=m([C("typo3-backend-column-selector-button")],u);export{u as ColumnSelectorButton};
diff --git a/Resources/Public/JavaScript/context-help.js b/Resources/Public/JavaScript/context-help.js
new file mode 100644
index 0000000..48574c5
--- /dev/null
+++ b/Resources/Public/JavaScript/context-help.js
@@ -0,0 +1,13 @@
+/*
+ * 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"bootstrap";import i from"@typo3/backend/popover.js";import r from"@typo3/core/event/regular-event.js";import c from"@typo3/core/document-service.js";class n{constructor(){this.trigger="click",this.placement="auto",this.selector=".help-link",this.initialize()}async initialize(){await c.ready();const s=document.querySelectorAll(this.selector);s.forEach(t=>{t.dataset.bsHtml="true",t.dataset.bsPlacement=this.placement,t.dataset.bsTrigger=this.trigger,i.popover(t)}),new r("show.bs.popover",t=>{const e=t.target,o=e.dataset.description;if(o){const a={title:e.dataset.title||"",content:o};i.setOptions(e,a)}}).delegateTo(document,this.selector),new r("click",t=>{const e=t.target;s.forEach(o=>{o.isEqualNode(e)||i.hide(o)})}).delegateTo(document,"body")}}var l=new n;export{l as default};
diff --git a/Resources/Public/JavaScript/context-menu-actions.js b/Resources/Public/JavaScript/context-menu-actions.js
new file mode 100644
index 0000000..fd0ace7
--- /dev/null
+++ b/Resources/Public/JavaScript/context-menu-actions.js
@@ -0,0 +1,13 @@
+/*
+ * 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{SeverityEnum as g}from"@typo3/backend/enum/severity.js";import f from"@typo3/backend/ajax-data-handler.js";import d from"@typo3/core/ajax/ajax-request.js";import U from"@typo3/backend/info-window.js";import l from"@typo3/backend/modal.js";import C from"@typo3/backend/module-menu.js";import m from"@typo3/backend/notification.js";import i from"@typo3/backend/viewport.js";import"@typo3/backend/new-record-wizard.js";import b from"@typo3/backend/utility.js";import{topLevelModuleImport as w}from"@typo3/backend/utility/top-level-module-import.js";import{html as h}from"lit";import p from"~labels/core.common";import c from"~labels/core.cache";import u from"~labels/core.mod_web_list";import R from"~labels/backend.layout";import{openPageWizardModal as v}from"@typo3/backend/page-wizard/helper/wizard-helper.js";class n{static getReturnUrl(){return encodeURIComponent(top.list_frame.document.location.pathname+top.list_frame.document.location.search)}static editRecord(t,o,e){const r=e.pagesLanguageUid;let a="";r&&(a="&overrideVals[pages][sys_language_uid]="+r),i.ContentContainer.setUrl(top.TYPO3.settings.FormEngine.moduleUrl+"&edit["+t+"]["+o+"]=edit"+a+"&module="+encodeURIComponent(top.TYPO3.ModuleMenu.App.getCurrentModule())+"&returnUrl="+n.getReturnUrl())}static viewRecord(t,o,e){const r=e.previewUrl;if(r){const a=window.open(r,"newTYPO3frontendWindow");a.focus(),b.urlsPointToSameServerSideResource(a.location.href,r)&&a.location.reload()}}static async showQrCode(t,o,e){const r=e.previewUrl;r&&(await w("@typo3/backend/element/qrcode-element.js"),l.advanced({title:R.get("showPageQrCode.modalTitle"),size:l.sizes.small,content:h`<div class=text-center><typo3-qrcode class=text-start content=${r} size=large show-url></typo3-qrcode></div>`,buttons:[{text:u.get("button.close"),btnClass:"btn-default",name:"close",trigger:(a,s)=>s.hideModal()}]}))}static openInfoPopUp(t,o){U.showItem(t,o)}static mountAsTreeRoot(t,o){if(t==="pages"){const e=new CustomEvent("typo3:pagetree:mountPoint",{detail:{pageId:o}});top.document.dispatchEvent(e)}}static newPageWizard(t,o,e){const r=e.pagesNewWizardUrl;i.ContentContainer.setUrl(r+"&returnUrl="+n.getReturnUrl())}static newContentWizard(t,o,e){let r=e.newWizardUrl;r&&(r+="&returnUrl="+n.getReturnUrl(),l.advanced({title:e.title,type:l.types.ajax,size:l.sizes.large,content:r,severity:g.notice}))}static newRecord(t,o){if(t==="pages"){v({positionData:{pageUid:parseInt(String(o),10),insertPosition:"inside"}});return}i.ContentContainer.setUrl(top.TYPO3.settings.FormEngine.moduleUrl+"&edit["+t+"]["+(t!=="pages"?"-":"")+o+"]=new&returnUrl="+n.getReturnUrl())}static openHistoryPopUp(t,o){i.ContentContainer.setUrl(top.TYPO3.settings.RecordHistory.moduleUrl+"&element="+t+":"+o+"&returnUrl="+n.getReturnUrl())}static openListModule(t,o,e){const r=t==="pages"?o:e.pageUid;C.App.showModule("records","id="+r)}static pagesSort(t,o,e){const r=e.pagesSortUrl;r&&i.ContentContainer.setUrl(r)}static openSiteSettings(t,o,e){const r=e.siteSettingsUrl;r&&i.ContentContainer.setUrl(r+"&returnUrl="+n.getReturnUrl())}static openSiteConfiguration(t,o,e){const r=e.siteConfigurationUrl;r&&i.ContentContainer.setUrl(r+"&returnUrl="+n.getReturnUrl())}static pagesNewMultiple(t,o,e){const r=e.pagesNewMultipleUrl;r&&i.ContentContainer.setUrl(r)}static disableRecord(t,o,e){const r=e.disableField||"hidden";i.ContentContainer.setUrl(top.TYPO3.settings.RecordCommit.moduleUrl+"&data["+t+"]["+o+"]["+r+"]=1&redirect="+n.getReturnUrl())}static enableRecord(t,o,e){const r=e.disableField||"hidden";i.ContentContainer.setUrl(top.TYPO3.settings.RecordCommit.moduleUrl+"&data["+t+"]["+o+"]["+r+"]=0&redirect="+n.getReturnUrl())}static showInMenus(t,o){i.ContentContainer.setUrl(top.TYPO3.settings.RecordCommit.moduleUrl+"&data["+t+"]["+o+"][nav_hide]=0&redirect="+n.getReturnUrl())}static hideInMenus(t,o){i.ContentContainer.setUrl(top.TYPO3.settings.RecordCommit.moduleUrl+"&data["+t+"]["+o+"][nav_hide]=1&redirect="+n.getReturnUrl())}static deleteRecord(t,o,e){const r=l.confirm(e.title,e.message,g.warning,[{text:e.buttonCloseText||p.get("cancel"),active:!0,btnClass:"btn-default",name:"cancel"},{text:e.buttonOkText||u.get("button.delete"),btnClass:"btn-warning",name:"delete"}]);r.addEventListener("button.clicked",a=>{if(a.target.getAttribute("name")==="delete"){const s={component:"contextmenu",action:"delete",table:t,uid:o};f.process("cmd["+t+"]["+o+"][delete]=1",s).then(()=>{t==="pages"&&n.refreshPageTree(),n.triggerRefresh(i.ContentContainer.get().location.href)})}r.hideModal()})}static copy(t,o){const e=TYPO3.settings.ajaxUrls.contextmenu_clipboard+"&CB[el]["+t+"%7C"+o+"]=1&CB[setCopyMode]=1";new d(e).get().finally(()=>{n.triggerRefresh(i.ContentContainer.get().location.href)})}static clipboardRelease(t,o){const e=TYPO3.settings.ajaxUrls.contextmenu_clipboard+"&CB[el]["+t+"%7C"+o+"]=0";new d(e).get().finally(()=>{n.triggerRefresh(i.ContentContainer.get().location.href)})}static cut(t,o){const e=TYPO3.settings.ajaxUrls.contextmenu_clipboard+"&CB[el]["+t+"%7C"+o+"]=1&CB[setCopyMode]=0";new d(e).get().finally(()=>{n.triggerRefresh(i.ContentContainer.get().location.href)})}static triggerRefresh(t){t.includes("record%2Fedit")||i.ContentContainer.refresh()}static clearCache(t,o){new d(TYPO3.settings.ajaxUrls.clearcache_page).post({id:o}).then(async e=>{const r=await e.resolve();r?.success===!1?m.error(r.title??c.get("notification.error.title"),r.message??c.get("notification.error.message")):m.success(r?.title??c.get("notification.success.title"),r?.message??c.get("notification.success.message"))},()=>{m.error(c.get("notification.error.title"),c.get("notification.error.message"))})}static pasteAfter(t,o,e){n.pasteInto(t,-o,e)}static pasteInto(t,o,e){const r=()=>{const s="&CB[paste]="+t+"%7C"+o+"&CB[pad]=normal&redirect="+n.getReturnUrl();i.ContentContainer.setUrl(top.TYPO3.settings.RecordCommit.moduleUrl+s)};if(!e.title){r();return}const a=l.confirm(e.title,e.message,g.warning,[{text:e.buttonCloseText||p.get("cancel"),active:!0,btnClass:"btn-default",name:"cancel"},{text:e.buttonOkText||p.get("ok"),btnClass:"btn-warning",name:"ok"}]);a.addEventListener("button.clicked",s=>{s.target.getAttribute("name")==="ok"&&r(),a.hideModal()})}static refreshPageTree(){top.document.dispatchEvent(new CustomEvent("typo3:pagetree:refresh"))}}export{n as default};
diff --git a/Resources/Public/JavaScript/context-menu.js b/Resources/Public/JavaScript/context-menu.js
new file mode 100644
index 0000000..1d391fb
--- /dev/null
+++ b/Resources/Public/JavaScript/context-menu.js
@@ -0,0 +1,13 @@
+/*
+ * 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{AjaxResponse as I}from"@typo3/core/ajax/ajax-response.js";import M from"@typo3/core/ajax/ajax-request.js";import N from"@typo3/backend/context-menu-actions.js";import"@typo3/backend/element/spinner-element.js";import{state as m,queryAll as b,customElement as k}from"lit/decorators.js";import{LitElement as C,nothing as x,html as f}from"lit";import{delay as S}from"@typo3/core/lit-helper.js";import{styleMap as v}from"lit/directives/style-map.js";import{unsafeHTML as y}from"lit/directives/unsafe-html.js";import{Task as T,initialState as E}from"@lit/task";import w from"@typo3/backend/notification.js";var d=function(h,t,e,n){var i=arguments.length,o=i<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,e):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(h,t,e,n);else for(var r=h.length-1;r>=0;r--)(s=h[r])&&(o=(i<3?s(o):i>3?s(t,e,o):s(t,e))||o);return i>3&&o&&Object.defineProperty(t,e,o),o},p;(function(h){h.open="typo3:contextmenu:open",h.close="typo3:contextmenu:close"})(p||(p={}));class F{constructor(){document.addEventListener("click",t=>{this.handleTriggerEvent(t)}),document.addEventListener("contextmenu",t=>{this.handleTriggerEvent(t)})}show(t,e,n,i,o,s=null,r=null){const a=new CustomEvent(p.open,{detail:{table:t,uid:e,context:n,eventSource:s,originalEvent:r},bubbles:!0,composed:!0});top.document.dispatchEvent(a)}handleTriggerEvent(t){if(!(t.target instanceof Element))return;const e=t.target.closest("[data-contextmenu-trigger]");if(e instanceof HTMLElement){this.handleContextMenuEvent(t,e);return}}handleContextMenuEvent(t,e){const n=e.dataset.contextmenuTrigger;if(n==="click"||n===t.type){if(t.preventDefault(),(e.dataset.contextmenuTable??"")==="")throw console.error("Referenced element misses data-contextmenu-table",e),new Error("No data-contextmenu-table attribute provided in contextmenu trigger markup");if((e.dataset.contextmenuUid??"")==="")throw console.error("Referenced element misses data-contextmenu-uid",e),new Error("No data-contextmenu-uid attribute provided in contextmenu trigger markup");this.show(e.dataset.contextmenuTable??"",e.dataset.contextmenuUid??"",e.dataset.contextmenuContext??"","","",e,t)}}}var A=new F;let l=class extends C{constructor(){super(...arguments),this.open=!1,this.table="",this.uid="",this.context="",this.rootPositionY=0,this.rootPositionX=0,this.eventSource=null,this.rootIdentifier="root",this.focusFirstElement=!1,this.fetchTask=new T(this,{autoRun:!1,args:()=>[this.table,this.uid,this.context,this.open],task:async([t,e,n,i],{signal:o})=>{if(!i)return E;const s=new URLSearchParams;if(t!==""&&s.set("table",t),e!==""&&s.set("uid",e.toString()),(n??"")!==""&&s.set("context",n),s.size===0)return E;const r=TYPO3.settings.ajaxUrls.contextmenu,a=await new M(r).withQueryArguments(s).get({signal:o}),c=Object.values(await a.resolve());return c.length===0?E:this.enhanceNodes("root",c)},onComplete:()=>{this.focusFirstElement=!0},onError:t=>{t instanceof I?w.error("",t.response.status+" "+t.response.statusText,5):w.error("",t.message)}}),this.show=t=>{const e=t.detail;if(this.open=!0,this.table=e.table,this.uid=e.uid,this.context=e.context,this.eventSource=e.eventSource,e.originalEvent!==null){const n=this.calculateIframeOffset(e.originalEvent.view,window);let i,o;if(e.originalEvent.pointerId===-1&&e.originalEvent.target){const s=e.originalEvent.target.getBoundingClientRect();o=s.top+s.height/2,i=s.left}else o=e.originalEvent.clientY,i=e.originalEvent.clientX;this.rootPositionY=o+n.y,this.rootPositionX=i+n.x}this.fetchTask.run()},this.hide=async()=>{this.open&&(this.open=!1,this.fetchTask.run(),await this.updateComplete,this.eventSource?.focus())}}get nodes(){return this.fetchTask.value??[]}connectedCallback(){super.connectedCallback(),window.addEventListener("resize",this.hide),document.addEventListener(p.open,this.show),document.addEventListener(p.close,this.hide)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.hide),document.removeEventListener(p.open,this.show),document.removeEventListener(p.close,this.hide)}updated(){this.focusFirstElement&&(this.contextMenuItemElements.length>0&&Array.from(this.contextMenuItemElements).at(0).focus(),this.focusFirstElement=!1),this.updateContextMenuPositions()}createRenderRoot(){return this}render(){return this.fetchTask.render({initial:()=>x,pending:()=>[this.renderOverlay(),S(80,()=>this.renderMenu(null,this.rootIdentifier,this.rootPositionY,this.rootPositionX))],complete:t=>[this.renderOverlay(),this.renderMenu(t,this.rootIdentifier,this.rootPositionY,this.rootPositionX),this.flattenMenuItems(t).filter(e=>e.type==="submenu").map(e=>this.isNodeExpanded(e)?this.renderMenu(e.childItems,this.getNodeIdentifier(e),this.rootPositionY,this.rootPositionX):x)]})}renderOverlay(){return f`<div class=context-menu-overlay @click=${t=>this.handleOverlayClick(t)} @contextmenu=${t=>this.handleOverlayClick(t)}></div>`}renderMenu(t,e,n,i){const o={top:n+"px",insetInlineStart:i+"px"};return t===null?f`<div id=contextmenu-${e} data-contextmenu-parent=${e} class=context-menu style=${v(o)}><typo3-backend-spinner size=medium></typo3-backend-spinner></div>`:t.length===0?x:f`<div id=contextmenu-${e} data-contextmenu-parent=${e} class=context-menu style=${v(o)}><ul class=context-menu-group role=menu>${t.map(s=>f`<li role=presentation>${this.renderMenuItem(s)}</li>`)}</ul></div>`}renderMenuItem(t){return t.type==="divider"?f`<hr class=context-menu-divider>`:f`<button type=button class=context-menu-item tabindex=-1 role=menuitem data-contextmenu-id=${this.getNodeIdentifier(t)} data-contextmenu-type=${t.type} aria-posinset=${this.getNodePositionInSet(t)} aria-setsize=${this.getNodeSetSize(t)} aria-label=${t.label} aria-popup=${(t.type==="submenu"?"menu":!1)||x} @click=${e=>{this.handleNodeClick(e,t)}} @keydown=${e=>{this.handleNodeKeyDown(e,t)}}><span class=context-menu-item-icon role=presentation>${y(t.icon)}</span> <span class=context-menu-item-label role=presentation>${y(t.label)}</span> ${t.type==="submenu"?f`<span class=context-menu-item-indicator><typo3-backend-icon identifier=actions-chevron-${this.getDocumentDirection()==="ltr"?"right":"left"} size=small></typo3-backend-icon></span>`:""}</button>`}showSubmenu(t){t.__expanded=!0}hideSubmenu(t){t.__expanded=!1}handleNodeClick(t,e){if(e.type==="submenu"){this.isNodeExpanded(e)?this.hideSubmenu(e):this.showSubmenu(e);return}const n=this.extractDataAttributesAndConvertToDataset(e.additionalAttributes),i=e.callbackAction,{callbackModule:o,...s}=n;o?import(o+".js").then(({default:r})=>{r[i](this.table,this.uid,s)}):N&&typeof N[i]=="function"?N[i](this.table,this.uid,s):console.error("action: "+i+" not found"),this.hide()}mapIframeTarget(t,e){if(t.tagName!=="IFRAME")return t;const n=t;let i;try{i=n.contentWindow}catch{return t}const o=n.getBoundingClientRect();return i.document.elementFromPoint(e.clientX-o.x,e.clientY-o.y)??t}async handleOverlayClick(t){t.preventDefault(),t.stopPropagation(),this.eventSource=null,await this.hide();let e=document.elementFromPoint(t.clientX,t.clientY);e&&e!==t.currentTarget&&(e=this.mapIframeTarget(e,t),e.dispatchEvent(new PointerEvent(t.type,t)),(e.tagName==="INPUT"||e.tagName==="TEXTAREA")&&e.focus())}async handleNodeKeyDown(t,e){if(!["ArrowDown","ArrowUp","ArrowLeft","ArrowRight","Home","End","Enter","Space","Escape","Tab"].includes(t.code)||t.altKey||t.ctrlKey)return;t.preventDefault(),t.stopPropagation();const i=this.getParralellNodesForNavigation(e),o=this.getFirstNode(i),s=this.getLastNode(i),r=this.getParentNode(e),a=this.getPreviousNode(e),c=this.getNextNode(e);switch(t.code){case"Enter":case"Space":if(e.type==="submenu"){this.showSubmenu(e),await this.updateComplete;const u=this.getFirstNode(e.childItems);u&&this.getElementFromNode(u)?.focus()}else this.getElementFromNode(e)?.click();break;case"Tab":this.hide();break;case"Escape":r?(this.hideSubmenu(r),await this.updateComplete,this.getElementFromNode(r)?.focus()):this.hide();break;case"ArrowUp":a&&this.getElementFromNode(a)?.focus();break;case"ArrowDown":c&&this.getElementFromNode(c)?.focus();break;case"ArrowRight":if(e.type==="submenu"){this.showSubmenu(e),await this.updateComplete;const u=this.getFirstNode(e.childItems);u&&this.getElementFromNode(u)?.focus()}break;case"ArrowLeft":r&&(this.hideSubmenu(r),await this.updateComplete,this.getElementFromNode(r)?.focus());break;case"Home":this.getElementFromNode(o)?.focus();break;case"End":this.getElementFromNode(s)?.focus();break;default:return}}getNodeIdentifier(t){return t.__contextMenuIdentifier}getNodeParentIdentifier(t){return t.__contextMenuParentIdentifier}getNodePositionInSet(t){return this.getParralellNodesForNavigation(t).indexOf(t)+1}getNodeSetSize(t){return this.getParralellNodesForNavigation(t).length}getParentNode(t){const e=this.getNodeParentIdentifier(t);return this.getNodeByIdentifier(e)}getNodeByIdentifier(t){return this.flattenMenuItems(this.nodes).find(n=>this.getNodeIdentifier(n)===t)??null}getPreviousNode(t){const e=this.getParralellNodesForNavigation(t),i=e.indexOf(t)-1;return e[i]?e[i]:this.getLastNode(e)}getNextNode(t){const e=this.getParralellNodesForNavigation(t),i=e.indexOf(t)+1;return e[i]?e[i]:this.getFirstNode(e)}getFirstNode(t){return t.at(0)??null}getLastNode(t){return t.at(-1)??null}isNodeExpanded(t){return t.__expanded===!0}getElementFromNode(t){return this.querySelector('[data-contextmenu-id="'+this.getNodeIdentifier(t)+'"]')}enhanceNodes(t,e){return e.reduce((i,o)=>{const s=t+"_"+o.identifier,r={...o,__contextMenuIdentifier:s,__contextMenuParentIdentifier:t,__expanded:!1,childItems:this.enhanceNodes(s,Object.values(o.childItems??{}))},a=this;return[...i,new Proxy(r,{set(c,u,g){return c[u]!==g&&(c[u]=g,a.requestUpdate()),!0}})]},[])}calculateIframeOffset(t,e){let n=0,i=0;if(t===e)return{x:n,y:i};const o=this.calculateIframeOffset(t.parent,e);n+=o.x,i+=o.y;const s=t.frameElement;if(s){const r=s.getBoundingClientRect();n+=r.x,i+=r.y}return{x:n,y:i}}extractDataAttributesAndConvertToDataset(t){const e=n=>n.replace(/^data-/,"").replace(/-([a-z])/g,(i,o)=>o.toUpperCase());return Object.fromEntries(Object.entries(t).filter(([n])=>n.startsWith("data-")).map(([n,i])=>[e(n),String(i)]))}updateContextMenuPositions(){if(this.contextMenuElements.length>0){const t=this.contextMenuElements[0];this.updateContextMenuPosition(t,this.rootPositionY,this.rootPositionX);const e=[...this.contextMenuElements].slice(1),n=this.getDocumentDirection();e.forEach(i=>{const o=this.getNodeByIdentifier(i.dataset.contextmenuParent),r=this.getElementFromNode(o).getBoundingClientRect(),a=r.top-7,c=n==="ltr"?r.right:r.left;this.updateContextMenuPosition(i,a,c)})}}updateContextMenuPosition(t,e,n){const s=this.getDocumentDirection(),r={width:t.offsetWidth,height:t.offsetHeight},a={width:document.documentElement.clientWidth,height:document.documentElement.clientHeight};let c=0,u=0;u=e,c=s==="ltr"?n:a.width-n;const g=u+r.height+10+5<a.height,P=c+r.width+10+5<a.width;g?u+=5:u=a.height-r.height-10,P?c+=5:c=a.width-r.width-10,t.style.top=Math.round(u)+"px",t.style.insetInlineStart=Math.round(c)+"px"}flattenMenuItems(t){const e=[];for(const n of t)e.push(n),n.childItems&&e.push(...this.flattenMenuItems(n.childItems));return e}getParralellNodesForNavigation(t){const e=this.getParentNode(t);return e?e.childItems.filter(n=>n.type!=="divider"):this.nodes.filter(n=>n.type!=="divider")}getDocumentDirection(){return document.querySelector("html").dir==="rtl"?"rtl":"ltr"}};d([m()],l.prototype,"open",void 0),d([m()],l.prototype,"table",void 0),d([m()],l.prototype,"uid",void 0),d([m()],l.prototype,"context",void 0),d([m()],l.prototype,"rootPositionY",void 0),d([m()],l.prototype,"rootPositionX",void 0),d([m()],l.prototype,"eventSource",void 0),d([b(".context-menu")],l.prototype,"contextMenuElements",void 0),d([b(".context-menu-item")],l.prototype,"contextMenuItemElements",void 0),l=d([k("typo3-backend-context-menu")],l);export{l as ContextMenuElement,A as default};
diff --git a/Resources/Public/JavaScript/contextual-record-edit.js b/Resources/Public/JavaScript/contextual-record-edit.js
new file mode 100644
index 0000000..fcd929f
--- /dev/null
+++ b/Resources/Public/JavaScript/contextual-record-edit.js
@@ -0,0 +1,13 @@
+/*
+ * 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 s from"@typo3/backend/form-engine.js";import a from"@typo3/backend/modal.js";import r from"@typo3/backend/severity.js";import l from"@typo3/core/document-service.js";import"@typo3/backend/element/icon-element.js";import i from"~labels/backend.alt_doc";class c{constructor(t={}){this.closeButton=null,this.fullscreenButton=null,this.options=t,l.ready().then(()=>{this.closeButton=document.querySelector(".t3js-contextual-close"),this.fullscreenButton=document.querySelector(".t3js-contextual-fullscreen"),this.initialize()})}initialize(){this.initializeCloseButton(),this.initializeFullscreenButton(),this.initializeEscapeKey(),this.initializeParentMessages(),this.handlePostSaveState(),this.options.justSaved||this.focusFirstElement()}initializeCloseButton(){this.closeButton&&this.closeButton.addEventListener("click",()=>{this.requestClose()})}initializeFullscreenButton(){this.fullscreenButton&&this.fullscreenButton.addEventListener("click",t=>{t.preventDefault();const e=()=>{document.querySelectorAll(".has-change").forEach(o=>o.classList.remove("has-change")),top?.TYPO3?.Backend?.ContentContainer?.setUrl(this.fullscreenButton.href),window.parent.postMessage({actionName:"typo3:editform:navigate"},window.location.origin)};s.hasChange()?a.confirm(i.get("label.confirm.close_without_save.title"),i.get("label.confirm.close_without_save.content"),r.warning,[{text:i.get("buttons.confirm.close_without_save.no"),btnClass:"btn-default",trigger:(o,n)=>{n.hideModal()}},{text:i.get("buttons.confirm.close_without_save.yes"),btnClass:"btn-warning",trigger:(o,n)=>{n.hideModal(),e()}}]):e()})}initializeEscapeKey(){document.addEventListener("keydown",t=>{t.key==="Escape"&&(t.preventDefault(),this.requestClose())})}initializeParentMessages(){window.addEventListener("message",t=>{t.origin===window.location.origin&&t.data?.actionName==="typo3:editform:requestclose"&&this.requestClose()})}handlePostSaveState(){this.options.justSaved&&(window.parent.postMessage({actionName:"typo3:editform:saved",recordTitle:this.options.savedRecordTitle??""},window.location.origin),this.showSavedIndicator()),this.options.closed&&this.notifyParentClose()}requestClose(){s.hasChange()?a.confirm(i.get("label.confirm.close_without_save.title"),i.get("label.confirm.close_without_save.content"),r.warning,[{text:i.get("buttons.confirm.close_without_save.no"),btnClass:"btn-default",trigger:(t,e)=>{e.hideModal()}},{text:i.get("buttons.confirm.close_without_save.yes"),btnClass:"btn-default",trigger:(t,e)=>{e.hideModal(),this.notifyParentClose()}},{text:i.get("buttons.confirm.save_and_close"),btnClass:"btn-primary",active:!0,trigger:(t,e)=>{e.hideModal(),s.saveAndCloseDocument()}}]):this.notifyParentClose()}showSavedIndicator(){const t=document.querySelector(".contextual-record-edit-actions");if(!t)return;const e=document.createElement("span");e.className="contextual-record-edit-saved-indicator",e.innerHTML='<typo3-backend-icon identifier="actions-check" size="small"></typo3-backend-icon> '+i.get("notification.record_saved.title.singular"),t.prepend(e),setTimeout(()=>{e.style.opacity="0",e.addEventListener("transitionend",()=>e.remove())},2e3)}focusFirstElement(){(this.fullscreenButton??this.closeButton)?.focus()}notifyParentClose(){window.parent.postMessage({actionName:"typo3:editform:closed"},window.location.origin)}}export{c as default};
diff --git a/Resources/Public/JavaScript/copy-to-clipboard.js b/Resources/Public/JavaScript/copy-to-clipboard.js
new file mode 100644
index 0000000..27cc3be
--- /dev/null
+++ b/Resources/Public/JavaScript/copy-to-clipboard.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as u,customElement as m}from"lit/decorators.js";import{PseudoButtonLitElement as y}from"@typo3/backend/element/pseudo-button.js";import c from"@typo3/backend/notification.js";import p from"~labels/backend.copytoclipboard";var l=function(t,o,e,n){var a=arguments.length,r=a<3?o:n===null?n=Object.getOwnPropertyDescriptor(o,e):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,o,e,n);else for(var d=t.length-1;d>=0;d--)(s=t[d])&&(r=(a<3?s(r):a>3?s(o,e,r):s(o,e))||r);return a>3&&r&&Object.defineProperty(o,e,r),r};function f(t,o=!1){if(!t.length){console.warn("No text for copy to clipboard given."),o||c.error(p.get("copyToClipboard.error"));return}if(navigator.clipboard)navigator.clipboard.writeText(t).then(()=>{document.dispatchEvent(new CustomEvent("copy-to-clipboard-success")),o||c.success(p.get("copyToClipboard.success"),"",1)}).catch(()=>{document.dispatchEvent(new CustomEvent("copy-to-clipboard-error")),o||c.error(p.get("copyToClipboard.error"))});else{const e=document.createElement("textarea");e.value=t,document.body.appendChild(e),e.focus(),e.select();try{document.execCommand("copy")?(document.dispatchEvent(new CustomEvent("copy-to-clipboard-success")),o||c.success(p.get("copyToClipboard.success"),"",1)):o||(document.dispatchEvent(new CustomEvent("copy-to-clipboard-error")),c.error(p.get("copyToClipboard.error")))}catch{o||(document.dispatchEvent(new CustomEvent("copy-to-clipboard-error")),c.error(p.get("copyToClipboard.error")))}document.body.removeChild(e)}}let i=class extends y{constructor(){super(...arguments),this.silent=!1}buttonActivated(){if(typeof this.text!="string"){console.warn("No text for copy to clipboard given."),this.silent||(document.dispatchEvent(new CustomEvent("copy-to-clipboard-error")),c.error(p.get("copyToClipboard.error")));return}f(this.text,this.silent)}};l([u({type:String})],i.prototype,"text",void 0),l([u({type:Boolean})],i.prototype,"silent",void 0),i=l([m("typo3-copy-to-clipboard")],i);export{i as CopyToClipboard,f as copyToClipboard};
diff --git a/Resources/Public/JavaScript/date-time-picker.js b/Resources/Public/JavaScript/date-time-picker.js
new file mode 100644
index 0000000..c9ef41b
--- /dev/null
+++ b/Resources/Public/JavaScript/date-time-picker.js
@@ -0,0 +1,13 @@
+/*
+ * 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 m from"flatpickr";import p from"@typo3/backend/storage/persistent.js";import f from"shortcut-buttons-flatpickr";import{DateTime as u}from"luxon";import D from"@typo3/backend/utility/dom-helper.js";import g from"@typo3/core/event/throttle-event.js";import"@typo3/backend/input/clearable.js";import h from"~labels/core.core";const c="ISO8601_LOCALTIME";class b{constructor(){this.format=(typeof opener?.top?.TYPO3<"u"?opener.top:top).TYPO3.settings.DateConfiguration}initialize(n,i=null){if(!(n instanceof HTMLInputElement)||typeof n.dataset.datepickerInitialized<"u")return;let o=document.documentElement.lang;!o||o==="en"?o="default":o==="ch"&&(o="zh"),n.dataset.datepickerInitialized="1",import("flatpickr/dist/l10n").then(()=>{this.initializeField(n,o,i)})}initializeField(n,i,o=null){const r=this.getDateOptions(n);r.locale=i,o&&(r.appendTo=o);const e=p.get("dateTimeFirstDayOfWeek");if(e!=null&&e!==""){const t=parseInt(e,10)-1;m.l10ns[i].firstDayOfWeek=t,m.l10ns.default.firstDayOfWeek=t}if(o instanceof HTMLElement&&o.localName==="typo3-formengine-element-datetime")r.position=()=>{},r.onOpen=[(t,d,l)=>{l.calendarContainer.hasAttribute("popover")||l.calendarContainer.setAttribute("popover","manual"),l.calendarContainer.showPopover()}],r.onClose=(t,d,l)=>{l.calendarContainer.matches(":popover-open")&&l.calendarContainer.hidePopover()};else{const t=this.getScrollEvent();r.onOpen=[()=>{t.bindTo(D.scrollEventTarget(n))}],r.onClose=()=>{t.release()}}const a=m(n,r);a.altInput instanceof HTMLInputElement&&a.input.addEventListener("typo3:internal:clear",()=>{a.clear()}),a._input.addEventListener("change",t=>{const d=t.target.value,l=a.parseDate(d,a.config.altFormat);a.setDate(l,!0)}),a._input.addEventListener("keyup",t=>{t.key==="Escape"&&a.close()})}getScrollEvent(){return new g("scroll",()=>{const n=document.querySelector(".flatpickr-input.active");if(n===null)return;const i=n.getBoundingClientRect(),o=2,r=n._flatpickr.calendarContainer.offsetHeight,s=window.innerHeight-i.bottom<r&&i.top>r;let a,t;s?(a=i.y-r-o,t="arrowBottom"):(a=i.y+i.height+o,t="arrowTop"),n._flatpickr.calendarContainer.style.top=a+"px",n._flatpickr.calendarContainer.classList.remove("arrowBottom","arrowTop"),n._flatpickr.calendarContainer.classList.add(t)},15)}getDateOptions(n){const i=this.format,o=n.dataset.dateType,r=new Date,e={altFormat:"",allowInput:!0,altInput:!0,ariaDateFormat:"DDDD",dateFormat:c,defaultHour:r.getHours(),defaultMinute:r.getMinutes(),enableSeconds:!1,enableTime:!1,formatDate:(s,a)=>{const t=u.fromJSDate(s);return a===c?t.toISO({suppressMilliseconds:!0,includeOffset:!1}):t.toFormat(a)},parseDate:(s,a)=>{if(a===c){const t=u.fromISO(s);if(!t.isValid)throw new Error("Invalid ISO8601 date: "+s);return t.toJSDate()}return u.fromFormat(s,a).toJSDate()},onReady:(s,a,t)=>{if(t.altInput!==void 0){t.altInput.id=t.input.id,t.input.removeAttribute("id"),t.altInput.setAttribute("autocomplete","off"),t.altInput.clearable(),t.input.dataset.formengineInputName!==void 0&&(t.altInput.dataset.formengineDatepickerRealInputName=t.input.dataset.formengineInputName),t.altInput.form.addEventListener("t3-formengine-postfieldvalidation",l=>{l.detail.field===t.input&&t.altInput.classList.toggle("has-error",!l.detail.isValid)});const d=t.altInput.closest(".form-control-clearable-wrapper");d!==null&&d.insertAdjacentElement("afterend",t.input)}},onChange:(s,a,t)=>{t.input.dispatchEvent(new Event("formengine.dp.change"))},maxDate:"",minDate:"",minuteIncrement:1,noCalendar:!1,showMonths:1,monthSelectorType:o.startsWith("date")?"dropdown":"static",weekNumbers:!0,time_24hr:!Intl.DateTimeFormat(navigator.language,{hour:"numeric"}).resolvedOptions().hour12,plugins:[f({theme:"typo3",button:[{label:h.get("labels.datepicker.today")}],onClick:(s,a)=>{a.setDate(new Date,!0)}})]};switch(o){case"datetime":e.altFormat=i.formats.datetime,e.enableTime=!0;break;case"date":e.altFormat=i.formats.date;break;case"time":e.altFormat="HH:mm",e.enableTime=!0,e.noCalendar=!0;break;case"timesec":e.altFormat="HH:mm:ss",e.enableSeconds=!0,e.enableTime=!0,e.noCalendar=!0;break;case"datetimesec":e.altFormat=i.formats.date+" HH:mm:ss",e.enableSeconds=!0,e.enableTime=!0;break;case"year":e.altFormat="yyyy";break;default:}return n.dataset.dateMinDate!==void 0&&(e.minDate=e.parseDate(n.dataset.dateMinDate,c),e.minDate.setSeconds(0)),n.dataset.dateMaxDate!==void 0&&(e.maxDate=e.parseDate(n.dataset.dateMaxDate,c),e.maxDate.setSeconds(59)),e}}var v=new b;export{v as default};
diff --git a/Resources/Public/JavaScript/drag-tooltip.js b/Resources/Public/JavaScript/drag-tooltip.js
new file mode 100644
index 0000000..9b6eb15
--- /dev/null
+++ b/Resources/Public/JavaScript/drag-tooltip.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as f,nothing as p,html as c}from"lit";import{property as l,state as g,customElement as m}from"lit/decorators.js";import{BroadcastMessage as u}from"@typo3/backend/broadcast-message.js";import b from"@typo3/backend/broadcast-service.js";import{DataTransferTypes as v}from"@typo3/backend/enum/data-transfer-types.js";import{ThumbnailSize as y}from"@typo3/backend/element/thumbnail-element.js";var s=function(h,t,e,i){var o=arguments.length,r=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(h,t,e,i);else for(var d=h.length-1;d>=0;d--)(n=h[d])&&(r=(o<3?n(r):o>3?n(t,e,r):n(t,e))||r);return o>3&&r&&Object.defineProperty(t,e,r),r};let a=class extends f{constructor(){super(),this.active=!1,this.statusIconIdentifier="apps-pagetree-drag-move-into",this.tooltipIconIdentifier=null,this.thumbnails=[],this.visible=!1,this.posX=0,this.posY=0,this.dragAllowed=!1,this.skipNextUpdateBroadcast=!1,this.eventAbortController=null,this.updatePositionFromDragEvent=t=>{this.visible=!(t.clientX===0&&t.clientY===0);const e=this.calculateIframeOffset(t.view,window);this.posX=t.clientX+e.x,this.posY=t.clientY+e.y,this.visible&&this.broadcast("visible")},this.trackDragOverAllowed=t=>{this.dragAllowed=t.defaultPrevented},this.trackDragEnd=()=>{this.active=!1},this.trackDragStart=t=>{if(!t.defaultPrevented&&t.dataTransfer.types.includes(v.dragTooltip)){t.dataTransfer.setDragImage(this.ghostImage,0,0);const e=JSON.parse(t.dataTransfer.getData(v.dragTooltip));this.reset(),Object.assign(this,e),this.broadcast("visible")}},this.onMetadataUpdate=t=>{const e=t.detail;Object.assign(this,e)},this.onBroadcastVisible=()=>{this.visible=!1},this.onBroadcastChangedProperties=t=>{const e=t.detail.payload;Object.keys(e).forEach(i=>{this[i]=e[i]}),this.skipNextUpdateBroadcast=!0},this.onIframeLoaded=t=>{let e;try{e=t.target.querySelector("iframe")?.contentWindow}catch{return}if(e){this.eventAbortController?.abort(),this.eventAbortController=new AbortController;const{signal:i}=this.eventAbortController,o=!0,r=!0;e.addEventListener("dragover",this.updatePositionFromDragEvent,{capture:o,passive:r,signal:i}),e.addEventListener("dragover",this.trackDragOverAllowed,{passive:r,signal:i}),e.addEventListener("dragend",this.trackDragEnd,{capture:o,passive:r,signal:i}),e.addEventListener("dragstart",this.trackDragStart,{passive:r,signal:i})}},this.ghostImage=new Image,this.ghostImage.src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="}connectedCallback(){super.connectedCallback();const t=!0,e=!0;window.addEventListener("dragover",this.updatePositionFromDragEvent,{capture:t,passive:e}),window.addEventListener("dragover",this.trackDragOverAllowed,{passive:e}),window.addEventListener("dragend",this.trackDragEnd,{capture:t,passive:e}),window.addEventListener("dragstart",this.trackDragStart,{passive:e}),document.addEventListener("typo3:drag-tooltip:visible",this.onBroadcastVisible),document.addEventListener("typo3:drag-tooltip:changedProperties",this.onBroadcastChangedProperties),document.addEventListener("typo3:drag-tooltip:metadata-update",this.onMetadataUpdate),document.addEventListener("typo3-iframe-loaded",this.onIframeLoaded),this.eventAbortController?.abort(),this.eventAbortController=new AbortController}disconnectedCallback(){super.disconnectedCallback();const t=!0;window.removeEventListener("dragover",this.updatePositionFromDragEvent,{capture:t}),window.removeEventListener("dragover",this.trackDragOverAllowed),window.removeEventListener("dragend",this.trackDragEnd,{capture:t}),window.removeEventListener("dragstart",this.trackDragStart),document.removeEventListener("typo3:drag-tooltip:visible",this.onBroadcastVisible),document.removeEventListener("typo3:drag-tooltip:changedProperties",this.onBroadcastChangedProperties),document.removeEventListener("typo3:drag-tooltip:metadata-update",this.onMetadataUpdate),document.removeEventListener("typo3-iframe-loaded",this.onIframeLoaded),this.eventAbortController?.abort(),this.eventAbortController=null}reset(){this.active=!0,this.visible=!0,this.statusIconIdentifier="apps-pagetree-drag-move-into",this.tooltipIconIdentifier="",this.tooltipLabel="",this.tooltipDescription="",this.thumbnails=[],this.posX=0,this.posY=0,this.dragAllowed=!1}updated(t){if(this.skipNextUpdateBroadcast){this.skipNextUpdateBroadcast=!1;return}const e=[...t.keys()].filter(o=>this.constructor.elementProperties.get(o).attribute!==!1);if(e.length===0)return;const i=e.map(o=>[o,this[o]]);this.broadcast("changedProperties",Object.fromEntries(i))}broadcast(t,e){b.post(new u("drag-tooltip",t,e||{}))}calculateIframeOffset(t,e){let i=0,o=0;if(t===e)return{x:i,y:o};const r=this.calculateIframeOffset(t.parent,e);i+=r.x,o+=r.y;const n=t.frameElement;if(n){const d=n.getBoundingClientRect();i+=d.x,o+=d.y}return{x:i,y:o}}createRenderRoot(){return this}render(){return!this.active||!this.visible?p:this.posX===0&&this.posY===0?p:c`<div class=dragging-tooltip style=top:${this.posY+18+"px"};left:${this.posX+18+"px"}><div class=dragging-tooltip-control><typo3-backend-icon identifier=${this.dragAllowed?this.statusIconIdentifier??"actions-question":"actions-ban"} size=small></typo3-backend-icon></div><div class=dragging-tooltip-content><div class=dragging-tooltip-content-icon><typo3-backend-icon identifier=${this.tooltipIconIdentifier} size=small></typo3-backend-icon></div><div class=dragging-tooltip-content-label>${this.tooltipLabel!==""?c`<div class=dragging-tooltip-content-name>${this.tooltipLabel}</div>`:p} ${this.tooltipDescription!==""?c`<div class=dragging-tooltip-content-description>${this.tooltipDescription}</div>`:p}</div>${this.thumbnails.length===0?p:c`<div class=dragging-tooltip-thumbnails>${this.thumbnails.slice(0,3).map(t=>c`<typo3-backend-thumbnail url=${t.src} size=${y.small} width=${t.width} height=${t.height}></typo3-backend-thumbnail>`)}</div>`}</div></div>`}};s([l({type:Boolean,reflect:!0})],a.prototype,"active",void 0),s([l({type:String,reflect:!0})],a.prototype,"statusIconIdentifier",void 0),s([l({type:String})],a.prototype,"tooltipIconIdentifier",void 0),s([l({type:String})],a.prototype,"tooltipLabel",void 0),s([l({type:String})],a.prototype,"tooltipDescription",void 0),s([l({type:Array})],a.prototype,"thumbnails",void 0),s([g()],a.prototype,"visible",void 0),s([g()],a.prototype,"posX",void 0),s([g()],a.prototype,"posY",void 0),s([g()],a.prototype,"dragAllowed",void 0),a=s([m("typo3-backend-drag-tooltip")],a);export{a as DragToolTip};
diff --git a/Resources/Public/JavaScript/drag-uploader.js b/Resources/Public/JavaScript/drag-uploader.js
new file mode 100644
index 0000000..71eb4c8
--- /dev/null
+++ b/Resources/Public/JavaScript/drag-uploader.js
@@ -0,0 +1,55 @@
+/*
+ * 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 L from"@typo3/core/document-service.js";import{SeverityEnum as c}from"@typo3/backend/enum/severity.js";import{MessageUtility as w}from"@typo3/backend/utility/message-utility.js";import S from"@typo3/core/ajax/ajax-request.js";import b,{Sizes as z}from"@typo3/backend/modal.js";import m from"@typo3/backend/notification.js";import A from"@typo3/backend/action-button/immediate-action.js";import x from"@typo3/backend/hashing/md5.js";import"@typo3/backend/element/icon-element.js";import E from"@typo3/core/event/regular-event.js";import k from"@typo3/backend/utility/dom-helper.js";import{KeyTypesEnum as D}from"@typo3/backend/enum/key-types.js";import"@typo3/backend/element/progress-bar-element.js";import{topLevelModuleImport as I}from"@typo3/backend/utility/top-level-module-import.js";import{FormatUtility as u}from"@typo3/backend/utility/format-utility.js";import r from"~labels/core.core";import U from"~labels/core.common";import v from"~labels/filelist.mod_file_list";var n;(function(h){h.OVERRIDE="replace",h.RENAME="rename",h.SKIP="cancel",h.USE_EXISTING="useExisting"})(n||(n={}));var d;(function(h){h.MANAGE="manage",h.BROWSE="browse"})(d||(d={}));const g="typo3:drag-uploader:upload-finished";class p{constructor(t){this.askForOverride=[],this.percentagePerFile=1,this.overallProgressBar=null,this.dragStartedInDocument=!1,this.closeDropzone=()=>{this.dropzone.hidden=!0,this.dropzone.classList.remove("drop-status-ok"),this.irreObjectUid!==void 0&&(this.fileList.parentElement.hidden=!0),this.manuallyTriggered=!1},this.hideDropzone=e=>{e.stopPropagation(),e.preventDefault(),this.closeDropzone()},this.dragFileIntoDocument=e=>(this.dragStartedInDocument||!e.dataTransfer.types.includes("Files")||(e.stopPropagation(),e.preventDefault(),e.currentTarget.classList.add("drop-in-progress"),this.element.offsetParent&&this.showDropzone()),!1),this.dragAborted=e=>(e.stopPropagation(),e.preventDefault(),e.currentTarget.classList.remove("drop-in-progress"),this.dragStartedInDocument=!1,!1),this.ignoreDrop=e=>(e.stopPropagation(),e.preventDefault(),this.dragAborted(e),!1),this.handleDrop=e=>{this.ignoreDrop(e),this.hideDropzone(e),this.processFiles(e.dataTransfer.files)},this.fileInDropzone=()=>{this.dropzone.classList.add("drop-status-ok")},this.fileOutOfDropzone=()=>{this.dropzone.classList.remove("drop-status-ok"),this.manuallyTriggered||this.dropzone.setAttribute("hidden","hidden")},this.body=document.querySelector("body"),this.element=t,this.trigger=document.querySelector(this.element.dataset.dropzoneTrigger),this.defaultAction=this.element.dataset.defaultAction||n.SKIP,this.dropzone=document.createElement("div"),this.dropzone.classList.add("dropzone"),this.dropzone.setAttribute("hidden","hidden"),this.irreObjectUid=this.element.dataset.fileIrreObject,this.manualTable=this.element.hasAttribute("data-manual-table");const s=document.querySelector(this.element.dataset.dropzoneTarget);if(this.irreObjectUid&&k.nextAll(s).length!==0?(this.dropZoneInsertBefore=!0,s.before(this.dropzone)):(this.dropZoneInsertBefore=!1,s.after(this.dropzone)),this.fileInput=document.createElement("input"),this.fileInput.setAttribute("type","file"),this.fileInput.setAttribute("multiple","multiple"),this.fileInput.setAttribute("name","files[]"),this.fileInput.classList.add("upload-file-picker"),this.body.append(this.fileInput),this.fileList=document.querySelector(this.element.dataset.progressContainer),this.fileListColumnCount=this.fileList?.querySelectorAll("thead tr:first-child th").length+1,this.filesExtensionsAllowed=this.element.dataset.fileAllowed,this.filesExtensionsDisallowed=this.element.dataset.fileDisallowed,this.fileDenyPattern=this.element.dataset.fileDenyPattern?new RegExp(this.element.dataset.fileDenyPattern,"i"):null,this.maxFileSize=parseInt(this.element.dataset.maxFileSize,10),this.target=this.element.dataset.targetFolder,this.reloadUrl=this.element.dataset.reloadUrl,this.browserCapabilities={fileReader:typeof FileReader<"u",DnD:"draggable"in document.createElement("span"),Progress:"upload"in new XMLHttpRequest},!this.browserCapabilities.DnD){console.warn("Browser has no Drag and drop capabilities; cannot initialize DragUploader");return}this.body.addEventListener("dragstart",()=>{this.dragStartedInDocument=!0}),this.body.addEventListener("dragover",this.dragFileIntoDocument),this.body.addEventListener("dragend",this.dragAborted),this.body.addEventListener("drop",this.ignoreDrop),this.dropzone.innerHTML='<button type="button" class="dropzone-hint" aria-labelledby="dropzone-title"><div class="dropzone-hint-media"><div class="dropzone-hint-icon"></div></div><div class="dropzone-hint-body"><h3 id="dropzone-title" class="dropzone-hint-title">'+r.get("file_upload.dropzonehint.title")+'</h3><p class="dropzone-hint-message">'+r.get("file_upload.dropzonehint.message",{u:e=>"<u>"+e.join("")+"</u>"})+"</p></div></div>",this.dropzoneMask=document.createElement("div"),this.dropzoneMask.classList.add("dropzone-mask"),this.dropzone.append(this.dropzoneMask),this.dropzone.addEventListener("dragenter",this.fileInDropzone),this.dropzoneMask.addEventListener("dragenter",this.fileInDropzone),this.dropzoneMask.addEventListener("dragleave",this.fileOutOfDropzone),this.dropzoneMask.addEventListener("drop",e=>this.handleDrop(e)),this.dropzone.addEventListener("click",()=>{this.fileInput.click()});const o=document.createElement("button");if(o.classList.add("dropzone-close"),o.type="button",o.setAttribute("aria-label",r.get("file_upload.dropzone.close")),o.addEventListener("click",this.hideDropzone),this.dropzone.append(o),document.addEventListener(g,this.closeDropzone),this.fileList===null){this.fileList=document.createElement("table"),this.fileList.setAttribute("id","typo3-filelist"),this.fileList.classList.add("table","table-striped","table-hover","upload-queue"),this.fileList.innerHTML="<tbody></tbody>";const e=document.createElement("div");e.classList.add("table-fit"),e.setAttribute("hidden","hidden"),e.append(this.fileList),this.dropZoneInsertBefore?this.dropzone.after(e):this.dropzone.before(e),this.fileListColumnCount=8,this.manualTable=!0}this.fileInput.addEventListener("change",e=>{this.hideDropzone(e),this.processFiles(this.fileInput.files)}),document.addEventListener("keydown",e=>{e.key===D.ENTER&&!this.dropzone.hasAttribute("hidden")&&this.hideDropzone(e)}),this.bindUploadButton(this.trigger!==null?this.trigger:this.element)}static init(){new MutationObserver(s=>{for(const o of s)if(o.type==="childList")for(const e of[...o.addedNodes.values()])e instanceof HTMLElement&&(e.matches(".t3js-drag-uploader")?new p(e):e.querySelectorAll(".t3js-drag-uploader").forEach(i=>{new p(i)}))}).observe(document,{childList:!0,subtree:!0}),L.ready().then(()=>{document.querySelectorAll(".t3js-drag-uploader").forEach(s=>{new p(s)})})}static addFileToIrre(t,s){const o={actionName:"typo3:foreignRelation:insert",objectGroup:t,table:"sys_file",uid:s.uid};w.send(o)}showDropzone(){this.dropzone.removeAttribute("hidden")}processFiles(t){this.queueLength=t.length,this.fileList.parentElement.hasAttribute("hidden")&&(this.fileList.parentElement.removeAttribute("hidden"),this.fileList.closest(".t3-filelist-container")?.classList.remove("hidden"),this.fileList.closest(".filelist-main")?.querySelector(".t3-filelist-info-container")?.setAttribute("hidden","hidden")),this.overallProgressBar=document.createElement("typo3-backend-progress-bar"),document.body.appendChild(this.overallProgressBar),this.overallProgressBar.start(),this.percentagePerFile=1/t.length;const s=[];Array.from(t).forEach(o=>{const e=new S(TYPO3.settings.ajaxUrls.file_exists).withQueryArguments({fileName:o.name,fileTarget:this.target}).get({cache:"no-cache"}).then(async i=>{const a=await i.resolve();typeof a.uid<"u"?(this.askForOverride.push({original:a,uploaded:o,action:this.irreObjectUid?n.USE_EXISTING:this.defaultAction}),this.overallProgressBar&&this.overallProgressBar.inc(this.percentagePerFile)):new y(this,o,n.SKIP,this.fileList.dataset.mode===d.BROWSE?d.BROWSE:d.MANAGE)});s.push(e)}),Promise.all(s).then(async()=>{await this.drawOverrideModal(),this.overallProgressBar&&this.overallProgressBar.done()}),this.fileInput.value=""}bindUploadButton(t){t.addEventListener("click",s=>{s.preventDefault(),this.fileInput.click(),this.manuallyTriggered=!0})}decrementQueueLength(t){if(this.queueLength>0&&(this.queueLength--,this.queueLength===0)){document.dispatchEvent(new CustomEvent(g));const s=t&&t.length?5e3:0;if(s)for(const o of t)m.showMessage(o.title,o.message,o.severity);this.reloadUrl&&setTimeout(()=>{m.info(r.get("file_upload.reload.filelist"),r.get("file_upload.reload.filelist.message"),10,[{label:r.get("file_upload.reload.filelist.actions.dismiss")},{label:r.get("file_upload.reload.filelist.actions.reload"),action:new A(()=>{top.list_frame.document.location.href=this.reloadUrl})}])},s)}}async drawOverrideModal(){const t=Object.keys(this.askForOverride).length;if(t===0)return;await I("@typo3/backend/element/datetime-element.js");const s=document.createElement("div");let o=`
+      <p>${r.get("file_upload.existingfiles.description")}</p>
+      <table class="table">
+        <thead>
+          <tr>
+            <th></th>
+            <th>${r.get("file_upload.header.originalFile")}</th>
+            <th>${r.get("file_upload.header.uploadedFile")}</th>
+            <th>${r.get("file_upload.header.action")}</th>
+          </tr>
+        </thead>
+        <tbody>
+    `;for(let i=0;i<t;++i){const a=`
+        <tr>
+          <td>
+  ${this.askForOverride[i].original.thumbUrl!==""?`<img src="${this.askForOverride[i].original.thumbUrl}" height="40" />`:this.askForOverride[i].original.icon}
+          </td>
+          <td>
+            ${this.askForOverride[i].original.name} (${u.fileSizeAsString(this.askForOverride[i].original.size)})<br />
+            <typo3-backend-datetime datetime="${this.askForOverride[i].original.mtime}" format="datetime"></typo3-backend-datetime>
+          </td>
+          <td>
+            ${this.askForOverride[i].uploaded.name} (${u.fileSizeAsString(this.askForOverride[i].uploaded.size)})<br />
+            <typo3-backend-datetime datetime="${Math.floor(this.askForOverride[i].uploaded.lastModified/1e3)}" format="datetime"></typo3-backend-datetime>
+          </td>
+          <td>
+            <select class="form-select t3js-actions" data-override="${i}">
+              ${this.irreObjectUid?`<option value="${n.USE_EXISTING}">${r.get("file_upload.actions.use_existing")}</option>`:""}
+              <option value="${n.SKIP}" ${this.defaultAction===n.SKIP?"selected":""}>${r.get("file_upload.actions.skip")}</option>
+              <option value="${n.RENAME}" ${this.defaultAction===n.RENAME?"selected":""}>${r.get("file_upload.actions.rename")}</option>
+              <option value="${n.OVERRIDE}" ${this.defaultAction===n.OVERRIDE?"selected":""}>${r.get("file_upload.actions.override")}</option>
+            </select>
+          </td>
+        </tr>
+      `;o+=a}o+="</tbody></table>",s.innerHTML=o;const e=b.advanced({title:r.get("file_upload.existingfiles.title"),content:s,severity:c.warning,buttons:[{text:r.get("file_upload.button.cancel")||"Cancel",active:!0,btnClass:"btn-default",name:"cancel"},{text:r.get("file_upload.button.continue")||"Continue with selected actions",btnClass:"btn-warning",name:"continue"}],additionalCssClasses:["modal-inner-scroll"],size:z.large,callback:i=>{const a=i.querySelector(".modal-footer"),l=document.createElement("label");l.textContent=r.get("file_upload.actions.all.label");const f=document.createElement("span");f.innerHTML=`
+          <select class="form-select t3js-actions-all">
+            <option value="" selected>${r.get("file_upload.actions.all.empty")}</option>
+            ${this.irreObjectUid?`<option value="${n.USE_EXISTING}">${r.get("file_upload.actions.all.use_existing")}</option>`:""}
+            <option value="${n.SKIP}">${r.get("file_upload.actions.all.skip")}</option>
+            <option value="${n.RENAME}">${r.get("file_upload.actions.all.rename")}</option>
+            <option value="${n.OVERRIDE}">${r.get("file_upload.actions.all.override")}</option>
+          </select>
+        `,a.prepend(l,f)}});new E("change",(i,a)=>{if(a.value!=="")for(const l of e.querySelectorAll(".t3js-actions")){const f=parseInt(l.dataset.override,10);l.value=a.value,l.disabled=!0,this.askForOverride[f].action=l.value}else e.querySelectorAll(".t3js-actions").forEach(l=>l.disabled=!1)}).delegateTo(e,".t3js-actions-all"),new E("change",i=>{const a=i.target,l=parseInt(a.dataset.override,10);this.askForOverride[l].action=a.value}).delegateTo(e,".t3js-actions"),e.addEventListener("button.clicked",i=>{const a=i.target;if(a.name==="cancel")this.askForOverride=[],b.dismiss();else if(a.name==="continue"){for(const l of this.askForOverride)l.action===n.USE_EXISTING?p.addFileToIrre(this.irreObjectUid,l.original):l.action!==n.SKIP&&new y(this,l.uploaded,l.action,this.fileList.dataset.mode===d.BROWSE?d.BROWSE:d.MANAGE);this.askForOverride=[],e.hideModal()}}),e.addEventListener("typo3-modal-hidden",()=>{this.askForOverride=[],document.dispatchEvent(new CustomEvent(g))})}}class y{constructor(t,s,o,e){if(this.dragUploader=t,this.file=s,this.override=o,this.mode=e,this.row=document.createElement("tr"),this.row.classList.add("upload-queue-item"),this.dragUploader.manualTable||(this.selector=document.createElement("td"),this.selector.classList.add("col-checkbox"),this.row.append(this.selector)),this.iconCol=document.createElement("td"),this.iconCol.classList.add("col-icon"),this.row.append(this.iconCol),this.fileName=document.createElement("td"),this.fileName.classList.add("col-title","col-responsive"),this.fileName.textContent=s.name,this.row.append(this.fileName),this.progress=document.createElement("td"),this.progress.classList.add("col-progress"),this.progress.setAttribute("colspan",String(this.dragUploader.fileListColumnCount-this.row.querySelectorAll("td").length)),this.row.append(this.progress),this.progressBar=document.createElement("typo3-backend-progress-bar"),this.progress.append(this.progressBar),this.dragUploader.fileList.querySelectorAll("tbody tr.upload-queue-item").length===0?(this.dragUploader.fileList.querySelector("tbody").prepend(this.row),this.row.classList.add("last")):this.dragUploader.fileList.querySelector("tbody tr.upload-queue-item:first-child").before(this.row),this.selector&&(this.selector.innerHTML='<span class="form-check form-check-type-toggle"><input type="checkbox" class="form-check-input t3js-multi-record-selection-check" disabled/></span>'),this.iconCol.innerHTML='<typo3-backend-icon identifier="mimetypes-other-other" />',this.dragUploader.maxFileSize>0&&this.file.size>this.dragUploader.maxFileSize)this.updateMessage(r.get("file_upload.maxFileSizeExceeded",{0:this.file.name,1:u.fileSizeAsString(this.dragUploader.maxFileSize)})),this.progressBar.value=100,this.progressBar.severity=c.error;else if(this.dragUploader.fileDenyPattern&&this.file.name.match(this.dragUploader.fileDenyPattern))this.updateMessage(r.get("file_upload.fileNotAllowed",{0:this.file.name})),this.progressBar.value=100,this.progressBar.severity=c.error;else if(this.isProhibitedByAllowedExtensionsList())this.updateMessage(r.get("file_upload.fileExtensionExpected",{0:this.dragUploader.filesExtensionsAllowed})),this.progressBar.value=100,this.progressBar.severity=c.error;else if(this.isProhibitedByDisallowedExtensionsList())this.updateMessage(r.get("file_upload.fileExtensionDisallowed",{0:this.dragUploader.filesExtensionsDisallowed})),this.progressBar.value=100,this.progressBar.severity=c.error;else{this.updateMessage("- "+u.fileSizeAsString(this.file.size));const i=new FormData;i.append("data[upload][1][target]",this.dragUploader.target),i.append("data[upload][1][data]","1"),i.append("overwriteExistingFiles",this.override),i.append("redirect",""),i.append("upload_1",this.file);const a=new XMLHttpRequest;a.onreadystatechange=()=>{if(a.readyState===XMLHttpRequest.DONE)if(a.status===200)try{const l=JSON.parse(a.responseText);l.hasErrors?this.uploadError(a):this.uploadSuccess(l)}catch{this.uploadError(a)}else this.uploadError(a)},a.upload.addEventListener("progress",l=>this.updateProgress(l)),a.open("POST",TYPO3.settings.ajaxUrls.file_process),a.send(i)}}updateMessage(t){this.progressBar.label=t}removeProgress(){this.progress&&this.progress.remove()}uploadError(t){const s=r.get("file_upload.uploadFailed",{0:this.file.name});this.updateMessage(s);try{const e=JSON.parse(t.responseText).messages;if(e&&e.length)for(const i of e)m.showMessage(i.title,i.message,i.severity,10)}catch{}this.progressBar.severity=c.error,this.dragUploader.decrementQueueLength(),this.dragUploader.trigger?.dispatchEvent(new CustomEvent("uploadError",{detail:[this,t]}))}updateProgress(t){const s=Math.round(t.loaded/t.total*100);this.progressBar.value=s,this.progressBar.label=`${r.get("file_upload.upload-in-progress")} ${s}%`,this.dragUploader.trigger?.dispatchEvent(new CustomEvent("updateProgress",{detail:[this,s,t]}))}uploadSuccess(t){if(t.upload){this.dragUploader.decrementQueueLength(t.messages),this.row.setAttribute("data-type","file"),this.row.setAttribute("data-file-uid",String(t.upload[0].uid)),this.fileName.textContent=t.upload[0].name,this.progressBar.value=100,this.progressBar.label=r.get("file_upload.uploadSucceeded"),this.progressBar.severity=c.ok;const s=String(t.upload[0].id);if(this.selector){const o=this.selector.querySelector("input");o&&(o.removeAttribute("disabled"),o.setAttribute("name","CBC[_FILE|"+x.hash(s)+"]"),o.setAttribute("value",s))}t.upload[0].icon&&(this.iconCol.innerHTML='<button type="button" class="btn btn-link" data-contextmenu-trigger="click" data-contextmenu-uid="'+s+'" data-contextmenu-table="sys_file" aria-label="'+r.get("labels.contextMenu.open")+'">'+t.upload[0].icon+"</span></button>"),this.dragUploader.irreObjectUid?(p.addFileToIrre(this.dragUploader.irreObjectUid,t.upload[0]),setTimeout(()=>{this.row.remove(),this.dragUploader.fileList.querySelectorAll("tr").length===0&&(this.dragUploader.fileList.setAttribute("hidden","hidden"),this.dragUploader.fileList.closest(".t3-filelist-container")?.classList.add("hidden"),this.dragUploader.trigger?.dispatchEvent(new CustomEvent("uploadSuccess",{detail:[this,t]})))},3e3)):setTimeout(()=>{this.showFileInfo(t.upload[0]),this.dragUploader.trigger?.dispatchEvent(new CustomEvent("uploadSuccess",{detail:[this,t]}))},3e3)}}showFileInfo(t){if(this.removeProgress(),document.querySelector("#filelist-searchterm")?.value){const i=document.createElement("td");i.textContent=t.path,this.row.append(i)}const s=document.createElement("td");s.classList.add("col-control"),this.row.append(s);const o=document.createElement("td");o.textContent=U.get("file")+" ("+t.extension.toUpperCase()+")",this.row.append(o);const e=document.createElement("td");if(e.textContent=u.fileSizeAsString(t.size),this.row.append(e),this.mode===d.MANAGE){let i="";t.permissions.read&&(i+='<strong class="text-danger">'+v.get("read")+"</strong>"),t.permissions.write&&(i+='<strong class="text-danger">'+v.get("write")+"</strong>");const a=document.createElement("td");a.innerHTML=i,this.row.append(a);const l=document.createElement("td");l.textContent="-",this.row.append(l)}for(let i=this.row.querySelectorAll("td").length;i<this.dragUploader.fileListColumnCount;i++)this.row.append(document.createElement("td"))}isProhibitedByAllowedExtensionsList(){if(!this.dragUploader.filesExtensionsAllowed)return!1;const t=this.file.name.split(".").pop();return!this.dragUploader.filesExtensionsAllowed.split(",").includes(t.toLowerCase())}isProhibitedByDisallowedExtensionsList(){if(!this.dragUploader.filesExtensionsDisallowed)return!1;const t=this.file.name.split(".").pop();return this.dragUploader.filesExtensionsDisallowed.split(",").includes(t.toLowerCase())}}p.init();export{p as default};
diff --git a/Resources/Public/JavaScript/dropdown.js b/Resources/Public/JavaScript/dropdown.js
new file mode 100644
index 0000000..248b627
--- /dev/null
+++ b/Resources/Public/JavaScript/dropdown.js
@@ -0,0 +1,13 @@
+/*
+ * 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 p from"@typo3/core/document-service.js";class m{constructor(){this.handleFocusout=e=>{const t=e.currentTarget,r=e.relatedTarget;if(r===null||t.contains(r))return;const o=r.closest(".dropdown-menu[popover]");if(o){const n=o.id;if(n&&t.querySelector(`[popovertarget="${n}"]`))return}t.hidePopover()},this.handleKeydown=e=>{const t=e.currentTarget,r=document.activeElement;if(r&&r.closest(".dropdown-menu")!==t)return;const o=this.getFocusableItems(t);if(o.length===0)return;const n=o.findIndex(s=>s===r),u=this.isRtl(t),i=e.key==="ArrowRight"&&!u||e.key==="ArrowLeft"&&u,l=e.key==="ArrowLeft"&&!u||e.key==="ArrowRight"&&u;switch(e.key){case"ArrowDown":e.preventDefault(),o[(n+1)%o.length].focus();break;case"ArrowUp":e.preventDefault(),o[(n-1+o.length)%o.length].focus();break;case"ArrowRight":case"ArrowLeft":if(i){if(r?.hasAttribute("popovertarget")){e.preventDefault(),e.stopPropagation();const s=r.getAttribute("popovertarget"),a=s?document.getElementById(s):null;if(a?.matches("[popover]")){a.showPopover();const d=this.getFocusableItems(a);d.length>0&&d[0].focus()}}}else if(l){const s=document.querySelector(`[popovertarget="${t.id}"]`);s?.closest(".dropdown-menu")&&(e.preventDefault(),e.stopPropagation(),t.hidePopover(),s.focus())}break;case"Escape":{e.preventDefault(),e.stopPropagation();const s=document.querySelector(`[popovertarget="${t.id}"]`);t.hidePopover(),s?.focus();break}case"Home":e.preventDefault(),o[0].focus();break;case"End":e.preventDefault(),o[o.length-1].focus();break;default:break}},document.addEventListener("toggle",e=>{const t=e.target;t.matches(".dropdown-menu[popover]")&&(e.newState==="open"?(t.addEventListener("keydown",this.handleKeydown),t.addEventListener("focusout",this.handleFocusout)):(t.removeEventListener("keydown",this.handleKeydown),t.removeEventListener("focusout",this.handleFocusout)))},!0),document.addEventListener("keydown",e=>{const t=e.target?.closest(".dropdown-toggle[popovertarget]");if(t&&!t.closest(".dropdown-menu")&&(e.key==="ArrowDown"||e.key==="ArrowUp")){const r=t.getAttribute("popovertarget"),o=r?document.getElementById(r):null;if(!o?.matches("[popover]"))return;e.preventDefault(),o.showPopover();const n=this.getFocusableItems(o);n.length>0&&(e.key==="ArrowDown"?n[0].focus():n[n.length-1].focus())}}),window.addEventListener("blur",()=>{document.querySelectorAll(".dropdown-menu[popover]:popover-open").forEach(e=>{e.hidePopover()})}),document.addEventListener("click",e=>{const r=e.target.closest(".dropdown-item");if(!r||r.hasAttribute("popovertarget"))return;let o=r.closest(".dropdown-menu[popover]");for(;o;)o.hidePopover(),o=o.closest(".dropdown-menu[popover]:popover-open")})}getFocusableItems(e){return Array.from(e.querySelectorAll(".dropdown-item:not(:disabled):not(.disabled)")).filter(t=>t.closest(".dropdown-menu")===e)}isRtl(e){return getComputedStyle(e).direction==="rtl"}}new m;class f{constructor(){this.dropdownIdCounter=0,document.addEventListener("click",e=>{const t=e.target?.closest('[data-bs-toggle="dropdown"]');if(t){e.preventDefault();const r=this.getMenu(t);this.convert(t),r?.togglePopover()}}),p.ready().then(()=>this.convertAll())}convertAnchorToButton(e){const t=document.createElement("button");t.type="button";for(const r of e.attributes)if(r.name==="href"){const o=r.value;o.startsWith("#")&&!e.hasAttribute("data-bs-target")&&t.setAttribute("data-bs-target",o)}else t.setAttribute(r.name,r.value);return t.innerHTML=e.innerHTML,e.replaceWith(t),t}getMenu(e){const t=e.dataset.bsTarget;if(t){const o=t.startsWith("#")?t:"#"+t;return document.querySelector(o)}const r=e.getAttribute("href");return r?.startsWith("#")?document.querySelector(r):e.nextElementSibling?.matches(".dropdown-menu")?e.nextElementSibling:e.closest(".dropdown")?.querySelector(".dropdown-menu")??null}convert(e){if(e.hasAttribute("popovertarget"))return null;const t=this.getMenu(e);return t?(t.id||(t.id="dropdown-menu-"+this.dropdownIdCounter++),t.setAttribute("popover",""),e.tagName==="A"&&(e=this.convertAnchorToButton(e)),e.closest(".dropdown")||e.parentElement?.classList.add("dropdown"),e.setAttribute("popovertarget",t.id),e.removeAttribute("data-bs-toggle"),e.removeAttribute("data-bs-target"),e.removeAttribute("data-bs-offset"),e.removeAttribute("data-bs-auto-close"),e.removeAttribute("data-bs-reference"),e.removeAttribute("data-bs-display"),e.removeAttribute("data-bs-boundary"),e.removeAttribute("aria-haspopup"),e.removeAttribute("aria-expanded"),e):null}convertAll(){document.querySelectorAll('[data-bs-toggle="dropdown"]').forEach(e=>this.convert(e))}}new f;
diff --git a/Resources/Public/JavaScript/element-browser.js b/Resources/Public/JavaScript/element-browser.js
new file mode 100644
index 0000000..e54eb14
--- /dev/null
+++ b/Resources/Public/JavaScript/element-browser.js
@@ -0,0 +1,13 @@
+/*
+ * 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{MessageUtility as o}from"@typo3/backend/utility/message-utility.js";import a from"@typo3/core/document-service.js";import d from"@typo3/backend/modal.js";class f{constructor(){this.opener=null,this.fieldReference="",this.irre={objectId:""},this.focusOpenerAndClose=()=>{this.getParent()&&this.getParent().focus(),d.dismiss(),close()},a.ready().then(()=>{const e=document.body.dataset;this.fieldReference=e.fieldReference,this.irre.objectId=e.irreObjectId})}getParent(){const e=typeof window.frames<"u"&&typeof window.frames.frameElement<"u"&&window.frames.frameElement.classList.contains("t3js-modal-iframe"),t=Array.from(top.frames||[]).filter(n=>{try{return typeof n.frameElement<"u"&&n.frameElement.classList.contains("t3js-modal-iframe")&&n.frameElement!==window.frames.frameElement}catch{return!1}});if(this.opener===null&&(e&&t.length>0?this.opener=t.pop():typeof window.parent<"u"&&typeof window.parent.document.list_frame<"u"&&window.parent.document.list_frame.parent.document.querySelector(".t3js-modal-iframe")!==null?this.opener=window.parent.document.list_frame:typeof window.parent<"u"&&typeof window.parent.frames.list_frame<"u"&&window.parent.frames.list_frame.parent.document.querySelector(".t3js-modal-iframe")!==null?this.opener=window.parent.frames.list_frame:typeof window.frames<"u"&&typeof window.frames.frameElement<"u"&&window.frames.frameElement!==null&&window.frames.frameElement.classList.contains("t3js-modal-iframe")?this.opener=window.frames.frameElement.contentWindow.parent:window.opener&&(this.opener=window.opener),this.opener&&!this.windowHasEditForm(this.opener))){const n=this.findEditFormWindow();n&&(this.opener=n)}return this.opener}insertElement(e,t,n,r,i){if(this.irre.objectId){if(this.getParent()){const s={actionName:"typo3:foreignRelation:insert",objectGroup:this.irre.objectId,table:e,uid:t};o.send(s,this.getParent())}else alert("Error - reference to main window is not set properly!"),this.focusOpenerAndClose();return i&&setTimeout(()=>this.focusOpenerAndClose(),0),!0}return this.fieldReference&&this.addElement(n,r||e+"_"+t,i),!1}windowHasEditForm(e){return e?.document?.querySelector('form[name="editform"]')!==null}findEditFormWindow(){try{for(let e=0;e<top.frames.length;e++)try{const t=top.frames[e];if(t!==window&&this.windowHasEditForm(t))return t}catch{}}catch{}return null}addElement(e,t,n){const r={actionName:"typo3:elementBrowser:elementAdded",fieldName:this.fieldReference,value:t,label:e,close:n};if(document.body.dataset.useEvents==="true"){this.dispatch(r);return}this.getParent()?(o.send(r,this.getParent()),n&&setTimeout(()=>this.focusOpenerAndClose(),0)):(alert("Error - reference to main window is not set properly!"),this.focusOpenerAndClose())}dispatch(e){window.frameElement.dispatchEvent(new CustomEvent("typo3:element-browser:message",{bubbles:!0,detail:e}))}}var m=new f;export{m as default};
diff --git a/Resources/Public/JavaScript/element/alert-element.js b/Resources/Public/JavaScript/element/alert-element.js
new file mode 100644
index 0000000..c1948d0
--- /dev/null
+++ b/Resources/Public/JavaScript/element/alert-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as r,customElement as b}from"lit/decorators.js";import{LitElement as v,html as p,nothing as h}from"lit";import{classMap as y}from"lit/directives/class-map.js";import{SeverityEnum as n}from"@typo3/backend/enum/severity.js";import g from"@typo3/backend/severity.js";import"@typo3/backend/element/icon-element.js";import u from"~labels/core.mod_web_list";var s=function(a,t,o,l){var c=arguments.length,i=c<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,o):l,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(a,t,o,l);else for(var m=a.length-1;m>=0;m--)(d=a[m])&&(i=(c<3?d(i):c>3?d(t,o,i):d(t,o))||i);return c>3&&i&&Object.defineProperty(t,o,i),i},f;let e=f=class extends v{constructor(){super(...arguments),this.severity=n.info,this.dismissible=!1,this.visible=!0,this.heading=null,this.message=null,this.showIcon=!1,this.randomSuffix=Math.random().toString(36).substring(7)}static getIconIdentifier(t){return{[n.notice]:"actions-lightbulb",[n.ok]:"actions-check",[n.warning]:"actions-exclamation",[n.error]:"actions-close",[n.info]:"actions-info"}[t]||"actions-info"}createRenderRoot(){return this}render(){return p`<div id=alert-${this.randomSuffix} class=${y(this.getClasses())} role=alert aria-labelledby=alert-title-${this.randomSuffix} aria-describedby=alert-message-${this.randomSuffix} @closed.bs.alert=${this.remove}><div class=alert-inner>${this.showIcon?p`<div class=alert-icon><span class=icon-emphasized> <typo3-backend-icon identifier=${f.getIconIdentifier(this.severity)} size=small></typo3-backend-icon> </span></div>`:h}<div class=alert-content>${this.heading?p`<h4 class=alert-title id=alert-title-${this.randomSuffix}>${this.heading}</h4>`:h}<p class=alert-body id=alert-message-${this.randomSuffix}>${this.message}</p></div></div>${this.dismissible?this.renderDismissButton():h}</div>`}getClasses(){return{alert:!0,["alert-"+g.getCssClass(this.severity)]:!0,"alert-dismissible":this.dismissible,fade:!0,show:this.visible,hidden:!this.visible}}renderDismissButton(){return p`<button type=button class=close data-bs-dismiss=alert aria-label=${u.get("button.close")}><span aria-hidden=true><typo3-backend-icon identifier=actions-close size=small></typo3-backend-icon></span> <span class=visually-hidden>${u.get("button.close")}</span></button>`}};s([r({type:Number})],e.prototype,"severity",void 0),s([r({type:Boolean})],e.prototype,"dismissible",void 0),s([r({type:Boolean})],e.prototype,"visible",void 0),s([r({type:String})],e.prototype,"heading",void 0),s([r({type:String})],e.prototype,"message",void 0),s([r({type:Boolean,attribute:"show-icon"})],e.prototype,"showIcon",void 0),e=f=s([b("typo3-backend-alert")],e);export{e as AlertElement};
diff --git a/Resources/Public/JavaScript/element/breadcrumb.js b/Resources/Public/JavaScript/element/breadcrumb.js
new file mode 100644
index 0000000..4ae93ff
--- /dev/null
+++ b/Resources/Public/JavaScript/element/breadcrumb.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as v,html as n,nothing as l,render as m}from"lit";import{property as b,customElement as C}from"lit/decorators.js";import{classMap as f}from"lit/directives/class-map.js";import"@typo3/backend/element/icon-element.js";import"@typo3/backend/dropdown.js";var p=function(d,e,t,i){var s=arguments.length,r=s<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(d,e,t,i);else for(var c=d.length-1;c>=0;c--)(o=d[c])&&(r=(s<3?o(r):s>3?o(e,t,r):o(e,t))||r);return s>3&&r&&Object.defineProperty(e,t,r),r},a;(function(d){d.FULL="full",d.PATH="path"})(a||(a={}));let u=class extends v{constructor(){super(...arguments),this.nodes=[],this.alignRight=!1,this.label="Breadcrumb",this.mode=a.FULL,this.collapsedNodes=[],this.adjustRafId=null,this.dropdownButtonWidth=null,this.ellipsisWidth=null,this.measurementContainer=null}connectedCallback(){super.connectedCallback(),this.identifier=Date.now().toString(36)+Math.random().toString(36).slice(2),this.resizeObserver=new ResizeObserver(()=>this.scheduleAdjust()),this.resizeObserver.observe(this),this.intersectionObserver=new IntersectionObserver(e=>{e.some(t=>t.isIntersecting)&&this.scheduleAdjust()}),this.intersectionObserver.observe(this)}disconnectedCallback(){this.resizeObserver.disconnect(),this.intersectionObserver.disconnect(),this.adjustRafId!==null&&(cancelAnimationFrame(this.adjustRafId),this.adjustRafId=null),super.disconnectedCallback()}createRenderRoot(){return this}willUpdate(e){e.has("nodes")&&(this.createMeasurementContainer(),this.measureEllipsis(),this.measureDropdownToggle(),this.measureNodeWidths())}render(){const e=this.nodes.filter(s=>!this.collapsedNodes.includes(s)),t=f({breadcrumb:!0,"breadcrumb-collapsible":!0,"breadcrumb-right":this.alignRight,"breadcrumb-condensed":this.mode===a.PATH}),i=n`${this.renderCollapsedNodesIndicator()} ${e.map(s=>{const r=f({"breadcrumb-item":!0,"breadcrumb-item-first":this.isFirstNode(s),"breadcrumb-item-last":this.isLastNode(s)});return n`<div class=${r} role=presentation>${this.renderBreadcrumbElement(s)}</div>`})}`;return this.mode===a.FULL?n`<nav class=${t} aria-label=${this.label}>${i}</nav>`:n`<span class=visually-hidden> ${this.label?`${this.label}: `:l}${this.nodes.map(s=>s.label).join(" / ")} </span><div class=${t} aria-hidden=true>${i}</div>`}scheduleAdjust(){this.adjustRafId===null&&(this.adjustRafId=requestAnimationFrame(()=>{this.adjustRafId=null,this.adjustBreadcrumb()}))}createMeasurementContainer(){this.measurementContainer===null&&(this.measurementContainer=document.createElement("div"),this.measurementContainer.classList.add("breadcrumb-measurement"),this.measurementContainer.ariaHidden="true",this.measurementContainer.style.position="absolute",this.measurementContainer.style.visibility="hidden",this.measurementContainer.style.pointerEvents="none",this.measurementContainer.style.width="auto",this.measurementContainer.style.whiteSpace="nowrap",this.renderRoot.appendChild(this.measurementContainer)),this.measurementContainer.classList.toggle("breadcrumb-condensed",this.mode===a.PATH)}measureDropdownToggle(){if(this.dropdownButtonWidth===null){const e=n`<div class="breadcrumb-item dropdown">${this.renderDropdownToggle()}</div>`;m(e,this.measurementContainer);const t=this.measurementContainer.querySelector("div");this.dropdownButtonWidth=t?.offsetWidth??0,m(l,this.measurementContainer)}}measureEllipsis(){if(this.ellipsisWidth===null){m(this.renderEllipsis(),this.measurementContainer);const e=this.measurementContainer.querySelector("div");this.ellipsisWidth=e?.offsetWidth??0,m(l,this.measurementContainer)}}measureNodeWidths(){const e=this.nodes,t=this.nodes.map(s=>{if(s.__width)return s;const r=n`<div class=${f({"breadcrumb-item":!0,"breadcrumb-item-first":this.isFirstNode(s),"breadcrumb-item-last":this.isLastNode(s)})} role=presentation>${this.renderBreadcrumbElement(s)}</div>`;m(r,this.measurementContainer);const c=this.measurementContainer.querySelector("div")?.offsetWidth??0;return m(l,this.measurementContainer),{...s,__width:c}});!this.areNodeCollectionsEqual(e,t)&&(this.nodes=t)}adjustBreadcrumb(){const e=this.renderRoot?.querySelector(".breadcrumb");if(!e)return;this.ellipsisWidth||(this.ellipsisWidth=null,this.measureEllipsis()),this.dropdownButtonWidth||(this.dropdownButtonWidth=null,this.measureDropdownToggle()),this.nodes.some(h=>!h.__width)&&this.measureNodeWidths();const t=this.mode===a.PATH?this.ellipsisWidth:this.dropdownButtonWidth;let s=this.nodes[this.nodes.length-1]?.__width||0,r=!1;const o=[];for(const h of this.nodes.slice(0,-1).reverse())!r&&e.clientWidth>s+t+h.__width?s+=h.__width:(r=!0,o.push(h));o.reverse(),(o.length!==this.collapsedNodes.length||o.some((h,g)=>h!==this.collapsedNodes[g]))&&(this.collapsedNodes=o,this.requestUpdate())}renderCollapsedNodesIndicator(){return this.collapsedNodes.length===0?l:this.mode===a.PATH?this.renderEllipsis():this.renderCollapsedNodesDropdown()}renderEllipsis(){return n`<div class="breadcrumb-item breadcrumb-ellipsis" aria-hidden=true title=${this.collapsedNodes.map(e=>e.label).join(" / ")}><span class=breadcrumb-element>...</span></div>`}renderCollapsedNodesDropdown(){return n`<div class="breadcrumb-item dropdown" role=presentation>${this.renderDropdownToggle()}<div class=dropdown-menu id=breadcrumb-menu-${this.identifier} popover=auto>${this.collapsedNodes.map(e=>this.renderDropdownItem(e))}</div></div>`}renderDropdownToggle(){return n`<button type=button class=breadcrumb-element popovertarget=breadcrumb-menu-${this.identifier}>...</button>`}renderDropdownItem(e){return e.url!==null?n`<button type=button class=dropdown-item title=${e.label} @click=${t=>this.triggerAction(t,e)}>${this.renderIcon(e)} <span class=dropdown-item-label>${e.label}</span></button>`:n`<div class=dropdown-item title=${e.label}>${this.renderIcon(e)} <span class=dropdown-item-label>${e.label}</span></div>`}renderBreadcrumbElement(e){const t=this.mode===a.FULL&&(e.forceShowIcon||this.isLastNode(e));return this.mode===a.FULL&&e.url!==null?n`<button type=button class=breadcrumb-element title=${e.label} aria-current=${this.mode===a.FULL&&this.isLastNode(e)?"page":l} @click=${s=>this.triggerAction(s,e)}>${t?this.renderIcon(e):l} <span class=breadcrumb-element-label>${e.label}</span></button>`:n`<div class=breadcrumb-element title=${e.label} aria-current=${this.mode===a.FULL&&this.isLastNode(e)?"page":l}>${t?this.renderIcon(e):l} <span class=breadcrumb-element-label>${e.label}</span></div>`}renderIcon(e){return e.icon?n`<typo3-backend-icon identifier=${e.icon} overlay=${e.iconOverlay} size=small></typo3-backend-icon>`:null}triggerAction(e,t){import("@typo3/backend/viewport.js").then(({default:i})=>{i.ContentContainer.setUrl(t.url)})}isFirstNode(e){return this.nodes[0]===e}isLastNode(e){return this.nodes[this.nodes.length-1]===e}areNodeCollectionsEqual(e,t){if(t.length!==e.length)return!1;for(let i=0;i<t.length;i++)if(!this.areNodesEqual(e[i],t[i]))return!1;return!0}areNodesEqual(e,t){return e.identifier===t.identifier&&e.label===t.label&&e.icon===t.icon&&e.iconOverlay===t.iconOverlay&&e.__width===t.__width}};p([b({type:Array})],u.prototype,"nodes",void 0),p([b({type:Boolean})],u.prototype,"alignRight",void 0),p([b({type:String})],u.prototype,"label",void 0),p([b({type:String})],u.prototype,"mode",void 0),u=p([C("typo3-breadcrumb")],u);export{u as Breadcrumb,a as BreadcrumbMode};
diff --git a/Resources/Public/JavaScript/element/combobox-element.js b/Resources/Public/JavaScript/element/combobox-element.js
new file mode 100644
index 0000000..ff49b5f
--- /dev/null
+++ b/Resources/Public/JavaScript/element/combobox-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as y,css as v,html as r}from"lit";import{property as g,state as b,customElement as C}from"lit/decorators.js";import"@typo3/backend/element/icon-element.js";var o=function(u,t,e,i){var s=arguments.length,n=s<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(u,t,e,i);else for(var h=u.length-1;h>=0;h--)(l=u[h])&&(n=(s<3?l(n):s>3?l(t,e,n):l(t,e))||n);return s>3&&n&&Object.defineProperty(t,e,n),n};const d={INPUT:"input",NAVIGATION:"navigation"},f={NONE:"none",CURRENT:"current"};let E=0,a=class extends y{constructor(){super(...arguments),this.value="",this.icon="",this.disabled=!1,this.isSelected=!1}static{this.styles=v`*,:after,:before{box-sizing:border-box}:host{display:flex;align-items:center;width:100%;user-select:none}`}connectedCallback(){super.connectedCallback(),this.setAttribute("role","option"),this.setAttribute("aria-selected","false"),!this.value&&this.textContent&&(this.value=this.textContent.trim()),this.updateAriaLabel()}setSelected(t){this.isSelected=t}updated(t){t.has("value")&&this.updateAriaLabel()}render(){const t=this.getLabel(),e=this.value&&this.value!==t;return r`<span class=indicator part=indicator> <typo3-backend-icon identifier=${this.isSelected?"actions-check":"miscellaneous-placeholder"} size=small aria-hidden=true></typo3-backend-icon> </span> ${this.icon?r`<typo3-backend-icon identifier=${this.icon} size=small part=icon></typo3-backend-icon>`:""} <span class=content part=content>${t} ${e?r`<span class=value part=value>(${this.value})</span>`:""} </span>`}getLabel(){return this.textContent?.trim()||this.value}updateAriaLabel(){const t=this.getLabel(),e=this.value&&this.value!==t?` (${this.value})`:"";this.setAttribute("aria-label",`${t}${e}`)}};o([g({type:String})],a.prototype,"value",void 0),o([g({type:String})],a.prototype,"icon",void 0),o([g({type:Boolean})],a.prototype,"disabled",void 0),o([b()],a.prototype,"isSelected",void 0),a=o([C("typo3-backend-combobox-choice")],a);let c=class extends y{static{this.styles=v`*,:after,:before{box-sizing:border-box}:host{position:relative;display:block;width:100%}.controls{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);gap:.25rem;padding-inline-end:var(--typo3-form-combobox-padding-x,.75rem)}.clear-button,.controls{display:flex;align-items:center}.clear-button{justify-content:center;cursor:pointer;color:inherit;opacity:.3;transition:opacity .2s ease}.clear-button:hover{opacity:.5}.separator{width:1px;height:1.25rem;background-color:var(--typo3-input-border-color,currentColor)}.indicator{display:flex;align-items:center;justify-content:center}.listbox{position:absolute;top:100%;left:0;width:100%;z-index:1000}`}constructor(){super(),this.isOpen=!1,this.inputHasValue=!1,this.highlightedIndex=-1,this.inputIsDisabledOrReadonly=!1,this.choiceIdCounter=0,this.delayedCloseTimeout=null,this.internalId=null,this.lastAction=null,this.lastHighlightedIndex=null,this.userSelectionIntent=null,this.handleChoiceMouseEnter=t=>{const e=t.currentTarget,s=this.getChoiceElements().indexOf(e);s>=0&&this.setHighlightedIndex(s)},this.handleInputInit=()=>{this.updateInputHasValue(),this.updateSelectedState()},this.handleInputInput=()=>{this.lastAction=d.INPUT,this.highlightedIndex!==-1&&(this.lastHighlightedIndex=this.highlightedIndex,this.setHighlightedIndex(-1)),this.updateInputHasValue(),this.updateSelectedState()},this.handleInputPointerdown=t=>{t.button===0&&this.setOpen()},this.handleInputBlur=t=>{this.contains(t.relatedTarget)?this.getInput()?.focus():this.dispatchClose()},this.handleInputKeydown=t=>{const e=this.getInput();if(e?.disabled||e?.readOnly)return;const s=this.getChoiceElements().length;switch(t.key){case"ArrowDown":t.preventDefault(),t.stopPropagation(),t.altKey&&!this.isOpen?this.userSelectionIntent=f.NONE:(this.lastAction=d.NAVIGATION,this.setHighlightedIndex(this.getNextHighlightIndex(1,s))),this.setOpen();break;case"ArrowUp":t.preventDefault(),t.stopPropagation(),t.altKey&&!this.isOpen?this.userSelectionIntent=f.NONE:(this.lastAction=d.NAVIGATION,this.setHighlightedIndex(this.getNextHighlightIndex(-1,s))),this.setOpen();break;case"Enter":this.isOpen&&(this.highlightedIndex>=0&&this.lastAction===d.NAVIGATION&&(t.preventDefault(),this.selectChoiceOption(this.highlightedIndex)),this.immediateClose());break;case"Tab":this.isOpen&&(this.highlightedIndex>=0&&this.lastAction===d.NAVIGATION&&this.selectChoiceOption(this.highlightedIndex),this.immediateClose(),t.shiftKey||t.preventDefault());break;case"Escape":if(this.lastAction=d.NAVIGATION,this.isOpen)this.isOpen=!1,t.preventDefault(),t.stopPropagation();else{const n=this.getInput();n&&n.value&&!n.readOnly&&!n.disabled&&(this.clearInput(),this.isOpen=!1,t.preventDefault(),t.stopPropagation())}break;default:break}},this.handleClearClick=t=>{t.stopPropagation(),this.clearInput(),this.getInput()?.focus()},this.handleIndicatorClick=t=>{t.stopPropagation(),this.isOpen?this.immediateClose():(this.setOpen(),this.getInput()?.focus())},this.handleChoiceClick=t=>{const e=t.target,i=e.closest("typo3-backend-combobox-choice"),s=this.getInput();if(i&&!i.disabled){const l=this.getChoiceElements().indexOf(i);if(l>=0){this.selectChoiceOption(l),this.immediateClose(),s.focus();return}}s&&e!==s&&(s.focus(),this.setOpen())},this.addEventListener("click",this.handleChoiceClick)}focus(t){this.getInput()?.focus(t)}blur(){this.getInput()?.blur()}willUpdate(t){if(t.has("isOpen")&&this.isOpen&&this.userSelectionIntent!==f.NONE){const e=this.findCurrentSelectionChoice();if(e){const s=this.getChoiceElements().indexOf(e);this.setHighlightedIndex(s)}}}render(){const t=this.getInput();return t&&(t.setAttribute("aria-expanded",this.isOpen.toString()),t.setAttribute("aria-activedescendant",this.getActiveDescendantId())),r`<slot @slotchange=${this.handleSlotChange}></slot>${this.inputIsDisabledOrReadonly?"":r`<div class=controls part=controls>${this.inputHasValue?r`<span class=clear-button part=clear-button @click=${this.handleClearClick} aria-label="Clear value" tabindex=-1> <typo3-backend-icon identifier=actions-close size=small aria-hidden=true></typo3-backend-icon> </span> <span class=separator part=separator></span>`:""} <span class=indicator part=indicator tabindex=-1 @click=${this.handleIndicatorClick} style=cursor:pointer><typo3-backend-icon identifier=actions-chevron-expand size=small aria-hidden=true></typo3-backend-icon> </span></div><div class=listbox part=listbox role=listbox id=${this.getId()}-listbox ?hidden=${!this.isOpen}><slot name=choices></slot></div>`}`}firstUpdated(){this.setup()}updated(t){t.has("isOpen")&&(this.isOpen?(this.positionDropdown(),this.scrollToHighlightedOption()):(this.setHighlightedIndex(-1),this.lastAction=null,this.userSelectionIntent=null))}getId(){return this.internalId??=this.id!==""?this.id:"combobox-"+E++,this.internalId}positionDropdown(){const t=this.shadowRoot?.querySelector(".listbox");if(!t)return;const e=this.getBoundingClientRect(),i=window.innerHeight,s=window.scrollY,n=window.getComputedStyle(t),l=n.maxHeight!=="none"?parseFloat(n.maxHeight):1/0,h=Math.min(t.scrollHeight,l),I=i-(e.bottom-s),m=e.top-s,x=I<h&&m>I,p=x?m:I;requestAnimationFrame(()=>{x?(t.style.top="auto",t.style.bottom="100%",h>p?t.style.maxHeight=`${Math.floor(p)}px`:t.style.removeProperty("max-height")):(t.style.top="100%",t.style.bottom="auto",h>p?t.style.maxHeight=`${Math.floor(p)}px`:t.style.removeProperty("max-height"))})}scrollToHighlightedOption(){if(this.highlightedIndex<0)return;const e=this.getChoiceElements()[this.highlightedIndex];e&&e.scrollIntoView({block:"nearest",inline:"nearest"})}selectChoiceOption(t){const i=this.getChoiceElements()[t];if(!i||i.disabled)return;const s=i.value,n=this.getInput();n&&(n.value=s,this.dispatchInputEvents(n)),this.updateInputHasValue(),this.updateSelectedState(),this.setHighlightedIndex(t)}setHighlightedIndex(t){this.getChoiceElements().forEach((i,s)=>{i.setAttribute("aria-selected",s===t?"true":"false")}),this.highlightedIndex=t,this.scrollToHighlightedOption()}getNextHighlightIndex(t,e){if(this.highlightedIndex<0){const{lastHighlightedIndex:i}=this;if(i!==null&&i!==-1)return this.lastHighlightedIndex=null,i;const s=this.findCurrentSelectionChoice();return s?this.getChoiceElements().indexOf(s):t>0?0:e-1}return t>0?Math.min(this.highlightedIndex+1,e-1):Math.max(this.highlightedIndex-1,0)}setup(){this.setupInputAttributes(),this.setupChoiceElements(),this.updateInputHasValue(),this.updateSelectedState()}handleSlotChange(){this.setup()}setupChoiceElements(){this.querySelectorAll('typo3-backend-combobox-choice:not([slot="choices"])').forEach(e=>{e.slot="choices",e.tabIndex=-1,e.id||(e.id=`${this.getId()}-option-${++this.choiceIdCounter}`),e.addEventListener("mouseenter",this.handleChoiceMouseEnter)})}setupInputAttributes(){const t=this.getInput();t&&(t.removeEventListener("formengine:input:initialized",this.handleInputInit),t.removeEventListener("input",this.handleInputInput),t.removeEventListener("pointerdown",this.handleInputPointerdown),t.removeEventListener("blur",this.handleInputBlur),t.removeEventListener("keydown",this.handleInputKeydown),t.setAttribute("role","combobox"),t.setAttribute("aria-expanded","false"),t.setAttribute("aria-haspopup","listbox"),t.setAttribute("aria-controls",`${this.getId()}-listbox`),t.setAttribute("autocomplete","off"),t.addEventListener("formengine:input:initialized",this.handleInputInit),t.addEventListener("input",this.handleInputInput),t.addEventListener("pointerdown",this.handleInputPointerdown),t.addEventListener("blur",this.handleInputBlur),t.addEventListener("keydown",this.handleInputKeydown),this.updateInputDisabledState())}getInput(){const t=this.shadowRoot?.querySelector("slot:not([name])");return t?t.assignedElements().find(i=>i.tagName==="INPUT"):null}setOpen(){const t=this.getInput();this.updateInputDisabledState(),!(t?.disabled||t?.readOnly)&&(this.isOpen=!0,this.delayedCloseTimeout!==null&&(clearTimeout(this.delayedCloseTimeout),this.delayedCloseTimeout=null))}immediateClose(){this.isOpen=!1}dispatchClose(){this.delayedCloseTimeout===null&&(this.delayedCloseTimeout=setTimeout(()=>{this.immediateClose()},100))}getChoiceElements(){return Array.from(this.querySelectorAll("typo3-backend-combobox-choice"))}findCurrentSelectionChoice(){const t=this.getInput();return t?.value&&this.getChoiceElements().find(i=>i.value===t.value)||null}getActiveDescendantId(){const t=this.getChoiceElements();return this.highlightedIndex>=0&&t[this.highlightedIndex]?.id||""}updateSelectedState(){const t=this.getInput();this.getChoiceElements().forEach(i=>{const s=i.value===t?.value;i.setSelected(s)})}updateInputHasValue(){const t=this.getInput();this.inputHasValue=(t?.value||"").length>0}updateInputDisabledState(){const t=this.getInput();this.inputIsDisabledOrReadonly=t?.disabled||t?.readOnly||!1}dispatchInputEvents(t){t.dispatchEvent(new Event("input",{bubbles:!0})),t.dispatchEvent(new Event("change",{bubbles:!0}))}clearInput(){const t=this.getInput();t&&(t.value="",this.dispatchInputEvents(t),this.updateInputHasValue(),this.setHighlightedIndex(-1))}};o([b()],c.prototype,"isOpen",void 0),o([g({type:Boolean,reflect:!0,attribute:"data-has-value"})],c.prototype,"inputHasValue",void 0),o([b()],c.prototype,"highlightedIndex",void 0),o([b()],c.prototype,"inputIsDisabledOrReadonly",void 0),c=o([C("typo3-backend-combobox")],c);export{a as ComboboxChoiceElement,c as ComboboxElement};
diff --git a/Resources/Public/JavaScript/element/contextual-record-edit-trigger.js b/Resources/Public/JavaScript/element/contextual-record-edit-trigger.js
new file mode 100644
index 0000000..c3d3f3d
--- /dev/null
+++ b/Resources/Public/JavaScript/element/contextual-record-edit-trigger.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as l,customElement as m}from"lit/decorators.js";import{PseudoButtonLitElement as u}from"@typo3/backend/element/pseudo-button.js";import g,{Positions as y,Sizes as h,Types as v}from"@typo3/backend/modal.js";import E from"@typo3/backend/notification.js";import p from"@typo3/backend/storage/persistent.js";import f from"~labels/backend.alt_doc";var c=function(s,e,i,n){var r=arguments.length,t=r<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(s,e,i,n);else for(var o=s.length-1;o>=0;o--)(a=s[o])&&(t=(r<3?a(t):r>3?a(e,i,t):a(e,i))||t);return r>3&&t&&Object.defineProperty(e,i,t),t};let d=class extends u{async buttonActivated(){if(p.isset("contextualRecordEdit")&&p.get("contextualRecordEdit")==0){top?.TYPO3?.Backend?.ContentContainer&&top.TYPO3.Backend.ContentContainer.setUrl(this.editUrl);return}const e=g.advanced({type:v.iframe,title:"",content:this.url,size:h.expand,position:y.sheet,hideHeader:!0});this.setupMessageHandling(e)}setupMessageHandling(e){const i=top;let n="",r=!1,t=!1;const a=o=>{o.origin===window.location.origin&&(o.data?.actionName==="typo3:editform:saved"&&(r=!0,n=o.data.recordTitle??""),o.data?.actionName==="typo3:editform:closed"&&(t=!0,e.hideModal()),o.data?.actionName==="typo3:editform:navigate"&&(t=!0,e.hideModal()))};i.addEventListener("message",a),e.addEventListener("typo3-modal-hide",o=>{if(t)return;o.preventDefault(),e.querySelector("iframe")?.contentWindow?.postMessage({actionName:"typo3:editform:requestclose"},window.location.origin)}),e.addEventListener("typo3-modal-hidden",()=>{i.removeEventListener("message",a),r?(top.document.dispatchEvent(new CustomEvent("typo3:pagetree:refresh")),top.TYPO3?.Backend?.ContentContainer&&top.TYPO3.Backend.ContentContainer.refresh(),E.success(f.get("notification.record_updated.title"),n!==""?f.get("notification.record_updated.message",[n]):void 0)):this.focus()})}};c([l({type:String})],d.prototype,"url",void 0),c([l({type:String,attribute:"edit-url"})],d.prototype,"editUrl",void 0),d=c([m("typo3-backend-contextual-record-edit-trigger")],d);export{d as ContextualRecordEditTriggerElement};
diff --git a/Resources/Public/JavaScript/element/datetime-element.js b/Resources/Public/JavaScript/element/datetime-element.js
new file mode 100644
index 0000000..b04a1a3
--- /dev/null
+++ b/Resources/Public/JavaScript/element/datetime-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as h,html as p,nothing as f}from"lit";import{property as c,state as T,customElement as D}from"lit/decorators.js";import{DateTime as u}from"luxon";var m=function(n,t,e,i){var o=arguments.length,a=o<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(n,t,e,i);else for(var l=n.length-1;l>=0;l--)(r=n[l])&&(a=(o<3?r(a):o>3?r(t,e,a):r(t,e))||a);return o>3&&a&&Object.defineProperty(t,e,a),a},d;(function(n){n.Relative="relative",n.Absolute="absolute"})(d||(d={}));let s=class extends h{constructor(){super(...arguments),this.datetime="",this.mode=d.Absolute,this.format="date",this.thresholdDays=0,this.relativeShowSeconds=!1,this.displayTime="",this.updateTimeoutId=null}disconnectedCallback(){super.disconnectedCallback(),this.clearUpdateTimeout()}willUpdate(t){(t.has("datetime")||t.has("mode")||t.has("format")||t.has("relativeShowSeconds"))&&(this.updateDisplayTime(),this.clearUpdateTimeout(),this.startUpdateTimeout())}createRenderRoot(){return this}render(){const t=this.parseDateTime(this.datetime),e=t?.toISO()||this.datetime,i=t&&this.mode===d.Relative?this.formatAbsoluteDateTime(this.getLocalizedDateTime(t)):"",o=i?`${this.displayTime||this.datetime}. ${i}`:null;return p`<time datetime=${e} title=${i||f} aria-label=${o||f}>${this.displayTime||this.datetime}</time>`}clearUpdateTimeout(){this.updateTimeoutId!==null&&(window.clearTimeout(this.updateTimeoutId),this.updateTimeoutId=null)}startUpdateTimeout(){if(this.mode===d.Relative){const t=this.parseDateTime(this.datetime),e=t?this.calculateNextStateChange(t):null,i=e?Math.abs(e.diffNow("milliseconds").milliseconds):1e3;this.updateTimeoutId=window.setTimeout(()=>{this.updateTimeoutId=null,this.updateDisplayTime(),this.startUpdateTimeout()},i)}}calculateNextStateChange(t){const e=["years","months","days","hours","minutes","seconds"],i=t.diffNow(e);for(const o of e){const a=i.get(o);if(a!==0){const r=a<0?-1:1;return t.minus({[o]:a+r})}}return t.plus({seconds:1})}updateDisplayTime(){const t=this.parseDateTime(this.datetime);t?this.displayTime=this.mode===d.Absolute?this.formatAbsoluteTime(t):this.formatRelativeTime(t):this.displayTime=this.datetime}formatAbsoluteTime(t){const e=this.getLocalizedDateTime(t),i=this.getConfiguredDateFormats();return this.format==="date"&&i?e.toFormat(i.formats.date):this.format==="datetime"&&i?e.toFormat(i.formats.datetime):this.format?e.toFormat(this.format):i?e.toFormat(i.formats.date):e.toLocaleString(u.DATE_SHORT)}parseDateTime(t){if(!t)return null;const i=this.getConfiguredDateFormats()?.timezone,o=Number(t);if(!isNaN(o)&&o>0){const r=i?{zone:i}:{},l=u.fromSeconds(o,r);if(l.isValid)return l}const a=u.fromISO(t);return a.isValid?a:null}getLocalizedDateTime(t){let e=document.documentElement.lang||"en";e==="ch"&&(e="zh");const o=this.getConfiguredDateFormats()?.timezone;let a=t.setLocale(e);return o&&(a=a.setZone(o)),a}formatRelativeTime(t){const e=this.getLocalizedDateTime(t);if(this.thresholdDays>0&&Math.abs(u.now().diff(e,"days").days)>this.thresholdDays)return this.formatAbsoluteDate(e);if(!this.relativeShowSeconds){const o=e.diffNow("seconds").seconds;if(Math.abs(o)<60)return e.toRelative({unit:"minutes",rounding:"expand"})||this.formatAbsoluteDateTime(e)}return e.toRelative()||this.formatAbsoluteDateTime(e)}formatAbsoluteDate(t){const e=this.getLocalizedDateTime(t),i=this.getConfiguredDateFormats();return i?e.toFormat(i.formats.date):e.toLocaleString(u.DATE_SHORT)}formatAbsoluteDateTime(t){const e=this.getLocalizedDateTime(t),i=this.getConfiguredDateFormats();return i?e.toFormat(i.formats.datetime):e.toLocaleString(u.DATETIME_SHORT)}getConfiguredDateFormats(){try{return(typeof opener?.top?.TYPO3<"u"?opener.top:top).TYPO3.settings.DateConfiguration}catch{return null}}};m([c({type:String})],s.prototype,"datetime",void 0),m([c()],s.prototype,"mode",void 0),m([c()],s.prototype,"format",void 0),m([c({type:Number,attribute:"threshold-days"})],s.prototype,"thresholdDays",void 0),m([c({type:Boolean,attribute:"relative-show-seconds"})],s.prototype,"relativeShowSeconds",void 0),m([T()],s.prototype,"displayTime",void 0),s=m([D("typo3-backend-datetime")],s);export{d as DateTimeDisplayMode,s as DateTimeElement};
diff --git a/Resources/Public/JavaScript/element/dispatch-modal-button.js b/Resources/Public/JavaScript/element/dispatch-modal-button.js
new file mode 100644
index 0000000..ea78920
--- /dev/null
+++ b/Resources/Public/JavaScript/element/dispatch-modal-button.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as s,customElement as m}from"lit/decorators.js";import{PseudoButtonLitElement as a}from"@typo3/backend/element/pseudo-button.js";import u from"@typo3/backend/modal.js";import{SeverityEnum as d}from"@typo3/backend/enum/severity.js";var f=function(i,e,o,n){var p=arguments.length,t=p<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(i,e,o,n);else for(var c=i.length-1;c>=0;c--)(l=i[c])&&(t=(p<3?l(t):p>3?l(e,o,t):l(e,o))||t);return p>3&&t&&Object.defineProperty(e,o,t),t};let r=class extends a{buttonActivated(){this.url&&u.advanced({content:this.url,title:this.subject,severity:d.notice,size:u.sizes.large,type:u.types.iframe})}};f([s({type:String})],r.prototype,"url",void 0),f([s({type:String})],r.prototype,"subject",void 0),r=f([m("typo3-backend-dispatch-modal-button")],r);export{r as DispatchModalButton};
diff --git a/Resources/Public/JavaScript/element/draggable-resizable-element.js b/Resources/Public/JavaScript/element/draggable-resizable-element.js
new file mode 100644
index 0000000..e772983
--- /dev/null
+++ b/Resources/Public/JavaScript/element/draggable-resizable-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as u,html as f}from"lit";import{property as c,state as p,customElement as z}from"lit/decorators.js";import{Offset as v}from"@typo3/backend/offset.js";var l=function(n,e,t,r){var o=arguments.length,i=o<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(n,e,t,r);else for(var d=n.length-1;d>=0;d--)(a=n[d])&&(i=(o<3?a(i):o>3?a(e,t,i):a(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i},s;(function(n){n.move="move",n.resizeN="resizeN",n.resizeE="resizeE",n.resizeS="resizeS",n.resizeW="resizeW",n.resizeSE="resizeSE",n.resizeSW="resizeSW",n.resizeNE="resizeNE",n.resizeNW="resizeNW"})(s||(s={}));const g=[s.resizeNW,s.resizeN,s.resizeNE],m=[s.resizeNE,s.resizeE,s.resizeSE],b=[s.resizeSE,s.resizeS,s.resizeSW],E=[s.resizeSW,s.resizeW,s.resizeNW];let h=class extends u{constructor(){super(...arguments),this.reverting=!1,this.action=null,this.originOffset=null,this.originPosition=null,this.handleStart=e=>{const t=e.target;if(!(e.buttons!==1||!this.contains(t))){if(t.dataset.resize){const r="resize"+t.dataset.resize.toUpperCase();this.action=s[r]}else this.action=s.move;this.reverting=!1,this.originOffset=this.offset.clone(),this.originPosition={x:e.clientX,y:e.clientY},this.dispatchEvent(this.createEvent("draggable-resizable-started",{action:this.action,originOffset:this.originOffset}))}},this.handleUpdate=e=>{if(!this.action)return;const t={x:e.clientX-this.originPosition.x,y:e.clientY-this.originPosition.y};this.offset=this.adjustOffset(this.originOffset,t),this.dispatchEvent(this.createEvent("draggable-resizable-updated",{action:this.action,originOffset:this.originOffset}))},this.handleFinish=()=>{this.action&&(this.dispatchEvent(this.createEvent("draggable-resizable-finished",{action:this.action,originOffset:this.originOffset})),this.action=null,this.originOffset=null,this.originPosition=null)}}revert(e){this.reverting=!0,this.offset=e,setTimeout(()=>this.reverting=!1,500)}connectedCallback(){super.connectedCallback(),this.pointerEventNames.pointerDown.forEach(e=>document.addEventListener(e,this.handleStart,!0)),this.pointerEventNames.pointerMove.forEach(e=>document.addEventListener(e,this.handleUpdate,!0)),this.pointerEventNames.pointerUp.forEach(e=>document.addEventListener(e,this.handleFinish,!0))}disconnectedCallback(){super.disconnectedCallback(),this.pointerEventNames.pointerDown.forEach(e=>document.removeEventListener(e,this.handleStart,!0)),this.pointerEventNames.pointerMove.forEach(e=>document.removeEventListener(e,this.handleUpdate,!0)),this.pointerEventNames.pointerUp.forEach(e=>document.removeEventListener(e,this.handleFinish,!0))}render(){return f`<div class="cropper-focus-area ui-draggable ui-draggable-handle ui-resizable"><div class="ui-resizable-handle ui-resizable-n" data-resize=n></div><div class="ui-resizable-handle ui-resizable-e" data-resize=e></div><div class="ui-resizable-handle ui-resizable-s" data-resize=s></div><div class="ui-resizable-handle ui-resizable-w" data-resize=w></div><div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" data-resize=se></div><div class="ui-resizable-handle ui-resizable-sw" data-resize=sw></div><div class="ui-resizable-handle ui-resizable-ne" data-resize=ne></div><div class="ui-resizable-handle ui-resizable-nw" data-resize=nw></div></div>`}update(e){super.update(e),Object.assign(this.style,this.getOffsetStyles(this.offset))}createRenderRoot(){return this}adjustOffset(e,t){const o=this.parentElement.getBoundingClientRect(),i=e.clone();if(this.action===s.move&&(i.left=this.minMax(i.left+t.x,0,o.width-i.width),i.top=this.minMax(i.top+t.y,0,o.height-i.height)),g.includes(this.action)){const a=this.minMax(t.y,-i.top,i.height-2);i.top+=a,i.height-=a}else b.includes(this.action)&&(i.height=this.minMax(i.height+t.y,2,o.height-i.top));if(E.includes(this.action)){const a=this.minMax(t.x,-i.left,i.width-2);i.left+=a,i.width-=a}else m.includes(this.action)&&(i.width+=t.x);return i}minMax(e,t,r){return e<t?t:e>r?r:e}createEvent(e,t){return new CustomEvent(e,{detail:t,bubbles:!0,composed:!0})}getOffsetStyles(e){return{left:`${e.left}px`,top:`${e.top}px`,width:`${e.width}px`,height:`${e.height}px`}}};l([c({type:Object,converter:n=>v.fromObject(JSON.parse(n)),reflect:!0})],h.prototype,"offset",void 0),l([c({type:Object})],h.prototype,"pointerEventNames",void 0),l([c({type:Boolean,reflect:!0})],h.prototype,"reverting",void 0),l([p()],h.prototype,"action",void 0),h=l([z("typo3-backend-draggable-resizable")],h);export{h as DraggableResizableElement};
diff --git a/Resources/Public/JavaScript/element/editable-page-title.js b/Resources/Public/JavaScript/element/editable-page-title.js
new file mode 100644
index 0000000..8a23d46
--- /dev/null
+++ b/Resources/Public/JavaScript/element/editable-page-title.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as f,css as m,nothing as c,html as d}from"lit";import{property as p,state as u,customElement as v}from"lit/decorators.js";import"@typo3/backend/element/icon-element.js";import y from"@typo3/backend/ajax-data-handler.js";import h from"~labels/core.common";import g from"~labels/backend.layout";var r=function(l,t,n,s){var o=arguments.length,e=o<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(l,t,n,s);else for(var b=l.length-1;b>=0;b--)(a=l[b])&&(e=(o<3?a(e):o>3?a(t,n,e):a(t,n))||e);return o>3&&e&&Object.defineProperty(t,n,e),e};let i=class extends f{constructor(){super(...arguments),this.pageTitle="",this.pageId=0,this.localizedPageId=0,this.editable=!1,this._isEditing=!1,this._isSubmitting=!1,this.labels={input:g.get("editPageTitle.input.field.label"),edit:g.get("editPageTitle"),save:h.get("save"),cancel:h.get("cancel")}}static{this.styles=m`:host{display:block;--input-border-color:#bebebe;--input-hover-border-color:#bebebe;--input-focus-border-color:#bebebe;--button-border-radius:var(--typo3-input-border-radius);--button-color:inherit;--button-bg:transparent;--button-border-color:transparent;--button-hover-color:inherit;--button-hover-bg:#cacaca;--button-hover-border-color:#bebebe;--button-focus-color:inherit;--button-focus-bg:#cacaca;--button-focus-border-color:#bebebe;--button-padding-x:var(--typo3-input-padding-x);--button-padding-y:var(--typo3-input-padding-y)}h1{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:1px 0}h1,input{font-weight:inherit;font-size:inherit;font-family:inherit;line-height:inherit;margin:0}input{outline:none;background:transparent;padding:0;border:0;border-top:1px solid transparent;border-bottom:1px dashed var(--input-border-color);width:100%;outline-offset:0}input:hover{--input-border-color:var(--input-hover-border-color)}input:focus{--input-border-color:var(--input-focus-border-color)}input:focus-visible{outline:.25rem solid color-mix(in srgb,var(--input-border-color),transparent 25%)}.wrapper{position:relative;margin:-1px 0;padding-inline-end:1.5em}.wrapper:has(>form) .page-title{visibility:hidden;pointer-events:none}.wrapper>form{left:0;right:0;padding-inline-end:2.5em}.wrapper>form,button{position:absolute;top:0}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:inherit;line-height:inherit;padding:var(--button-padding-y) var(--button-padding-x);height:100%;width:1em;border-radius:var(--button-border-radius);overflow:hidden;outline:none;color:var(--button-color);background:var(--button-bg);border:1px solid var(--button-border-color);opacity:.8;outline-offset:0;transition:all .2s ease-in-out}button:hover{opacity:1;--button-color:var(--button-hover-color);--button-bg:var(--button-hover-bg);--button-border-color:var(--button-hover-border-color)}button:focus{opacity:1;--button-color:var(--button-focus-color);--button-bg:var(--button-focus-bg);--button-border-color:var(--button-focus-border-color)}button:focus-visible{outline:.25rem solid color-mix(in srgb,var(--button-border-color),transparent 25%)}button[data-action=edit]{inset-inline-end:0}button[data-action=save]{inset-inline-end:calc(1em + 2px)}button[data-action=close]{inset-inline-end:0}.screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}`}async startEditing(){if(this.isEditable()){this._isEditing=!0,await this.updateComplete;const t=this.shadowRoot.querySelector("input");t?.focus(),t?.setSelectionRange(t.value.length,t.value.length)}}render(){return this.pageTitle===""?c:this.isEditable()?d`<div class=wrapper><div class=page-title><h1 @dblclick=${()=>{this.startEditing()}}>${this.pageTitle}</h1>${this.composeEditButton()}</div>${this._isEditing?this.composeEditForm():c}</div>`:d`<div class=wrapper><h1>${this.pageTitle}</h1></div>`}isEditable(){return this.editable&&this.pageId>0}async endEditing(){this.isEditable()&&(this._isEditing=!1,await new Promise(t=>requestAnimationFrame(()=>requestAnimationFrame(()=>t()))),this.shadowRoot.querySelector('button[data-action="edit"]')?.focus())}updatePageTitle(t){t.preventDefault();const n=new FormData(t.target),o=Object.fromEntries(n).newPageTitle.toString();if(this.pageTitle===o){this.endEditing();return}this._isSubmitting=!0;let e=this.pageId;this.localizedPageId>0&&(e=this.localizedPageId);const a={data:{pages:{[e]:{title:o}}}};y.process(a).then(()=>{this.pageTitle=o,top.document.dispatchEvent(new CustomEvent("typo3:pagetree:refresh"))}).finally(()=>{this.endEditing(),this._isSubmitting=!1})}composeEditButton(){return d`<button data-action=edit type=button title=${this.labels.edit} @click=${()=>{this.startEditing()}}><typo3-backend-icon identifier=actions-open size=small></typo3-backend-icon><span class=screen-reader>${this.labels.edit}</span></button>`}composeEditForm(){return d`<form @submit=${this.updatePageTitle}><label class=screen-reader for=input>${this.labels.input}</label> <input autocomplete=off id=input name=newPageTitle required value=${this.pageTitle} ?disabled=${this._isSubmitting} @keydown=${t=>{t.key==="Escape"&&this.endEditing()}}> <button data-action=save type=submit title=${this.labels.save} ?disabled=${this._isSubmitting}><typo3-backend-icon identifier=actions-check size=small></typo3-backend-icon><span class=screen-reader>${this.labels.save}</span></button> <button data-action=close type=button title=${this.labels.cancel} ?disabled=${this._isSubmitting} @click=${()=>{this.endEditing()}}><typo3-backend-icon identifier=actions-close size=small></typo3-backend-icon><span class=screen-reader>${this.labels.cancel}</span></button></form>`}};r([p({type:String})],i.prototype,"pageTitle",void 0),r([p({type:Number})],i.prototype,"pageId",void 0),r([p({type:Number})],i.prototype,"localizedPageId",void 0),r([p({type:Boolean})],i.prototype,"editable",void 0),r([u()],i.prototype,"_isEditing",void 0),r([u()],i.prototype,"_isSubmitting",void 0),i=r([v("typo3-backend-editable-page-title")],i);export{i as EditablePageTitle};
diff --git a/Resources/Public/JavaScript/element/icon-element.js b/Resources/Public/JavaScript/element/icon-element.js
new file mode 100644
index 0000000..77d2683
--- /dev/null
+++ b/Resources/Public/JavaScript/element/icon-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as d,html as c,nothing as m}from"lit";import{Task as u}from"@lit/task";import{property as a,customElement as y}from"lit/decorators.js";import{unsafeHTML as h}from"lit/directives/unsafe-html.js";import{Sizes as v,States as g,MarkupIdentifiers as z}from"@typo3/backend/enum/icon-types.js";import w,{IconStyles as S}from"@typo3/backend/icons.js";import"@typo3/backend/element/spinner-element.js";var n=function(l,t,r,o){var s=arguments.length,e=s<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,r):o,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(l,t,r,o);else for(var f=l.length-1;f>=0;f--)(p=l[f])&&(e=(s<3?p(e):s>3?p(t,r,e):p(t,r))||e);return s>3&&e&&Object.defineProperty(t,r,e),e};let i=class extends d{constructor(){super(...arguments),this.size=v.default,this.state=g.default,this.overlay=null,this.markup=z.inline,this.raw=null,this.iconTask=new u(this,{task:async([t,r,o,s,e],{signal:p})=>await w.getIcon(t,r,o,s,e,p),args:()=>[this.identifier,this.size,this.overlay,this.state,this.markup]})}static{this.styles=S.getStyles()}render(){return this.raw?c`${h(this.raw)}`:this.identifier?this.iconTask.render({pending:()=>c`<typo3-backend-spinner size=${this.size}></typo3-backend-spinner>`,complete:t=>c`${h(t)}`,error:()=>c`<span class="t3js-icon icon icon-size-${this.size} icon-state-${this.state} icon-default-not-found" data-identifier=default-not-found aria-hidden=true> <span class=icon-markup><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><g><path fill="#CD201F" d="m11 12 3-2v6H2v-6l3 2 3-2z"/><path fill="#212121" d="m8 10.3 2.86 1.91.14.09.14-.09 2.61-1.74v5.28H2.25v-5.28l2.61 1.74.14.09.14-.09zm6-.3-3 2-3-2-3 2-3-2v6h12z" opacity=".2"/><path fill="#CD201F" d="M14 4v4l-3 2-3-2-3 2-3-2V0h8z"/><path fill="#212121" d="M13.75 7.87 11 9.7 8.14 7.79 8 7.7l-.14.09L5 9.7 2.25 7.87V.25H10V0H2v8l3 2 3-2 3 2 3-2V4h-.25z" opacity=".2"/><path fill="#FFF" d="M14 4h-4V0z" opacity=".3"/><path fill="#212121" d="m14 8-4-4h4z" opacity=".3"/></g></svg> </span> </span>`}):m}};n([a({type:String,reflect:!0})],i.prototype,"identifier",void 0),n([a({type:String,reflect:!0})],i.prototype,"size",void 0),n([a({type:String})],i.prototype,"state",void 0),n([a({type:String})],i.prototype,"overlay",void 0),n([a({type:String})],i.prototype,"markup",void 0),n([a({type:String})],i.prototype,"raw",void 0),i=n([y("typo3-backend-icon")],i);export{i as IconElement};
diff --git a/Resources/Public/JavaScript/element/immediate-action-element.js b/Resources/Public/JavaScript/element/immediate-action-element.js
new file mode 100644
index 0000000..7d7436a
--- /dev/null
+++ b/Resources/Public/JavaScript/element/immediate-action-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 n from"@typo3/backend/utility.js";import{EventDispatcher as i}from"@typo3/backend/event/event-dispatcher.js";class r extends HTMLElement{constructor(){super(...arguments),this.args=[]}static get observedAttributes(){return["action","args","args-list"]}static async getDelegate(t){switch(t){case"TYPO3.ModuleMenu.App.refreshMenu":const{default:s}=await import("@typo3/backend/module-menu.js");return s.App.refreshMenu.bind(s.App);case"TYPO3.Backend.Topbar.refresh":const{default:e}=await import("@typo3/backend/viewport.js");return e.Topbar.refresh.bind(e.Topbar);case"TYPO3.WindowManager.localOpen":const{default:a}=await import("@typo3/backend/window-manager.js");return a.localOpen.bind(a);case"TYPO3.Backend.Storage.ModuleStateStorage.update":return(await import("@typo3/backend/storage/module-state-storage.js")).ModuleStateStorage.update;case"TYPO3.Backend.Storage.ModuleStateStorage.updateWithCurrentMount":return(await import("@typo3/backend/storage/module-state-storage.js")).ModuleStateStorage.updateWithCurrentMount;case"TYPO3.Backend.Event.EventDispatcher.dispatchCustomEvent":return i.dispatchCustomEvent;default:throw Error('Unknown action "'+t+'"')}}attributeChangedCallback(t,s,e){if(t==="action")this.action=e;else if(t==="args"){const a=e.replace(/&quot;/g,'"'),o=JSON.parse(a);this.args=o instanceof Array?n.trimItems(o):[]}else if(t==="args-list"){const a=e.split(",");this.args=n.trimItems(a)}}connectedCallback(){if(!this.action)throw new Error("Missing mandatory action attribute");r.getDelegate(this.action).then(t=>t(...this.args))}}window.customElements.define("typo3-immediate-action",r);export{r as ImmediateActionElement};
diff --git a/Resources/Public/JavaScript/element/link-browser-download-element.js b/Resources/Public/JavaScript/element/link-browser-download-element.js
new file mode 100644
index 0000000..5725b69
--- /dev/null
+++ b/Resources/Public/JavaScript/element/link-browser-download-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as u,html as d,nothing as m}from"lit";import{property as f,state as s,customElement as p}from"lit/decorators.js";var r=function(o,e,n,a){var i=arguments.length,t=i<3?e:a===null?a=Object.getOwnPropertyDescriptor(e,n):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(o,e,n,a);else for(var h=o.length-1;h>=0;h--)(c=o[h])&&(t=(i<3?c(t):i>3?c(e,n,t):c(e,n))||t);return i>3&&t&&Object.defineProperty(e,n,t),t};let l=class extends u{constructor(){super(...arguments),this.value="",this.checked=!1,this.filename=""}connectedCallback(){super.connectedCallback(),this.checked=this.value!=="",this.filename=this.value!==""&&this.value!=="true"?this.value:""}createRenderRoot(){return this}render(){return d`<input type=hidden name=ldownload .value=${this.computeValue()}><div class=form-check><input type=checkbox class=form-check-input id=ldownload-checkbox .checked=${this.checked} @change=${this.handleCheckboxChange}> <label class=form-check-label for=ldownload-checkbox>${this.getAttribute("label-download")??"Force download"}</label></div>${this.checked?d`<div class=mt-2><label for=ldownload-filename class=form-label>${this.getAttribute("label-filename")??"Custom filename"}</label> <input id=ldownload-filename type=text class=form-control .value=${this.filename} @input=${this.handleFilenameInput}></div>`:m}`}computeValue(){return this.checked?this.filename!==""?this.filename:"true":""}handleCheckboxChange(e){this.checked=e.target.checked}handleFilenameInput(e){this.filename=e.target.value}};r([f({type:String})],l.prototype,"value",void 0),r([s()],l.prototype,"checked",void 0),r([s()],l.prototype,"filename",void 0),l=r([p("typo3-backend-link-browser-download")],l);export{l as LinkBrowserDownloadElement};
diff --git a/Resources/Public/JavaScript/element/pagination.js b/Resources/Public/JavaScript/element/pagination.js
new file mode 100644
index 0000000..084c11b
--- /dev/null
+++ b/Resources/Public/JavaScript/element/pagination.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as u,customElement as m}from"lit/decorators.js";import{LitElement as d,html as g}from"lit";import{range as b}from"lit/directives/range.js";import{map as f}from"lit/directives/map.js";import{classMap as l}from"lit/directives/class-map.js";var c=function(i,t,n,a){var o=arguments.length,e=o<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,n):a,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(i,t,n,a);else for(var s=i.length-1;s>=0;s--)(r=i[s])&&(e=(o<3?r(e):o>3?r(t,n,e):r(t,n))||e);return o>3&&e&&Object.defineProperty(t,n,e),e};let p=class extends d{constructor(){super(...arguments),this.paging=null}createRenderRoot(){return this}render(){return g`<ul class=pagination><li class=${l({"page-item":!0,disabled:this.paging.currentPage===1})}><button type=button class=page-link data-action=previous ?disabled=${this.paging.currentPage===1}><typo3-backend-icon identifier=actions-view-paging-previous size=small></typo3-backend-icon></button></li>${f(b(1,this.paging.totalPages+1),t=>g`<li class=${l({"page-item":!0,active:this.paging.currentPage===t})}><button type=button class=page-link data-action=page data-page=${t}><span>${t}</span></button></li>`)}<li class=${l({"page-item":!0,disabled:this.paging.currentPage===this.paging.totalPages})}><button type=button class=page-link data-action=next ?disabled=${this.paging.currentPage===this.paging.totalPages}><typo3-backend-icon identifier=actions-view-paging-next size=small></typo3-backend-icon></button></li></ul>`}};c([u({type:Object})],p.prototype,"paging",void 0),p=c([m("typo3-backend-pagination")],p);export{p as PaginationElement};
diff --git a/Resources/Public/JavaScript/element/progress-bar-element.js b/Resources/Public/JavaScript/element/progress-bar-element.js
new file mode 100644
index 0000000..f77aed8
--- /dev/null
+++ b/Resources/Public/JavaScript/element/progress-bar-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as h,css as b,nothing as l,html as u}from"lit";import{property as n,customElement as g}from"lit/decorators.js";import{classMap as m}from"lit/directives/class-map.js";import{styleMap as v}from"lit/directives/style-map.js";import f from"@typo3/backend/severity.js";import"@typo3/backend/enum/severity.js";var o=function(d,r,e,t){var s=arguments.length,a=s<3?r:t===null?t=Object.getOwnPropertyDescriptor(r,e):t,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(d,r,e,t);else for(var c=d.length-1;c>=0;c--)(p=d[c])&&(a=(s<3?p(a):s>3?p(r,e,a):p(r,e))||a);return s>3&&a&&Object.defineProperty(r,e,a),a};let i=class extends h{constructor(){super(...arguments),this.value=void 0,this.max=100,this.severity=void 0,this.isHidden=!1,this.isHiding=!1,this.abortController=new AbortController}static{this.styles=b`@keyframes progress-indeterminate{0%{inset-inline-start:-33%}to{inset-inline-start:100%}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}:host{--progress-bar-height:4px;--progress-bar-color-primary:var(--typo3-state-primary-border-color);--progress-bar-color-success:var(--typo3-state-success-border-color);--progress-bar-color-warning:var(--typo3-state-warning-border-color);--progress-bar-color-danger:var(--typo3-state-danger-border-color);--progress-bar-color-info:var(--typo3-state-info-border-color);--progress-bar-color:var(--progress-bar-color-primary);--progress-track-color:light-dark(var(--token-color-neutral-20),var(--token-color-neutral-80));--progress-border-radius:var(--typo3-component-border-radius);display:block;width:100%;border-radius:var(--progress-border-radius)}:host([hidden]){display:none}:host([is-hiding]){animation:fade-out .3s ease-out forwards}.progress{position:relative;overflow:hidden;height:var(--progress-bar-height);border-radius:var(--progress-border-radius)}.value{display:block;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.track{background:var(--progress-track-color);inset:0}.bar{background:var(--progress-bar-color);transition:width .5s ease-in-out;&.bar-success{--progress-bar-color:var(--progress-bar-color-success)}&.bar-warning{--progress-bar-color:var(--progress-bar-color-warning)}&.bar-danger{--progress-bar-color:var(--progress-bar-color-danger)}&.bar-info{--progress-bar-color:var(--progress-bar-color-info)}&.indeterminate{animation-name:progress-indeterminate;animation-duration:3s;animation-iteration-count:infinite;animation-timing-function:linear;width:33%;background-image:linear-gradient(to right,var(--progress-track-color) 0,transparent 50%,var(--progress-track-color) 100%)}}.bar,.track{position:absolute;height:var(--progress-bar-height)}.label{margin-top:.5rem}`}isRunning(){return!this.abortController.signal.aborted}start(r=!1){this.abortController.abort(),this.abortController=new AbortController,this.isHiding=!1,this.isHidden=!1,this.value=r?void 0:0}inc(r=5){let e=this.value??0;e=this.clamp(e+r,0,this.max),this.value=e>=this.max?this.max:e}async done(){const r=this.abortController.signal;if((this.value??0)>=this.max){this.hide();return}if(isNaN(this.value)&&(this.value=0),await this.updateComplete,r.aborted||(await new Promise(s=>requestAnimationFrame(()=>requestAnimationFrame(s))),r.aborted)||(this.value=this.max,await this.updateComplete,r.aborted))return;this.shadowRoot.querySelector(".bar").addEventListener("transitionend",()=>{this.hide()},{once:!0,signal:r})}hide(){this.isHiding=!0,this.addEventListener("animationend",()=>{this.remove()},{once:!0,signal:this.abortController.signal})}connectedCallback(){super.connectedCallback(),this.updateHostClass()}disconnectedCallback(){super.disconnectedCallback()}render(){const r="progress-label-"+(Math.random()+1).toString(36).substring(2),e=this.label!==void 0&&this.label,t=isNaN(this.value),s=m({bar:!0,["bar-"+f.getCssClass(this.severity)]:!t&&this.severity!==void 0,indeterminate:t}),a=t?l:v({width:(this.clamp(this.value,0,this.max)/this.max*100).toString()+"%"});return u`<div class=progress-wrapper><div role=progressbar class=progress aria-valuenow=${t?l:this.value} aria-valuemin=0 aria-valuemax=${this.max} aria-describedby=${e?r:l}><div class=track></div><div class=${s} style=${a}>${t?l:u`<span class=value>${this.value}%</span>`}</div></div>${e?u`<div class=label id=${r}>${this.label}</div>`:l}</div>`}updated(r){super.updated(r),r.has("isHiding")&&this.updateHostClass()}updateHostClass(){this.isHiding?this.setAttribute("is-hiding",""):this.removeAttribute("is-hiding")}clamp(r,e,t){return Math.min(t,Math.max(e,r))}};o([n({type:Number,reflect:!0})],i.prototype,"value",void 0),o([n({type:Number,reflect:!0})],i.prototype,"max",void 0),o([n({type:Number,reflect:!0})],i.prototype,"severity",void 0),o([n({type:String,reflect:!0})],i.prototype,"label",void 0),o([n({type:Boolean,reflect:!0,attribute:"hidden"})],i.prototype,"isHidden",void 0),o([n({type:Boolean,state:!0})],i.prototype,"isHiding",void 0),i=o([g("typo3-backend-progress-bar")],i);export{i as ProgressBarElement};
diff --git a/Resources/Public/JavaScript/element/progress-tracker-element.js b/Resources/Public/JavaScript/element/progress-tracker-element.js
new file mode 100644
index 0000000..557b3fe
--- /dev/null
+++ b/Resources/Public/JavaScript/element/progress-tracker-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as l,css as d,nothing as h,html as b}from"lit";import{property as n,customElement as k}from"lit/decorators.js";import{styleMap as v}from"lit/directives/style-map.js";import m from"~labels/backend.layout";var p=function(s,r,t,i){var o=arguments.length,e=o<3?r:i===null?i=Object.getOwnPropertyDescriptor(r,t):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(s,r,t,i);else for(var g=s.length-1;g>=0;g--)(c=s[g])&&(e=(o<3?c(e):o>3?c(r,t,e):c(r,t))||e);return o>3&&e&&Object.defineProperty(r,t,e),e};let a=class extends l{constructor(){super(...arguments),this.stages=[],this.activeStage=0}static{this.styles=d`:host{--progress-tracker-margin:var(--typo3-spacing);--progress-tracker-stage:0;--progress-tracker-stages:0;--progress-tracker-gap:.25rem;--progress-tracker-bar-height:6px;--progress-tracker-bar-border-radius:3px;--progress-tracker-bar-bg:light-dark(var(--token-color-neutral-20),var(--token-color-neutral-80));--progress-tracker-bar-progress-bg:var(--typo3-state-primary-border-color);display:block;width:100%;margin-bottom:var(--progress-tracker-margin)}.tracker{position:relative;display:grid;gap:var(--progress-tracker-gap);grid-template-columns:auto min-content;grid-template-areas:"stage step" "bar   bar"}.tracker-stage{grid-area:stage}.tracker-step{grid-area:step;white-space:nowrap}.tracker-bar{grid-area:bar;position:relative;width:100%;height:var(--progress-tracker-bar-height);border-radius:var(--progress-tracker-bar-border-radius);background-color:var(--progress-tracker-bar-bg)}.tracker-bar:after{content:"";height:100%;width:calc(100%/var(--progress-tracker-stages)*var(--progress-tracker-stage));display:block;border-radius:inherit;background-color:var(--progress-tracker-bar-progress-bg)}@media (prefers-reduced-motion:no-preference){.tracker-bar:after{transition:width .5s ease-in-out}}`}render(){if(this.stages.length<2)return h;this.activeStage=Math.min(Math.max(this.activeStage,this.stages.length>0?1:0),this.stages.length);const r=this.stages[this.activeStage-1],t=v({"--progress-tracker-stage":`${this.activeStage}`,"--progress-tracker-stages":`${this.stages.length}`});return b`<div class=tracker role=group aria-describedby=tracker-details style=${t}><div class=tracker-stage id=tracker-stage aria-live=polite>${r}</div><div class=tracker-step id=tracker-details>${m.get("progressTracker.steps",[this.activeStage,this.stages.length])||`Step ${this.activeStage} of ${this.stages.length}`}</div><div class=tracker-bar id=tracker-bar aria-hidden=true></div></div>`}};p([n({attribute:"stages",type:Array})],a.prototype,"stages",void 0),p([n({attribute:"active",type:Number,reflect:!0})],a.prototype,"activeStage",void 0),a=p([k("typo3-backend-progress-tracker")],a);export{a as ProgressTrackerElement};
diff --git a/Resources/Public/JavaScript/element/pseudo-button.js b/Resources/Public/JavaScript/element/pseudo-button.js
new file mode 100644
index 0000000..bc6ea60
--- /dev/null
+++ b/Resources/Public/JavaScript/element/pseudo-button.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as f}from"lit/decorators.js";import{LitElement as a,css as d,html as v}from"lit";import{KeyTypesEnum as l}from"@typo3/backend/enum/key-types.js";var c=function(n,t,r,o){var i=arguments.length,e=i<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,r):o,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(n,t,r,o);else for(var s=n.length-1;s>=0;s--)(p=n[s])&&(e=(i<3?p(e):i>3?p(t,r,e):p(t,r))||e);return i>3&&e&&Object.defineProperty(t,r,e),e};class u extends a{static{this.styles=[d`:host{cursor:pointer;appearance:button}`]}constructor(){super(),this.role="button",this.tabIndex=0,this.addEventListener("click",t=>{t.preventDefault(),this.buttonActivated(t)}),this.addEventListener("keydown",t=>{t.key===l.SPACE&&t.preventDefault(),t.key===l.ENTER&&(t.preventDefault(),this.buttonActivated(t))}),this.addEventListener("keyup",t=>{t.key===l.SPACE&&(t.preventDefault(),this.buttonActivated(t))})}render(){return v`<slot></slot>`}}c([f({type:String,reflect:!0})],u.prototype,"role",void 0),c([f({type:String,reflect:!0})],u.prototype,"tabIndex",void 0);export{u as PseudoButtonLitElement};
diff --git a/Resources/Public/JavaScript/element/qrcode-element.js b/Resources/Public/JavaScript/element/qrcode-element.js
new file mode 100644
index 0000000..570aa21
--- /dev/null
+++ b/Resources/Public/JavaScript/element/qrcode-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as d,state as h,customElement as b}from"lit/decorators.js";import{LitElement as y,html as s,nothing as f}from"lit";import v from"@typo3/core/ajax/ajax-request.js";import"@typo3/backend/element/spinner-element.js";import"@typo3/backend/element/icon-element.js";import"@typo3/backend/copy-to-clipboard.js";import{unsafeHTML as g}from"lit/directives/unsafe-html.js";import i from"~labels/backend.qrcode";var a=function(t,e,o,l){var c=arguments.length,r=c<3?e:l===null?l=Object.getOwnPropertyDescriptor(e,o):l,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(t,e,o,l);else for(var m=t.length-1;m>=0;m--)(p=t[m])&&(r=(c<3?p(r):c>3?p(e,o,r):p(e,o))||r);return c>3&&r&&Object.defineProperty(e,o,r),r},u;(function(t){t[t.small=64]="small",t[t.medium=128]="medium",t[t.large=256]="large",t[t.mega=512]="mega"})(u||(u={}));let n=class extends y{constructor(){super(),this.content="",this.showDownload=!1,this.showUrl=!1,this.size=u.small,this.qrcodePreview=s`<typo3-backend-spinner size=large></typo3-backend-spinner>`,document.addEventListener("copy-to-clipboard-success",this.showCopySuccess.bind(this)),document.addEventListener("copy-to-clipboard-error",this.showCopyError.bind(this))}connectedCallback(){super.connectedCallback(),this.loadQrCode()}render(){return s`<div class=preview>${this.qrcodePreview}</div>${this.getUrlSection()} ${this.getControls()}`}createRenderRoot(){return this}getUrlSection(){if(!this.showUrl)return f;const e=i.get("qrcode.url"),o=i.get("qrcode.copyUrl");return s`<div class="form-group url-info-section"><label class=form-label>${e}</label><div class=input-group><input type=text class=form-control readonly .value=${this.content}><typo3-copy-to-clipboard text=${this.content} class="btn btn-default" silent><typo3-backend-icon identifier=actions-clipboard size=small></typo3-backend-icon>${o}</typo3-copy-to-clipboard></div></div>`}getControls(){if(!this.showDownload)return s`${f}`;const e=i.get("qrcode.format.png"),o=i.get("qrcode.format.svg"),l=i.get("qrcode.format"),c=i.get("qrcode.size"),r=i.get("qrcode.download");return s`<form name=qrcode-download method=POST action=${TYPO3.settings.ajaxUrls.qrcode_download}><div class=form-row><div class=form-group><input name=content type=hidden value=${this.content}> <label class=form-label>${l}</label> <select name=format class=form-select><option value=svg>${o}</option><option value=png>${e}</option></select></div><div class=form-group><label class=form-label>${c}</label> <select name=size class=form-select>${this.getSizeOptions()}</select></div><div class=form-group><button type=submit class="btn btn-primary">${r}</button></div></div></form>`}getSizeOptions(){return Object.entries(u).filter(([,e])=>typeof e=="number").map(([e,o])=>s`<option value=${e}>${o}x${o}</option>`)}async loadQrCode(){if(this.content===""){this.qrcodePreview=s`<typo3-backend-icon identifier=default-not-found size=small></typo3-backend-icon>`;return}await new v(TYPO3.settings.ajaxUrls.qrcode_generator).withQueryArguments({content:this.content,size:this.size}).get({cache:"no-cache"}).then(async e=>{this.qrcodePreview=s`${g(await e.resolve())}`})}showCopySuccess(){const e=this.querySelector(".url-info-section");e!==null&&(e.classList.add("copy-success"),setTimeout(()=>e.classList.remove("copy-success"),500))}showCopyError(){const e=this.querySelector(".url-info-section");e!==null&&(e.classList.add("copy-error"),setTimeout(()=>e.classList.remove("copy-error"),750))}};a([d({type:String,reflect:!0})],n.prototype,"content",void 0),a([d({type:Boolean,reflect:!0,attribute:"show-download"})],n.prototype,"showDownload",void 0),a([d({type:Boolean,reflect:!0,attribute:"show-url"})],n.prototype,"showUrl",void 0),a([d({type:String,reflect:!0})],n.prototype,"size",void 0),a([h()],n.prototype,"qrcodePreview",void 0),n=a([b("typo3-qrcode")],n);export{n as QrCodeElement};
diff --git a/Resources/Public/JavaScript/element/qrcode-modal-button.js b/Resources/Public/JavaScript/element/qrcode-modal-button.js
new file mode 100644
index 0000000..bcd6c60
--- /dev/null
+++ b/Resources/Public/JavaScript/element/qrcode-modal-button.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as d,customElement as m}from"lit/decorators.js";import{PseudoButtonLitElement as u}from"@typo3/backend/element/pseudo-button.js";import c from"@typo3/backend/modal.js";import{html as f}from"lit";import{topLevelModuleImport as w}from"@typo3/backend/utility/top-level-module-import.js";import h from"~labels/core.mod_web_list";var l=function(r,t,o,i){var a=arguments.length,e=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,o):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(r,t,o,i);else for(var p=r.length-1;p>=0;p--)(s=r[p])&&(e=(a<3?s(e):a>3?s(t,o,e):s(t,o))||e);return a>3&&e&&Object.defineProperty(t,o,e),e};let n=class extends u{constructor(){super(...arguments),this.showUrl=!1,this.showDownload=!1}buttonActivated(){this.modalOpen()}async loadModuleFrameAgnostic(t){window.location!==window.parent.location?await w(t):await import(t)}async modalOpen(){await this.loadModuleFrameAgnostic("@typo3/backend/element/qrcode-element.js"),c.advanced({title:this.modalTitle||"QR Code",size:c.sizes.small,content:f`<div class=text-center><typo3-qrcode class=text-start content=${this.content} size=large ?show-download=${this.showDownload} ?show-url=${this.showUrl}></typo3-qrcode></div>`,buttons:[{text:h.get("button.close"),name:"close",trigger:function(t,o){o.hideModal()}}]})}};l([d({type:String,attribute:"modal-title"})],n.prototype,"modalTitle",void 0),l([d({type:String})],n.prototype,"content",void 0),l([d({type:Boolean,attribute:"show-url"})],n.prototype,"showUrl",void 0),l([d({type:Boolean,attribute:"show-download"})],n.prototype,"showDownload",void 0),n=l([m("typo3-qrcode-modal-button")],n);export{n as QrCodeModalButton};
diff --git a/Resources/Public/JavaScript/element/sidebar-toggle-element.js b/Resources/Public/JavaScript/element/sidebar-toggle-element.js
new file mode 100644
index 0000000..0e4f3a1
--- /dev/null
+++ b/Resources/Public/JavaScript/element/sidebar-toggle-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{css as h,html as f}from"lit";import{property as b,state as m,customElement as g}from"lit/decorators.js";import{PseudoButtonLitElement as c}from"@typo3/backend/element/pseudo-button.js";import{ScaffoldState as r,ScaffoldSidebarToggleEvent as u}from"@typo3/backend/viewport/scaffold-state.js";import"@typo3/backend/element/icon-element.js";var l=function(d,e,a,s){var n=arguments.length,t=n<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,a):s,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(d,e,a,s);else for(var p=d.length-1;p>=0;p--)(o=d[p])&&(t=(n<3?o(t):n>3?o(e,a,t):o(e,a))||t);return n>3&&t&&Object.defineProperty(e,a,t),t};let i=class extends c{constructor(){super(...arguments),this.labelCollapse="Collapse sidebar",this.labelExpand="Expand sidebar",this.disabled=!1,this.expanded=!1,this.handleSidebarToggle=e=>{this.expanded=e.detail.expanded}}static{this.styles=[...c.styles,h`:host{display:inline-flex;align-items:center;justify-content:center;user-select:none}:host([disabled]){pointer-events:none;opacity:.5;cursor:default}`]}connectedCallback(){super.connectedCallback(),this.expanded=r.isLargeScreen()?r.isSidebarExpanded():r.isSidebarVisible(),this.updateLabels(),document.addEventListener(u.eventName,this.handleSidebarToggle)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(u.eventName,this.handleSidebarToggle)}updated(){this.updateLabels(),this.updateDisabledState()}render(){const e=this.expanded?"actions-menu-sidebar-collapsed":"actions-menu-sidebar-expanded",a=this.disabled?"overlay-readonly":null;return f`<typo3-backend-icon identifier=${e} size=small overlay=${a}></typo3-backend-icon>`}buttonActivated(){this.disabled||r.toggleSidebar()}updateLabels(){const e=this.expanded?this.labelCollapse:this.labelExpand;this.title=e,this.setAttribute("aria-label",e)}updateDisabledState(){this.disabled?(this.setAttribute("aria-disabled","true"),this.tabIndex=-1):(this.removeAttribute("aria-disabled"),this.tabIndex=0)}};l([b({type:String,attribute:"label-collapse"})],i.prototype,"labelCollapse",void 0),l([b({type:String,attribute:"label-expand"})],i.prototype,"labelExpand",void 0),l([b({type:Boolean,reflect:!0})],i.prototype,"disabled",void 0),l([m()],i.prototype,"expanded",void 0),i=l([g("typo3-backend-sidebar-toggle")],i);export{i as SidebarToggleElement};
diff --git a/Resources/Public/JavaScript/element/spinner-element.js b/Resources/Public/JavaScript/element/spinner-element.js
new file mode 100644
index 0000000..01ecf8c
--- /dev/null
+++ b/Resources/Public/JavaScript/element/spinner-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as a,html as m}from"lit";import{property as f,customElement as u}from"lit/decorators.js";import{Sizes as h}from"@typo3/backend/enum/icon-types.js";import{IconStyles as v}from"@typo3/backend/icons.js";var l=function(r,t,n,s){var o=arguments.length,e=o<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(r,t,n,s);else for(var c=r.length-1;c>=0;c--)(i=r[c])&&(e=(o<3?i(e):o>3?i(t,n,e):i(t,n))||e);return o>3&&e&&Object.defineProperty(t,n,e),e};let p=class extends a{constructor(){super(...arguments),this.size=h.default}static{this.styles=v.getStyles()}render(){return m`<span class="icon icon-size-${this.size} icon-state-default icon-spin"> <span class=icon-markup><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8 15c-3.86 0-7-3.141-7-7s3.14-7 7-7 7 3.14 7 7-3.141 7-7 7M8 3C5.243 3 3 5.243 3 8s2.243 5 5 5 5-2.243 5-5-2.243-5-5-5" opacity=".3"/><path d="M14 9a1 1 0 0 1-1-1c0-2.757-2.243-5-5-5a1 1 0 0 1 0-2c3.859 0 7 3.14 7 7a1 1 0 0 1-1 1"/></g></svg> </span> </span>`}};l([f({type:String})],p.prototype,"size",void 0),p=l([u("typo3-backend-spinner")],p);export{p as SpinnerElement};
diff --git a/Resources/Public/JavaScript/element/status-indicator-element.js b/Resources/Public/JavaScript/element/status-indicator-element.js
new file mode 100644
index 0000000..dc033bf
--- /dev/null
+++ b/Resources/Public/JavaScript/element/status-indicator-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as p,customElement as d}from"lit/decorators.js";import{LitElement as h,html as f,nothing as c}from"lit";import{classMap as m}from"lit/directives/class-map.js";var l=function(n,t,o,a){var s=arguments.length,e=s<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,o):a,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(n,t,o,a);else for(var u=n.length-1;u>=0;u--)(r=n[u])&&(e=(s<3?r(e):s>3?r(t,o,e):r(t,o))||e);return s>3&&e&&Object.defineProperty(t,o,e),e};const g={online:"live",running:"loading"};let i=class extends h{constructor(){super(...arguments),this.state="default",this.live=!1,this.loading=!1,this.label=null}createRenderRoot(){return this}render(){const t=this.label!==null&&this.label!=="";return f`<span class=${m(this.getClasses())} title=${t?this.label:c} role=${t?"img":c} aria-label=${t?this.label:c} aria-hidden=${t?c:"true"}></span>`}getClasses(){const t=g[this.state];return{"status-indicator":!0,["status-indicator-"+this.state]:!0,"status-indicator-live":this.live||t==="live","status-indicator-loading":this.loading||t==="loading"}}};l([p({type:String})],i.prototype,"state",void 0),l([p({type:Boolean})],i.prototype,"live",void 0),l([p({type:Boolean})],i.prototype,"loading",void 0),l([p({type:String})],i.prototype,"label",void 0),i=l([d("typo3-backend-status-indicator")],i);export{i as StatusIndicatorElement};
diff --git a/Resources/Public/JavaScript/element/thumbnail-element.js b/Resources/Public/JavaScript/element/thumbnail-element.js
new file mode 100644
index 0000000..b875da1
--- /dev/null
+++ b/Resources/Public/JavaScript/element/thumbnail-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as p,customElement as d}from"lit/decorators.js";import{LitElement as b,html as c}from"lit";import{Task as y}from"@lit/task";import"@typo3/backend/element/spinner-element.js";import"@typo3/backend/element/icon-element.js";var l=function(m,t,n,s){var a=arguments.length,e=a<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,n):s,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(m,t,n,s);else for(var r=m.length-1;r>=0;r--)(i=m[r])&&(e=(a<3?i(e):a>3?i(t,n,e):i(t,n))||e);return a>3&&e&&Object.defineProperty(t,n,e),e};const u={default:"default",small:"small",medium:"medium",large:"large"};let o=class extends b{constructor(){super(...arguments),this.size=u.default,this.keepAspectRatio=!1,this.thumbnailTask=new y(this,{task:async([t,n,s,a,e])=>{const i=new URL(t,window.origin);i.searchParams.set("size",n),i.searchParams.set("keepAspectRatio",s?"1":"0"),i.searchParams.set("bust",Date.now().toString(10));const r=new Image;return r.src=i.toString(),a>0&&(r.width=a),e>0&&!s&&(r.height=e),await new Promise((h,f)=>{r.onload=()=>h(),r.onerror=()=>f()}),c`${r}`},args:()=>[this.url,this.size,this.keepAspectRatio,this.width,this.height]})}createRenderRoot(){return this}render(){return this.thumbnailTask.render({pending:()=>c`<typo3-backend-spinner size=${this.size}></typo3-backend-spinner>`,complete:t=>c`${t}`,error:()=>c`<typo3-backend-icon identifier=default-not-found size=small></typo3-backend-icon>`})}};l([p({type:String,reflect:!0})],o.prototype,"url",void 0),l([p({type:String,reflect:!0})],o.prototype,"size",void 0),l([p({type:Boolean,reflect:!0})],o.prototype,"keepAspectRatio",void 0),l([p({type:Number,reflect:!0})],o.prototype,"width",void 0),l([p({type:Number,reflect:!0})],o.prototype,"height",void 0),o=l([d("typo3-backend-thumbnail")],o);export{o as ThumbnailElement,u as ThumbnailSize};
diff --git a/Resources/Public/JavaScript/enum/data-transfer-types.js b/Resources/Public/JavaScript/enum/data-transfer-types.js
new file mode 100644
index 0000000..241c1a2
--- /dev/null
+++ b/Resources/Public/JavaScript/enum/data-transfer-types.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+var t;(function(o){o.treenode="application/x-typo3-treenode",o.newTreenode="application/x-typo3-new-treenode+json",o.pages="application/x-typo3-record-pages+json",o.falResources="application/x-typo3-fal-resources+json",o.dragTooltip="application/x-typo3-drag-tooltip+json",o.content="application/x-typo3-content+json"})(t||(t={}));export{t as DataTransferTypes};
diff --git a/Resources/Public/JavaScript/enum/icon-types.js b/Resources/Public/JavaScript/enum/icon-types.js
new file mode 100644
index 0000000..af29425
--- /dev/null
+++ b/Resources/Public/JavaScript/enum/icon-types.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+var l;(function(a){a.default="default",a.small="small",a.medium="medium",a.large="large",a.mega="mega",a.overlay="overlay"})(l||(l={}));var e;(function(a){a.default="default",a.disabled="disabled"})(e||(e={}));var d;(function(a){a.default="default",a.inline="inline"})(d||(d={}));export{d as MarkupIdentifiers,l as Sizes,e as States};
diff --git a/Resources/Public/JavaScript/enum/key-types.js b/Resources/Public/JavaScript/enum/key-types.js
new file mode 100644
index 0000000..8045a46
--- /dev/null
+++ b/Resources/Public/JavaScript/enum/key-types.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+var o;(function(r){r.TAB="Tab",r.ENTER="Enter",r.ESCAPE="Escape",r.SPACE=" ",r.END="End",r.HOME="Home",r.LEFT="ArrowLeft",r.UP="ArrowUp",r.RIGHT="ArrowRight",r.DOWN="ArrowDown",r.PAGE_UP="PageUp",r.PAGE_DOWN="PageDown"})(o||(o={}));export{o as KeyTypesEnum};
diff --git a/Resources/Public/JavaScript/enum/severity.js b/Resources/Public/JavaScript/enum/severity.js
new file mode 100644
index 0000000..62a2209
--- /dev/null
+++ b/Resources/Public/JavaScript/enum/severity.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+var a;(function(o){o[o.notice=-2]="notice",o[o.info=-1]="info",o[o.ok=0]="ok",o[o.warning=1]="warning",o[o.error=2]="error"})(a||(a={}));export{a as SeverityEnum};
diff --git a/Resources/Public/JavaScript/enum/viewport/scaffold-identifier.js b/Resources/Public/JavaScript/enum/viewport/scaffold-identifier.js
new file mode 100644
index 0000000..6824392
--- /dev/null
+++ b/Resources/Public/JavaScript/enum/viewport/scaffold-identifier.js
@@ -0,0 +1,13 @@
+/*
+ * 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{ContentNavigationSlotEnum as n}from"@typo3/backend/viewport/content-navigation.js";var e;(function(t){t.scaffold=".t3js-scaffold",t.header=".t3js-scaffold-header",t.sidebar=".t3js-scaffold-sidebar",t.content=".t3js-scaffold-content",t.contentModuleRouter="typo3-backend-module-router",t.contentModuleIframe=".t3js-scaffold-content-module-iframe"})(e||(e={}));class a{static{this.selector='typo3-backend-content-navigation[identifier="backend"]'}static getContentNavigation(){return document.querySelector(this.selector)}static getNavigationContainer(){return this.getContentNavigation()?.querySelector(`[slot="${n.navigation}"]`)??null}static getContentContainer(){return this.getContentNavigation()?.querySelector(`[slot="${n.content}"]`)??null}}export{a as ScaffoldContentArea,e as ScaffoldIdentifierEnum};
diff --git a/Resources/Public/JavaScript/event/client-request.js b/Resources/Public/JavaScript/event/client-request.js
new file mode 100644
index 0000000..5c5388d
--- /dev/null
+++ b/Resources/Public/JavaScript/event/client-request.js
@@ -0,0 +1,13 @@
+/*
+ * 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 s from"@typo3/backend/event/interaction-request.js";class n extends s{constructor(t,e=null){super(t),this.clientEvent=e}}export{n as default};
diff --git a/Resources/Public/JavaScript/event/consumer-scope.js b/Resources/Public/JavaScript/event/consumer-scope.js
new file mode 100644
index 0000000..5ab42e3
--- /dev/null
+++ b/Resources/Public/JavaScript/event/consumer-scope.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class t{constructor(){this.consumers=[]}getConsumers(){return this.consumers}hasConsumer(s){return this.consumers.includes(s)}attach(s){this.hasConsumer(s)||this.consumers.push(s)}detach(s){this.consumers=this.consumers.filter(e=>e!==s)}async invoke(s){const e=[];this.consumers.forEach(o=>{const r=o.consume.call(o,s);r&&e.push(r)}),await Promise.all(e)}}var c=new t;export{c as default};
diff --git a/Resources/Public/JavaScript/event/event-dispatcher.js b/Resources/Public/JavaScript/event/event-dispatcher.js
new file mode 100644
index 0000000..8bb74c3
--- /dev/null
+++ b/Resources/Public/JavaScript/event/event-dispatcher.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class c{static dispatchCustomEvent(e,n=null,s=!1){const t=new CustomEvent(e,{detail:n});s?typeof top<"u"&&top.document.dispatchEvent(t):document.dispatchEvent(t)}}export{c as EventDispatcher};
diff --git a/Resources/Public/JavaScript/event/form-engine-link-browser-set-link-event.js b/Resources/Public/JavaScript/event/form-engine-link-browser-set-link-event.js
new file mode 100644
index 0000000..d81747a
--- /dev/null
+++ b/Resources/Public/JavaScript/event/form-engine-link-browser-set-link-event.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class e extends Event{static{this.eventName="typo3:form-engine:link-browser:set-link"}constructor(t,s){super(e.eventName,{bubbles:!0,composed:!0,cancelable:!1}),this.value=t,this.onFieldChangeItems=s}}export{e as FormEngineLinkBrowserSetLinkEvent};
diff --git a/Resources/Public/JavaScript/event/interaction-request-map.js b/Resources/Public/JavaScript/event/interaction-request-map.js
new file mode 100644
index 0000000..a99469c
--- /dev/null
+++ b/Resources/Public/JavaScript/event/interaction-request-map.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class r{constructor(){this.assignments=[]}attachFor(t,s){let e=this.getFor(t);e===null&&(e={request:t,deferreds:[]},this.assignments.push(e)),e.deferreds.push(s)}detachFor(t){const s=this.getFor(t);this.assignments=this.assignments.filter(e=>e===s)}getFor(t){let s=null;return this.assignments.some(e=>e.request===t?(s=e,!0):!1),s}resolveFor(t){const s=this.getFor(t);return s===null?!1:(s.deferreds.forEach(e=>e.resolve()),this.detachFor(t),!0)}rejectFor(t){const s=this.getFor(t);return s===null?!1:(s.deferreds.forEach(e=>e.reject()),this.detachFor(t),!0)}}var n=new r;export{n as default};
diff --git a/Resources/Public/JavaScript/event/interaction-request.js b/Resources/Public/JavaScript/event/interaction-request.js
new file mode 100644
index 0000000..18af0c1
--- /dev/null
+++ b/Resources/Public/JavaScript/event/interaction-request.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class s{constructor(e,t=null){this.processed=!1,this.processedData=null,this.type=e,this.parentRequest=t}get outerMostRequest(){let e=this;for(;e.parentRequest instanceof s;)e=e.parentRequest;return e}isProcessed(){return this.processed}getProcessedData(){return this.processedData}setProcessedData(e=null){this.processed=!0,this.processedData=e}}export{s as default};
diff --git a/Resources/Public/JavaScript/event/trigger-request.js b/Resources/Public/JavaScript/event/trigger-request.js
new file mode 100644
index 0000000..1b95af7
--- /dev/null
+++ b/Resources/Public/JavaScript/event/trigger-request.js
@@ -0,0 +1,13 @@
+/*
+ * 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 r from"@typo3/backend/event/interaction-request.js";class n extends r{constructor(t,e=null){super(t,e)}concerns(t){if(this===t)return!0;for(let e=this.parentRequest;e instanceof r;e=e.parentRequest)if(e===t)return!0;return!1}concernsTypes(t){if(t.includes(this.type))return!0;for(let e=this.parentRequest;e instanceof r;e=e.parentRequest)if(t.includes(e.type))return!0;return!1}}export{n as default};
diff --git a/Resources/Public/JavaScript/form-engine-link-browser-adapter.js b/Resources/Public/JavaScript/form-engine-link-browser-adapter.js
new file mode 100644
index 0000000..e4d903d
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine-link-browser-adapter.js
@@ -0,0 +1,13 @@
+/*
+ * 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 r from"@typo3/backend/link-browser.js";import o from"@typo3/core/ajax/ajax-request.js";import{FormEngineLinkBrowserSetLinkEvent as s}from"@typo3/backend/event/form-engine-link-browser-set-link-event.js";var a=function(){const e={onFieldChangeItems:null};return e.setOnFieldChangeItems=function(n){e.onFieldChangeItems=n},r.finalizeFunction=async n=>{const i=await new o(TYPO3.settings.ajaxUrls.link_browser_encodetypolink).withQueryArguments({...r.getLinkAttributeValues(),url:n}).get(),{typoLink:t}=await i.resolve();t&&window.frameElement.dispatchEvent(new s(t,e.onFieldChangeItems))},e}();export{a as default};
diff --git a/Resources/Public/JavaScript/form-engine-review.js b/Resources/Public/JavaScript/form-engine-review.js
new file mode 100644
index 0000000..82c186c
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine-review.js
@@ -0,0 +1,13 @@
+/*
+ * 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"bootstrap";import a from"@typo3/core/document-service.js";import{selector as d}from"@typo3/core/literals.js";import"@typo3/backend/element/icon-element.js";import r from"@typo3/backend/popover.js";import{Tab as c}from"@typo3/backend/tab.js";import m from"@typo3/backend/utility/dom-helper.js";import u from"~labels/backend.alt_doc";class h{constructor(e){this.formElement=e,this.toggleButtonClass="t3js-toggle-review-panel",this.labelSelector=".t3js-formengine-label",this.invalidFields=new Set,this.initialize()}initialize(){this.formElement.addEventListener("t3-formengine-postfieldvalidation",e=>{const i=e.detail.field;e.detail.isValid?this.invalidFields.delete(i):this.invalidFields.add(i),this.checkForReviewableField()}),a.ready().then(()=>{this.attachButtonToModuleHeader(),this.checkForReviewableField()})}attachButtonToModuleHeader(){const e=document.querySelector(".t3js-module-docheader-buttons")?.lastElementChild?.querySelector('[role="toolbar"]');if(!e)return;const i=document.createElement("typo3-backend-icon");i.setAttribute("identifier","actions-exclamation-circle"),i.setAttribute("size","small");const t=document.createElement("button");t.type="button",t.classList.add("btn","btn-danger","btn-sm","hidden",this.toggleButtonClass),t.title=u.get("buttons.reviewFailedValidationFields"),t.appendChild(i),r.popover(t),e.prepend(t)}checkForReviewableField(){const e=document.querySelector("."+this.toggleButtonClass);if(e!==null)if(this.invalidFields.size>0){const i=document.createElement("div");i.classList.add("list-group");for(const t of this.invalidFields){const o=t.closest(".t3js-formengine-validation-marker");if(o===null)throw console.error(t),new Error("Could not find an element containing the `t3js-formengine-validation-marker` class for the previously logged input field.");const l=o.querySelector("[data-formengine-validation-rules]");if(l===null)throw console.error(o),new Error("Could not find an element containing the `data-formengine-validation-rules` attribute for the previously logged container.");const n=document.createElement("a");n.classList.add("list-group-item"),n.href="#",n.textContent=o.querySelector(this.labelSelector)?.textContent||"",n.addEventListener("click",s=>{this.switchToField(s,o,l)}),i.append(n)}e.classList.remove("hidden"),r.setOptions(e,{html:!0,content:i})}else e.classList.add("hidden"),r.hide(e)}switchToField(e,i,t){e.preventDefault();let o=t;for(;o;){if(o.matches('[id][role="tabpanel"]')){const l=document.querySelector(d`[aria-controls="${o.id}"]`);c.show(l)}o=o.parentElement}t.checkVisibility()?t.focus():m.scrollIntoViewIfNeeded(i)}}export{h as FormEngineReview};
diff --git a/Resources/Public/JavaScript/form-engine-suggest.js b/Resources/Public/JavaScript/form-engine-suggest.js
new file mode 100644
index 0000000..f87d7a5
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine-suggest.js
@@ -0,0 +1,13 @@
+/*
+ * 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"@typo3/backend/form-engine/element/suggest/result-container.js";import o from"@typo3/core/document-service.js";import i from"@typo3/backend/form-engine.js";import n from"@typo3/core/event/regular-event.js";import u from"@typo3/core/event/debounce-event.js";import a from"@typo3/core/ajax/ajax-request.js";import{selector as d}from"@typo3/core/literals.js";class m{constructor(t){this.currentRequest=null,this.handleKeyDown=e=>{if(e.key==="ArrowDown"){e.preventDefault(),JSON.parse(this.resultContainer.getAttribute("results"))?.length>0&&(this.resultContainer.hidden=!1),this.resultContainer.querySelector("typo3-backend-formengine-suggest-result-item")?.focus();return}e.key==="Escape"&&(e.preventDefault(),this.resultContainer.hidden=!0)},this.element=t,o.ready().then(()=>{this.initialize(t),this.registerEvents()})}initialize(t){const e=t.closest(".t3-form-suggest-container");this.resultContainer=document.createElement("typo3-backend-formengine-suggest-result-container"),this.resultContainer.hidden=!0,e.append(this.resultContainer)}registerEvents(){new n("typo3:formengine:suggest-item-chosen",t=>{let e="";this.element.dataset.fieldtype==="select"?e=t.detail.element.uid:e=t.detail.element.table+"_"+t.detail.element.uid,i.setSelectOptionFromExternalSource(this.element.dataset.field,e,t.detail.element.label,t.detail.element.label),i.markFieldAsChanged(document.querySelector(d`input[name="${this.element.dataset.field}"]`)),this.resultContainer.hidden=!0}).bindTo(this.resultContainer),new n("focus",()=>{JSON.parse(this.resultContainer.getAttribute("results"))?.length>0&&(this.resultContainer.hidden=!1)}).bindTo(this.element),new n("blur",t=>{t.relatedTarget?.tagName.toLowerCase()!=="typo3-backend-formengine-suggest-result-item"&&(this.resultContainer.hidden=!0)}).bindTo(this.element),new u("input",t=>{this.currentRequest instanceof a&&this.currentRequest.abort();const e=t.target;if(e.value.length<parseInt(e.dataset.minchars,10))return;const r=parseInt(e.dataset.uid,10);this.currentRequest=new a(TYPO3.settings.ajaxUrls.record_suggest),this.currentRequest.post({value:e.value,tableName:e.dataset.tablename,fieldName:e.dataset.fieldname,uid:isNaN(r)?null:r,pid:parseInt(e.dataset.pid,10),dataStructureIdentifier:e.dataset.datastructureidentifier,flexFormSheetName:e.dataset.flexformsheetname,flexFormFieldName:e.dataset.flexformfieldname,flexFormContainerName:e.dataset.flexformcontainername,flexFormContainerFieldName:e.dataset.flexformcontainerfieldname,recordTypeValue:e.dataset.recordtypevalue}).then(async s=>{const l=await s.raw().text();this.resultContainer.setAttribute("results",l),this.resultContainer.hidden=!1})}).bindTo(this.element),new n("keydown",this.handleKeyDown).bindTo(this.element)}}export{m as default};
diff --git a/Resources/Public/JavaScript/form-engine-validation.js b/Resources/Public/JavaScript/form-engine-validation.js
new file mode 100644
index 0000000..5dd3bad
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine-validation.js
@@ -0,0 +1,13 @@
+/*
+ * 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{DateTime as p}from"luxon";import y from"@typo3/backend/hashing/md5.js";import g from"@typo3/backend/modal.js";import w from"@typo3/backend/severity.js";import b from"@typo3/backend/utility.js";import k from"@typo3/core/event/regular-event.js";import E from"@typo3/core/event/throttle-event.js";import x from"@typo3/backend/utility/dom-helper.js";import{selector as d}from"@typo3/core/literals.js";import N from"@typo3/backend/form/submit-interceptor.js";import{FormEngineReview as T}from"@typo3/backend/form-engine-review.js";import v from"~labels/core.core";import C from"~labels/core.mod_web_list";let o,S=!1;const h=new Map;class a{static{this.rulesSelector="[data-formengine-validation-rules]"}static{this.inputSelector="[data-formengine-input-params]"}static{this.markerSelector=".t3js-formengine-validation-marker"}static{this.labelSelector=".t3js-formengine-label"}static{this.errorClass="has-error"}static{this.validationErrorClass="has-validation-error"}static{this.passwordDummy="********"}static initialize(t){o=t,o.formElement.querySelectorAll("."+a.errorClass).forEach(e=>e.classList.remove(a.errorClass)),a.initializeInputFields(),new T(o.formElement),new k("change",(e,s)=>{a.validateField(s),o.markFieldAsChanged(s)}).delegateTo(o.formElement,a.rulesSelector),new E("input",(e,s)=>{a.validateField(s)},100).delegateTo(o.formElement,a.rulesSelector),a.registerSubmitCallback(),a.validate()}static initializeInputFields(){o.formElement.querySelectorAll(a.inputSelector).forEach(t=>{if("formengineInputInitialized"in t.dataset)return;const s=JSON.parse(t.dataset.formengineInputParams).field,r=o.formElement.querySelector(d`[name="${s}"]`);r.dataset.config=t.dataset.formengineInputParams,a.initializeInputField(s)})}static initializeInputField(t){const e=o.formElement.querySelector(d`[name="${t}"]`),s=o.formElement.querySelector(d`[data-formengine-input-name="${t}"]`);if(e.dataset.config!==void 0){const r=JSON.parse(e.dataset.config),i=a.formatByEvals(r,e.value);i.length&&(s.value=i)}new k("change",()=>{a.updateInputField(s.dataset.formengineInputName)}).bindTo(s),s.dataset.formengineInputInitialized="true",s.dispatchEvent(new Event("formengine:input:initialized"))}static registerCustomEvaluation(t,e){h.has(t)||h.set(t,e)}static formatByEvals(t,e){if(t.evalList!==void 0){const s=b.trimExplode(",",t.evalList);for(const r of s)e=a.formatValue(r,e)}return e}static formatValue(t,e){switch(t){case"date":case"datetime":case"time":case"timesec":case"datetimesec":if(e==="")return"";const s=p.fromISO(String(e));if(!s.isValid)throw new Error("Invalid ISO8601 DateTime string: "+e);return s.toISO({suppressMilliseconds:!0,includeOffset:!1});case"password":return e?a.passwordDummy:"";default:return e.toString()}}static updateInputField(t){const e=o.formElement.querySelector(d`[name="${t}"]`),s=o.formElement.querySelector(d`[data-formengine-input-name="${t}"]`);if(e.dataset.config!==void 0){const r=JSON.parse(e.dataset.config),i=a.processByEvals(r,s.value),u=a.formatByEvals(r,i);e.value!==i&&(e.disabled&&e.dataset.enableOnModification&&(e.disabled=!1),e.value=i,e.dispatchEvent(new Event("change"))),s.value!==u&&(s.value=u)}}static validateField(t){if(t.dataset.formengineValidationRules===void 0)return;let e=t.value||"";const s=JSON.parse(t.dataset.formengineValidationRules);let r=!1,i=0,u,n,c;Array.isArray(e)||(e=e.trimStart());for(const l of s){if(r)break;switch(l.type){case"required":e===""&&(r=!0,t.classList.add(a.errorClass),t.closest(a.markerSelector)?.querySelector(a.labelSelector)?.classList.add(a.errorClass));break;case"range":if(e!==""){if((l.minItems||l.maxItems)&&(u=o.formElement.querySelector(d`[name="${t.dataset.relatedfieldname}"]`),u!==null?i=b.trimExplode(",",u.value).length:i=parseInt(t.value,10),l.minItems!==void 0&&(n=l.minItems*1,!isNaN(n)&&i<n&&(r=!0)),l.maxItems!==void 0&&(c=l.maxItems*1,!isNaN(c)&&i>c&&(r=!0))),l.lower!==void 0)if(t.dataset.inputType==="datetimepicker"){const m=p.fromISO(e,{zone:"utc"}),I=p.fromISO(l.lower,{zone:"utc"});(!m.isValid||m<I.minus(I.second*1e3))&&(r=!0)}else{const m=l.lower*1;!isNaN(m)&&parseInt(e,10)<m&&(r=!0)}if(l.upper!==void 0)if(t.dataset.inputType==="datetimepicker"){const m=p.fromISO(e,{zone:"utc"}),I=p.fromISO(l.upper,{zone:"utc"});(!m.isValid||m>I.plus((59-I.second)*1e3))&&(r=!0)}else{const m=l.upper*1;!isNaN(m)&&parseInt(e,10)>m&&(r=!0)}}break;case"select":case"category":(l.minItems||l.maxItems)&&(u=o.formElement.querySelector(d`[name="${t.dataset.relatedfieldname}"]`),u!==null?i=b.trimExplode(",",u.value).length:t instanceof HTMLSelectElement?i=t.querySelectorAll("option:checked").length:i=t.querySelectorAll("input[value]:checked").length,l.minItems!==void 0&&(n=l.minItems*1,!isNaN(n)&&i<n&&(r=!0)),l.maxItems!==void 0&&(c=l.maxItems*1,!isNaN(c)&&i>c&&(r=!0)));break;case"group":case"folder":(l.minItems||l.maxItems)&&(i=b.trimExplode(",",t.value).length,l.minItems!==void 0&&(n=l.minItems*1,!isNaN(n)&&i<n&&(r=!0)),l.maxItems!==void 0&&(c=l.maxItems*1,!isNaN(c)&&i>c&&(r=!0)));break;case"inline":(l.minItems||l.maxItems)&&(i=b.trimExplode(",",t.value).length,l.minItems!==void 0&&(n=l.minItems*1,!isNaN(n)&&i<n&&(r=!0)),l.maxItems!==void 0&&(c=l.maxItems*1,!isNaN(c)&&i>c&&(r=!0)));break;case"min":(t instanceof HTMLInputElement||t instanceof HTMLTextAreaElement)&&t.value.length>0&&t.value.length<t.minLength&&(r=!0);break;case"null":break;default:break}}const f=!r;t.classList.toggle(a.errorClass,!f),t.setAttribute("aria-invalid",r.toString()),t.closest(a.markerSelector)?.querySelector(a.labelSelector)?.classList.toggle(a.errorClass,!f),a.markParentTab(t,f),o.formElement.dispatchEvent(new CustomEvent("t3-formengine-postfieldvalidation",{detail:{field:t,isValid:f},cancelable:!1,bubbles:!0}))}static processByEvals(t,e){if(t.evalList!==void 0){const s=b.trimExplode(",",t.evalList);for(const r of s)e=a.processValue(r,e,t)}return e}static processValue(t,e,s){let r="",i="",u=0,n=e;switch(t){case"alpha":case"num":case"alphanum":case"alphanum_x":for(r="",u=0;u<e.length;u++){const c=e.substr(u,1);let f=c==="_"||c==="-",l=c>="a"&&c<="z"||c>="A"&&c<="Z",m=c>="0"&&c<="9";switch(t){case"alphanum":f=!1;break;case"alpha":m=!1,f=!1;break;case"num":l=!1,f=!1;break;default:break}(l||m||f)&&(r+=c)}r!==e&&(n=r);break;case"is_in":if(s.is_in){i=""+e,s.is_in=s.is_in.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&");const c=new RegExp("[^"+s.is_in+"]+","g");r=i.replace(c,"")}else r=i;n=r;break;case"nospace":n=(""+e).replace(/ /g,"");break;case"md5":e!==""&&(n=y.hash(e));break;case"upper":n=e.toUpperCase();break;case"lower":n=e.toLowerCase();break;case"integer":e!==""&&(n=a.parseInt(e).toString());break;case"decimal":e!==""&&(n=a.parseDouble(e));break;case"trim":n=String(e).trim();break;case"time":case"timesec":e!==""&&(n=p.fromISO(e).set({year:1970,month:1,day:1}).toISO({suppressMilliseconds:!0,includeOffset:!1}));break;case"null":break;case"password":break;default:h.has(t)?n=h.get(t).call(null,e):typeof TBE_EDITOR=="object"&&TBE_EDITOR.customEvalFunctions!==void 0&&typeof TBE_EDITOR.customEvalFunctions[t]=="function"&&(n=TBE_EDITOR.customEvalFunctions[t](e))}return n}static validate(t){(typeof t>"u"||t instanceof Document)&&o.formElement.querySelectorAll(a.markerSelector+', [role="tablist"] > .nav-item').forEach(s=>{s.classList.remove(a.validationErrorClass)});const e=t||document;for(const s of e.querySelectorAll(a.rulesSelector))s.closest(".t3js-flex-section-deleted, .t3js-inline-record-deleted, .t3js-file-reference-deleted")===null&&a.validateField(s)}static parseInt(t){const e=""+t;if(!t)return 0;const s=parseInt(e,10);return isNaN(s)?0:s}static parseDouble(t,e=2){let s=""+t;s=s.replace(/[^0-9,.-]/g,"");const r=s.startsWith("-");s=s.replace(/-/g,""),s=s.replace(/,/g,"."),s.indexOf(".")===-1&&(s+=".0");const i=s.split("."),u=i.pop();let n=+(i.join("")+"."+u);return r&&(n*=-1),s=n.toFixed(e),s}static markParentTab(t,e){x.parents(t,".tab-pane").forEach(r=>{e&&(e=r.querySelector(".has-error")===null);const i=r.id;o.formElement.querySelector(d`[data-typo3-tab="${"#"+i}"]`).closest(".nav-item").classList.toggle(a.validationErrorClass,!e)})}static suspend(){S=!0}static resume(){S=!1}static isValid(){return document.querySelector("."+a.errorClass)===null}static showErrorModal(){const t=g.confirm(v.get("labels.fieldsMissing.title"),v.get("labels.fieldsMissing"),w.error,[{text:C.get("button.ok"),active:!0,btnClass:"btn-default",name:"ok"}]);t.addEventListener("button.clicked",()=>t.hideModal())}static registerSubmitCallback(){new N(o.formElement).addPreSubmitCallback(()=>S||a.isValid()?!0:(a.showErrorModal(),!1))}}export{a as default};
diff --git a/Resources/Public/JavaScript/form-engine.js b/Resources/Public/JavaScript/form-engine.js
new file mode 100644
index 0000000..70742dd
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine.js
@@ -0,0 +1,15 @@
+/*
+ * 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 T from"@typo3/core/document-service.js";import D from"@typo3/backend/form-engine-validation.js";import p from"@typo3/backend/modal.js";import*as j from"@typo3/backend/utility/message-utility.js";import w from"@typo3/backend/severity.js";import*as P from"@typo3/backend/backend-exception.js";import I from"@typo3/backend/event/interaction-request-map.js";import N from"@typo3/backend/utility.js";import{selector as y}from"@typo3/core/literals.js";import"@typo3/backend/form-engine/element/extra/char-counter.js";import M,{ModifierKeys as O}from"@typo3/backend/hotkeys.js";import v from"@typo3/core/event/regular-event.js";import s from"~labels/backend.alt_doc";import _ from"~labels/core.core";var C;(function(E){E.save="_savedok",E.saveAndClose="_saveandclosedok",E.saveAndView="_savedokview",E.saveAndNew="_savedoknew",E.duplicate="_duplicatedoc"})(C||(C={}));var z=function(){function E(t,n){n?e.interactionRequestMap.resolveFor(t):e.interactionRequestMap.rejectFor(t)}const k=new Map;k.set("typo3-backend-form-update-value",t=>{const n=document.querySelector(y`[name="${t.elementName}"]`),a=document.querySelector(y`[data-formengine-input-name="${t.elementName}"]`);e.Validation.updateInputField(t.elementName),n!==null&&(e.markFieldAsChanged(n),e.Validation.validateField(n)),a!==null&&a!==n&&e.Validation.validateField(a)}),k.set("typo3-backend-form-reload",t=>{const n=()=>{e.Validation.suspend(),e.saveDocument(),e.Validation.resume()};if(!t.confirmation){n();return}const a=p.advanced({title:_.get("mess.refreshRequired.title"),content:_.get("mess.refreshRequired.content"),severity:w.warning,staticBackdrop:!0,buttons:[{text:_.get("mess.refreshRequired.cancel"),active:!0,btnClass:"btn-default",name:"cancel",trigger:()=>{a.hideModal()}},{text:_.get("mess.refreshRequired.confirm"),btnClass:"btn-"+w.getCssClass(w.warning),name:"ok",trigger:()=>{e.closeModalsRecursive(),n()}}]})}),k.set("typo3-backend-form-update-bitmask",(t,n)=>{const a=n.target,o=e.formElement[t.elementName],i=a.checked!==t.invert,l=Math.pow(2,t.position),u=Math.pow(2,t.total)-l-1;o.value=i?o.value|l:o.value&u,o.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))});let A=!1,q=null;const e={consumeTypes:["typo3.setUrl","typo3.beforeSetUrl","typo3.refresh"],Validation:D,interactionRequestMap:I,formName:"editform",formElement:void 0,openedPopupWindow:null,browserUrl:""};Object.defineProperty(e,"formElement",{get:()=>document.forms.namedItem(e.formName),enumerable:!0,configurable:!1}),e.ready=async function(){return q??(q=async function(){A||await new Promise(n=>e.formElement.addEventListener("typo3:form-engine:ready",()=>n(),{once:!0}))}())},e.openPopupWindow=function(t,n,a,o,i,l,u){const c={mode:t};return n&&(c.fieldReference=n),a&&(c.allowedTypes=a),o&&(c.disallowedFileExtensions=o),i&&(c.irreObjectId=i),l&&(t==="db"?c.expandPage=l:c.expandFolder=l),c.useEvents=u?"1":"0",p.advanced({type:p.types.iframe,content:e.browserUrl+"&"+new URLSearchParams(c).toString(),size:p.sizes.large})},e.setSelectOptionFromExternalSource=function(t,n,a,o,i=[],l=void 0){let u=!1,c=!1,r=e.getFieldElement(t);const m=r;if(m===null||n==="--div--"||m instanceof HTMLOptGroupElement)return;const f=e.getFieldElement(t,"_list",!0);if(f!==null&&(r=f,u=r.multiple&&r.size!==1,c=!0),u||c){const h=e.getFieldElement(t,"_avail");if(h===null)return;if(!u){for(const d of r.querySelectorAll("option")){const b=h.querySelector(y`option[value="${d.value}"]`);b!==null&&(b.classList.remove("hidden"),b.disabled=!1,e.enableOptGroup(b))}r.replaceChildren()}if(i.length>0){let d=!1;const b=r.querySelectorAll("option");(i.includes(n)||b.length===1&&i.includes(b[0].value))&&(r.replaceChildren(),d=!0),d&&typeof l<"u"&&l.closest("select").querySelectorAll("[disabled]").forEach(function(x){x.classList.remove("hidden"),x.disabled=!1,e.enableOptGroup(x)})}let g=!0;const S=e.getFieldElement(t,"_mul",!0);if(S===null||Number(S.value)===0){for(const d of r.querySelectorAll("option"))if(d.value===n){g=!1;break}if(g&&typeof l<"u"){l.classList.add("hidden"),l.disabled=!0;const d=l.parentElement;d instanceof HTMLOptGroupElement&&d.querySelectorAll("option:not([disabled]):not([hidden]):not(.hidden)").length===0&&(d.disabled=!0,d.classList.add("hidden"))}}if(g){const d=document.createElement("option");d.value=n,d.title=o,d.text=a,r.append(d),e.updateHiddenFieldValueFromSelect(r,m),e.markFieldAsChanged(m),e.Validation.validateField(r),e.Validation.validateField(h)}}else{const h=/_(\d+)$/,g=n.toString().match(h);g!=null&&(n=g[1]),r.value=n,e.Validation.validateField(r)}},e.updateHiddenFieldValueFromSelect=function(t,n){const a=Array.from(t.options).map(o=>o.value);n.value=a.join(","),n.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))},e.getFieldElement=function(t,n,a){if(n){let i;switch(n){case"_list":i=e.formElement.querySelector(y`:is(input, select, textarea)[data-formengine-input-name="${t}"]:not([type=hidden])`);break;case"_avail":i=e.formElement.querySelector(y`:is(input, select, textarea)[data-relatedfieldname="${t}"]`);break;case"_mul":i=e.formElement.querySelector(y`input[type=hidden][data-formengine-input-name="${t}"]`);break;default:i=null;break}if(i!==null||a===!0)return i}const o=e.formElement.elements.namedItem(t);return o instanceof HTMLElement?o:null},e.delegatesInitialized=!1,e.initializeDelegates=function(){e.delegatesInitialized||(new v("click",t=>{t.preventDefault(),e.preventExitIfNotSaved(e.preventExitIfNotSavedCallback)}).delegateTo(document,".t3js-editform-close"),new v("click",t=>{t.preventDefault(),e.previewAction(t,e.previewActionCallback)}).delegateTo(document,".t3js-editform-view"),new v("click",t=>{t.preventDefault(),e.newAction(t,e.newActionCallback)}).delegateTo(document,".t3js-editform-new"),new v("click",t=>{t.preventDefault(),e.duplicateAction(t,e.duplicateActionCallback)}).delegateTo(document,".t3js-editform-duplicate"),new v("click",t=>{t.preventDefault(),e.deleteAction(t,e.deleteActionCallback)}).delegateTo(document,".t3js-editform-delete-record"),new v("change",(t,n)=>{n.closest(".t3js-formengine-field-item").classList.toggle("disabled")}).delegateTo(document,'.t3-form-field-eval-null-checkbox input[type="checkbox"]'),new v("change",(t,n)=>{e.toggleCheckboxField(n),e.markFieldAsChanged(n)}).delegateTo(document,'.t3js-form-field-eval-null-placeholder-checkbox input[type="checkbox"]'),new v("click",(t,n)=>{t.preventDefault(),t.stopPropagation();const a=n.dataset.mode,o=n.dataset.fieldReference??"",i=n.dataset.allowedTypes??"",l=n.dataset.disallowedTypes??"",u=n.dataset.irreObjectId??"",c=n.dataset.entryPoint,r=n.dataset.useEvents==="true",m=e.openPopupWindow(a,o,i,l,u,c,r);r&&m.addEventListener("typo3:element-browser:message",f=>{const{actionName:h,close:g}=f.detail;if(h==="typo3:elementBrowser:elementAdded"){const{fieldName:S,value:d,label:b}=f.detail;e.setSelectOptionFromExternalSource(S,d,b||d,b||d)}g&&(m.hideModal(),n.focus())})}).delegateTo(document,".t3js-element-browser"),new v("click",(t,n)=>{const a=JSON.parse(n.dataset.formengineFieldChangeItems);e.processOnFieldChange(a,t)}).delegateTo(document,'[data-formengine-field-change-event="click"]'),new v("change",(t,n)=>{const a=JSON.parse(n.dataset.formengineFieldChangeItems);e.processOnFieldChange(a,t)}).delegateTo(document,'[data-formengine-field-change-event="change"]'),window.addEventListener("message",e.handlePostMessage),e.delegatesInitialized=!0)},e.initializeEvents=function(){top.TYPO3&&typeof top.TYPO3.Backend<"u"&&(top.TYPO3.Backend.consumerScope.attach(e),window.addEventListener("pagehide",()=>top.TYPO3.Backend.consumerScope.detach(e),{once:!0}))},e.consume=function(t){if(!t)throw new P.BackendException("No interaction request given",1496589980);let n;const a=new Promise((o,i)=>{n={resolve:o,reject:i}});if(t.concernsTypes(e.consumeTypes)){const o=t.outerMostRequest;e.interactionRequestMap.attachFor(o,n),o.isProcessed()?E(o,o.getProcessedData().response):e.hasChange()||e.isNew()?e.preventExitIfNotSaved(function(i){o.setProcessedData({response:i}),E(o,i)}):e.interactionRequestMap.resolveFor(o)}return a},e.handlePostMessage=function(t){if(!j.MessageUtility.verifyOrigin(t.origin))throw"Denied message sent by "+t.origin;if(t.data.actionName==="typo3:elementBrowser:elementAdded"){if(typeof t.data.fieldName>"u")throw"fieldName not defined in message";if(typeof t.data.value>"u")throw"value not defined in message";const n=t.data.label||t.data.value,a=t.data.title||n,o=N.trimExplode(",",t.data?.exclusiveValues??"");e.setSelectOptionFromExternalSource(t.data.fieldName,t.data.value,n,a,o)}},e.initializeRemainingCharacterViews=function(){document.querySelectorAll('[maxlength]:not([data-input-type="datetimepicker"]):not(.t3js-color-picker)').forEach(n=>{const a=n.closest(".t3js-formengine-field-item");if(a!==null&&a.querySelector("typo3-backend-formengine-char-counter")===null){const o=document.createElement("typo3-backend-formengine-char-counter");o.setAttribute("target",`[data-formengine-input-name="${y`${n.dataset.formengineInputName}`}"]`),a.append(o)}})},e.initializeMinimumCharactersLeftViews=function(){const t=(o,i)=>{const l=i.currentTarget.closest(".t3js-formengine-field-item"),u=l.querySelector(".t3js-charcounter-min"),c=_.get("labels.remainingCharacters",{0:o});if(u)u.querySelector("span").innerHTML=c;else{const r=document.createElement("div");r.classList.add("t3js-charcounter-min");const m=document.createElement("span");m.classList.add("badge","badge-danger"),m.innerHTML=c,r.append(m);let f=l.querySelector(".t3js-charcounter-wrapper");f||(f=document.createElement("div"),f.classList.add("t3js-charcounter-wrapper"),l.append(f)),f.prepend(r)}},n=o=>{const l=o.currentTarget.closest(".t3js-formengine-field-item").querySelector(".t3js-charcounter-min");l&&l.remove()};document.querySelectorAll('[minlength]:not([data-input-type="datetimepicker"]):not(.t3js-charcounter-min-initialized)').forEach(o=>{o.addEventListener("focus",i=>{const l=e.getMinCharacterLeftCount(o);l>0&&t(l,i)}),o.addEventListener("blur",n),o.addEventListener("keyup",i=>{const l=e.getMinCharacterLeftCount(o);l>0?t(l,i):n(i)})})},e.getMinCharacterLeftCount=function(t){const n=t.value,a=t.minLength,o=n.length;if(o===0)return 0;const i=(n.match(/\n/g)||[]).length;return a-o-i},e.initializeNullNoPlaceholderCheckboxes=function(){document.querySelectorAll(".t3-form-field-eval-null-checkbox").forEach(t=>{const n=t.querySelector('input[type="checkbox"]'),a=t.closest(".t3js-formengine-field-item");n.checked||a.classList.add("disabled")})},e.initializeNullWithPlaceholderCheckboxes=function(){document.querySelectorAll(".t3js-form-field-eval-null-placeholder-checkbox").forEach(t=>{e.toggleCheckboxField(t.querySelector('input[type="checkbox"]'),!1)})},e.toggleCheckboxField=function(t,n=!0){const a=t.closest(".t3js-formengine-field-item"),o=a.querySelector(".t3js-formengine-placeholder-placeholder"),i=a.querySelector(".t3js-formengine-placeholder-formfield");t.checked?(o.hidden=!0,i.hidden=!1,n&&i.querySelector("input,select,textarea")?.focus()):(o.hidden=!1,i.hidden=!0)},e.reinitialize=function(){const t=document.querySelectorAll(".t3js-clearable");t.length>0&&import("@typo3/backend/input/clearable.js").then(function(){t.forEach(n=>n.clearable())}),e.initializeNullNoPlaceholderCheckboxes(),e.initializeNullWithPlaceholderCheckboxes(),e.initializeLocalizationStateSelector(),e.initializeMinimumCharactersLeftViews(),e.initializeRemainingCharacterViews()},e.initializeLocalizationStateSelector=function(){document.querySelectorAll(".t3js-l10n-state-container").forEach(t=>{const n=t.closest(".t3js-formengine-field-item")?.querySelector("[data-formengine-input-name]");if(n==null)return;const a=t.querySelector('input[type="radio"]:checked')?.value;a===void 0&&console.warn("The localization state of the field "+n.dataset.formengineInputName+" cannot be determined. This smells like a DataHandler bug."),(a==="parent"||a==="source")&&(n.disabled=!0)})},e.hasChange=function(){const t=document.querySelector(y`form[name="${e.formName}"] .has-change`)!==null,n=document.querySelector('[name^="data["].has-change')!==null;return t||n},e.isNew=function(){return document.querySelector('form[name="'+e.formName+'"] .typo3-TCEforms.is-new')!==null},e.markFieldAsChanged=function(t){t.classList.add("has-change");const n=t.closest(".t3js-formengine-palette-field")?.querySelector(".t3js-formengine-label");n?.classList.add("has-change")},e.preventExitIfNotSavedCallback=()=>{e.closeDocument()},e.preventFollowLinkIfNotSaved=function(t){return e.preventExitIfNotSaved(function(){window.location.href=t}),!1},e.preventExitIfNotSaved=function(t){if(t=t||e.preventExitIfNotSavedCallback,e.hasChange()||e.isNew()){const n=s.get("label.confirm.close_without_save.title"),a=s.get("label.confirm.close_without_save.content"),o=[{text:s.get("buttons.confirm.close_without_save.no"),btnClass:"btn-default",name:"no"},{text:s.get("buttons.confirm.close_without_save.yes"),btnClass:"btn-default",name:"yes"}];document.querySelector(".has-error")===null&&o.push({text:s.get("buttons.confirm.save_and_close"),btnClass:"btn-primary",name:"save",active:!0});const i=p.confirm(n,a,w.warning,o);i.addEventListener("button.clicked",function(l){l.target.name==="no"?i.hideModal():l.target.name==="yes"?(i.hideModal(),t.call(null,!0)):l.target.name==="save"&&(i.hideModal(),e.saveAndCloseDocument())})}else t.call(null,!0)},e.preventSaveIfHasErrors=function(){if(document.querySelector(".has-error")!==null){const t=s.get("label.alert.save_with_error.title"),n=s.get("label.alert.save_with_error.content"),a=p.confirm(t,n,w.error,[{text:s.get("buttons.alert.save_with_error.ok"),btnClass:"btn-danger",name:"ok"}]);return a.addEventListener("button.clicked",function(o){o.target.name==="ok"&&a.hideModal()}),!1}return!0},e.processOnFieldChange=function(t,n){t.forEach(a=>{const o=k.get(a.name);o instanceof Function&&o.call(null,a.data||null,n)})},e.registerOnFieldChangeHandler=function(t,n){k.has(t)&&console.warn("Handler for onFieldChange name `"+t+"` has been overridden."),k.set(t,n)},e.closeModalsRecursive=function(){typeof p.currentModal<"u"&&p.currentModal!==null&&(p.currentModal.addEventListener("typo3-modal-hidden",function(){e.closeModalsRecursive()}),p.currentModal.hideModal())},e.enableDocHeaderButtons=function(){const t=document.querySelector(".t3js-module-docheader-buttons");t&&t.querySelectorAll('button, a, input[type="submit"]').forEach(n=>{n instanceof HTMLButtonElement||n instanceof HTMLInputElement?n.disabled=!1:n instanceof HTMLAnchorElement&&(n.classList.remove("disabled"),n.removeAttribute("aria-disabled"))})};const L=t=>{const n=document.createElement("input");return n.type="hidden",n.name=t,n.value="1",n};e.previewAction=function(t,n){n=n||e.previewActionCallback;const a=t.target.href,o="isNew"in t.target.dataset,i=L(C.saveAndView);e.hasChange()||e.isNew()?e.showPreviewModal(a,o,i,n):(e.formElement.append(i),window.open("","newTYPO3frontendWindow"),e.formElement.submit())},e.previewActionCallback=function(t,n,a){switch(p.dismiss(),t){case"discard":const o=window.open(n,"newTYPO3frontendWindow");o.focus(),N.urlsPointToSameServerSideResource(o.location.href,n)&&o.location.reload();break;case"save":e.formElement.append(a),window.open("","newTYPO3frontendWindow"),e.saveDocument();break;default:break}},e.showPreviewModal=function(t,n,a,o){const i=s.get("label.confirm.view_record_changed.title"),l={text:s.get("buttons.confirm.view_record_changed.cancel"),btnClass:"btn-default",name:"cancel"},u={text:s.get("buttons.confirm.view_record_changed.no-save"),btnClass:"btn-default",name:"discard"},c={text:s.get("buttons.confirm.view_record_changed.save"),btnClass:"btn-primary",name:"save",active:!0};let r=[],m=[];if(n){if(!e.Validation.isValid()){e.Validation.showErrorModal();return}r=[l,c],m=[s.get("label.confirm.view_record_changed.content.is-new-page")]}else r=[l,u],m=[s.get("label.confirm.view_record_changed.content")],e.Validation.isValid()?r.push(c):m.push(s.get("label.confirm.view_record_changed.invalid_form"));const f=document.createElement("p");m.forEach((g,S)=>{f.append(g),S!==m.length-1&&f.append(document.createElement("br"))});const h=p.confirm(i,f,w.info,r);h.addEventListener("button.clicked",function(g){o(g.target.name,t,a,h)})},e.newAction=function(t,n){n=n||e.newActionCallback;const a=L(C.saveAndNew),o="isNew"in t.target.dataset;e.hasChange()||e.isNew()?e.showNewModal(o,a,n):(e.formElement.append(a),e.formElement.submit())},e.newActionCallback=function(t,n){switch(p.dismiss(),t){case"no":e.formElement.append(n),e.formElement.submit();break;case"yes":e.formElement.append(n),e.saveDocument();break;default:break}},e.showNewModal=function(t,n,a){const o=s.get("label.confirm.new_record_changed.title"),i=s.get("label.confirm.new_record_changed.content");let l=[];const u={text:s.get("buttons.confirm.new_record_changed.cancel"),btnClass:"btn-default",name:"cancel"},c={text:s.get("buttons.confirm.new_record_changed.no"),btnClass:"btn-default",name:"no"},r={text:s.get("buttons.confirm.new_record_changed.yes"),btnClass:"btn-primary",name:"yes",active:!0};t?l=[u,r]:l=[u,c,r],p.confirm(o,i,w.info,l).addEventListener("button.clicked",function(f){a(f.target.name,n)})},e.duplicateAction=function(t,n){n=n||e.duplicateActionCallback;const a=L(C.duplicate),o="isNew"in t.target.dataset;e.hasChange()||e.isNew()?e.showDuplicateModal(o,a,n):(e.formElement.append(a),e.formElement.submit())},e.duplicateActionCallback=function(t,n){switch(p.dismiss(),t){case"no":e.formElement.append(n),e.formElement.submit();break;case"yes":e.formElement.append(n),e.saveDocument();break;default:break}},e.showDuplicateModal=function(t,n,a){const o=s.get("label.confirm.duplicate_record_changed.title"),i=s.get("label.confirm.duplicate_record_changed.content");let l=[];const u={text:s.get("buttons.confirm.duplicate_record_changed.cancel"),btnClass:"btn-default",name:"cancel"},c={text:s.get("button.confirm.duplicate_record_changed.no"),btnClass:"btn-default",name:"no"},r={text:s.get("buttons.confirm.duplicate_record_changed.yes"),btnClass:"btn-primary",name:"yes",active:!0};t?l=[u,r]:l=[u,c,r],p.confirm(o,i,w.info,l).addEventListener("button.clicked",function(f){a(f.target.name,n)})},e.deleteAction=function(t,n){n=n||e.deleteActionCallback;const a=t.target.closest(".t3js-editform-delete-record");e.showDeleteModal(a,n)},e.deleteActionCallback=function(t,n){p.dismiss(),t==="yes"&&e.invokeRecordDeletion(n)},e.showDeleteModal=function(t,n){const a=s.get("label.confirm.delete_record.title");let o=s.get("label.confirm.delete_record.content",[t.dataset.recordInfo]);t.dataset.referenceCountMessage&&(o+=`
+`+t.dataset.referenceCountMessage),t.dataset.translationCountMessage&&(o+=`
+`+t.dataset.translationCountMessage),p.confirm(a,o,w.warning,[{text:s.get("buttons.confirm.delete_record.no"),btnClass:"btn-default",name:"no"},{text:s.get("buttons.confirm.delete_record.yes"),btnClass:"btn-warning",name:"yes",active:!0}]).addEventListener("button.clicked",function(l){n(l.target.name,t)})},e.enableOptGroup=function(t){const n=t.parentElement;n instanceof HTMLOptGroupElement&&n.querySelectorAll("option:not([hidden]):not([disabled]):not(.hidden)").length&&(n.hidden=!1,n.disabled=!1,n.classList.remove("hidden"))},e.closeDocument=function(){e.formElement.closeDoc.value=1,e.formElement.submit()};const F=t=>{const n=document.activeElement;(n instanceof HTMLInputElement||n instanceof HTMLSelectElement||n instanceof HTMLTextAreaElement)&&n.blur();const a=document.querySelector(y`button[name="${t}"][form="${e.formElement.id}"]`);a!==null?e.formElement.requestSubmit(a):(e.formElement.append(L(t)),e.formElement.requestSubmit())};return e.saveDocument=function(){F(C.save)},e.saveAndCloseDocument=function(){F(C.saveAndClose)},e.initialize=function(t){e.browserUrl=t,e.initializeDelegates(),T.ready().then(()=>{e.initializeEvents(),e.Validation.initialize(this),e.reinitialize(),document.getElementById("t3js-ui-block")?.remove(),e.enableDocHeaderButtons(),e.formElement.dispatchEvent(new Event("typo3:form-engine:ready")),A=!0,M.setScope("backend/form-engine"),M.register([M.normalizedCtrlModifierKey,"s"],n=>{n.preventDefault(),e.saveDocument()},{scope:"backend/form-engine",allowOnEditables:!0}),M.register([M.normalizedCtrlModifierKey,O.SHIFT,"s"],n=>{n.preventDefault(),e.saveAndCloseDocument()},{scope:"backend/form-engine",allowOnEditables:!0})})},e.invokeRecordDeletion=function(t){window.location.href=t.href},TYPO3.FormEngine=e,e}();export{z as default};
diff --git a/Resources/Public/JavaScript/form-engine/container/flex-form-container-container.js b/Resources/Public/JavaScript/form-engine/container/flex-form-container-container.js
new file mode 100644
index 0000000..275e2be
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/container/flex-form-container-container.js
@@ -0,0 +1,13 @@
+/*
+ * 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{Collapse as d}from"bootstrap";import p from"@typo3/core/security-utility.js";import f from"@typo3/backend/modal.js";import s from"@typo3/core/event/regular-event.js";import u from"@typo3/backend/severity.js";import g from"@typo3/backend/storage/client.js";import m from"@typo3/backend/form-engine.js";import C from"~labels/core.core";import a from"~labels/backend.alt_doc";var n;(function(r){r.actionFieldSelector=".t3js-flex-control-action",r.sectionContentContainerSelector=".t3js-flex-section-content",r.sectionContainerLabelSelector=".t3js-formengine-label",r.deleteContainerButtonSelector=".t3js-delete",r.contentPreviewSelector=".content-preview"})(n||(n={}));class l{constructor(e,t){this.securityUtility=new p,this.parentContainer=e,this.container=t,this.containerContent=t.querySelector(n.sectionContentContainerSelector),this.containerId=t.dataset.flexformContainerId,this.toggleKeyInLocalStorage=`formengine-flex-${e.getSectionContainer().id}-${this.containerId}-collapse`,this.panelButton=t.querySelector(":scope > .panel-heading .panel-button"),this.panelHeading=this.panelButton.closest(".panel-heading"),this.registerEvents()}static getCollapseInstance(e,t){return d.getInstance(e)??new d(e,{toggle:t})}getCollapseContent(){return this.containerContent}getStatus(){return{id:this.containerId,collapsed:this.panelButton.getAttribute("aria-expanded")==="false"}}async registerEvents(){this.parentContainer.isRestructuringAllowed()&&this.registerDelete(),this.registerPanelToggle(),await this.registerToggle(),this.registerPreviewUpdate()}registerDelete(){new s("click",()=>{const e=a.get("flexform.section.delete.title"),t=a.get("flexform.section.delete.message"),i=f.confirm(e,t,u.warning,[{text:a.get("buttons.confirm.delete_record.no"),active:!0,btnClass:"btn-default",name:"no"},{text:a.get("buttons.confirm.delete_record.yes"),btnClass:"btn-warning",name:"yes"}]);i.addEventListener("button.clicked",o=>{if(o.target.name==="yes"){const c=this.container.querySelector(n.actionFieldSelector);c.value="DELETE",this.container.appendChild(c),this.container.classList.add("t3-flex-section--deleted"),this.container.closest(".t3-form-field-container.t3-form-flex")?.querySelector(n.sectionContainerLabelSelector)?.classList.add("has-change"),new s("transitionend",()=>{this.container.classList.add("hidden");const h=new CustomEvent("formengine:flexform:container-deleted",{detail:{containerId:this.containerId}});this.parentContainer.getContainer().dispatchEvent(h)}).bindTo(this.container)}i.hideModal()})}).bindTo(this.container.querySelector(n.deleteContainerButtonSelector))}async registerToggle(){const e=(g.get(this.toggleKeyInLocalStorage)??"1")==="1";l.getCollapseInstance(this.containerContent,!e),await m.ready(),this.generatePreview()}registerPanelToggle(){["hide.bs.collapse","show.bs.collapse"].forEach(e=>{new s(e,t=>{if(t.target!==this.containerContent)return;const i=t.type==="hide.bs.collapse";g.set(this.toggleKeyInLocalStorage,i?"1":"0")}).bindTo(this.containerContent)})}registerPreviewUpdate(){["input","change"].forEach(e=>{new s(e,()=>{this.generatePreview()}).delegateTo(this.containerContent,'input[type="text"], textarea')})}generatePreview(){let e="";const t=this.containerContent.querySelectorAll('input[type="text"], textarea');for(const i of t){let o=this.securityUtility.stripHtml(i.value);o.length>50&&(o=o.substring(0,50)+"..."),e+=(e?" / ":"")+o}e===""&&(e="["+C.get("labels.no_title")+"]"),this.panelHeading.querySelector(n.contentPreviewSelector).textContent=e}}export{l as default};
diff --git a/Resources/Public/JavaScript/form-engine/container/flex-form-section-container.js b/Resources/Public/JavaScript/form-engine/container/flex-form-section-container.js
new file mode 100644
index 0000000..0ae9da3
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/container/flex-form-section-container.js
@@ -0,0 +1,13 @@
+/*
+ * 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{Collapse as h}from"bootstrap";import C from"sortablejs";import g from"@typo3/core/ajax/ajax-request.js";import u from"@typo3/core/document-service.js";import m from"@typo3/backend/form-engine/container/flex-form-container-container.js";import l from"@typo3/backend/form-engine.js";import f from"@typo3/core/event/regular-event.js";import{JavaScriptItemProcessor as p}from"@typo3/core/java-script-item-processor.js";var o;(function(r){r.toggleAllSelector=".t3-form-flexsection-toggle",r.addContainerSelector=".t3js-flex-container-add",r.actionFieldSelector=".t3js-flex-control-action",r.sectionContainerSelector=".t3js-flex-section",r.sectionContentContainerSelector=".t3js-flex-section-content",r.sectionContainerLabelSelector=".t3js-formengine-label",r.sortContainerButtonSelector=".t3js-sortable-handle"})(o||(o={}));class c{constructor(e){this.allowRestructure=!1,this.flexformContainerContainers=[],this.updateSorting=t=>{this.container.querySelectorAll(o.actionFieldSelector).forEach((i,s)=>{i.value=s.toString()}),this.flexformContainerContainers.splice(t.newIndex,0,this.flexformContainerContainers.splice(t.oldIndex,1)[0])},u.ready().then(t=>{this.container=t.getElementById(e),this.sectionContainer=this.container.querySelector(this.container.dataset.section),this.allowRestructure=this.sectionContainer.dataset.t3FlexAllowRestructure==="1",this.registerEvents(),this.registerContainers()})}static getCollapseInstance(e){return h.getInstance(e)??new h(e,{toggle:!1})}getContainer(){return this.container}getSectionContainer(){return this.sectionContainer}isRestructuringAllowed(){return this.allowRestructure}registerEvents(){this.allowRestructure&&(this.registerSortable(),this.registerContainerDeleted()),this.registerToggleAll(),this.registerCreateNewContainer()}registerContainers(){const e=this.container.querySelectorAll(o.sectionContainerSelector);for(const t of e)this.flexformContainerContainers.push(new m(this,t))}getToggleAllButton(){return this.container.querySelector(o.toggleAllSelector)}registerSortable(){new C(this.sectionContainer,{group:this.sectionContainer.id,handle:o.sortContainerButtonSelector,onSort:this.updateSorting})}registerToggleAll(){new f("click",()=>{const e=this.flexformContainerContainers.some(t=>t.getStatus().collapsed);for(const t of this.flexformContainerContainers){const n=t.getCollapseContent();n!==null&&(e?c.getCollapseInstance(n).show():c.getCollapseInstance(n).hide())}}).bindTo(this.getToggleAllButton())}registerCreateNewContainer(){new f("click",(e,t)=>{e.preventDefault(),this.createNewContainer(t.dataset)}).delegateTo(this.container,o.addContainerSelector)}createNewContainer(e){new g(TYPO3.settings.ajaxUrls.record_flex_container_add).post({vanillaUid:e.vanillauid,databaseRowUid:e.databaserowuid,command:e.command,tableName:e.tablename,fieldName:e.fieldname,recordTypeValue:e.recordtypevalue,flexFormSheetName:e.flexformsheetname,flexFormFieldName:e.flexformfieldname,flexFormContainerName:e.flexformcontainername}).then(async t=>{const n=await t.resolve(),i=new DOMParser().parseFromString(n.html,"text/html").body.firstElementChild;this.flexformContainerContainers.push(new m(this,i));const s=document.querySelector(e.target);if(s.insertAdjacentElement("beforeend",i),n.scriptItems instanceof Array&&n.scriptItems.length>0&&new p().processItems(n.scriptItems),n.stylesheetFiles&&n.stylesheetFiles.length>0)for(const d of n.stylesheetFiles){const a=document.createElement("link");a.rel="stylesheet",a.type="text/css",a.href=d,document.head.appendChild(a)}l.reinitialize(),l.Validation.initializeInputFields(),l.Validation.validate(s),this.container.querySelector(o.sectionContainerLabelSelector)?.classList.add("has-change")})}registerContainerDeleted(){new f("formengine:flexform:container-deleted",e=>{const t=e.detail.containerId;this.flexformContainerContainers=this.flexformContainerContainers.filter(n=>n.getStatus().id!==t),l.Validation.validate(this.container)}).bindTo(this.container)}}export{c as default};
diff --git a/Resources/Public/JavaScript/form-engine/container/inline-control-container.js b/Resources/Public/JavaScript/form-engine/container/inline-control-container.js
new file mode 100644
index 0000000..8c0e562
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/container/inline-control-container.js
@@ -0,0 +1,13 @@
+/*
+ * 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{MessageUtility as R}from"@typo3/backend/utility/message-utility.js";import{Collapse as x}from"bootstrap";import{AjaxDispatcher as w}from"@typo3/backend/form-engine/inline-relation/ajax-dispatcher.js";import F from"@typo3/core/document-service.js";import"@typo3/backend/element/progress-bar-element.js";import E from"sortablejs";import j from"@typo3/backend/form-engine.js";import v from"@typo3/backend/form-engine-validation.js";import S from"@typo3/backend/icons.js";import B from"@typo3/backend/info-window.js";import O from"@typo3/backend/modal.js";import D from"@typo3/backend/notification.js";import h from"@typo3/core/event/regular-event.js";import U from"@typo3/backend/severity.js";import g from"@typo3/backend/utility.js";import{selector as p}from"@typo3/core/literals.js";import C from"~labels/backend.alt_doc";import G from"~labels/core.core";var f;(function(c){c.controlSectionSelector=".t3js-formengine-irre-control",c.createNewRecordButtonSelector=".t3js-create-new-button",c.createNewRecordBySelectorSelector=".t3js-create-new-selector",c.createNewRecordByPresetSelector=".t3js-create-new-preset",c.deleteRecordButtonSelector=".t3js-editform-delete-inline-record",c.enableDisableRecordButtonSelector=".t3js-toggle-visibility-button",c.infoWindowButton='[data-action="infowindow"]',c.synchronizeLocalizeRecordButtonSelector=".t3js-synchronizelocalize-button",c.uniqueValueSelectors="select.t3js-inline-unique",c.revertUniqueness=".t3js-revert-unique",c.controlContainer=".t3js-inline-controls"})(f||(f={}));var q;(function(c){c.new="inlineIsNewRecord",c.notLoaded="t3js-not-loaded"})(q||(q={}));var m;(function(c){c.structureSeparator="-"})(m||(m={}));var b;(function(c){c.DOWN="down",c.UP="up"})(b||(b={}));class d extends HTMLElement{constructor(){super(...arguments),this.ajaxDispatcher=null,this.recordsContainer=null,this.requestQueue={},this.progressQueue={},this.noTitleString=G.get("labels.no_title"),this.handlePostMessage=e=>{if(!R.verifyOrigin(e.origin))throw"Denied message sent by "+e.origin;if(e.data.actionName==="typo3:foreignRelation:insert"){if(typeof e.data.objectGroup>"u")throw"No object group defined for message";if(e.data.objectGroup!==this.objectGroup)return;if(this.isUniqueElementUsed(parseInt(e.data.uid,10),e.data.table)){D.error("There is already a relation to the selected element");return}this.importRecord([e.data.objectGroup,e.data.uid]).then(()=>{if(e.source){const t={actionName:"typo3:foreignRelation:inserted",objectGroup:e.data.objectId,table:e.data.table,uid:e.data.uid};R.send(t,e.source)}})}if(e.data.actionName==="typo3:foreignRelation:delete"){if(e.data.objectGroup!==this.objectGroup)return;const t=e.data.directRemoval||!1,o=[e.data.objectGroup,e.data.uid].join("-");this.deleteRecord(o,t)}}}get objectGroup(){return this.dataset.objectGroup}get formField(){return this.dataset.formField}get expandSingle(){return this.dataset.expandSingle==="true"}get sortable(){return this.dataset.sortable==="true"}get min(){return parseInt(this.dataset.min,10)||0}get max(){return parseInt(this.dataset.max,10)||0}get type(){const e=this.dataset.type;return e==="file"||e==="language"?e:"record"}get endpoints(){switch(this.type){case"file":return{create:"file_reference_create",details:"file_reference_details",synchronizelocalize:"file_reference_synchronizelocalize",expandcollapse:"file_reference_expandcollapse"};case"language":return{create:"site_configuration_inline_create",details:"site_configuration_inline_details",synchronizelocalize:null,expandcollapse:null};default:return{create:"record_inline_create",details:"record_inline_details",synchronizelocalize:"record_inline_synchronizelocalize",expandcollapse:"record_inline_expandcollapse"}}}static getValuesFromHashMap(e){return Object.keys(e).map(t=>e[t])}static selectOptionValueExists(e,t){return e.querySelector(p`option[value="${t}"]`)!==null}static removeSelectOptionByValue(e,t){const o=e.querySelector(p`option[value="${t}"]`);o!==null&&o.remove()}static reAddSelectOption(e,t,o){if(d.selectOptionValueExists(e,t))return;const i=e.querySelectorAll("option");let n=-1;for(const a of Object.keys(o.possible)){if(a===t)break;for(let s=0;s<i.length;++s)if(i[s].value===a){n=s;break}}n===-1?n=0:n<i.length&&n++;const r=document.createElement("option");r.text=o.possible[t],r.value=t,e.insertBefore(r,e.options[n])}connectedCallback(){this.ajaxDispatcher=new w(this.objectGroup),this.recordsContainer=this.querySelector(p`[id="${this.id}_records"]`),this.registerEvents()}getRecordContainer(e){return this.querySelector(p`[data-object-id="${e}"]`)}getCollapseContent(e){return this.querySelector(p`[id="${e}_fields"]`)}collapseElement(e){x.getOrCreateInstance(this.getCollapseContent(e)).hide()}isNewRecord(e){return this.getRecordContainer(e).classList.contains(q.new)}updateExpandedCollapsedStateLocally(e,t){const o=this.getRecordContainer(e),i=this.querySelectorAll('[name="uc[inlineView]['+o.dataset.topmostParentTable+"]["+o.dataset.topmostParentUid+"]"+o.dataset.fieldName+'"]');i.length&&(i[0].value=t?"1":"0")}async registerEvents(){if(await F.ready(),this.registerInfoButton(),this.registerSort(),this.registerCreateRecordButton(),this.registerEnableDisableButton(),this.registerDeleteButton(),this.registerSynchronizeLocalize(),this.registerRevertUniquenessAction(),this.registerToggle(),this.registerCreateRecordBySelector(),this.registerCreateRecordByPresetSelector(),this.registerUniqueSelectFieldChanged(),new h("message",this.handlePostMessage).bindTo(window),this.sortable){const e=this.recordsContainer;new E(e,{group:e.getAttribute("id"),handle:".sortableHandle",onSort:()=>{this.updateSorting()}})}}registerToggle(){new h("show.bs.collapse",e=>{const o=e.target.parentElement;if(o.closest("typo3-formengine-container-inline")!==this)return;const i=o.dataset.objectId;if(o.classList.contains(q.notLoaded)){e.preventDefault(),this.loadRecordDetails(i);return}this.expandSingle&&this.collapseAllRecords(o.dataset.objectUid)}).bindTo(this),new h("shown.bs.collapse",e=>{const o=e.target.closest("[data-object-id]");o===null||o.closest("typo3-formengine-container-inline")!==this||this.persistExpandCollapseState(o.dataset.objectId,!0)}).bindTo(this),new h("hidden.bs.collapse",e=>{const o=e.target.closest("[data-object-id]");o===null||o.closest("typo3-formengine-container-inline")!==this||this.persistExpandCollapseState(o.dataset.objectId,!1)}).bindTo(this)}registerSort(){new h("click",(e,t)=>{e.preventDefault(),e.stopImmediatePropagation(),this.changeSortingByButton(t.closest("[data-object-id]").dataset.objectId,t.dataset.direction)}).delegateTo(this,f.controlSectionSelector+' [data-action="sort"]')}registerCreateRecordButton(){new h("click",(e,t)=>{if(e.preventDefault(),e.stopImmediatePropagation(),this.isBelowMax()){let o=this.objectGroup;typeof t.dataset.recordUid<"u"&&(o+=m.structureSeparator+t.dataset.recordUid),this.importRecord([o,this.querySelector(f.createNewRecordBySelectorSelector)?.value],t.dataset.recordUid??null)}}).delegateTo(this,f.createNewRecordButtonSelector)}registerCreateRecordBySelector(){new h("change",(e,t)=>{e.preventDefault(),e.stopImmediatePropagation();const o=t,i=o.options[o.selectedIndex].getAttribute("value");this.importRecord([this.objectGroup,i])}).delegateTo(this,f.createNewRecordBySelectorSelector)}registerCreateRecordByPresetSelector(){new h("change",e=>{e.preventDefault(),e.stopImmediatePropagation();const t=this.querySelector(f.createNewRecordByPresetSelector),o=t?.value;o!==""&&(t.value="",this.importRecord([this.objectGroup,"",o]))}).delegateTo(this,f.createNewRecordByPresetSelector)}createRecord(e,t,o=null,i=null){let n=this.objectGroup;o!==null&&(n+=m.structureSeparator+o),o!==null?(this.getRecordContainer(n).insertAdjacentHTML("afterend",t),this.memorizeAddRecord(e,o,i)):(this.recordsContainer.insertAdjacentHTML("beforeend",t),this.memorizeAddRecord(e,null,i))}async importRecord(e,t){return this.ajaxDispatcher.send(this.ajaxDispatcher.newRequest(this.ajaxDispatcher.getEndpoint(this.endpoints.create)),e).then(async o=>{this.isBelowMax()&&this.createRecord(o.compilerInput.uid,o.data,typeof t<"u"?t:null,typeof o.compilerInput.childChildUid<"u"?o.compilerInput.childChildUid:null)})}registerEnableDisableButton(){new h("click",(e,t)=>{e.preventDefault(),e.stopImmediatePropagation();const o=t.closest("[data-object-id]").dataset.objectId,i=this.getRecordContainer(o),n=p`data${i.dataset.fieldName}[${t.dataset.hiddenField}]`,r=this.querySelector('[data-formengine-input-name="'+n+'"'),a=this.querySelector('[name="'+n+'"');if(r!==null&&a!==null){r.checked=!r.checked;const y=r.checked!==(r.dataset.invertStateDisplay==="true");a.value=y?"1":"0",j.markFieldAsChanged(r)}const s="panel-hidden",l=i.classList.contains(s);let u;l?(u="actions-edit-hide",i.classList.remove(s)):(u="actions-edit-unhide",i.classList.add(s)),S.getIcon(u,S.sizes.small).then(y=>{t.replaceChild(document.createRange().createContextualFragment(y),t.querySelector(".t3js-icon"))})}).delegateTo(this,f.enableDisableRecordButtonSelector)}registerInfoButton(){new h("click",function(e){e.preventDefault(),e.stopImmediatePropagation(),B.showItem(this.dataset.infoTable,this.dataset.infoUid)}).delegateTo(this,f.infoWindowButton)}registerDeleteButton(){new h("click",(e,t)=>{e.preventDefault(),e.stopImmediatePropagation();const o=C.get("label.confirm.delete_record.title"),i=C.get("label.confirm.delete_record.content",[t.dataset.recordInfo]),n=O.confirm(o,i,U.warning,[{text:C.get("buttons.confirm.delete_record.no"),active:!0,btnClass:"btn-default",name:"no"},{text:C.get("buttons.confirm.delete_record.yes"),btnClass:"btn-warning",name:"yes"}]);n.addEventListener("button.clicked",r=>{if(r.target.name==="yes"){const a=t.closest("[data-object-id]").dataset.objectId;this.deleteRecord(a)}n.hideModal()})}).delegateTo(this,f.deleteRecordButtonSelector)}registerSynchronizeLocalize(){new h("click",(e,t)=>{if(e.preventDefault(),e.stopImmediatePropagation(),this.endpoints.synchronizelocalize===null){console.error(`Synchronize/localize is not supported for type "${this.type}"`);return}this.ajaxDispatcher.send(this.ajaxDispatcher.newRequest(this.ajaxDispatcher.getEndpoint(this.endpoints.synchronizelocalize)),[this.objectGroup,t.dataset.type]).then(async o=>{this.recordsContainer.insertAdjacentHTML("beforeend",o.data);const i=this.objectGroup+m.structureSeparator;for(const n of o.compilerInput.delete)this.deleteRecord(i+n,!0);for(const n of Object.values(o.compilerInput.localize)){if(typeof n.remove<"u"){const r=this.getRecordContainer(i+n.remove);r.parentElement.removeChild(r)}this.memorizeAddRecord(n.uid,null,n.selectedValue)}})}).delegateTo(this,f.synchronizeLocalizeRecordButtonSelector)}registerUniqueSelectFieldChanged(){new h("change",(e,t)=>{e.preventDefault(),e.stopImmediatePropagation();const o=t.closest("[data-object-id]");if(o!==null){const i=o.dataset.objectId,n=o.dataset.objectUid;this.handleChangedField(t,i);const r=this.getFormFieldForElements();if(r===null)return;this.updateUnique(t,r,n)}}).delegateTo(this,f.uniqueValueSelectors)}registerRevertUniquenessAction(){new h("click",(e,t)=>{e.preventDefault(),e.stopImmediatePropagation(),this.revertUnique(t.dataset.uid)}).delegateTo(this,f.revertUniqueness)}loadRecordDetails(e){const t=this.getCollapseContent(e),o=this.getRecordContainer(e),i=typeof this.requestQueue[e]<"u",n=this.getProgress(e);if(i)this.requestQueue[e].abort(),delete this.requestQueue[e],delete this.progressQueue[e],n.done();else{const r=this.ajaxDispatcher.newRequest(this.ajaxDispatcher.getEndpoint(this.endpoints.details));this.ajaxDispatcher.send(r,[e]).then(async s=>{if(delete this.requestQueue[e],delete this.progressQueue[e],o.classList.remove(q.notLoaded),t.innerHTML=s.data,n.done(),this.expandSingle&&this.collapseAllRecords(o.dataset.objectUid),x.getOrCreateInstance(t).show(),j.reinitialize(),v.initializeInputFields(),v.validate(this),this.hasObjectGroupDefinedUniqueConstraints()){const l=this.getRecordContainer(e);this.removeUsed(l)}}).catch(s=>{if(!(s instanceof DOMException&&s.name==="AbortError"))throw s}),this.requestQueue[e]=r,n.start()}}persistExpandCollapseState(e,t){if(this.endpoints.expandcollapse===null)return;if(this.isNewRecord(e)){this.updateExpandedCollapsedStateLocally(e,t);return}const o=this.getRecordContainer(e),i=t?o.dataset.objectUid:"",n=t?"":o.dataset.objectUid;this.ajaxDispatcher.send(this.ajaxDispatcher.newRequest(this.ajaxDispatcher.getEndpoint(this.endpoints.expandcollapse)),[e,i,n])}memorizeAddRecord(e,t=null,o=null){const i=this.getFormFieldForElements();if(i===null)return;let n=g.trimExplode(",",i.value);if(t){const r=[];for(let a=0;a<n.length;a++)n[a].length&&r.push(n[a]),t===n[a]&&r.push(e);n=r}else n.push(e);i.value=n.join(","),j.markFieldAsChanged(i),document.dispatchEvent(new Event("change")),this.redrawSortingButtons(this.objectGroup,n),this.setUnique(e,o),this.isBelowMax()||this.toggleContainerControls(!1),j.reinitialize(),v.initializeInputFields(),v.validate(this)}memorizeRemoveRecord(e){const t=this.getFormFieldForElements();if(t===null)return[];const o=g.trimExplode(",",t.value),i=o.indexOf(e);return i>-1&&(o.splice(i,1),t.value=o.join(","),j.markFieldAsChanged(t),document.dispatchEvent(new Event("change")),this.redrawSortingButtons(this.objectGroup,o)),o}changeSortingByButton(e,t){const o=this.getRecordContainer(e),i=o.dataset.objectUid,n=this.recordsContainer,r=Array.from(n.children).map(l=>l.dataset.objectUid),a=r.indexOf(i);let s=!1;if(t===b.UP&&a>0?(r[a]=r[a-1],r[a-1]=i,s=!0):t===b.DOWN&&a<r.length-1&&(r[a]=r[a+1],r[a+1]=i,s=!0),s){const l=this.objectGroup+m.structureSeparator,u=t===b.UP?1:0;o.parentElement.insertBefore(this.getRecordContainer(l+r[a-u]),this.getRecordContainer(l+r[a+1-u])),this.updateSorting()}}updateSorting(){const e=this.getFormFieldForElements();if(e===null)return;const t=this.recordsContainer,o=Array.from(t.querySelectorAll(p`[data-object-parent-group="${this.objectGroup}"][data-placeholder-record="0"]`)).map(i=>i.dataset.objectUid);e.value=o.join(","),j.markFieldAsChanged(e),document.dispatchEvent(new Event("change")),this.redrawSortingButtons(this.objectGroup,o)}deleteRecord(e,t=!1){const o=this.getRecordContainer(e),i=o.dataset.objectUid;if(o.classList.add("t3js-inline-record-deleted"),!this.isNewRecord(e)&&!t){const n=this.querySelector(p`[name="cmd${o.dataset.fieldName}[delete]"]`);n.removeAttribute("disabled"),o.parentElement.insertAdjacentElement("afterbegin",n)}new h("transitionend",()=>{o.remove(),v.validate(this)}).bindTo(o),this.revertUnique(i),this.memorizeRemoveRecord(i),o.classList.add("form-irre-object--deleted"),this.isBelowMax()&&this.toggleContainerControls(!0)}toggleContainerControls(e){this.querySelectorAll(":scope > "+f.controlContainer).forEach(o=>{o.querySelectorAll("button, a").forEach(n=>{n.hidden=!e})})}getProgress(e){let t;if(typeof this.progressQueue[e]<"u")t=this.progressQueue[e];else{t=document.createElement("typo3-backend-progress-bar");const o=this.getRecordContainer(e);o.insertBefore(t,o.firstChild),this.progressQueue[e]=t}return t}collapseAllRecords(e){const t=this.getFormFieldForElements();if(t!==null){const o=g.trimExplode(",",t.value);for(const i of o){if(i===e)continue;const n=this.objectGroup+m.structureSeparator+i;this.getCollapseContent(n)?.classList.contains("show")&&this.collapseElement(n)}}}getFormFieldForElements(){return this.querySelector(p`[name="${this.formField}"]`)}redrawSortingButtons(e,t=[]){if(t.length===0){const o=this.getFormFieldForElements();o!==null&&(t=g.trimExplode(",",o.value))}t.length!==0&&t.forEach((o,i)=>{const n=this.getRecordContainer(e+m.structureSeparator+o);if(n===null)return;const r=n.querySelector(p`[data-action="sort"][data-direction="${b.UP}"]`);if(r!==null){let s="actions-move-up";i===0?(r.classList.add("disabled"),s="empty-empty"):r.classList.remove("disabled"),S.getIcon(s,S.sizes.small).then(l=>{r.replaceChild(document.createRange().createContextualFragment(l),r.querySelector(".t3js-icon"))})}const a=n.querySelector(p`[data-action="sort"][data-direction="${b.DOWN}"]`);if(a!==null){let s="actions-move-down";i===t.length-1?(a.classList.add("disabled"),s="empty-empty"):a.classList.remove("disabled"),S.getIcon(s,S.sizes.small).then(l=>{a.replaceChild(document.createRange().createContextualFragment(l),a.querySelector(".t3js-icon"))})}})}isBelowMax(){const e=this.getFormFieldForElements();if(e===null)return!0;const t=g.trimExplode(",",e.value);if(this.max>0&&t.length>=this.max)return!1;if(this.hasObjectGroupDefinedUniqueConstraints()){const o=TYPO3.settings.FormEngineInline.unique[this.objectGroup];if(o.used.length>=o.max&&o.max>=0)return!1}return!0}isUniqueElementUsed(e,t){if(!this.hasObjectGroupDefinedUniqueConstraints())return!1;const o=TYPO3.settings.FormEngineInline.unique[this.objectGroup],i=d.getValuesFromHashMap(o.used);if(o.type==="select"&&i.indexOf(e)!==-1)return!0;if(o.type==="groupdb"){for(let n=i.length-1;n>=0;n--)if(i[n].table===t&&i[n].uid===e)return!0}return!1}removeUsed(e){if(!this.hasObjectGroupDefinedUniqueConstraints())return;const t=TYPO3.settings.FormEngineInline.unique[this.objectGroup];if(t.type!=="select")return;const o=e.querySelector('[name="data['+t.table+"]["+e.dataset.objectUid+"]["+t.field+']"]'),i=d.getValuesFromHashMap(t.used);if(o!==null){const n=o.options[o.selectedIndex].value;for(const r of i)r!==n&&d.removeSelectOptionByValue(o,r)}}setUnique(e,t){if(!this.hasObjectGroupDefinedUniqueConstraints())return;const o=this.querySelector(p`[id="${this.objectGroup}_selector"]`),i=TYPO3.settings.FormEngineInline.unique[this.objectGroup];if(i.type==="select"){if(!(i.selector&&i.max===-1)){const n=this.getFormFieldForElements(),r=this.objectGroup+m.structureSeparator+e;let s=this.getRecordContainer(r).querySelector('[name="data['+i.table+"]["+e+"]["+i.field+']"]');const l=d.getValuesFromHashMap(i.used);if(o!==null){if(s!==null){for(const u of l)d.removeSelectOptionByValue(s,u);i.selector||(t=s.options[0].value,s.options[0].selected=!0,this.updateUnique(s,n,e),this.handleChangedField(s,this.objectGroup+"["+e+"]"))}for(const u of l)d.removeSelectOptionByValue(s,u);typeof i.used.length<"u"&&(i.used={}),i.used[e]={table:i.elTable,uid:t}}if(n!==null&&d.selectOptionValueExists(o,t)){const u=g.trimExplode(",",n.value);for(const y of u)s=this.querySelector('[name="data['+i.table+"]["+y+"]["+i.field+']"]'),s!==null&&y!==e&&d.removeSelectOptionByValue(s,t)}}}else i.type==="groupdb"&&(i.used[e]={table:i.elTable,uid:t});i.selector==="select"&&d.selectOptionValueExists(o,t)&&(d.removeSelectOptionByValue(o,t),i.used[e]={table:i.elTable,uid:t})}updateUnique(e,t,o){if(!this.hasObjectGroupDefinedUniqueConstraints())return;const i=TYPO3.settings.FormEngineInline.unique[this.objectGroup],n=i.used[o];if(i.selector==="select"){const s=this.querySelector(p`[id="${this.objectGroup}_selector"]`);d.removeSelectOptionByValue(s,e.value),typeof n<"u"&&d.reAddSelectOption(s,n,i)}if(i.selector&&i.max===-1||!i||t===null)return;const r=g.trimExplode(",",t.value);let a;for(const s of r)a=this.querySelector('[name="data['+i.table+"]["+s+"]["+i.field+']"]'),a!==null&&a!==e&&(d.removeSelectOptionByValue(a,e.value),typeof n<"u"&&d.reAddSelectOption(a,n,i));i.used[o]=e.value}revertUnique(e){if(!this.hasObjectGroupDefinedUniqueConstraints())return;const t=TYPO3.settings.FormEngineInline.unique[this.objectGroup],o=this.objectGroup+m.structureSeparator+e,i=this.getRecordContainer(o),n=i.querySelector('[name="data['+t.table+"]["+i.dataset.objectUid+"]["+t.field+']"]');if(t.type==="select"){let r;if(n!==null)r=n.value;else if(i.dataset.tableUniqueOriginalValue!=="")r=i.dataset.tableUniqueOriginalValue;else return;if(t.selector==="select"&&!isNaN(parseInt(r,10))){const u=this.querySelector(p`[id="${this.objectGroup}_selector"]`);d.reAddSelectOption(u,r,t)}if(t.selector&&t.max===-1)return;const a=this.getFormFieldForElements();if(a===null)return;const s=g.trimExplode(",",a.value);let l;for(let u=0;u<s.length;u++)l=this.querySelector('[name="data['+t.table+"]["+s[u]+"]["+t.field+']"]'),l!==null&&d.reAddSelectOption(l,r,t);delete t.used[e]}else t.type==="groupdb"&&delete t.used[e]}hasObjectGroupDefinedUniqueConstraints(){return typeof TYPO3.settings.FormEngineInline.unique<"u"&&typeof TYPO3.settings.FormEngineInline.unique[this.objectGroup]<"u"}handleChangedField(e,t){let o;e instanceof HTMLSelectElement?o=e.options[e.selectedIndex].text:o=e.value,this.querySelector(p`[id="${t}_label"]`).textContent=o.length?o:this.noTitleString}}window.customElements.define("typo3-formengine-container-inline",d);
diff --git a/Resources/Public/JavaScript/form-engine/element/abstract-sortable-select-items.js b/Resources/Public/JavaScript/form-engine/element/abstract-sortable-select-items.js
new file mode 100644
index 0000000..dc4fb88
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/abstract-sortable-select-items.js
@@ -0,0 +1,13 @@
+/*
+ * 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 a from"@typo3/backend/form-engine.js";import c from"@typo3/backend/form-engine-validation.js";import d from"@typo3/core/event/regular-event.js";import{selector as p}from"@typo3/core/literals.js";class i{constructor(){this.registerSortableEventHandler=o=>{this.registerKeyboardEventHandler(o);const t=o.closest(".form-wizards-wrap").querySelector(".form-wizards-item-aside");t!==null&&t.addEventListener("click",r=>{const n=r.target.closest(".t3js-btn-option");if(n===null)return;r.preventDefault();const e=n.dataset.fieldname,l=a.getFieldElement(e),s=a.getFieldElement(e,"_avail");l===null||s===null||(n.classList.contains("t3js-btn-moveoption-top")?i.moveOptionToTop(o):n.classList.contains("t3js-btn-moveoption-up")?i.moveOptionUp(o):n.classList.contains("t3js-btn-moveoption-down")?i.moveOptionDown(o):n.classList.contains("t3js-btn-moveoption-bottom")?i.moveOptionToBottom(o):n.classList.contains("t3js-btn-removeoption")&&i.removeOption(o,s),a.updateHiddenFieldValueFromSelect(o,l),a.markFieldAsChanged(s),c.validateField(s))})},this.registerKeyboardEventHandler=o=>{const t=o.dataset.formengineInputName,r=a.getFieldElement(t),n=a.getFieldElement(t,"_avail");r===null||n===null||new d("keydown",e=>{(e.code==="Delete"||e.code==="Backspace")&&(e.preventDefault(),i.removeOption(o,n)),e.code==="ArrowUp"&&e.altKey&&(e.preventDefault(),i.moveOptionUp(o)),e.code==="ArrowDown"&&e.altKey&&(e.preventDefault(),i.moveOptionDown(o)),e.code==="ArrowUp"&&e.altKey&&e.shiftKey&&(e.preventDefault(),i.moveOptionToTop(o)),e.code==="ArrowDown"&&e.altKey&&e.shiftKey&&(e.preventDefault(),i.moveOptionToBottom(o)),e.defaultPrevented&&(a.updateHiddenFieldValueFromSelect(o,r),a.markFieldAsChanged(n),c.validateField(n))}).bindTo(o)}}static moveOptionToTop(o){Array.from(o.querySelectorAll(":checked")).reverse().forEach(t=>{o.insertBefore(t,o.firstElementChild)})}static moveOptionToBottom(o){o.querySelectorAll(":checked").forEach(t=>{o.insertBefore(t,null)})}static moveOptionUp(o){const t=Array.from(o.children),r=Array.from(o.querySelectorAll(":checked"));for(const n of r){if(t.indexOf(n)===0&&n.previousElementSibling===null)break;o.insertBefore(n,n.previousElementSibling)}}static moveOptionDown(o){const t=Array.from(o.children).reverse(),r=Array.from(o.querySelectorAll(":checked")).reverse();for(const n of r){if(t.indexOf(n)===0&&n.nextElementSibling===null)break;o.insertBefore(n,n.nextElementSibling.nextElementSibling)}}static removeOption(o,t){const r=o.selectedIndex;o.querySelectorAll(":checked").forEach(n=>{const e=t.querySelector(p`option[value="${n.value}"]`);e!==null&&(e.classList.remove("hidden"),e.disabled=!1,a.enableOptGroup(e)),o.removeChild(n)}),o.selectedIndex=r>0?r-1:0}}export{i as AbstractSortableSelectItems};
diff --git a/Resources/Public/JavaScript/form-engine/element/category-element.js b/Resources/Public/JavaScript/form-engine/element/category-element.js
new file mode 100644
index 0000000..440fae0
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/category-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 d from"@typo3/core/document-service.js";import{selector as a}from"@typo3/core/literals.js";import"@typo3/backend/form-engine/element/select-tree.js";import"@typo3/backend/form-engine/element/select-tree-toolbar.js";import"@typo3/backend/element/icon-element.js";class s extends HTMLElement{constructor(){super(...arguments),this.recordField=null,this.treeWrapper=null,this.tree=null,this.selectNode=e=>{const t=e.detail.node;this.updateAncestorsIndeterminateState(t),this.calculateIndeterminate(this.tree.nodes),this.saveCheckboxes(),this.tree.setup.input.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))},this.loadDataAfter=e=>{this.tree.nodes=e.detail.nodes.map(t=>(t.__indeterminate=!1,t)),this.calculateIndeterminate(this.tree.nodes)},this.saveCheckboxes=()=>{this.recordField.value=this.tree.getSelectedNodes().map(e=>e.identifier).join(",")}}async connectedCallback(){this.tree===null&&(await d.ready(),this.recordField=this.querySelector(a`#${this.getAttribute("recordFieldId")||""}`),this.treeWrapper=this.querySelector(a`#${this.getAttribute("treeWrapperId")||""}`),!(!this.recordField||!this.treeWrapper)&&(this.tree=document.createElement("typo3-backend-form-selecttree"),this.tree.setup={id:this.treeWrapper.id,dataUrl:this.generateDataUrl(),readOnlyMode:this.recordField.dataset.readOnly,input:this.recordField,exclusiveNodesIdentifiers:this.recordField.dataset.treeExclusiveKeys,validation:JSON.parse(this.recordField.dataset.formengineValidationRules)[0],expandUpToLevel:this.recordField.dataset.treeExpandUpToLevel,unselectableElements:[]},this.treeWrapper.append(this.tree),this.registerTreeEventListeners()))}registerTreeEventListeners(){this.tree.addEventListener("typo3:tree:nodes-prepared",this.loadDataAfter),this.tree.addEventListener("typo3:tree:node-selected",this.selectNode),this.tree.addEventListener("tree:initialized",()=>{if(this.recordField.dataset.treeShowToolbar){const e=document.createElement("typo3-backend-form-selecttree-toolbar");e.tree=this.tree,this.tree.prepend(e)}})}generateDataUrl(){return TYPO3.settings.ajaxUrls.record_tree_data+"&"+new URLSearchParams({uid:this.recordField.dataset.uid,command:this.recordField.dataset.command,tableName:this.recordField.dataset.tablename,fieldName:this.recordField.dataset.fieldname,defaultValues:this.recordField.dataset.defaultvalues,overrideValues:this.recordField.dataset.overridevalues,recordTypeValue:this.recordField.dataset.recordtypevalue,flexFormSheetName:this.recordField.dataset.flexformsheetname,flexFormFieldName:this.recordField.dataset.flexformfieldname,flexFormContainerName:this.recordField.dataset.flexformcontainername,dataStructureIdentifier:this.recordField.dataset.datastructureidentifier,flexFormContainerFieldName:this.recordField.dataset.flexformcontainerfieldname,flexFormContainerIdentifier:this.recordField.dataset.flexformcontaineridentifier,flexFormSectionContainerIsNew:this.recordField.dataset.flexformsectioncontainerisnew}).toString()}updateAncestorsIndeterminateState(e){let t=!1;e.__treeParents.forEach(i=>{const r=this.tree.getNodeByTreeIdentifier(i);r.__indeterminate=e.checked||e.__indeterminate||t,t=r.checked||r.__indeterminate||e.checked||e.__indeterminate})}calculateIndeterminate(e){e.forEach(t=>{(t.checked||t.__indeterminate)&&t.__treeParents&&t.__treeParents.length>0&&t.__treeParents.forEach(i=>{const r=this.tree.getNodeByTreeIdentifier(i);r.__indeterminate=!0})})}}window.customElements.define("typo3-formengine-element-category",s);
diff --git a/Resources/Public/JavaScript/form-engine/element/color-element.js b/Resources/Public/JavaScript/form-engine/element/color-element.js
new file mode 100644
index 0000000..6b44e42
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/color-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 l from"@typo3/core/document-service.js";import n from"@typo3/core/event/regular-event.js";import i from"@typo3/backend/form-engine-validation.js";import{selector as r}from"@typo3/core/literals.js";import"@typo3/backend/color-picker.js";import o from"@typo3/backend/form-engine.js";class m extends HTMLElement{constructor(){super(...arguments),this.element=null}async connectedCallback(){if(this.element!==null)return;const e=this.getAttribute("recordFieldId");e!==null&&(await l.ready(),this.element=this.querySelector(r`#${e}`),this.element&&this.registerEventHandler())}registerEventHandler(){const e=document.querySelector(r`input[name="${this.element.dataset.formengineInputName}"]`);new n("blur",t=>{e.value=t.target.value,this.handleEvent(t)}).bindTo(this.element),new n("formengine.cp.change",t=>{this.handleEvent(t)}).bindTo(this.element)}handleEvent(e){i.validateField(e.target),o.markFieldAsChanged(e.target),document.querySelectorAll(".module-docheader-bar .btn").forEach(t=>{t.classList.remove("disabled"),t.disabled=!1})}}window.customElements.define("typo3-formengine-element-color",m);
diff --git a/Resources/Public/JavaScript/form-engine/element/datetime-element.js b/Resources/Public/JavaScript/form-engine/element/datetime-element.js
new file mode 100644
index 0000000..2a963bd
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/datetime-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 n from"@typo3/core/document-service.js";import i from"@typo3/backend/form-engine-validation.js";import r from"@typo3/core/event/regular-event.js";import l from"@typo3/backend/form-engine.js";class m extends HTMLElement{constructor(){super(...arguments),this.element=null}async connectedCallback(){this.element===null&&(await n.ready(),this.element=document.getElementById(this.getAttribute("recordFieldId")||""),this.element&&(this.registerEventHandler(),import("@typo3/backend/date-time-picker.js").then(({default:e})=>{e.initialize(this.element,this)})))}registerEventHandler(){new r("formengine.dp.change",e=>{i.validateField(e.target),l.markFieldAsChanged(e.target),document.querySelectorAll(".module-docheader-bar .btn").forEach(t=>{t.classList.remove("disabled"),t.disabled=!1})}).bindTo(this.element)}}window.customElements.define("typo3-formengine-element-datetime",m);
diff --git a/Resources/Public/JavaScript/form-engine/element/extra/char-counter.js b/Resources/Public/JavaScript/form-engine/element/extra/char-counter.js
new file mode 100644
index 0000000..9260c1e
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/extra/char-counter.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as c,state as m,customElement as u}from"lit/decorators.js";import{LitElement as g,html as d}from"lit";import f from"~labels/core.core";var o=function(a,e,t,n){var i=arguments.length,r=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,t):n,h;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(a,e,t,n);else for(var l=a.length-1;l>=0;l--)(h=a[l])&&(r=(i<3?h(r):i>3?h(e,t,r):h(e,t))||r);return i>3&&r&&Object.defineProperty(e,t,r),r};let s=class extends g{constructor(){super(...arguments),this.remainingCharacters=0,this.targetElement=null,this.threshold=15,this.onInput=e=>{this.determineRemainingCharacters(e.target)},this.onFocus=e=>{this.determineRemainingCharacters(e.target),this.hidden=!1},this.onBlur=()=>{this.hidden=!0}}connectedCallback(){super.connectedCallback(),this.registerCallbacks(),this.hidden=!0}disconnectedCallback(){super.disconnectedCallback(),this.removeCallbacks()}createRenderRoot(){return this}updated(e){e.has("target")&&(this.removeCallbacks(),this.targetElement=document.querySelector(this.target),this.registerCallbacks())}render(){return d`<span class="form-hint form-hint--${this.determineCounterClass()}"> ${f.get("labels.remainingCharacters",{0:this.remainingCharacters.toString(10)})} </span>`}registerCallbacks(){this.targetElement!==null&&(this.targetElement.addEventListener("input",this.onInput),this.targetElement.addEventListener("focus",this.onFocus),this.targetElement.addEventListener("blur",this.onBlur))}removeCallbacks(){this.targetElement!==null&&(this.targetElement.removeEventListener("input",this.onInput),this.targetElement.removeEventListener("focus",this.onFocus),this.targetElement.removeEventListener("blur",this.onBlur))}determineRemainingCharacters(e){const t=e.value,n=t.length,i=(t.match(/\n/g)||[]).length;this.remainingCharacters=this.targetElement.maxLength-n-i}determineCounterClass(){return this.remainingCharacters<this.threshold?"danger":this.remainingCharacters<this.threshold*2?"warning":"info"}};o([c()],s.prototype,"target",void 0),o([m()],s.prototype,"remainingCharacters",void 0),s=o([u("typo3-backend-formengine-char-counter")],s);export{s as CharCounter};
diff --git a/Resources/Public/JavaScript/form-engine/element/extra/select-box-filter.js b/Resources/Public/JavaScript/form-engine/element/extra/select-box-filter.js
new file mode 100644
index 0000000..8b8ba7b
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/extra/select-box-filter.js
@@ -0,0 +1,13 @@
+/*
+ * 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 r from"@typo3/core/event/regular-event.js";var l;(function(i){i.fieldContainerSelector=".t3js-formengine-field-group",i.filterTextFieldSelector=".t3js-formengine-multiselect-filter-textfield",i.filterSelectFieldSelector=".t3js-formengine-multiselect-filter-dropdown"})(l||(l={}));class s{constructor(t){this.selectElement=null,this.availableOptions=null,this.selectElement=t,this.initializeEvents()}static toggleOptGroup(t){const e=t.parentElement;e instanceof HTMLOptGroupElement&&(e.querySelectorAll("option:not([hidden]):not([disabled]):not(.hidden)").length===0?e.hidden=!0:(e.hidden=!1,e.disabled=!1,e.classList.remove("hidden")))}initializeEvents(){const t=this.selectElement.closest(".form-wizards-wrap");t!==null&&(new r("input",e=>{this.filter(e.target.value)}).delegateTo(t,l.filterTextFieldSelector),new r("search",e=>{this.filter(e.target.value)}).delegateTo(t,l.filterTextFieldSelector),new r("change",e=>{this.filter(e.target.value)}).delegateTo(t,l.filterSelectFieldSelector))}filter(t){this.availableOptions===null&&(this.availableOptions=this.selectElement.querySelectorAll("option"));const e=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),a=new RegExp(e,"i");this.availableOptions.forEach(n=>{n.hidden=t.length>0&&n.textContent.match(a)===null,s.toggleOptGroup(n)})}}export{s as default};
diff --git a/Resources/Public/JavaScript/form-engine/element/folder-element.js b/Resources/Public/JavaScript/form-engine/element/folder-element.js
new file mode 100644
index 0000000..c41ba51
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/folder-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 t from"@typo3/core/document-service.js";import{AbstractSortableSelectItems as l}from"@typo3/backend/form-engine/element/abstract-sortable-select-items.js";import{selector as n}from"@typo3/core/literals.js";class o extends l{registerEventHandler(e){this.registerSortableEventHandler(e)}}class s extends HTMLElement{constructor(){super(...arguments),this.recordField=null}async connectedCallback(){if(this.recordField!==null)return;const e=this.getAttribute("recordFieldId");e!==null&&(await t.ready(),this.recordField=this.querySelector(n`#${e}`),this.recordField&&this.registerEventHandler())}registerEventHandler(){new o().registerEventHandler(this.recordField)}}window.customElements.define("typo3-formengine-element-folder",s);
diff --git a/Resources/Public/JavaScript/form-engine/element/group-element.js b/Resources/Public/JavaScript/form-engine/element/group-element.js
new file mode 100644
index 0000000..7647e39
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/group-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{AbstractSortableSelectItems as t}from"@typo3/backend/form-engine/element/abstract-sortable-select-items.js";import r from"@typo3/core/document-service.js";import s from"@typo3/backend/form-engine-suggest.js";class n extends t{constructor(e){super(),this.element=null,r.ready().then(()=>{this.element=document.getElementById(e),this.element!==null&&(this.registerEventHandler(),this.registerSuggest())})}registerEventHandler(){this.registerSortableEventHandler(this.element)}registerSuggest(){let e;(e=this.element.closest(".t3js-formengine-field-item").querySelector(".t3-form-suggest"))!==null&&new s(e)}}export{n as default};
diff --git a/Resources/Public/JavaScript/form-engine/element/json-element.js b/Resources/Public/JavaScript/form-engine/element/json-element.js
new file mode 100644
index 0000000..2154941
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/json-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 e from"@typo3/core/document-service.js";import{Resizable as t}from"@typo3/backend/form-engine/element/modifier/resizable.js";import{Tabbable as n}from"@typo3/backend/form-engine/element/modifier/tabbable.js";class l extends HTMLElement{constructor(){super(...arguments),this.element=null}async connectedCallback(){this.element===null&&(await e.ready(),this.element=document.getElementById(this.getAttribute("recordFieldId")||""),this.element&&(t.enable(this.element),n.enable(this.element)))}}window.customElements.define("typo3-formengine-element-json",l);
diff --git a/Resources/Public/JavaScript/form-engine/element/link-element.js b/Resources/Public/JavaScript/form-engine/element/link-element.js
new file mode 100644
index 0000000..ed33e80
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/link-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{selector as r}from"@typo3/core/literals.js";var t;(function(i){i.toggleSelector=".t3js-form-field-link-explanation-toggle",i.inputFieldSelector=".t3js-form-field-link-input",i.explanationSelector=".t3js-form-field-link-explanation",i.iconSelector=".t3js-form-field-link-icon",i.containerSelector=".t3js-form-field-link"})(t||(t={}));class a extends HTMLElement{constructor(){super(),this.addEventListener("click",e=>this.handleClick(e)),this.addEventListener("change",e=>this.handleChange(e))}get element(){const e=this.getAttribute("recordFieldId");if(e===null)throw new Error("Missing recordFieldId attribute on <typo3-formengine-element-link>");const n=this.querySelector(r`#${e}`);if(n===null)throw new Error(`recordFieldId #${e} not found in <typo3-formengine-element-link>`);return n}get container(){return this.element.closest(t.containerSelector)}get toggleSelector(){return this.container.querySelector(t.toggleSelector)}get explanationField(){return this.container.querySelector(t.explanationSelector)}get icon(){return this.container.querySelector(t.iconSelector)}handleClick(e){e.target.closest(t.toggleSelector)!==null&&(e.preventDefault(),this.explanationField.hasAttribute("hidden")?this.showExplanation():this.hideExplanation())}handleChange(e){e.target.closest(t.inputFieldSelector)!==null&&(!this.explanationField.hasAttribute("hidden")&&this.hideExplanation(),this.disableToggle(),this.clearIcon())}showExplanation(){this.explanationField.removeAttribute("hidden"),this.element.setAttribute("hidden","")}hideExplanation(){this.explanationField.setAttribute("hidden",""),this.element.removeAttribute("hidden")}disableToggle(){this.toggleSelector.setAttribute("disabled","")}clearIcon(){this.icon.replaceChildren()}}window.customElements.define("typo3-formengine-element-link",a);
diff --git a/Resources/Public/JavaScript/form-engine/element/mfa-info-element.js b/Resources/Public/JavaScript/form-engine/element/mfa-info-element.js
new file mode 100644
index 0000000..32579f7
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/mfa-info-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 l from"@typo3/core/ajax/ajax-request.js";import u from"@typo3/core/document-service.js";import o from"@typo3/core/event/regular-event.js";import d from"@typo3/backend/notification.js";import c from"@typo3/backend/modal.js";import{SeverityEnum as f}from"@typo3/backend/enum/severity.js";import{selector as v}from"@typo3/core/literals.js";import{sudoModeInterceptor as m}from"@typo3/backend/security/sudo-mode-interceptor.js";var a;(function(s){s.deactivteProviderButton=".t3js-deactivate-provider-button",s.deactivteMfaButton=".t3js-deactivate-mfa-button",s.providerslist=".t3js-mfa-active-providers-list",s.mfaStatusLabel=".t3js-mfa-status-label"})(a||(a={}));class h{constructor(t,e){this.options=null,this.fullElement=null,this.deactivteProviderButtons=null,this.deactivteMfaButton=null,this.providersList=null,this.mfaStatusLabel=null,this.request=null,this.options=e,u.ready().then(i=>{this.fullElement=i.querySelector(t),this.deactivteProviderButtons=this.fullElement.querySelectorAll(a.deactivteProviderButton),this.deactivteMfaButton=this.fullElement.querySelector(a.deactivteMfaButton),this.providersList=this.fullElement.querySelector(a.providerslist),this.mfaStatusLabel=this.fullElement.parentElement.querySelector(a.mfaStatusLabel),this.registerEvents()})}registerEvents(){new o("click",t=>{t.preventDefault(),this.prepareDeactivateRequest(this.deactivteMfaButton)}).bindTo(this.deactivteMfaButton),this.deactivteProviderButtons.forEach(t=>{new o("click",e=>{e.preventDefault(),this.prepareDeactivateRequest(t)}).bindTo(t)})}prepareDeactivateRequest(t){const e=c.show(t.dataset.confirmationTitle||t.getAttribute("title")||"Deactivate provider(s)",t.dataset.confirmationContent||"Are you sure you want to continue? This action cannot be undone and will be applied immediately!",f.warning,[{text:t.dataset.confirmationCancelText||"Cancel",active:!0,btnClass:"btn-default",name:"cancel"},{text:t.dataset.confirmationDeactivateText||"Deactivate",btnClass:"btn-warning",name:"deactivate",trigger:()=>{this.sendDeactivateRequest(t.dataset.provider)}}]);e.addEventListener("button.clicked",()=>{e.hideModal()})}sendDeactivateRequest(t){this.request instanceof l&&this.request.abort(),this.request=new l(TYPO3.settings.ajaxUrls.mfa).addMiddleware(m),this.request.post({action:"deactivate",provider:t,userId:this.options.userId,tableName:this.options.tableName}).then(async e=>{const i=await e.resolve();if(i.status.length>0&&i.status.forEach(r=>{i.success?d.success(r.title,r.message):d.error(r.title,r.message)}),!i.success)return;if(t===void 0||i.remaining===0){this.deactivateMfa();return}if(this.providersList===null)return;const n=this.providersList.querySelector(v`li#provider-${t}`);if(n===null)return;n.remove(),this.providersList.querySelectorAll("li").length===0&&this.deactivateMfa()}).finally(()=>{this.request=null})}deactivateMfa(){this.deactivteMfaButton.classList.add("disabled"),this.deactivteMfaButton.setAttribute("disabled","disabled"),this.providersList!==null&&this.providersList.remove(),this.mfaStatusLabel!==null&&(this.mfaStatusLabel.innerText=this.mfaStatusLabel.dataset.alternativeLabel,this.mfaStatusLabel.classList.remove("badge-success"),this.mfaStatusLabel.classList.add("badge-danger"))}}export{h as default};
diff --git a/Resources/Public/JavaScript/form-engine/element/modifier/resizable.js b/Resources/Public/JavaScript/form-engine/element/modifier/resizable.js
new file mode 100644
index 0000000..f83e45c
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/modifier/resizable.js
@@ -0,0 +1,13 @@
+/*
+ * 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 a from"autosize";class s{static enable(e){a(e)}}export{s as Resizable};
diff --git a/Resources/Public/JavaScript/form-engine/element/modifier/tabbable.js b/Resources/Public/JavaScript/form-engine/element/modifier/tabbable.js
new file mode 100644
index 0000000..a4e1312
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/modifier/tabbable.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class a{static enable(s){s.classList.contains("t3js-enable-tab")&&import("taboverride").then(({default:t})=>{t.set(s)})}}export{a as Tabbable};
diff --git a/Resources/Public/JavaScript/form-engine/element/online-media-form-element.js b/Resources/Public/JavaScript/form-engine/element/online-media-form-element.js
new file mode 100644
index 0000000..e5c8601
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/online-media-form-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as d,customElement as c}from"lit/decorators.js";import{LitElement as f,html as m}from"lit";var s=function(i,e,n,o){var l=arguments.length,t=l<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,n):o,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(i,e,n,o);else for(var p=i.length-1;p>=0;p--)(a=i[p])&&(t=(l<3?a(t):l>3?a(e,n,t):a(e,n))||t);return l>3&&t&&Object.defineProperty(e,n,t),t};let r=class extends f{createRenderRoot(){return this}render(){return m`<form @submit=${this.dispatchSubmitEvent}><div class=form-control-wrap><input type=text class=form-control name=online-media-url placeholder=${this.placeholder} required><div class=form-text>${this.allowedExtensionsHelpText}<br><ul class=badge-list>${this.allowedExtensions.split(",").map(e=>m`<li><span class="badge badge-secondary">${e.trim().toUpperCase()}</span></li>`)}</ul></div></div></form>`}dispatchSubmitEvent(e){e.preventDefault();const n=new FormData(e.target),o=Object.fromEntries(n);this.dispatchEvent(new CustomEvent("typo3:formengine:online-media-added",{detail:o}))}};s([d({type:String})],r.prototype,"placeholder",void 0),s([d({type:String,attribute:"help-text"})],r.prototype,"allowedExtensionsHelpText",void 0),s([d({type:String,attribute:"extensions"})],r.prototype,"allowedExtensions",void 0),r=s([c("typo3-backend-formengine-online-media-form")],r);export{r as OnlineMediaFormElement};
diff --git a/Resources/Public/JavaScript/form-engine/element/password-element.js b/Resources/Public/JavaScript/form-engine/element/password-element.js
new file mode 100644
index 0000000..ccdc596
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/password-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 s from"@typo3/core/document-service.js";import{selector as t}from"@typo3/core/literals.js";class i extends HTMLElement{constructor(){super(...arguments),this.element=null,this.passwordPolicyInfo=null,this.passwordPolicySet=!1}async connectedCallback(){if(this.element!==null)return;const e=this.getAttribute("recordFieldId");e!==null&&(await s.ready(),this.element=this.querySelector(t`#${e}`),this.element&&(this.passwordPolicyInfo=this.querySelector(t`#password-policy-info-${this.element.id}`),this.passwordPolicySet=(this.getAttribute("passwordPolicy")||"")!=="",this.registerEventHandler()))}registerEventHandler(){this.passwordPolicySet&&this.passwordPolicyInfo!==null&&(this.element.addEventListener("focusin",()=>{this.passwordPolicyInfo.classList.remove("hidden")}),this.element.addEventListener("focusout",()=>{this.passwordPolicyInfo.classList.add("hidden")}))}}window.customElements.define("typo3-formengine-element-password",i);
diff --git a/Resources/Public/JavaScript/form-engine/element/select-country-element.js b/Resources/Public/JavaScript/form-engine/element/select-country-element.js
new file mode 100644
index 0000000..0320c02
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/select-country-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 o from"@typo3/core/event/regular-event.js";import m from"@typo3/core/document-service.js";import d from"@typo3/backend/form-engine.js";import{selector as f}from"@typo3/core/literals.js";class u{constructor(){this.initialize=(c,t)=>{const n=document.querySelector(c);n!==null&&(t=t||{},new o("change",l=>{const e=l.target,i=e.parentElement.querySelector(".input-group-icon");i!==null&&(i.innerHTML=e.options[e.selectedIndex].dataset.icon);const s=e.closest(".t3js-formengine-field-item").querySelector(".t3js-forms-select-single-icons");if(s!==null){const r=s.querySelector(".form-wizard-icon-list-item a.active");r!==null&&r.classList.remove("active");const a=s.querySelector(f`[data-select-index="${e.selectedIndex.toString(10)}"]`);a!==null&&a.closest(".form-wizard-icon-list-item a").classList.add("active")}}).bindTo(n),t.onChange instanceof Array&&new o("change",()=>d.processOnFieldChange(t.onChange)).bindTo(n),new o("click",(l,e)=>{const i=e.closest(".t3js-forms-select-single-icons").querySelector(".form-wizard-icon-list-item a.active");i!==null&&i.classList.remove("active"),n.selectedIndex=parseInt(e.dataset.selectIndex,10),n.dispatchEvent(new Event("change")),e.closest(".form-wizard-icon-list-item a").classList.add("active")}).delegateTo(n.closest(".form-control-wrap"),".t3js-forms-select-single-icons .form-wizard-icon-list-item a:not(.active)"))}}initializeOnReady(c,t){m.ready().then(()=>{this.initialize(c,t)})}}var g=new u;export{g as default};
diff --git a/Resources/Public/JavaScript/form-engine/element/select-multiple-side-by-side-element.js b/Resources/Public/JavaScript/form-engine/element/select-multiple-side-by-side-element.js
new file mode 100644
index 0000000..186041a
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/select-multiple-side-by-side-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{AbstractSortableSelectItems as r}from"@typo3/backend/form-engine/element/abstract-sortable-select-items.js";import s from"@typo3/core/document-service.js";import a from"@typo3/backend/form-engine.js";import o from"@typo3/backend/form-engine/element/extra/select-box-filter.js";import c from"@typo3/core/event/regular-event.js";import d from"@typo3/backend/utility.js";class m extends r{constructor(e,t){super(),this.selectedOptionsElement=null,this.availableOptionsElement=null,s.ready().then(l=>{this.selectedOptionsElement=l.getElementById(e),this.availableOptionsElement=l.getElementById(t),!(this.selectedOptionsElement===null||this.availableOptionsElement===null)&&this.registerEventHandler()})}registerEventHandler(){this.registerSortableEventHandler(this.selectedOptionsElement),this.registerKeyboardEvents(),this.availableOptionsElement.addEventListener("click",e=>{const t=e.currentTarget;this.handleOptionChecked(t)}),new o(this.availableOptionsElement)}handleOptionChecked(e){const t=e.dataset.relatedfieldname;if(t){const l=d.trimExplode(",",e.dataset?.exclusivevalues??""),n=e.querySelectorAll("option:checked");n.length>0&&n.forEach(i=>{a.setSelectOptionFromExternalSource(t,i.value,i.textContent,i.getAttribute("title"),l,i)})}}registerKeyboardEvents(){new c("keydown",e=>{const t=e.currentTarget;e.code==="Enter"&&(e.preventDefault(),this.handleOptionChecked(t))}).bindTo(this.availableOptionsElement)}}export{m as default};
diff --git a/Resources/Public/JavaScript/form-engine/element/select-single-element.js b/Resources/Public/JavaScript/form-engine/element/select-single-element.js
new file mode 100644
index 0000000..14b1f58
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/select-single-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 s from"@typo3/core/event/regular-event.js";import m from"@typo3/core/document-service.js";import d from"@typo3/backend/form-engine.js";import{selector as f}from"@typo3/core/literals.js";class u{constructor(){this.initialize=(o,t)=>{const i=document.querySelector(o);i!==null&&(t=t||{},new s("change",l=>{const e=l.target,n=e.parentElement.querySelector(".input-group-icon");n!==null&&(n.innerHTML=e.options[e.selectedIndex].dataset.icon);const c=e.closest(".t3js-formengine-field-item").querySelector(".t3js-forms-select-single-icons");if(c!==null){const r=c.querySelector(".form-wizard-icon-list-item button.active, .form-wizard-icon-list-item a.active");r!==null&&r.classList.remove("active");const a=c.querySelector(f`[data-select-index="${e.selectedIndex.toString(10)}"]`);a!==null&&a.closest(".form-wizard-icon-list-item button, .form-wizard-icon-list-item a").classList.add("active")}}).bindTo(i),t.onChange instanceof Array&&new s("change",()=>d.processOnFieldChange(t.onChange)).bindTo(i),new s("click",(l,e)=>{const n=e.closest(".t3js-forms-select-single-icons").querySelector(".form-wizard-icon-list-item button.active, .form-wizard-icon-list-item a.active");n!==null&&n.classList.remove("active"),i.selectedIndex=parseInt(e.dataset.selectIndex,10),i.dispatchEvent(new Event("change")),e.closest(".form-wizard-icon-list-item button, .form-wizard-icon-list-item a").classList.add("active")}).delegateTo(i.closest(".form-control-wrap"),".t3js-forms-select-single-icons .form-wizard-icon-list-item button:not(.active), .t3js-forms-select-single-icons .form-wizard-icon-list-item a:not(.active)"))}}initializeOnReady(o,t){m.ready().then(()=>{this.initialize(o,t)})}}var g=new u;export{g as default};
diff --git a/Resources/Public/JavaScript/form-engine/element/select-tree-element.js b/Resources/Public/JavaScript/form-engine/element/select-tree-element.js
new file mode 100644
index 0000000..b4c7c99
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/select-tree-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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"@typo3/backend/form-engine/element/select-tree.js";import"@typo3/backend/form-engine/element/select-tree-toolbar.js";import"@typo3/backend/element/icon-element.js";import n from"@typo3/core/document-service.js";import s from"@typo3/backend/form-engine.js";class o{constructor(e,t,i,r){if(this.recordField=null,this.tree=null,this.selectNode=a=>{const d=a.detail.node;this.updateAncestorsIndeterminateState(d),this.calculateIndeterminate(this.tree.nodes),this.saveCheckboxes(),this.tree.setup.input.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))},this.loadDataAfter=a=>{this.tree.nodes=a.detail.nodes.map(d=>(d.__indeterminate=!1,d)),this.calculateIndeterminate(this.tree.nodes)},this.saveCheckboxes=()=>{typeof this.recordField>"u"||(this.recordField.value=this.tree.getSelectedNodes().map(a=>a.identifier).join(","))},i instanceof Function)throw new Error("Function `callback` is not supported anymore since TYPO3 v12.0");n.ready().then(()=>{this.initialize(e,t,r)})}initialize(e,t,i){this.recordField=document.getElementById(t);const r=document.getElementById(e);this.tree=document.createElement("typo3-backend-form-selecttree"),this.tree.addEventListener("typo3:tree:nodes-prepared",this.loadDataAfter),this.tree.addEventListener("typo3:tree:node-selected",this.selectNode),i instanceof Array&&this.tree.addEventListener("typo3:tree:node-selected",()=>{s.processOnFieldChange(i)});const a={id:e,dataUrl:this.generateRequestUrl(),readOnlyMode:parseInt(this.recordField.dataset.readOnly,10)===1,input:this.recordField,exclusiveNodesIdentifiers:this.recordField.dataset.treeExclusiveKeys,validation:JSON.parse(this.recordField.dataset.formengineValidationRules)[0],expandUpToLevel:this.recordField.dataset.treeExpandUpToLevel,unselectableElements:[]};this.tree.addEventListener("tree:initialized",()=>{if(this.recordField.dataset.treeShowToolbar){const d=document.createElement("typo3-backend-form-selecttree-toolbar");d.tree=this.tree,this.tree.prepend(d)}}),this.tree.setup=a,r.append(this.tree)}generateRequestUrl(){const e={tableName:this.recordField.dataset.tablename,fieldName:this.recordField.dataset.fieldname,uid:this.recordField.dataset.uid,defaultValues:this.recordField.dataset.defaultvalues,overrideValues:this.recordField.dataset.overridevalues,recordTypeValue:this.recordField.dataset.recordtypevalue,dataStructureIdentifier:this.recordField.dataset.datastructureidentifier,flexFormSheetName:this.recordField.dataset.flexformsheetname,flexFormFieldName:this.recordField.dataset.flexformfieldname,flexFormContainerName:this.recordField.dataset.flexformcontainername,flexFormContainerIdentifier:this.recordField.dataset.flexformcontaineridentifier,flexFormContainerFieldName:this.recordField.dataset.flexformcontainerfieldname,flexFormSectionContainerIsNew:this.recordField.dataset.flexformsectioncontainerisnew,command:this.recordField.dataset.command};return TYPO3.settings.ajaxUrls.record_tree_data+"&"+new URLSearchParams(e).toString()}updateAncestorsIndeterminateState(e){let t=!1;e.__treeParents.forEach(i=>{const r=this.tree.getNodeByTreeIdentifier(i);r.__indeterminate=e.checked||e.__indeterminate||t,t=r.checked||r.__indeterminate||e.checked||e.__indeterminate})}calculateIndeterminate(e){e.forEach(t=>{(t.checked||t.__indeterminate)&&t.__treeParents&&t.__treeParents.length>0&&t.__treeParents.forEach(i=>{const r=this.tree.getNodeByTreeIdentifier(i);r.__indeterminate=!0})})}}export{o as SelectTreeElement};
diff --git a/Resources/Public/JavaScript/form-engine/element/select-tree-toolbar.js b/Resources/Public/JavaScript/form-engine/element/select-tree-toolbar.js
new file mode 100644
index 0000000..f4f8fc0
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/select-tree-toolbar.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as d,html as p}from"lit";import{customElement as h}from"lit/decorators.js";import s from"~labels/backend.alt_doc";var f=function(n,e,t,c){var i=arguments.length,l=i<3?e:c===null?c=Object.getOwnPropertyDescriptor(e,t):c,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(n,e,t,c);else for(var o=n.length-1;o>=0;o--)(a=n[o])&&(l=(i<3?a(l):i>3?a(e,t,l):a(e,t))||l);return i>3&&l&&Object.defineProperty(e,t,l),l};let r=class extends d{constructor(){super(...arguments),this.settings={collapseAllBtn:"collapse-all-btn",expandAllBtn:"expand-all-btn",searchInput:"search-input",toggleHideUnchecked:"hide-unchecked-btn"},this.hideUncheckedState=!1}createRenderRoot(){return this}render(){return p`<div class=tree-toolbar><div class=tree-toolbar__buttons><input type=search autocomplete=off class="form-control ${this.settings.searchInput}" placeholder=${s.get("tcatree.findItem")} @input=${e=>this.filter(e)}><div class=btn-group><button type=button class="btn btn-default ${this.settings.expandAllBtn}" title=${s.get("tcatree.expandAll")} @click=${()=>this.expandAll()}><typo3-backend-icon identifier=apps-pagetree-category-expand-all size=small></typo3-backend-icon></button> <button type=button class="btn btn-default ${this.settings.collapseAllBtn}" title=${s.get("tcatree.collapseAll")} @click=${e=>this.collapseAll(e)}><typo3-backend-icon identifier=apps-pagetree-category-collapse-all size=small></typo3-backend-icon></button> <button type=button class="btn btn-default ${this.settings.toggleHideUnchecked}" title=${s.get("tcatree.toggleHideUnchecked")} @click=${()=>this.toggleHideUnchecked()}><typo3-backend-icon identifier=apps-pagetree-category-toggle-hide-checked size=small></typo3-backend-icon></button></div></div></div>`}collapseAll(e){e.preventDefault(),this.tree.nodes.forEach(t=>{t.__parents.length&&this.tree.hideChildren(t)})}expandAll(){this.tree.expandAll()}filter(e){const t=e.target;this.tree.filter(t.value.trim())}toggleHideUnchecked(){this.hideUncheckedState=!this.hideUncheckedState,this.hideUncheckedState?this.tree.nodes.forEach(e=>{e.checked?(this.tree.showParents(e),e.expanded=!0,e.__hidden=!1):(e.expanded=!1,e.__hidden=!0)}):this.tree.nodes.forEach(e=>e.__hidden=!1)}};r=f([h("typo3-backend-form-selecttree-toolbar")],r);export{r as SelectTreeToolbar};
diff --git a/Resources/Public/JavaScript/form-engine/element/select-tree.js b/Resources/Public/JavaScript/form-engine/element/select-tree.js
new file mode 100644
index 0000000..4e08063
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/select-tree.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as a}from"lit";import{Tree as f}from"@typo3/backend/tree/tree.js";import{state as h,customElement as u}from"lit/decorators.js";var o=function(r,e,t,s){var l=arguments.length,n=l<3?e:s===null?s=Object.getOwnPropertyDescriptor(e,t):s,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,e,t,s);else for(var d=r.length-1;d>=0;d--)(i=r[d])&&(n=(l<3?i(n):l>3?i(e,t,n):i(e,t))||n);return l>3&&n&&Object.defineProperty(e,t,n),n};let c=class extends f{constructor(){super(),this.settings={unselectableElements:[],exclusiveNodesIdentifiers:"",validation:{},readOnlyMode:!1,showIcons:!0,width:300,dataUrl:"",defaultProperties:{},expandUpToLevel:null},this.exclusiveSelectedNode=null,this.addEventListener("typo3:tree:nodes-prepared",this.prepareLoadedNodes)}expandAll(){this.nodes.forEach(e=>{this.showChildren(e)})}selectNode(e,t=!0){if(!this.isNodeSelectable(e))return;const s=e.checked;this.handleExclusiveNodeSelection(e),!s&&this.settings.validation.maxItems==1&&this.getSelectedNodes().length>0&&(this.getSelectedNodes()[0].checked=!1),!(this.settings.validation&&this.settings.validation.maxItems&&!s&&this.getSelectedNodes().length>=this.settings.validation.maxItems)&&(e.checked=!s,this.dispatchEvent(new CustomEvent("typo3:tree:node-selected",{detail:{node:e,propagate:t}})))}filter(e){const t=[];this.searchTerm=e,this.nodes.length&&(this.nodes[0].__expanded=!1);const s=this.nodes[0],l=new RegExp(e,"i");this.nodes.forEach(i=>{i!==s&&(i.__expanded=!1,i.__hidden=!0,l.test(i.name)&&t.push(i))}),t.forEach(i=>{i.__hidden=!1,this.showParents(i)}),this.nodes.filter(i=>t.some(d=>i.__parents.includes(d.identifier))).forEach(i=>{i.__hidden=!1})}showParents(e){if(e.__parents.length===0)return;const t=this.nodes.find(s=>s.identifier===e.__parents.at(-1));t.__hidden=!1,t.__expanded=!0,this.showParents(t)}isNodeSelectable(e){return!this.settings.readOnlyMode&&this.settings.unselectableElements.indexOf(e.identifier)===-1}createNodeContent(e){return a`${this.renderCheckbox(e)} ${super.createNodeContent(e)}`}renderCheckbox(e){const t=!!e.checked;let s="actions-square";return!this.isNodeSelectable(e)&&!t?s="actions-minus-circle":e.checked?s="actions-check-square":e.__indeterminate&&!t&&(s="actions-minus-square"),a`<span class=node-select> <typo3-backend-icon identifier=${s} size=small></typo3-backend-icon> </span>`}prepareLoadedNodes(e){const t=e.detail.nodes;e.detail.nodes=t.map(s=>(s.selectable===!1&&this.settings.unselectableElements.push(s.identifier),s))}handleExclusiveNodeSelection(e){const t=this.settings.exclusiveNodesIdentifiers.split(",");this.settings.exclusiveNodesIdentifiers.length&&e.checked===!1&&(t.indexOf(""+e.identifier)>-1?(this.resetSelectedNodes(),this.exclusiveSelectedNode=e):t.indexOf(""+e.identifier)===-1&&this.exclusiveSelectedNode&&(this.exclusiveSelectedNode.checked=!1,this.exclusiveSelectedNode=null))}};o([h()],c.prototype,"settings",void 0),o([h()],c.prototype,"exclusiveSelectedNode",void 0),c=o([u("typo3-backend-form-selecttree")],c);export{c as SelectTree};
diff --git a/Resources/Public/JavaScript/form-engine/element/slug-element.js b/Resources/Public/JavaScript/form-engine/element/slug-element.js
new file mode 100644
index 0000000..1ad3603
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/slug-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 u from"@typo3/core/ajax/ajax-request.js";import p from"@typo3/core/document-service.js";import h from"@typo3/core/event/debounce-event.js";import c from"@typo3/core/event/regular-event.js";var a;(function(n){n.toggleButton=".t3js-form-field-slug-toggle",n.recreateButton=".t3js-form-field-slug-recreate",n.inputField=".t3js-form-field-slug-input",n.readOnlyField=".t3js-form-field-slug-readonly",n.hiddenField=".t3js-form-field-slug-hidden"})(a||(a={}));var o;(function(n){n.AUTO="auto",n.RECREATE="recreate",n.MANUAL="manual"})(o||(o={}));class f{constructor(t,i){this.options=null,this.fullElement=null,this.manuallyChanged=!1,this.readOnlyField=null,this.inputField=null,this.hiddenField=null,this.request=null,this.fieldsToListenOn={},this.options=i,this.fieldsToListenOn=this.options.listenerFieldNames||{},p.ready().then(l=>{this.fullElement=l.querySelector(t),this.inputField=this.fullElement.querySelector(a.inputField),this.readOnlyField=this.fullElement.querySelector(a.readOnlyField),this.hiddenField=this.fullElement.querySelector(a.hiddenField),this.registerEvents()})}registerEvents(){const t=Object.values(this.getAvailableFieldsForProposalGeneration()).map(e=>e.dataset.slugSelector),i=this.fullElement.querySelector(a.recreateButton);t.length>0&&this.options.command==="new"&&new h("input",()=>{this.manuallyChanged||this.sendSlugProposal(o.AUTO)}).delegateTo(document,t.join(",")),t.length>0||this.hasPostModifiersDefined()?new c("click",e=>{e.preventDefault(),this.readOnlyField.classList.contains("hidden")&&(this.readOnlyField.classList.toggle("hidden",!1),this.inputField.classList.toggle("hidden",!0)),this.sendSlugProposal(o.RECREATE)}).bindTo(i):(i.classList.add("disabled"),i.disabled=!0),new h("input",()=>{this.manuallyChanged=!0,this.sendSlugProposal(o.MANUAL)}).bindTo(this.inputField);const l=this.fullElement.querySelector(a.toggleButton);new c("click",e=>{e.preventDefault();const s=this.readOnlyField.classList.contains("hidden");if(this.readOnlyField.classList.toggle("hidden",!s),this.inputField.classList.toggle("hidden",s),!s){this.hiddenField.value=this.inputField.value;return}this.inputField.value!==this.readOnlyField.value?this.readOnlyField.value=this.inputField.value:(this.manuallyChanged=!1,this.fullElement.querySelector(".t3js-form-proposal-accepted").classList.add("hidden"),this.fullElement.querySelector(".t3js-form-proposal-different").classList.add("hidden")),this.hiddenField.value=this.readOnlyField.value}).bindTo(l)}sendSlugProposal(t){const i={};t===o.AUTO||t===o.RECREATE?(Object.entries(this.getAvailableFieldsForProposalGeneration()).forEach(l=>{i[l[0]]=l[1].value}),this.options.includeUidInValues===!0&&(i.uid=this.options.recordId.toString())):i.manual=this.inputField.value,this.request instanceof u&&this.request.abort(),this.request=new u(TYPO3.settings.ajaxUrls.record_slug_suggest),this.request.post({values:i,mode:t,tableName:this.options.tableName,pageId:this.options.pageId,parentPageId:this.options.parentPageId,recordId:this.options.recordId,language:this.options.language,fieldName:this.options.fieldName,command:this.options.command,signature:this.options.signature}).then(async l=>{const e=await l.resolve(),s="/"+e.proposal.replace(/^\//,""),d=this.fullElement.querySelector(".t3js-form-proposal-accepted"),r=this.fullElement.querySelector(".t3js-form-proposal-different");d.classList.toggle("hidden",e.hasConflicts),r.classList.toggle("hidden",!e.hasConflicts),(e.hasConflicts?r:d).querySelector("span").innerText=s,this.hiddenField.value!==e.proposal&&this.fullElement.querySelector("input[data-formengine-input-name]").dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0})),t===o.AUTO||t===o.RECREATE?(this.readOnlyField.value=e.proposal,this.hiddenField.value=e.proposal,this.inputField.value=e.proposal):this.hiddenField.value=e.proposal}).finally(()=>{this.request=null})}getAvailableFieldsForProposalGeneration(){const t={};for(const[i,l]of Object.entries(this.fieldsToListenOn)){const e=['[data-formengine-input-name="'+l+'"]','[name="'+l+'"]'];let s,d="";e.some(r=>(s=document.querySelector(r),d=r,s!==null)),s!==null&&(s.dataset.slugSelector=d,t[i]=s)}return t}hasPostModifiersDefined(){return Array.isArray(this.options.config.generatorOptions.postModifiers)&&this.options.config.generatorOptions.postModifiers.length>0}}export{f as default};
diff --git a/Resources/Public/JavaScript/form-engine/element/suggest/result-container.js b/Resources/Public/JavaScript/form-engine/element/suggest/result-container.js
new file mode 100644
index 0000000..a4e884d
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/suggest/result-container.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as p,customElement as f}from"lit/decorators.js";import{LitElement as m,html as r,css as g}from"lit";import"@typo3/backend/form-engine/element/suggest/result-item.js";import h from"~labels/backend.alt_doc";var a=function(s,e,t,l){var o=arguments.length,n=o<3?e:l===null?l=Object.getOwnPropertyDescriptor(e,t):l,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(s,e,t,l);else for(var u=s.length-1;u>=0;u--)(i=s[u])&&(n=(o<3?i(n):o>3?i(e,t,n):i(e,t))||n);return o>3&&n&&Object.defineProperty(e,t,n),n};let c=class extends m{constructor(){super(...arguments),this.results=null}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeyDown),super.disconnectedCallback()}createRenderRoot(){return this}render(){let e;return this.results!==null&&(this.results.length===0?e=r`<div class="alert alert-info">${h.get("search.no_records_found")}</div>`:e=r`${this.results.map(t=>this.renderResultItem(t))}`),r`<typo3-backend-formengine-suggest-result-list>${e}</typo3-backend-formengine-suggest-result-list>`}renderResultItem(e){return r`<typo3-backend-formengine-suggest-result-item tabindex=1 icon=${JSON.stringify(e.icon)} uid=${e.uid} table=${e.table} label=${e.label} path=${e.path}></typo3-backend-formengine-suggest-result-item>`}handleKeyDown(e){if(e.preventDefault(),e.key==="Escape"){this.closest(".t3-form-suggest-container").querySelector('input[type="search"]').focus(),this.hidden=!0;return}if(!["ArrowDown","ArrowUp"].includes(e.key)||document.activeElement.tagName.toLowerCase()!=="typo3-backend-formengine-suggest-result-item")return;let t;e.key==="ArrowDown"?t=document.activeElement.nextElementSibling:(t=document.activeElement.previousElementSibling,t===null&&(t=this.closest(".t3-form-suggest-container").querySelector('input[type="search"]'))),t!==null&&t.focus()}};a([p({type:Object})],c.prototype,"results",void 0),c=a([f("typo3-backend-formengine-suggest-result-container")],c);let d=class extends m{static{this.styles=g`:host{display:block}`}render(){return r`<slot></slot>`}};d=a([f("typo3-backend-formengine-suggest-result-list")],d);export{c as ResultContainer,d as ResultList};
diff --git a/Resources/Public/JavaScript/form-engine/element/suggest/result-item.js b/Resources/Public/JavaScript/form-engine/element/suggest/result-item.js
new file mode 100644
index 0000000..ab81133
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/suggest/result-item.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as u}from"lit";import{property as l,customElement as m}from"lit/decorators.js";import{PseudoButtonLitElement as d}from"@typo3/backend/element/pseudo-button.js";import"@typo3/backend/element/icon-element.js";var s=function(c,e,t,n){var r=arguments.length,o=r<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,t):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(c,e,t,n);else for(var p=c.length-1;p>=0;p--)(a=c[p])&&(o=(r<3?a(o):r>3?a(e,t,o):a(e,t))||o);return r>3&&o&&Object.defineProperty(e,t,o),o};let i=class extends d{constructor(){super(),this.addEventListener("blur",this.onBlur)}buttonActivated(e){this.dispatchItemChosenEvent(e.currentTarget)}createRenderRoot(){return this}render(){return u`<div class=formengine-suggest-result-item-icon><typo3-backend-icon title=${this.icon.title} identifier=${this.icon.identifier} overlay=${this.icon.overlay} size=small></typo3-backend-icon></div><div class=formengine-suggest-result-item-label>${this.label} <small>[${this.uid}] ${this.path}</small></div>`}onBlur(e){let t=!0;const n=e.relatedTarget,r=this.closest("typo3-backend-formengine-suggest-result-container");n?.tagName.toLowerCase()==="typo3-backend-formengine-suggest-result-item"&&(t=!1),n?.matches('input[type="search"]')&&r.contains(n)&&(t=!1),r.hidden=t}dispatchItemChosenEvent(e){e.closest("typo3-backend-formengine-suggest-result-container").dispatchEvent(new CustomEvent("typo3:formengine:suggest-item-chosen",{detail:{element:e}}))}};s([l({type:Object})],i.prototype,"icon",void 0),s([l({type:Number})],i.prototype,"uid",void 0),s([l({type:String})],i.prototype,"table",void 0),s([l({type:String})],i.prototype,"label",void 0),s([l({type:String})],i.prototype,"path",void 0),i=s([m("typo3-backend-formengine-suggest-result-item")],i);export{i as ResultItem};
diff --git a/Resources/Public/JavaScript/form-engine/element/table-permission-element.js b/Resources/Public/JavaScript/form-engine/element/table-permission-element.js
new file mode 100644
index 0000000..c7ae375
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/table-permission-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 o from"@typo3/core/document-service.js";import n from"@typo3/core/event/regular-event.js";import{selector as a}from"@typo3/core/literals.js";import{MultiRecordSelectionSelectors as m}from"@typo3/backend/multi-record-selection.js";var l;(function(s){s.none="none",s.select="select",s.modify="modify"})(l||(l={}));class r extends HTMLElement{constructor(){super(...arguments),this.selectStateField=null,this.modifyStateField=null}async connectedCallback(){await o.ready(),this.selectStateField=this.querySelector(a`input[name=${this.getAttribute("selectStateFieldName")||""}]`),this.modifyStateField=this.querySelector(a`input[name=${this.getAttribute("modifyStateFieldName")||""}]`),!(this.selectStateField===null||this.modifyStateField===null)&&this.registerEventHandler()}registerEventHandler(){new n("change",e=>{this.handleSingleItemChange(e.target)}).delegateTo(this.querySelector("table"),".t3js-table-permissions-item"),new n("multiRecordSelection:checkbox:state:changed",e=>{const t=e.target.name;if(this.querySelectorAll(a`input[name="${t}"]:checked`).length===0){const i=this.querySelector(a`input[name="${t}"]`);i.value=l.none,this.handleSingleItemChange(i),this.querySelector(a`input[name="${t}"][value="${l.none}"]`).checked=!0}}).delegateTo(this.querySelector("table"),m.checkboxSelector)}handleSingleItemChange(e){switch(e.value){case l.select:this.addItem(e.dataset.table,this.selectStateField),this.removeItem(e.dataset.table,this.modifyStateField);break;case l.modify:this.addItem(e.dataset.table,this.selectStateField),this.addItem(e.dataset.table,this.modifyStateField);break;case l.none:default:this.removeItem(e.dataset.table,this.selectStateField),this.removeItem(e.dataset.table,this.modifyStateField);break}}removeItem(e,t){t.value=(t.value.length?t.value.split(","):[]).filter(i=>i!==e).join(",")}addItem(e,t){const i=t.value.length?t.value.split(","):[];i.includes(e)||(i.push(e),t.value=i.join(","))}}window.customElements.define("typo3-formengine-element-tablepermission",r);
diff --git a/Resources/Public/JavaScript/form-engine/element/table-wizard-element.js b/Resources/Public/JavaScript/form-engine/element/table-wizard-element.js
new file mode 100644
index 0000000..f432ab6
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/table-wizard-element.js
@@ -0,0 +1,16 @@
+/*
+ * 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{LitElement as g,html as r}from"lit";import{property as u,customElement as v}from"lit/decorators.js";import s from"~labels/core.wizards";import m from"~labels/core.core";import"@typo3/backend/element/icon-element.js";import h from"@typo3/backend/modal.js";var d=function(p,t,e,a){var l=arguments.length,n=l<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,e):a,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(p,t,e,a);else for(var o=p.length-1;o>=0;o--)(i=p[o])&&(n=(l<3?i(n):l>3?i(t,e,n):i(t,e))||n);return l>3&&n&&Object.defineProperty(t,e,n),n};let c=class extends g{constructor(){super(...arguments),this.type="textarea",this.selectorData="",this.delimiter="|",this.enclosure="",this.appendRows=1,this.table=[]}get firstRow(){return this.table[0]||[]}connectedCallback(){super.connectedCallback(),this.selectorData=this.getAttribute("selector"),this.delimiter=this.getAttribute("delimiter"),this.enclosure=this.getAttribute("enclosure")||"",this.readTableFromTextarea()}createRenderRoot(){return this}render(){return this.renderTemplate()}provideMinimalTable(){(this.table.length===0||this.firstRow.length===0)&&(this.table=[[""]])}readTableFromTextarea(){const t=document.querySelector(this.selectorData),e=[];t.value.split(`
+`).forEach(a=>{if(a!==""){this.enclosure&&(a=a.replace(new RegExp(this.enclosure,"g"),""));const l=a.split(this.delimiter);e.push(l)}}),this.table=e}writeTableSyntaxToTextarea(){const t=document.querySelector(this.selectorData);let e="";this.table.forEach(a=>{const l=a.length;e+=a.reduce((n,i,o)=>{const b=l-1===o?"":this.delimiter;return i=i.replace(/\r?\n/g,"<br>"),n+this.enclosure+i+this.enclosure+b},"")+`
+`}),t.value=e,t.dispatchEvent(new CustomEvent("change",{bubbles:!0}))}modifyTable(t,e,a){const l=t.target;this.table[e][a]=l.value,this.writeTableSyntaxToTextarea(),this.requestUpdate()}toggleType(){this.type=this.type==="input"?"textarea":"input"}moveColumn(t,e){this.table=this.table.map(a=>{const l=a.splice(t,1);return a.splice(e,0,...l),a}),this.writeTableSyntaxToTextarea(),this.requestUpdate()}appendColumn(t,e){this.table=this.table.map(a=>(a.splice(e+1,0,""),a)),this.writeTableSyntaxToTextarea(),this.requestUpdate()}removeColumn(t,e){this.table=this.table.map(a=>(a.splice(e,1),a)),this.writeTableSyntaxToTextarea(),this.requestUpdate()}moveRow(t,e,a){const l=this.table.splice(e,1);this.table.splice(a,0,...l),this.writeTableSyntaxToTextarea(),this.requestUpdate()}appendRow(t,e){const a=this.firstRow.concat().fill(""),l=new Array(this.appendRows).fill(a);this.table.splice(e+1,0,...l),this.writeTableSyntaxToTextarea(),this.requestUpdate()}removeRow(t,e){this.table.splice(e,1),this.writeTableSyntaxToTextarea(),this.requestUpdate()}renderTemplate(){this.provideMinimalTable();const t=Object.keys(this.firstRow).map(l=>parseInt(l,10)),e=t[t.length-1],a=this.table.length-1;return r`<div class="table-fit table-fit-inline-block"><table class="table table-center"><thead><th>${this.renderTypeButton()}</th>${t.map(l=>r`<th>${this.renderColButtons(l,e)}</th>`)}</thead><tbody>${this.table.map((l,n)=>r`<tr><td>${this.renderRowButtons(n,a)}</td>${l.map((i,o)=>r`<td>${this.renderDataElement(i,n,o)}</td>`)}</tr>`)}</tbody></table></div>`}renderDataElement(t,e,a){const l=n=>this.modifyTable(n,e,a);switch(this.type){case"input":return r`<input class=form-control type=text data-row=${e} data-col=${a} @change=${l} .value=${t.replace(/\n/g,"<br>")}>`;case"textarea":default:return r`<textarea class=form-control rows=6 data-row=${e} data-col=${a} @change=${l} .value=${t.replace(/<br[ ]*\/?>/g,`
+`)}></textarea>`}}renderTypeButton(){return r`<span class=btn-group> <button class="btn btn-default" type=button title=${s.get("table_smallFields")} @click=${()=>this.toggleType()}><typo3-backend-icon identifier=${this.type==="input"?"actions-chevron-expand":"actions-chevron-contract"} size=small></typo3-backend-icon></button> <button class="btn btn-default" type=button title=${s.get("table_setCount")} @click=${t=>this.showTableConfigurationModal(t)}><typo3-backend-icon identifier=actions-plus size=small></typo3-backend-icon></button> <button class="btn btn-default" type=button title=${s.get("table_showCode")} @click=${()=>this.showTableSyntax()}><typo3-backend-icon identifier=actions-code size=small></typo3-backend-icon></button> </span>`}renderColButtons(t,e){const a={title:t===0?s.get("table_end"):s.get("table_left"),class:t===0?"bar-right":"left",target:t===0?e:t-1},l={title:t===e?s.get("table_start"):s.get("table_right"),class:t===e?"bar-left":"right",target:t===e?0:t+1};return r`<span class=btn-group> <button class="btn btn-default" type=button title=${a.title} @click=${()=>this.moveColumn(t,a.target)}><typo3-backend-icon identifier=actions-chevron-${a.class} size=small></typo3-backend-icon></button> <button class="btn btn-default" type=button title=${l.title} @click=${()=>this.moveColumn(t,l.target)}><typo3-backend-icon identifier=actions-chevron-${l.class} size=small></typo3-backend-icon></button> <button class="btn btn-default" type=button title=${s.get("table_removeColumn")} @click=${n=>this.removeColumn(n,t)}><typo3-backend-icon identifier=actions-delete size=small></typo3-backend-icon></button> <button class="btn btn-default" type=button title=${s.get("table_addColumn")} @click=${n=>this.appendColumn(n,t)}><typo3-backend-icon identifier=actions-plus size=small></typo3-backend-icon></button> </span>`}renderRowButtons(t,e){const a={title:t===0?s.get("table_bottom"):s.get("table_up"),class:t===0?"bar-down":"up",target:t===0?e:t-1},l={title:t===e?s.get("table_top"):s.get("table_down"),class:t===e?"bar-up":"down",target:t===e?0:t+1};return r`<span class=btn-group${this.type==="input"?"":"-vertical"}> <button class="btn btn-default" type=button title=${a.title} @click=${n=>this.moveRow(n,t,a.target)}><typo3-backend-icon identifier=actions-chevron-${a.class} size=small></typo3-backend-icon></button> <button class="btn btn-default" type=button title=${l.title} @click=${n=>this.moveRow(n,t,l.target)}><typo3-backend-icon identifier=actions-chevron-${l.class} size=small></typo3-backend-icon></button> <button class="btn btn-default" type=button title=${s.get("table_removeRow")} @click=${n=>this.removeRow(n,t)}><typo3-backend-icon identifier=actions-delete size=small></typo3-backend-icon></button> <button class="btn btn-default" type=button title=${s.get("table_addRow")} @click=${n=>this.appendRow(n,t)}><typo3-backend-icon identifier=actions-plus size=small></typo3-backend-icon></button> </span>`}showTableConfigurationModal(t){const e=this.firstRow.length,a=this.table.length,l=a||1,n=e||1,i=h.advanced({content:r`<div class=form-group><label for=t3js-expand-rows class=form-label>${s.get("table_rowCount")}</label> <input id=t3js-expand-rows class=form-control type=number min=1 required value=${l}></div><div class=form-group><label for=t3js-expand-cols class=form-label>${s.get("table_colCount")}</label> <input id=t3js-expand-cols class=form-control type=number min=1 required value=${n}></div>`,title:s.get("table_setCountHeadline"),size:h.sizes.small,buttons:[{text:m.get("labels.cancel"),btnClass:"btn-default",name:"cancel",trigger:()=>i.hideModal()},{text:s.get("table_buttonUpdate"),active:!0,btnClass:"btn-primary",name:"apply",trigger:()=>{const o=i.querySelector("#t3js-expand-rows"),b=i.querySelector("#t3js-expand-cols");if(!(o===null||b===null))if(o.checkValidity()&&b.checkValidity()){const y=Number(o.value)-a,f=Number(b.value)-e;this.setColAndRowCount(t,f,y),i.hideModal()}else o.reportValidity(),b.reportValidity()}}]})}showTableSyntax(){const t=document.querySelector(this.selectorData),e=h.advanced({content:r`<div class=form-group><label for=table-wizard-textarea-raw class=form-label>${s.get("table_showCodeLabel")}</label> <textarea id=table-wizard-textarea-raw rows=8 class=form-control>${t.value}</textarea></div>`,title:s.get("table_showCodeHeadline"),size:h.sizes.small,buttons:[{text:m.get("labels.cancel"),btnClass:"btn-default",name:"cancel",trigger:()=>e.hideModal()},{text:s.get("table_buttonUpdate"),active:!0,btnClass:"btn-primary",name:"apply",trigger:()=>{t.value=e.querySelector("textarea").value,t.dispatchEvent(new CustomEvent("change",{bubbles:!0})),this.readTableFromTextarea(),this.requestUpdate(),e.hideModal()}}]})}setColAndRowCount(t,e,a){const l=this.table.length;if(a>0)for(let n=0;n<a;n++)this.appendRow(t,l);else for(let n=0;n<Math.abs(a);n++)this.removeRow(t,this.table.length-1);if(e>0)for(let n=0;n<e;n++)this.appendColumn(t,e);else for(let n=0;n<Math.abs(e);n++)this.removeColumn(t,this.firstRow.length-1)}};d([u({type:String})],c.prototype,"type",void 0),d([u({type:String})],c.prototype,"selectorData",void 0),d([u({type:String})],c.prototype,"delimiter",void 0),d([u({type:String})],c.prototype,"enclosure",void 0),d([u({type:Number,attribute:"append-rows"})],c.prototype,"appendRows",void 0),c=d([v("typo3-formengine-table-wizard")],c);export{c as TableWizardElement};
diff --git a/Resources/Public/JavaScript/form-engine/element/text-element.js b/Resources/Public/JavaScript/form-engine/element/text-element.js
new file mode 100644
index 0000000..3bdfb5c
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/text-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 e from"@typo3/core/document-service.js";import{Resizable as t}from"@typo3/backend/form-engine/element/modifier/resizable.js";import{Tabbable as n}from"@typo3/backend/form-engine/element/modifier/tabbable.js";class l extends HTMLElement{constructor(){super(...arguments),this.element=null}async connectedCallback(){this.element===null&&(await e.ready(),this.element=document.getElementById(this.getAttribute("recordFieldId")||""),this.element&&(t.enable(this.element),n.enable(this.element)))}}window.customElements.define("typo3-formengine-element-text",l);
diff --git a/Resources/Public/JavaScript/form-engine/element/text-table-element.js b/Resources/Public/JavaScript/form-engine/element/text-table-element.js
new file mode 100644
index 0000000..76b8993
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/element/text-table-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{Resizable as t}from"@typo3/backend/form-engine/element/modifier/resizable.js";import{Tabbable as l}from"@typo3/backend/form-engine/element/modifier/tabbable.js";import m from"@typo3/core/document-service.js";class n{constructor(e){this.element=null,m.ready().then(()=>{this.element=document.getElementById(e),t.enable(this.element),l.enable(this.element)})}}export{n as default};
diff --git a/Resources/Public/JavaScript/form-engine/field-control/add-record.js b/Resources/Public/JavaScript/form-engine/field-control/add-record.js
new file mode 100644
index 0000000..e380a2c
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/field-control/add-record.js
@@ -0,0 +1,13 @@
+/*
+ * 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 r from"@typo3/core/document-service.js";import o from"@typo3/backend/form-engine.js";class n{constructor(e){this.controlElement=null,this.registerClickHandler=t=>{t.preventDefault(),o.preventFollowLinkIfNotSaved(this.controlElement.getAttribute("href"))},r.ready().then(()=>{this.controlElement=document.querySelector(e),this.controlElement.addEventListener("click",this.registerClickHandler)})}}export{n as default};
diff --git a/Resources/Public/JavaScript/form-engine/field-control/edit-popup.js b/Resources/Public/JavaScript/form-engine/field-control/edit-popup.js
new file mode 100644
index 0000000..f9af27a
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/field-control/edit-popup.js
@@ -0,0 +1,13 @@
+/*
+ * 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 l from"@typo3/core/document-service.js";class r{constructor(s){this.controlElement=null,this.assignedFormField=null,this.registerChangeHandler=()=>{this.controlElement.classList.toggle("disabled",this.assignedFormField.options.selectedIndex===-1)},this.registerClickHandler=n=>{n.preventDefault();const t=[];for(let e=0;e<this.assignedFormField.selectedOptions.length;++e){const o=this.assignedFormField.selectedOptions.item(e);t.push(o.value)}const i=this.controlElement.getAttribute("href")+"&P[currentValue]="+encodeURIComponent(this.assignedFormField.value)+"&P[currentSelectedValues]="+t.join(",");window.open(i,"",this.controlElement.dataset.windowParameters).focus()},l.ready().then(()=>{this.controlElement=document.querySelector(s),this.assignedFormField=document.querySelector('select[data-formengine-input-name="'+this.controlElement.dataset.element+'"]'),this.assignedFormField.options.selectedIndex===-1&&this.controlElement.classList.add("disabled"),this.assignedFormField.addEventListener("change",this.registerChangeHandler),this.controlElement.addEventListener("click",this.registerClickHandler)})}}export{r as default};
diff --git a/Resources/Public/JavaScript/form-engine/field-control/insert-clipboard.js b/Resources/Public/JavaScript/form-engine/field-control/insert-clipboard.js
new file mode 100644
index 0000000..0c95cde
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/field-control/insert-clipboard.js
@@ -0,0 +1,13 @@
+/*
+ * 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 n from"@typo3/core/document-service.js";import s from"@typo3/backend/form-engine.js";class i{constructor(t){this.controlElement=null,this.registerClickHandler=r=>{r.preventDefault();const o=this.controlElement.dataset.element,l=JSON.parse(this.controlElement.dataset.clipboardItems);for(const e of l)s.setSelectOptionFromExternalSource(o,e.value,e.title,e.title)},n.ready().then(()=>{this.controlElement=document.querySelector(t),this.controlElement.addEventListener("click",this.registerClickHandler)})}}export{i as default};
diff --git a/Resources/Public/JavaScript/form-engine/field-control/link-popup.js b/Resources/Public/JavaScript/form-engine/field-control/link-popup.js
new file mode 100644
index 0000000..8722652
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/field-control/link-popup.js
@@ -0,0 +1,13 @@
+/*
+ * 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 u from"@typo3/core/document-service.js";import h from"@typo3/backend/form-engine.js";import{selector as l}from"@typo3/core/literals.js";import t from"@typo3/backend/modal.js";import{FormEngineLinkBrowserSetLinkEvent as p}from"@typo3/backend/event/form-engine-link-browser-set-link-event.js";class f{constructor(a){this.controlElement=null,this.handleControlClick=i=>{i.preventDefault();const e=this.controlElement.dataset.itemName,c=document.querySelector(l`[name="${e}"]`),n=document.querySelector(l`[data-formengine-input-name="${e}"]`),m=this.controlElement.getAttribute("href")+"&P[currentValue]="+encodeURIComponent(document.forms.namedItem("editform")[e].value)+"&P[currentSelectedValues]="+encodeURIComponent(c.value),o=t.advanced({type:t.types.iframe,content:m,size:t.sizes.large});o.addEventListener(p.eventName,s=>{const{value:d,onFieldChangeItems:r}=s;n.value=d,n.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0})),Array.isArray(r)&&h.processOnFieldChange(r),o.hideModal()})},u.ready().then(()=>{this.controlElement=document.querySelector(a),this.controlElement!==null&&this.controlElement.addEventListener("click",this.handleControlClick)})}}export{f as default};
diff --git a/Resources/Public/JavaScript/form-engine/field-control/list-module.js b/Resources/Public/JavaScript/form-engine/field-control/list-module.js
new file mode 100644
index 0000000..8d3f7d3
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/field-control/list-module.js
@@ -0,0 +1,13 @@
+/*
+ * 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 r from"@typo3/core/document-service.js";import o from"@typo3/backend/form-engine.js";class l{constructor(e){this.controlElement=null,this.registerClickHandler=t=>{t.preventDefault(),o.preventFollowLinkIfNotSaved(this.controlElement.getAttribute("href"))},r.ready().then(()=>{this.controlElement=document.querySelector(e),this.controlElement.addEventListener("click",this.registerClickHandler)})}}export{l as default};
diff --git a/Resources/Public/JavaScript/form-engine/field-control/password-generator.js b/Resources/Public/JavaScript/form-engine/field-control/password-generator.js
new file mode 100644
index 0000000..82f118f
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/field-control/password-generator.js
@@ -0,0 +1,13 @@
+/*
+ * 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 s from"@typo3/core/document-service.js";import n from"@typo3/backend/form-engine.js";import o from"@typo3/backend/form-engine-validation.js";import d from"@typo3/core/ajax/ajax-request.js";import l from"@typo3/backend/notification.js";import i from"~labels/core.core";class r{constructor(a){this.controlElement=null,this.humanReadableField=null,this.hiddenField=null,this.passwordPolicy=null,s.ready().then(()=>{if(this.controlElement=document.getElementById(a),this.humanReadableField=document.querySelector('input[data-formengine-input-name="'+this.controlElement.dataset.itemName+'"]'),this.hiddenField=document.querySelector('input[name="'+this.controlElement.dataset.itemName+'"]'),this.passwordPolicy=this.controlElement.dataset.passwordPolicy||null,!this.controlElement.dataset.allowEdit&&(this.humanReadableField.disabled=!0,this.humanReadableField.readOnly=!0,this.humanReadableField.isClearable||this.humanReadableField.classList.contains("t3js-clearable"))){this.humanReadableField.classList.remove("t3js-clearable");const e=this.humanReadableField.closest("div.form-control-clearable-wrapper");if(e){e.classList.remove("form-control-clearable");const t=e.querySelector("button.close");t&&e.removeChild(t)}}this.controlElement.addEventListener("click",this.generatePassword.bind(this))})}generatePassword(a){a.preventDefault(),new d(TYPO3.settings.ajaxUrls.password_generate).post({passwordPolicy:this.passwordPolicy}).then(async e=>{const t=await e.resolve();t.success===!0?(this.humanReadableField.type="text",this.humanReadableField.value=t.password,this.humanReadableField.dispatchEvent(new Event("change")),this.hiddenField&&(this.humanReadableField.value=this.hiddenField.value),o.validateField(this.humanReadableField),n.markFieldAsChanged(this.humanReadableField)):l.warning(i.get("labels.generatePassword.failed"))}).catch(()=>{l.warning(i.get("labels.generatePassword.failed"))})}}export{r as default};
diff --git a/Resources/Public/JavaScript/form-engine/field-control/reset-selection.js b/Resources/Public/JavaScript/form-engine/field-control/reset-selection.js
new file mode 100644
index 0000000..c4f8db5
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/field-control/reset-selection.js
@@ -0,0 +1,13 @@
+/*
+ * 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 c from"@typo3/core/document-service.js";class r{constructor(t){this.controlElement=null,this.registerClickHandler=n=>{n.preventDefault();const o=this.controlElement.dataset.itemName,l=JSON.parse(this.controlElement.dataset.selectedIndices),e=document.forms.namedItem("editform").querySelector('[name="'+o+'[]"]');e.selectedIndex=-1;for(const s of l)e.options[s].selected=!0},c.ready().then(()=>{this.controlElement=document.querySelector(t),this.controlElement!==null&&this.controlElement.addEventListener("click",this.registerClickHandler)})}}export{r as default};
diff --git a/Resources/Public/JavaScript/form-engine/field-wizard/localization-state-selector.js b/Resources/Public/JavaScript/form-engine/field-wizard/localization-state-selector.js
new file mode 100644
index 0000000..17663ab
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/field-wizard/localization-state-selector.js
@@ -0,0 +1,13 @@
+/*
+ * 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 o from"@typo3/core/document-service.js";import u from"@typo3/core/event/regular-event.js";var n;(function(s){s.CUSTOM="custom"})(n||(n={}));class c{constructor(r){o.ready().then(()=>{this.registerEventHandler(r)})}registerEventHandler(r){new u("change",i=>{const t=i.target,e=t.closest(".t3js-formengine-field-item")?.querySelector("[data-formengine-input-name]");if(!e)return;const a=e.dataset.lastL10nState||!1,l=t.value;a&&l===a||(l===n.CUSTOM?(a&&(t.dataset.originalLanguageValue=e.value),e.disabled=!1):(a===n.CUSTOM&&(t.closest(".t3js-l10n-state-container").querySelector(".t3js-l10n-state-custom").dataset.originalLanguageValue=e.value),e.disabled=!0),e.value=t.dataset.originalLanguageValue,e.dispatchEvent(new Event("change")),e.dataset.lastL10nState=t.value)}).delegateTo(document,'.t3js-l10n-state-container input[type="radio"][name="'+r+'"]')}}export{c as default};
diff --git a/Resources/Public/JavaScript/form-engine/field-wizard/shortcut-validation.js b/Resources/Public/JavaScript/form-engine/field-wizard/shortcut-validation.js
new file mode 100644
index 0000000..ac68add
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/field-wizard/shortcut-validation.js
@@ -0,0 +1,13 @@
+/*
+ * 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 d from"@typo3/core/document-service.js";import o from"@typo3/backend/form-engine.js";class u{constructor(){d.ready().then(()=>{this.run()})}run(){const e=document.querySelector('[name$="[shortcut]"]'),t=document.querySelector('[name$="[shortcut_mode]"]'),i=e?.closest("form");!e||!t||!i||t.addEventListener("change",()=>{this.apply(e,i,t)})}async apply(e,t,i){const a=parseInt(i.value,10)===0,n=JSON.parse(e.dataset.formengineValidationRules||"[]"),r=n.findIndex(s=>s.type==="required");a&&r===-1?n.push({type:"required"}):!a&&r!==-1&&n.splice(r,1),e.dataset.formengineValidationRules=JSON.stringify(n),o.reinitialize(),o.Validation.initializeInputFields(),o.Validation.validate(t)}}var c=new u;export{c as default};
diff --git a/Resources/Public/JavaScript/form-engine/field-wizard/value-picker.js b/Resources/Public/JavaScript/form-engine/field-wizard/value-picker.js
new file mode 100644
index 0000000..6f862c7
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/field-wizard/value-picker.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class t extends HTMLElement{constructor(){super(),this.valuePicker=null,this.linkedField=null,this.initialValueSet=!1,this.onChange=()=>{this.setValue(),this.valuePicker.blur()},this.linkedFieldOnChange=()=>{this.valuePicker!==null&&this.selectValue(this.linkedField.value)};const e=document.createElement("slot");e.addEventListener("slotchange",()=>this.initializeValuePicker(e)),this.attachShadow({mode:"open"}).append(e)}connectedCallback(){this.linkedField=document.querySelector(this.getAttribute("linked-field")),this.linkedField?.addEventListener("change",this.linkedFieldOnChange),this.initializeValuePicker(this.shadowRoot.querySelector("slot"))}disconnectedCallback(){this.linkedField?.removeEventListener("change",this.linkedFieldOnChange),this.linkedField=null}initializeValuePicker(e){const i=e.assignedElements()[0]??null;if(i!==null&&i.tagName.toLowerCase()!=="select")throw new Error(`ValuePicker could not be initialized. Expected <select> child name, but found: ${i}`);i!==this.valuePicker&&(this.valuePicker?.removeEventListener("change",this.onChange),this.valuePicker=i,this.valuePicker?.addEventListener("change",this.onChange),this.initialValueSet=!1),this.setInitialPickerValue()}setInitialPickerValue(){if(this.linkedField===null||this.valuePicker===null||this.initialValueSet)return;const e=document.getElementsByName(this.linkedField.dataset.formengineInputName)[0]??null;e!==null&&(this.selectValue(e.value),this.initialValueSet=!0)}selectValue(e){this.valuePicker.selectedIndex=Array.from(this.valuePicker.options).findIndex(i=>i.value===e)}setValue(){const e=this.valuePicker.options[this.valuePicker.selectedIndex].value;this.linkedField.value=e,this.linkedField.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))}}window.customElements.define("typo3-formengine-valuepicker",t);export{t as ValuePicker};
diff --git a/Resources/Public/JavaScript/form-engine/field-wizard/value-slider.js b/Resources/Public/JavaScript/form-engine/field-wizard/value-slider.js
new file mode 100644
index 0000000..b630ea0
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/field-wizard/value-slider.js
@@ -0,0 +1,13 @@
+/*
+ * 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 r from"@typo3/core/document-service.js";import u from"@typo3/core/event/throttle-event.js";var i;(function(l){l.integer="integer",l.decimal="decimal"})(i||(i={}));class n extends HTMLElement{constructor(){super(...arguments),this.valueSlider=null,this.handleRangeChange=t=>{const e=t.target;this.updateValue(e),this.updateTooltipValue(e)}}async connectedCallback(){this.valueSlider===null&&(await r.ready(),this.valueSlider=this.querySelector("input"),this.valueSlider!==null&&new u("input",this.handleRangeChange,25).bindTo(this.valueSlider))}updateValue(t){const e=document.querySelector(this.getAttribute("linked-field"));e.value=t.value,e.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0}))}updateTooltipValue(t){let e;const a=t.value;switch(this.getAttribute("format")){case i.decimal:e=parseFloat(a).toFixed(Number(this.getAttribute("precision"))||2);break;case i.integer:default:e=parseInt(a,10)}t.title=e.toString()}}window.customElements.define("typo3-formengine-valueslider",n);export{n as ValueSlider};
diff --git a/Resources/Public/JavaScript/form-engine/inline-relation/ajax-dispatcher.js b/Resources/Public/JavaScript/form-engine/inline-relation/ajax-dispatcher.js
new file mode 100644
index 0000000..742a323
--- /dev/null
+++ b/Resources/Public/JavaScript/form-engine/inline-relation/ajax-dispatcher.js
@@ -0,0 +1,13 @@
+/*
+ * 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 i from"@typo3/core/ajax/ajax-request.js";import{JavaScriptItemProcessor as o}from"@typo3/core/java-script-item-processor.js";import s from"@typo3/backend/notification.js";import c from"@typo3/backend/utility.js";class a{constructor(e){this.objectGroup=null,this.objectGroup=e}newRequest(e){return new i(e)}getEndpoint(e){if(typeof TYPO3.settings.ajaxUrls[e]<"u")return TYPO3.settings.ajaxUrls[e];throw'Undefined endpoint for route "'+e+'"'}send(e,t){const r=e.post(this.createRequestBody(t)).then(async n=>this.processResponse(await n.resolve()));return r.catch(n=>{n instanceof DOMException&&n.name==="AbortError"||s.error("Error "+n.message)}),r}createRequestBody(e){const t={};for(let r=0;r<e.length;r++)t["ajax["+r+"]"]=e[r];return t["ajax[context]"]=JSON.stringify(this.getContext()),t}getContext(){let e;return typeof TYPO3.settings.FormEngineInline.config[this.objectGroup]<"u"&&typeof TYPO3.settings.FormEngineInline.config[this.objectGroup].context<"u"&&(e=TYPO3.settings.FormEngineInline.config[this.objectGroup].context),e}processResponse(e){if(e.hasErrors)for(const t of e.messages)s.error(t.title,t.message);return e.stylesheetFiles&&document.querySelector("head").append(...e.stylesheetFiles.filter(t=>t).map(t=>{const r=document.createElement("link");return r.rel="stylesheet",r.type="text/css",r.href=t,r})),typeof e.inlineData=="object"&&(TYPO3.settings.FormEngineInline=c.mergeDeep(TYPO3.settings.FormEngineInline,e.inlineData)),e.scriptItems instanceof Array&&e.scriptItems.length>0&&new o().processItems(e.scriptItems),e}}export{a as AjaxDispatcher};
diff --git a/Resources/Public/JavaScript/form/submit-interceptor.js b/Resources/Public/JavaScript/form/submit-interceptor.js
new file mode 100644
index 0000000..4813cb8
--- /dev/null
+++ b/Resources/Public/JavaScript/form/submit-interceptor.js
@@ -0,0 +1,13 @@
+/*
+ * 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 s from"@typo3/backend/icons.js";class n{constructor(t){this.isSubmitting=!1,this.preSubmitCallbacks=[],t.addEventListener("submit",this.submitHandler.bind(this))}addPreSubmitCallback(t){if(typeof t!="function")throw"callback must be a function.";return this.preSubmitCallbacks.push(t),this}submitHandler(t){if(this.isSubmitting){t.preventDefault();return}for(const e of this.preSubmitCallbacks)if(!e(t)){t.preventDefault();return}if(this.isSubmitting=!0,t.submitter!==null&&(t.submitter instanceof HTMLInputElement||t.submitter instanceof HTMLButtonElement)){const e=t.submitter;e.classList.add("disabled"),s.getIcon("spinner-circle",s.sizes.small).then(i=>{e.replaceChild(document.createRange().createContextualFragment(i),e.querySelector(".t3js-icon"))}).catch(()=>{})}}}export{n as default};
diff --git a/Resources/Public/JavaScript/global-event-handler.js b/Resources/Public/JavaScript/global-event-handler.js
new file mode 100644
index 0000000..906053a
--- /dev/null
+++ b/Resources/Public/JavaScript/global-event-handler.js
@@ -0,0 +1,13 @@
+/*
+ * 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 c from"@typo3/core/document-service.js";import r from"@typo3/core/event/regular-event.js";import u from"@typo3/backend/viewport.js";class f{constructor(){this.options={onChangeSelector:'[data-global-event="change"]',onClickSelector:'[data-global-event="click"]',onSubmitSelector:'form[data-global-event="submit"]'},c.ready().then(()=>this.registerEvents())}registerEvents(){new r("change",this.handleChangeEvent.bind(this)).delegateTo(document,this.options.onChangeSelector),new r("click",this.handleClickEvent.bind(this)).delegateTo(document,this.options.onClickSelector),new r("submit",this.handleSubmitEvent.bind(this)).delegateTo(document,this.options.onSubmitSelector)}handleChangeEvent(e,t){e.preventDefault(),this.handleFormChildAction(e,t)||this.handleFormChildNavigateAction(e,t)}handleClickEvent(e,t){e.preventDefault(),this.handleFormChildAction(e,t)}handleSubmitEvent(e,t){e.preventDefault(),this.handleFormNavigateAction(e,t)}handleFormChildAction(e,t){const n=t.dataset.actionSubmit,a=t.dataset.actionFocus;if(!n&&!a)return!1;let i=null;const l=t.closest("form");if(n){const o=n!=="$form"?document.querySelector(n):null;if(n==="$form"&&this.isHTMLFormChildElement(t)?i=t.form:n==="$form"&&l?i=l:o instanceof HTMLFormElement&&(i=o),!(i instanceof HTMLFormElement))return!1;this.assignFormValues(i,t),i.submit()}if(a&&l){if(!(l instanceof HTMLFormElement))return!1;const o=l.querySelector(a);if(o===null)return!1;o.focus()}return!0}assignFormValues(e,t){const n=t.dataset.formValues,a=n?JSON.parse(n):null;return a===null||!(a instanceof Object)?!1:(Object.entries(a).forEach(([i,l])=>{let o=e.querySelector("[name="+CSS.escape(i)+"]");o instanceof HTMLElement?this.assignHTMLFormChildElementValue(o,l.toString()):(o=document.createElement("input"),o.setAttribute("type","hidden"),o.setAttribute("name",i),o.setAttribute("value",l.toString()),e.appendChild(o))}),!0)}handleFormChildNavigateAction(e,t){const n=t.dataset.actionNavigate;if(!n)return!1;const a=this.resolveHTMLFormChildElementValue(t),i=t.dataset.navigateValue;let l=null;return n==="$data=~s/$value/"&&i&&a!==null?l=this.substituteValueVariable(i,a):n==="$data"&&i?l=i:n==="$value"&&a&&(l=a),l===null?!1:(u.ContentContainer.setUrl(l),!0)}handleFormNavigateAction(e,t){const n=t.action,a=t.dataset.actionNavigate;if(!n||!a)return!1;const i=t.dataset.navigateValue,l=t.dataset.valueSelector,o=this.resolveHTMLFormChildElementValue(t.querySelector(l));let s=null;return a==="$form=~s/$value/"&&i&&o!==null?s=this.substituteValueVariable(i,o):a==="$form"&&(s=n),s===null?!1:(u.ContentContainer.setUrl(s),!0)}substituteValueVariable(e,t){return e.replace(/(\$\{value\}|%24%7Bvalue%7D|\$\[value\]|%24%5Bvalue%5D)/gi,t)}isHTMLFormChildElement(e){return e instanceof HTMLSelectElement||e instanceof HTMLInputElement||e instanceof HTMLTextAreaElement}resolveHTMLFormChildElementValue(e){const t=e.getAttribute("type");if(e instanceof HTMLSelectElement)return e.options[e.selectedIndex].value;if(e instanceof HTMLInputElement&&t==="checkbox"){const n=e.dataset.emptyValue;return e.checked?e.value:typeof n<"u"?n:""}else if(e instanceof HTMLInputElement)return e.value;return null}assignHTMLFormChildElementValue(e,t){const n=e.getAttribute("type");if(e instanceof HTMLSelectElement)Array.from(e.options).some((a,i)=>a.value===t?(e.selectedIndex=i,!0):!1);else if(e instanceof HTMLInputElement&&n==="checkbox"){const a=e.dataset.emptyValue;typeof a<"u"&&a===t?e.checked=!1:e.value===t&&(e.checked=!0)}else e instanceof HTMLInputElement&&(e.value=t)}}var m=new f;export{m as default};
diff --git a/Resources/Public/JavaScript/grid-editor.js b/Resources/Public/JavaScript/grid-editor.js
new file mode 100644
index 0000000..c818948
--- /dev/null
+++ b/Resources/Public/JavaScript/grid-editor.js
@@ -0,0 +1,41 @@
+/*
+ * 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 B from"@typo3/core/document-service.js";import{SeverityEnum as q}from"@typo3/backend/enum/severity.js";import"bootstrap";import A from"@typo3/backend/modal.js";import G from"@typo3/core/security-utility.js";import{property as w,customElement as z}from"lit/decorators.js";import{LitElement as F,html as l,nothing as p}from"lit";import{classMap as O}from"lit/directives/class-map.js";import{styleMap as P}from"lit/directives/style-map.js";import{createRef as U,ref as L}from"lit/directives/ref.js";import{CodeMirrorElement as j}from"@typo3/backend/code-editor/element/code-mirror-element.js";import o from"~labels/core.wizards";import I from"~labels/core.common";import W from"~labels/backend.alt_doc";var f=function(d,e,t,i){var r=arguments.length,n=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(d,e,t,i);else for(var a=d.length-1;a>=0;a--)(s=d[a])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n},c,m;(function(d){d.none="",d.slide="slide",d.collect="collect",d.collectReverse="collectReverse"})(m||(m={}));let u=c=class extends F{constructor(){super(...arguments),this.colCount=1,this.rowCount=1,this.readOnly=!1,this.fieldName="",this.data=[],this.codeMirrorConfig={},this.previewAreaRef=U(),this.codeMirrorRef=U(),this.defaultCell={spanned:0,rowspan:1,colspan:1,name:"",colpos:"",column:void 0,identifier:"",slideMode:m.none},this.modalButtonClickHandler=e=>{const t=e.target,i=e.currentTarget;t.name==="cancel"?i.hideModal():t.name==="ok"&&(this.setName(i.querySelector(".t3js-grideditor-field-name").value,i.userData.col,i.userData.row),this.setColumn(parseInt(i.querySelector(".t3js-grideditor-field-colpos").value,10),i.userData.col,i.userData.row),this.setIdentifier(i.querySelector(".t3js-grideditor-field-identifier").value,i.userData.col,i.userData.row),this.setSlideMode(i.querySelector(".t3js-grideditor-field-slide-mode").value,i.userData.col,i.userData.row),this.requestUpdate(),this.writeConfig(this.export2LayoutRecord()),i.hideModal())},this.addColumnHandler=e=>{e.preventDefault(),this.addColumn(),this.requestUpdate(),this.writeConfig(this.export2LayoutRecord())},this.removeColumnHandler=e=>{e.preventDefault(),this.removeColumn(),this.requestUpdate(),this.writeConfig(this.export2LayoutRecord())},this.addRowTopHandler=e=>{e.preventDefault(),this.addRowTop(),this.requestUpdate(),this.writeConfig(this.export2LayoutRecord())},this.addRowBottomHandler=e=>{e.preventDefault(),this.addRowBottom(),this.requestUpdate(),this.writeConfig(this.export2LayoutRecord())},this.removeRowTopHandler=e=>{e.preventDefault(),this.removeRowTop(),this.requestUpdate(),this.writeConfig(this.export2LayoutRecord())},this.removeRowBottomHandler=e=>{e.preventDefault(),this.removeRowBottom(),this.requestUpdate(),this.writeConfig(this.export2LayoutRecord())},this.linkEditorHandler=e=>{e.preventDefault();const t=e.currentTarget;this.showOptions(Number(t.dataset.col),Number(t.dataset.row))},this.linkExpandRightHandler=e=>{e.preventDefault();const t=e.currentTarget;this.addColspan(Number(t.dataset.col),Number(t.dataset.row)),this.requestUpdate(),this.writeConfig(this.export2LayoutRecord())},this.linkShrinkLeftHandler=e=>{e.preventDefault();const t=e.currentTarget;this.removeColspan(Number(t.dataset.col),Number(t.dataset.row)),this.requestUpdate(),this.writeConfig(this.export2LayoutRecord())},this.linkExpandDownHandler=e=>{e.preventDefault();const t=e.currentTarget;this.addRowspan(Number(t.dataset.col),Number(t.dataset.row)),this.requestUpdate(),this.writeConfig(this.export2LayoutRecord())},this.linkShrinkUpHandler=e=>{e.preventDefault();const t=e.currentTarget;this.removeRowspan(Number(t.dataset.col),Number(t.dataset.row)),this.requestUpdate(),this.writeConfig(this.export2LayoutRecord())}}static stripMarkup(e){return new G().stripHtml(e)}async connectedCallback(){await B.ready(),this.field=document.querySelector('input[name="'+this.fieldName+'"]'),this.addVisibilityObserver(this),super.connectedCallback()}firstUpdated(){this.writeConfig(this.export2LayoutRecord())}createRenderRoot(){return this}render(){return l`<div class=${O({grideditor:!0,"grideditor-readonly":this.readOnly})}>${this.readOnly?p:this.renderControls("top",!1)}<div class=grideditor-editor><div class=t3js-grideditor>${this.renderEditorGrid()}</div></div>${this.readOnly?p:this.renderControls("right",!0)} ${this.readOnly?p:this.renderControls("bottom",!1)}<div class=grideditor-preview>${this.renderPreview()}</div></div>`}renderControls(e,t){const i={top:this.addRowTopHandler,right:this.addColumnHandler,bottom:this.addRowBottomHandler},r={top:o.get("grid_addRow"),right:o.get("grid_addColumn"),bottom:o.get("grid_addRow")},n={top:this.removeRowTopHandler,right:this.removeColumnHandler,bottom:this.removeRowBottomHandler},s={top:o.get("grid_removeRow"),right:o.get("grid_removeColumn"),bottom:o.get("grid_removeRow")};return l`<div class="grideditor-control grideditor-control-${e}"><div class=${O({"btn-group":!t,"btn-group-vertical":t})}><button @click=${i[e]} class="btn btn-default btn-sm" title=${r[e]}><typo3-backend-icon identifier=actions-plus size=small></typo3-backend-icon></button> <button @click=${n[e]} class="btn btn-default btn-sm" title=${s[e]}><typo3-backend-icon identifier=actions-minus size=small></typo3-backend-icon></button></div></div>`}renderEditorGrid(){const e=[];for(let t=0;t<this.rowCount;t++)if(this.data[t].length!==0)for(let r=0;r<this.colCount;r++){const n=this.data[t][r];n.spanned!==1&&e.push(this.renderGridCell(t,r,n))}return l`<div class=grideditor-editor-grid>${e}</div>`}renderGridCell(e,t,i){const r={"--grideditor-cell-col":t+1,"--grideditor-cell-colspan":i.colspan,"--grideditor-cell-row":e+1,"--grideditor-cell-rowspan":i.rowspan};return l`<div class=grideditor-cell style=${P(r)}><div class=grideditor-cell-actions>${this.readOnly?p:l`<button @click=${this.linkEditorHandler} class="t3js-grideditor-link-editor grideditor-action grideditor-action-edit" data-row=${e} data-col=${t} title=${o.get("grid_editCell")}><typo3-backend-icon identifier=actions-open size=small></typo3-backend-icon></button> ${this.cellCanSpanRight(t,e)?l`<button @click=${this.linkExpandRightHandler} class="t3js-grideditor-link-expand-right grideditor-action grideditor-action-expand-right" data-row=${e} data-col=${t} title=${o.get("grid_cell_merge_right")}><typo3-backend-icon identifier=actions-caret-right size=small></typo3-backend-icon></button>`:p} ${this.cellCanShrinkLeft(t,e)?l`<button @click=${this.linkShrinkLeftHandler} class="t3js-grideditor-link-shrink-left grideditor-action grideditor-action-shrink-left" data-row=${e} data-col=${t} title=${o.get("grid_cell_split_horizontal")}><typo3-backend-icon identifier=actions-caret-left size=small></typo3-backend-icon></button>`:p} ${this.cellCanSpanDown(t,e)?l`<button @click=${this.linkExpandDownHandler} class="t3js-grideditor-link-expand-down grideditor-action grideditor-action-expand-down" data-row=${e} data-col=${t} title=${o.get("grid_cell_merge_down")}><typo3-backend-icon identifier=actions-caret-down size=small></typo3-backend-icon></button>`:p} ${this.cellCanShrinkUp(t,e)?l`<button @click=${this.linkShrinkUpHandler} class="t3js-grideditor-link-shrink-up grideditor-action grideditor-action-shrink-up" data-row=${e} data-col=${t} title=${o.get("grid_cell_split_vertical")}><typo3-backend-icon identifier=actions-caret-up size=small></typo3-backend-icon></button>`:p}`}</div><div class=grideditor-cell-info><strong>${o.get("grid_name")}:</strong> ${i.name?c.stripMarkup(i.name):o.get("grid_notSet")}<br><strong>${o.get("grid_column")}:</strong> ${typeof i.column>"u"||isNaN(i.column)?o.get("grid_notSet"):i.column} ${i.identifier?.length?l`<br><strong>${o.get("grid_identifier")}:</strong> ${i.identifier}`:""} ${(i.slideMode?.toString()||"")!==""?l`<br><strong>${o.get("grid_slideMode")}:</strong> ${i.slideMode.toString()}`:""}</div></div>`}renderPreview(){return Object.keys(this.codeMirrorConfig).length===0?l`<label>${W.get("buttons.pageTsConfig")}</label><div class="t3js-grideditor-preview-config grideditor-preview"><textarea class="t3js-tsconfig-preview-area form-control" rows=25 readonly ${L(this.previewAreaRef)}></textarea></div>`:l`<typo3-t3editor-codemirror class="t3js-grideditor-preview-config grideditor-preview" label=${this.codeMirrorConfig.label} panel=${this.codeMirrorConfig.panel} mode=${this.codeMirrorConfig.mode} nolazyload=true readonly ${L(this.codeMirrorRef)}><textarea class="t3js-tsconfig-preview-area form-control" ${L(this.previewAreaRef)}></textarea></typo3-t3editor-codemirror>`}getNewCell(){return structuredClone(this.defaultCell)}writeConfig(e){this.field.value=e;const t=e.split(`
+`);let i="";for(const a of t)a&&(i+="			"+a+`
+`);const r=`mod.web_layout.BackendLayouts {
+  exampleKey {
+    title = Example
+    icon = content-container-columns-2
+    config {
+`+i.replace(new RegExp("\\t","g"),"  ")+`    }
+  }
+}
+`,n=this.previewAreaRef.value;n instanceof HTMLTextAreaElement&&(n.value=r);const s=this.codeMirrorRef.value;s instanceof j&&s.setContent(r)}addRowTop(){const e=[];for(let t=0;t<this.colCount;t++){const i=this.getNewCell();i.name=t+"x"+this.data.length,e[t]=i}this.data.unshift(e),this.rowCount++}addRowBottom(){const e=[];for(let t=0;t<this.colCount;t++){const i=this.getNewCell();i.name=t+"x"+this.data.length,e[t]=i}this.data.push(e),this.rowCount++}removeRowTop(){if(this.rowCount<=1)return!1;const e=[];for(let t=1;t<this.rowCount;t++)e.push(this.data[t]);for(let t=0;t<this.colCount;t++)this.data[0][t].spanned===1&&this.findUpperCellWidthRowspanAndDecreaseByOne(t,0);return this.data=e,this.rowCount--,!0}removeRowBottom(){if(this.rowCount<=1)return!1;const e=[];for(let t=0;t<this.rowCount-1;t++)e.push(this.data[t]);for(let t=0;t<this.colCount;t++)this.data[this.rowCount-1][t].spanned===1&&this.findUpperCellWidthRowspanAndDecreaseByOne(t,this.rowCount-1);return this.data=e,this.rowCount--,!0}findUpperCellWidthRowspanAndDecreaseByOne(e,t){const i=this.getCell(e,t-1);return i?(i.spanned===1?this.findUpperCellWidthRowspanAndDecreaseByOne(e,t-1):i.rowspan>1&&this.removeRowspan(e,t-1),!0):!1}removeColumn(){if(this.colCount<=1)return!1;const e=[];for(let t=0;t<this.rowCount;t++){const i=[];for(let r=0;r<this.colCount-1;r++)i.push(this.data[t][r]);this.data[t][this.colCount-1].spanned===1&&this.findLeftCellWidthColspanAndDecreaseByOne(this.colCount-1,t),e.push(i)}return this.data=e,this.colCount--,!0}findLeftCellWidthColspanAndDecreaseByOne(e,t){const i=this.getCell(e-1,t);return i?(i.spanned===1?this.findLeftCellWidthColspanAndDecreaseByOne(e-1,t):i.colspan>1&&this.removeColspan(e-1,t),!0):!1}addColumn(){for(let e=0;e<this.rowCount;e++){const t=this.getNewCell();t.name=this.colCount+"x"+e,this.data[e].push(t)}this.colCount++}setName(e,t,i){const r=this.getCell(t,i);return r?(r.name=c.stripMarkup(e),!0):!1}setColumn(e,t,i){const r=this.getCell(t,i);return r?(r.column=parseInt(e.toString(),10),!0):!1}setIdentifier(e,t,i){const r=this.getCell(t,i);return r?(r.identifier=c.stripMarkup(e),!0):!1}setSlideMode(e,t,i){const r=this.getCell(t,i);return r?(r.slideMode=m[e],!0):!1}showOptions(e,t){const i=this.getCell(e,t);if(!i)return!1;let r;i.column===0?r=0:i.column?r=parseInt(i.column.toString(),10):r="";const n=document.createElement("div"),s=document.createElement("div");s.classList.add("form-group");const a=document.createElement("label");a.classList.add("form-label");const b=document.createElement("input");b.classList.add("form-control");const S=s.cloneNode(!0),k=a.cloneNode(!0);k.innerText=o.get("grid_nameHelp"),k.htmlFor="grideditor-field-name";const h=b.cloneNode(!0);h.id="grideditor-field-name",h.type="text",h.classList.add("t3js-grideditor-field-name"),h.name="name",h.value=c.stripMarkup(i.name)||"",S.append(k,h);const N=s.cloneNode(!0),R=a.cloneNode(!0);R.innerText=o.get("grid_columnHelp"),R.htmlFor="grideditor-field-colpos";const g=b.cloneNode(!0);g.type="text",g.classList.add("t3js-grideditor-field-colpos"),g.id="grideditor-field-colpos",g.name="column",g.value=r.toString(),N.append(R,g);const _=s.cloneNode(!0),x=a.cloneNode(!0);x.innerText=o.get("grid_identifierHelp"),x.htmlFor="grideditor-field-identifier";const v=b.cloneNode(!0);h.type="text",v.classList.add("t3js-grideditor-field-identifier"),v.id="grideditor-field-identifier",v.name="identifier",v.value=typeof i.identifier=="string"?c.stripMarkup(i.identifier):"",_.append(x,v);const H=s.cloneNode(!0),$=a.cloneNode(!0);$.innerText=o.get("grid_slideModeHelp"),$.htmlFor="grideditor-field-slide-mode";const C=document.createElement("select");C.classList.add("form-select","t3js-grideditor-field-slide-mode"),C.id="grideditor-field-slide-mode",C.name="slideMode",C.value=c.stripMarkup(i.slideMode?.toString())||"",Object.keys(m).map(D=>{const T=D!=="none"?D:"",E=m[D],y=document.createElement("option");y.value=E,y.text=T,y.selected=E===i.slideMode?.toString(),C.appendChild(y)}),H.append($,C),n.append(S,N,_,H);const M=A.show(o.get("grid_windowTitle"),n,q.notice,[{active:!0,btnClass:"btn-default",name:"cancel",text:I.get("cancel")},{btnClass:"btn-primary",name:"ok",text:I.get("ok")}]);return M.userData.col=e,M.userData.row=t,M.addEventListener("button.clicked",this.modalButtonClickHandler),!0}getCell(e,t){return e>this.colCount-1||t>this.rowCount-1?!1:this.data.length>t-1&&this.data[t].length>e-1?this.data[t][e]:null}cellCanSpanRight(e,t){if(e===this.colCount-1)return!1;const i=this.getCell(e,t);if(!i)return!1;let r;if(i.rowspan>1){for(let n=t;n<t+i.rowspan;n++)if(r=this.getCell(e+i.colspan,n),!r||r.spanned===1||r.colspan>1||r.rowspan>1)return!1}else if(r=this.getCell(e+i.colspan,t),!r||i.spanned===1||r.spanned===1||r.colspan>1||r.rowspan>1)return!1;return!0}cellCanSpanDown(e,t){if(t===this.rowCount-1)return!1;const i=this.getCell(e,t);if(!i)return!1;let r;if(i.colspan>1){for(let n=e;n<e+i.colspan;n++)if(r=this.getCell(n,t+i.rowspan),!r||r.spanned===1||r.colspan>1||r.rowspan>1)return!1}else if(r=this.getCell(e,t+i.rowspan),!r||i.spanned===1||r.spanned===1||r.colspan>1||r.rowspan>1)return!1;return!0}cellCanShrinkLeft(e,t){return this.data[t][e].colspan>1}cellCanShrinkUp(e,t){return this.data[t][e].rowspan>1}addColspan(e,t){const i=this.getCell(e,t);if(!i||!this.cellCanSpanRight(e,t))return!1;for(let r=t;r<t+i.rowspan;r++)this.data[r][e+i.colspan].spanned=1;return i.colspan+=1,!0}addRowspan(e,t){const i=this.getCell(e,t);if(!i||!this.cellCanSpanDown(e,t))return!1;for(let r=e;r<e+i.colspan;r++)this.data[t+i.rowspan][r].spanned=1;return i.rowspan+=1,!0}removeColspan(e,t){const i=this.getCell(e,t);if(!i||!this.cellCanShrinkLeft(e,t))return!1;i.colspan-=1;for(let r=t;r<t+i.rowspan;r++)this.data[r][e+i.colspan].spanned=0;return!0}removeRowspan(e,t){const i=this.getCell(e,t);if(!i||!this.cellCanShrinkUp(e,t))return!1;i.rowspan-=1;for(let r=e;r<e+i.colspan;r++)this.data[t+i.rowspan][r].spanned=0;return!0}export2LayoutRecord(){let e=`backend_layout {
+	colCount = `+this.colCount+`
+	rowCount = `+this.rowCount+`
+	rows {
+`;for(let t=0;t<this.rowCount;t++){e+="		"+(t+1)+` {
+`,e+=`			columns {
+`;let i=0;for(let r=0;r<this.colCount;r++){const n=this.getCell(r,t);if(n&&!n.spanned){const s=c.stripMarkup(n.name)||"";i++,e+="				"+i+` {
+`,e+="					name = "+(s||r+"x"+t)+`
+`,n.colspan>1&&(e+="					colspan = "+n.colspan+`
+`),n.rowspan>1&&(e+="					rowspan = "+n.rowspan+`
+`),typeof n.column=="number"&&(e+="					colPos = "+n.column+`
+`),typeof n.identifier=="string"&&n.identifier.length&&(e+="					identifier = "+n.identifier+`
+`),n.slideMode!==void 0&&n.slideMode!==m.none&&(e+="					slideMode = "+n.slideMode.toString()+`
+`),e+=`				}
+`}}e+=`			}
+`,e+=`		}
+`}return e+=`	}
+}
+`,e}addVisibilityObserver(e){e.offsetParent===null&&new IntersectionObserver(t=>{t.forEach(i=>{const r=this.codeMirrorRef.value;i.intersectionRatio>0&&r instanceof j&&r.requestUpdate()})}).observe(e)}};f([w({type:Number})],u.prototype,"colCount",void 0),f([w({type:Number})],u.prototype,"rowCount",void 0),f([w({type:Boolean})],u.prototype,"readOnly",void 0),f([w({type:String})],u.prototype,"fieldName",void 0),f([w({type:Array})],u.prototype,"data",void 0),f([w({type:Object})],u.prototype,"codeMirrorConfig",void 0),u=c=f([z("typo3-backend-grid-editor")],u);export{u as GridEditor};
diff --git a/Resources/Public/JavaScript/hashing/md5.js b/Resources/Public/JavaScript/hashing/md5.js
new file mode 100644
index 0000000..d11a3c3
--- /dev/null
+++ b/Resources/Public/JavaScript/hashing/md5.js
@@ -0,0 +1,14 @@
+/*
+ * 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!
+ */
+/*! Based on http://www.webtoolkit.info/javascript_md5.html */class n{static hash(S){let t,s,c,a,C,e,r,F,o;S=n.utf8Encode(S);const x=n.convertToWordArray(S);for(e=1732584193,r=4023233417,F=2562383102,o=271733878,t=0;t<x.length;t+=16)s=e,c=r,a=F,C=o,e=n.FF(e,r,F,o,x[t],7,3614090360),o=n.FF(o,e,r,F,x[t+1],12,3905402710),F=n.FF(F,o,e,r,x[t+2],17,606105819),r=n.FF(r,F,o,e,x[t+3],22,3250441966),e=n.FF(e,r,F,o,x[t+4],7,4118548399),o=n.FF(o,e,r,F,x[t+5],12,1200080426),F=n.FF(F,o,e,r,x[t+6],17,2821735955),r=n.FF(r,F,o,e,x[t+7],22,4249261313),e=n.FF(e,r,F,o,x[t+8],7,1770035416),o=n.FF(o,e,r,F,x[t+9],12,2336552879),F=n.FF(F,o,e,r,x[t+10],17,4294925233),r=n.FF(r,F,o,e,x[t+11],22,2304563134),e=n.FF(e,r,F,o,x[t+12],7,1804603682),o=n.FF(o,e,r,F,x[t+13],12,4254626195),F=n.FF(F,o,e,r,x[t+14],17,2792965006),r=n.FF(r,F,o,e,x[t+15],22,1236535329),e=n.GG(e,r,F,o,x[t+1],5,4129170786),o=n.GG(o,e,r,F,x[t+6],9,3225465664),F=n.GG(F,o,e,r,x[t+11],14,643717713),r=n.GG(r,F,o,e,x[t],20,3921069994),e=n.GG(e,r,F,o,x[t+5],5,3593408605),o=n.GG(o,e,r,F,x[t+10],9,38016083),F=n.GG(F,o,e,r,x[t+15],14,3634488961),r=n.GG(r,F,o,e,x[t+4],20,3889429448),e=n.GG(e,r,F,o,x[t+9],5,568446438),o=n.GG(o,e,r,F,x[t+14],9,3275163606),F=n.GG(F,o,e,r,x[t+3],14,4107603335),r=n.GG(r,F,o,e,x[t+8],20,1163531501),e=n.GG(e,r,F,o,x[t+13],5,2850285829),o=n.GG(o,e,r,F,x[t+2],9,4243563512),F=n.GG(F,o,e,r,x[t+7],14,1735328473),r=n.GG(r,F,o,e,x[t+12],20,2368359562),e=n.HH(e,r,F,o,x[t+5],4,4294588738),o=n.HH(o,e,r,F,x[t+8],11,2272392833),F=n.HH(F,o,e,r,x[t+11],16,1839030562),r=n.HH(r,F,o,e,x[t+14],23,4259657740),e=n.HH(e,r,F,o,x[t+1],4,2763975236),o=n.HH(o,e,r,F,x[t+4],11,1272893353),F=n.HH(F,o,e,r,x[t+7],16,4139469664),r=n.HH(r,F,o,e,x[t+10],23,3200236656),e=n.HH(e,r,F,o,x[t+13],4,681279174),o=n.HH(o,e,r,F,x[t],11,3936430074),F=n.HH(F,o,e,r,x[t+3],16,3572445317),r=n.HH(r,F,o,e,x[t+6],23,76029189),e=n.HH(e,r,F,o,x[t+9],4,3654602809),o=n.HH(o,e,r,F,x[t+12],11,3873151461),F=n.HH(F,o,e,r,x[t+15],16,530742520),r=n.HH(r,F,o,e,x[t+2],23,3299628645),e=n.II(e,r,F,o,x[t],6,4096336452),o=n.II(o,e,r,F,x[t+7],10,1126891415),F=n.II(F,o,e,r,x[t+14],15,2878612391),r=n.II(r,F,o,e,x[t+5],21,4237533241),e=n.II(e,r,F,o,x[t+12],6,1700485571),o=n.II(o,e,r,F,x[t+3],10,2399980690),F=n.II(F,o,e,r,x[t+10],15,4293915773),r=n.II(r,F,o,e,x[t+1],21,2240044497),e=n.II(e,r,F,o,x[t+8],6,1873313359),o=n.II(o,e,r,F,x[t+15],10,4264355552),F=n.II(F,o,e,r,x[t+6],15,2734768916),r=n.II(r,F,o,e,x[t+13],21,1309151649),e=n.II(e,r,F,o,x[t+4],6,4149444226),o=n.II(o,e,r,F,x[t+11],10,3174756917),F=n.II(F,o,e,r,x[t+2],15,718787259),r=n.II(r,F,o,e,x[t+9],21,3951481745),e=n.addUnsigned(e,s),r=n.addUnsigned(r,c),F=n.addUnsigned(F,a),o=n.addUnsigned(o,C);return(n.wordToHex(e)+n.wordToHex(r)+n.wordToHex(F)+n.wordToHex(o)).toLowerCase()}static rotateLeft(S,t){return S<<t|S>>>32-t}static addUnsigned(S,t){const s=S&2147483648,c=t&2147483648,a=S&1073741824,C=t&1073741824,e=(S&1073741823)+(t&1073741823);return a&C?e^2147483648^s^c:a|C?e&1073741824?e^3221225472^s^c:e^1073741824^s^c:e^s^c}static F(S,t,s){return S&t|~S&s}static G(S,t,s){return S&s|t&~s}static H(S,t,s){return S^t^s}static I(S,t,s){return t^(S|~s)}static FF(S,t,s,c,a,C,e){return S=n.addUnsigned(S,n.addUnsigned(n.addUnsigned(n.F(t,s,c),a),e)),n.addUnsigned(n.rotateLeft(S,C),t)}static GG(S,t,s,c,a,C,e){return S=n.addUnsigned(S,n.addUnsigned(n.addUnsigned(n.G(t,s,c),a),e)),n.addUnsigned(n.rotateLeft(S,C),t)}static HH(S,t,s,c,a,C,e){return S=n.addUnsigned(S,n.addUnsigned(n.addUnsigned(n.H(t,s,c),a),e)),n.addUnsigned(n.rotateLeft(S,C),t)}static II(S,t,s,c,a,C,e){return S=n.addUnsigned(S,n.addUnsigned(n.addUnsigned(n.I(t,s,c),a),e)),n.addUnsigned(n.rotateLeft(S,C),t)}static convertToWordArray(S){let t;const s=S.length,c=s+8,C=((c-c%64)/64+1)*16,e=Array(C-1);let r=0,F=0;for(;F<s;)t=(F-F%4)/4,r=F%4*8,e[t]=e[t]|S.charCodeAt(F)<<r,F++;return t=(F-F%4)/4,r=F%4*8,e[t]=e[t]|128<<r,e[C-2]=s<<3,e[C-1]=s>>>29,e}static wordToHex(S){let t="",s="",c,a;for(a=0;a<=3;a++)c=S>>>a*8&255,s="0"+c.toString(16),t=t+s.substr(s.length-2,2);return t}static utf8Encode(S){S=S.replace(/\r\n/g,`
+`);let t="";for(let s=0;s<S.length;s++){const c=S.charCodeAt(s);c<128?t+=String.fromCharCode(c):c>127&&c<2048?(t+=String.fromCharCode(c>>6|192),t+=String.fromCharCode(c&63|128)):(t+=String.fromCharCode(c>>12|224),t+=String.fromCharCode(c>>6&63|128),t+=String.fromCharCode(c&63|128))}return t}}export{n as default};
diff --git a/Resources/Public/JavaScript/helper.js b/Resources/Public/JavaScript/helper.js
new file mode 100644
index 0000000..084f7ef
--- /dev/null
+++ b/Resources/Public/JavaScript/helper.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+if(document.currentScript)switch(document.currentScript.dataset.action){case"window.close":window.close();break;default:}
diff --git a/Resources/Public/JavaScript/hotkeys.js b/Resources/Public/JavaScript/hotkeys.js
new file mode 100644
index 0000000..ff4852c
--- /dev/null
+++ b/Resources/Public/JavaScript/hotkeys.js
@@ -0,0 +1,13 @@
+/*
+ * 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 p from"@typo3/backend/hotkeys/hotkey-storage.js";import h from"@typo3/core/event/regular-event.js";import{HotkeyStruct as f}from"@typo3/backend/hotkeys/hotkey-struct.js";import{HotkeyRequestedEvent as y,HotkeyDispatchedEvent as m}from"@typo3/backend/hotkeys/events.js";var a;(function(c){c.META="meta",c.CTRL="control",c.SHIFT="shift",c.ALT="alt"})(a||(a={}));class k{constructor(){this.normalizedCtrlModifierKey=navigator.platform.toLowerCase().startsWith("mac")?a.META:a.CTRL,this.defaultOptions={scope:"all",allowOnEditables:!1,allowRepeat:!1,bindElement:void 0},this.scopedHotkeyMap=p.getScopedHotkeyMap(),this.setScope("all"),this.registerEventHandler()}setScope(t){p.activeScope=t}getScope(){return p.activeScope}register(t,n,o={}){if(t.filter(i=>!Object.values(a).includes(i)).length===0)throw new Error('Attempted to register hotkey "'+t.join("+")+'" without a non-modifier key.');t=t.map(i=>i.toLowerCase());const e={...this.defaultOptions,...o};this.scopedHotkeyMap.has(e.scope)||this.scopedHotkeyMap.set(e.scope,new Map);const s=this.scopedHotkeyMap.get(e.scope),r=f.fromHotkey(t),l=r.toString();if(s.has(l)&&(s.get(l).options.bindElement?.removeAttribute("aria-keyshortcuts"),s.delete(l)),s.set(l,{struct:r,handler:n,options:e}),e.bindElement instanceof Element){const i=e.bindElement.getAttribute("aria-keyshortcuts");let u=this.composeAriaKeyShortcut(t);i!==null&&!i.includes(u)&&(u=i+" "+u),e.bindElement.setAttribute("aria-keyshortcuts",u)}}registerEventHandler(){new h("keydown",t=>{f.fromEvent(t).hasAnyModifier()&&top.document.dispatchEvent(new y(t))}).bindTo(document),new h(m.eventName,t=>{const{keyboardEvent:n}=t,o=this.findHotkeySetup(n);if(o!==null){if(t.preventDefault(),n.repeat&&!o.options.allowRepeat)return;if(!o.options.allowOnEditables){const e=n.target;if(e.isContentEditable||["INPUT","TEXTAREA","SELECT"].includes(e.tagName)&&!n.target.readOnly)return}o.handler(n)}}).bindTo(document)}findHotkeySetup(t){const n=[...new Set(["all",p.activeScope])],e=f.fromEvent(t).toString();for(const s of n){const r=this.scopedHotkeyMap.get(s);if(r.has(e))return r.get(e)}return null}composeAriaKeyShortcut(t){const n=[];for(let o of t)o==="+"?o="plus":o=o.replace(/[\u00A0-\u9999<>&]/g,e=>"&#"+e.charCodeAt(0)+";"),n.push(o);return n.sort((o,e)=>{const s=Object.values(a).includes(o),r=Object.values(a).includes(e);return s&&!r?-1:!s&&r?1:s&&r?-1:0}),n.join("+")}}let d;TYPO3.Hotkeys?d=TYPO3.Hotkeys:(d=new k,TYPO3.Hotkeys=d);var S=d;export{a as ModifierKeys,S as default};
diff --git a/Resources/Public/JavaScript/hotkeys/events.js b/Resources/Public/JavaScript/hotkeys/events.js
new file mode 100644
index 0000000..5d6617e
--- /dev/null
+++ b/Resources/Public/JavaScript/hotkeys/events.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class t extends Event{static{this.eventName="typo3:hotkey:requested"}constructor(e){super(t.eventName,{bubbles:!0,composed:!0,cancelable:!1}),this.keyboardEvent=e}}class s extends Event{static{this.eventName="typo3:hotkey:dispatched"}constructor(e){super(s.eventName,{bubbles:!1,composed:!0,cancelable:!0}),this.keyboardEvent=e}}export{s as HotkeyDispatchedEvent,t as HotkeyRequestedEvent};
diff --git a/Resources/Public/JavaScript/hotkeys/hotkey-storage.js b/Resources/Public/JavaScript/hotkeys/hotkey-storage.js
new file mode 100644
index 0000000..9ccc23f
--- /dev/null
+++ b/Resources/Public/JavaScript/hotkeys/hotkey-storage.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class a{constructor(e=new Map([["all",new Map]]),t="all"){this.scopedHotkeyMap=e,this.activeScope=t}getScopedHotkeyMap(){return this.scopedHotkeyMap}}var o=new a;export{o as default};
diff --git a/Resources/Public/JavaScript/hotkeys/hotkey-struct.js b/Resources/Public/JavaScript/hotkeys/hotkey-struct.js
new file mode 100644
index 0000000..a25d230
--- /dev/null
+++ b/Resources/Public/JavaScript/hotkeys/hotkey-struct.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+var i;(function(e){e.META="meta",e.CTRL="control",e.SHIFT="shift",e.ALT="alt"})(i||(i={}));class r{constructor(t,n,s,o,a){this.ctrl=t,this.meta=n,this.alt=s,this.shift=o,this.key=a}static fromEvent(t){return new r(t.ctrlKey,t.metaKey,t.altKey,t.shiftKey,t.key.toLowerCase())}static fromHotkey(t){const n=t.filter(s=>!Object.values(i).includes(s));if(n.length>1)throw new Error('Cannot create HotkeyStruct with more than one non-modifier key, "'+n.join("+")+'" given.');return new r(t.includes(i.CTRL),t.includes(i.META),t.includes(i.ALT),t.includes(i.SHIFT),n[0].toLowerCase())}hasAnyModifier(){return this.ctrl||this.meta||this.alt||this.shift}toString(){return JSON.stringify(this)}}export{r as HotkeyStruct};
diff --git a/Resources/Public/JavaScript/hotkeys/negotiator.js b/Resources/Public/JavaScript/hotkeys/negotiator.js
new file mode 100644
index 0000000..8807e79
--- /dev/null
+++ b/Resources/Public/JavaScript/hotkeys/negotiator.js
@@ -0,0 +1,13 @@
+/*
+ * 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{HotkeyRequestedEvent as o,HotkeyDispatchedEvent as r}from"@typo3/backend/hotkeys/events.js";class s{constructor(){this.registerEventHandler()}registerEventHandler(){document.addEventListener(o.eventName,t=>{const e=new r(t.keyboardEvent);for(const n of this.collectDocuments())if(n.dispatchEvent(e)===!1)break})}collectDocuments(){const t=[document];for(let e=0;e<window.frames.length;e++)try{t.push(window.frames[e].document)}catch{}return t}}var c=new s;export{c as default};
diff --git a/Resources/Public/JavaScript/icons.js b/Resources/Public/JavaScript/icons.js
new file mode 100644
index 0000000..8b48e62
--- /dev/null
+++ b/Resources/Public/JavaScript/icons.js
@@ -0,0 +1,13 @@
+/*
+ * 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 p from"@typo3/core/ajax/ajax-request.js";import e from"@typo3/backend/storage/client.js";import{Sizes as h,States as f,MarkupIdentifiers as d}from"@typo3/backend/enum/icon-types.js";import{css as g}from"lit";import{DedupeAsyncTask as y}from"@typo3/core/cache/dedupe-async-task.js";class z{static getStyles(){return[g`:host{display:inline-flex;align-items:center;justify-content:center;height:var(--icon-size,1em);width:var(--icon-size,1em);line-height:var(--icon-size,1em);vertical-align:-22%}:host([raw]) .icon-size-default,:host([size=default]){--icon-size:1em}:host([raw]) .icon-size-small,:host([size=small]){--icon-size:var(--icon-size-small,16px)}:host([raw]) .icon-size-medium,:host([size=medium]){--icon-size:var(--icon-size-medium,32px)}:host([raw]) .icon-size-large,:host([size=large]){--icon-size:var(--icon-size-large,48px)}:host([raw]) .icon-size-mega,:host([size=mega]){--icon-size:var(--icon-size-mega,64px)}.icon{position:relative;display:flex;overflow:hidden;white-space:nowrap;color:var(--icon-color-primary,currentColor);height:var(--icon-size,1em);width:var(--icon-size,1em);line-height:var(--icon-size,1em);flex-shrink:0}.icon img,.icon svg{display:block;height:100%;width:100%}.icon *{display:block;line-height:inherit}.icon-markup{display:block;top:0;left:0}.icon-markup,.icon-overlay{position:absolute;text-align:center;right:0;bottom:0}.icon-overlay{height:68.75%;width:68.75%}.icon-spin .icon-markup{-webkit-animation:icon-spin 2s linear infinite;animation:icon-spin 2s linear infinite}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.icon-bidi:dir(rtl) .icon-markup{transform:scaleX(-1)}.icon-state-disabled .icon-markup{opacity:var(--icon-opacity-disabled,.5)}.icon-unify{line-height:var(--icon-size,1em);font-size:calc(var(--icon-size, 1em)*var(--icon-unify-modifier, .86))}.icon-overlay .icon-unify{line-height:calc(var(--icon-size, 1em)/1.6);font-size:calc((var(--icon-size, 1em)/1.6)*var(--icon-unify-modifier, .86))}`]}}class v{constructor(){this.sizes=h,this.states=f,this.markupIdentifiers=d,this.promiseCache=new y}async getIcon(t,n,c,s,o,i){n=n||h.default,s=s||f.default,o=o||d.default;const a=[t,n,c,s,o],l=a.join("_"),m=TYPO3?.settings?.cache?.iconCacheIdentifier??document.documentElement.dataset.iconCacheIdentifier;(!e.isset("icon_registry_cache_identifier")||e.get("icon_registry_cache_identifier")!==m)&&(e.unsetByPrefix("icon_"),e.set("icon_registry_cache_identifier",m));try{return await this.fetchFromLocal(l)}catch{return await this.fetchFromRemote(a,l,i)}}fetchFromRemote(t,n,c){return this.promiseCache.get(n,async s=>{const o=await new p(TYPO3.settings.ajaxUrls.icons).withQueryArguments({icon:JSON.stringify(t)}).get({signal:s}),i=await o.resolve();return!o.response.redirected&&i.startsWith("<span")&&i.includes("t3js-icon")&&i.includes('<span class="icon-markup">')&&e.set("icon_"+n,i),i},c)}fetchFromLocal(t){return e.isset("icon_"+t)?Promise.resolve(e.get("icon_"+t)):Promise.reject()}}let r;r||(r=new v,typeof TYPO3<"u"&&(TYPO3.Icons=r));var w=r;export{z as IconStyles,w as default};
diff --git a/Resources/Public/JavaScript/image-manipulation.js b/Resources/Public/JavaScript/image-manipulation.js
new file mode 100644
index 0000000..00d0f4c
--- /dev/null
+++ b/Resources/Public/JavaScript/image-manipulation.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as f}from"lit";import{unsafeHTML as S}from"lit/directives/unsafe-html.js";import{styleMap as m}from"lit/directives/style-map.js";import O from"@typo3/core/ajax/ajax-request.js";import p from"@typo3/core/event/regular-event.js";import V from"@typo3/backend/form-engine.js";import w from"cropperjs";import v from"@typo3/backend/modal.js";import"@typo3/backend/element/spinner-element.js";import{renderNodes as x}from"@typo3/core/lit-helper.js";import{topLevelModuleImport as M}from"@typo3/backend/utility/top-level-module-import.js";import{Offset as P}from"@typo3/backend/offset.js";import b from"@typo3/backend/storage/browser-session.js";class c{constructor(){this.syncAvailable=!1,this.syncEnabled=!1,this.initialized=!1,this.triggerListener=null,this.cropImageSelector="#t3js-crop-image",this.coverAreaSelector=".t3js-cropper-cover-area",this.cropInfoSelector=".t3js-cropper-info-crop",this.focusAreaSelector="typo3-backend-draggable-resizable",this.focusAreaVisualElementSelector="typo3-backend-draggable-resizable .cropper-focus-area",this.defaultFocusArea={height:1/3,width:1/3,x:0,y:0},this.defaultOpts={autoCrop:!0,autoCropArea:.7,dragMode:"crop",guides:!0,responsive:!0,viewMode:1,zoomable:!1,checkCrossOrigin:!1},this.cropBuiltHandler=()=>{this.initialized=!0;const t=this.cropper.getImageData(),e=this.currentModal.querySelector(this.cropImageSelector);this.currentModal.querySelector(".cropper-canvas img")?.classList.remove("cropper-hide"),this.imageOriginalSizeFactor=parseInt(e.dataset.originalWidth,10)/t.naturalWidth,this.cropVariantTriggers.forEach(r=>{const a=r.dataset.cropVariantId,s=this.convertRelativeToAbsoluteCropArea(this.data[a].cropArea,t),i=Object.assign({},this.data[a],{cropArea:s});this.updatePreviewThumbnail(i,r),this.currentModal.querySelector(`[data-crop-variant-container="${i.id}"]`)?.querySelector(`[data-bs-option="${i.selectedRatio}"]`)?.classList.add("active")}),this.currentCropVariant.cropArea=this.convertRelativeToAbsoluteCropArea(this.currentCropVariant.cropArea,t),this.cropBox=this.currentModal.querySelector(".cropper-crop-box"),this.currentCropVariant.selectedRatio&&this.currentModal.querySelector(`[data-bs-option='${this.currentCropVariant.selectedRatio}']`)?.classList.add("active")},this.cropMoveHandler=t=>{if(!this.initialized)return;const e=15,r=15;let a=Math.floor(t.detail.width),s=Math.floor(t.detail.height);if((a<e||s<r)&&(a=Math.max(r,s),s=Math.max(e,a),this.cropper.setData({width:a,height:s})),this.currentCropVariant.cropArea=Object.assign({},this.currentCropVariant.cropArea,{width:Math.floor(a),height:Math.floor(s),x:Math.floor(t.detail.x),y:Math.floor(t.detail.y)}),this.focusAreaEl&&this.currentCropVariant?.focusArea&&(this.focusAreaEl.offset=this.convertAreaToOffset(this.currentCropVariant.focusArea,this.cropBox)),this.syncAvailable&&this.syncEnabled){const n=this.data;Object.keys(this.data).forEach(l=>{let h=null;this.cropVariantTriggers.forEach(d=>{d.dataset.cropVariantId===l&&(h=d)});const u=h.dataset.excludeFromSync.toLowerCase()==="true";if(h&&!u){const d=Object.assign({},n[l],{cropArea:this.currentCropVariant.cropArea,cropVariant:l});this.updatePreviewThumbnail(d,h),this.updateCropVariantData(d)}})}this.updatePreviewThumbnail(this.currentCropVariant,this.activeCropVariantTrigger),this.updateCropVariantData(this.currentCropVariant);const i=Math.round(this.currentCropVariant.cropArea.width*this.imageOriginalSizeFactor),o=Math.round(this.currentCropVariant.cropArea.height*this.imageOriginalSizeFactor);this.cropInfo.innerText=`${i}\xD7${o} px`}}static wait(t,e){window.setTimeout(t,e)}static toCssPercent(t){return`${t*100}%`}static serializeCropVariants(t){return JSON.stringify(t,(r,a)=>r==="id"||r==="title"||r==="allowedAspectRatios"||r==="coverAreas"?void 0:a)}static isEmptyObject(t){return!t||typeof t!="object"||Object.keys(t).length===0||JSON.stringify(t)==="{}"}static resolvePointerEventNames(){const t=typeof window<"u"&&typeof window.document<"u",e=t&&window.document.documentElement?"ontouchstart"in window.document.documentElement:!1,r=t?"PointerEvent"in window:!1,a=e?["touchmove"]:["mousemove"],s=e?["touchstart"]:["mousedown"],i=e?["touchend","touchcancel"]:["mouseup"];return{touchStart:s,touchMove:a,touchEnd:i,pointerDown:r?["pointerdown"]:s,pointerMove:r?["pointermove"]:a,pointerUp:r?["pointerup","pointercancel"]:i}}initializeTrigger(){this.triggerListener||(this.triggerListener=new p("click",(t,e)=>{t.preventDefault(),this.trigger=e,this.show()}),this.triggerListener.delegateTo(document,".t3js-image-manipulation-trigger"))}async initializeCropperModal(){const t=this.currentModal.querySelector(this.cropImageSelector);await new Promise(e=>{t.complete?e():t.addEventListener("load",()=>e())}),this.init()}show(){const t=this.trigger.dataset,e=t.modalTitle,r=t.buttonPreviewText,a=t.buttonDismissText,s=t.buttonSaveText,i=t.url,o=JSON.parse(t.payload);this.currentModal=v.advanced({additionalCssClasses:["modal-image-manipulation","cropper"],buttons:[{btnClass:"btn-default float-start",name:"preview",icon:"actions-view",text:r},{btnClass:"btn-default",name:"dismiss",icon:"actions-close",text:a},{btnClass:"btn-primary",name:"save",icon:"actions-document-save",text:s}],content:f`<div class=modal-loading><typo3-backend-spinner size=large></typo3-backend-spinner></div>`,size:v.sizes.full,style:v.styles.dark,title:e,staticBackdrop:!0}),this.currentModal.addEventListener("typo3-modal-shown",()=>{new O(i).post(o).then(async n=>{const l=await n.resolve();this.currentModal.templateResultContent=f`${S(l)}`,this.currentModal.updateComplete.then(()=>this.initializeCropperModal())})}),this.currentModal.addEventListener("typo3-modal-hide",()=>{this.destroy()})}init(){const t=this.currentModal.querySelector(this.cropImageSelector),e=this.trigger.dataset.cropVariants;if(!e)throw new TypeError("ImageManipulation: No cropVariants data found for image");this.data=c.isEmptyObject(this.data)?JSON.parse(e):this.data,this.cropVariantTriggers=this.currentModal.querySelectorAll(".t3js-crop-variant-trigger"),this.activeCropVariantTrigger=this.currentModal.querySelector(".t3js-crop-variant-trigger.is-active"),this.cropInfo=this.currentModal.querySelector(this.cropInfoSelector),this.currentCropVariant=this.data[this.activeCropVariantTrigger.dataset.cropVariantId],this.cropVariantTriggers.forEach(a=>a.addEventListener("click",s=>{if(s.currentTarget.classList.contains("is-active")){s.stopPropagation(),s.preventDefault();return}this.activeCropVariantTrigger.classList.remove("is-active"),s.currentTarget.classList.add("is-active"),this.activeCropVariantTrigger=s.currentTarget;const i=this.data[this.activeCropVariantTrigger.dataset.cropVariantId],o=this.cropper.getImageData();i.cropArea=this.convertRelativeToAbsoluteCropArea(i.cropArea,o),this.currentCropVariant=Object.assign({},i),this.update(i)})),new p("click",(a,s)=>{const i=s.dataset.bsOption;this.handleAspectRatioChange(i)}).delegateTo(this.currentModal,"label[data-method=setAspectRatio]"),new p("keydown",(a,s)=>{if(!["Enter","Space"].includes(a.code))return;a.preventDefault(),a.stopImmediatePropagation();const i=s.closest('label[data-method="setAspectRatio"]'),o=i.dataset.bsOption;i.querySelector("input").checked=!0,this.handleAspectRatioChange(o)}).delegateTo(this.currentModal,'label[data-method="setAspectRatio"] input[type="radio"]'),new p("click",()=>this.save(this.data)).delegateTo(this.currentModal,"button[name=save]"),this.trigger.dataset.previewUrl?new p("click",()=>this.openPreview(this.data)).delegateTo(this.currentModal,"button[name=preview]"):this.currentModal.querySelectorAll("button[name=preview]").forEach(a=>a.style.display="none"),new p("click",()=>this.currentModal.hideModal()).delegateTo(this.currentModal,"button[name=dismiss]"),new p("click",(a,s)=>{const i=this.cropper.getImageData(),o=s.dataset.cropVariant;if(a.preventDefault(),a.stopPropagation(),!o)throw new TypeError("TYPO3 Cropper: No cropVariant data attribute found on reset element.");const n=JSON.parse(o),l=this.convertRelativeToAbsoluteCropArea(n.cropArea,i);this.currentCropVariant=Object.assign({},n,{cropArea:l}),this.update(this.currentCropVariant)}).delegateTo(this.currentModal,"button[name=reset]"),c.isEmptyObject(this.currentCropVariant.cropArea)&&(this.defaultOpts=Object.assign({autoCropArea:1},this.defaultOpts)),this.cropper=new w(t,Object.assign({},this.defaultOpts,{ready:()=>{this.cropBuiltHandler(),this.update(this.currentCropVariant)},crop:this.cropMoveHandler,data:this.currentCropVariant.cropArea})),this.syncAvailable=this.trigger.dataset.syncAvailable.toLowerCase()==="true";const r=this.trigger.dataset.imageUid;if(this.syncAvailable&&(this.currentModal.querySelector("#sync-crop-variants-container").classList.remove("d-none"),new p("click",(s,i)=>{if(s.stopPropagation(),this.syncEnabled=i.checked,b.set("sync-active-"+r,this.syncEnabled?"true":"false"),this.syncEnabled){if(this.currentModal.querySelectorAll('.panel-button[data-exclude-from-sync="true"]').forEach(n=>n.setAttribute("disabled","disabled")),this.currentModal.querySelector('.panel-button[data-crop-variant-id="'+this.currentCropVariant.id+'"][data-exclude-from-sync="true"]')!==null){const n=this.currentModal.querySelector('.panel-button[data-exclude-from-sync="false"]');n&&n.click()}}else this.currentModal.querySelectorAll(".panel-button[data-exclude-from-sync]").forEach(o=>o.removeAttribute("disabled"))}).delegateTo(this.currentModal,"#sync-crop-variants"),(b.get("sync-active-"+r)??"false")==="true")){const s=this.currentModal.querySelector("#sync-crop-variants");s&&window.setTimeout(()=>{s.click()},100)}}handleAspectRatioChange(t){const e=Object.assign({},this.currentCropVariant),r=e.allowedAspectRatios[t];if(this.setAspectRatio(r),this.setCropArea(e.cropArea),this.currentCropVariant=Object.assign({},e,{selectedRatio:t}),this.syncAvailable&&this.syncEnabled){const a=this.data;Object.keys(this.data).forEach(s=>{let i=null;this.cropVariantTriggers.forEach(n=>{n.dataset.cropVariantId===s&&(i=n)});const o=i.dataset.excludeFromSync.toLowerCase()==="true";if(i&&!o){const n=Object.assign({},a[s],{selectedRatio:t,cropArea:e.cropArea});this.update(n),this.updatePreviewThumbnail(n,i)}})}this.update(this.currentCropVariant)}async update(t){const e=Object.assign({},t),r=t.allowedAspectRatios[t.selectedRatio];this.cropInfo=this.currentModal.querySelector(`[data-crop-variant-container="${t.id}"]`)?.querySelector(this.cropInfoSelector),this.currentModal.querySelector(`[data-crop-variant-container="${t.id}"]`)?.querySelector("[data-bs-option].active")?.classList.remove("active"),this.currentModal.querySelector(`[data-crop-variant-container="${t.id}"]`)?.querySelector(`[data-bs-option="${t.selectedRatio}"]`)?.classList.add("active"),this.setAspectRatio(r),this.setCropArea(e.cropArea),this.currentCropVariant=Object.assign({},e,t),this.cropBox?.querySelectorAll(this.coverAreaSelector)?.forEach(a=>a.remove()),this.cropBox?.querySelectorAll(this.focusAreaSelector)?.forEach(a=>a.remove()),t.focusArea?(c.isEmptyObject(t.focusArea)&&(this.currentCropVariant.focusArea=Object.assign({},this.defaultFocusArea)),this.focusAreaEl=this.initFocusArea(this.cropBox)):this.focusAreaEl=null,t.coverAreas&&this.initCoverAreas(this.cropBox,this.currentCropVariant.coverAreas),this.updatePreviewThumbnail(this.currentCropVariant,this.activeCropVariantTrigger)}initFocusArea(t){M("@typo3/backend/element/draggable-resizable-element.js");const e=top.document.createElement("typo3-backend-draggable-resizable");return e.setAttribute("offset",JSON.stringify(this.convertAreaToOffset(this.currentCropVariant.focusArea,t))),e.setAttribute("pointereventnames",JSON.stringify(c.resolvePointerEventNames())),e.addEventListener("draggable-resizable-started",()=>{this.cropper.disable()}),e.addEventListener("draggable-resizable-updated",()=>{const r=this.currentCropVariant.coverAreas,a=this.convertOffsetToArea(e.offset,t),s=e.querySelector(this.focusAreaVisualElementSelector);this.checkFocusAndCoverAreasCollision(a,r)?s.classList.add("has-nodrop"):s.classList.remove("has-nodrop")}),e.addEventListener("draggable-resizable-finished",r=>{const a=this.currentCropVariant.coverAreas,s=this.convertOffsetToArea(e.offset,t);this.checkFocusAndCoverAreasCollision(s,a)?e.revert(r.detail.originOffset):this.scaleAndMoveFocusArea(s),e.querySelector(this.focusAreaVisualElementSelector).classList.remove("has-nodrop"),this.cropper.enable()}),t.appendChild(e),this.scaleAndMoveFocusArea(this.currentCropVariant.focusArea),e}initCoverAreas(t,e){e.forEach(r=>{const a={height:c.toCssPercent(r.height),left:c.toCssPercent(r.x),top:c.toCssPercent(r.y),width:c.toCssPercent(r.width)},s=f`<div class="cropper-cover-area t3js-cropper-cover-area" style=${m(a)}></div>`;this.renderElements(s,t)})}updatePreviewThumbnail(t,e){const r=e.querySelector(".t3js-cropper-preview-thumbnail-crop-area"),a=e.querySelector(".t3js-cropper-preview-thumbnail-crop-image"),s=e.querySelector(".t3js-cropper-preview-thumbnail-focus-area"),i=this.cropper.getImageData();Object.assign(r.style,{height:c.toCssPercent(t.cropArea.height/i.naturalHeight),left:c.toCssPercent(t.cropArea.x/i.naturalWidth),top:c.toCssPercent(t.cropArea.y/i.naturalHeight),width:c.toCssPercent(t.cropArea.width/i.naturalWidth)}),t.focusArea&&Object.assign(s.style,{height:c.toCssPercent(t.focusArea.height),left:c.toCssPercent(t.focusArea.x),top:c.toCssPercent(t.focusArea.y),width:c.toCssPercent(t.focusArea.width)});const o=getComputedStyle(r),n={width:o.getPropertyValue("width"),height:o.getPropertyValue("height"),left:o.getPropertyValue("left"),top:o.getPropertyValue("top")};Object.assign(a.style,{height:`${parseFloat(n.height)*(1/(t.cropArea.height/i.naturalHeight))}px`,margin:`${-1*parseFloat(n.left)}px`,marginTop:`${-1*parseFloat(n.top)}px`,width:`${parseFloat(n.width)*(1/(t.cropArea.width/i.naturalWidth))}px`})}scaleAndMoveFocusArea(t){this.currentCropVariant.focusArea=t,this.updatePreviewThumbnail(this.currentCropVariant,this.activeCropVariantTrigger),this.updateCropVariantData(this.currentCropVariant)}updateCropVariantData(t){const e=this.cropper.getImageData(),r=this.convertAbsoluteToRelativeCropArea(t.cropArea,e);this.data[t.id]=Object.assign({},t,{cropArea:r})}setAspectRatio(t){this.cropper.setAspectRatio(t.value)}setCropArea(t){const e=this.currentCropVariant.allowedAspectRatios[this.currentCropVariant.selectedRatio];e.value===0?this.cropper.setData({height:t.height,width:t.width,x:t.x,y:t.y}):this.cropper.setData({height:t.height,width:t.height*e.value,x:t.x,y:t.y})}checkFocusAndCoverAreasCollision(t,e){return e?e.some(r=>t.x<r.x+r.width&&r.x<t.x+t.width&&t.y<r.y+r.height&&r.y<t.height+t.y):!1}convertAbsoluteToRelativeCropArea(t,e){const{height:r,width:a,x:s,y:i}=t;return{height:r/e.naturalHeight,width:a/e.naturalWidth,x:s/e.naturalWidth,y:i/e.naturalHeight}}convertRelativeToAbsoluteCropArea(t,e){const{height:r,width:a,x:s,y:i}=t;return{height:r*e.naturalHeight,width:a*e.naturalWidth,x:s*e.naturalWidth,y:i*e.naturalHeight}}setPreviewImages(t){const e=this.cropper.image,r=this.cropper.getImageData();Object.keys(t).forEach(a=>{const s=t[a],i=this.convertRelativeToAbsoluteCropArea(s.cropArea,r),o=this.trigger.closest(".form-group").querySelector(`.t3js-image-manipulation-preview[data-crop-variant-id="${a}"]`),n=this.trigger.closest(".form-group").querySelector(`.t3js-image-manipulation-selected-ratio[data-crop-variant-id="${a}"]`);if(!(o instanceof HTMLElement))return;let l=o.getBoundingClientRect().width,h=parseInt(o.dataset.previewHeight,10);const u=i.width/i.height,d=l/u;d>h?l=h*u:h=d,l>i.width&&(l=i.width,h=i.height);const g=l/i.width,C={height:`${r.naturalHeight*g}px`,left:`${-i.x*g}px`,top:`${-i.y*g}px`,width:`${r.naturalWidth*g}px`},A={width:`${l}px`,height:`${h}px`},T=f`<span class="thumbnail thumbnail-status"> <div class=cropper-preview-container style=${m(A)}><img src=${e.src} style=${m(C)}></div> </span>`;for(;o.firstChild;)o.removeChild(o.firstChild);this.renderElements(T,o);const E=this.currentModal.ownerDocument.defaultView,y=this.currentModal.querySelector(`.t3-js-ratio-title[data-ratio-id="${s.id}${s.selectedRatio}"]`);n instanceof HTMLElement&&y instanceof E.HTMLElement&&(n.innerText=y.innerText)})}openPreview(t){const e=c.serializeCropVariants(t);let r=this.trigger.dataset.previewUrl;r=r+(r.includes("?")?"&":"?")+"cropVariants="+encodeURIComponent(e),window.open(r,"TYPO3ImageManipulationPreview")}save(t){const e=c.serializeCropVariants(t),r=document.querySelector(`#${this.trigger.dataset.field}`);this.trigger.dataset.cropVariants=JSON.stringify(t),this.setPreviewImages(t),r.value=e,V.markFieldAsChanged(r),this.currentModal.hideModal()}destroy(){this.currentModal&&(this.cropper instanceof w&&this.cropper.destroy(),this.initialized=!1,this.cropper=null,this.currentModal=null,this.data=null)}convertAreaToOffset(t,e){const r=e.getBoundingClientRect();return new P(t.x*r.width,t.y*r.height,t.width*r.width,t.height*r.height)}convertOffsetToArea(t,e){const r=e.getBoundingClientRect();return{x:t.left/r.width,y:t.top/r.height,width:t.width/r.width,height:t.height/r.height}}renderElements(t,e,r){const a=x(t);return Array.from(a).filter(i=>i instanceof HTMLElement).forEach(i=>e.appendChild(i)),r?e.querySelector(r):null}}var R=new c;export{R as default};
diff --git a/Resources/Public/JavaScript/info-window.js b/Resources/Public/JavaScript/info-window.js
new file mode 100644
index 0000000..3cf889e
--- /dev/null
+++ b/Resources/Public/JavaScript/info-window.js
@@ -0,0 +1,13 @@
+/*
+ * 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{SeverityEnum as i}from"@typo3/backend/enum/severity.js";import e from"@typo3/backend/modal.js";class t{static showItem(n,o){e.advanced({type:e.types.iframe,size:e.sizes.large,content:top.TYPO3.settings.ShowItem.moduleUrl+"&table="+encodeURIComponent(n)+"&uid="+(typeof o=="number"?o:encodeURIComponent(o)),severity:i.notice})}}top.TYPO3.InfoWindow||(top.TYPO3.InfoWindow=t),TYPO3.InfoWindow=t;export{t as default};
diff --git a/Resources/Public/JavaScript/input/clearable.js b/Resources/Public/JavaScript/input/clearable.js
new file mode 100644
index 0000000..867871a
--- /dev/null
+++ b/Resources/Public/JavaScript/input/clearable.js
@@ -0,0 +1,23 @@
+/*
+ * 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!
+ */
+class c{constructor(){typeof HTMLInputElement.prototype.clearable!="function"&&this.registerClearable()}static createCloseButton(t){const l=`
+      <span class="t3js-icon icon icon-size-small icon-state-default icon-actions-close" data-identifier="actions-close">
+        <span class="icon-markup">
+          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+            <g fill="currentColor">
+              <path d="M11.9 5.5 9.4 8l2.5 2.5c.2.2.2.5 0 .7l-.7.7c-.2.2-.5.2-.7 0L8 9.4l-2.5 2.5c-.2.2-.5.2-.7 0l-.7-.7c-.2-.2-.2-.5 0-.7L6.6 8 4.1 5.5c-.2-.2-.2-.5 0-.7l.7-.7c.2-.2.5-.2.7 0L8 6.6l2.5-2.5c.2-.2.5-.2.7 0l.7.7c.2.2.2.5 0 .7z"/>
+            </g>
+          </svg>
+        </span>
+      </span>
+    `,e=document.createElement("button");return e.type="button",e.tabIndex=-1,e.title=t,e.ariaLabel=t,e.innerHTML=l,e.style.visibility="hidden",e.classList.add("close"),e}registerClearable(){HTMLInputElement.prototype.clearable=async function(t={}){if(this.isClearable)return;if(typeof t!="object")throw new Error("Passed options must be an object, "+typeof t+" given");this.classList.add("form-control-clearable");const l=document.activeElement===this,e=document.createElement("div");e.classList.add("form-control-clearable-wrapper"),this.parentNode.insertBefore(e,this),e.appendChild(this);let i="Clear input";if(this.dataset.clearableLabel)i=this.dataset.clearableLabel;else{const{default:s}=await import("~labels/core.core");i=s.get("labels.inputfield.clearButton.title")}const n=c.createCloseButton(i),a=()=>{n.style.visibility=this.value.length===0?"hidden":"visible"};n.addEventListener("click",s=>{s.preventDefault(),this.value="",typeof t.onClear=="function"&&t.onClear(this),this.dispatchEvent(new Event("change",{bubbles:!0,cancelable:!0})),this.dispatchEvent(new CustomEvent("typo3:internal:clear")),a(),this.focus()}),e.appendChild(n),this.addEventListener("blur",s=>{this.parentNode.contains(s.relatedTarget)&&this.focus()}),this.addEventListener("focus",a),this.addEventListener("keyup",a),a(),this.isClearable=!0,l&&this.focus()}}}var r=new c;export{r as default};
diff --git a/Resources/Public/JavaScript/java-script-module-import-event-handler.js b/Resources/Public/JavaScript/java-script-module-import-event-handler.js
new file mode 100644
index 0000000..3c234eb
--- /dev/null
+++ b/Resources/Public/JavaScript/java-script-module-import-event-handler.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+document.addEventListener("typo3:import-javascript-module",t=>{t.detail.importPromise=import(t.detail.specifier)});
diff --git a/Resources/Public/JavaScript/layout-module/drag-drop.js b/Resources/Public/JavaScript/layout-module/drag-drop.js
new file mode 100644
index 0000000..7845449
--- /dev/null
+++ b/Resources/Public/JavaScript/layout-module/drag-drop.js
@@ -0,0 +1,13 @@
+/*
+ * 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 w from"@typo3/core/document-service.js";import I from"@typo3/backend/ajax-data-handler.js";import v from"@typo3/backend/icons.js";import s from"@typo3/core/event/regular-event.js";import{DataTransferTypes as f}from"@typo3/backend/enum/data-transfer-types.js";import S from"@typo3/backend/broadcast-service.js";import{BroadcastMessage as P}from"@typo3/backend/broadcast-message.js";import m from"@typo3/backend/utility/drag-drop-utility.js";var o;(function(r){r.content=".t3js-page-ce",r.draggableContentHandle='.t3js-page-ce-header[draggable="true"]',r.dropZone=".t3js-page-ce-dropzone-available",r.column=".t3js-page-column",r.addContent=".t3js-page-new-ce"})(o||(o={}));var g;(function(r){r.validDropZoneClass="active",r.dropPossibleHoverClass="t3-page-ce-dropzone-possible"})(g||(g={}));class Z{constructor(){w.ready().then(()=>{this.initialize()})}initialize(){new s("mousedown",(e,t)=>{const n=e.target.closest("a,img");n!==null&&t.contains(n)}).delegateTo(document,o.draggableContentHandle),new s("dragstart",this.onDragStart.bind(this)).delegateTo(document,o.draggableContentHandle),new s("dragenter",this.onDragEnter.bind(this)).delegateTo(document,o.draggableContentHandle),new s("dragend",this.onDragEnd.bind(this)).delegateTo(document,o.draggableContentHandle),new s("dragenter",(e,t)=>{t.classList.add(g.dropPossibleHoverClass),m.updateEventAndTooltipToReflectCopyMoveIntention(e)}).delegateTo(document,o.dropZone),new s("dragover",e=>{e.preventDefault(),m.updateEventAndTooltipToReflectCopyMoveIntention(e)}).delegateTo(document,o.dropZone),new s("dragleave",(e,t)=>{e.preventDefault(),t.classList.remove(g.dropPossibleHoverClass)}).delegateTo(document,o.dropZone),new s("drop",this.onDrop.bind(this),{capture:!0,passive:!0}).delegateTo(document,o.dropZone),new s("typo3:page-layout-drag-drop:elementChanged",this.onBroadcastElementChanged.bind(this)).bindTo(top.document)}onDragEnter(e){e.preventDefault(),m.updateEventAndTooltipToReflectCopyMoveIntention(e),this.showDropZones()}onDragStart(e,t){const n=t.closest(o.content);e.dataTransfer.setData(f.content,JSON.stringify({pid:this.getCurrentPageId(),uid:parseInt(n.dataset.uid,10),language:parseInt(n.dataset.languageUid,10),content:n.outerHTML,moveElementUrl:n.dataset.moveElementUrl}));const d=this.getDragTooltipMetadataFromContentElement(n);e.dataTransfer.setData(f.dragTooltip,JSON.stringify(d)),e.dataTransfer.effectAllowed="copyMove",m.updateEventAndTooltipToReflectCopyMoveIntention(e),n.querySelector(o.dropZone).hidden=!0}onDragEnd(){this.hideDropZones()}onDrop(e,t){let n;if(t.classList.remove(g.dropPossibleHoverClass),!e.dataTransfer.types.includes(f.content))return;const d=this.getColumnPositionForElement(t),a=JSON.parse(e.dataTransfer.getData(f.content));if(n=document.querySelector(`${o.content}[data-uid="${a.uid}"]`),n||(n=document.createRange().createContextualFragment(a.content).firstElementChild),typeof a.uid=="number"&&a.uid>0){const u={},i=t.closest(o.content).dataset.uid;let l;i===void 0?l=parseInt(t.closest("[data-page]").dataset.page,10):l=0-parseInt(i,10);let c=a.language;c!==-1&&(c=parseInt(t.closest("[data-language-uid]").dataset.languageUid,10));let p=0;l!==0&&(p=d);const h=m.isCopyModifierFromEvent(e)||t.classList.contains("t3js-paste-copy"),T=h?"copy":"move";u.cmd={tt_content:{[a.uid]:{[T]:{action:"paste",target:l,update:{colPos:p,sys_language_uid:c}}}}},this.ajaxAction(u,h).then(()=>{t.parentElement.classList.contains(o.content.substring(1))?t.closest(o.content).after(n):t.closest(o.dropZone).after(n),this.broadcast("elementChanged",{pid:a.pid,uid:a.uid,targetPid:this.getCurrentPageId(),action:h?"copy":"move"});const y=document.querySelector(`.t3-page-column-lang-name[data-language-uid="${c}"]`);if(y===null)return;const C=y.dataset.flagIdentifier,b=y.dataset.languageTitle;v.getIcon(C,v.sizes.small).then(E=>{const D=n.querySelector(".t3js-flag");D.title=b,D.innerHTML=E})})}}onBroadcastElementChanged(e){e.detail.payload.pid===this.getCurrentPageId()&&e.detail.payload.targetPid!==e.detail.payload.pid&&e.detail.payload.action==="move"&&document.querySelector(`${o.content}[data-uid="${e.detail.payload.uid}"]`).remove()}ajaxAction(e,t){const n=Object.keys(e.cmd).shift(),d=parseInt(Object.keys(e.cmd[n]).shift(),10),a={component:"dragdrop",action:t?"copy":"move",table:n,uid:d},u=document.querySelector(".t3-grid-container");return I.process(e,a).then(i=>{if(i.hasErrors)throw i.messages;(t||u?.dataset.multiLanguages==="1")&&self.location.reload()})}getColumnPositionForElement(e){const t=e.closest("[data-colpos]");return t!==null&&t.dataset.colpos!==void 0?parseInt(t.dataset.colpos,10):!1}getDragTooltipMetadataFromContentElement(e){let t,n;const d=[],u=e.querySelector(".t3-page-ce-header-title").innerText,i=e.querySelector(".element-preview");i&&(t=i.innerText,t.length>80&&(t=t.substring(0,80)+"..."));const l=e.querySelector(".t3js-icon");l&&(n=l.dataset.identifier);const c=e.querySelectorAll(".preview-thumbnails-element-image img");return c.length>0&&c.forEach(p=>{d.push({src:p.src,height:p.height,width:p.width})}),{statusIconIdentifier:"actions-move",tooltipIconIdentifier:n,tooltipLabel:u,tooltipDescription:t,thumbnails:d}}getCurrentPageId(){return parseInt(document.querySelector("[data-page]").dataset.page,10)}broadcast(e,t){S.post(new P("page-layout-drag-drop",e,t||{}))}showDropZones(){document.querySelectorAll(o.dropZone).forEach(e=>{e.hidden=!1;const t=e.parentElement.querySelector(o.addContent);t!==null&&(t.hidden=!0,e.classList.add(g.validDropZoneClass))})}hideDropZones(){document.querySelectorAll(o.dropZone).forEach(e=>{e.hidden=!0;const t=e.parentElement.querySelector(o.addContent);t!==null&&(t.hidden=!1),e.classList.remove(g.validDropZoneClass)})}}var q=new Z;export{q as default};
diff --git a/Resources/Public/JavaScript/layout-module/page-layout-event.js b/Resources/Public/JavaScript/layout-module/page-layout-event.js
new file mode 100644
index 0000000..ba02742
--- /dev/null
+++ b/Resources/Public/JavaScript/layout-module/page-layout-event.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class t extends CustomEvent{static{this.eventName="typo3:page-layout:hidden-content-count-changed"}constructor(e){super(t.eventName,{detail:{count:e}})}}export{t as HiddenContentCountChangedEvent};
diff --git a/Resources/Public/JavaScript/layout-module/page-layout.js b/Resources/Public/JavaScript/layout-module/page-layout.js
new file mode 100644
index 0000000..fe1b272
--- /dev/null
+++ b/Resources/Public/JavaScript/layout-module/page-layout.js
@@ -0,0 +1,13 @@
+/*
+ * 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 p from"@typo3/core/ajax/ajax-request.js";import f from"@typo3/backend/notification.js";import b from"@typo3/core/event/regular-event.js";import{sudoModeInterceptor as y}from"@typo3/backend/security/sudo-mode-interceptor.js";import r from"~labels/backend.layout";import{HiddenContentCountChangedEvent as h}from"@typo3/backend/layout-module/page-layout-event.js";import{HiddenContentCountChangedEvent as L}from"@typo3/backend/layout-module/page-layout-event.js";import"@typo3/backend/element/icon-element.js";new b("click",async(s,d)=>{s.preventDefault(),s.stopPropagation();const i=d;if(i.disabled)return;i.disabled=!0;const e=i.closest(".t3js-page-ce");if(e===null){i.disabled=!1;return}const c=e.dataset.table,l=parseInt(e.dataset.uid??"0",10),g=e.classList.contains("t3js-hidden-record"),u=i.querySelector("typo3-backend-icon");try{const t=await(await new p(TYPO3.settings.ajaxUrls.record_toggle_visibility).addMiddleware(y).post({table:c,uid:l,action:g?"show":"hide"})).resolve();if(e.classList.toggle("t3-page-ce-hidden",!t.isVisible),e.classList.toggle("t3js-hidden-record",!t.isVisible),t.isVisible)e.style.display="";else{const a=document.querySelector("typo3-backend-page-layout-toggle-hidden");a&&!a.active&&(e.style.display="none")}u?.setAttribute("identifier",t.isVisible?"actions-edit-hide":"actions-edit-unhide"),i.title=t.isVisible?r.get("hide"):r.get("unHide");const o=e.querySelector(".t3-page-ce-header-left [data-contextmenu-trigger] .t3js-icon");o&&t.icon&&o.replaceWith(document.createRange().createContextualFragment(t.icon));const m=document.querySelectorAll(".t3js-hidden-record").length;document.dispatchEvent(new h(m))}catch(n){if(n&&typeof n.resolve=="function"){const t=await n.resolve();for(const o of t.messages??[])f.error(o.title,o.message)}}finally{i.disabled=!1}}).delegateTo(document,'button[data-action="content-element-visibility-toggle"]');export{L as HiddenContentCountChangedEvent};
diff --git a/Resources/Public/JavaScript/layout-module/paste.js b/Resources/Public/JavaScript/layout-module/paste.js
new file mode 100644
index 0000000..140337b
--- /dev/null
+++ b/Resources/Public/JavaScript/layout-module/paste.js
@@ -0,0 +1,13 @@
+/*
+ * 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 d from"@typo3/core/document-service.js";import m from"@typo3/backend/ajax-data-handler.js";import u from"@typo3/backend/modal.js";import h from"@typo3/backend/severity.js";import"@typo3/backend/element/icon-element.js";import{SeverityEnum as p}from"@typo3/backend/enum/severity.js";import g from"@typo3/core/event/regular-event.js";import a from"~labels/backend.layout";class l{constructor(t){this.itemOnClipboardUid=0,this.itemOnClipboardTitle="",this.copyMode="",this.elementIdentifier=".t3js-page-ce",this.pasteAfterLinkTemplate="",this.pasteIntoLinkTemplate="",this.itemOnClipboardUid=t.itemOnClipboardUid,this.itemOnClipboardTitle=t.itemOnClipboardTitle,this.copyMode=t.copyMode,d.ready().then(()=>{document.querySelectorAll(".t3js-page-columns").length>0&&(this.generateButtonTemplates(),this.activatePasteIcons(),this.initializeEvents())})}static determineColumn(t){const e=t.closest("[data-colpos]");return parseInt(e?.dataset?.colpos??"0",10)}initializeEvents(){new g("click",(t,e)=>{t.preventDefault(),this.activatePasteModal(e)}).delegateTo(document,".t3js-paste")}generateButtonTemplates(){this.itemOnClipboardUid&&(this.pasteAfterLinkTemplate='<button type="button" class="t3js-paste t3js-paste'+(this.copyMode?"-"+this.copyMode:"")+' t3js-paste-after btn btn-default btn-sm" title="'+a.get("pasteAfterRecord")+'"><typo3-backend-icon identifier="actions-document-paste-into" size="small"></typo3-backend-icon></button>',this.pasteIntoLinkTemplate='<button type="button" class="t3js-paste t3js-paste'+(this.copyMode?"-"+this.copyMode:"")+' t3js-paste-into btn btn-default btn-sm" title="'+a.get("pasteIntoColumn")+'"><typo3-backend-icon identifier="actions-document-paste-into" size="small"></typo3-backend-icon></button>')}activatePasteIcons(){this.pasteAfterLinkTemplate&&this.pasteIntoLinkTemplate&&document.querySelectorAll(".t3js-page-new-ce").forEach(t=>{const e=t.parentElement.dataset.page?this.pasteIntoLinkTemplate:this.pasteAfterLinkTemplate;t.append(document.createRange().createContextualFragment(e))})}activatePasteModal(t){const e=a.get("paste.modal.title.paste")+': "'+this.itemOnClipboardTitle+'"',i=a.get("paste.modal.paste");let s=[];s=[{text:a.get("paste.modal.button.cancel"),active:!0,btnClass:"btn-default",trigger:(n,o)=>o.hideModal()},{text:a.get("paste.modal.button.paste"),btnClass:"btn-"+h.getCssClass(p.warning),trigger:(n,o)=>{o.hideModal(),this.execute(t)}}],u.show(e,i,p.warning,s)}execute(t){const e=l.determineColumn(t),i=t.closest(this.elementIdentifier),s=i.dataset.uid;let n;typeof s>"u"?n=parseInt(i.dataset.page,10):n=0-parseInt(s,10);const o=parseInt(t.closest("[data-language-uid]").dataset.languageUid,10),r={CB:{paste:"tt_content|"+n,pad:"normal",update:{colPos:e,sys_language_uid:o}}};m.process(r).then(c=>{c.hasErrors||window.location.reload()})}}export{l as default};
diff --git a/Resources/Public/JavaScript/layout-module/toggle-hidden-element.js b/Resources/Public/JavaScript/layout-module/toggle-hidden-element.js
new file mode 100644
index 0000000..92cb78d
--- /dev/null
+++ b/Resources/Public/JavaScript/layout-module/toggle-hidden-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as h}from"lit";import{property as c,customElement as p}from"lit/decorators.js";import{PseudoButtonLitElement as m}from"@typo3/backend/element/pseudo-button.js";import y from"@typo3/backend/storage/persistent.js";import f from"~labels/backend.layout";import"@typo3/backend/element/icon-element.js";import{HiddenContentCountChangedEvent as u}from"@typo3/backend/layout-module/page-layout-event.js";var l=function(r,t,n,e){var i=arguments.length,o=i<3?t:e===null?e=Object.getOwnPropertyDescriptor(t,n):e,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(r,t,n,e);else for(var d=r.length-1;d>=0;d--)(a=r[d])&&(o=(i<3?a(o):i>3?a(t,n,o):a(t,n))||o);return i>3&&o&&Object.defineProperty(t,n,o),o};let s=class extends m{constructor(){super(...arguments),this.active=!1,this.count=0,this.onCountChanged=t=>{this.count=t.detail.count}}connectedCallback(){super.connectedCallback(),this.syncDropdownToggleStatus(),document.addEventListener(u.eventName,this.onCountChanged)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(u.eventName,this.onCountChanged)}updated(t){t.has("active")&&this.syncDropdownToggleStatus()}createRenderRoot(){return this}render(){return h`<span class=dropdown-item-status></span><typo3-backend-icon identifier=actions-eye size=small></typo3-backend-icon>${f.get("hiddenCE")} (${this.count})`}buttonActivated(){if(this.hasAttribute("disabled"))return;this.setAttribute("disabled","");const t=!this.active,n=document.querySelectorAll(".t3js-hidden-record");for(const e of n){e.style.display="flow-root";const i=e.scrollHeight;e.style.overflow="clip",t?(e.addEventListener("transitionend",()=>{e.style.display="",e.style.overflow="",e.style.height=""},{once:!0}),e.style.height=i+"px"):(e.addEventListener("transitionend",()=>{e.style.display="none",e.style.overflow=""},{once:!0}),requestAnimationFrame(()=>{e.style.height=i+"px",requestAnimationFrame(()=>{e.style.height="0px"})}))}this.active=t,y.set("moduleData.web_layout.showHidden",t?"1":"0").then(()=>{this.removeAttribute("disabled")})}syncDropdownToggleStatus(){this.dataset.dropdowntoggleStatus=this.active?"active":"inactive"}};l([c({type:Boolean,reflect:!0})],s.prototype,"active",void 0),l([c({type:Number})],s.prototype,"count",void 0),s=l([p("typo3-backend-page-layout-toggle-hidden")],s);export{s as PageLayoutToggleHidden};
diff --git a/Resources/Public/JavaScript/layout-module/velocity-scroll.js b/Resources/Public/JavaScript/layout-module/velocity-scroll.js
new file mode 100644
index 0000000..51b315a
--- /dev/null
+++ b/Resources/Public/JavaScript/layout-module/velocity-scroll.js
@@ -0,0 +1,13 @@
+/*
+ * 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 S from"@typo3/core/document-service.js";import T from"@typo3/core/event/regular-event.js";const u=.2,f=2.5;S.ready().then(()=>{new T("dragstart",l=>{E(l)}).delegateTo(document,'[draggable="true"]')});function E(l){const t=document.scrollingElement;if(!(t instanceof HTMLElement)){console.warn("Scrolling element is not an HTMLElement. Velocity scroll will not work.");return}const e=p(l.target)??t;let a=0,s=0,m=!0,h=performance.now();const v=t.style.scrollBehavior,H=e.style.scrollBehavior;t.style.scrollBehavior="auto",e.style.scrollBehavior="auto";const w=o=>{const n=(o-h)/1e3;h=o;const r=t.scrollHeight-t.clientHeight,c=e.scrollWidth-e.clientWidth;t.scrollTop=Math.max(0,Math.min(t.scrollTop+a*n,r)),e.scrollLeft=Math.max(0,Math.min(e.scrollLeft+s*n,c)),m&&requestAnimationFrame(w)};requestAnimationFrame(w);const i=(o,n,r)=>o<n?(1-o/n)**2*r:0,d=o=>{const n=window.innerHeight*u,r=window.innerWidth*u,c=window.innerHeight*f,g=window.innerWidth*f;a=i(window.innerHeight-o.clientY,n,c)-i(o.clientY,n,c),s=i(window.innerWidth-o.clientX,r,g)-i(o.clientX,r,g)};d(l),window.addEventListener("dragover",d),window.addEventListener("dragend",()=>{window.removeEventListener("dragover",d),a=0,s=0,m=!1,t.style.scrollBehavior=v,e.style.scrollBehavior=H},{once:!0})}function p(l){let t=l;for(;t instanceof HTMLElement;){if(t.scrollWidth>t.clientWidth){const e=window.getComputedStyle(t).overflowX;if(e==="auto"||e==="scroll")return t}t=t.parentElement}return null}export{E as initVelocityScroll};
diff --git a/Resources/Public/JavaScript/link-browser.js b/Resources/Public/JavaScript/link-browser.js
new file mode 100644
index 0000000..b651613
--- /dev/null
+++ b/Resources/Public/JavaScript/link-browser.js
@@ -0,0 +1,13 @@
+/*
+ * 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 i from"@typo3/core/event/regular-event.js";import"@typo3/backend/element/combobox-element.js";import"@typo3/backend/element/link-browser-download-element.js";class n{constructor(){this.parameters=JSON.parse(document.body.dataset.linkbrowserParameters||"{}"),this.linkAttributeFields=JSON.parse(document.body.dataset.linkbrowserAttributeFields||"{}"),new i("click",e=>{e.preventDefault(),this.finalizeFunction(document.body.dataset.linkbrowserCurrentLink)}).delegateTo(document,"button.t3js-linkCurrent")}getLinkAttributeValues(){const e={};for(const t of this.linkAttributeFields.values()){const r=document.querySelector('[name="l'+t+'"]');r!==null&&(e[t]=r.value)}return e}finalizeFunction(e){throw"The link browser requires the finalizeFunction to be set in order for "+e+" to be handled. Seems like you discovered a major bug."}}var o=new n;export{o as default};
diff --git a/Resources/Public/JavaScript/live-search/element/backend-search.js b/Resources/Public/JavaScript/live-search/element/backend-search.js
new file mode 100644
index 0000000..23682e1
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/element/backend-search.js
@@ -0,0 +1,13 @@
+/*
+ * 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{customElement as p}from"lit/decorators.js";import{LitElement as a}from"lit";var m=function(n,t,r,c){var o=arguments.length,e=o<3?t:c===null?c=Object.getOwnPropertyDescriptor(t,r):c,f;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(n,t,r,c);else for(var l=n.length-1;l>=0;l--)(f=n[l])&&(e=(o<3?f(e):o>3?f(t,r,e):f(t,r))||e);return o>3&&e&&Object.defineProperty(t,r,e),e};let i=class extends a{createRenderRoot(){return this}};i=m([p("typo3-backend-live-search")],i);export{i as BackendSearch};
diff --git a/Resources/Public/JavaScript/live-search/element/hint.js b/Resources/Public/JavaScript/live-search/element/hint.js
new file mode 100644
index 0000000..94fd94e
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/element/hint.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as m,customElement as h}from"lit/decorators.js";import{LitElement as a,nothing as u,html as d}from"lit";import{markdown as s}from"@typo3/core/directive/markdown.js";import"@typo3/backend/element/icon-element.js";var f=function(i,e,n,r){var o=arguments.length,t=o<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,n):r,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(i,e,n,r);else for(var p=i.length-1;p>=0;p--)(l=i[p])&&(t=(o<3?l(t):o>3?l(e,n,t):l(e,n))||t);return o>3&&t&&Object.defineProperty(e,n,t),t};let c=class extends a{createRenderRoot(){return this}render(){return this.hint===""?u:d`<typo3-backend-icon identifier=actions-lightbulb-on size=small></typo3-backend-icon>${s(this.hint,"minimal")}`}};f([m({type:String})],c.prototype,"hint",void 0),c=f([h("typo3-backend-live-search-hint")],c);export{c as Hint};
diff --git a/Resources/Public/JavaScript/live-search/element/provider/default-result-item.js b/Resources/Public/JavaScript/live-search/element/provider/default-result-item.js
new file mode 100644
index 0000000..3e5f999
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/element/provider/default-result-item.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as l,customElement as m}from"lit/decorators.js";import{LitElement as v,html as d,nothing as u}from"lit";import"@typo3/backend/element/icon-element.js";import f from"~labels/core.misc";var r=function(o,i,a,n){var s=arguments.length,e=s<3?i:n===null?n=Object.getOwnPropertyDescriptor(i,a):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,i,a,n);else for(var p=o.length-1;p>=0;p--)(c=o[p])&&(e=(s<3?c(e):s>3?c(i,a,e):c(i,a))||e);return s>3&&e&&Object.defineProperty(i,a,e),e};let t=class extends v{constructor(){super(...arguments),this.language=null}createRenderRoot(){return this}render(){return d`<div class=livesearch-result-item-icon><typo3-backend-icon title=${this.icon.title} identifier=${this.icon.identifier} overlay=${this.icon.overlay} size=small></typo3-backend-icon>${this.language?d`<typo3-backend-icon title=${this.language.title} identifier=${this.language.iconIdentifier} size=small></typo3-backend-icon>`:u}</div><div class=livesearch-result-item-summary><div class=livesearch-result-item-title><div class=livesearch-result-item-title-contentlabel>${this.itemTitle}</div>${this.extraData.inWorkspace?d`<div class=livesearch-result-item-title-indicator><typo3-backend-icon title=${f.get("liveSearch.versionizedRecord")} identifier=actions-dot size=small class=text-warning></typo3-backend-icon></div>`:u}</div>${this.extraData.breadcrumb!==void 0?d`<small>${this.extraData.breadcrumb}</small>`:u}</div>`}};r([l({type:Object,attribute:!1})],t.prototype,"icon",void 0),r([l({type:Object,attribute:!1})],t.prototype,"language",void 0),r([l({type:String,attribute:!1})],t.prototype,"itemTitle",void 0),r([l({type:String,attribute:!1})],t.prototype,"typeLabel",void 0),r([l({type:Object,attribute:!1})],t.prototype,"extraData",void 0),t=r([m("typo3-backend-live-search-result-item-default")],t);export{t as DefaultProviderResultItem};
diff --git a/Resources/Public/JavaScript/live-search/element/provider/page-provider-result-item.js b/Resources/Public/JavaScript/live-search/element/provider/page-provider-result-item.js
new file mode 100644
index 0000000..fb02963
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/element/provider/page-provider-result-item.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as l,customElement as m}from"lit/decorators.js";import{LitElement as v,html as p,nothing as u}from"lit";import"@typo3/backend/element/icon-element.js";import f from"~labels/core.misc";var r=function(o,i,a,s){var n=arguments.length,e=n<3?i:s===null?s=Object.getOwnPropertyDescriptor(i,a):s,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(o,i,a,s);else for(var d=o.length-1;d>=0;d--)(c=o[d])&&(e=(n<3?c(e):n>3?c(i,a,e):c(i,a))||e);return n>3&&e&&Object.defineProperty(i,a,e),e};let t=class extends v{constructor(){super(...arguments),this.language=null}createRenderRoot(){return this}render(){return p`<div class=livesearch-result-item-icon><typo3-backend-icon title=${this.icon.title} identifier=${this.icon.identifier} overlay=${this.icon.overlay} size=small></typo3-backend-icon>${this.language?p`<typo3-backend-icon title=${this.language.title} identifier=${this.language.iconIdentifier} size=small></typo3-backend-icon>`:u}</div><div class=livesearch-result-item-summary><div class=livesearch-result-item-title><div class=livesearch-result-item-title-contentlabel>${this.itemTitle}</div>${this.extraData.inWorkspace?p`<div class=livesearch-result-item-title-indicator><typo3-backend-icon title=${f.get("liveSearch.versionizedRecord")} identifier=actions-dot size=small class=text-warning></typo3-backend-icon></div>`:u}</div><small>${this.extraData.breadcrumb}</small></div>`}};r([l({type:Object,attribute:!1})],t.prototype,"icon",void 0),r([l({type:Object,attribute:!1})],t.prototype,"language",void 0),r([l({type:String,attribute:!1})],t.prototype,"itemTitle",void 0),r([l({type:String,attribute:!1})],t.prototype,"typeLabel",void 0),r([l({type:Object,attribute:!1})],t.prototype,"extraData",void 0),t=r([m("typo3-backend-live-search-result-item-page-provider")],t);var b=t;export{b as default};
diff --git a/Resources/Public/JavaScript/live-search/element/result/item/action/action-container.js b/Resources/Public/JavaScript/live-search/element/result/item/action/action-container.js
new file mode 100644
index 0000000..9815700
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/element/result/item/action/action-container.js
@@ -0,0 +1,13 @@
+/*
+ * 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 p from"@typo3/core/document-service.js";import{property as v,customElement as d}from"lit/decorators.js";import{LitElement as h,html as a,css as y}from"lit";import"@typo3/backend/live-search/element/result/item/action/action.js";var u=function(r,e,t,i){var o=arguments.length,n=o<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,e,t,i);else for(var l=r.length-1;l>=0;l--)(s=r[l])&&(n=(o<3?s(n):o>3?s(e,t,n):s(e,t))||n);return o>3&&n&&Object.defineProperty(e,t,n),n};const f="typo3-backend-live-search-result-item-action-container";let c=class extends h{constructor(){super(...arguments),this.resultItem=null}createRenderRoot(){return this}render(){return a`<typo3-backend-live-search-result-action-list>${this.resultItem.actions.map(e=>this.renderActionItem(this.resultItem,e))}</typo3-backend-live-search-result-action-list>`}renderActionItem(e,t){return a`<typo3-backend-live-search-result-item-action .resultItem=${e} .resultItemAction=${t} @click=${()=>this.invokeAction(this.resultItem,t)}></typo3-backend-live-search-result-item-action>`}invokeAction(e,t){this.closest("typo3-backend-live-search-result-container").dispatchEvent(new CustomEvent("livesearch:invoke-action",{detail:{resultItem:e,action:t}}))}};u([v({type:Object,attribute:!1})],c.prototype,"resultItem",void 0),c=u([d("typo3-backend-live-search-result-item-action-container")],c);let m=class extends h{static{this.styles=y`:host{display:block}`}async connectedCallback(){await p.ready(),this.parentContainer=this.closest("typo3-backend-live-search-result-container"),this.resultItemContainer=this.parentContainer.querySelector("typo3-backend-live-search-result-item-container"),super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("keyup",this.handleKeyUp)}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("keyup",this.handleKeyUp),super.disconnectedCallback()}render(){return a`<slot></slot>`}handleKeyDown(e){if(!["ArrowDown","ArrowUp","ArrowLeft"].includes(e.key)||document.activeElement.tagName.toLowerCase()!=="typo3-backend-live-search-result-item-action")return;e.preventDefault();let t;e.key==="ArrowDown"?t=document.activeElement.nextElementSibling:e.key==="ArrowUp"?t=document.activeElement.previousElementSibling:e.key==="ArrowLeft"&&(t=this.resultItemContainer.querySelector("typo3-backend-live-search-result-item.active")),t!==null&&t.focus()}handleKeyUp(e){if(!["Enter"," "].includes(e.key))return;e.preventDefault();const t=e.target;this.parentContainer.dispatchEvent(new CustomEvent("livesearch:invoke-action",{detail:{resultItem:t.resultItem,action:t.resultItemAction}}))}};m=u([d("typo3-backend-live-search-result-action-list")],m);export{c as ActionContainer,m as ActionList,f as componentName};
diff --git a/Resources/Public/JavaScript/live-search/element/result/item/action/action.js b/Resources/Public/JavaScript/live-search/element/result/item/action/action.js
new file mode 100644
index 0000000..57cbf42
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/element/result/item/action/action.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as p,customElement as d}from"lit/decorators.js";import{ifDefined as f}from"lit/directives/if-defined.js";import{LitElement as m,html as u}from"lit";import"@typo3/backend/element/icon-element.js";var a=function(o,e,i,n){var c=arguments.length,t=c<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,i):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(o,e,i,n);else for(var s=o.length-1;s>=0;s--)(l=o[s])&&(t=(c<3?l(t):c>3?l(e,i,t):l(e,i))||t);return c>3&&t&&Object.defineProperty(e,i,t),t};let r=class extends m{connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0")}createRenderRoot(){return this}render(){return u`<div><div class=livesearch-result-item-icon><typo3-backend-icon identifier=${f(this.resultItemAction.icon.identifier||"actions-arrow-right")} overlay=${this.resultItemAction.icon.overlay} size=small></typo3-backend-icon></div><div class=livesearch-result-item-title>${this.resultItemAction.label}</div></div>`}};a([p({type:Object,attribute:!1})],r.prototype,"resultItem",void 0),a([p({type:Object,attribute:!1})],r.prototype,"resultItemAction",void 0),r=a([d("typo3-backend-live-search-result-item-action")],r);export{r as Action};
diff --git a/Resources/Public/JavaScript/live-search/element/result/item/item-container.js b/Resources/Public/JavaScript/live-search/element/result/item/item-container.js
new file mode 100644
index 0000000..f565b1c
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/element/result/item/item-container.js
@@ -0,0 +1,13 @@
+/*
+ * 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"@typo3/backend/element/spinner-element.js";import m from"@typo3/backend/live-search/live-search-configurator.js";import{LitElement as p,html as l,css as v}from"lit";import{property as y,customElement as h}from"lit/decorators.js";import{until as b}from"lit/directives/until.js";import"@typo3/backend/live-search/element/provider/default-result-item.js";import"@typo3/backend/live-search/element/result/item/item.js";var u=function(o,e,t,n){var i=arguments.length,r=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,t):n,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(o,e,t,n);else for(var c=o.length-1;c>=0;c--)(s=o[c])&&(r=(i<3?s(r):i>3?s(e,t,r):s(e,t))||r);return i>3&&r&&Object.defineProperty(e,t,r),r};const f="typo3-backend-live-search-result-item-container";let a=class extends p{constructor(){super(...arguments),this.results=null}connectedCallback(){super.connectedCallback(),this.addEventListener("scroll",this.onScroll)}disconnectedCallback(){this.removeEventListener("scroll",this.onScroll),super.disconnectedCallback()}createRenderRoot(){return this}render(){const e={},t=this.results.filter(n=>n!==null);return t.length!==this.results.length&&console.warn('The result set contained "null" values, indicating something went wrong while building the search results. Affected values were removed to no break the user interface.'),t.forEach(n=>{n.typeLabel in e?e[n.typeLabel].push(n):e[n.typeLabel]=[n]}),l`<typo3-backend-live-search-result-list>${this.renderGroupedResults(e)}</typo3-backend-live-search-result-list>`}renderGroupedResults(e){const t=[];for(const[n,i]of Object.entries(e)){const r=i.length;t.push(l`<h6 class=livesearch-result-item-group-label>${n} (${r})</h6>`),t.push(...i.map(s=>l`${b(this.renderResultItem(s),l`<typo3-backend-spinner></typo3-backend-spinner>`)}`))}return l`${t}`}async renderResultItem(e){const t=m.getRenderers();let n;return t[e.provider]!==void 0?(await import(t[e.provider].module),n=t[e.provider].callback(e)):n=l`<typo3-backend-live-search-result-item-default title="${e.typeLabel}: ${e.itemTitle}" .icon=${e.icon} .language=${e.language} .itemTitle=${e.itemTitle} .typeLabel=${e.typeLabel} .extraData=${e.extraData}></typo3-backend-live-search-result-item-default>`,l`<typo3-backend-live-search-result-item .resultItem=${e} @click=${()=>this.invokeAction(e,e.defaultAction)} @focus=${()=>this.requestActions(e)}>${n}</typo3-backend-live-search-result-item>`}requestActions(e){this.parentElement.dispatchEvent(new CustomEvent("livesearch:request-actions",{detail:{resultItem:e}}))}invokeAction(e,t){this.parentElement.dispatchEvent(new CustomEvent("livesearch:invoke-action",{detail:{resultItem:e,action:t}}))}onScroll(e){this.querySelectorAll(".livesearch-result-item-group-label").forEach(t=>{t.classList.toggle("sticky",t.offsetTop<=e.target.scrollTop)})}};u([y({type:Object,attribute:!1})],a.prototype,"results",void 0),a=u([h("typo3-backend-live-search-result-item-container")],a);let d=class extends p{static{this.styles=v`:host{display:block}`}connectedCallback(){this.parentContainer=this.closest("typo3-backend-live-search-result-container"),this.resultItemDetailContainer=this.parentContainer.querySelector("typo3-backend-live-search-result-item-detail-container"),super.connectedCallback(),this.addEventListener("keydown",this.handleKeyDown),this.addEventListener("keyup",this.handleKeyUp)}disconnectedCallback(){this.removeEventListener("keydown",this.handleKeyDown),this.removeEventListener("keyup",this.handleKeyUp),super.disconnectedCallback()}render(){return l`<slot></slot>`}handleKeyDown(e){if(!["ArrowDown","ArrowUp","ArrowRight"].includes(e.key))return;const t="typo3-backend-live-search-result-item";if(document.activeElement.tagName.toLowerCase()!==t)return;e.preventDefault();let n;if(e.key==="ArrowDown"){let i=document.activeElement.nextElementSibling;for(;i!==null&&i.tagName.toLowerCase()!==t;)i=i.nextElementSibling;n=i}else if(e.key==="ArrowUp"){let i=document.activeElement.previousElementSibling;for(;i!==null&&i.tagName.toLowerCase()!==t;)i=i.previousElementSibling;n=i,n===null&&(n=document.querySelector("typo3-backend-live-search").querySelector('input[type="search"]'))}else e.key==="ArrowRight"&&(n=this.resultItemDetailContainer.querySelector("typo3-backend-live-search-result-item-action"));n!==null&&n.focus()}handleKeyUp(e){if(!["Enter"," "].includes(e.key))return;e.preventDefault();const t=e.target.resultItem;this.invokeAction(t)}invokeAction(e){this.parentContainer.dispatchEvent(new CustomEvent("livesearch:invoke-action",{detail:{resultItem:e,action:e.actions[0]}}))}};d=u([h("typo3-backend-live-search-result-list")],d);export{a as ItemContainer,d as ResultList,f as componentName};
diff --git a/Resources/Public/JavaScript/live-search/element/result/item/item.js b/Resources/Public/JavaScript/live-search/element/result/item/item.js
new file mode 100644
index 0000000..700d466
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/element/result/item/item.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as d,customElement as p}from"lit/decorators.js";import{LitElement as u,html as f}from"lit";import"@typo3/backend/element/icon-element.js";var l=function(n,e,t,o){var i=arguments.length,c=i<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(n,e,t,o);else for(var a=n.length-1;a>=0;a--)(r=n[a])&&(c=(i<3?r(c):i>3?r(e,t,c):r(e,t))||c);return i>3&&c&&Object.defineProperty(e,t,c),c};let s=class extends u{connectedCallback(){super.connectedCallback(),this.hasAttribute("tabindex")||this.setAttribute("tabindex","0"),this.addEventListener("focus",this.onFocus)}disconnectedCallback(){this.removeEventListener("focus",this.onFocus),super.disconnectedCallback()}createRenderRoot(){return this}render(){return f`<div class=livesearch-expand-action @click=${e=>{e.stopPropagation(),this.focus()}}><typo3-backend-icon identifier=actions-chevron-end size=small></typo3-backend-icon></div>`}onFocus(e){const t=e.target;t.parentElement.querySelector(".active")?.classList.remove("active"),t.classList.add("active")}};l([d({type:Object,attribute:!1})],s.prototype,"resultItem",void 0),s=l([p("typo3-backend-live-search-result-item")],s);export{s as Item};
diff --git a/Resources/Public/JavaScript/live-search/element/result/result-container.js b/Resources/Public/JavaScript/live-search/element/result/result-container.js
new file mode 100644
index 0000000..dd61a48
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/element/result/result-container.js
@@ -0,0 +1,13 @@
+/*
+ * 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 h from"@typo3/backend/live-search/live-search-configurator.js";import m from"@typo3/backend/viewport.js";import{property as u,query as p,customElement as f}from"lit/decorators.js";import{LitElement as y,html as c,nothing as b}from"lit";import"@typo3/backend/live-search/element/result/item/item-container.js";import"@typo3/backend/live-search/element/result/result-detail-container.js";import v from"~labels/core.misc";var s=function(l,e,n,r){var t=arguments.length,i=t<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,n):r,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(l,e,n,r);else for(var d=l.length-1;d>=0;d--)(a=l[d])&&(i=(t<3?a(i):t>3?a(e,n,i):a(e,n))||i);return t>3&&i&&Object.defineProperty(e,n,i),i};const k="typo3-backend-live-search-result-container";let o=class extends y{constructor(){super(...arguments),this.results=null,this.hasErrors=!1,this.loading=!1}connectedCallback(){super.connectedCallback(),this.addEventListener("livesearch:request-actions",this.onActionsRequested),this.addEventListener("livesearch:invoke-action",this.onActionInvoked)}disconnectedCallback(){this.removeEventListener("livesearch:request-actions",this.onActionsRequested),this.removeEventListener("livesearch:invoke-action",this.onActionInvoked),super.disconnectedCallback()}createRenderRoot(){return this}render(){return this.loading?c`<div class="d-flex flex-fill align-items-center justify-content-center"><typo3-backend-spinner size=large></typo3-backend-spinner></div>`:this.hasErrors?c`<div class="alert alert-danger">${v.get("liveSearch_hasErrors")}</div>`:this.results===null?b:this.results.length===0?c`<div class="alert alert-info">${v.get("liveSearch_listEmptyText")}</div>`:c`<typo3-backend-live-search-result-item-container .results=${this.results}></typo3-backend-live-search-result-item-container><typo3-backend-live-search-result-item-detail-container></typo3-backend-live-search-result-item-detail-container>`}onActionsRequested(e){this.resultDetailContainer.resultItem=e.detail.resultItem}onActionInvoked(e){const n=h.getInvokeHandlers(),r=e.detail.resultItem,t=e.detail.action;t!==void 0&&(typeof n[r.provider+"_"+t.identifier]=="function"?n[r.provider+"_"+t.identifier](r,t):m.ContentContainer.setUrl(t.url),this.dispatchEvent(new CustomEvent("live-search:item-chosen",{detail:{resultItem:r}})))}};s([u({type:Object})],o.prototype,"results",void 0),s([u({type:Boolean,attribute:!1})],o.prototype,"hasErrors",void 0),s([u({type:Boolean,attribute:!1})],o.prototype,"loading",void 0),s([p("typo3-backend-live-search-result-item-container")],o.prototype,"itemContainer",void 0),s([p("typo3-backend-live-search-result-item-detail-container")],o.prototype,"resultDetailContainer",void 0),o=s([f("typo3-backend-live-search-result-container")],o);export{o as ResultContainer,k as componentName};
diff --git a/Resources/Public/JavaScript/live-search/element/result/result-detail-container.js b/Resources/Public/JavaScript/live-search/element/result/result-detail-container.js
new file mode 100644
index 0000000..8acd357
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/element/result/result-detail-container.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as u,customElement as d}from"lit/decorators.js";import{LitElement as h,nothing as m,html as l}from"lit";import"@typo3/backend/live-search/element/result/item/action/action-container.js";var p=function(n,e,r,i){var s=arguments.length,t=s<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,r):i,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(n,e,r,i);else for(var c=n.length-1;c>=0;c--)(a=n[c])&&(t=(s<3?a(t):s>3?a(e,r,t):a(e,r))||t);return s>3&&t&&Object.defineProperty(e,r,t),t};const b="typo3-backend-live-search-result-item-detail-container";let o=class extends h{constructor(){super(...arguments),this.resultItem=null}createRenderRoot(){return this}render(){if(this.resultItem===null)return m;const e=Object.entries(this.resultItem.properties??{});return l`<div class=livesearch-detail-preamble>${this.resultItem.thumbnailUrl?l`<div class=livesearch-detail-preamble-thumbnail><img src=${this.resultItem.thumbnailUrl} loading=lazy alt></div>`:l`<typo3-backend-icon identifier=${this.resultItem.icon.identifier} overlay=${this.resultItem.icon.overlay} size=large></typo3-backend-icon>`}<h3>${this.resultItem.itemTitle}</h3><p class=livesearch-detail-preamble-type>${this.resultItem.typeLabel}</p></div>${e.length>0?l`<dl class=livesearch-detail-properties>${e.map(([r,i])=>l`<dt>${r}</dt><dd>${i}</dd>`)}</dl>`:m}<typo3-backend-live-search-result-item-action-container .resultItem=${this.resultItem}></typo3-backend-live-search-result-item-action-container>`}};p([u({type:Object,attribute:!1})],o.prototype,"resultItem",void 0),o=p([d("typo3-backend-live-search-result-item-detail-container")],o);export{o as ResultDetailContainer,b as componentName};
diff --git a/Resources/Public/JavaScript/live-search/element/result/result-pagination.js b/Resources/Public/JavaScript/live-search/element/result/result-pagination.js
new file mode 100644
index 0000000..1094e71
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/element/result/result-pagination.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as h,customElement as u}from"lit/decorators.js";import{LitElement as P,nothing as i,html as t}from"lit";import"@typo3/backend/element/icon-element.js";var n=function(s,e,l,r){var g=arguments.length,a=g<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,l):r,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(s,e,l,r);else for(var d=s.length-1;d>=0;d--)(c=s[d])&&(a=(g<3?c(a):g>3?c(e,l,a):c(e,l))||a);return g>3&&a&&Object.defineProperty(e,l,a),a};let p=class extends P{constructor(){super(...arguments),this.pagination=null,this.loading=!1}createRenderRoot(){return this}render(){return this.loading||this.pagination===null||this.pagination.allPageNumbers.length<=1?i:t`<nav><ul class=pagination><li class=page-item><typo3-backend-live-search-result-page class="page-link ${!this.pagination.previousPageNumber||this.pagination.previousPageNumber<this.pagination.firstPage?"disabled":""}" page=${this.pagination.previousPageNumber} perpage=${this.pagination.itemsPerPage}><typo3-backend-icon identifier=actions-view-paging-previous size=small></typo3-backend-icon></typo3-backend-live-search-result-page></li>${this.pagination.allPageNumbers.includes(this.pagination.firstPage)?i:t`<li class=page-item><typo3-backend-live-search-result-page class=page-link page=${this.pagination.firstPage} perpage=${this.pagination.itemsPerPage}>${this.pagination.firstPage}</typo3-backend-live-search-result-page></li>`} ${this.pagination.hasLessPages?t`<li class="page-item disabled"><span class="page-link disabled">&hellip;</span></li>`:i} ${this.pagination.allPageNumbers.map(e=>t`<li class=page-item><typo3-backend-live-search-result-page page=${e} perpage=${this.pagination.itemsPerPage} class="page-link ${this.pagination.currentPage===e?"active":""}">${e}</typo3-backend-live-search-result-page></li>`)} ${this.pagination.hasMorePages?t`<li class=page-item><span class="page-link disabled">&hellip;</span></li>`:i} ${this.pagination.allPageNumbers.includes(this.pagination.lastPage)?i:t`<li class=page-item><typo3-backend-live-search-result-page class=page-link page=${this.pagination.lastPage} perpage=${this.pagination.itemsPerPage}>${this.pagination.lastPage}</typo3-backend-live-search-result-page></li>`}<li class=page-item><typo3-backend-live-search-result-page class="page-link ${!this.pagination.nextPageNumber||this.pagination.nextPageNumber>this.pagination.lastPage?"disabled":""}" page=${this.pagination.nextPageNumber} perpage=${this.pagination.itemsPerPage}><typo3-backend-icon identifier=actions-view-paging-next size=small></typo3-backend-icon></typo3-backend-live-search-result-page></li></ul></nav>`}};n([h({type:Object})],p.prototype,"pagination",void 0),n([h({type:Boolean,attribute:!1})],p.prototype,"loading",void 0),p=n([u("typo3-backend-live-search-result-pagination")],p);let o=class extends P{connectedCallback(){super.connectedCallback(),this.addEventListener("click",this.dispatchPaginationEvent)}disconnectedCallback(){this.removeEventListener("click",this.dispatchPaginationEvent),super.disconnectedCallback()}createRenderRoot(){return this}render(){return i}dispatchPaginationEvent(){this.closest("typo3-backend-live-search").dispatchEvent(new CustomEvent("livesearch:pagination-selected",{detail:{offset:(this.page-1)*this.perPage}}))}};n([h({type:Number})],o.prototype,"page",void 0),n([h({type:Number})],o.prototype,"perPage",void 0),o=n([u("typo3-backend-live-search-result-page")],o);export{p as ResultPagination,o as ResultPaginationPage};
diff --git a/Resources/Public/JavaScript/live-search/element/search-option-item.js b/Resources/Public/JavaScript/live-search/element/search-option-item.js
new file mode 100644
index 0000000..6b526dc
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/element/search-option-item.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as s,customElement as h}from"lit/decorators.js";import{LitElement as d,html as v}from"lit";import m from"@typo3/backend/storage/browser-session.js";var n=function(r,o,i,p){var c=arguments.length,t=c<3?o:p===null?p=Object.getOwnPropertyDescriptor(o,i):p,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,o,i,p);else for(var l=r.length-1;l>=0;l--)(a=r[l])&&(t=(c<3?a(t):c>3?a(o,i,t):a(o,i))||t);return c>3&&t&&Object.defineProperty(o,i,t),t};let e=class extends d{constructor(){super(...arguments),this.active=!1}connectedCallback(){this.parentContainer=this.closest("typo3-backend-live-search"),super.connectedCallback()}createRenderRoot(){return this}render(){return v`<div class=form-check><input type=checkbox class=form-check-input name=${this.optionName}[] value=${this.optionId} id=${this.optionId} ?checked=${this.active} @input=${this.handleInput}> <label class=form-check-label for=${this.optionId}>${this.optionLabel}</label></div>`}getStorageKey(){return`livesearch-option-${this.optionName}-${this.optionId}`}handleInput(){this.active=!this.active,this.parentContainer.dispatchEvent(new CustomEvent("typo3:live-search:option-invoked",{detail:{active:this.active}})),m.set(this.getStorageKey(),this.active?"1":"0")}};n([s({type:Boolean})],e.prototype,"active",void 0),n([s({type:String})],e.prototype,"optionId",void 0),n([s({type:String})],e.prototype,"optionName",void 0),n([s({type:String})],e.prototype,"optionLabel",void 0),e=n([h("typo3-backend-live-search-option-item")],e);export{e as SearchOptionItem};
diff --git a/Resources/Public/JavaScript/live-search/live-search-configurator.js b/Resources/Public/JavaScript/live-search/live-search-configurator.js
new file mode 100644
index 0000000..13bf90d
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/live-search-configurator.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class o{constructor(){this.renderers={},this.invokeHandlers={}}getRenderers(){return this.renderers}addRenderer(r,t,n){this.renderers[r]={module:t,callback:n}}getInvokeHandlers(){return this.invokeHandlers}addInvokeHandler(r,t,n){this.invokeHandlers[r+"_"+t]=n}}let e;top.TYPO3.LiveSearchConfigurator?e=top.TYPO3.LiveSearchConfigurator:(e=new o,top.TYPO3.LiveSearchConfigurator=e);var a=e;export{a as default};
diff --git a/Resources/Public/JavaScript/live-search/live-search-shortcut.js b/Resources/Public/JavaScript/live-search/live-search-shortcut.js
new file mode 100644
index 0000000..12f7233
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/live-search-shortcut.js
@@ -0,0 +1,13 @@
+/*
+ * 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 e from"@typo3/backend/hotkeys.js";import r from"@typo3/core/document-service.js";class o{constructor(){r.ready().then(()=>{e.register([e.normalizedCtrlModifierKey,"k"],t=>{t.preventDefault(),top.document.dispatchEvent(new CustomEvent("typo3:live-search:trigger-open"))},{allowOnEditables:!0})})}}var a=new o;export{a as default};
diff --git a/Resources/Public/JavaScript/live-search/live-search.js b/Resources/Public/JavaScript/live-search/live-search.js
new file mode 100644
index 0000000..2c2f0af
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/live-search.js
@@ -0,0 +1,13 @@
+/*
+ * 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 m,{Sizes as b}from"@typo3/backend/modal.js";import"@typo3/backend/element/icon-element.js";import"@typo3/backend/live-search/element/hint.js";import"@typo3/backend/live-search/element/result/result-pagination.js";import"@typo3/backend/live-search/element/search-option-item.js";import"@typo3/backend/live-search/live-search-shortcut.js";import q from"@typo3/core/document-service.js";import c from"@typo3/core/event/regular-event.js";import w from"@typo3/core/event/debounce-event.js";import{SeverityEnum as E}from"@typo3/backend/enum/severity.js";import R from"@typo3/core/ajax/ajax-request.js";import d from"@typo3/backend/storage/browser-session.js";import{componentName as k}from"@typo3/backend/live-search/element/result/result-container.js";import{ModuleStateStorage as O}from"@typo3/backend/storage/module-state-storage.js";import T from"~labels/core.core";class C{constructor(){this.currentSearchRequest=null,this.search=async t=>{if(t.get("query").toString()==="")this.updateSearchResults();else{const o=document.querySelector(k),l=document.querySelector("typo3-backend-live-search-result-pagination");o.loading=!0,l.loading=!0,this.currentSearchRequest?.abort();try{this.currentSearchRequest=new R(TYPO3.settings.ajaxUrls.livesearch);const r=await(await this.currentSearchRequest.post(t)).raw().json();this.currentSearchRequest=null,this.updateSearchResults(r)}catch(s){if(this.updateSearchResults(null,!0),s instanceof DOMException&&s.name==="AbortError")return;throw s}}},q.ready().then(()=>{this.registerEvents()})}registerEvents(){new c("typo3:live-search:trigger-open",()=>{m.currentModal||this.openSearchModal()}).bindTo(document)}openSearchModal(){const t=new URL(TYPO3.settings.ajaxUrls.livesearch_form,window.location.origin),n=O.current("web");n.identifier&&t.searchParams.set("pageId",n.identifier),t.searchParams.set("query",d.get("livesearch-term")??""),t.searchParams.set("offset",d.get("livesearch-offset")??"0");const o=Object.entries(d.getByPrefix("livesearch-option-")).filter(r=>r[1]==="1").map(r=>{const e=r[0].replace("livesearch-option-",""),[a,p]=e.split("-",2);return{key:a,value:p}}),l=this.composeSearchOptions(o);for(const[r,e]of Object.entries(l))for(const a of e)t.searchParams.append(`${r}[]`,a);const s=m.advanced({type:m.types.ajax,content:t.toString(),title:T.get("labels.search"),severity:E.notice,size:b.large,ajaxCallback:()=>{const r=s.querySelector("typo3-backend-live-search"),e=r.querySelector("form"),a=e.querySelector('input[type="search"]'),p=e.querySelector('input[name="offset"]');new c("livesearch:demand-changed",()=>{p.value="0",e.requestSubmit()}).bindTo(r),new c("livesearch:pagination-selected",h=>{p.value=h.detail.offset.toString(10),e.requestSubmit()}).bindTo(r),new c("submit",h=>{h.preventDefault();const u=new FormData(e);this.search(u).then(()=>{const g=u.get("query").toString(),v=u.get("offset")?.toString();d.set("livesearch-term",g),v&&d.set("livesearch-offset",v)});const i=e.querySelector("[data-active-options-counter]"),S=parseInt(i.dataset.activeOptionsCounter,10);i.querySelector("output").textContent=S.toString(10),i.classList.toggle("hidden",S===0)}).bindTo(e),new c("search",()=>{a.value===""&&e.requestSubmit()}).bindTo(a);const y=document.querySelector("typo3-backend-live-search-result-container");new c("live-search:item-chosen",()=>{m.dismiss()}).bindTo(y),new c("typo3:live-search:option-invoked",h=>{const u=e.querySelector("[data-active-options-counter]");let i=parseInt(u.dataset.activeOptionsCounter,10);i=h.detail.active?i+1:i-1,u.dataset.activeOptionsCounter=i.toString(10),r.dispatchEvent(new CustomEvent("livesearch:demand-changed"))}).bindTo(r),new w("input",()=>{r.dispatchEvent(new CustomEvent("livesearch:demand-changed"))}).bindTo(a),new c("keydown",this.handleKeyDown).bindTo(a),e.requestSubmit()}});["modal-loaded","typo3-modal-shown"].forEach(r=>{s.addEventListener(r,()=>{const e=s.querySelector('input[type="search"]');e!==null&&(e.focus(),e.select())})})}composeSearchOptions(t){const n={};return t.forEach(o=>{n[o.key]===void 0&&(n[o.key]=[]),n[o.key].push(o.value)}),n}handleKeyDown(t){if(t.key!=="ArrowDown")return;t.preventDefault(),document.querySelector("typo3-backend-live-search").querySelector("typo3-backend-live-search-result-item")?.focus()}updateSearchResults(t=null,n=!1){const o=document.querySelector("typo3-backend-live-search-result-container");o.results=t?.results??null,o.loading=!1,o.hasErrors=n;const l=document.querySelector("typo3-backend-live-search-result-pagination");l.pagination=t?.pagination??null,l.loading=!1}}let f;top.TYPO3.LiveSearch?f=top.TYPO3.LiveSearch:(f=new C,top.TYPO3.LiveSearch=f);var j=f;export{j as default};
diff --git a/Resources/Public/JavaScript/live-search/result-types/backend-module-result-type.js b/Resources/Public/JavaScript/live-search/result-types/backend-module-result-type.js
new file mode 100644
index 0000000..8c8f433
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/result-types/backend-module-result-type.js
@@ -0,0 +1,13 @@
+/*
+ * 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 r from"@typo3/backend/live-search/live-search-configurator.js";function d(e){r.addInvokeHandler(e,"open_module",o=>{TYPO3.ModuleMenu.App.showModule(o.extraData.moduleIdentifier)})}export{d as registerType};
diff --git a/Resources/Public/JavaScript/live-search/result-types/default-result-type.js b/Resources/Public/JavaScript/live-search/result-types/default-result-type.js
new file mode 100644
index 0000000..c517423
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/result-types/default-result-type.js
@@ -0,0 +1,13 @@
+/*
+ * 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 a from"@typo3/backend/live-search/live-search-configurator.js";import"@typo3/backend/live-search/element/provider/page-provider-result-item.js";import i from"@typo3/core/ajax/ajax-request.js";import n from"@typo3/backend/notification.js";import s from"@typo3/backend/window-manager.js";function u(t){a.addInvokeHandler(t,"switch_backend_user",o=>{new i(TYPO3.settings.ajaxUrls.switch_user).post({targetUser:o.extraData.uid}).then(async r=>{const e=await r.resolve();e.success===!0&&e.url?top.window.location.href=e.url:n.error("Switching to user went wrong.")})}),a.addInvokeHandler(t,"preview",(o,r)=>{s.localOpen(r.url,!0)})}export{u as registerType};
diff --git a/Resources/Public/JavaScript/live-search/result-types/page-result-type.js b/Resources/Public/JavaScript/live-search/result-types/page-result-type.js
new file mode 100644
index 0000000..adeadbb
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/result-types/page-result-type.js
@@ -0,0 +1,13 @@
+/*
+ * 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 a from"@typo3/backend/live-search/live-search-configurator.js";import{html as i}from"lit";import l from"@typo3/backend/window-manager.js";function n(r){a.addRenderer(r,"@typo3/backend/live-search/element/provider/page-provider-result-item.js",e=>i`<typo3-backend-live-search-result-item-page-provider .icon=${e.icon} .language=${e.language} .itemTitle=${e.itemTitle} .typeLabel=${e.typeLabel} .extraData=${e.extraData}></typo3-backend-live-search-result-item-page-provider>`),a.addInvokeHandler(r,"preview",(e,o)=>{l.localOpen(o.url,!0)})}export{n as registerRenderer};
diff --git a/Resources/Public/JavaScript/live-search/toolbar/live-search-toolbar-item.js b/Resources/Public/JavaScript/live-search/toolbar/live-search-toolbar-item.js
new file mode 100644
index 0000000..2dcf96f
--- /dev/null
+++ b/Resources/Public/JavaScript/live-search/toolbar/live-search-toolbar-item.js
@@ -0,0 +1,13 @@
+/*
+ * 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 e from"@typo3/core/event/regular-event.js";class t{constructor(){new e("click",()=>{document.dispatchEvent(new CustomEvent("typo3:live-search:trigger-open"))}).delegateTo(document,".t3js-topbar-button-search")}}var o=new t;export{o as default};
diff --git a/Resources/Public/JavaScript/localization.js b/Resources/Public/JavaScript/localization.js
new file mode 100644
index 0000000..be23e0c
--- /dev/null
+++ b/Resources/Public/JavaScript/localization.js
@@ -0,0 +1,13 @@
+/*
+ * 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"@typo3/backend/localization/localization-button.js";import"@typo3/backend/localization/localization-wizard.js";
diff --git a/Resources/Public/JavaScript/localization/finisher/localization-submission-service.js b/Resources/Public/JavaScript/localization/finisher/localization-submission-service.js
new file mode 100644
index 0000000..04d2261
--- /dev/null
+++ b/Resources/Public/JavaScript/localization/finisher/localization-submission-service.js
@@ -0,0 +1,13 @@
+/*
+ * 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 e from"@typo3/core/ajax/ajax-request.js";class o{constructor(t){this.context=t}async execute(){return await(await new e(TYPO3.settings.ajaxUrls.wizard_localization_localize).post({recordType:this.context.recordType,recordUid:this.context.recordUid,data:this.context.getDataStore()})).resolve()}}export{o as LocalizationSubmissionService};
diff --git a/Resources/Public/JavaScript/localization/label-provider.js b/Resources/Public/JavaScript/localization/label-provider.js
new file mode 100644
index 0000000..6f93d0c
--- /dev/null
+++ b/Resources/Public/JavaScript/localization/label-provider.js
@@ -0,0 +1,13 @@
+/*
+ * 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{IntlMessageFormat as s}from"intl-messageformat";import{DateTime as l}from"luxon";class f{constructor(t){this.labels=t}get(t,e){const r=this.render(t,e);return Array.isArray(r)?r.join(""):r}render(t,e){if(!(t in this.labels))throw new Error("Label is not defined: "+String(t));const r=this.labels[t];if(e===void 0)return r;if(Array.isArray(e))return this.sprintf(r,e);const i=this.getFormatter(r).formatToParts(e);return i.length===1?i[0].value:i.map(o=>o.value)}sprintf(t,e){let r=0;return t.replace(/%[sdf]/g,i=>{const o=e[r++];switch(i){case"%s":return String(o);case"%d":return String(typeof o=="number"?o:parseInt(String(o),10));case"%f":return String(typeof o=="number"?o:parseFloat(o).toFixed(2));default:return i}})}getFormatter(t){return a("message",d)(t)}}const m=p();function d(n){const t=m?.timezone??void 0,e={short:{timeZone:t,dateStyle:"short"},medium:{timeZone:t,dateStyle:"medium"},long:{timeZone:t,dateStyle:"long"},full:{timeZone:t,dateStyle:"full"}},r={short:{timeZone:t,timeStyle:"short"},medium:{timeZone:t,timeStyle:"medium"},long:{timeZone:t,timeStyle:"long"},full:{timeZone:t,timeStyle:"full"}};return new s(n,y(),{date:e,time:r},{formatters:c})}const c={getNumberFormat:a("number",(n,t)=>new Intl.NumberFormat(n,t)),getDateTimeFormat:a("datetime",(n,t)=>{const{dateStyle:e,timeStyle:r,timeZone:i}=t;return m&&(e==="medium"||r==="medium")?{format:u=>l.fromJSDate(new Date(u),{zone:i}).setLocale(n).toFormat(e==="medium"&&r==="medium"?m.formats.datetime:e==="medium"?m.formats.date:m.formats.time)}:new Intl.DateTimeFormat(n,{dateStyle:e,timeStyle:r,timeZone:i})}),getPluralRules:a("date",(n,t)=>new Intl.PluralRules(n,t))},g={};function a(n,t){return(...e)=>{const r=JSON.stringify({context:n,args:e});return g[r]??=t(...e)}}function p(){try{return(typeof opener?.top?.TYPO3<"u"?opener.top:top).TYPO3.settings.DateConfiguration}catch{return null}}function y(){const n=document.documentElement.lang||"en";return n==="ch"?"zh":n}export{f as LabelProvider};
diff --git a/Resources/Public/JavaScript/localization/localization-button.js b/Resources/Public/JavaScript/localization/localization-button.js
new file mode 100644
index 0000000..0da0559
--- /dev/null
+++ b/Resources/Public/JavaScript/localization/localization-button.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as m}from"lit";import{PseudoButtonLitElement as f}from"@typo3/backend/element/pseudo-button.js";import{property as p,customElement as y}from"lit/decorators.js";import{SeverityEnum as b}from"@typo3/backend/enum/severity.js";import u from"@typo3/backend/modal.js";import s from"~labels/backend.wizards.localization";var l=function(i,t,r,a){var n=arguments.length,e=n<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,r):a,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(i,t,r,a);else for(var d=i.length-1;d>=0;d--)(c=i[d])&&(e=(n<3?c(e):n>3?c(t,r,e):c(t,r))||e);return n>3&&e&&Object.defineProperty(t,r,e),e};let o=class extends f{buttonActivated(){const t=m`<typo3-backend-localization-wizard record-type=${this.recordType} record-uid=${this.recordUid} target-language=${this.targetLanguage}></typo3-backend-localization-wizard>`;u.advanced({title:s.get("localization_wizard.modal.title"),content:t,severity:b.notice,size:u.sizes.medium,staticBackdrop:!0,buttons:[]})}};l([p({type:String,attribute:"record-type"})],o.prototype,"recordType",void 0),l([p({type:Number,attribute:"record-uid"})],o.prototype,"recordUid",void 0),l([p({type:Number,attribute:"target-language"})],o.prototype,"targetLanguage",void 0),o=l([y("typo3-backend-localization-button")],o);export{o as LocalizationButton};
diff --git a/Resources/Public/JavaScript/localization/localization-wizard.js b/Resources/Public/JavaScript/localization/localization-wizard.js
new file mode 100644
index 0000000..c71df89
--- /dev/null
+++ b/Resources/Public/JavaScript/localization/localization-wizard.js
@@ -0,0 +1,13 @@
+/*
+ * 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"@typo3/backend/wizard/wizard.js";import{property as p,query as y,state as l,customElement as w}from"lit/decorators.js";import{TargetLanguageStep as b}from"@typo3/backend/localization/steps/target-language-step.js";import{SourceLanguageStep as z}from"@typo3/backend/localization/steps/source-language-step.js";import{ContentRecordSelectionStep as S}from"@typo3/backend/localization/steps/content-record-selection-step.js";import{ModeStep as g}from"@typo3/backend/localization/steps/mode-step.js";import{HandlerSelectionStep as v}from"@typo3/backend/localization/steps/handler-selection-step.js";import{Task as T}from"@lit/task";import k from"@typo3/core/ajax/ajax-request.js";import m from"@typo3/backend/modal.js";import{LitElement as L,html as u}from"lit";import{AutoAdvanceEvent as D}from"@typo3/backend/wizard/events/auto-advance-event.js";import{StepSummaryEvent as h}from"@typo3/backend/wizard/events/step-summary-event.js";import{LocalizationSubmissionService as $}from"@typo3/backend/localization/finisher/localization-submission-service.js";import f from"~labels/backend.wizards.localization";var n=function(s,t,e,o){var i=arguments.length,a=i<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,e):o,d;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(s,t,e,o);else for(var c=s.length-1;c>=0;c--)(d=s[c])&&(a=(i<3?d(a):i>3?d(t,e,a):d(t,e))||a);return i>3&&a&&Object.defineProperty(t,e,a),a};let r=class extends L{constructor(){super(...arguments),this.steps=[],this.recordInfoTask=new T(this,{task:async([t,e])=>{try{const i=await(await new k(TYPO3.settings.ajaxUrls.wizard_localization_get_record).withQueryArguments({recordType:t,recordUid:e}).get()).resolve();return this.closest("typo3-backend-modal")!==null&&m.currentModal&&(m.currentModal.modalTitle=`${f.get("localization_wizard.modal.title.record_prefix")} ${i.typeName}, ${i.title}`),i}catch(o){throw console.warn("Failed to fetch record info:",o),o}},args:()=>[this.recordType,this.recordUid]})}connectedCallback(){super.connectedCallback(),this.addEventListener(h.eventName,this.handleStepSummary)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener(h.eventName,this.handleStepSummary)}firstUpdated(t){super.firstUpdated(t);const e={wizard:this.wizard,recordType:this.recordType,recordUid:this.recordUid,recordInfo:this.recordInfoTask.value,targetLanguage:this.targetLanguage,getStoreData:this.wizard.getStoreData.bind(this.wizard),setStoreData:this.wizard.setStoreData.bind(this.wizard),clearStoreData:this.wizard.clearStoreData.bind(this.wizard),getDataStore:this.wizard.getDataStore.bind(this.wizard),dispatchAutoAdvance:()=>this.wizard.dispatchEvent(new D)};this.submissionService=new $(e),this.steps=[new b(e),new z(e),...this.recordType==="pages"?[new S(e)]:[],new g(e),new v(e)]}createRenderRoot(){return this}render(){return u`<typo3-backend-wizard .steps=${this.steps} .submissionService=${this.submissionService} confirm-button-label=${f.get("localization_wizard.buttons.localize")}></typo3-backend-wizard>`}handleStepSummary(t){const e=this.recordInfoTask.value;t.detail.summaryData=[{label:e.typeName,value:u`<typo3-backend-icon identifier=${e.icon} size=small class=me-1></typo3-backend-icon>${e.title} <code>[${e.type}:${e.uid}]</code>`},...t.detail.summaryData]}};n([p({type:String,attribute:"record-type"})],r.prototype,"recordType",void 0),n([p({type:Number,attribute:"record-uid"})],r.prototype,"recordUid",void 0),n([p({type:Number,attribute:"target-language"})],r.prototype,"targetLanguage",void 0),n([y("typo3-backend-wizard")],r.prototype,"wizard",void 0),n([l()],r.prototype,"steps",void 0),n([l()],r.prototype,"submissionService",void 0),r=n([w("typo3-backend-localization-wizard")],r);export{r as LocalizationWizard};
diff --git a/Resources/Public/JavaScript/localization/steps/content-record-selection-step.js b/Resources/Public/JavaScript/localization/steps/content-record-selection-step.js
new file mode 100644
index 0000000..6dc3544
--- /dev/null
+++ b/Resources/Public/JavaScript/localization/steps/content-record-selection-step.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as l,nothing as p}from"lit";import{live as d}from"lit/directives/live.js";import{styleMap as f}from"lit/directives/style-map.js";import{repeat as u}from"lit/directives/repeat.js";import{Task as m,TaskStatus as h}from"@lit/task";import y from"@typo3/core/ajax/ajax-request.js";import"@typo3/backend/element/alert-element.js";import"@typo3/backend/element/icon-element.js";import"@typo3/backend/element/spinner-element.js";import n from"~labels/backend.wizards.localization";class g{constructor(e){this.context=e,this.key="contentRecordSelection",this.title=n.get("step.content_selection.title"),this.autoAdvance=!0,this.lastTargetLanguage=null,this.lastSourceLanguage=null,this.hasDispatchedAutoAdvance=!1,this.hasUserInteracted=!1,this.selectedRecordUids=[],this.task=new m(this.context.wizard,{task:async([t,i,s])=>await(await new y(TYPO3.settings.ajaxUrls.wizard_localization_get_content).withQueryArguments({pageUid:t,targetLanguage:i,sourceLanguage:s}).get()).resolve(),args:()=>[this.context.recordUid,this.context.getStoreData("targetLanguage"),this.context.getStoreData("sourceLanguage")],autoRun:!1})}isComplete(){return!0}render(){const e=this.context.getStoreData("targetLanguage"),t=this.context.getStoreData("sourceLanguage");return(this.lastTargetLanguage!==e||this.lastSourceLanguage!==t||this.task.status===h.INITIAL)&&(this.lastTargetLanguage=e,this.lastSourceLanguage=t,this.hasDispatchedAutoAdvance=!1,this.hasUserInteracted=!1,this.task.run()),this.task.render({complete:s=>{if(this.getValue().length===0&&!this.hasUserInteracted){const o=this.context.getStoreData("selectedRecordUids");o&&o.length>0&&this.setValue(o)}if(s.layout.elementCount===0&&!this.hasDispatchedAutoAdvance)return this.hasDispatchedAutoAdvance=!0,this.context.dispatchAutoAdvance(),this.context.wizard.renderLoader();const a=this.getAllRecordUids(s.layout);this.getValue().length===0&&a.length>0&&!this.hasUserInteracted&&this.setValue(a);const c=a.length>0&&a.every(o=>this.getValue().includes(o));return l`<div class=localization-record-selection><div class="d-flex justify-content-between align-items-center mb-3"><div><h2 class=h4>${n.get("step.content_selection.headline")}</h2><p class=mb-0>${n.get("step.content_selection.description")}</p></div>${a.length>0?l`<button type=button id=selectionToggle class="btn btn-primary" @click=${()=>this.handleSelectionToggle()}>${c?n.get("step.content_selection.button.deselect_all"):n.get("step.content_selection.button.select_all")}</button>`:p}</div>${a.length===0?l`<typo3-backend-alert severity=3 message=${n.get("step.content_selection.no_content.message")} show-icon></typo3-backend-alert>`:l`<div class=record-selection-content>${this.renderLayout(s.layout)}</div>`}</div>`},error:s=>this.context.wizard.renderError(n.get("step.content_selection.error.message"),s),pending:()=>this.context.wizard.renderLoader()})}reset(){this.setValue([]),this.context.clearStoreData("selectedRecordUids"),this.hasUserInteracted=!1}getValue(){return this.selectedRecordUids}setValue(e){this.selectedRecordUids=e,this.context.setStoreData("selectedRecordUids",e)}beforeAdvance(){this.context.setStoreData("selectedRecordUids",this.getValue())}getSelectedRecordsWithDetails(){const e=this.getValue(),t=[];return this.task.value&&this.task.value.layout.rows.forEach(i=>{i.columns.forEach(s=>{s.records.forEach(a=>{e.includes(a.uid)&&t.push(a)})})}),t}getSummaryData(){const e=this.getSelectedRecordsWithDetails();return e.length===0?[]:[{label:n.get("step.content_selection.summary.title"),value:l`<ul class=list-group>${e.map(i=>l`<li class=list-group-item><span title="id=${i.uid}"> <typo3-backend-icon identifier=${i.icon} size=small class=me-1></typo3-backend-icon> </span>${i.title}</li>`)}</ul>`}]}renderLayout(e){let t=1;return l`<div class=pagelayout>${e.rows.map(i=>{const s=this.renderRow(i,t);return t+=1,s})}</div>`}renderRow(e,t){let i=1;return l`${u(e.columns,s=>s.position,s=>{const a=this.renderColumn(s,t,i);return i+=s.colspan||1,a})}`}renderColumn(e,t,i){const s=e.records.filter(r=>this.getValue().includes(r.uid)),a=s.length===e.records.length,c=s.length>0&&s.length<e.records.length,o=f({"--pagelayout-cell-col":i,"--pagelayout-cell-colspan":e.colspan||1,"--pagelayout-cell-row":t,"--pagelayout-cell-rowspan":e.rowspan||1});return l`<div class=pagelayout-cell style=${o}><div class=pagelayout-cell-header>${e.records.length>0?l`<div class="form-check form-check-type-toggle"><input class=form-check-input type=checkbox id=records-column-${e.position} .checked=${d(a)} .indeterminate=${c} @change=${r=>this.handleColumnToggle(r,e)}> <label class=form-check-label for=records-column-${e.position}>${e.label}</label></div>`:l`<div class="form-check form-check-type-toggle"><div class=form-check-text>${e.label}</div></div>`}</div><div class=pagelayout-cell-content>${u(e.records,r=>r.uid,r=>this.renderRecord(r))}</div></div>`}renderRecord(e){return l`<div class="form-check form-check-type-toggle"><input type=checkbox class=form-check-input id=record-uid-${e.uid} .checked=${d(this.getValue().includes(e.uid))} @change=${t=>this.handleRecordToggle(t,e)}> <label class=form-check-label for=record-uid-${e.uid}><span title="id=${e.uid}"> <typo3-backend-icon identifier=${e.icon} size=small></typo3-backend-icon> </span>${e.title}</label></div>`}handleColumnToggle(e,t){const i=e.currentTarget,s=t.records.map(a=>a.uid);if(i.checked){const a=s.filter(c=>!this.getValue().includes(c));this.setValue([...this.getValue(),...a])}else this.setValue(this.getValue().filter(a=>!s.includes(a)));this.hasUserInteracted=!0}handleRecordToggle(e,t){e.currentTarget.checked?this.getValue().includes(t.uid)||this.setValue([...this.getValue(),t.uid]):this.setValue(this.getValue().filter(s=>s!==t.uid)),this.hasUserInteracted=!0}getAllRecordUids(e){const t=[];return e.rows.forEach(i=>{i.columns.forEach(s=>{s.records.forEach(a=>{t.push(a.uid)})})}),t}handleSelectionToggle(){if(!this.task||this.task.status!==h.COMPLETE||!this.task.value)return;this.hasUserInteracted=!0;const e=this.getAllRecordUids(this.task.value.layout),t=this.getValue().length===0;this.setValue(t?e:[])}}export{g as ContentRecordSelectionStep,g as default};
diff --git a/Resources/Public/JavaScript/localization/steps/handler-selection-step.js b/Resources/Public/JavaScript/localization/steps/handler-selection-step.js
new file mode 100644
index 0000000..2ad69de
--- /dev/null
+++ b/Resources/Public/JavaScript/localization/steps/handler-selection-step.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as r}from"lit";import{live as c}from"lit/directives/live.js";import{Task as d,TaskStatus as h}from"@lit/task";import u from"@typo3/core/ajax/ajax-request.js";import i from"~labels/backend.wizards.localization";class p{constructor(e){this.context=e,this.key="handler",this.title=i.get("step.handler_selection.title"),this.autoAdvance=!0,this.hasDispatchedAutoAdvance=!1,this.selectedHandler=null,this.task=new d(this.context.wizard,{task:async([t,a,n,s,l])=>{if(n==null||s==null||l==null)return[];try{return await(await new u(TYPO3.settings.ajaxUrls.wizard_localization_get_handlers).withQueryArguments({recordType:t,recordUid:a,sourceLanguage:n,targetLanguage:s,mode:l}).get()).resolve()}catch(o){return console.warn("Failed to fetch handlers:",o),[]}},args:()=>[this.context.recordType,this.context.recordUid,this.context.getStoreData("sourceLanguage"),this.context.getStoreData("targetLanguage"),this.context.getStoreData("localizationMode")],autoRun:!1})}isComplete(){return this.getValue()!==null}render(){return this.task.status===h.INITIAL&&this.task.run(),this.task.render({complete:e=>{if(this.getValue()==null){const a=this.context.getStoreData("localizationHandler");a!=null&&this.setValue(a)}let t=!1;return this.getValue()==null&&e.length>0&&(this.setValue(e[0].identifier),e.length===1&&(t=!0)),t&&!this.hasDispatchedAutoAdvance?(this.hasDispatchedAutoAdvance=!0,this.context.dispatchAutoAdvance(),this.context.wizard.renderLoader()):e.length===0?r`<div class="alert alert-warning"><p>${i.get("step.handler_selection.no_handlers")}</p></div>`:r`<div class=localization-handler-selection><h2 class=h4>${i.get("step.handler_selection.headline")}</h2><p>${i.get("step.handler_selection.description")}</p><div class=form-check-card-container>${e.map(a=>this.renderHandlerOption(a))}</div></div>`},error:e=>this.context.wizard.renderError(i.get("step.handler_selection.error"),e),pending:()=>this.context.wizard.renderLoader()})}reset(){this.setValue(null),this.context.clearStoreData("localizationHandler")}getValue(){return this.selectedHandler}setValue(e){this.selectedHandler=e}beforeAdvance(){this.context.setStoreData("localizationHandler",this.getValue())}getSummaryData(){const e=this.context.getStoreData("localizationHandler");if(e==null||!this.task.value)return[];const t=this.task.value.find(a=>a.identifier===e);return t?[{label:i.get("step.handler_selection.summary_label"),value:r`<typo3-backend-icon identifier=${t.iconIdentifier} size=small class=me-1></typo3-backend-icon>${t.label}`}]:[]}renderHandlerOption(e){const t=this.getValue()===e.identifier;return r`<div class="form-check form-check-type-card"><input class=form-check-input type=radio name=localization-handler id=handler-${e.identifier} value=${e.identifier} .checked=${c(t)} @change=${()=>this.setValue(e.identifier)}> <label class=form-check-label for=handler-${e.identifier}><span class=form-check-label-header> <typo3-backend-icon identifier=${e.iconIdentifier} size=small></typo3-backend-icon> ${e.label} </span> <span class=form-check-label-body>${e.description} </span></label></div>`}}export{p as HandlerSelectionStep};
diff --git a/Resources/Public/JavaScript/localization/steps/mode-step.js b/Resources/Public/JavaScript/localization/steps/mode-step.js
new file mode 100644
index 0000000..a537916
--- /dev/null
+++ b/Resources/Public/JavaScript/localization/steps/mode-step.js
@@ -0,0 +1,13 @@
+/*
+ * 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{nothing as c,html as o}from"lit";import{live as d}from"lit/directives/live.js";import{unsafeHTML as h}from"lit/directives/unsafe-html.js";import{Task as u,TaskStatus as p}from"@lit/task";import m from"@typo3/core/ajax/ajax-request.js";import i from"~labels/backend.wizards.localization";class l{constructor(e){this.context=e,this.key="mode",this.title=i.get("step.modes.title"),this.autoAdvance=!0,this.hasDispatchedAutoAdvance=!1,this.selectedMode=null,this.task=new u(this.context.wizard,{task:async([a,s,t,r])=>{if(t==null||r==null)return[];try{return await(await new m(TYPO3.settings.ajaxUrls.wizard_localization_get_modes).withQueryArguments({recordType:a,recordUid:s,targetLanguage:t,sourceLanguage:r}).get()).resolve()}catch(n){return console.warn("Failed to fetch localization modes:",n),[]}},args:()=>[this.context.recordType,this.context.recordUid,this.context.getStoreData("targetLanguage"),this.context.getStoreData("sourceLanguage")],autoRun:!1})}isComplete(){return this.getValue()!==null}render(){return this.task.status===p.INITIAL&&this.task.run(),this.task.render({complete:e=>{if(this.getValue()==null){const t=this.context.getStoreData("localizationMode");t!=null&&this.setValue(t)}let a=!1;if(this.getValue()==null&&e.length>0&&(this.setValue(e[0].key),e.length===1&&(a=!0)),a&&!this.hasDispatchedAutoAdvance)return this.hasDispatchedAutoAdvance=!0,this.context.dispatchAutoAdvance(),this.context.wizard.renderLoader();let s=c;return e.length===0?s=o`<div class=text-center><p>${i.get("step.modes.none_available")}</p></div>`:s=o`<p>${i.get("step.modes.description")}</p><div class=form-check-card-container>${e.map(t=>o`<div class="form-check form-check-type-card"><input class=form-check-input type=radio name=localizationMode id=mode-${t.key} value=${t.key} .checked=${d(this.getValue()===t.key)} @change=${()=>this.setValue(t.key)}> <label class=form-check-label for=mode-${t.key}><span class=form-check-label-header> <typo3-backend-icon identifier=${t.iconIdentifier} size=medium></typo3-backend-icon> ${t.label} </span> <span class=form-check-label-body>${h(t.description)} </span></label></div>`)}</div>`,o`<div class=localization-mode-selection><h2 class=h4>${i.get("step.modes.headline")}</h2>${s}</div>`},error:e=>this.context.wizard.renderError(i.get("step.modes.error.message"),e),pending:()=>this.context.wizard.renderLoader()})}reset(){this.setValue(null),this.context.clearStoreData("localizationMode")}getValue(){return this.selectedMode}setValue(e){this.selectedMode=e}beforeAdvance(){this.context.setStoreData("localizationMode",this.getValue())}getSummaryData(){const e=this.context.getStoreData("localizationMode");if(!e||!this.task.value)return[];const a=this.task.value.find(s=>s.key===e);return a?[{label:i.get("step.modes.summary.title"),value:o`<typo3-backend-icon identifier=${a.iconIdentifier} size=small class=me-1></typo3-backend-icon>${a.label}`}]:[]}}export{l as ModeStep,l as default};
diff --git a/Resources/Public/JavaScript/localization/steps/source-language-step.js b/Resources/Public/JavaScript/localization/steps/source-language-step.js
new file mode 100644
index 0000000..d26638b
--- /dev/null
+++ b/Resources/Public/JavaScript/localization/steps/source-language-step.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as i}from"lit";import{live as o}from"lit/directives/live.js";import{Task as l,TaskStatus as u}from"@lit/task";import d from"@typo3/core/ajax/ajax-request.js";import s from"~labels/backend.wizards.localization";class c{constructor(t){this.context=t,this.key="sourceLanguage",this.title=s.get("step.source_language.title"),this.autoAdvance=!0,this.hasDispatchedAutoAdvance=!1,this.selectedLanguage=null,this.task=new l(this.context.wizard,{task:async([a,e,r])=>{if(r==null)return[];try{return await(await new d(TYPO3.settings.ajaxUrls.wizard_localization_get_sources).withQueryArguments({recordType:a,recordUid:e,targetLanguage:r}).get()).resolve()}catch(n){return console.warn("Failed to fetch source languages:",n),[]}},args:()=>[this.context.recordType,this.context.recordUid,this.context.getStoreData("targetLanguage")],autoRun:!1})}isComplete(){return this.getValue()!=null}render(){return this.task.status===u.INITIAL&&this.task.run(),this.task.render({complete:t=>{if(this.getValue()==null){const e=this.context.getStoreData("sourceLanguage");e!=null&&this.setValue(e)}let a=!1;if(this.getValue()==null&&t.length>0){const e=t.find(r=>r.uid===0)||t[0];this.setValue(e.uid),t.length===1&&(a=!0)}return a&&!this.hasDispatchedAutoAdvance?(this.hasDispatchedAutoAdvance=!0,this.context.dispatchAutoAdvance(),this.context.wizard.renderLoader()):t.length===0?i`<div class=localization-language-selection><h2 class=h4>${s.get("step.source_language.headline")}</h2><div class=text-center><p>${s.get("step.source_language.none_available")}</p></div></div>`:i`<div class=localization-language-selection><h2 class=h4>${s.get("step.source_language.headline")}</h2><p>${s.get("step.source_language.description")}</p><div class=form-check-card-container>${t.map(e=>i`<div class="form-check form-check-type-card"><input class=form-check-input type=radio name=sourceLanguage id=source-lang-${e.uid} value=${e.uid} .checked=${o(this.getValue()===e.uid)} @change=${()=>this.setValue(e.uid)}> <label class=form-check-label for=source-lang-${e.uid}><span class="form-check-label-header form-check-label-header-inherit"> <typo3-backend-icon identifier=${e.flagIcon} size=small></typo3-backend-icon> ${e.title} </span></label></div>`)}</div></div>`},error:t=>this.context.wizard.renderError(s.get("step.source_language.error.message"),t),pending:()=>this.context.wizard.renderLoader()})}reset(){this.setValue(null),this.context.clearStoreData("sourceLanguage")}getValue(){return this.selectedLanguage}setValue(t){this.selectedLanguage=t}beforeAdvance(){this.context.setStoreData("sourceLanguage",this.getValue())}getSummaryData(){const t=this.context.getStoreData("sourceLanguage");if(t==null||!this.task.value)return[];const a=this.task.value.find(e=>e.uid===t);return a?[{label:s.get("step.source_language.summary.title"),value:i`<typo3-backend-icon identifier=${a.flagIcon} size=small class=me-1></typo3-backend-icon>${a.title}`}]:[]}}export{c as SourceLanguageStep,c as default};
diff --git a/Resources/Public/JavaScript/localization/steps/target-language-step.js b/Resources/Public/JavaScript/localization/steps/target-language-step.js
new file mode 100644
index 0000000..b09aa8a
--- /dev/null
+++ b/Resources/Public/JavaScript/localization/steps/target-language-step.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as s}from"lit";import{live as g}from"lit/directives/live.js";import{Task as u,TaskStatus as d}from"@lit/task";import h from"@typo3/core/ajax/ajax-request.js";import"@typo3/backend/localization/localization-wizard.js";import r from"~labels/backend.wizards.localization";class c{constructor(t){this.context=t,this.key="targetLanguage",this.title=r.get("step.target_language.title"),this.autoAdvance=!0,this.hasDispatchedAutoAdvance=!1,this.selectedLanguage=null,this.task=new u(this.context.wizard,{task:async([a,e])=>{try{let i=await(await new h(TYPO3.settings.ajaxUrls.wizard_localization_get_targets).withQueryArguments({recordType:a,recordUid:e}).get()).resolve();const l=this.context.targetLanguage;return l!=null&&(i=i.filter(o=>o.uid===l)),i}catch(n){return console.warn("Failed to fetch target languages:",n),[]}},args:()=>[this.context.recordType,this.context.recordUid],autoRun:!1})}isComplete(){return this.getValue()!=null}render(){return this.task.status===d.INITIAL&&this.task.run(),this.task.render({complete:t=>{if(this.getValue()==null){const e=this.context.getStoreData("targetLanguage");e!=null&&this.setValue(e)}let a=!1;if(this.getValue()==null){const e=this.context.targetLanguage;if(e!=null?(this.setValue(e),a=!0):t.length>0&&(this.setValue(t[0].uid),t.length===1&&(a=!0)),a&&!this.hasDispatchedAutoAdvance)return this.hasDispatchedAutoAdvance=!0,this.context.dispatchAutoAdvance(),this.context.wizard.renderLoader()}return t.length===0?s`<div class=localization-language-selection><h2 class=h4>${r.get("step.target_language.headline")}</h2><div class=text-center><p>${r.get("step.target_language.none_available")}</p></div></div>`:s`<div class=localization-language-selection><h2 class=h4>${r.get("step.target_language.headline")}</h2><p>${r.get("step.target_language.description")}</p><div class=form-check-card-container>${t.map(e=>s`<div class="form-check form-check-type-card"><input class=form-check-input type=radio name=targetLanguage id=target-lang-${e.uid} value=${e.uid} .checked=${g(this.getValue()===e.uid)} @change=${()=>this.setValue(e.uid)}> <label class=form-check-label for=target-lang-${e.uid}><span class="form-check-label-header form-check-label-header-inherit"> <typo3-backend-icon identifier=${e.flagIcon} size=small></typo3-backend-icon> ${e.title} </span></label></div>`)}</div></div>`},error:t=>this.context.wizard.renderError(r.get("step.target_language.error.message"),t),pending:()=>this.context.wizard.renderLoader()})}reset(){this.setValue(null),this.context.clearStoreData("targetLanguage")}getValue(){return this.selectedLanguage}setValue(t){this.selectedLanguage=t}beforeAdvance(){this.context.setStoreData("targetLanguage",this.getValue())}getSummaryData(){const t=this.context.getStoreData("targetLanguage");if(t==null||!this.task.value)return[];const a=this.task.value.find(e=>e.uid===t);return a?[{label:r.get("step.target_language.summary.title"),value:s`<typo3-backend-icon identifier=${a.flagIcon} size=small class=me-1></typo3-backend-icon>${a.title}`}]:[]}}export{c as TargetLanguageStep,c as default};
diff --git a/Resources/Public/JavaScript/login-refresh.js b/Resources/Public/JavaScript/login-refresh.js
new file mode 100644
index 0000000..bfe38b2
--- /dev/null
+++ b/Resources/Public/JavaScript/login-refresh.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as u,LitElement as y}from"lit";import{state as M,customElement as F}from"lit/decorators.js";import m,{Sizes as f,Styles as p}from"@typo3/backend/modal.js";import{SeverityEnum as v}from"@typo3/backend/enum/severity.js";import c from"@typo3/core/ajax/ajax-request.js";import b from"@typo3/backend/notification.js";import"@typo3/backend/element/progress-bar-element.js";import o from"~labels/core.core";var L=function(r,e,t,n){var i=arguments.length,s=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,t):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")s=Reflect.decorate(r,e,t,n);else for(var l=r.length-1;l>=0;l--)(a=r[l])&&(s=(i<3?a(s):i>3?a(e,t,s):a(e,t))||s);return i>3&&s&&Object.defineProperty(e,t,s),s},h;(function(r){r.loginrefresh="t3js-modal-loginrefresh",r.lockedModal="t3js-modal-backendlocked",r.loginFormModal="t3js-modal-backendloginform"})(h||(h={}));class P{constructor(){this.intervalTime=60,this.intervalId=null,this.backendIsLocked=!1,this.timeoutModal=null,this.backendLockedModal=null,this.loginForm=null,this.requestTokenUrl="",this.loginFramesetUrl="",this.logoutUrl="",this.submitForm=async(e,t)=>{e.preventDefault();const i=await(await new c(this.requestTokenUrl).post({})).resolve("application/json");if(!i.headerName||!i.requestToken)return;const s=t.querySelector("input[name=p_field]"),a=t.querySelector("input[name=userident]"),l=s.value;if(l===""&&a.value===""){b.error(o.get("mess.refresh_login_failed"),o.get("mess.refresh_login_emptyPassword")),s.focus();return}l&&(a.value=l,s.value="");const k={login_status:"login"};for(const[_,T]of new FormData(t))k[_]=T.toString();const w=new Headers;w.set(i.headerName,i.requestToken),(await(await new c(t.getAttribute("action")).post(k,{headers:w})).resolve()).login.success?this.hideLoginForm():(b.error(o.get("mess.refresh_login_failed"),o.get("mess.refresh_login_failed_message")),s.focus())},this.checkActiveSession=async()=>{try{const t=await(await new c(TYPO3.settings.ajaxUrls.login_timedout).get()).resolve();t.login.locked?this.backendIsLocked||(this.backendIsLocked=!0,this.showBackendLockedModal()):this.backendIsLocked&&(this.backendIsLocked=!1,this.hideBackendLockedModal()),this.backendIsLocked||(t.login.timed_out||t.login.will_time_out)&&(t.login.timed_out?this.showLoginForm():this.showTimeoutModal())}catch{this.backendIsLocked=!0,this.showBackendLockedModal()}}}initialize(e){typeof e=="object"&&this.applyOptions(e),this.startTask()}startTask(){if(this.intervalId!==null)return;const e=this.intervalTime*1e3;this.intervalId=setInterval(this.checkActiveSession,e)}stopTask(){clearInterval(this.intervalId),this.intervalId=null}setIntervalTime(e){this.intervalTime=Math.min(e,86400)}setLogoutUrl(e){this.logoutUrl=e}setLoginFramesetUrl(e){this.loginFramesetUrl=e}showTimeoutModal(){this.timeoutModal=this.createTimeoutModal(),this.timeoutModal.addEventListener("typo3-modal-hidden",()=>this.timeoutModal=null),this.timeoutModal.addEventListener("show-login-form",()=>{this.timeoutModal.hideModal(),this.showLoginForm()})}hideTimeoutModal(){this.timeoutModal?.hideModal()}showBackendLockedModal(){this.backendLockedModal||(this.backendLockedModal=this.createBackendLockedModal(),this.backendLockedModal.addEventListener("typo3-modal-hidden",()=>this.backendLockedModal=null))}hideBackendLockedModal(){this.backendLockedModal?.hideModal()}showLoginForm(){this.loginForm||new c(TYPO3.settings.ajaxUrls.logout).get().then(()=>{TYPO3.configuration.showRefreshLoginPopup?this.showLoginPopup():(this.loginForm=this.createLoginFormModal(),this.loginForm.addEventListener("typo3-modal-hidden",()=>this.loginForm=null))})}showLoginPopup(){const e=window.open(this.loginFramesetUrl,"relogin_"+Math.random().toString(16).slice(2),"height=450,width=700,status=0,menubar=0,location=1");e&&e.focus()}hideLoginForm(){this.loginForm?.hideModal()}createBackendLockedModal(){return m.advanced({additionalCssClasses:[h.lockedModal],title:o.get("mess.please_wait"),severity:v.notice,style:p.light,size:f.small,staticBackdrop:!0,hideCloseButton:!0,content:u`<p>${o.get("mess.be_locked")}</p>`})}createTimeoutModal(){const e=m.advanced({additionalCssClasses:[h.loginrefresh],title:o.get("mess.login_about_to_expire_title"),severity:v.notice,style:p.light,size:f.small,staticBackdrop:!0,hideCloseButton:!0,buttons:[{text:o.get("mess.refresh_login_logout_button"),active:!1,btnClass:"btn-default",name:"logout",trigger:()=>top.location.href=this.logoutUrl},{text:o.get("mess.refresh_login_refresh_button"),active:!0,btnClass:"btn-primary",name:"refreshSession",trigger:async(t,n)=>{const s=await(await new c(TYPO3.settings.ajaxUrls.login_refresh).get()).resolve();n.hideModal(),s.refresh.success||n.dispatchEvent(new Event("show-login-form"))}}],content:u`<p>${o.get("mess.login_about_to_expire")}</p><typo3-login-refresh-progress-bar @progress-bar-overdue=${()=>e.dispatchEvent(new Event("show-login-form"))}></typo3-login-refresh-progress-bar>`});return e.addEventListener("typo3-modal-hidden",()=>{this.startTask()}),e.addEventListener("typo3-modal-shown",()=>{this.stopTask()}),e}createLoginFormModal(){const e=o.get("mess.refresh_login_title",[TYPO3.configuration.username]),t=m.advanced({additionalCssClasses:[h.loginFormModal],title:e,severity:v.notice,style:p.light,size:f.small,staticBackdrop:!0,hideCloseButton:!0,buttons:[{text:o.get("mess.refresh_exit_button"),active:!1,btnClass:"btn-default",name:"logout",trigger:()=>top.location.href=this.logoutUrl},{text:o.get("mess.refresh_login_button"),active:!1,btnClass:"btn-primary",name:"refreshSession",trigger:async(n,i)=>{i.querySelector("form").requestSubmit();const a=await(await new c(TYPO3.settings.ajaxUrls.login_refresh).get()).resolve();i.hideModal(),a.refresh.success||i.dispatchEvent(new Event("show-login-form"))}}],content:u`<p>${o.get("mess.login_expired")}</p><form id=beLoginRefresh method=POST action=${TYPO3.settings.ajaxUrls.login} @submit=${n=>this.submitForm(n,n.currentTarget)}><div><input type=text name=username class=d-none autocomplete=username .value=${TYPO3.configuration.username}> <input type=hidden name=userident id=t3-loginrefresh-userident></div><div class=form-group><input type=password name=p_field autofocus class=form-control autocomplete=current-password placeholder=${o.get("mess.refresh_login_password")}></div></form>`});return t.addEventListener("typo3-modal-hidden",()=>{this.startTask()}),t.addEventListener("typo3-modal-shown",()=>{this.stopTask()}),t}applyOptions(e){e.intervalTime!==void 0&&this.setIntervalTime(e.intervalTime),e.loginFramesetUrl!==void 0&&this.setLoginFramesetUrl(e.loginFramesetUrl),e.logoutUrl!==void 0&&this.setLogoutUrl(e.logoutUrl),e.requestTokenUrl!==void 0&&(this.requestTokenUrl=e.requestTokenUrl)}}let g=class extends y{constructor(){super(...arguments),this.current=0,this.max=100,this.advanceProgressBar=()=>{this.current++,this.current>=this.max&&this.dispatchEvent(new Event("progress-bar-overdue"))}}connectedCallback(){super.connectedCallback(),this.intervalId&&clearInterval(this.intervalId),this.intervalId=setInterval(this.advanceProgressBar,300)}disconnectedCallback(){super.disconnectedCallback(),this.intervalId&&(clearInterval(this.intervalId),this.intervalId=null)}createRenderRoot(){return this}render(){return u`<typo3-backend-progress-bar value=${100-this.current} max=100></typo3-backend-progress-bar>`}};L([M()],g.prototype,"current",void 0),g=L([F("typo3-login-refresh-progress-bar")],g);let d;try{window.opener&&window.opener.TYPO3&&window.opener.TYPO3.LoginRefresh&&(d=window.opener.TYPO3.LoginRefresh),parent&&parent.window.TYPO3&&parent.window.TYPO3.LoginRefresh&&(d=parent.window.TYPO3.LoginRefresh),top&&top.TYPO3&&top.TYPO3.LoginRefresh&&(d=top.TYPO3.LoginRefresh)}catch{}d||(d=new P,typeof TYPO3<"u"&&(TYPO3.LoginRefresh=d));var O=d;export{g as SelfFillingProgressBarElement,O as default};
diff --git a/Resources/Public/JavaScript/login.js b/Resources/Public/JavaScript/login.js
new file mode 100644
index 0000000..ad6a568
--- /dev/null
+++ b/Resources/Public/JavaScript/login.js
@@ -0,0 +1,13 @@
+/*
+ * 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"bootstrap";import"@typo3/backend/input/clearable.js";import a from"@typo3/core/ajax/ajax-request.js";import n from"@typo3/core/event/regular-event.js";import r from"@typo3/backend/login/pasted-password-checker.js";import c from"@typo3/core/document-service.js";class d{constructor(){this.ready=!0,this.options={error:".t3js-login-error",errorNoCookies:".t3js-login-error-nocookies",errorNoReferrer:".t3js-login-error-noreferrer",warningPasswordWhitespace:".t3js-login-warning-password-whitespace",warningPasswordWhitespaceActionLink:".t3js-login-warning-password-whitespace-action",formFields:".t3js-login-formfields",loginForm:"#typo3-login-form",loginUrlLink:"t3js-login-url",submitButton:".t3js-login-submit",submitHandler:null,useridentField:".t3js-login-userident-field",passwordField:"#t3-password"},this.checkLoginRefresh(),this.checkCookieSupport(),this.checkDocumentReferrerSupport(),this.initializeEvents(),top.location.href!==location.href&&(this.ready=!1,top.location.href=location.href),this.ready&&document.body.setAttribute("data-typo3-login-ready","true")}showLoginProcess(){this.showLoadingIndicator(),document.querySelector(this.options.error)?.classList.add("hidden"),document.querySelector(this.options.errorNoCookies)?.classList.add("hidden")}showLoadingIndicator(){const e=document.querySelector(this.options.submitButton);e.innerHTML=e.dataset.loadingText}handleSubmit(e){this.showLoginProcess(),typeof this.options.submitHandler=="function"&&this.options.submitHandler(e)}checkDocumentReferrerSupport(){const e=document.getElementById(this.options.loginUrlLink);e!==null&&typeof e.dataset.referrerCheckEnabled>"u"&&e.dataset.referrerCheckEnabled!=="1"||typeof TYPO3.settings>"u"||typeof TYPO3.settings.ajaxUrls>"u"||new a(TYPO3.settings.ajaxUrls.login_preflight).get().then(async o=>{(await o.resolve("application/json")).capabilities.referrer!==!0&&document.querySelectorAll(this.options.errorNoReferrer).forEach(i=>i.classList.remove("hidden"))})}showCookieWarning(){document.querySelector(this.options.formFields)?.classList.add("hidden"),document.querySelector(this.options.errorNoCookies)?.classList.remove("hidden")}showWhitespaceAroundPasswordWarning(){document.querySelector(this.options.warningPasswordWhitespace)?.classList.remove("hidden")}removeWhitespaceAroundPasswordWarning(){document.querySelector(this.options.warningPasswordWhitespace)?.classList.add("hidden")}checkLoginRefresh(){const e=document.querySelector(this.options.loginForm+' input[name="loginRefresh"]');e instanceof HTMLInputElement&&e.value&&window.opener&&window.opener.TYPO3&&window.opener.TYPO3.LoginRefresh&&(window.opener.TYPO3.LoginRefresh.startTask(),window.close())}checkCookieSupport(){const e=navigator.cookieEnabled;e===!1?this.showCookieWarning():!document.cookie&&e===null&&(document.cookie="typo3-login-cookiecheck=1",document.cookie?document.cookie="typo3-login-cookiecheck=; expires="+new Date(0).toUTCString():this.showCookieWarning())}async initializeEvents(){await c.ready();const e=document.querySelector(this.options.loginForm);e!==null&&new n("submit",this.handleSubmit.bind(this)).bindTo(e),document.querySelectorAll(".t3js-clearable").forEach(i=>i.clearable());const o=document.querySelector(this.options.passwordField);if(o===null)return;new n("paste",i=>{const s=i.clipboardData.getData("text/plain");r.hasSurroundingWhitespace(s)&&this.showWhitespaceAroundPasswordWarning()}).bindTo(o);const t=document.querySelector(this.options.warningPasswordWhitespaceActionLink);t!==null&&new n("click",()=>{o.value=r.removeSurroundingWhitespace(o.value),this.removeWhitespaceAroundPasswordWarning()}).bindTo(t)}}var l=new d;export{l as default};
diff --git a/Resources/Public/JavaScript/login/pasted-password-checker.js b/Resources/Public/JavaScript/login/pasted-password-checker.js
new file mode 100644
index 0000000..c1eb51f
--- /dev/null
+++ b/Resources/Public/JavaScript/login/pasted-password-checker.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+var r={hasSurroundingWhitespace:e=>e.match(/^(\s+.+(?:\s+)?|(?:\s+)?.+\s+)$/)!==null,removeSurroundingWhitespace:e=>e.replace(/^\s+/,"").replace(/\s+$/,"")};export{r as default};
diff --git a/Resources/Public/JavaScript/mail-link-handler.js b/Resources/Public/JavaScript/mail-link-handler.js
new file mode 100644
index 0000000..6812554
--- /dev/null
+++ b/Resources/Public/JavaScript/mail-link-handler.js
@@ -0,0 +1,13 @@
+/*
+ * 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 r from"@typo3/backend/link-browser.js";import m from"@typo3/core/event/regular-event.js";class c{constructor(){new m("submit",(o,t)=>{o.preventDefault();const i=t.querySelector('[name="lemail"]').value,e=new URLSearchParams;for(const a of["subject","cc","bcc","body"]){const l=t.querySelector('[data-mailto-part="'+a+'"]');l?.value.length&&e.set(a,encodeURIComponent(l.value))}let n="mailto:"+i;[...e].length>0&&(n+="?"+e.toString()),r.finalizeFunction(n)}).delegateTo(document,"#lmailform")}}var u=new c;export{u as default};
diff --git a/Resources/Public/JavaScript/modal.js b/Resources/Public/JavaScript/modal.js
new file mode 100644
index 0000000..955c655
--- /dev/null
+++ b/Resources/Public/JavaScript/modal.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as S,html as r,nothing as B}from"lit";import{property as c,state as q,query as N,customElement as Y}from"lit/decorators.js";import{unsafeHTML as A}from"lit/directives/unsafe-html.js";import{classMap as D}from"lit/directives/class-map.js";import{ifDefined as $}from"lit/directives/if-defined.js";import{classesArrayToClassInfo as E}from"@typo3/core/lit-helper.js";import I from"@typo3/core/event/regular-event.js";import{SeverityEnum as y}from"@typo3/backend/enum/severity.js";import F from"@typo3/core/ajax/ajax-request.js";import R from"@typo3/backend/severity.js";import"@typo3/backend/element/icon-element.js";import"@typo3/backend/element/spinner-element.js";import U from"~labels/core.core";import j from"~labels/core.mod_web_list";var n=function(s,t,e,i){var a=arguments.length,l=a<3?t:i===null?i=Object.getOwnPropertyDescriptor(t,e):i,u;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(s,t,e,i);else for(var m=s.length-1;m>=0;m--)(u=s[m])&&(l=(a<3?u(l):a>3?u(t,e,l):u(t,e))||l);return a>3&&l&&Object.defineProperty(t,e,l),l},T;(function(s){s.modal=".t3js-modal",s.header=".t3js-modal-header",s.close=".t3js-modal-close",s.body=".t3js-modal-body",s.footer=".t3js-modal-footer"})(T||(T={}));var h;(function(s){s.small="small",s.default="default",s.medium="medium",s.large="large",s.full="full",s.expand="expand"})(h||(h={}));var x;(function(s){s.small="small",s.default="default",s.medium="medium",s.large="large",s.full="full"})(x||(x={}));const O=s=>{if(typeof s=="string")return s in h;if(typeof s!="object"||s===null)return!1;const t=s;return Object.keys(s).length>0&&Object.keys(s).every(e=>e==="width"||e==="height")&&(t.width===void 0||t.width in x)&&(t.height===void 0||t.height in x)};var p;(function(s){s.center="center",s.top="top",s.end="end",s.bottom="bottom",s.start="start",s.sheet="sheet"})(p||(p={}));var v;(function(s){s.default="default",s.light="light",s.dark="dark"})(v||(v={}));var d;(function(s){s.default="default",s.template="template",s.ajax="ajax",s.iframe="iframe"})(d||(d={}));let K=0,o=class extends S{#t;constructor(){super(),this.modalTitle="",this.content="",this.type=d.default,this.severity=y.notice,this.variant=v.default,this.position=p.center,this.staticBackdrop=!1,this.hideCloseButton=!1,this.hideHeader=!1,this.additionalCssClasses=[],this.buttons=[],this.templateResultContent=null,this.activeButton=null,this.callback=null,this.ajaxCallback=null,this.userData={},this.#t=h.default,this.handleIframeKeydown=t=>{if(t.key==="Escape"){if(t.target instanceof t.view.window.HTMLInputElement&&t.target.type==="search"){t.target.value===""&&this.requestClose();return}if(t.defaultPrevented)return;this.requestClose()}},this.uniqueId=++K}get size(){return this.#t}set size(t){const e=O(t);if(this.#t=e?t:h.default,!e&&this.isConnected){const i=typeof this.#t=="string"?this.#t:JSON.stringify(this.#t);this.getAttribute("size")!==i&&this.setAttribute("size",i)}}setContent(t){this.templateResultContent=t}hideModal(){this.doHideModal()}async doHideModal(){if(this.trigger("typo3-modal-hide",!0).defaultPrevented)return;this.dialog.classList.add("modal-closing");const e=new Promise(a=>this.dialog.addEventListener("transitionend",a,{once:!0})),i=new Promise(a=>setTimeout(a,305));await Promise.race([e,i]),this.dialog.classList.remove("modal-closing"),this.dialog.close()}createRenderRoot(){return this}async showModal(){await new Promise(i=>requestAnimationFrame(i)),this.trigger("typo3-modal-show"),this.dialog.showModal();const t=new Promise(i=>this.dialog.addEventListener("transitionend",i,{once:!0})),e=new Promise(i=>setTimeout(i,305));await Promise.race([t,e]),this.trigger("typo3-modal-shown")}firstUpdated(){this.showModal(),this.callback&&this.callback(this)}updated(t){t.has("templateResultContent")&&this.dispatchEvent(new CustomEvent("modal-updated",{bubbles:!0}))}render(){const t=E(["modal","t3js-modal",`modal-type-${this.type}`,`modal-style-${this.variant}`,`modal-severity-${R.getCssClass(this.severity)}`,...this.getSizeClasses(),`modal-position-${this.position}`,...this.additionalCssClasses]);return r`<dialog class=${D(t)} aria-labelledby=${$(this.hideHeader?void 0:`t3-modal-header-${this.uniqueId}`)} aria-label=${$(this.hideHeader?this.modalTitle:void 0)} closedby=${this.hideCloseButton?"none":"closerequest"} @close=${this.handleDialogClose} @cancel=${this.handleDialogCancel} @click=${this.handleDialogClick}>${this.hideHeader?B:r`<div class="modal-header t3js-modal-header"><div class="modal-header-title t3js-modal-title" id=t3-modal-header-${this.uniqueId}>${this.modalTitle}</div>${this.hideCloseButton?B:r`<button class="modal-header-close t3js-modal-close" @click=${()=>this.hideModal()}><typo3-backend-icon identifier=actions-close size=small></typo3-backend-icon><span class=visually-hidden>${j.get("button.close")+" "+this.modalTitle}</span></button>`}</div>`}<div class="modal-body t3js-modal-body">${this.renderModalBody()}</div>${this.buttons.length===0?B:r`<div class="modal-footer t3js-modal-footer">${this.buttons.map(e=>this.renderModalButton(e))}</div>`}</dialog>`}getSizeClasses(){if(typeof this.size=="string")return[`modal-size-${this.size}`];const t=[];return this.size.width!==void 0&&t.push(`modal-width-${this.size.width}`),this.size.height!==void 0&&t.push(`modal-height-${this.size.height}`),t}handleDialogClose(){this.trigger("typo3-modal-hidden")}handleDialogCancel(t){this.hideCloseButton&&t.preventDefault(),t.defaultPrevented?this.shake():(t.preventDefault(),this.hideModal())}handleDialogClick(t){t.target===this.dialog&&(this.staticBackdrop?this.shake():this.requestClose())}_buttonClick(t,e){const i=t.currentTarget;e.action?(this.activeButton=e,e.action.execute(i).then(()=>this.hideModal())):e.trigger&&e.trigger(t,this),i.dispatchEvent(new CustomEvent("button.clicked",{bubbles:!0}))}renderAjaxBody(){return this.templateResultContent===null?(new F(this.content).get().then(async t=>{const e=await t.raw().text();this.templateResultContent=r`${A(e)}`,this.updateComplete.then(()=>{this.ajaxCallback&&this.ajaxCallback(this),this.dispatchEvent(new CustomEvent("modal-loaded"))})}).catch(async t=>{const e=await t.raw().text();e?this.templateResultContent=r`${A(e)}`:this.templateResultContent=r`<p><strong>Oops, received a ${t.response.status} response from </strong><span class=text-break>${this.content}</span>.</p>`}),r`<div class=modal-loading><typo3-backend-spinner size=large></typo3-backend-spinner></div>`):this.templateResultContent}renderModalBody(){if(this.type===d.iframe){const t=e=>{const i=e.currentTarget;i.contentDocument.title&&(this.modalTitle=i.contentDocument.title),i.contentDocument.addEventListener("keydown",this.handleIframeKeydown)};return r`<iframe src=${this.content} name=modal_frame class="modal-iframe t3js-modal-iframe" @load=${t}></iframe>`}return this.type===d.ajax?this.renderAjaxBody():this.type===d.template?this.templateResultContent:r`<p>${this.content}</p>`}renderModalButton(t){const i={btn:!0,[t.btnClass||"btn-default"]:!0,"t3js-active":t.active,disabled:this.activeButton&&this.activeButton!==t};return r`<button class=${D(i)} name=${$(t.name||void 0)} form=${$(t.form||void 0)} @click=${a=>this._buttonClick(a,t)}>${t.icon?r`<typo3-backend-icon identifier=${t.icon} size=small></typo3-backend-icon>`:B} ${t.text}</button>`}trigger(t,e=!1){const i=new CustomEvent(t,{bubbles:!0,composed:!0,cancelable:e});return this.dispatchEvent(i),i}requestClose(){"requestClose"in this.dialog?this.dialog.requestClose():this.hideCloseButton?this.hideModal():this.shake()}shake(){window.matchMedia("(prefers-reduced-motion: reduce)").matches||this.dialog.animate([{transform:"translateX(0px)"},{transform:"translateX(-2px)"},{transform:"translateX(0px)"},{transform:"translateX(2px)"},{transform:"translateX(0px)"}],150)}};n([c({type:String,reflect:!0})],o.prototype,"modalTitle",void 0),n([c({type:String,reflect:!0})],o.prototype,"content",void 0),n([c({type:String,reflect:!0})],o.prototype,"type",void 0),n([c({type:String,reflect:!0})],o.prototype,"severity",void 0),n([c({type:String,reflect:!0})],o.prototype,"variant",void 0),n([c({type:String,reflect:!0})],o.prototype,"position",void 0),n([c({type:Boolean})],o.prototype,"staticBackdrop",void 0),n([c({type:Boolean})],o.prototype,"hideCloseButton",void 0),n([c({type:Boolean})],o.prototype,"hideHeader",void 0),n([c({type:Array})],o.prototype,"additionalCssClasses",void 0),n([c({type:Array,attribute:!1})],o.prototype,"buttons",void 0),n([q()],o.prototype,"templateResultContent",void 0),n([q()],o.prototype,"activeButton",void 0),n([N("dialog",!0)],o.prototype,"dialog",void 0),n([c({reflect:!0,converter:{toAttribute:s=>typeof s=="string"?s:JSON.stringify(s),fromAttribute:s=>{if(s===null)return h.default;if(O(s))return s;try{return JSON.parse(s)}catch{return s}}}})],o.prototype,"size",null),o=n([Y("typo3-backend-modal")],o);class z{constructor(){this.sizes=h,this.styles=v,this.types=d,this.positions=p,this.currentModal=null,this.instances=[],this.defaultConfiguration={type:d.default,title:"Information",content:"No content provided, please check your <code>Modal</code> configuration.",severity:y.notice,buttons:[],style:v.default,size:h.default,position:p.center,additionalCssClasses:[],callback:null,ajaxCallback:null,staticBackdrop:!1,hideCloseButton:!1,hideHeader:!1},this.initializeMarkupTrigger(document)}static createModalResponseEventFromElement(t,e){return t.dataset.eventName?new CustomEvent(t.dataset.eventName,{bubbles:!0,detail:{result:e,payload:t.dataset.eventPayload||null}}):null}dismiss(){this.currentModal&&this.currentModal.hideModal()}confirm(t,e,i=y.warning,a=[],l){a.length===0&&a.push({text:j.get("button.cancel"),active:!0,btnClass:"btn-default",name:"cancel"},{text:j.get("button.ok"),btnClass:"btn-"+R.getCssClass(i),name:"ok"});const u=this.advanced({title:t,content:e,severity:i,buttons:a,additionalCssClasses:l});return u.addEventListener("button.clicked",m=>{const b=m.target;b.getAttribute("name")==="cancel"?b.dispatchEvent(new CustomEvent("confirm.button.cancel",{bubbles:!0})):b.getAttribute("name")==="ok"&&b.dispatchEvent(new CustomEvent("confirm.button.ok",{bubbles:!0}))}),u}loadUrl(t,e=y.info,i,a,l){return this.advanced({type:d.ajax,title:t,severity:e,buttons:i,ajaxCallback:l,content:a})}show(t,e,i=y.info,a,l){return this.advanced({type:d.default,title:t,content:e,severity:i,buttons:a,additionalCssClasses:l})}advanced(t){return t.type=typeof t.type=="string"&&t.type in d?t.type:this.defaultConfiguration.type,t.title=typeof t.title=="string"?t.title:this.defaultConfiguration.title,t.content=typeof t.content=="string"||typeof t.content=="object"?t.content:this.defaultConfiguration.content,t.severity=typeof t.severity<"u"?t.severity:this.defaultConfiguration.severity,t.buttons=t.buttons||this.defaultConfiguration.buttons,t.size=O(t.size)?t.size:this.defaultConfiguration.size,t.style=typeof t.style=="string"&&t.style in v?t.style:this.defaultConfiguration.style,t.position=typeof t.position=="string"&&t.position in p?t.position:this.defaultConfiguration.position,t.additionalCssClasses=t.additionalCssClasses||this.defaultConfiguration.additionalCssClasses,t.callback=typeof t.callback=="function"?t.callback:this.defaultConfiguration.callback,t.ajaxCallback=typeof t.ajaxCallback=="function"?t.ajaxCallback:this.defaultConfiguration.ajaxCallback,t.hideCloseButton=t.hideCloseButton||this.defaultConfiguration.hideCloseButton,t.staticBackdrop=t.staticBackdrop||this.defaultConfiguration.staticBackdrop,t.hideHeader=t.hideHeader||this.defaultConfiguration.hideHeader,this.generate(t)}setButtons(t){return this.currentModal.buttons=t,this.currentModal}initializeMarkupTrigger(t){const e=(i,a)=>{i.preventDefault(),"bsContent"in a.dataset&&!("content"in a.dataset)&&console.error("TYPO3 v14 modal trigger dropped support for the legacy `data-bs-content` attribute. Use `data-content` instead. Affected element:",a);const l=a.dataset.content||U.get("message.confirmation");let u=y.notice;if(a.dataset.severity in y){const f=a.dataset.severity;u=y[f]}let m=h.default;if(a.dataset.size in h){const f=a.dataset.size;m=h[f]}let b=p.center;if(a.dataset.position in p){const f=a.dataset.position;b=p[f]}const H=a.dataset.hideHeader!==void 0,L=a.dataset.staticBackdrop!==void 0;let C=a.dataset.url||null;if(C!==null){const f=C.includes("?")?"&":"?",w=new URLSearchParams(a.dataset).toString();C=C+f+w}this.advanced({type:C!==null?d.ajax:d.default,title:a.dataset.title||"Alert",content:C!==null?C:l,size:m,severity:u,position:b,hideHeader:H,staticBackdrop:L,buttons:[{text:a.dataset.buttonCloseText||j.get("button.close"),active:!0,btnClass:"btn-default",trigger:(f,w)=>{w.hideModal();const M=z.createModalResponseEventFromElement(a,!1);M!==null&&a.dispatchEvent(M)}},{text:a.dataset.buttonOkText||j.get("button.ok"),btnClass:"btn-"+R.getCssClass(u),trigger:(f,w)=>{w.hideModal();const M=z.createModalResponseEventFromElement(a,!0);M!==null&&a.dispatchEvent(M);const g=a.dataset.uri||a.dataset.href||a.getAttribute("href");if(g&&g!=="#"&&(a.ownerDocument.location.href=g),a.getAttribute("type")==="submit"&&(a.tagName==="BUTTON"||a.tagName==="INPUT")){const P=a;P.form?.requestSubmit(P)}a.dataset.targetForm&&a.ownerDocument.querySelector("form#"+a.dataset.targetForm)?.submit()}}]})};new I("click",e).delegateTo(t,".t3js-modal-trigger")}generate(t){const e=document.createElement("typo3-backend-modal");return e.type=t.type,typeof t.content=="string"?e.content=t.content:t.type===d.default&&(e.type=d.template,e.templateResultContent=t.content),e.severity=t.severity,e.variant=t.style,e.size=t.size,e.position=t.position,e.modalTitle=t.title,e.additionalCssClasses=t.additionalCssClasses,e.buttons=t.buttons,e.hideCloseButton=t.hideCloseButton,e.staticBackdrop=t.staticBackdrop,e.hideHeader=t.hideHeader,t.callback&&(e.callback=t.callback),t.ajaxCallback&&(e.ajaxCallback=t.ajaxCallback),e.addEventListener("typo3-modal-shown",()=>{const i=e.querySelector(`${T.footer} .t3js-active`);i!==null&&i.focus()}),e.addEventListener("typo3-modal-hide",()=>{if(this.instances.length>0){const i=this.instances.length-1;this.instances.splice(i,1),this.currentModal=this.instances[i-1]}}),e.addEventListener("typo3-modal-hidden",()=>{e.remove()}),e.addEventListener("typo3-modal-show",()=>{this.currentModal=e,this.instances.push(e)}),document.body.appendChild(e),e}}let k=null;try{parent&&parent.window.TYPO3&&parent.window.TYPO3.Modal?(parent.window.TYPO3.Modal.initializeMarkupTrigger(document),k=parent.window.TYPO3.Modal):top&&top.TYPO3.Modal&&(top.TYPO3.Modal.initializeMarkupTrigger(document),k=top.TYPO3.Modal)}catch{}k||(k=new z,typeof TYPO3<"u"&&(TYPO3.Modal=k));var X=k;export{T as Identifiers,o as ModalElement,p as Positions,x as Size,h as Sizes,v as Styles,d as Types,X as default};
diff --git a/Resources/Public/JavaScript/module-menu.js b/Resources/Public/JavaScript/module-menu.js
new file mode 100644
index 0000000..e63c9cd
--- /dev/null
+++ b/Resources/Public/JavaScript/module-menu.js
@@ -0,0 +1,13 @@
+/*
+ * 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{ModuleUtility as u,flushModuleCache as h,ModuleSelector as C}from"@typo3/backend/module.js";import d from"@typo3/backend/storage/persistent.js";import m from"@typo3/backend/viewport.js";import I from"@typo3/backend/event/client-request.js";import f from"@typo3/backend/event/trigger-request.js";import E from"@typo3/core/ajax/ajax-request.js";import c from"@typo3/core/event/regular-event.js";import{ModuleStateStorage as v}from"@typo3/backend/storage/module-state-storage.js";import{selector as b}from"@typo3/core/literals.js";import y from"@typo3/core/document-service.js";import{Collapse as S}from"bootstrap";import{KeyTypesEnum as a}from"@typo3/backend/enum/key-types.js";var l;(function(p){p.menu="[data-modulemenu]",p.item="[data-modulemenu-identifier]",p.collapsible='[data-modulemenu-collapsible="true"]'})(l||(l={}));class o{constructor(){this.loadedModule=null,y.ready().then(()=>{this.initialize()})}static getModuleMenuItemFromElement(e){return{identifier:e.dataset.modulemenuIdentifier,level:e.parentElement.dataset.modulemenuLevel?parseInt(e.parentElement.dataset.modulemenuLevel,10):null,collapsible:e.dataset.modulemenuCollapsible==="true",expanded:e.attributes.getNamedItem("aria-expanded")?.value==="true",element:e}}static getCollapsedMainMenuItems(){return d.isset("modulemenu")?JSON.parse(d.get("modulemenu")):{}}static addCollapsedMainMenuItem(e){const n=o.getCollapsedMainMenuItems();n[e]=!0,d.set("modulemenu",JSON.stringify(n))}static removeCollapseMainMenuItem(e){const n=this.getCollapsedMainMenuItems();delete n[e],d.set("modulemenu",JSON.stringify(n))}static includeId(e,n){if(!e.navigationComponentId||n.includes("id"))return n;let t="";e.navigationComponentId==="@typo3/backend/tree/page-tree-element"?t="web":t=e.name.split("_")[0];const i=v.current(t);return i.identifier&&(n="id="+encodeURIComponent(i.identifier)+"&"+n),n}static toggleModuleGroup(e,n){const t=o.getModuleMenuItemFromElement(e),i=t.element.closest(".modulemenu-group"),r=i.querySelector(".modulemenu-group-container"),s=S.getOrCreateInstance(r,{toggle:!1});if(n===void 0)n=!t.expanded;else if(n===t.expanded)return;n?(o.removeCollapseMainMenuItem(t.identifier),s.show()):(o.addCollapsedMainMenuItem(t.identifier),s.hide()),i.classList.toggle("modulemenu-group-collapsed",!n),i.classList.toggle("modulemenu-group-expanded",n),e.setAttribute("aria-expanded",n.toString())}static highlightModule(e){document.querySelector(l.menu).querySelectorAll(l.item).forEach(i=>{i.classList.remove("modulemenu-action-active"),i.removeAttribute("aria-current")});const t=u.getFromName(e);this.highlightModuleMenuItem(t,!0)}static highlightModuleMenuItem(e,n=!0){const i=document.querySelector(l.menu).querySelectorAll(l.item+b`[data-modulemenu-identifier="${e.name}"]`);i.forEach(r=>{r.classList.add("modulemenu-action-active"),n&&r.setAttribute("aria-current","location")}),i.length>0&&(n=!1),e.parent!==""&&this.highlightModuleMenuItem(u.getFromName(e.parent),n)}static getPreviousItem(e){const n=e.parentElement.previousElementSibling;return n===null?o.getLastItem(e):n.firstElementChild}static getNextItem(e){const n=e.parentElement.nextElementSibling;return n===null?o.getFirstItem(e):n.firstElementChild}static getFirstItem(e){return e.parentElement.parentElement.firstElementChild.firstElementChild}static getLastItem(e){return e.parentElement.parentElement.lastElementChild.firstElementChild}static getParentItem(e){return e.parentElement.parentElement.parentElement.firstElementChild}static getFirstChildItem(e){return e.nextElementSibling.firstElementChild.firstElementChild}refreshMenu(){return new E(TYPO3.settings.ajaxUrls.modulemenu).get().then(async e=>{const n=await e.resolve();document.getElementById("modulemenu").outerHTML=n.menu,h(),this.initializeModuleMenuEvents(),this.loadedModule&&o.highlightModule(this.loadedModule)})}getCurrentModule(){return this.loadedModule}reloadFrames(){m.ContentContainer.refresh()}showModule(e,n,t=null,i=null){n=n||"";const r=u.getFromName(e);return this.loadModuleComponents(r,i,n,new I("typo3.showModule",t))}initialize(){document.querySelector(l.menu)!==null&&(this.initializeModuleMenuEvents(),this.initializeModuleLoadListeners())}keyboardNavigation(e,n){const t=o.getModuleMenuItemFromElement(n);let i=null;switch(e.key){case a.UP:i=o.getPreviousItem(t.element);break;case a.DOWN:i=o.getNextItem(t.element);break;case a.LEFT:t.collapsible&&o.toggleModuleGroup(t.element,!1),t.level>1&&(i=o.getParentItem(t.element));break;case a.RIGHT:t.collapsible&&(o.toggleModuleGroup(t.element,!0),i=o.getFirstChildItem(t.element));break;case a.HOME:if(e.ctrlKey&&t.level>1){i=document.querySelector(l.menu+" "+l.item);break}i=o.getFirstItem(t.element);break;case a.END:e.ctrlKey&&t.level>1?i=o.getLastItem(document.querySelector(l.menu+" "+l.item)):i=o.getLastItem(t.element);break;case a.SPACE:case a.ENTER:if(e.preventDefault(),e.repeat)break;t.collapsible?(o.toggleModuleGroup(t.element,!0),i=o.getFirstChildItem(t.element)):t.element.click();break;case a.ESCAPE:t.level>1?i=o.getParentItem(t.element):t.level===1&&t.collapsible&&(i=t.element),i!==null&&o.toggleModuleGroup(i,!1);break;default:i=null}i!==null&&(e.preventDefault(),i.focus())}initializeModuleMenuEvents(){const e=document.querySelector(l.menu);new c("keydown",this.keyboardNavigation).delegateTo(e,l.item),new c("click",(n,t)=>{n.preventDefault();const i=u.getRouteFromElement(t);this.showModule(i.identifier,i.params,n)}).delegateTo(e,C.link),new c("click",(n,t)=>{n.preventDefault(),o.toggleModuleGroup(t)}).delegateTo(e,l.collapsible),new c("shown.bs.collapse",(n,t)=>{t.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"})}).delegateTo(e,".modulemenu-group")}initializeModuleLoadListeners(){const e=n=>{const t=n.detail.module;if(!t||this.loadedModule===t)return;const i=u.getFromName(t);i.link&&(o.highlightModule(t),this.loadedModule=t,i.navigationComponentId?m.NavigationContainer.showComponent(i.navigationComponentId):m.NavigationContainer.hide())};document.addEventListener("typo3-module-load",e),document.addEventListener("typo3-module-loaded",e)}loadModuleComponents(e,n,t,i){const r=e.name,s=m.ContentContainer.beforeSetUrl(i);return s.then(()=>{e.navigationComponentId?m.NavigationContainer.showComponent(e.navigationComponentId):m.NavigationContainer.hide(),o.highlightModule(r),this.loadedModule=r,t=o.includeId(e,t),this.openInContentContainer(r,n??e.link,t,new f("typo3.loadModuleComponents",i))}),s}openInContentContainer(e,n,t,i){const r=n+(t?(n.includes("?")?"&":"?")+t:"");return m.ContentContainer.setUrl(r,new f("typo3.openInContentFrame",i),e)}}let g=top?.TYPO3?.ModuleMenu;g||(g={App:new o},top.TYPO3!==void 0&&(top.TYPO3.ModuleMenu=g));var k=g;export{k as default};
diff --git a/Resources/Public/JavaScript/module.js b/Resources/Public/JavaScript/module.js
new file mode 100644
index 0000000..a3ee730
--- /dev/null
+++ b/Resources/Public/JavaScript/module.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+var r;(function(o){o.link="[data-moduleroute-identifier]"})(r||(r={}));class i{static getRouteFromElement(e){return{identifier:e.dataset.modulerouteIdentifier,params:e.dataset.modulerouteParams}}static getFromName(e){const n=d(e);return n===null?{name:e,aliases:[],component:"",navigationComponentId:"",parent:"",link:""}:{name:e,aliases:n.aliases||[],component:n.component||"",navigationComponentId:n.navigationComponentId||"",parent:n.parent||"",link:n.link||""}}}let t=null;function l(){t=null}function u(){if(t===null){const o=String(document.querySelector("[data-modulemenu]")?.dataset.modulesInformation||"");if(o!=="")try{t=JSON.parse(o)}catch{console.error("Invalid modules information provided."),t=null}}return t}function d(o){const e=u();if(e!==null){for(const[n,a]of Object.entries(e))if(o===n||a.aliases.includes(o))return e[n]}return null}export{r as ModuleSelector,i as ModuleUtility,l as flushModuleCache};
diff --git a/Resources/Public/JavaScript/module/iframe.js b/Resources/Public/JavaScript/module/iframe.js
new file mode 100644
index 0000000..d407148
--- /dev/null
+++ b/Resources/Public/JavaScript/module/iframe.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as s,nothing as m,html as u}from"lit";import{property as f,query as p,customElement as h}from"lit/decorators.js";import g from"~labels/core.core";var c=function(i,e,t,o){var a=arguments.length,n=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var d=i.length-1;d>=0;d--)(l=i[d])&&(n=(a<3?l(n):a>3?l(e,t,n):l(e,t))||n);return a>3&&n&&Object.defineProperty(e,t,n),n};const b="typo3-iframe-module";let r=class extends s{constructor(){super(...arguments),this.endpoint=""}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),e==="endpoint"&&o===t&&this.iframe.setAttribute("src",o)}connectedCallback(){super.connectedCallback(),this.endpoint&&this.dispatch("typo3-iframe-load",{url:this.endpoint,title:null})}createRenderRoot(){return this}render(){return this.endpoint?u`<iframe src=${this.endpoint} name=list_frame id=typo3-contentIframe class="scaffold-content-module-iframe t3js-scaffold-content-module-iframe" title=${g.get("iframe.listFrame")} @load=${this._loaded}></iframe>`:m}registerPagehideHandler(e){try{e.contentWindow.addEventListener("pagehide",t=>this._pagehide(t,e),{once:!0})}catch(t){throw console.error("Failed to access contentWindow of module iframe \u2013 using a foreign origin?"),t}}retrieveModuleStateFromIFrame(e){try{return{url:e.contentWindow.location.href,title:e.contentDocument.title,module:e.contentDocument.body.querySelector(".module[data-module-name]")?.getAttribute("data-module-name")}}catch{return console.error("Failed to access contentWindow of module iframe \u2013 using a foreign origin?"),{url:this.endpoint,title:null}}}_loaded({target:e}){const t=e;this.registerPagehideHandler(t);const o=this.retrieveModuleStateFromIFrame(t);this.dispatch("typo3-iframe-loaded",o)}_pagehide(e,t){new Promise(o=>window.setTimeout(o,0)).then(()=>{t.contentWindow!==null&&this.dispatch("typo3-iframe-load",{url:t.contentWindow.location.href,title:null})})}dispatch(e,t){this.dispatchEvent(new CustomEvent(e,{detail:t,bubbles:!0,composed:!0}))}};c([f({type:String})],r.prototype,"endpoint",void 0),c([p("iframe",!0)],r.prototype,"iframe",void 0),r=c([h("typo3-iframe-module")],r);export{r as IframeModuleElement,b as componentName};
diff --git a/Resources/Public/JavaScript/module/router.js b/Resources/Public/JavaScript/module/router.js
new file mode 100644
index 0000000..133b0d0
--- /dev/null
+++ b/Resources/Public/JavaScript/module/router.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as h,css as f,html as b}from"lit";import{property as a,query as y,customElement as g}from"lit/decorators.js";import{ModuleUtility as c}from"@typo3/backend/module.js";var l=function(d,e,t,o){var n=arguments.length,i=n<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(d,e,t,o);else for(var m=d.length-1;m>=0;m--)(r=d[m])&&(i=(n<3?r(i):n>3?r(e,t,i):r(e,t))||i);return n>3&&i&&Object.defineProperty(e,t,i),i};const u="@typo3/backend/module/iframe",p=()=>!0;let s=class extends h{static{this.styles=f`:host{width:100%;min-height:100%;flex:1 0 auto;display:flex;flex-direction:row}::slotted(*){min-height:100%;width:100%}`}constructor(){super(),this.module="",this.endpoint="",this.sitenameFirst=!1,this.titleComponents=null,this.addEventListener("typo3-module-load",({target:e,detail:t})=>{const o=e.getAttribute("slot");this.pushState({slotName:o,detail:t})}),this.addEventListener("typo3-module-loaded",({detail:e})=>{this.updateBrowserState(e)}),this.addEventListener("typo3-iframe-load",({detail:e})=>{let t={slotName:u,detail:e};if(t.detail.url.includes(this.stateTrackerUrl+"?state=")){const o=t.detail.url.split("?state=");t=JSON.parse(decodeURIComponent(o[1]||"{}"))}this.slotElement.getAttribute("name")!==t.slotName&&this.slotElement.setAttribute("name",t.slotName),this.markActive(t.slotName,this.slotElement.getAttribute("name")===u?null:t.detail.url,!1),this.updateBrowserState(t.detail),this.parentElement.dispatchEvent(new CustomEvent("typo3-module-load",{bubbles:!0,composed:!0,detail:t.detail}))}),this.addEventListener("typo3-iframe-loaded",({detail:e})=>{this.updateBrowserState(e),this.parentElement.dispatchEvent(new CustomEvent("typo3-module-loaded",{bubbles:!0,composed:!0,detail:e}))})}static get observedAttributes(){return[...super.observedAttributes,"sitename-first"]}connectedCallback(){super.connectedCallback(),this.sitenameFirst=this.hasAttribute("sitename-first")}attributeChangedCallback(e,t,o){super.attributeChangedCallback(e,t,o),e==="sitename-first"&&(this.sitenameFirst=o!==null,this.updateBrowserTitle())}render(){const t=c.getFromName(this.module).component||u;return b`<slot name=${t}></slot>`}updated(){const t=c.getFromName(this.module).component||u;this.markActive(t,this.endpoint)}async markActive(e,t,o=!0){const n=await this.getModuleElement(e);t&&(o||n.getAttribute("endpoint")!==t)&&n.setAttribute("endpoint",t),n.hasAttribute("active")||n.setAttribute("active","");for(let i=n.previousElementSibling;i!==null;i=i.previousElementSibling)i.removeAttribute("active");for(let i=n.nextElementSibling;i!==null;i=i.nextElementSibling)i.removeAttribute("active")}async getModuleElement(e){let t=this.querySelector(`*[slot="${e}"]`);if(t!==null)return t;try{const o=await import(e+".js");if(t=this.querySelector(`*[slot="${e}"]`),t!==null)return t;if(!("componentName"in o))throw new Error(`module ${e} is missing the "componentName" export`);t=document.createElement(o.componentName)}catch(o){throw console.error({msg:`Error importing ${e} as backend module`,err:o}),o}return t.setAttribute("slot",e),this.appendChild(t),t}async pushState(e){const t=this.stateTrackerUrl+"?state="+encodeURIComponent(JSON.stringify(e));(await this.getModuleElement(u)).setAttribute("endpoint",t)}updateBrowserTitle(){let{titleComponents:e}=this;e!==null&&(this.sitenameFirst&&(e=e.toReversed()),document.title=e.join(" \xB7 "))}updateBrowserState(e){const t=new URL(e.url||"",window.location.origin),o=new URLSearchParams(t.search),n="title"in e?e.title:"";if(n!==null){const r=[this.sitename];n!==""&&r.unshift(n),this.titleComponents=r,this.updateBrowserTitle()}if(o.has("token"))o.delete("token"),t.search=o.toString();else if(o.has("install[controller]")){const r=o.get("install[controller]");t.pathname=this.entryPoint+"module/system/"+r,t.search=""}else return;const i=t.toString();window.history.replaceState(e,"",i)}};l([a({type:String,hasChanged:p})],s.prototype,"module",void 0),l([a({type:String,hasChanged:p})],s.prototype,"endpoint",void 0),l([a({type:String,attribute:"state-tracker"})],s.prototype,"stateTrackerUrl",void 0),l([a({type:String,attribute:"sitename"})],s.prototype,"sitename",void 0),l([a({type:String,attribute:"entry-point"})],s.prototype,"entryPoint",void 0),l([y("slot",!0)],s.prototype,"slotElement",void 0),s=l([g("typo3-backend-module-router")],s);export{s as ModuleRouter};
diff --git a/Resources/Public/JavaScript/multi-record-selection-action.js b/Resources/Public/JavaScript/multi-record-selection-action.js
new file mode 100644
index 0000000..2aad0d0
--- /dev/null
+++ b/Resources/Public/JavaScript/multi-record-selection-action.js
@@ -0,0 +1,13 @@
+/*
+ * 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{MultiRecordSelectionSelectors as c}from"@typo3/backend/multi-record-selection.js";class n{static getEntityIdentifiers(t){const i=[];return t.checkboxes.forEach(o=>{const e=o.closest(c.elementSelector);e!==null&&e.dataset[t.configuration.idField]&&i.push(e.dataset[t.configuration.idField])}),i}}export{n as MultiRecordSelectionAction};
diff --git a/Resources/Public/JavaScript/multi-record-selection-delete-action.js b/Resources/Public/JavaScript/multi-record-selection-delete-action.js
new file mode 100644
index 0000000..fb16d87
--- /dev/null
+++ b/Resources/Public/JavaScript/multi-record-selection-delete-action.js
@@ -0,0 +1,13 @@
+/*
+ * 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 d from"@typo3/core/event/regular-event.js";import{MultiRecordSelectionAction as u}from"@typo3/backend/multi-record-selection-action.js";import f from"@typo3/backend/modal.js";import{SeverityEnum as c}from"@typo3/backend/enum/severity.js";import g from"@typo3/backend/severity.js";import p from"@typo3/backend/ajax-data-handler.js";import b from"@typo3/backend/notification.js";import h from"~labels/core.common";import w from"~labels/core.mod_web_list";class y{constructor(){new d("multiRecordSelection:action:delete",this.delete).bindTo(document)}delete(t){t.preventDefault();const r=t.detail,n=u.getEntityIdentifiers(r);if(!n.length)return;const e=r.configuration,i=e.tableName||"";if(i==="")return;const l=e.returnUrl||"";f.advanced({title:e.title||"Delete",content:e.content||"Are you sure you want to delete those records?",severity:c.warning,buttons:[{text:e.cancel||h.get("cancel"),active:!0,btnClass:"btn-default",name:"cancel",trigger:(s,o)=>o.hideModal()},{text:e.ok||w.get("button.delete"),btnClass:"btn-"+g.getCssClass(c.warning),name:"delete",trigger:async(s,o)=>{o.hideModal();try{const a=await p.process({cmd:{[i]:Object.fromEntries(n.map(m=>[m,{delete:1}]))}});if(a.hasErrors)throw a.messages;l!==""?t.target.ownerDocument.location.href=l:t.target.ownerDocument.location.reload()}catch{b.error("Could not delete records")}}}]})}}var D=new y;export{D as default};
diff --git a/Resources/Public/JavaScript/multi-record-selection-edit-action.js b/Resources/Public/JavaScript/multi-record-selection-edit-action.js
new file mode 100644
index 0000000..e59a21b
--- /dev/null
+++ b/Resources/Public/JavaScript/multi-record-selection-edit-action.js
@@ -0,0 +1,13 @@
+/*
+ * 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 r from"@typo3/core/event/regular-event.js";import{MultiRecordSelectionAction as c}from"@typo3/backend/multi-record-selection-action.js";class l{constructor(){new r("multiRecordSelection:action:edit",this.edit).bindTo(document)}edit(t){t.preventDefault();const e=t.detail,n=c.getEntityIdentifiers(e);if(!n.length)return;const o=e.configuration,i=o.tableName||"";i!==""&&(window.location.href=top.TYPO3.settings.FormEngine.moduleUrl+"&edit["+i+"]["+n.join(",")+"]=edit&module="+encodeURIComponent(top.TYPO3.ModuleMenu.App.getCurrentModule())+"&returnUrl="+encodeURIComponent(o.returnUrl||""))}}var d=new l;export{d as default};
diff --git a/Resources/Public/JavaScript/multi-record-selection.js b/Resources/Public/JavaScript/multi-record-selection.js
new file mode 100644
index 0000000..4296793
--- /dev/null
+++ b/Resources/Public/JavaScript/multi-record-selection.js
@@ -0,0 +1,13 @@
+/*
+ * 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 f from"@typo3/backend/notification.js";import m from"@typo3/core/document-service.js";import h from"@typo3/core/event/regular-event.js";import{selector as u}from"@typo3/core/literals.js";var a;(function(s){s.actionsSelector=".t3js-multi-record-selection-actions",s.checkboxSelector=".t3js-multi-record-selection-check",s.checkboxActionsSelector=".t3js-multi-record-selection-check-actions",s.checkboxActionsToggleSelector=".t3js-multi-record-selection-check-actions-toggle",s.elementSelector="[data-multi-record-selection-element]"})(a||(a={}));var b;(function(s){s.actionButton="button[data-multi-record-selection-action]",s.checkboxActionButton="button[data-multi-record-selection-check-action]"})(b||(b={}));var d;(function(s){s.checkAll="check-all",s.checkNone="check-none",s.toggle="toggle"})(d||(d={}));var r;(function(s){s.any="",s.checked=":checked",s.unchecked=":not(:checked)"})(r||(r={}));class c{static{this.activeClass="active"}constructor(){this.lastChecked=null,m.ready().then(()=>{c.restoreTemporaryState(),this.registerActions(),this.registerActionsEventHandlers(),this.registerCheckboxActions(),this.registerCheckboxKeyboardActions(),this.registerCheckboxTableRowSelectionAction(),this.registerToggleCheckboxActions(),this.registerDispatchCheckboxStateChangedEvent(),this.registerCheckboxStateChangedEventHandler()})}static getCheckboxes(e=r.any,t=""){return document.querySelectorAll(c.getCombinedSelector(a.checkboxSelector+e,t))}static getCombinedSelector(e,t){return t!==""?[u`[data-multi-record-selection-identifier="${t}"]`,e].join(" "):e}static getIdentifier(e){return e.closest("[data-multi-record-selection-identifier]")?.dataset.multiRecordSelectionIdentifier||""}static changeCheckboxState(e,t){e.disabled||e.checked===t||e.dataset.manuallyChanged||(e.checked=t,e.dispatchEvent(new Event("change",{bubbles:!0})))}static restoreTemporaryState(){const e=c.getCheckboxes(r.checked);if(!e.length)return;let t=!1;const o=[];e.forEach(n=>{n.closest(a.elementSelector)?.classList.add(c.activeClass);const i=c.getIdentifier(n);i!==""&&!o.includes(i)&&(o.push(i),t=!0,c.toggleActionsState(i))}),t||c.toggleActionsState()}static toggleActionsState(e=""){const t=document.querySelectorAll(c.getCombinedSelector(a.actionsSelector,e));if(!t.length)return;if(!c.getCheckboxes(r.checked,e).length){t.forEach(n=>c.changeActionContainerVisibility(n,!1));return}t.forEach(n=>c.changeActionContainerVisibility(n));const o=document.querySelectorAll([c.getCombinedSelector(a.actionsSelector,e),b.actionButton].join(" "));o.length&&o.forEach(n=>{if(!n.dataset.multiRecordSelectionActionConfig)return;const i=JSON.parse(n.dataset.multiRecordSelectionActionConfig);if(!i.idField)return;n.disabled=!0;const l=c.getCheckboxes(r.checked,e);for(let g=0;g<l.length;g++)if(l[g].closest(a.elementSelector)?.dataset[i.idField]){n.disabled=!1;break}})}static changeActionContainerVisibility(e,t=!0){const o=e.closest(".multi-record-selection-panel")?.children;if(t){if(o)for(let n=0;n<o.length;n++)o[n].classList.add("hidden");e.classList.remove("hidden")}else{if(o)for(let n=0;n<o.length;n++)o[n].classList.remove("hidden");e.classList.add("hidden")}}static unsetManuallyChangedAttribute(e){c.getCheckboxes(r.any,e).forEach(t=>{t.removeAttribute("data-manually-changed")})}registerActions(){new h("click",(e,t)=>{t.dataset.multiRecordSelectionAction;const o=c.getIdentifier(t),n=JSON.parse(t.dataset.multiRecordSelectionActionConfig||"{}"),i=c.getCheckboxes(r.checked,o);i.length&&t.dispatchEvent(new CustomEvent("multiRecordSelection:action:"+t.dataset.multiRecordSelectionAction,{detail:{identifier:o,checkboxes:i,configuration:n},bubbles:!0,cancelable:!1}))}).delegateTo(document,[a.actionsSelector,b.actionButton].join(" "))}registerActionsEventHandlers(){new h("multiRecordSelection:actions:show",e=>{const t=e.detail?.identifier||"";document.querySelectorAll(c.getCombinedSelector(a.actionsSelector,t)).forEach(n=>c.changeActionContainerVisibility(n))}).bindTo(document),new h("multiRecordSelection:actions:hide",e=>{const t=e.detail?.identifier||"";document.querySelectorAll(c.getCombinedSelector(a.actionsSelector,t)).forEach(n=>c.changeActionContainerVisibility(n,!1))}).bindTo(document),new h("multiRecordSelection:checkboxes:check",e=>{const t=e.detail?.identifier||"";c.getCheckboxes(r.any,t).forEach(o=>c.changeCheckboxState(o,!0))}).bindTo(document),new h("multiRecordSelection:checkboxes:uncheck",e=>{const t=e.detail?.identifier||"";c.getCheckboxes(r.any,t).forEach(o=>c.changeCheckboxState(o,!1))}).bindTo(document)}registerCheckboxActions(){new h("click",(e,t)=>{if(e.preventDefault(),!t.dataset.multiRecordSelectionCheckAction)return;const o=c.getIdentifier(t),n=c.getCheckboxes(r.any,o);if(n.length){switch(c.unsetManuallyChangedAttribute(o),t.dataset.multiRecordSelectionCheckAction){case d.checkAll:n.forEach(i=>{c.changeCheckboxState(i,!0)});break;case d.checkNone:n.forEach(i=>{c.changeCheckboxState(i,!1)});break;case d.toggle:n.forEach(i=>{c.changeCheckboxState(i,!i.checked)});break;default:f.warning("Unknown checkbox action")}c.unsetManuallyChangedAttribute(o)}}).delegateTo(document,[a.checkboxActionsSelector,b.checkboxActionButton].join(" "))}registerCheckboxKeyboardActions(){new h("click",(e,t)=>this.handleCheckboxKeyboardActions(e,t)).delegateTo(document,a.checkboxSelector)}registerCheckboxTableRowSelectionAction(){new h("click",(e,t)=>{const o=e.target.tagName;if(o!=="TH"&&o!=="TD")return;const n=t.querySelector(a.checkboxSelector);n!==null&&(c.changeCheckboxState(n,!n.checked),this.handleCheckboxKeyboardActions(e,n,!1))}).delegateTo(document,a.elementSelector),new h("mousedown",e=>(e.shiftKey||e.altKey||e.ctrlKey)&&e.preventDefault()).delegateTo(document,a.elementSelector)}registerDispatchCheckboxStateChangedEvent(){new h("change",(e,t)=>{t.dispatchEvent(new CustomEvent("multiRecordSelection:checkbox:state:changed",{detail:{identifier:c.getIdentifier(t)},bubbles:!0,cancelable:!1}))}).delegateTo(document,a.checkboxSelector)}registerCheckboxStateChangedEventHandler(){new h("multiRecordSelection:checkbox:state:changed",e=>{const t=e.target,o=e.detail?.identifier||"";t.checked?t.closest(a.elementSelector).classList.add(c.activeClass):t.closest(a.elementSelector).classList.remove(c.activeClass),c.toggleActionsState(o)}).bindTo(document)}registerToggleCheckboxActions(){new h("click",(e,t)=>{const o=c.getIdentifier(t),n=document.querySelector([c.getCombinedSelector(a.checkboxActionsSelector,o),'button[data-multi-record-selection-check-action="'+d.checkAll+'"]'].join(" "));n!==null&&(n.disabled=!c.getCheckboxes(r.unchecked,o).length);const i=document.querySelector([c.getCombinedSelector(a.checkboxActionsSelector,o),'button[data-multi-record-selection-check-action="'+d.checkNone+'"]'].join(" "));i!==null&&(i.disabled=!c.getCheckboxes(r.checked,o).length);const l=document.querySelector([c.getCombinedSelector(a.checkboxActionsSelector,o),'button[data-multi-record-selection-check-action="'+d.toggle+'"]'].join(" "));l!==null&&(l.disabled=!c.getCheckboxes(r.any,o).length)}).delegateTo(document,a.checkboxActionsToggleSelector)}handleCheckboxKeyboardActions(e,t,o=!0){const n=c.getIdentifier(t);if(!this.lastChecked||!document.body.contains(this.lastChecked)||c.getIdentifier(this.lastChecked)!==n||!e.shiftKey&&!e.altKey&&!e.ctrlKey){this.lastChecked=t;return}if(o&&c.unsetManuallyChangedAttribute(n),e.shiftKey){const i=Array.from(c.getCheckboxes(r.any,n)),l=i.indexOf(t),g=i.indexOf(this.lastChecked);i.slice(Math.min(l,g),Math.max(l,g)+1).forEach(k=>{k!==t&&c.changeCheckboxState(k,t.checked)})}this.lastChecked=t,(e.altKey||e.ctrlKey)&&c.getCheckboxes(r.any,n).forEach(i=>{i!==t&&c.changeCheckboxState(i,!i.checked)}),c.unsetManuallyChangedAttribute(n)}}var C=new c;export{a as MultiRecordSelectionSelectors,C as default};
diff --git a/Resources/Public/JavaScript/new-content-element-wizard-button.js b/Resources/Public/JavaScript/new-content-element-wizard-button.js
new file mode 100644
index 0000000..3437603
--- /dev/null
+++ b/Resources/Public/JavaScript/new-content-element-wizard-button.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as f,customElement as s}from"lit/decorators.js";import{PseudoButtonLitElement as a}from"@typo3/backend/element/pseudo-button.js";import c from"@typo3/backend/modal.js";import{SeverityEnum as d}from"@typo3/backend/enum/severity.js";import"@typo3/backend/new-record-wizard.js";var m=function(r,e,o,i){var p=arguments.length,t=p<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,o):i,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,o,i);else for(var u=r.length-1;u>=0;u--)(l=r[u])&&(t=(p<3?l(t):p>3?l(e,o,t):l(e,o))||t);return p>3&&t&&Object.defineProperty(e,o,t),t};let n=class extends a{buttonActivated(){this.url&&c.advanced({content:this.url,title:this.subject,severity:d.notice,size:c.sizes.large,type:c.types.ajax})}};m([f({type:String})],n.prototype,"url",void 0),m([f({type:String})],n.prototype,"subject",void 0),n=m([s("typo3-backend-new-content-element-wizard-button")],n);export{n as NewContentElementWizardButton};
diff --git a/Resources/Public/JavaScript/new-multiple-pages.js b/Resources/Public/JavaScript/new-multiple-pages.js
new file mode 100644
index 0000000..e669d46
--- /dev/null
+++ b/Resources/Public/JavaScript/new-multiple-pages.js
@@ -0,0 +1,13 @@
+/*
+ * 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 c from"@typo3/core/document-service.js";import r from"@typo3/core/event/regular-event.js";var t;(function(n){n.containerSelector=".t3js-newmultiplepages-container",n.addMoreFieldsButtonSelector=".t3js-newmultiplepages-createnewfields",n.pageTitleSelector=".t3js-newmultiplepages-page-title",n.doktypeSelector=".t3js-newmultiplepages-select-doktype",n.resetFieldsSelector=".t3js-newmultiplepages-reset-fields",n.templateRow=".t3js-newmultiplepages-newlinetemplate"})(t||(t={}));class a{constructor(){this.lineCounter=5,c.ready().then(()=>{this.initializeEvents()})}initializeEvents(){new r("click",this.createNewFormFields.bind(this)).delegateTo(document,t.addMoreFieldsButtonSelector),new r("change",this.actOnPageTitleChange).delegateTo(document,t.pageTitleSelector),new r("change",this.actOnTypeSelectChange).delegateTo(document,t.doktypeSelector),new r("click",this.resetFieldAttributes).delegateTo(document,t.resetFieldsSelector)}createNewFormFields(){const e=document.querySelector(t.containerSelector),o=document.querySelector(t.templateRow)?.innerHTML||"";if(!(e===null||o==="")){for(let l=0;l<5;l++){const i=this.lineCounter+l+1;e.innerHTML+=o.replace(/\[0\]/g,(this.lineCounter+l).toString()).replace(/\[1\]/g,i.toString())}this.lineCounter+=5}}actOnPageTitleChange(){this.setAttribute("value",this.value)}actOnTypeSelectChange(){for(const l of this.options)l.removeAttribute("selected");const e=this.options[this.selectedIndex],o=document.querySelector(this.dataset.target);e!==null&&o!==null&&(e.setAttribute("selected","selected"),o.innerHTML=e.dataset.icon)}resetFieldAttributes(){document.querySelectorAll(t.containerSelector+" "+t.pageTitleSelector).forEach(e=>{e.removeAttribute("value")}),document.querySelectorAll(t.containerSelector+" "+t.doktypeSelector).forEach(e=>{for(const i of e)i.removeAttribute("selected");const o=e.options[0]?.dataset.icon,l=document.querySelector(e.dataset.target);o&&l!==null&&(l.innerHTML=o)})}}var s=new a;export{s as default};
diff --git a/Resources/Public/JavaScript/new-record-wizard.js b/Resources/Public/JavaScript/new-record-wizard.js
new file mode 100644
index 0000000..1bcd392
--- /dev/null
+++ b/Resources/Public/JavaScript/new-record-wizard.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as c,customElement as M}from"lit/decorators.js";import{LitElement as R,css as z,html as r,nothing as p}from"lit";import g from"@typo3/backend/modal.js";import"@typo3/backend/element/icon-element.js";import T from"@typo3/core/ajax/ajax-request.js";import U from"@typo3/backend/notification.js";import b from"@typo3/backend/viewport.js";import A from"@typo3/core/event/regular-event.js";import{KeyTypesEnum as y}from"@typo3/backend/enum/key-types.js";import{RecordUsageStore as E}from"@typo3/backend/record-usage/record-usage-store.js";import w from"@typo3/backend/storage/client.js";import C from"@typo3/backend/storage/persistent.js";import v from"~labels/core.misc";var l=function(d,e,t,o){var a=arguments.length,i=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,n;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(d,e,t,o);else for(var h=d.length-1;h>=0;h--)(n=d[h])&&(i=(a<3?n(i):a>3?n(e,t,i):n(e,t))||i);return a>3&&i&&Object.defineProperty(e,t,i),i};const $={fromAttribute:d=>d===null?!0:d.toLowerCase()==="true",toAttribute:d=>d?"true":"false"};class f{constructor(e,t,o,a,i,n,h,x,k,N){this.identifier=e,this.label=t,this.description=o,this.icon=a,this.iconOverlay=i,this.url=n,this.requestType=h,this.defaultValues=x,this.saveAndClose=k,this.event=N,this.visible=!0}static fromData(e){return new f(e.identifier,e.label,e.description,e.icon,e.iconOverlay,e.url??null,e.requestType??"location",e.defaultValues??[],e.saveAndClose??!1,e.event??null)}reset(){this.visible=!0}}class m{constructor(e,t,o,a,i){this.identifier=e,this.label=t,this.items=o,this.icon=a,this.featured=i,this.disabled=!1}static fromData(e){return new m(e.identifier,e.label,e.items.map(t=>f.fromData(t)))}reset(){this.disabled=!1,this.items.forEach(e=>{e.reset()})}activeItems(){return this.items.filter(e=>e.visible)??[]}}class u{constructor(e){this.items=e}static fromData(e){return new u(Object.values(e).map(t=>m.fromData(t)))}reset(){this.items.forEach(e=>{e.reset()})}categoriesWithItems(){return this.items.filter(e=>e.activeItems().length>0)??[]}}const S="wizard-last-category/";let s=class extends R{constructor(){super(...arguments),this.categories=new u([]),this.searchPlaceholder=v.get("newRecordWizard.filter.placeholder"),this.searchNothingFoundLabel=v.get("newRecordWizard.filter.noResults"),this.userNotAllowedLabel=v.get("newContentElement.filter.userNotAllowed"),this.displayMenu=!0,this.displayFilter=!0,this.selectedCategory=null,this.searchTerm="",this.messages=[],this.toggleMenu=!1,this.storeName=null,this.hasNavigation=!1}static{this.styles=[z`:host{display:block;container-type:inline-size;height:100%}.element{gap:var(--typo3-spacing);font-size:var(--typo3-component-font-size);line-height:var(--typo3-component-line-height);height:100%}.element,.main{display:flex;flex-direction:column}.main{width:100%;gap:calc(var(--typo3-spacing)*2)}@container (min-width: 500px){.main{flex-direction:row;overflow:hidden}}.main>*{flex-grow:1;padding-inline-end:calc(var(--typo3-spacing)/4)}.navigation{position:relative;flex-shrink:0}@container (min-width: 500px){.navigation{flex-grow:0;width:200px;overflow-block:auto}.navigation-toggle{display:none!important}}.navigation-list{display:none;flex-direction:column;gap:2px;list-style:none;padding:0;margin:0}.navigation-list.show{display:flex}@container (max-width: 499px){.navigation-list{z-index:1;position:absolute;top:calc(100% + 2px);padding:2px;background:var(--typo3-component-bg);border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-component-border-radius);box-shadow:var(--typo3-component-box-shadow)}}@container (min-width: 500px){.navigation-list{display:flex}}.navigation-item{cursor:pointer;align-items:center;display:flex;width:100%;gap:calc(var(--typo3-spacing)/2);text-align:start;color:inherit;background:transparent;border:var(--typo3-component-border-width) solid var(--typo3-component-border-color);border-radius:var(--typo3-component-border-radius);padding:var(--typo3-list-item-padding-y) var(--typo3-list-item-padding-x)}.navigation-item-featured:has(+.navigation-item:not(.navigation-item-featured)){margin-bottom:calc(var(--typo3-spacing)/2)}@container (max-width: 499px){.navigation-item{--typo3-component-border-color:transparent;margin-bottom:0!important;border-radius:calc(var(--typo3-component-border-radius) - var(--typo3-component-border-width))}}.navigation-item:hover{color:var(--typo3-component-hover-color);background:var(--typo3-component-hover-bg);border-color:var(--typo3-component-hover-border-color)}.navigation-item:focus{outline:none;color:var(--typo3-component-focus-color);background:var(--typo3-component-focus-bg);border-color:var(--typo3-component-focus-border-color)}.navigation-item.active{color:var(--typo3-component-active-color);background:var(--typo3-component-active-bg);border-color:var(--typo3-component-active-border-color)}.navigation-item.active:focus-visible{outline:var(--typo3-outline-width) var(--typo3-outline-style) color-mix(in srgb,var(--typo3-component-active-border-color),transparent 25%)}.navigation-item[disabled]{cursor:not-allowed;color:var(--typo3-component-disabled-color);background:var(--typo3-component-disabled-bg);border-color:var(--typo3-component-disabled-border-color)}.navigation-item-label{flex-grow:1}.navigation-item-count{opacity:.75;flex-shrink:0}.content{container-type:inline-size;overflow-block:auto}.elementwizard-categories{display:grid;gap:var(--typo3-spacing)}.elementwizard-category-headline{font-weight:700;color:var(--typo3-text-color-variant);margin-bottom:calc(var(--typo3-spacing)/2)}.elementwizard-category-items{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--typo3-spacing)}@container (min-width: 500px){.elementwizard-category-items{grid-template-columns:repeat(2,1fr)}}@container (min-width: 750px){.elementwizard-category-items{grid-template-columns:repeat(3,1fr)}}.item{cursor:pointer;display:flex;gap:calc(var(--typo3-spacing)/2);text-align:start;border:var(--typo3-component-border-width) solid transparent;border-radius:var(--typo3-component-border-radius);padding:var(--typo3-list-item-padding-y) var(--typo3-list-item-padding-x);background:transparent;color:inherit}.item:hover{color:var(--typo3-component-hover-color);background:var(--typo3-component-hover-bg);border-color:var(--typo3-component-hover-border-color)}.item:focus{outline:none;color:var(--typo3-component-focus-color);background:var(--typo3-component-focus-bg);border-color:var(--typo3-component-focus-border-color)}.item-body-label{text-wrap:balance;font-weight:700;margin-bottom:.25rem}.item-body-description{opacity:.75;text-wrap:pretty}`]}firstUpdated(){const e=document.createElement("link");e.setAttribute("rel","stylesheet"),e.setAttribute("href",TYPO3.settings.cssUrls.backend),this.shadowRoot.appendChild(e),this.displayFilter===!0&&this.renderRoot.querySelector('input[name="search"]').focus();const t=C.isset("displayRecentlyUsed")?!!JSON.parse(C.get("displayRecentlyUsed")):!0;this.storeName&&(this.recordUsageStore=new E(this.storeName),t&&this.addRecentlyUsedCategory()),this.selectAvailableCategory()}addRecentlyUsedCategory(){const e=this.recordUsageStore.getUsage();if(Object.keys(e).length===0)return;const t=this.categories.items.flatMap(o=>o.items.filter(a=>a.identifier in e)).sort((o,a)=>{const i=e[o.identifier],n=e[a.identifier];return n.count!==i.count?n.count-i.count:n.lastUsed-i.lastUsed}).slice(0,10);if(t.length>0){const o=new m("recently-used",v.get("newRecordWizard.recentlyUsed"),t,"actions-history",!0);this.categories.items.unshift(o)}}selectAvailableCategory(){let e=null;this.storeName&&(e=w.get(this.getCategoryLocalStorageKey())),this.categories.categoriesWithItems().filter(o=>o===this.selectedCategory).length===0&&(e?this.selectedCategory=this.categories.categoriesWithItems().find(o=>o.identifier===e)??this.categories.categoriesWithItems()[0]??null:this.selectedCategory=this.categories.categoriesWithItems()[0]??null),this.messages=[],this.categories.items.length===0?this.messages=[{message:this.userNotAllowedLabel,severity:"info"}]:this.selectedCategory===null&&(this.messages=[{message:this.searchNothingFoundLabel,severity:"info"}])}filter(e){this.searchTerm=e,this.categories.reset(),this.categories.items.forEach(t=>{const o=t.label.trim().replace(/\s+/g," ");!(this.searchTerm!==""&&!RegExp(this.searchTerm,"i").test(o))||t.items.forEach(i=>{const n=i.label.trim().replace(/\s+/g," ")+i.description?.trim().replace(/\s+/g," ");i.visible=!(this.searchTerm!==""&&!RegExp(this.searchTerm,"i").test(n))}),t.disabled=t.items.filter(i=>i.visible).length===0}),this.selectAvailableCategory()}willUpdate(){const e=this.selectedCategory!==null&&this.displayMenu===!0&&this.categories.items.length>1;this.hasNavigation!==e&&(this.hasNavigation=e)}render(){return r`<div class=element>${this.displayFilter===!0?this.renderFilter():p} ${this.renderMessages()} ${this.selectedCategory===null?p:r`<div class=main>${this.categories.items.length>1&&this.displayMenu===!0?r`<div class=navigation>${this.renderNavigationToggle()} ${this.renderNavigationList()}</div>`:p}<div class=content>${this.renderCategories()}</div></div>`}</div>`}renderFilter(){return r`<form class=filter @submit=${e=>e.preventDefault()}><input name=search type=search autocomplete=off class=form-control .value=${this.searchTerm} @input=${e=>{this.filter(e.target.value)}} @keydown=${e=>{e.key===y.ESCAPE&&(e.stopImmediatePropagation(),this.filter(""))}} placeholder=${this.searchPlaceholder}></form>`}renderMessages(){return r`${this.messages.length>0?r`<div class=messages>${this.messages.map(e=>r`<div class="alert alert-${e.severity}" role=alert>${e.message}</div>`)}</div>`:p}`}renderNavigationToggle(){return r`<button class="navigation-toggle btn btn-default" @click=${()=>{this.toggleMenu=!this.toggleMenu}}>${this.selectedCategory.icon?r`<typo3-backend-icon identifier=${this.selectedCategory.icon} size=small></typo3-backend-icon>`:p} ${this.selectedCategory.label}<typo3-backend-icon identifier=actions-chevron-${this.toggleMenu===!0?"up":"down"} size=small></typo3-backend-icon></button>`}renderNavigationList(){return r`<div class=navigation-list${this.toggleMenu===!0?" show":""} role=tablist aria-orientation=vertical>${this.categories.items.map(e=>r`<button data-identifier=${e.identifier} class=navigation-item${e.featured?" navigation-item-featured":""}${this.selectedCategory===e?" active":""} ?disabled=${e.disabled} @click=${()=>{this.handleNavigationClick(e)}} @keydown=${t=>{this.handleNavigationKeydown(t,e)}} role=tab aria-selected=${this.selectedCategory===e?"true":"false"} tabindex=${this.selectedCategory===e?"0":"-1"}>${e.icon?r`<span class=navigation-item-icon><typo3-backend-icon identifier=${e.icon} size=small></typo3-backend-icon></span>`:p} <span class=navigation-item-label>${e.label}</span> <span class=navigation-item-count>${e.activeItems().length}</span></button>`)}</div>`}handleNavigationClick(e){this.selectedCategory=e,this.toggleMenu=!1,this.storeName&&w.set(this.getCategoryLocalStorageKey(),e.identifier)}handleNavigationKeydown(e,t){const o=this.categories.categoriesWithItems(),a=o.findIndex(n=>n.identifier===t.identifier);let i;if(e.key===y.UP)i=o[a-1]??void 0;else if(e.key===y.DOWN)i=o[a+1]??void 0;else return;i&&(this.shadowRoot.querySelector(`button[data-identifier="${i.identifier}"]`).focus(),this.handleNavigationClick(i))}renderCategories(){return r`<div class=elementwizard-categories>${this.categories.items.map(e=>this.renderCategory(e))}</div>`}renderCategory(e){return r`${(this.selectedCategory===e||this.displayMenu===!1)&&!e.disabled?r`<div class=elementwizard-category role=${this.displayMenu?"tabpanel":p}>${this.displayMenu===!1?r`<div class=elementwizard-category-headline>${e.icon?r`<typo3-backend-icon identifier=${e.icon} size=small></typo3-backend-icon>`:p} ${e.label}</div>`:p}<div class=elementwizard-category-items>${e.items.map(t=>this.renderCategoryItem(t))}</div></div>`:p}`}renderCategoryItem(e){return r`${e.visible?r`<button type=button class=item data-identifier=${e.identifier} @click=${t=>{t.preventDefault(),this.handleItemClick(e)}}><div class=item-icon><typo3-backend-icon identifier=${e.icon||"empty-empty"} overlay=${e.iconOverlay} size=medium></typo3-backend-icon></div><div class=item-body><div class=item-body-label>${e.label}</div><div class=item-body-description>${e.description}</div></div></button>`:p}`}handleItemClick(e){if(this.storeName&&this.recordUsageStore.track(e.identifier),e.requestType==="event"){const t=new CustomEvent(e.event,{detail:{item:e}});this.dispatchEvent(t),g.dismiss();return}if(e.url.trim()!==""){if(e.requestType==="location"){b.ContentContainer.setUrl(e.url.replace(/_CURRENT_MODULE_/g,top.TYPO3.ModuleMenu.App.getCurrentModule())),g.dismiss();return}e.requestType==="ajax"&&new T(e.url).post({defVals:e.defaultValues,saveAndClose:e.saveAndClose?"1":"0"}).then(async t=>{const o=document.createRange().createContextualFragment(await t.resolve());g.currentModal.addEventListener("modal-updated",()=>{new A("click",(a,i)=>{a.preventDefault();const n=i.dataset.target;n&&(b.ContentContainer.setUrl(n),g.dismiss())}).delegateTo(g.currentModal,"button[data-target]")}),g.currentModal.setContent(o)}).catch(()=>{U.error("Could not load module data")})}}getCategoryLocalStorageKey(){return S+this.storeName}};l([c({type:Object,converter:{fromAttribute:d=>{const e=JSON.parse(d);return u.fromData(e)}}})],s.prototype,"categories",void 0),l([c({type:String})],s.prototype,"searchPlaceholder",void 0),l([c({type:String})],s.prototype,"searchNothingFoundLabel",void 0),l([c({type:String})],s.prototype,"userNotAllowedLabel",void 0),l([c({type:Boolean,converter:$})],s.prototype,"displayMenu",void 0),l([c({type:Boolean,converter:$})],s.prototype,"displayFilter",void 0),l([c({type:String,attribute:!1})],s.prototype,"selectedCategory",void 0),l([c({type:String,attribute:!1})],s.prototype,"searchTerm",void 0),l([c({type:Array,attribute:!1})],s.prototype,"messages",void 0),l([c({type:Boolean,attribute:!1})],s.prototype,"toggleMenu",void 0),l([c({type:String})],s.prototype,"storeName",void 0),l([c({type:Boolean,reflect:!0,attribute:"has-navigation"})],s.prototype,"hasNavigation",void 0),s=l([M("typo3-backend-new-record-wizard")],s);export{u as Categories,m as Category,s as NewRecordWizard};
diff --git a/Resources/Public/JavaScript/notification.js b/Resources/Public/JavaScript/notification.js
new file mode 100644
index 0000000..d5f6165
--- /dev/null
+++ b/Resources/Public/JavaScript/notification.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as b,html as u}from"lit";import{property as l,customElement as y,state as g}from"lit/decorators.js";import{classMap as v}from"lit/directives/class-map.js";import{ifDefined as w}from"lit/directives/if-defined.js";import{SeverityEnum as s}from"@typo3/backend/enum/severity.js";import C from"@typo3/backend/severity.js";import A from"~labels/core.core";import"@typo3/backend/element/icon-element.js";var c=function(h,i,t,n){var e=arguments.length,a=e<3?i:n===null?n=Object.getOwnPropertyDescriptor(i,t):n,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")a=Reflect.decorate(h,i,t,n);else for(var m=h.length-1;m>=0;m--)(o=h[m])&&(a=(e<3?o(a):e>3?o(i,t,a):o(i,t))||a);return e>3&&a&&Object.defineProperty(i,t,a),a};class d{static{this.duration=5}static{this.showClearAllButtonCount=2}static{this.totalNotifications=0}static{this.messageContainer=null}static{this.notificationList=null}static{this.clearAllButton=null}static notice(i,t,n,e){d.showMessage(i,t,s.notice,n,e)}static info(i,t,n,e){d.showMessage(i,t,s.info,n,e)}static success(i,t,n,e){d.showMessage(i,t,s.ok,n,e)}static warning(i,t,n,e){d.showMessage(i,t,s.warning,n,e)}static error(i,t,n=0,e){d.showMessage(i,t,s.error,n,e)}static showMessage(i,t,n=s.info,e,a=[]){typeof e>"u"&&(e=n===s.error?0:this.duration),(this.messageContainer===null||document.getElementById("alert-container")===null)&&(this.messageContainer=document.createElement("div"),this.messageContainer.setAttribute("id","alert-container"),this.notificationList=document.createElement("div"),this.notificationList.setAttribute("class","alert-list"),this.notificationList.setAttribute("tabindex","0"),this.messageContainer.appendChild(this.notificationList),this.clearAllButton=document.createElement("typo3-notification-clear-all"),this.containerItemVisibility(),this.messageContainer.prepend(this.clearAllButton),document.body.appendChild(this.messageContainer),document.addEventListener("typo3-notification-open",()=>{this.totalNotifications++,this.containerItemVisibility()}),document.addEventListener("typo3-notification-clear",()=>{this.totalNotifications>0&&this.totalNotifications--,this.containerItemVisibility()}));const o=document.createElement("typo3-notification-message");o.setAttribute("notification-id","notification-"+Math.random().toString(36).substring(2,6)),o.setAttribute("notification-title",i),t&&o.setAttribute("notification-message",t),o.setAttribute("notification-severity",n.toString()),o.setAttribute("notification-duration",e.toString()),o.actions=a,setTimeout(()=>{this.notificationList.querySelector("typo3-notification-message:last-child").scrollIntoView()},Number(e)),this.notificationList.appendChild(o)}static containerItemVisibility(){this.clearAllButton.hidden=this.totalNotifications<this.showClearAllButtonCount,this.messageContainer.hidden=this.totalNotifications===0}}let p=class extends b{async clearAll(){this.dispatchEvent(new CustomEvent("typo3-notification-clear-all",{bubbles:!0,composed:!0})),this.hidden=!0}createRenderRoot(){return this}render(){return u`<div><button @click=${()=>this.clearAll()} class="btn btn-default"><typo3-backend-icon identifier=actions-close size=small></typo3-backend-icon>${A.get("notifications.button.clearAll")}</button></div>`}};c([l({type:String,attribute:"notification-container"})],p.prototype,"notificationId",void 0),p=c([y("typo3-notification-clear-all")],p);let r=class extends b{constructor(){super(...arguments),this.notificationSeverity=s.info,this.notificationDuration=0,this.actions=[],this.executingAction=-1}async firstUpdated(){document.addEventListener("typo3-notification-clear-all",async()=>{this.clear()});const i=new CustomEvent("typo3-notification-open",{bubbles:!0,composed:!0});this.dispatchEvent(i),await new Promise(t=>window.setTimeout(t,200)),await this.requestUpdate(),this.notificationDuration>0&&(await new Promise(t=>window.setTimeout(t,this.notificationDuration*1e3)),this.clear())}async clear(){this.dispatchEvent(new CustomEvent("typo3-notification-clear",{bubbles:!0,composed:!0})),this.addEventListener("typo3-notification-clear-finish",()=>{this.parentNode?.removeChild(this)});const i=()=>{this.dispatchEvent(new CustomEvent("typo3-notification-clear-finish"))};!window.matchMedia("(prefers-reduced-motion: reduce)").matches&&"animate"in this?(this.style.overflow="hidden",this.style.display="block",this.animate([{height:this.getBoundingClientRect().height+"px"},{height:0,opacity:0,marginTop:0}],{duration:400,easing:"cubic-bezier(.02, .01, .47, 1)"}).onfinish=i):i()}createRenderRoot(){return this}render(){const i=C.getCssClass(this.notificationSeverity);let t="";switch(this.notificationSeverity){case s.notice:t="actions-lightbulb";break;case s.ok:t="actions-check";break;case s.warning:t="actions-exclamation";break;case s.error:t="actions-close";break;case s.info:default:t="actions-info"}const n=(Math.random()+1).toString(36).substring(2);return u`<div id=${w(this.notificationId||void 0)} class="alert alert-${i} alert-dismissible" role=alertdialog aria-labelledby=alert-title-${n} aria-describedby=alert-message-${n}><button type=button class=close @click=${async()=>this.clear()}><span aria-hidden=true><typo3-backend-icon identifier=actions-close size=small></typo3-backend-icon></span> <span class=visually-hidden>Close</span></button><div class=alert-inner><div class=alert-icon><span class=icon-emphasized> <typo3-backend-icon identifier=${t} size=small></typo3-backend-icon> </span></div><div class=alert-content><div class=alert-title id=alert-title-${n}>${this.notificationTitle}</div><p class=alert-message id=alert-message-${n}>${this.notificationMessage?this.notificationMessage:""}</p></div></div>${this.actions.length===0?"":u`<div class=alert-actions>${this.actions.map((e,a)=>u`<a href=# title=${e.label} @click=${async o=>{o.preventDefault(),this.executingAction=a,await this.updateComplete,"action"in e&&await e.action.execute(o.currentTarget),this.clear()}} class=${v({executing:this.executingAction===a,disabled:this.executingAction>=0&&this.executingAction!==a})}>${e.label}</a>`)}</div>`}</div>`}};c([l({type:String,attribute:"notification-id"})],r.prototype,"notificationId",void 0),c([l({type:String,attribute:"notification-title"})],r.prototype,"notificationTitle",void 0),c([l({type:String,attribute:"notification-message"})],r.prototype,"notificationMessage",void 0),c([l({type:Number,attribute:"notification-severity"})],r.prototype,"notificationSeverity",void 0),c([l({type:Number,attribute:"notification-duration"})],r.prototype,"notificationDuration",void 0),c([l({type:Array,attribute:!1})],r.prototype,"actions",void 0),c([g()],r.prototype,"executingAction",void 0),r=c([y("typo3-notification-message")],r);let f;try{parent&&parent.window.TYPO3&&parent.window.TYPO3.Notification&&(f=parent.window.TYPO3.Notification),top&&top.TYPO3.Notification&&(f=top.TYPO3.Notification)}catch{}f||(f=d,typeof TYPO3<"u"&&(TYPO3.Notification=f));var E=f;export{p as ClearNotificationMessages,r as NotificationMessage,E as default};
diff --git a/Resources/Public/JavaScript/offset.js b/Resources/Public/JavaScript/offset.js
new file mode 100644
index 0000000..90d4417
--- /dev/null
+++ b/Resources/Public/JavaScript/offset.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class t{constructor(h,i,e,s){this.left=h,this.top=i,this.width=e,this.height=s}get right(){return this.left+this.width}get bottom(){return this.top+this.height}static fromObject({left:h,top:i,width:e,height:s}){return new t(h,i,e,s)}clone(){return new t(this.left,this.top,this.width,this.height)}}export{t as Offset};
diff --git a/Resources/Public/JavaScript/online-media.js b/Resources/Public/JavaScript/online-media.js
new file mode 100644
index 0000000..c98e3fa
--- /dev/null
+++ b/Resources/Public/JavaScript/online-media.js
@@ -0,0 +1,13 @@
+/*
+ * 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 d from"@typo3/core/document-service.js";import{MessageUtility as m}from"@typo3/backend/utility/message-utility.js";import"@typo3/backend/element/progress-bar-element.js";import c from"@typo3/core/ajax/ajax-request.js";import p,{Types as f}from"@typo3/backend/modal.js";import u from"@typo3/backend/notification.js";import b from"@typo3/backend/severity.js";import y from"@typo3/core/event/regular-event.js";import{topLevelModuleImport as h}from"@typo3/backend/utility/top-level-module-import.js";import g from"~labels/core.core";class M{constructor(){this.progressBar=null,d.ready().then(async()=>{await h("@typo3/backend/form-engine/element/online-media-form-element.js"),this.registerEvents()})}registerEvents(){new y("click",(e,o)=>{this.triggerModal(o)}).delegateTo(document,".t3js-online-media-add-btn")}addOnlineMedia(e,o,r){const n=e.dataset.targetFolder,t=e.dataset.onlineMediaAllowed,a=e.dataset.fileIrreObject;this.progressBar=document.createElement("typo3-backend-progress-bar"),document.body.appendChild(this.progressBar),this.progressBar.start(),new c(TYPO3.settings.ajaxUrls.online_media_create).post({url:r,targetFolder:n,allowed:t}).then(async i=>{const s=await i.resolve();if(s.file){const l={actionName:"typo3:foreignRelation:insert",objectGroup:a,table:"sys_file",uid:s.file};m.send(l),o.hideModal()}else u.error(g.get("online_media.error.new_media.failed"),s.error);this.progressBar&&this.progressBar.done()})}triggerModal(e){const o=e.dataset.btnSubmit||"Add",r=e.dataset.placeholder||"Paste media url here...",n=e.dataset.onlineMediaAllowedHelpText||"Allow to embed from sources:",t=document.createElement("typo3-backend-formengine-online-media-form");t.placeholder=r,t.setAttribute("help-text",n),t.setAttribute("extensions",e.dataset.onlineMediaAllowed),p.advanced({type:f.default,title:e.title,content:t,severity:b.notice,callback:a=>{a.querySelector("typo3-backend-formengine-online-media-form").addEventListener("typo3:formengine:online-media-added",i=>{this.addOnlineMedia(e,a,i.detail["online-media-url"])})},buttons:[{text:o,btnClass:"btn btn-primary",name:"ok",trigger:()=>{t.querySelector("form").requestSubmit()}}]})}}var w=new M;export{w as default};
diff --git a/Resources/Public/JavaScript/page-link-handler.js b/Resources/Public/JavaScript/page-link-handler.js
new file mode 100644
index 0000000..6454e7d
--- /dev/null
+++ b/Resources/Public/JavaScript/page-link-handler.js
@@ -0,0 +1,13 @@
+/*
+ * 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 i from"@typo3/backend/link-browser.js";import a from"@typo3/core/event/regular-event.js";class l{constructor(){this.linkPageByTextfield=()=>{let e=document.getElementById("luid").value;if(!e)return;const n=parseInt(e,10);isNaN(n)||(e="t3://page?uid="+n),i.finalizeFunction(e)},new a("click",(t,e)=>{t.preventDefault(),i.finalizeFunction(e.getAttribute("href"))}).delegateTo(document,"a.t3js-pageLink"),new a("click",t=>{t.preventDefault(),this.linkPageByTextfield()}).delegateTo(document,"input.t3js-pageLink")}}var r=new l;export{r as default};
diff --git a/Resources/Public/JavaScript/page-wizard/finisher/page-wizard-submission-service.js b/Resources/Public/JavaScript/page-wizard/finisher/page-wizard-submission-service.js
new file mode 100644
index 0000000..1bfc958
--- /dev/null
+++ b/Resources/Public/JavaScript/page-wizard/finisher/page-wizard-submission-service.js
@@ -0,0 +1,13 @@
+/*
+ * 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 o from"@typo3/core/ajax/ajax-request.js";class r{constructor(e){this.context=e}async execute(){const{fields:e,...t}=this.context.getDataStore(),s=Object.assign({},t,...Object.values(e||{})),a=await(await new o(TYPO3.settings.ajaxUrls.wizard_submit).withQueryArguments({mode:"page_wizard"}).post(s)).resolve();return document.dispatchEvent(new CustomEvent("typo3:pagetree:refresh")),a}}export{r as PageWizardSubmissionService};
diff --git a/Resources/Public/JavaScript/page-wizard/helper/wizard-helper.js b/Resources/Public/JavaScript/page-wizard/helper/wizard-helper.js
new file mode 100644
index 0000000..69c820d
--- /dev/null
+++ b/Resources/Public/JavaScript/page-wizard/helper/wizard-helper.js
@@ -0,0 +1,13 @@
+/*
+ * 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{topLevelModuleImport as o}from"@typo3/backend/utility/top-level-module-import.js";import{html as a}from"lit";import i,{Size as e}from"@typo3/backend/modal.js";import{SeverityEnum as r}from"@typo3/backend/enum/severity.js";import p from"~labels/backend.layout";const d=async t=>{await o("@typo3/backend/page-wizard/page-wizard.js"),i.advanced({title:p.get("newPage"),content:a`<typo3-backend-page-wizard .configuration=${t}></typo3-backend-page-wizard>`,severity:r.notice,size:{width:e.medium,height:e.large},staticBackdrop:!0,buttons:[]})};export{d as openPageWizardModal};
diff --git a/Resources/Public/JavaScript/page-wizard/new-page-wizard-button.js b/Resources/Public/JavaScript/page-wizard/new-page-wizard-button.js
new file mode 100644
index 0000000..b5acb81
--- /dev/null
+++ b/Resources/Public/JavaScript/page-wizard/new-page-wizard-button.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as a,customElement as l}from"lit/decorators.js";import{PseudoButtonLitElement as m}from"@typo3/backend/element/pseudo-button.js";import"@typo3/backend/new-record-wizard.js";import{openPageWizardModal as d}from"@typo3/backend/page-wizard/helper/wizard-helper.js";var f=function(n,e,o,r){var i=arguments.length,t=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,o):r,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(n,e,o,r);else for(var c=n.length-1;c>=0;c--)(p=n[c])&&(t=(i<3?p(t):i>3?p(e,o,t):p(e,o))||t);return i>3&&t&&Object.defineProperty(e,o,t),t};let u=class extends m{constructor(){super(...arguments),this.configuration=null}buttonActivated(){d(this.configuration)}};f([a({type:Object})],u.prototype,"configuration",void 0),u=f([l("typo3-backend-new-page-wizard-button")],u);export{u as NewPageWizardButton};
diff --git a/Resources/Public/JavaScript/page-wizard/page-wizard.js b/Resources/Public/JavaScript/page-wizard/page-wizard.js
new file mode 100644
index 0000000..fff27bc
--- /dev/null
+++ b/Resources/Public/JavaScript/page-wizard/page-wizard.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as h,state as c,query as f,customElement as m}from"lit/decorators.js";import{LitElement as u,html as l}from"lit";import w from"~labels/backend.layout";import z from"~labels/backend.wizards.general";import S from"@typo3/backend/page-wizard/steps/doktype-step.js";import{AutoAdvanceEvent as b}from"@typo3/backend/wizard/events/auto-advance-event.js";import y from"@typo3/backend/page-wizard/steps/position-step.js";import{loadDynamicSteps as g}from"@typo3/backend/wizard/helper/dynamic-steps-loader.js";import{PageWizardSubmissionService as v}from"@typo3/backend/page-wizard/finisher/page-wizard-submission-service.js";var o=function(s,t,e,a){var n=arguments.length,i=n<3?t:a===null?a=Object.getOwnPropertyDescriptor(t,e):a,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(s,t,e,a);else for(var d=s.length-1;d>=0;d--)(p=s[d])&&(i=(n<3?p(i):n>3?p(t,e,i):p(t,e))||i);return n>3&&i&&Object.defineProperty(t,e,i),i};let r=class extends u{constructor(){super(...arguments),this.configuration=null,this.steps=[],this.fixedSteps=[]}firstUpdated(t){super.firstUpdated(t),this.context={wizard:this.wizard,configuration:this.configuration,getStoreData:this.wizard.getStoreData.bind(this.wizard),setStoreData:this.wizard.setStoreData.bind(this.wizard),clearStoreData:this.wizard.clearStoreData.bind(this.wizard),getDataStore:this.wizard.getDataStore.bind(this.wizard),dispatchAutoAdvance:()=>this.wizard.dispatchEvent(new b)},this.steps=this.fixedSteps=[new y(this.context),new S(this.context)],this.submissionService=new v(this.context)}createRenderRoot(){return this}render(){return l`<typo3-backend-wizard .steps=${this.steps} .submissionService=${this.submissionService} confirm-button-label=${w.get("newPage")} @wizard-before-next-step=${this.loadDynamicStepsAfterDoktype}></typo3-backend-wizard>`}loadDynamicStepsAfterDoktype(t){t.detail.currentStepKey==="doktype"&&(t.detail.result=g("page_wizard",this.context).then(e=>{this.steps=[...this.fixedSteps,...e]}).catch(e=>{this.wizard.renderError(z.get("wizard.status.error.message"),e)}))}};o([h({type:Object})],r.prototype,"configuration",void 0),o([c()],r.prototype,"steps",void 0),o([c()],r.prototype,"submissionService",void 0),o([f("typo3-backend-wizard")],r.prototype,"wizard",void 0),r=o([m("typo3-backend-page-wizard")],r);export{r as PageWizard};
diff --git a/Resources/Public/JavaScript/page-wizard/steps/doktype-step.js b/Resources/Public/JavaScript/page-wizard/steps/doktype-step.js
new file mode 100644
index 0000000..ffd7d1f
--- /dev/null
+++ b/Resources/Public/JavaScript/page-wizard/steps/doktype-step.js
@@ -0,0 +1,13 @@
+/*
+ * 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{nothing as d,html as i}from"lit";import{live as k}from"lit/directives/live.js";import{TaskStatus as v,Task as g}from"@lit/task";import o from"~labels/backend.wizards.page";import y from"~labels/core.db.pages";import p from"~labels/core.core";import b from"@typo3/core/ajax/ajax-request.js";import{SeverityEnum as $}from"@typo3/backend/enum/severity.js";class m{constructor(t){this.context=t,this.key="doktype",this.title=y.get("doktype"),this.autoAdvance=!0,this.selectedDoktype=null,this.searchTerm="",this.hasDispatchedAutoAdvance=!1,this.initDoktypesTask()}isComplete(){return this.getValue()!==null}render(){return this.task.status===v.INITIAL&&this.task.run(),this.task.render({complete:t=>{let a=!1,n=d;if(this.getValue()===null){const e=this.context.getStoreData(this.key),s=this.context?.configuration?.doktype??null,c=t.filter(r=>r.value!=="--div--");if(e!=null)this.setValue(e);else if(s!==null)c.some(r=>r.value===s)?(this.setValue(s),a=!0):n=i`<typo3-backend-alert severity=${$.warning} heading=${o.get("step.doktype.not_allowed_doktype.title")} message=${o.get("step.doktype.not_allowed_doktype.message")} show-icon></typo3-backend-alert>`;else if(c.length>0){const[r]=c;this.setValue(r.value),a=c.length===1}}if(a&&!this.hasDispatchedAutoAdvance)return this.hasDispatchedAutoAdvance=!0,this.context.dispatchAutoAdvance(),this.context.wizard.renderLoader();const f=t.filter(e=>e.value==="--div--"||e.label.toLowerCase().includes(this.searchTerm.toLowerCase())),h=[];let l={label:"",items:[]};f.forEach(e=>{e.value==="--div--"?(l.items.length>0&&h.push(l),l={label:e.label,items:[]}):l.items.push(e)}),l.items.length>0&&h.push(l);const u=h.filter(e=>e.items.length>0);return i`${n}<div class=doktype-selection><h2 class=h4>${o.get("step.doktype.headline")}</h2><div class=doktype-selection__search><div class="input-group mb-4"><label for=doktype-search class=visually-hidden>${p.get("labels.label.searchString")}</label> <input type=search autocomplete=off id=doktype-search class="form-control form-control-sm search-input" value=${this.searchTerm} placeholder=${p.get("tree.searchTermInfo")} @input=${e=>this.handleSearch(e)}></div></div>${u.length==0?i`<div role=alert class="alert alert-info">${o.get("step.doktype.filter.noResults")}</div>`:d}<div class=form-check-card-container>${u.map(e=>i`${e.label?i`<h3 class=form-check-card-container-headline>${e.label}</h3>`:d} ${e.items.map(s=>i`<div class="form-check form-check-type-card"><input class=form-check-input type=radio name=doktype id=mode-${s.value} value=${s.value} .checked=${k(this.getValue()===s.value)} @change=${()=>this.setValue(s.value)}> <label class=form-check-label for=mode-${s.value}><span class="form-check-label-header form-check-label-header-inherit"> <typo3-backend-icon identifier=${s.icon} size=small></typo3-backend-icon> ${s.label} </span></label></div>`)}`)}</div></div>`},error:t=>this.context.wizard.renderError(o.get("step.doktype.load_error"),t),pending:()=>this.context.wizard.renderLoader()})}reset(){this.setValue(null),this.context.clearStoreData(this.key),this.initDoktypesTask()}getValue(){return this.selectedDoktype}setValue(t){this.selectedDoktype=t,this.context.wizard.requestUpdate()}beforeAdvance(){this.context.setStoreData(this.key,this.getValue())}getSummaryData(){const t=this.context.getStoreData(this.key);if(!t||!this.task.value)return[];const a=this.task.value.find(n=>n.value===t);return a?[{label:this.title,value:i`<typo3-backend-icon identifier=${a.icon} size=small class=me-1></typo3-backend-icon>${a.label}`}]:[]}handleSearch(t){this.searchTerm=t.target.value,this.context.wizard.requestUpdate()}initDoktypesTask(){this.task=new g(this.context.wizard,{task:async()=>await(await new b(TYPO3.settings.ajaxUrls.wizard_page_get_doktypes).withQueryArguments({data:this.context.getDataStore()}).get()).resolve(),autoRun:!1})}}export{m as DoktypeStep,m as default};
diff --git a/Resources/Public/JavaScript/page-wizard/steps/form-engine-step.js b/Resources/Public/JavaScript/page-wizard/steps/form-engine-step.js
new file mode 100644
index 0000000..acdc400
--- /dev/null
+++ b/Resources/Public/JavaScript/page-wizard/steps/form-engine-step.js
@@ -0,0 +1,13 @@
+/*
+ * 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"@typo3/backend/tree/page-position-select.js";import{html as m}from"lit";import{unsafeHTML as c}from"lit/directives/unsafe-html.js";import{executeJavaScriptModuleInstruction as u}from"@typo3/core/java-script-item-processor.js";import d from"@typo3/core/ajax/ajax-request.js";class l{constructor(t,e){this.context=t,this.autoAdvance=!1,this.key="",this.title="",this.html="",this.modules=[],this.labels={},this.key=e.key,this.title=e.title,this.html=e.html,this.modules=e.modules,this.labels=e.labels}getValue(){const t=this.context.wizard.querySelector('form[name="editform"]');if(!t)return null;const e=this.context.getStoreData("fields")||{},s=new FormData(t);return e[this.key]=Object.fromEntries(Array.from(s.entries()).filter(([,r])=>r!=="")),e}setValue(t){const e=this.context.wizard.querySelector('form[name="editform"]'),s=t?.[this.key];if(!(!e||!s))for(const[r,a]of Object.entries(s)){const i=e.elements.namedItem(r);i&&(delete i.dataset.formengineInputInitialized,i.type==="checkbox"?i.checked=!!a:i.value=a)}}render(){return m`${c(this.html)}`}getSummaryData(){return this.summary}async afterRender(){if(this.setValue(this.context.getStoreData("fields")),this.modules.length>0&&await this.loadModules(),TYPO3.FormEngine){TYPO3.FormEngine.reinitialize();const t=this.context.wizard.querySelector('form[name="editform"]');if(t){t.addEventListener("t3-formengine-postfieldvalidation",()=>{this.context.wizard.requestUpdate()}),t.addEventListener("submit",s=>{s.preventDefault(),this.context.wizard.goToNextStep()});const e=t.querySelector(".has-error");e&&e.focus()}}}isComplete(){return TYPO3.FormEngine&&TYPO3.FormEngine.Validation?TYPO3.FormEngine.Validation.isValid():!0}async beforeAdvance(){const t=this.context.getStoreData("position")?.pageUid||0,e=this.getValue(),s=e[this.key]||{},r={};for(const[o,n]of Object.entries(s))r[this.getLabelKey(o)]=n;const i=await(await new d(TYPO3.settings.ajaxUrls.wizard_page_get_processed_value).withQueryArguments({fields:r,pageUid:t}).get()).resolve();this.summary=Object.keys(r).map(o=>{const n=r[o];return{label:this.labels[o]||o,value:i[o]??n}}),this.context.setStoreData("fields",e)}async loadModules(){const t=this.modules.map(e=>u(e));await Promise.all(t)}getLabelKey(t){const e=t.match(/\[([^\]]+)\]$/);return e?e[1]:t}}export{l as FormEngineStep,l as default};
diff --git a/Resources/Public/JavaScript/page-wizard/steps/position-step.js b/Resources/Public/JavaScript/page-wizard/steps/position-step.js
new file mode 100644
index 0000000..c7df552
--- /dev/null
+++ b/Resources/Public/JavaScript/page-wizard/steps/position-step.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as o}from"lit";import{TaskStatus as c,Task as l}from"@lit/task";import{insertPositionOptions as u}from"@typo3/backend/tree/page-position-select.js";import n from"~labels/core.misc";import h from"@typo3/core/ajax/ajax-request.js";class r{constructor(t){this.context=t,this.key="position",this.title=n.get("selectPosition"),this.autoAdvance=!0,this.positionData=null,this.hasDispatchedAutoAdvance=!1,this.initSummaryTask()}isComplete(){return Number.isFinite(this.positionData?.pageUid)}render(){if(this.getValue()===null){const e=this.context.getStoreData(this.key),s=this.context?.configuration?.positionData??null;if(e!=null)this.setValue(e);else if(s!==null&&(this.setValue(s),(this.context?.configuration?.preventPositionAutoAdvance??!1)==!1&&!this.hasDispatchedAutoAdvance))return this.hasDispatchedAutoAdvance=!0,this.context.dispatchAutoAdvance(),this.context.wizard.renderLoader()}const t=this.getValue();return o`<typo3-backend-component-page-position-select .activePageId=${t?.pageUid} .insertPosition=${t?.insertPosition} @typo3:page-position-select-tree:insert-position-change=${e=>this.handleInsertPositionChange(e)} @typo3:page-position-select-tree:insert-position-confirm=${()=>this.handleInsertPositionConfirm()}></typo3-backend-component-page-position-select>`}reset(){this.setValue(null),this.context.clearStoreData(this.key)}getValue(){return this.positionData}setValue(t){this.positionData=t,this.context.wizard.requestUpdate()}beforeAdvance(){this.context.setStoreData(this.key,this.getValue()),this.initSummaryTask()}getSummaryData(){const t=this.context.getStoreData(this.key),e=t.pageUid,s=u.find(i=>i.value===t.insertPosition);this.summaryTask.status===c.INITIAL&&this.summaryTask.run([e]);const a=this.summaryTask.render({complete:i=>o`<typo3-backend-icon identifier=${i.icon} size=small class=me-1></typo3-backend-icon>${i.title} <code>[pages:${i.uid}]</code>`,error:()=>this.context.wizard.renderError(n.get("pageSelectPositionError")),pending:()=>this.context.wizard.renderLoader()});return[{label:n.get("pageSelectPosition"),value:o`${a} <i>(${s?.label})</i>`}]}handleInsertPositionChange(t){this.setValue({pageUid:t.detail.pageUid,insertPosition:t.detail.position})}handleInsertPositionConfirm(){this.context.dispatchAutoAdvance()}initSummaryTask(){this.summaryTask=new l(this.context.wizard,{task:async([t])=>await(await new h(TYPO3.settings.ajaxUrls.wizard_page_get_page_detail).withQueryArguments({pageUid:t}).get()).resolve(),autoRun:!1})}}export{r as PositionStep,r as default};
diff --git a/Resources/Public/JavaScript/pagetsconfig/pagetsconfig-includes.js b/Resources/Public/JavaScript/pagetsconfig/pagetsconfig-includes.js
new file mode 100644
index 0000000..7772e73
--- /dev/null
+++ b/Resources/Public/JavaScript/pagetsconfig/pagetsconfig-includes.js
@@ -0,0 +1,13 @@
+/*
+ * 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 d from"@typo3/core/document-service.js";import o from"@typo3/backend/modal.js";import{topLevelModuleImport as l}from"@typo3/backend/utility/top-level-module-import.js";import{html as r}from"lit";import{until as m}from"lit/directives/until.js";import p from"@typo3/core/ajax/ajax-request.js";class f{constructor(){this.registerEventListeners()}async registerEventListeners(){await d.ready(),document.querySelectorAll(".t3js-pagetsconfig-includes-modal").forEach(e=>{e.addEventListener("click",s=>{s.preventDefault();const t=o.types.default,a=e.dataset.modalTitle||e.textContent.trim(),n=e.getAttribute("href"),c=o.sizes.large,i=r`${m(this.fetchModalContent(n),r`<div class=modal-loading><typo3-backend-spinner size=large></typo3-backend-spinner></div>`)}`;o.advanced({type:t,title:a,size:c,content:i})})})}async fetchModalContent(e){l("@typo3/backend/code-editor/element/code-mirror-element.js");const t=await(await new p(e).get()).resolve();return r`<typo3-t3editor-codemirror .mode=${{name:"@typo3/backend/code-editor/language/typoscript.js",flags:2,exportName:"typoscript",items:[{type:"invoke",args:[]}]}} nolazyload readonly class="flex-grow-1 mh-100"><textarea readonly disabled class=form-control>${t}</textarea></typo3-t3editor-codemirror>`}}var g=new f;export{g as default};
diff --git a/Resources/Public/JavaScript/popover.js b/Resources/Public/JavaScript/popover.js
new file mode 100644
index 0000000..03977b0
--- /dev/null
+++ b/Resources/Public/JavaScript/popover.js
@@ -0,0 +1,13 @@
+/*
+ * 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{Popover as o}from"bootstrap";class l{constructor(){this.DEFAULT_SELECTOR='[data-bs-toggle="popover"]',this.initialize()}initialize(t){t=t||this.DEFAULT_SELECTOR,document.querySelectorAll(t).forEach(e=>{this.applyTitleIfAvailable(e),new o(e)})}popover(t){this.toIterable(t).forEach(e=>{this.applyTitleIfAvailable(e),new o(e)})}setOptions(t,e){e=e||{};const n=e.title||t.dataset.title||t.dataset.bsTitle||"",s=e.content||t.dataset.bsContent||"";t.dataset.bsTitle=n,t.dataset.bsOriginalTitle=n,t.dataset.bsContent=s,t.dataset.bsPlacement="auto",delete e.title,delete e.content;const a=o.getInstance(t);if(a===null){console.warn("Failed to get popover instance for element.");return}a.setContent({".popover-header":n,".popover-body":s});for(const[i,r]of Object.entries(e))a._config[i]=r}show(t){const e=o.getInstance(t);if(e===null){console.warn("Failed to get popover instance for element.");return}e.show()}hide(t){const e=o.getInstance(t);if(e===null){console.warn("Failed to get popover instance for element.");return}e.hide()}destroy(t){const e=o.getInstance(t);if(e===null){console.warn("Failed to get popover instance for element.");return}e.dispose()}toggle(t){const e=o.getInstance(t);if(e===null){console.warn("Failed to get popover instance for element.");return}e.toggle()}toIterable(t){let e;if(t instanceof HTMLElement)e=[t];else if(t instanceof NodeList)e=t;else throw`Cannot consume element of type ${t.constructor.name}, expected NodeListOf<HTMLElement> or HTMLElement`;return e}applyTitleIfAvailable(t){const e=t.title||t.dataset.title||"";e&&(t.dataset.bsTitle=e)}}var c=new l;export{c as default};
diff --git a/Resources/Public/JavaScript/record-download-button.js b/Resources/Public/JavaScript/record-download-button.js
new file mode 100644
index 0000000..24f1309
--- /dev/null
+++ b/Resources/Public/JavaScript/record-download-button.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as c,customElement as p}from"lit/decorators.js";import{PseudoButtonLitElement as y}from"@typo3/backend/element/pseudo-button.js";import{SeverityEnum as b}from"@typo3/backend/enum/severity.js";import m from"@typo3/backend/modal.js";import u from"~labels/core.mod_web_list";var s=function(n,t,e,l){var i=arguments.length,o=i<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,e):l,r;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(n,t,e,l);else for(var f=n.length-1;f>=0;f--)(r=n[f])&&(o=(i<3?r(o):i>3?r(t,e,o):r(t,e))||o);return i>3&&o&&Object.defineProperty(t,e,o),o},d;(function(n){n.formatSelector=".t3js-record-download-format-selector",n.formatOptions=".t3js-record-download-format-option"})(d||(d={}));let a=class extends y{buttonActivated(){this.showDownloadConfigurationModal()}showDownloadConfigurationModal(){if(!this.url)return;const t=m.advanced({content:this.url,title:this.subject||"Download records",severity:b.notice,size:m.sizes.small,type:m.types.ajax,buttons:[{text:this.close||u.get("button.close"),active:!0,btnClass:"btn-default",name:"cancel",trigger:()=>t.hideModal()},{text:this.ok||u.get("button.ok"),btnClass:"btn-primary",name:"download",trigger:()=>{t.querySelector("form")?.submit(),t.hideModal()}}],ajaxCallback:()=>{const e=t.querySelector(d.formatSelector),l=t.querySelectorAll(d.formatOptions);e===null||!l.length||e.addEventListener("change",i=>{const o=i.target.value;l.forEach(r=>{r.dataset.formatname!==o?r.classList.add("hide"):r.classList.remove("hide")})})}})}};s([c({type:String})],a.prototype,"url",void 0),s([c({type:String})],a.prototype,"subject",void 0),s([c({type:String})],a.prototype,"ok",void 0),s([c({type:String})],a.prototype,"close",void 0),a=s([p("typo3-recordlist-record-download-button")],a);export{a as RecordDownloadButton};
diff --git a/Resources/Public/JavaScript/record-link-handler.js b/Resources/Public/JavaScript/record-link-handler.js
new file mode 100644
index 0000000..e97a359
--- /dev/null
+++ b/Resources/Public/JavaScript/record-link-handler.js
@@ -0,0 +1,13 @@
+/*
+ * 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 a from"@typo3/backend/link-browser.js";import n from"@typo3/core/event/regular-event.js";class o{constructor(){new n("click",(e,t)=>{e.preventDefault();const r=t.closest("span").dataset;a.finalizeFunction(document.body.dataset.linkbrowserIdentifier+r.uid)}).delegateTo(document,"[data-close]")}}var d=new o;export{d as default};
diff --git a/Resources/Public/JavaScript/record-search.js b/Resources/Public/JavaScript/record-search.js
new file mode 100644
index 0000000..6bd4aa5
--- /dev/null
+++ b/Resources/Public/JavaScript/record-search.js
@@ -0,0 +1,13 @@
+/*
+ * 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 c from"@typo3/core/document-service.js";import s from"@typo3/core/event/regular-event.js";var e;(function(r){r.searchFieldSelector="#recordsearchbox-searchterm"})(e||(e={}));class t{constructor(){this.searchField=document.querySelector(e.searchFieldSelector),this.activeSearch=this.searchField?this.searchField.value!=="":!1,c.ready().then(()=>{this.searchField&&new s("search",()=>{this.searchField.value===""&&this.activeSearch&&this.searchField.closest("form").submit()}).bindTo(this.searchField)})}}var a=new t;export{a as default};
diff --git a/Resources/Public/JavaScript/record-usage/record-usage-store.js b/Resources/Public/JavaScript/record-usage/record-usage-store.js
new file mode 100644
index 0000000..5f34e1d
--- /dev/null
+++ b/Resources/Public/JavaScript/record-usage/record-usage-store.js
@@ -0,0 +1,13 @@
+/*
+ * 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 s from"@typo3/backend/storage/client.js";const r="record-usage/";class a{constructor(e){this.storeName=e}track(e){const t=this.load();t.usage[e]={lastUsed:Date.now(),count:(t.usage[e]?.count??0)+1},this.save(t)}getUsage(){return this.load().usage}load(){const e=s.get(this.localStorageKey());return e===null?{usage:{}}:this.removeOldItems(JSON.parse(e))}save(e){s.set(this.localStorageKey(),JSON.stringify(e))}removeOldItems(e){const t=Date.now()-2592e6;return e.usage=Object.fromEntries(Object.entries(e.usage).filter(([,o])=>o.lastUsed>=t)),e}localStorageKey(){return r+this.storeName}}export{a as RecordUsageStore};
diff --git a/Resources/Public/JavaScript/recordlist.js b/Resources/Public/JavaScript/recordlist.js
new file mode 100644
index 0000000..ce69b14
--- /dev/null
+++ b/Resources/Public/JavaScript/recordlist.js
@@ -0,0 +1,13 @@
+/*
+ * 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 m from"@typo3/backend/icons.js";import b from"@typo3/backend/storage/persistent.js";import u from"@typo3/core/event/regular-event.js";import w from"@typo3/core/document-service.js";import{MultiRecordSelectionSelectors as S}from"@typo3/backend/multi-record-selection.js";import{selector as g}from"@typo3/core/literals.js";import E from"@typo3/backend/notification.js";import x from"@typo3/core/ajax/ajax-request.js";import"@typo3/core/ajax/ajax-response.js";import{sudoModeInterceptor as C}from"@typo3/backend/security/sudo-mode-interceptor.js";class p{constructor(){this.identifier={entity:".t3js-entity",toggle:".t3js-toggle-recordlist",localize:".t3js-action-localize",hide:'button[data-datahandler-action="visibility"]',delete:".t3js-record-delete",editMultiple:".t3js-record-edit-multiple",icons:{collapse:"actions-view-list-collapse",expand:"actions-view-list-expand"}},this.toggleClick=(i,e)=>{i.preventDefault();const t=e.dataset.table,n=document.querySelector(e.dataset.bsTarget),o=n.dataset.state==="expanded",c=e.querySelector(".t3js-icon"),d=o?this.identifier.icons.expand:this.identifier.icons.collapse;m.getIcon(d,m.sizes.small).then(l=>{c.replaceWith(document.createRange().createContextualFragment(l))});let a={};b.isset("moduleData.records.collapsedTables")&&(a=b.get("moduleData.records.collapsedTables"));const s={};s[t]=o?1:0,a=Object.assign(a,s),b.set("moduleData.records.collapsedTables",a).then(()=>{n.dataset.state=o?"collapsed":"expanded"})},this.onEditMultiple=(i,e)=>{i.preventDefault();let t="",n="",o=[];const c=[];if(i.type==="multiRecordSelection:action:edit"){const a=i.detail,s=a.configuration;if(n=s.returnUrl||"",o=s.columnsOnly||[],t=s.tableName||"",t==="")return;a.checkboxes.forEach(l=>{const r=l.closest(S.elementSelector);r!==null&&r.dataset[s.idField]&&c.push(r.dataset[s.idField])})}else{const a=e.closest("[data-table]");if(a===null||(t=a.dataset.table||"",t===""))return;n=e.dataset.returnUrl||"",o=JSON.parse(e.dataset.columnsOnly||"{}");const s=a.querySelectorAll(this.identifier.entity+'[data-uid][data-table="'+t+'"] td.col-checkbox input[type="checkbox"]:checked');if(s.length)s.forEach(l=>{c.push(l.closest(this.identifier.entity+g`[data-uid][data-table="${t}"]`).dataset.uid)});else{const l=a.querySelectorAll(this.identifier.entity+g`[data-uid][data-table="${t}"]`);if(!l.length)return;l.forEach(r=>{c.push(r.dataset.uid)})}}if(!c.length)return;let d=top.TYPO3.settings.FormEngine.moduleUrl+"&edit["+t+"]["+c.join(",")+"]=edit&module="+encodeURIComponent(top.TYPO3.ModuleMenu.App.getCurrentModule())+"&returnUrl="+p.getReturnUrl(n);o.length>0&&(d+=o.map((a,s)=>"&columnsOnly["+t+"]["+s+"]="+a).join("")),window.location.href=d},this.disableButton=(i,e)=>{e.setAttribute("disabled","disabled"),e.classList.add("disabled")},this.toggleVisibility=(i,e)=>{e.disabled=!0;const t=e.querySelector(".t3js-icon"),n=t.cloneNode(!0);m.getIcon("spinner-circle",m.sizes.small).then(l=>{t.replaceWith(document.createRange().createContextualFragment(l))});const o=e.closest("tr[data-uid]"),c=o.dataset.table,d=parseInt(o.dataset.uid,10),s=e.dataset.datahandlerStatus==="visible"?"hide":"show";new x(TYPO3.settings.ajaxUrls.record_toggle_visibility).addMiddleware(C).post({table:c,uid:d,action:s}).then(async l=>{const r=await l.resolve();e.setAttribute("data-datahandler-status",r.isVisible?"visible":"hidden");const h=r.isVisible?e.dataset.datahandlerVisibleLabel:e.dataset.datahandlerHiddenLabel;e.setAttribute("title",h);const y=r.isVisible?"actions-edit-hide":"actions-edit-unhide";m.getIcon(y,m.sizes.small).then(v=>{e.querySelector(".t3js-icon").replaceWith(document.createRange().createContextualFragment(v))}),o.querySelector(".col-icon .t3js-icon").replaceWith(document.createRange().createContextualFragment(r.icon));const f=new u("animationend",()=>{o.classList.remove("record-pulse"),f.release()});f.bindTo(o),o.classList.add("record-pulse"),c==="pages"&&top.document.dispatchEvent(new CustomEvent("typo3:pagetree:refresh"))}).catch(async l=>{e.querySelector(".t3js-icon").replaceWith(n);const r=await l.resolve();for(const h of r.messages)E.error(h.title,h.message)}).finally(()=>{e.disabled=!1})},this.registerPaginationEvents=()=>{document.querySelectorAll(".t3js-recordlist-paging").forEach(i=>{i.addEventListener("keyup",e=>{e.preventDefault();let t=Number(i.value);const n=Number(i.min),o=Number(i.max);if(n&&t<n&&(t=n),o&&t>o&&(t=o),i.value=t.toString(10),e.key==="Enter"&&t!==Number(i.dataset.currentpage)){const c=i.closest('form[name^="list-table-form-"]'),d=new URL(c.action,window.origin);d.searchParams.set("pointer",t.toString()),window.location.href=d.toString()}})})},new u("click",this.toggleClick).delegateTo(document,this.identifier.toggle),new u("click",this.onEditMultiple).delegateTo(document,this.identifier.editMultiple),new u("click",this.disableButton).delegateTo(document,this.identifier.localize),new u("click",this.toggleVisibility).delegateTo(document,this.identifier.hide),w.ready().then(()=>{this.registerPaginationEvents()}),new u("multiRecordSelection:action:edit",this.onEditMultiple).bindTo(document),new u("multiRecordSelection:action:copyMarked",i=>{p.submitClipboardFormWithCommand("copyMarked",i.target)}).bindTo(document),new u("multiRecordSelection:action:removeMarked",i=>{p.submitClipboardFormWithCommand("removeMarked",i.target)}).bindTo(document)}static submitClipboardFormWithCommand(i,e){const t=e.closest("form");if(!t)return;const n=t.querySelector('input[name="cmd"]');n&&(n.value=i,t.submit())}static getReturnUrl(i){return i===""&&(i=top.list_frame.document.location.pathname+top.list_frame.document.location.search),encodeURIComponent(i)}}var I=new p;export{I as default};
diff --git a/Resources/Public/JavaScript/resource/resource.js b/Resources/Public/JavaScript/resource/resource.js
new file mode 100644
index 0000000..278d164
--- /dev/null
+++ b/Resources/Public/JavaScript/resource/resource.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class a{constructor(t,i,s,e=!1,l=null,h=null,u=null,n=null,r=null){this.type=t,this.identifier=i,this.name=s,this.hasPreview=e,this.uid=l,this.metaUid=h,this.url=u,this.createdAt=n,this.size=r}}export{a as Resource};
diff --git a/Resources/Public/JavaScript/security/element/csp-reports.js b/Resources/Public/JavaScript/security/element/csp-reports.js
new file mode 100644
index 0000000..c3b185d
--- /dev/null
+++ b/Resources/Public/JavaScript/security/element/csp-reports.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as b,state as h,customElement as $}from"lit/decorators.js";import{LitElement as v,html as s,nothing as d}from"lit";import{classMap as R}from"lit/directives/class-map.js";import p from"@typo3/core/ajax/ajax-request.js";import y from"@typo3/core/event/regular-event.js";import i from"~labels/backend.modules.content_security_policy";import"bootstrap";var a=function(r,e,t,l){var o=arguments.length,c=o<3?e:l===null?l=Object.getOwnPropertyDescriptor(e,t):l,u;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")c=Reflect.decorate(r,e,t,l);else for(var m=r.length-1;m>=0;m--)(u=r[m])&&(c=(o<3?u(c):o>3?u(e,t,c):u(e,t))||c);return o>3&&c&&Object.defineProperty(e,t,c),c},f;(function(r){r.fixable="fixable",r.irrelevant="irrelevant",r.suspicious="suspicious"})(f||(f={}));let n=class extends v{constructor(){super(...arguments),this.selectedScope=null,this.reports=[],this.selectedReport=null,this.suggestions=[],this.previouslyFocusedRow=null}connectedCallback(){super.connectedCallback(),this.fetchReports(),this.peripheralEvent=new y("click",(e,t)=>{t.dataset.cspReportsHandler==="refresh"&&(e.preventDefault(),this.fetchReports())}),this.peripheralEvent.delegateTo(document,"[data-csp-reports-handler]")}disconnectedCallback(){super.disconnectedCallback(),this.peripheralEvent?.release()}updated(e){super.updated(e),e.has("selectedReport")&&this.selectedReport!==null&&this.updateComplete.then(()=>{this.querySelector("#report-details")?.focus()})}createRenderRoot(){return this}render(){return s`<div class=infolist-container><div class=infolist><div class=infolist-header>${this.renderNavigation()}</div><div class=infolist-content><div class="table-fit mb-0"><table class="table table-striped"><thead><tr><th>${i.get("module.label.created")}</th><th>${i.get("module.label.scope")}</th><th>${i.get("module.label.violation")}</th><th>${i.get("module.label.uri")}</th><th></th></tr></thead><tbody>${this.reports.length===0?s`<tr><td colspan=5>${i.get("module.label.noEntriesAvailable")}</td></tr>`:d} ${this.reports.map(e=>s`<tr class=${R({"table-info":this.selectedReport===e})} data-mutation-group=${e.mutationHashes.join("-")} @click=${()=>this.selectReport(e)} @keydown=${t=>this.handleReportKeydown(t,e)} tabindex=0 role=button aria-label=${i.get("module.label.showDetails",[e.details.effectiveDirective,e.details.blockedUri])}><td>${e.created}</td><td>${e.scope}</td><td><span class="badge badge-warning">${e.count}</span> ${e.details.effectiveDirective}</td><td>${this.shortenUri(e.details.blockedUri)}</td><td>${e.attributes.join(", ")}</td></tr>`)}</tbody></table></div></div><div class=infolist-info${this.selectedReport?" infolist-info-showrecord":""}>${this.renderGuide()} ${this.renderSelectedReport()}</div></div></div>`}renderNavigation(){return s`<div class=btn-toolbar><button type=button class="btn btn-default dropdown-toggle" data-bs-toggle=dropdown aria-expanded=false title=${i.get("module.label.scope")}>${this.selectedScope===null?i.get("module.label.all"):this.selectedScope}</button><ul class=dropdown-menu><button class="dropdown-item dropdown-item-spaced" title=${i.get("module.label.all")} @click=${()=>this.selectScope(null)}><span class=${this.selectedScope===null?"text-primary":""}> <typo3-backend-icon identifier=${this.selectedScope===null?"actions-dot":"empty-empty"} size=small></typo3-backend-icon> </span>${i.get("module.label.all")}</button> ${this.scopes.map(e=>s`<li><button class="dropdown-item dropdown-item-spaced" title=${e} @click=${()=>this.selectScope(e)}><span class=${e===this.selectedScope?"text-primary":""}> <typo3-backend-icon identifier=${e===this.selectedScope?"actions-dot":"empty-empty"} size=small></typo3-backend-icon> </span>${e}</button></li>`)}</ul><button type=button class="btn btn-danger" title=${i.get("module.label.removeAll")} @click=${()=>this.invokeDeleteReportsAction()}>${i.get("module.label.removeAll")} ${this.selectedScope!==null?s`"${this.selectedScope}"`:d}</button></div>`}renderGuide(){return s`${this.selectedReport?d:s`<div class=infolist-info-norecord><div class="card mb-0"><div class=card-body><p>${i.get("module.label.guide.no_record_selected")}</p></div></div></div>`}`}renderSelectedReport(){const e=this.selectedReport;return s`${e?s`<div class=infolist-info-record><div class="card mb-0" tabindex=-1 id=report-details @keydown=${t=>this.handleDetailsKeydown(t)}><div class=card-header><h3>${i.get("module.label.details")}</h3></div><div class=card-body><dl><dt>${i.get("module.label.directive")} / ${i.get("module.label.disposition")}</dt><dd>${e.details.effectiveDirective} / ${e.details.disposition}</dd><dt>${i.get("module.label.document_uri")}</dt><dd>${e.details.documentUri} ${this.renderCodeLocation(e)}</dd>${e.details.sourceFile&&e.details.sourceFile!==e.details.documentUri?s`<dt>${i.get("module.label.source_file")}</dt><dd>${e.details.sourceFile}</dd>`:d}<dt>${i.get("module.label.blocked_uri")}</dt><dd>${e.details.blockedUri}</dd>${e.details.scriptSample?s`<dt>${i.get("module.label.sample")}</dt><dd><code>${e.details.scriptSample}</code></dd>`:d} ${e.meta.agent?s`<dt>${i.get("module.label.user_agent")}</dt><dd><code>${e.meta.agent}</code></dd>`:d}<dt>${i.get("module.label.uuid")}</dt><dd><code>${e.uuid}</code></dd><dt>${i.get("module.label.summary")}</dt><dd><code>${e.summary}</code></dd></dl></div>${this.suggestions.length>0?s`<div class=card-header><h3>${i.get("module.label.suggestions")}</h3></div>`:d} ${this.suggestions.map(t=>s`<div class=card-body><h4>${t.label||t.identifier}</h4>${t.collection.mutations.map(l=>s`<p><i>${l.mode}</i> <code>${l.directive}: ${l.sources.join(" ")}</code></p>`)} <button class="btn btn-primary" @click=${()=>this.invokeMutateReportAction(e,t)}><typo3-backend-icon identifier=actions-check size=small></typo3-backend-icon>${i.get("module.button.apply")}</button></div>`)}<div class=card-footer><button class="btn btn-default" @click=${()=>this.selectReport(null)}><typo3-backend-icon identifier=actions-close size=small></typo3-backend-icon>${i.get("module.button.close")}</button> <button class="btn btn-default" @click=${()=>this.invokeMuteReportAction(e)}><typo3-backend-icon identifier=actions-ban size=small></typo3-backend-icon>${i.get("module.button.mute")}</button> <button class="btn btn-default" @click=${()=>this.invokeDeleteReportAction(e)}><typo3-backend-icon identifier=actions-delete size=small></typo3-backend-icon>${i.get("module.button.delete")}</button></div></div></div>`:d}`}renderCodeLocation(e){if(!e.details.lineNumber)return d;const t=[e.details.lineNumber];return e.details.columnNumber&&t.push(e.details.columnNumber),s`(${t.join(":")})`}selectReport(e){this.suggestions=[],e!==null&&this.selectedReport!==e?(this.previouslyFocusedRow=document.activeElement,this.selectedReport=e,this.invokeHandleReportAction(e).then(t=>this.suggestions=t)):(this.selectedReport=null,this.previouslyFocusedRow&&this.updateComplete.then(()=>{this.previouslyFocusedRow?.focus(),this.previouslyFocusedRow=null}))}handleReportKeydown(e,t){if(e.key==="Enter"||e.key==="Space"||e.key===" "){e.preventDefault(),this.selectReport(t);return}const l=e.currentTarget;let o=null;switch(e.key){case"ArrowDown":e.preventDefault(),o=l.nextElementSibling;break;case"ArrowUp":e.preventDefault(),o=l.previousElementSibling;break;case"Home":e.preventDefault(),o=l.parentElement?.firstElementChild;break;case"End":e.preventDefault(),o=l.parentElement?.lastElementChild;break;default:return}o&&o.hasAttribute("tabindex")&&o.focus()}handleDetailsKeydown(e){e.key==="Escape"&&(e.preventDefault(),this.selectReport(null))}focusFirstReportRow(){this.updateComplete.then(()=>{this.querySelector('tbody tr[tabindex="0"]')?.focus()})}selectScope(e){this.selectedScope=e,this.fetchReports()}fetchReports(){this.invokeFetchReportsAction().then(e=>this.reports=e)}filterReports(...e){e.includes(this.selectedReport?.uuid)&&(this.selectedReport=null),this.reports=this.reports.filter(t=>!e.includes(t.uuid))}invokeFetchReportsAction(){return new p(this.controlUri).post({action:"fetchReports",scope:this.selectedScope||""}).then(e=>e.resolve("application/json"))}invokeHandleReportAction(e){return new p(this.controlUri).post({action:"handleReport",uuid:e.uuid}).then(t=>t.resolve("application/json"))}invokeMutateReportAction(e,t){const l=this.reports.filter(o=>o.mutationHashes.includes(t.hash)).map(o=>o.summary);return new p(this.controlUri).post({action:"mutateReport",scope:e.scope,hmac:t.hmac,suggestion:t,summaries:l}).then(o=>o.resolve("application/json")).then(o=>this.filterReports(...o.uuids))}invokeMuteReportAction(e){new p(this.controlUri).post({action:"muteReport",summaries:[e.summary]}).then(t=>t.resolve("application/json")).then(t=>this.filterReports(...t.uuids)).then(()=>this.focusFirstReportRow())}invokeDeleteReportAction(e){new p(this.controlUri).post({action:"deleteReport",summaries:[e.summary]}).then(t=>t.resolve("application/json")).then(t=>this.filterReports(...t.uuids)).then(()=>this.focusFirstReportRow())}invokeDeleteReportsAction(){new p(this.controlUri).post({action:"deleteReports",scope:this.selectedScope||""}).then(e=>e.resolve("application/json")).then(()=>this.fetchReports()).then(()=>this.selectReport(null))}shortenUri(e){if(e==="inline")return e;try{return new URL(e).hostname}catch{return e}}};a([b({type:Array})],n.prototype,"scopes",void 0),a([b({type:String})],n.prototype,"controlUri",void 0),a([h()],n.prototype,"selectedScope",void 0),a([h()],n.prototype,"reports",void 0),a([h()],n.prototype,"selectedReport",void 0),a([h()],n.prototype,"suggestions",void 0),n=a([$("typo3-backend-security-csp-reports")],n);export{n as CspReports};
diff --git a/Resources/Public/JavaScript/security/element/sudo-mode.js b/Resources/Public/JavaScript/security/element/sudo-mode.js
new file mode 100644
index 0000000..3b25bbc
--- /dev/null
+++ b/Resources/Public/JavaScript/security/element/sudo-mode.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as n,customElement as m,state as w,query as b}from"lit/decorators.js";import{LitElement as P,nothing as u,html as d}from"lit";import I from"@typo3/core/ajax/ajax-request.js";import{AjaxResponse as g}from"@typo3/core/ajax/ajax-response.js";import E from"@typo3/backend/viewport.js";import{topLevelModuleImport as T}from"@typo3/backend/utility/top-level-module-import.js";import M,{Sizes as $}from"@typo3/backend/modal.js";import{SeverityEnum as y}from"@typo3/backend/enum/severity.js";var r=function(i,e,s,o){var a=arguments.length,t=a<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,s):o,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(i,e,s,o);else for(var h=i.length-1;h>=0;h--)(c=i[h])&&(t=(a<3?c(t):a>3?c(e,s,t):c(e,s))||t);return a>3&&t&&Object.defineProperty(e,s,t),t};class l extends P{}r([n({type:String})],l.prototype,"verifyActionUri",void 0),r([n({type:String})],l.prototype,"cancelUri",void 0),r([n({type:Boolean})],l.prototype,"isAjax",void 0),r([n({type:Boolean,attribute:"has-fatal-error"})],l.prototype,"hasFatalError",void 0),r([n({type:Boolean,attribute:"allow-install-tool-password"})],l.prototype,"allowInstallToolPassword",void 0),r([n({type:Object})],l.prototype,"labels",void 0);const v=async i=>{window.location!==window.parent.location&&T("@typo3/backend/security/element/sudo-mode.js");const s=top.document.createElement("typo3-backend-security-sudo-mode");return Object.assign(s,i),s.windowRef=window,top.document.body.append(s),new Promise((o,a)=>{s.addEventListener("typo3:sudo-mode:verified",()=>o()),s.addEventListener("typo3:sudo-mode:finished",()=>a())})};let f=class extends l{render(){return u}async firstUpdated(){if(window.location!==window.parent.location){try{await v(this.getPropertyValues())}catch{history.go(-1)}return}M.advanced({title:this.hasFatalError?this.labels.verificationFailed:this.labels.verifyWithUserPassword,severity:this.hasFatalError?y.error:y.notice,size:$.small,additionalCssClasses:["modal-sudo-mode-verification"],buttons:[this.hasFatalError?{text:this.labels.cancel,btnClass:"btn-default",trigger:()=>{top.location.href=this.cancelUri}}:{text:this.labels.verify,name:"verify",form:"verify-sudo-mode",btnClass:"btn-primary"}],content:d`<typo3-backend-security-sudo-mode-form .labels=${this.labels} .verifyActionUri=${this.verifyActionUri} .cancelUri=${this.cancelUri} .isAjax=${this.isAjax} .hasFatalError=${this.hasFatalError} .allowInstallToolPassword=${this.allowInstallToolPassword} .windowRef=${this.windowRef} @typo3:sudo-mode:verified=${()=>this.dispatchEvent(new Event("typo3:sudo-mode:verified"))}></typo3-backend-security-sudo-mode-form>`}).addEventListener("typo3-modal-hidden",()=>{this.dispatchEvent(new Event("typo3:sudo-mode:finished")),this.remove()})}getPropertyValues(){const e={},s=this.constructor;for(const o of s.elementProperties.keys())e[o]=this[o];return e}};f=r([m("typo3-backend-security-sudo-mode")],f);let p=class extends l{constructor(){super(...arguments),this.useInstallToolPassword=!1,this.errorMessage=null}createRenderRoot(){return this}render(){return this.hasFatalError?d`<div><div class="alert alert-danger">${this.labels.verificationExpired}</div></div>`:d`<div>${this.errorMessage?d`<div class="alert alert-danger" id=invalid-password>${this.labels[this.errorMessage]||this.errorMessage}</div>`:u}<p>${this.useInstallToolPassword?this.labels.sudoModeInstallToolPasswordExplanation:this.labels.sudoModeUserPasswordExplanation}</p><form method=post class=form id=verify-sudo-mode spellcheck=false @submit=${e=>this.verifyPassword(e)}>${this.useInstallToolPassword?u:d`<input hidden aria-hidden=true type=text autocomplete=username value=${TYPO3.configuration.username}>`}<div class=form-group><label class=form-label for=password>${this.labels.password}</label> <input required class=form-control id=password type=password name=password autofocus autocomplete=${this.useInstallToolPassword?"section-install current-password":"current-password"}></div></form>${this.allowInstallToolPassword?d`<div class=text-end><a href=# @click=${e=>this.toggleUseInstallToolPassword(e)}> ${this.useInstallToolPassword?this.labels.userPasswordMode:this.labels.installToolPasswordMode} </a></div>`:u}</div>`}updated(e){e.has("useInstallToolPassword")&&(this.closest("typo3-backend-modal").modalTitle=this.getModalTitle())}getModalTitle(){return this.hasFatalError?this.labels.verificationFailed:this.useInstallToolPassword?this.labels.verifyWithInstallToolPassword:this.labels.verifyWithUserPassword}async verifyPassword(e){e.preventDefault(),this.errorMessage=null;try{const o=await(await new I(this.verifyActionUri).post({password:this.passwordElement.value,useInstallToolPassword:this.useInstallToolPassword?1:0})).resolve("application/json");if(this.dispatchEvent(new Event("typo3:sudo-mode:verified")),this.closest("typo3-backend-modal").hideModal(),!this.isAjax&&o.redirect){const{uri:a}=o.redirect,t=this.windowRef??window;t.name==="list_frame"?E.ContentContainer.setUrl(a):t.location.assign(a)}}catch(s){if(s instanceof g){const o=await s.resolve("application/json");this.errorMessage=o.message}else throw s}}toggleUseInstallToolPassword(e){e.preventDefault(),this.useInstallToolPassword=!this.useInstallToolPassword}};r([w()],p.prototype,"useInstallToolPassword",void 0),r([w()],p.prototype,"errorMessage",void 0),r([b("#password")],p.prototype,"passwordElement",void 0),p=r([m("typo3-backend-security-sudo-mode-form")],p);export{f as SudoMode,p as SudoModeForm,v as initiateSudoModeModal};
diff --git a/Resources/Public/JavaScript/security/sudo-mode-interceptor.js b/Resources/Public/JavaScript/security/sudo-mode-interceptor.js
new file mode 100644
index 0000000..cc659b4
--- /dev/null
+++ b/Resources/Public/JavaScript/security/sudo-mode-interceptor.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+const s=async(o,a)=>{const n=o.clone(),t=await a(o);if(t.status===422){const{initiateSudoModeModal:e}=await import("@typo3/backend/security/element/sudo-mode.js"),i=await t.json();try{await e(i.sudoModeInitialization)}catch{return t}return a(n)}return t};export{s as sudoModeInterceptor};
diff --git a/Resources/Public/JavaScript/settings/editor.js b/Resources/Public/JavaScript/settings/editor.js
new file mode 100644
index 0000000..cf76daa
--- /dev/null
+++ b/Resources/Public/JavaScript/settings/editor.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as S,html as a,nothing as c}from"lit";import{property as m,state as v,customElement as T}from"lit/decorators.js";import{live as C}from"lit/directives/live.js";import"@typo3/backend/element/spinner-element.js";import"@typo3/backend/element/icon-element.js";import k from"@typo3/backend/notification.js";import f from"@typo3/backend/utility/dom-helper.js";import R from"@typo3/core/ajax/ajax-request.js";import{copyToClipboard as w}from"@typo3/backend/copy-to-clipboard.js";import{markdown as E}from"@typo3/core/directive/markdown.js";import"@typo3/backend/settings/editor/editable-setting.js";import{SettingsMode as g,sanitizeSettingsMode as _}from"@typo3/backend/settings/enum/settings-mode.enum.js";import p from"~labels/backend.settingseditor";import D from"~labels/backend.copytoclipboard";import"@typo3/backend/settings/type/bool.js";import"@typo3/backend/settings/type/int.js";import"@typo3/backend/settings/type/number.js";import"@typo3/backend/settings/type/string.js";import"@typo3/backend/settings/type/stringlist.js";var d=function(u,i,e,t){var s=arguments.length,n=s<3?i:t===null?t=Object.getOwnPropertyDescriptor(i,e):t,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(u,i,e,t);else for(var r=u.length-1;r>=0;r--)(o=u[r])&&(n=(s<3?o(n):s>3?o(i,e,n):o(i,e))||n);return s>3&&n&&Object.defineProperty(i,e,n),n};class b extends Event{static{this.eventName="typo3:settings-editor:submit"}constructor(i,e){super(b.eventName,{bubbles:!0,composed:!0,cancelable:!1}),this.originalEvent=i,this.formData=e}}let l=class extends S{constructor(){super(...arguments),this.formName="settings_form",this.customFormData={},this.mode=g.basic,this.searchTerm="",this.activeCategory="",this.visibleCategories={},this.observer=null}disconnectedCallback(){super.disconnectedCallback(),this.observer?.disconnect()}createRenderRoot(){return this}adjustNavigationSize(){const i=f.scrollableParent(this),e=this.querySelector(".settings-navigation-inner"),t=this.querySelector(".settings-search"),s=this.querySelector(".settings-navigation");if(s!==null&&e){const n=i.getBoundingClientRect(),o=s.getBoundingClientRect(),r=t?.getBoundingClientRect().bottom??Math.max(n.top,e.getBoundingClientRect().top),h=Math.min(n.bottom,window.innerHeight),y=Math.max(0,h-o.bottom),$=h-r-y;e.style.maxHeight=`${$}px`}}firstUpdated(){f.scrollEventTarget(this).addEventListener("scroll",()=>{this.adjustNavigationSize()})}updated(i){if(i.has("mode")&&this.mode===g.minimal)this.observer?.disconnect(),this.observer=null;else if(i.has("mode")&&this.mode!==g.minimal){const e=f.scrollableParent(this);this.observer=new IntersectionObserver(t=>{t.forEach(o=>{const r=o.target.dataset.key;this.visibleCategories[r]=o.isIntersecting});const s=o=>o.reduce((r,h)=>[...r,h.key,...s(h.categories)],[]),n=s(this.categories).filter(o=>this.visibleCategories[o])[0]||"";n&&(this.activeCategory=n)},{root:e===document.documentElement?null:e,threshold:.1})}if([...this.renderRoot.querySelectorAll(".settings-category")].map(e=>this.observer?.observe(e)),this.adjustNavigationSize(),i.has("activeCategory")){const e=this.querySelector(".settings-navigation-inner"),t=this.querySelector(".settings-navigation-item.active");if(e&&t){const s=e.scrollTop,n=e.getBoundingClientRect().height,o=t.getBoundingClientRect().height,r=t.offsetTop>=s,h=t.offsetTop+o<=s+n;r?h||this.querySelector(".settings-navigation-inner").scrollTo({top:Math.max(0,t.offsetTop+o),behavior:"auto"}):this.querySelector(".settings-navigation-inner").scrollTo({top:Math.max(0,t.offsetTop-o),behavior:"auto"})}}}renderCategoryTree(i,e){return a`<ul data-level=${e}>${i.map(t=>a`<li ?hidden=${t.__hidden}><button type=button @click=${s=>{s.preventDefault(),this.selectCategory(t)}} class="settings-navigation-item ${this.activeCategory===t.key?"active":""}"><span class=settings-navigation-item-icon> <typo3-backend-icon identifier=${t.icon?t.icon:"actions-chevron-end"} size=small></typo3-backend-icon> </span><span class=settings-navigation-item-label>${t.label}</span></button> ${t.categories.length===0?c:a`${this.renderCategoryTree(t.categories,e+1)}`}</li>`)}</ul>`}renderSettings(i,e){return i.map(t=>a`<div class=settings-category-list data-key=${t.key}><div class=settings-category data-key=${t.key} ?hidden=${t.__hidden}>${this.renderHeadline(Math.min(e+1,6),`category-headline-${t.key}`,t.icon,a`${t.label}`)}<div class=settings-category-description>${t.description?E(t.description,"minimal"):c}</div></div>${t.settings.map(s=>a`<typo3-backend-editable-setting ?hidden=${s.__hidden} .setting=${s} .dumpuri=${this.dumpUrl} .mode=${this.mode}></typo3-backend-editable-setting>`)}</div>${t.categories.length===0?c:a`${this.renderSettings(t.categories,e+1)}`}`)}renderHeadline(i,e,t,s){switch(i){case 1:return a`<h1 class=settings-category-headline id=${e}>${t?a`<typo3-backend-icon identifier=${t}></typo3-backend-icon>`:c}${s}</h1>`;case 2:return a`<h2 class=settings-category-headline id=${e}>${t?a`<typo3-backend-icon identifier=${t}></typo3-backend-icon>`:c}${s}</h2>`;case 3:return a`<h3 class=settings-category-headline id=${e}>${t?a`<typo3-backend-icon identifier=${t}></typo3-backend-icon>`:c}${s}</h3>`;case 4:return a`<h4 class=settings-category-headline id=${e}>${t?a`<typo3-backend-icon identifier=${t}></typo3-backend-icon>`:c}${s}</h4>`;case 5:return a`<h5 class=settings-category-headline id=${e}>${t?a`<typo3-backend-icon identifier=${t}></typo3-backend-icon>`:c}${s}</h5>`;case 6:return a`<h6 class=settings-category-headline id=${e}>${t?a`<typo3-backend-icon identifier=${t}></typo3-backend-icon>`:c}${s}</h6>`;default:throw new Error(`Invalid header level: ${i}`)}}selectCategory(i){const e=`#category-headline-${i.key}`,t=this.renderRoot.querySelector(e.replaceAll(".","\\.")),s=f.scrollableParent(this),n=this.renderRoot.querySelector(".settings-search").offsetHeight,o=parseInt(window.getComputedStyle(this.renderRoot.querySelector(".settings-body-inner")).paddingTop,10),r=t.offsetTop-n-o;s.scrollTo({top:r,behavior:"smooth"}),this.activeCategory=i.key}async onSubmit(i){const e=i.target,t=new FormData(e),s={settings:{}};if(t.forEach((n,o)=>{const r=o.match(/^settings\[(.+?)\]$/);r?s.settings[r[1]]=typeof n=="string"?n:n.name:s[o]=typeof n=="string"?n:n.name}),this.dispatchEvent(new b(i,s)),!i.defaultPrevented&&i.submitter?.value==="export"){i.preventDefault();const n=new FormData(e),r=await(await new R(this.dumpUrl).post(n)).resolve();typeof r.yaml=="string"?w(r.yaml):(console.warn("Value can not be copied to clipboard.",typeof r.yaml),k.error(D.get("copyToClipboard.error")))}}async onSearch(i){i.preventDefault(),this.searchTerm=i.currentTarget.value}render(){const i=this.filterCategories(),e=i.filter(t=>!t.__hidden).length>0;return a`<form class=settings-container id=${this.formName} name=${this.formName} action=${this.actionUrl} method=post @submit=${t=>this.onSubmit(t)}>${Object.entries(this.customFormData).map(([t,s])=>a`<input type=hidden name=${t} value=${s}>`)}<div class=settings>${this.mode!==g.minimal?a`<div class=settings-search><label for=settings-search class=visually-hidden>${p.get("settingseditor.search.searchTermVisuallyHiddenLabel")}</label> <input type=search autocomplete=off id=settings-search class=form-control placeholder=${p.get("settingseditor.search.searchTermPlaceholder")} .value=${C(this.searchTerm)} @change=${t=>this.onSearch(t)} @input=${t=>this.onSearch(t)}></div>`:c} ${this.mode!==g.minimal?a`<div class=settings-navigation ?hidden=${!e}><div class=settings-navigation-inner @transitionend=${()=>this.adjustNavigationSize()}>${this.renderCategoryTree(i??[],1)}</div></div>`:c}<div class=settings-body ?hidden=${!e}><div class=settings-body-inner>${this.renderSettings(i??[],1)}</div></div></div>${e?c:a`<div class="callout callout-info mt-3"><div class=callout-icon><span class=icon-emphasized> <typo3-backend-icon identifier=actions-info size=small></typo3-backend-icon> </span></div><div class=callout-content><div class=callout-title>${p.get("settingseditor.search.noResultsTitle")}</div><div class=callout-body><p>${p.get("settingseditor.search.noResultsMessage")}</p><button type=button class="btn btn-default" @click=${()=>this.searchTerm=""}>${p.get("settingseditor.search.noResultsResetButtonLabel")}</button></div></div></div>`}</form>`}filterCategories(i=null){return i??=this.categories,i.map(e=>{const t=this.filterSettings(e.settings),s=this.filterCategories(e.categories),n=t.filter(r=>!r.__hidden).length>0,o=s.filter(r=>!r.__hidden).length>0;return{...e,settings:t,categories:s,__hidden:!n&&!o}})}filterSettings(i){return i.map(e=>({...e,__hidden:!(this.matchesSearchTerm(e.definition.key)||this.matchesSearchTerm(e.definition.label)||this.matchesSearchTerm(e.definition.description??"")||this.valueMatchesSearchTerm(e.value)||e.definition.tags.filter(t=>this.matchesSearchTerm(t)).length>0)}))}matchesSearchTerm(i){return this.searchTerm===""?!0:this.matchesSubstring(i,this.searchTerm)}valueMatchesSearchTerm(i){return typeof i=="string"?this.matchesSearchTerm(i):Array.isArray(i)?i.filter(e=>typeof e=="string"&&this.matchesSearchTerm(e)).length>0:!1}matchesSubstring(i,e){return i.toLowerCase().includes(e.toLowerCase())}};d([m({type:Array})],l.prototype,"categories",void 0),d([m({type:String,attribute:"form-name"})],l.prototype,"formName",void 0),d([m({type:String,attribute:"action-url"})],l.prototype,"actionUrl",void 0),d([m({type:String,attribute:"dump-url"})],l.prototype,"dumpUrl",void 0),d([m({type:Object,attribute:"custom-form-data"})],l.prototype,"customFormData",void 0),d([m({type:String,converter:_})],l.prototype,"mode",void 0),d([v()],l.prototype,"searchTerm",void 0),d([v()],l.prototype,"activeCategory",void 0),l=d([T("typo3-backend-settings-editor")],l);export{l as SettingsEditorElement,b as SettingsEditorSubmitEvent};
diff --git a/Resources/Public/JavaScript/settings/editor/editable-setting.js b/Resources/Public/JavaScript/settings/editor/editable-setting.js
new file mode 100644
index 0000000..7427abe
--- /dev/null
+++ b/Resources/Public/JavaScript/settings/editor/editable-setting.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as f,html as r,nothing as p}from"lit";import{property as u,state as g,customElement as b}from"lit/decorators.js";import{until as h}from"lit/directives/until.js";import"@typo3/backend/element/icon-element.js";import{copyToClipboard as v}from"@typo3/backend/copy-to-clipboard.js";import $ from"@typo3/backend/notification.js";import{markdown as w}from"@typo3/core/directive/markdown.js";import k from"@typo3/core/ajax/ajax-request.js";import{SettingsMode as c,sanitizeSettingsMode as A}from"@typo3/backend/settings/enum/settings-mode.enum.js";import y from"~labels/backend.settingseditor";import S from"~labels/backend.copytoclipboard";import"bootstrap";var d=function(l,e,t,i){var o=arguments.length,n=o<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(l,e,t,i);else for(var m=l.length-1;m>=0;m--)(s=l[m])&&(n=(o<3?s(n):o>3?s(e,t,n):s(e,t))||n);return o>3&&n&&Object.defineProperty(e,t,n),n};let a=class extends f{constructor(){super(...arguments),this.mode=c.basic,this.hasChange=!1,this.typeElement=null}createRenderRoot(){return this}render(){const{value:e,systemDefault:t,definition:i}=this.setting;return r`<div class=${`settings-item settings-item-${i.type} ${this.hasChange?"has-change":""}`} tabindex=0 data-status=${JSON.stringify(e)===JSON.stringify(t)?"none":"modified"}><div class=settings-item-indicator></div><div class=settings-item-title><label for=${`setting-${i.key}`} class=settings-item-label>${i.label}</label><div class=settings-item-description>${w(i.description??"","minimal")}</div>${this.mode===c.advanced?r`<div class=settings-item-key>${i.key}</div>`:p}</div><div class=settings-item-control>${h(this.renderField(),p)}</div><div class=settings-item-message></div><div class=settings-item-actions>${this.renderActions()}</div></div>`}renderField(){return this.typeElement!==null?(this.updateFieldAttributes(this.typeElement),this.typeElement):(async()=>{const{typeImplementation:e}=this.setting,t=await import(e);if(!("componentName"in t))throw new Error(`module ${e} is missing the "componentName" export`);const i=document.createElement(t.componentName);return i.addEventListener("typo3:setting:changed",o=>{this.hasChange=JSON.stringify(this.setting.value)!==JSON.stringify(o.detail.value)}),this.updateFieldAttributes(i),this.typeElement=i,i})()}updateFieldAttributes(e){const{definition:t,value:i}=this.setting,o={key:t.key,formid:`setting-${t.key}`,name:`settings[${t.key}]`,value:Array.isArray(i)?JSON.stringify(i):String(i),debug:this.mode===c.advanced,readonly:t.readonly,enum:Object.keys(t.enum).length>0?JSON.stringify(t.enum):!1,default:Array.isArray(t.default)?JSON.stringify(t.default):String(t.default),options:JSON.stringify(t.options)};for(const[n,s]of Object.entries(o)){if(typeof s=="boolean"){s&&!e.hasAttribute(n)&&e.setAttribute(n,""),!s&&e.hasAttribute(n)&&e.removeAttribute(n);continue}e.getAttribute(n)!==s&&e.setAttribute(n,s)}}renderActions(){const{definition:e}=this.setting;return r`<div class=dropdown><button class=dropdown-toggle type=button data-bs-toggle=dropdown aria-expanded=false><typo3-backend-icon identifier=actions-cog size=small></typo3-backend-icon><span class=visually-hidden>More actions</span></button><ul class=dropdown-menu><li><button class="dropdown-item dropdown-item-spaced" type=button ?disabled=${e.readonly} @click=${()=>this.setToDefaultValue()}><typo3-backend-icon identifier=actions-undo size=small></typo3-backend-icon>${y.get("settingseditor.edit.resetSetting")}</button></li>${this.mode===c.advanced?r`<li><hr class=dropdown-divider></li><li><typo3-copy-to-clipboard text=${e.key} class="dropdown-item dropdown-item-spaced"><typo3-backend-icon identifier=actions-clipboard size=small></typo3-backend-icon>${y.get("settingseditor.edit.copySettingsIdentifier")}</typo3-copy-to-clipboard></li>${this.dumpuri?r`<li><button class="dropdown-item dropdown-item-spaced" type=button @click=${()=>this.copyAsYaml()}><typo3-backend-icon identifier=actions-clipboard-paste size=small></typo3-backend-icon>${y.get("settingseditor.edit.copyAsYaml")}</button></li>`:p}`:p}</ul></div>`}setToDefaultValue(){this.typeElement&&(this.typeElement.value=this.setting.systemDefault,this.typeElement.requestUpdate("value"))}async copyAsYaml(){const e=new FormData(this.typeElement.form),t=`settings[${this.setting.definition.key}]`,i=e.get(t),o=new FormData;o.append("specificSetting",this.setting.definition.key),o.append(t,i);const s=await(await new k(this.dumpuri).post(o)).resolve();typeof s.yaml=="string"?v(s.yaml):(console.warn("Value can not be copied to clipboard.",typeof s.yaml),$.error(S.get("copyToClipboard.error")))}};d([u({type:Object})],a.prototype,"setting",void 0),d([u({type:String})],a.prototype,"dumpuri",void 0),d([u({type:String,converter:A})],a.prototype,"mode",void 0),d([g()],a.prototype,"hasChange",void 0),a=d([b("typo3-backend-editable-setting")],a);export{a as EditableSettingElement};
diff --git a/Resources/Public/JavaScript/settings/enum/settings-mode.enum.js b/Resources/Public/JavaScript/settings/enum/settings-mode.enum.js
new file mode 100644
index 0000000..55b751a
--- /dev/null
+++ b/Resources/Public/JavaScript/settings/enum/settings-mode.enum.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+var a;(function(i){i.minimal="minimal",i.basic="basic",i.advanced="advanced"})(a||(a={}));function n(i){return Object.values(a).includes(i)?i:a.basic}export{a as SettingsMode,n as sanitizeSettingsMode};
diff --git a/Resources/Public/JavaScript/settings/type/base.js b/Resources/Public/JavaScript/settings/type/base.js
new file mode 100644
index 0000000..9e82994
--- /dev/null
+++ b/Resources/Public/JavaScript/settings/type/base.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as f}from"lit";import{defaultConverter as v}from"@lit/reactive-element";import{property as a}from"lit/decorators.js";var i=function(u,t,e,r){var s=arguments.length,l=s<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,e):r,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")l=Reflect.decorate(u,t,e,r);else for(var b=u.length-1;b>=0;b--)(c=u[b])&&(l=(s<3?c(l):s>3?c(t,e,l):c(t,e))||l);return s>3&&l&&Object.defineProperty(t,e,l),l};const n=Symbol("internals"),h=Symbol("privateInternals"),p=Symbol("getFormValue"),d=Symbol("getFormState");class o extends f{constructor(){super(...arguments),this.readonly=!1,this.debug=!1}static{this.formAssociated=!0}createRenderRoot(){return this}get[n](){return this[h]||(this[h]=this.attachInternals()),this[h]}get form(){return this[n].form}get labels(){return this[n].labels}get name(){return this.getAttribute("name")??""}set name(t){this.setAttribute("name",t)}get disabled(){return this.hasAttribute("disabled")}set disabled(t){this.toggleAttribute("disabled",t)}attributeChangedCallback(t,e,r){if(t==="name"||t==="disabled"){const s=t==="disabled"?e!==null:e;this.requestUpdate(t,s);return}super.attributeChangedCallback(t,e,r)}requestUpdate(t,e,r){super.requestUpdate(t,e,r),t==="value"&&(this.dispatchEvent(new CustomEvent("typo3:setting:changed",{detail:{value:this.value}})),this[n].setFormValue(this[p](),this[d]()))}formDisabledCallback(t){this.disabled=t}formResetCallback(){const t=this.value,e=this.getAttribute("value");this.attributeChangedCallback("value",this.valueToString(t),null),this.attributeChangedCallback("value",null,e)}formStateRestoreCallback(t){if(typeof t=="string")this.attributeChangedCallback("value",this.valueToString(this.value),null),this.attributeChangedCallback("value",null,t);else throw new Error(`formStateRestoreCallback() needs to be implemented for <${this.localName}> for state type "${typeof t}"`)}[d](){return this[p]()}[p](){return this.valueToString(this.value)}valueToString(t){const r=this.constructor.getPropertyOptions("value");return(typeof r.converter=="object"&&typeof r.converter?.toAttribute=="function"?r.converter.toAttribute:v.toAttribute)(t,r.type)}}i([a({type:String})],o.prototype,"key",void 0),i([a({type:String})],o.prototype,"formid",void 0),i([a({type:Boolean})],o.prototype,"readonly",void 0),i([a({type:Object})],o.prototype,"enum",void 0),i([a({type:Boolean})],o.prototype,"debug",void 0),i([a({type:Object})],o.prototype,"options",void 0),i([a({noAccessor:!0})],o.prototype,"name",null),i([a({type:Boolean,noAccessor:!0})],o.prototype,"disabled",null);export{o as BaseElement,d as getFormState,p as getFormValue,n as internals};
diff --git a/Resources/Public/JavaScript/settings/type/bool.js b/Resources/Public/JavaScript/settings/type/bool.js
new file mode 100644
index 0000000..a29733e
--- /dev/null
+++ b/Resources/Public/JavaScript/settings/type/bool.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as u}from"lit";import{property as s,customElement as a}from"lit/decorators.js";import{BaseElement as h}from"@typo3/backend/settings/type/base.js";var m=function(e,t,r,n){var c=arguments.length,o=c<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,r):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(e,t,r,n);else for(var i=e.length-1;i>=0;i--)(l=e[i])&&(o=(c<3?l(o):c>3?l(t,r,o):l(t,r))||o);return c>3&&o&&Object.defineProperty(t,r,o),o};const f="typo3-backend-settings-type-bool";let p=class extends h{render(){return u`<div class="form-check form-check-type-toggle"><input type=checkbox id=${this.formid} class=form-check-input value=1 ?disabled=${this.readonly} .checked=${this.value} @change=${t=>this.value=t.target.checked}></div>`}};m([s({type:Boolean,converter:{toAttribute:e=>e?"1":"0",fromAttribute:e=>e==="1"||e==="true"}})],p.prototype,"value",void 0),p=m([a(f)],p);export{p as BoolTypeElement,f as componentName};
diff --git a/Resources/Public/JavaScript/settings/type/color.js b/Resources/Public/JavaScript/settings/type/color.js
new file mode 100644
index 0000000..c3c476b
--- /dev/null
+++ b/Resources/Public/JavaScript/settings/type/color.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as m}from"lit";import{property as f,customElement as s}from"lit/decorators.js";import{BaseElement as d}from"@typo3/backend/settings/type/base.js";import"@typo3/backend/color-picker.js";import y from"@typo3/core/event/regular-event.js";var a=function(r,e,o,n){var l=arguments.length,t=l<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,o):n,p;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(r,e,o,n);else for(var u=r.length-1;u>=0;u--)(p=r[u])&&(t=(l<3?p(t):l>3?p(e,o,t):p(e,o))||t);return l>3&&t&&Object.defineProperty(e,o,t),t};const c="typo3-backend-settings-type-color";let i=class extends d{firstUpdated(){const e=this.getInputElement();e&&new y("blur",o=>{this.updateValue(o.target.value)}).bindTo(e)}updateValue(e){this.value=e}render(){return m`<typo3-backend-color-picker><input type=text id=${this.formid} class=form-control ?readonly=${this.readonly} .value=${this.value} @change=${e=>this.updateValue(e.target.value)}></typo3-backend-color-picker>`}getInputElement(){return this.querySelector("input")}};a([f({type:String})],i.prototype,"value",void 0),i=a([s(c)],i);export{i as ColorTypeElement,c as componentName};
diff --git a/Resources/Public/JavaScript/settings/type/int.js b/Resources/Public/JavaScript/settings/type/int.js
new file mode 100644
index 0000000..1d790ef
--- /dev/null
+++ b/Resources/Public/JavaScript/settings/type/int.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as l,nothing as p}from"lit";import{property as f,customElement as d}from"lit/decorators.js";import{live as h}from"lit/directives/live.js";import{BaseElement as $}from"@typo3/backend/settings/type/base.js";var u=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var m=i.length-1;m>=0;m--)(s=i[m])&&(n=(r<3?s(n):r>3?s(e,t,n):s(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};const c="typo3-backend-settings-type-int";let a=class extends ${handleChange(e){const t=e.target;t.reportValidity()&&(t instanceof HTMLInputElement?this.value=t.valueAsNumber:this.value=parseInt(t.value,10))}renderEnum(){return l`<select id=${this.formid} class=form-select ?readonly=${this.readonly} .value=${h(this.value)} @change=${this.handleChange}>${Object.entries(this.enum).map(([e,t])=>l`<option ?selected=${this.value.toString()===e} value=${e}>${t}${this.debug?l`[${e}]`:p}</option>`)}</select>`}render(){return typeof this.enum=="object"?this.renderEnum():l`<input type=number id=${this.formid} class=form-control ?readonly=${this.readonly} .value=${h(String(this.value))} required min=${this.options.min??p} max=${this.options.max??p} step=${this.options.step??p} @change=${this.handleChange}>`}};u([f({type:Number})],a.prototype,"value",void 0),a=u([d(c)],a);export{a as IntTypeElement,c as componentName};
diff --git a/Resources/Public/JavaScript/settings/type/number.js b/Resources/Public/JavaScript/settings/type/number.js
new file mode 100644
index 0000000..f9da1cf
--- /dev/null
+++ b/Resources/Public/JavaScript/settings/type/number.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as f,nothing as s}from"lit";import{property as c,customElement as h}from"lit/decorators.js";import{live as d}from"lit/directives/live.js";import{BaseElement as y}from"@typo3/backend/settings/type/base.js";var a=function(o,e,t,r){var i=arguments.length,n=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,m;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(o,e,t,r);else for(var l=o.length-1;l>=0;l--)(m=o[l])&&(n=(i<3?m(n):i>3?m(e,t,n):m(e,t))||n);return i>3&&n&&Object.defineProperty(e,t,n),n};const u="typo3-backend-settings-type-number";let p=class extends y{handleChange(e){const t=e.target;t.reportValidity()&&(this.value=t.valueAsNumber)}render(){return f`<input type=number id=${this.formid} class=form-control ?readonly=${this.readonly} .value=${d(this.value)} required min=${this.options.min??s} max=${this.options.max??s} step=${this.options.step??"0.01"} @change=${this.handleChange}>`}};a([c({type:Number})],p.prototype,"value",void 0),p=a([h(u)],p);export{p as NumberTypeElement,u as componentName};
diff --git a/Resources/Public/JavaScript/settings/type/page.js b/Resources/Public/JavaScript/settings/type/page.js
new file mode 100644
index 0000000..e5580db
--- /dev/null
+++ b/Resources/Public/JavaScript/settings/type/page.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as m,nothing as c}from"lit";import{property as u,customElement as g}from"lit/decorators.js";import{MessageUtility as y}from"@typo3/backend/utility/message-utility.js";import{BaseElement as h}from"@typo3/backend/settings/type/base.js";import d from"@typo3/backend/modal.js";import v from"~labels/backend.settingseditor";import"@typo3/backend/element/icon-element.js";var p=function(o,e,n,r){var i=arguments.length,t=i<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,n):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")t=Reflect.decorate(o,e,n,r);else for(var l=o.length-1;l>=0;l--)(s=o[l])&&(t=(i<3?s(t):i>3?s(e,n,t):s(e,n))||t);return i>3&&t&&Object.defineProperty(e,n,t),t};const f="typo3-backend-settings-type-page";let a=class extends h{constructor(){super(...arguments),this.elementBrowserListener=e=>{if(!y.verifyOrigin(e.origin))throw"Denied message sent by "+e.origin;if(e.data.actionName==="typo3:elementBrowser:elementAdded"){if(typeof e.data.fieldName>"u")throw"fieldName not defined in message";if(typeof e.data.value>"u")throw"value not defined in message";this.value=e.data.value.split("_").pop()}}}render(){return m`<div class=input-grouped><input type=number id=${this.formid} class=form-control ?readonly=${this.readonly} .value=${this.value} @change=${e=>this.value=parseInt(e.target.value,10)}> ${this.canUseElementBrowser()?m`<button type=button class="btn btn-default" @click=${()=>this.openElementBrowser()}><typo3-backend-icon identifier=apps-pagetree-page size=small></typo3-backend-icon>${v.get("settingseditor.type.page.button")||"Select page"}</button>`:c}</div>`}canUseElementBrowser(){return top.TYPO3.settings?.Wizards?.elementBrowserUrl!==void 0}openElementBrowser(){const e="db",n=new URLSearchParams({mode:e,fieldReference:this.formid,allowedTypes:"pages"}),r=d.advanced({type:d.types.iframe,content:top.TYPO3.settings.Wizards.elementBrowserUrl+"&"+n.toString(),size:d.sizes.large});window.addEventListener("message",this.elementBrowserListener),r.addEventListener("typo3-modal-hide",()=>{window.removeEventListener("message",this.elementBrowserListener)})}};p([u({type:Number})],a.prototype,"value",void 0),a=p([g(f)],a);export{a as PageTypeElement,f as componentName};
diff --git a/Resources/Public/JavaScript/settings/type/string.js b/Resources/Public/JavaScript/settings/type/string.js
new file mode 100644
index 0000000..e2d8d90
--- /dev/null
+++ b/Resources/Public/JavaScript/settings/type/string.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as s,nothing as m}from"lit";import{property as f,customElement as d}from"lit/decorators.js";import{live as p}from"lit/directives/live.js";import{BaseElement as $}from"@typo3/backend/settings/type/base.js";var c=function(i,e,t,o){var r=arguments.length,n=r<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,e,t,o);else for(var h=i.length-1;h>=0;h--)(l=i[h])&&(n=(r<3?l(n):r>3?l(e,t,n):l(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};const u="typo3-backend-settings-type-string";let a=class extends ${handleChange(e){const t=e.target;t.reportValidity()&&(this.value=t.value)}renderEnum(){return s`<select id=${this.formid} class=form-select ?readonly=${this.readonly} .value=${p(this.value)} @change=${this.handleChange}>${Object.entries(this.enum).map(([e,t])=>s`<option ?selected=${this.value===e} value=${e}>${t}${this.debug?s`[${e}]`:m}</option>`)}</select>`}render(){return typeof this.enum=="object"?this.renderEnum():s`<input type=text id=${this.formid} class=form-control ?readonly=${this.readonly} .value=${p(this.value)} minlength=${this.options.min??m} maxlength=${this.options.max??m} @change=${this.handleChange}>`}};c([f({type:String})],a.prototype,"value",void 0),a=c([d(u)],a);export{a as StringTypeElement,u as componentName};
diff --git a/Resources/Public/JavaScript/settings/type/stringlist.js b/Resources/Public/JavaScript/settings/type/stringlist.js
new file mode 100644
index 0000000..07a9805
--- /dev/null
+++ b/Resources/Public/JavaScript/settings/type/stringlist.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as d}from"lit";import{property as p,customElement as b}from"lit/decorators.js";import{BaseElement as m}from"@typo3/backend/settings/type/base.js";import{live as f}from"lit/directives/live.js";var c=function(i,t,e,l){var n=arguments.length,o=n<3?t:l===null?l=Object.getOwnPropertyDescriptor(t,e):l,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(i,t,e,l);else for(var s=i.length-1;s>=0;s--)(a=i[s])&&(o=(n<3?a(o):n>3?a(t,e,o):a(t,e))||o);return n>3&&o&&Object.defineProperty(t,e,o),o};const u="typo3-backend-settings-type-stringlist";let r=class extends m{updateValue(t,e){const l=[...this.value];l[e]=t,this.value=l}addValue(t,e=""){this.value=this.value.toSpliced(t+1,0,e)}removeValue(t){this.value=this.value.toSpliced(t,1)}renderItem(t,e){return d`<tr><td width=99%><input id=${`${this.formid}${e>0?"-"+e:""}`} type=text class=form-control ?readonly=${this.readonly} .value=${f(t)} @change=${l=>this.updateValue(l.target.value,e)}></td><td><div class=btn-group role=group><button class="btn btn-default" type=button ?disabled=${this.readonly} @click=${()=>this.addValue(e)}><typo3-backend-icon identifier=actions-plus size=small></typo3-backend-icon></button> <button class="btn btn-default" type=button ?disabled=${this.readonly} @click=${()=>this.removeValue(e)}><typo3-backend-icon identifier=actions-delete size=small></typo3-backend-icon></button></div></td></tr>`}render(){const t=this.value||[];return t.length===0?d`<button id=${this.formid} class="btn btn-default" type=button ?disabled=${this.readonly} @click=${()=>this.addValue(0)}><typo3-backend-icon identifier=actions-plus size=small></typo3-backend-icon></button>`:d`<div class=form-control-wrap><div class=table-fit><table class="table table-hover"><tbody>${t.map((e,l)=>this.renderItem(e,l))}</tbody></table></div></div>`}};c([p({type:Array})],r.prototype,"value",void 0),r=c([b(u)],r);export{r as StringlistTypeElement,u as componentName};
diff --git a/Resources/Public/JavaScript/settings/type/url.js b/Resources/Public/JavaScript/settings/type/url.js
new file mode 100644
index 0000000..99d6567
--- /dev/null
+++ b/Resources/Public/JavaScript/settings/type/url.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as u,nothing as c}from"lit";import{property as f,customElement as h}from"lit/decorators.js";import{live as d}from"lit/directives/live.js";import{BaseElement as v}from"@typo3/backend/settings/type/base.js";var m=function(n,e,t,o){var l=arguments.length,r=l<3?e:o===null?o=Object.getOwnPropertyDescriptor(e,t):o,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(n,e,t,o);else for(var a=n.length-1;a>=0;a--)(i=n[a])&&(r=(l<3?i(r):l>3?i(e,t,r):i(e,t))||r);return l>3&&r&&Object.defineProperty(e,t,r),r};const s="typo3-backend-settings-type-url";let p=class extends v{constructor(){super(...arguments),this.value=""}handleChange(e){const t=e.target;t.reportValidity()&&(this.value=t.value.trim())}render(){return u`<input type=url id=${this.formid} class=form-control .value=${d(this.value)} ?readonly=${this.readonly} pattern=${this.options.pattern??c} @change=${this.handleChange}>`}};m([f({type:String})],p.prototype,"value",void 0),p=m([h(s)],p);export{p as UrlTypeElement,s as componentName};
diff --git a/Resources/Public/JavaScript/setup-module.js b/Resources/Public/JavaScript/setup-module.js
new file mode 100644
index 0000000..2c5f167
--- /dev/null
+++ b/Resources/Public/JavaScript/setup-module.js
@@ -0,0 +1,13 @@
+/*
+ * 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{MessageUtility as r}from"@typo3/backend/utility/message-utility.js";import d from"@typo3/backend/storage/client.js";import s from"@typo3/core/event/regular-event.js";import o from"@typo3/backend/modal.js";class i{constructor(){new s("setup:confirmation:response",i.handleConfirmationResponse).delegateTo(document,'[data-event-name="setup:confirmation:response"]'),new s("click",(e,t)=>{const a=new CustomEvent(t.dataset.eventName,{bubbles:!0,detail:{payload:t.dataset.eventPayload}});t.dispatchEvent(a)}).delegateTo(document,'[data-event="click"][data-event-name]'),document.querySelectorAll("[data-setup-avatar-field]").forEach(e=>{const t=e.dataset.setupAvatarField,a=document.getElementById("clear_button_"+t),n=document.getElementById("add_button_"+t);n.addEventListener("click",()=>this.avatarOpenFileBrowser(n.dataset.setupAvatarUrl)),a?.addEventListener("click",()=>this.avatarClearExistingImage(t))}),document.querySelector("[data-setup-avatar-field]")!==null&&this.initializeMessageListener()}static handleConfirmationResponse(e){if(e.detail.result&&e.detail.payload==="resetConfiguration"){d.unsetByPrefix("");const t=document.querySelector("#setValuesToDefault");t.value="1",t.form.submit()}}static hideElement(e){e.style.display="none"}initializeMessageListener(){window.addEventListener("message",e=>{if(!r.verifyOrigin(e.origin))throw new Error("Denied message sent by "+e.origin);if(e.data.actionName==="typo3:foreignRelation:insert"){if(typeof e.data.objectGroup>"u")throw new Error("No object group defined for message");const t=e.data.objectGroup.match(/(?:^|-)avatar-(.+)$/);if(t===null)return;this.avatarSetFileUid(t[1],e.data.uid)}})}avatarOpenFileBrowser(e){o.advanced({type:o.types.iframe,content:e,size:o.sizes.large})}avatarClearExistingImage(e){const t=document.getElementById("field_"+e),a=document.getElementById("image_"+e),n=document.getElementById("clear_button_"+e);n&&i.hideElement(n),a&&i.hideElement(a),t.value="delete"}avatarSetFileUid(e,t){this.avatarClearExistingImage(e);const a=document.getElementById("field_"+e),n=document.getElementById("add_button_"+e);a.value=t,n.classList.remove("btn-default"),n.classList.add("btn-info"),this.avatarWindowRef instanceof Window&&!this.avatarWindowRef.closed&&(this.avatarWindowRef.close(),this.avatarWindowRef=null)}}var l=new i;export{l as default};
diff --git a/Resources/Public/JavaScript/severity.js b/Resources/Public/JavaScript/severity.js
new file mode 100644
index 0000000..fef5d90
--- /dev/null
+++ b/Resources/Public/JavaScript/severity.js
@@ -0,0 +1,13 @@
+/*
+ * 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{SeverityEnum as e}from"@typo3/backend/enum/severity.js";class r{static{this.notice=e.notice}static{this.info=e.info}static{this.ok=e.ok}static{this.warning=e.warning}static{this.error=e.error}static getCssClass(n){let t;switch(n){case e.notice:t="notice";break;case e.ok:t="success";break;case e.warning:t="warning";break;case e.error:t="danger";break;case e.info:default:t="info"}return t}}let i;try{window.opener&&window.opener.TYPO3&&window.opener.TYPO3.Severity&&(i=window.opener.TYPO3.Severity),parent&&parent.window.TYPO3&&parent.window.TYPO3.Severity&&(i=parent.window.TYPO3.Severity),top&&top.TYPO3&&top.TYPO3.Severity&&(i=top.TYPO3.Severity)}catch{}i||(i=r,typeof TYPO3<"u"&&(TYPO3.Severity=i));export{r as default};
diff --git a/Resources/Public/JavaScript/site-inline-actions.js b/Resources/Public/JavaScript/site-inline-actions.js
new file mode 100644
index 0000000..ecd1bed
--- /dev/null
+++ b/Resources/Public/JavaScript/site-inline-actions.js
@@ -0,0 +1,13 @@
+/*
+ * 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 e from"@typo3/core/document-service.js";class i{constructor(){e.ready().then(()=>{TYPO3.settings.ajaxUrls.record_inline_details=TYPO3.settings.ajaxUrls.site_configuration_inline_details,TYPO3.settings.ajaxUrls.record_inline_create=TYPO3.settings.ajaxUrls.site_configuration_inline_create})}}var t=new i;export{t as default};
diff --git a/Resources/Public/JavaScript/sortable-table.js b/Resources/Public/JavaScript/sortable-table.js
new file mode 100644
index 0000000..b372947
--- /dev/null
+++ b/Resources/Public/JavaScript/sortable-table.js
@@ -0,0 +1,13 @@
+/*
+ * 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 x from"tablesort";import"tablesort.dotsep.js";import"tablesort.number.js";import{IconElement as L}from"@typo3/backend/element/icon-element.js";import{Sizes as A}from"@typo3/backend/enum/icon-types.js";import D from"~labels/core.core";class I extends x{init(o,g){let r,l;if(this.table=o,this.thead=!1,this.options=g,o.rows&&o.rows.length>0)if(o.tHead&&o.tHead.rows.length>0){for(let t=0;t<o.tHead.rows.length;t++)if(o.tHead.rows[t].getAttribute("data-sort-method")==="thead"){r=o.tHead.rows[t];break}r||(r=o.tHead.rows[o.tHead.rows.length-1]),this.thead=!0}else r=o.rows[0];if(!r)return;const h=t=>{t.preventDefault(),t.stopImmediatePropagation();const n=t.currentTarget.dataset.sortDirection,e=t.currentTarget.closest("th, td");this.current===e&&this.current.ariaSort===n||(e.ariaSort=n==="ascending"?"descending":"ascending",this.current&&this.current!==e&&this.current.removeAttribute("aria-sort"),this.current=e,this.sortTable(e))};for(let t=0;t<r.cells.length;t++){const n=r.cells[t];if(n.setAttribute("role","columnheader"),n.getAttribute("data-sort-method")!=="none"){const e=document.createElement("button");e.classList.add("dropdown-toggle","dropdown-toggle-link"),e.dataset.bsToggle="dropdown",e.dataset.sortingToggle="true",e.type="button",e.ariaExpanded="false",e.textContent=n.textContent;const c=new L;c.identifier="empty-empty",c.size=A.small;const m=document.createElement("div");m.appendChild(c),e.appendChild(m),n.replaceChildren(e);const p=document.createElement("div");p.classList.add("dropdown-menu");const s=D.get("labels.sorting.asc"),i=document.createElement("button");i.classList.add("dropdown-item"),i.type="button",i.title=s,i.ariaLabel=s,i.dataset.sortDirection="ascending",i.addEventListener("click",h,!1);const a=document.createElement("span");a.classList.add("dropdown-item-columns"),i.appendChild(a);const b=document.createElement("span");b.classList.add("dropdown-item-column","dropdown-item-column-icon","text-primary"),a.appendChild(b);const f=new L;f.identifier="empty-empty",f.size=A.small,b.appendChild(f);const w=document.createElement("span");w.classList.add("dropdown-item-column","dropdown-item-column-title"),w.textContent=s,a.appendChild(w),p.appendChild(i);const y=D.get("labels.sorting.desc"),d=document.createElement("button");d.classList.add("dropdown-item"),d.type="button",d.title=y,d.ariaLabel=y,d.dataset.sortDirection="descending",d.addEventListener("click",h,!1);const u=document.createElement("span");u.classList.add("dropdown-item-columns"),d.appendChild(u);const S=document.createElement("span");S.classList.add("dropdown-item-column","dropdown-item-column-icon","text-primary"),u.appendChild(S);const C=new L;C.identifier="empty-empty",C.size=A.small,S.appendChild(C);const E=document.createElement("span");E.classList.add("dropdown-item-column","dropdown-item-column-title"),E.textContent=y,u.appendChild(E),p.appendChild(d),n.appendChild(p),n.getAttribute("data-sort-default")!==null&&(l=n)}}l&&(this.current=l,this.sortTable(l))}}class W{constructor(o){o.addEventListener("afterSort",g=>{const r=g.target;r.tHead.querySelectorAll(".dropdown-toggle[data-sorting-toggle]").forEach(s=>{s.querySelector(":scope > div").classList.remove("text-primary");const a=s.querySelector("typo3-backend-icon");a.identifier="empty-empty",a.classList.remove("text-primary")}),r.tHead.querySelectorAll(".dropdown-toggle[data-sorting-toggle] + .dropdown-menu typo3-backend-icon").forEach(s=>{s.identifier="empty-empty"});const t=r.tHead.querySelector("th[aria-sort]"),n=t.querySelector(".dropdown-toggle[data-sorting-toggle]");n.querySelector(":scope > div").classList.add("text-primary");const c=n.querySelector("typo3-backend-icon"),m=t.querySelector(".dropdown-menu");t.ariaSort==="ascending"?c.identifier="actions-sort-amount-up":c.identifier="actions-sort-amount-down",m.querySelectorAll(".dropdown-item").forEach(s=>{const i=s.dataset.sortDirection,a=s.querySelector("typo3-backend-icon");i===t.ariaSort?a.identifier="actions-dot":a.identifier="empty-empty"})}),new I(o)}}export{W as default};
diff --git a/Resources/Public/JavaScript/storage/abstract-client-storage.js b/Resources/Public/JavaScript/storage/abstract-client-storage.js
new file mode 100644
index 0000000..41c10ce
--- /dev/null
+++ b/Resources/Public/JavaScript/storage/abstract-client-storage.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class r{constructor(){this.keyPrefix="t3-",this.storage=null}get(t){return this.storage===null?null:this.storage.getItem(this.keyPrefix+t)}getByPrefix(t){if(this.storage===null)return{};const e=Object.entries(this.storage).filter(s=>s[0].startsWith(this.keyPrefix+t)).map(s=>[s[0].substring(this.keyPrefix.length),s[1]]);return Object.fromEntries(e)}set(t,e){this.storage!==null&&this.storage.setItem(this.keyPrefix+t,e)}unset(t){this.storage!==null&&this.storage.removeItem(this.keyPrefix+t)}unsetByPrefix(t){this.storage!==null&&(t=this.keyPrefix+t,Object.keys(this.storage).filter(e=>e.startsWith(t)).forEach(e=>this.storage.removeItem(e)))}clear(){this.storage!==null&&this.storage.clear()}isset(t){return this.storage===null?!1:this.get(t)!==null}}export{r as default};
diff --git a/Resources/Public/JavaScript/storage/browser-session.js b/Resources/Public/JavaScript/storage/browser-session.js
new file mode 100644
index 0000000..eda2572
--- /dev/null
+++ b/Resources/Public/JavaScript/storage/browser-session.js
@@ -0,0 +1,13 @@
+/*
+ * 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 s from"@typo3/backend/storage/abstract-client-storage.js";class e extends s{constructor(){super(),this.storage=sessionStorage}}var r=new e;export{r as default};
diff --git a/Resources/Public/JavaScript/storage/client.js b/Resources/Public/JavaScript/storage/client.js
new file mode 100644
index 0000000..ae19113
--- /dev/null
+++ b/Resources/Public/JavaScript/storage/client.js
@@ -0,0 +1,13 @@
+/*
+ * 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 t from"@typo3/backend/storage/abstract-client-storage.js";class e extends t{constructor(){super(),this.storage=localStorage}}var r=new e;export{r as default};
diff --git a/Resources/Public/JavaScript/storage/module-state-storage.js b/Resources/Public/JavaScript/storage/module-state-storage.js
new file mode 100644
index 0000000..87b3ab7
--- /dev/null
+++ b/Resources/Public/JavaScript/storage/module-state-storage.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class e{static{this.prefix="t3-module-state-"}static update(s,t){if(t===null&&(t=0),typeof t=="number")t=t.toString(10);else if(typeof t!="string")throw new SyntaxError("identifier must be of type string");const r=e.current(s),n=t===r.identifier?r.treeIdentifier:null,i={identifier:t,treeIdentifier:n};return e.commit(s,"update",i),i}static updateWithTreeIdentifier(s,t,r){if(typeof t=="number")t=t.toString(10);else if(typeof t!="string")throw new SyntaxError("identifier must be of type string");if(typeof r=="number")r=r.toString(10);else if(typeof r!="string")throw new SyntaxError("treeIdentifier must be of type string");const n={identifier:t,treeIdentifier:r};return e.commit(s,"update-with-tree-identifier",n),n}static updateWithCurrentMount(s,t){e.update(s,t)}static current(s){return{...e.getInitialState(),...e.fetch(s)??{}}}static purge(){Object.keys(sessionStorage).filter(s=>s.startsWith(e.prefix)).forEach(s=>sessionStorage.removeItem(s))}static fetch(s){const t=sessionStorage.getItem(e.prefix+s);return t===null?null:JSON.parse(t)}static async commit(s,t,r){const n=e.current(s);sessionStorage.setItem(e.prefix+s,JSON.stringify(r)),top.document.dispatchEvent(new CustomEvent("typo3:module-state-storage:"+t+":"+s,{detail:{state:r,oldState:n}}))}static getInitialState(){return{identifier:"",treeIdentifier:null}}}window.ModuleStateStorage=e;export{e as ModuleStateStorage};
diff --git a/Resources/Public/JavaScript/storage/persistent.js b/Resources/Public/JavaScript/storage/persistent.js
new file mode 100644
index 0000000..0b38ed2
--- /dev/null
+++ b/Resources/Public/JavaScript/storage/persistent.js
@@ -0,0 +1,13 @@
+/*
+ * 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 r from"@typo3/core/ajax/ajax-request.js";class o{constructor(){this.data=null}get(s){return this.data===null&&(this.data=this.loadFromServer()),this.getRecursiveDataByDeepKey(this.data,s.split("."))}set(s,e){return this.data!==null&&(this.data=this.setRecursiveDataByDeepKey(this.data,s.split("."),e)),this.storeOnServer(s,e)}async addToList(s,e){const t=await new r(TYPO3.settings.ajaxUrls.usersettings_process).post({action:"addToList",key:s,value:e});return this.resolveResponse(t)}async removeFromList(s,e){const t=await new r(TYPO3.settings.ajaxUrls.usersettings_process).post({action:"removeFromList",key:s,value:e});return this.resolveResponse(t)}async unset(s){const e=await new r(TYPO3.settings.ajaxUrls.usersettings_process).post({action:"unset",key:s});return this.resolveResponse(e)}clear(){new r(TYPO3.settings.ajaxUrls.usersettings_process).post({action:"clear"}),this.data=null}isset(s){const e=this.get(s);return typeof e<"u"&&e!==null}load(s){this.data=s}loadFromServer(){const s=new URL(location.origin+TYPO3.settings.ajaxUrls.usersettings_process);s.searchParams.set("action","getAll");const e=new XMLHttpRequest;if(e.open("GET",s.toString(),!1),e.send(),e.status===200)return JSON.parse(e.responseText);throw`Unexpected response code ${e.status}, reason: ${e.responseText}`}async storeOnServer(s,e){const t=await new r(TYPO3.settings.ajaxUrls.usersettings_process).post({action:"set",key:s,value:e});return this.resolveResponse(t)}getRecursiveDataByDeepKey(s,e){if(e.length===1)return(s||{})[e[0]];const t=e.shift();return this.getRecursiveDataByDeepKey(s[t]||{},e)}setRecursiveDataByDeepKey(s,e,t){if(e.length===1)s=s||{},s[e[0]]=t;else{const n=e.shift();s[n]=this.setRecursiveDataByDeepKey(s[n]||{},e,t)}return s}async resolveResponse(s){const e=await s.resolve();return this.data=e,e}}var i=new o;export{i as default};
diff --git a/Resources/Public/JavaScript/switch-user.js b/Resources/Public/JavaScript/switch-user.js
new file mode 100644
index 0000000..6d6b4b6
--- /dev/null
+++ b/Resources/Public/JavaScript/switch-user.js
@@ -0,0 +1,13 @@
+/*
+ * 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{PseudoButtonLitElement as p}from"@typo3/backend/element/pseudo-button.js";import{property as l,customElement as d}from"lit/decorators.js";import f from"@typo3/core/ajax/ajax-request.js";import u from"@typo3/backend/notification.js";var w=function(i,e,t,n){var c=arguments.length,r=c<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,t):n,h;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(i,e,t,n);else for(var a=i.length-1;a>=0;a--)(h=i[a])&&(r=(c<3?h(r):c>3?h(e,t,r):h(e,t))||r);return c>3&&r&&Object.defineProperty(e,t,r),r},o;(function(i){i.switch="switch",i.exit="exit"})(o||(o={}));let s=class extends p{constructor(){super(...arguments),this.mode=o.switch}buttonActivated(){this.mode===o.switch?this.handleSwitchUser():this.mode===o.exit&&this.handleExitSwitchUser()}handleSwitchUser(){if(!this.targetUser){u.error("Switching to user went wrong.");return}new f(TYPO3.settings.ajaxUrls.switch_user).post({targetUser:this.targetUser}).then(async e=>{const t=await e.resolve();t.success===!0&&t.url?top.window.location.href=t.url:u.error("Switching to user went wrong.")})}handleExitSwitchUser(){new f(TYPO3.settings.ajaxUrls.switch_user_exit).post({}).then(async e=>{const t=await e.resolve();t.success===!0&&t.url?top.window.location.href=t.url:u.error("Exiting current user went wrong.")})}};w([l({type:String})],s.prototype,"targetUser",void 0),w([l({type:o})],s.prototype,"mode",void 0),s=w([d("typo3-backend-switch-user")],s);export{s as SwitchUser};
diff --git a/Resources/Public/JavaScript/tab.js b/Resources/Public/JavaScript/tab.js
new file mode 100644
index 0000000..6d4c9a4
--- /dev/null
+++ b/Resources/Public/JavaScript/tab.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as v,html as m}from"lit";import{customElement as p}from"lit/decorators.js";import b from"@typo3/core/document-service.js";import h from"@typo3/backend/storage/browser-session.js";import y from"@typo3/backend/storage/client.js";import"@typo3/backend/element/icon-element.js";var A=function(l,t,e,s){var n=arguments.length,r=n<3?t:s===null?s=Object.getOwnPropertyDescriptor(t,e):s,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")r=Reflect.decorate(l,t,e,s);else for(var i=l.length-1;i>=0;i--)(a=l[i])&&(r=(n<3?a(r):n>3?a(t,e,r):a(t,e))||r);return n>3&&r&&Object.defineProperty(t,e,r),r};class c extends CustomEvent{static{this.eventName="typo3:tab:show"}constructor(t){super(c.eventName,{bubbles:!0,cancelable:!0,detail:{relatedTarget:t}})}}class u extends CustomEvent{static{this.eventName="typo3:tab:shown"}constructor(t){super(u.eventName,{bubbles:!0,detail:{relatedTarget:t}})}}class o{static{this.idCounter=0}constructor(){document.addEventListener("click",t=>{const e=t.target?.closest('[data-typo3-tab], [data-bs-toggle="tab"]');e&&(t.preventDefault(),o.show(e))}),document.addEventListener("keydown",t=>{const e=t.target;if(!e.matches?.('[role="tab"]'))return;const s=e.closest('[role="tablist"]');if(!s)return;const n=Array.from(s.querySelectorAll('[role="tab"]:not([disabled])'));if(n.length<2)return;const r=getComputedStyle(s).direction==="rtl";let a=null;switch(t.key){case"ArrowLeft":a=n[(n.indexOf(e)-(r?-1:1)+n.length)%n.length];break;case"ArrowRight":a=n[(n.indexOf(e)+(r?-1:1)+n.length)%n.length];break;case"Home":a=n[0];break;case"End":a=n[n.length-1];break;default:return}t.preventDefault(),a.focus(),a.closest(".nav-item")?.scrollIntoView({behavior:"smooth",inline:"nearest",block:"nearest"})}),b.ready().then(()=>{o.initialize()})}static initialize(t=document){for(const e of t.querySelectorAll('[role="tablist"]'))for(const s of e.querySelectorAll('[role="tab"], [data-bs-toggle="tab"]')){const n=o.migrate(s),r=n.classList.contains("active");n.setAttribute("aria-selected",r?"true":"false"),n.setAttribute("tabindex",r?"0":"-1");const a=o.getPanel(n);n.id||(n.id=a?a.id+"-tab":"typo3-tab-"+ ++o.idCounter),a&&(n.setAttribute("aria-controls",a.id),a.setAttribute("aria-labelledby",n.id),a.setAttribute("role","tabpanel"))}}static show(t){const e=t.closest('[role="tablist"]');if(!e)return;o.initialize(e);const s=o.getPanel(t);if(!s||t.classList.contains("active"))return;const n=s.closest(".tab-content"),r=e.querySelector(":scope .nav-link.active")??null,a=new c(r);if(t.dispatchEvent(a),!a.defaultPrevented){if(e)for(const i of e.querySelectorAll(".nav-link.active"))i.classList.remove("active"),i.setAttribute("aria-selected","false"),i.setAttribute("tabindex","-1");if(n)for(const i of n.querySelectorAll(":scope > .tab-pane.active"))i.classList.remove("active");t.classList.add("active"),t.setAttribute("aria-selected","true"),t.setAttribute("tabindex","0"),s.classList.add("active"),t.dispatchEvent(new u(r))}}static getTargetIdentifier(t){return t.dataset.typo3Tab?.replace("#","")||null}static getPanel(t){const e=o.getTargetIdentifier(t);return e?document.getElementById(e):null}static migrate(t){if(t.dataset.typo3Tab)return t;const e=t.dataset.bsTarget||(t instanceof HTMLAnchorElement?t.getAttribute("href"):"")||"";if(t instanceof HTMLAnchorElement&&!e.startsWith("#"))return t;if(t instanceof HTMLAnchorElement){const s=document.createElement("button");s.type="button";for(const n of t.attributes)["href","data-bs-toggle","data-bs-target"].includes(n.name)||s.setAttribute(n.name,n.value);return s.innerHTML=t.innerHTML,s.setAttribute("data-typo3-tab",e),t.replaceWith(s),s}return t.setAttribute("data-typo3-tab",e),t.removeAttribute("data-bs-toggle"),t.removeAttribute("data-bs-target"),t}}class B{constructor(t){const e=document.createElement("typo3-backend-tab-scroller");t.parentNode instanceof d||(t.parentNode.insertBefore(e,t),e.appendChild(t))}}let d=class extends v{constructor(){super(),this.navTabs=null,this.handleScroll=()=>{this.updateArrows()},this.addEventListener(u.eventName,t=>{t.target.closest(".nav-item")?.scrollIntoView({container:"nearest",behavior:"smooth",inline:"nearest",block:"nearest"})}),new ResizeObserver(()=>{this.scrollActiveLinkIntoView(),this.updateArrows()}).observe(this)}connectedCallback(){super.connectedCallback(),this.createButtons(),this.initializeTabs(),this.updateArrows()}render(){return m`<slot name=start-button></slot><slot @slotchange=${this.initializeTabs}></slot><slot name=end-button></slot>`}createButtons(){this.startButton=document.createElement("button"),this.startButton.slot="start-button",this.startButton.type="button",this.startButton.className="nav-tabs-scroll nav-tabs-scroll-start",this.startButton.hidden=!0,this.startButton.setAttribute("aria-hidden","true"),this.startButton.setAttribute("tabindex","-1"),this.startButton.innerHTML='<typo3-backend-icon identifier="actions-chevron-left" size="small"></typo3-backend-icon>',this.endButton=document.createElement("button"),this.endButton.slot="end-button",this.endButton.type="button",this.endButton.className="nav-tabs-scroll nav-tabs-scroll-end",this.endButton.hidden=!0,this.endButton.setAttribute("aria-hidden","true"),this.endButton.setAttribute("tabindex","-1"),this.endButton.innerHTML='<typo3-backend-icon identifier="actions-chevron-right" size="small"></typo3-backend-icon>',this.startButton.addEventListener("click",()=>{const{navTabs:t}=this;if(t===null)return;const e=getComputedStyle(t).direction==="rtl";t.scrollBy({left:(e?1:-1)*t.clientWidth*.75,behavior:"smooth"})}),this.endButton.addEventListener("click",()=>{const{navTabs:t}=this;if(t===null)return;const e=getComputedStyle(t).direction==="rtl";t.scrollBy({left:(e?-1:1)*t.clientWidth*.75,behavior:"smooth"})}),this.appendChild(this.startButton),this.appendChild(this.endButton)}initializeTabs(){const t=this.querySelector(".nav-tabs");if(t===null){this.navTabs?.removeEventListener("scroll",this.handleScroll),this.navTabs=null;return}this.navTabs!==t&&(t.addEventListener("scroll",this.handleScroll,{passive:!0}),this.scrollActiveLinkIntoView(),this.navTabs=t)}scrollActiveLinkIntoView(){const t=this.querySelector(".nav-link.active");t&&t.closest(".nav-item")?.scrollIntoView({container:"nearest",behavior:"instant",inline:"nearest",block:"nearest"})}updateArrows(){const{navTabs:t}=this;if(t===null)return;const{scrollLeft:e,scrollWidth:s,clientWidth:n}=t,r=s>n,a=getComputedStyle(t).direction==="rtl",i=a?e>=0:e<=0,f=a?e<=-(s-n):e>=s-n-1;this.startButton.hidden=!r||i,this.endButton.hidden=!r||f}};d=A([p("typo3-backend-tab-scroller")],d);class L{constructor(){b.ready().then(()=>{document.querySelectorAll("[data-store-last-tab]").forEach(t=>{this.restore(t),t.addEventListener(c.eventName,e=>{this.store(e.currentTarget,e.target)})})}),y.unsetByPrefix("tabs-")}restore(t){const e=h.get(t.id);if(e){const s=t.querySelector('[data-typo3-tab="#'+e+'"]');s&&o.show(s)}}store(t,e){const s=e.dataset.typo3Tab?.replace("#","")??"";h.set(t.id,s)}}new o,new L,b.ready().then(()=>{document.querySelectorAll(".nav-tabs").forEach(l=>new B(l))});export{o as Tab,d as TabScrollerElement,c as TabShowEvent,u as TabShownEvent};
diff --git a/Resources/Public/JavaScript/tabs.js b/Resources/Public/JavaScript/tabs.js
new file mode 100644
index 0000000..9da2164
--- /dev/null
+++ b/Resources/Public/JavaScript/tabs.js
@@ -0,0 +1,13 @@
+/*
+ * 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"@typo3/backend/tabs.js";console.warn("Please use @typo3/backend/tab.js instead of @typo3/backend/tabs.js");
diff --git a/Resources/Public/JavaScript/telephone-link-handler.js b/Resources/Public/JavaScript/telephone-link-handler.js
new file mode 100644
index 0000000..e9ccb0f
--- /dev/null
+++ b/Resources/Public/JavaScript/telephone-link-handler.js
@@ -0,0 +1,13 @@
+/*
+ * 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 n from"@typo3/backend/link-browser.js";import r from"@typo3/core/event/regular-event.js";class o{constructor(){new r("submit",(t,l)=>{t.preventDefault();let e=l.querySelector('[name="ltelephone"]').value;e!=="tel:"&&(e.startsWith("tel:")&&(e=e.substr(4)),n.finalizeFunction("tel:"+e))}).delegateTo(document,"#ltelephoneform")}}var i=new o;export{i as default};
diff --git a/Resources/Public/JavaScript/toolbar.js b/Resources/Public/JavaScript/toolbar.js
new file mode 100644
index 0000000..28a3e0e
--- /dev/null
+++ b/Resources/Public/JavaScript/toolbar.js
@@ -0,0 +1,13 @@
+/*
+ * 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 i from"@typo3/core/document-service.js";import e from"@typo3/core/event/regular-event.js";import{ScaffoldState as n,ToolbarToggleRequestEvent as o,SearchToggleRequestEvent as a}from"@typo3/backend/viewport/scaffold-state.js";class t{static initialize(){n.initialize(),t.initializeEvents()}static initializeEvents(){new e("click",()=>{document.dispatchEvent(new o)}).bindTo(document.querySelector(".t3js-topbar-button-toolbar")),new e("click",()=>{document.dispatchEvent(new a)}).bindTo(document.querySelector(".t3js-topbar-button-search"))}}i.ready().then(t.initialize);
diff --git a/Resources/Public/JavaScript/toolbar/clear-cache-menu.js b/Resources/Public/JavaScript/toolbar/clear-cache-menu.js
new file mode 100644
index 0000000..6f4809c
--- /dev/null
+++ b/Resources/Public/JavaScript/toolbar/clear-cache-menu.js
@@ -0,0 +1,13 @@
+/*
+ * 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 u from"@typo3/core/ajax/ajax-request.js";import l from"@typo3/backend/icons.js";import s from"@typo3/backend/notification.js";import f from"@typo3/backend/viewport.js";import g from"@typo3/core/event/regular-event.js";import t from"~labels/core.cache";var e;(function(a){a.containerSelector="#typo3-cms-backend-backend-toolbaritems-clearcachetoolbaritem",a.menuItemSelector=".t3js-toolbar-cache-flush-action",a.toolbarIconSelector=".toolbar-item-icon .t3js-icon"})(e||(e={}));class p{constructor(){this.initializeEvents=()=>{const n=document.querySelector(e.containerSelector);new g("click",(o,r)=>{o.preventDefault(),r.dataset.endpoint&&this.clearCache(r.dataset.endpoint)}).delegateTo(n,e.menuItemSelector)},f.Topbar.Toolbar.registerEvent(this.initializeEvents)}clearCache(n){const o=document.querySelector(e.containerSelector);o.classList.remove("open");const r=o.querySelector(e.toolbarIconSelector),m=r.cloneNode(!0);l.getIcon("spinner-circle",l.sizes.small).then(i=>{r.replaceWith(document.createRange().createContextualFragment(i))}),new u(n).post({}).then(async i=>{const c=await i.resolve();c?.success===!1?s.error(c.title??t.get("notification.error.title"),c.message??t.get("notification.error.message")):s.success(c?.title??t.get("notification.success.title"),c?.message??t.get("notification.success.message"))},()=>{s.error(t.get("notification.error.title"),t.get("notification.error.message"))}).finally(()=>{o.querySelector(e.toolbarIconSelector).replaceWith(m)})}}var b=new p;export{b as default};
diff --git a/Resources/Public/JavaScript/toolbar/system-information-menu.js b/Resources/Public/JavaScript/toolbar/system-information-menu.js
new file mode 100644
index 0000000..fa879ce
--- /dev/null
+++ b/Resources/Public/JavaScript/toolbar/system-information-menu.js
@@ -0,0 +1,13 @@
+/*
+ * 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 u from"@typo3/core/ajax/ajax-request.js";import g from"@typo3/core/event/regular-event.js";import d from"@typo3/backend/icons.js";import r from"@typo3/backend/storage/persistent.js";import c from"@typo3/backend/viewport.js";import"@typo3/backend/element/status-indicator-element.js";var a;(function(o){o.element="#typo3-cms-backend-backend-toolbaritems-systeminformationtoolbaritem",o.icon="#typo3-cms-backend-backend-toolbaritems-systeminformationtoolbaritem .toolbar-item-icon .t3js-icon",o.menu="#typo3-cms-backend-backend-toolbaritems-systeminformationtoolbaritem .dropdown-menu",o.data="[data-systeminformation-data]",o.badge="[data-systeminformation-badge]",o.message="[data-systeminformation-message-module]",o.messageLink="[data-systeminformation-message-module] a"})(a||(a={}));class n{constructor(){this.timer=null,this.updateMenu=()=>{const t=document.querySelector(a.icon),e=t.cloneNode(!0);this.timer!==null&&(clearTimeout(this.timer),this.timer=null),d.getIcon("spinner-circle",d.sizes.small).then(s=>{t.replaceWith(document.createRange().createContextualFragment(s))}),new u(TYPO3.settings.ajaxUrls.systeminformation_render).get().then(async s=>{document.querySelector(a.menu).innerHTML=await s.resolve(),n.updateBadge()}).finally(()=>{document.querySelector(a.icon).replaceWith(e),this.timer=setTimeout(this.updateMenu,1e3*300)})},new g("click",this.handleMessageLinkClick).delegateTo(document,a.messageLink),c.Topbar.Toolbar.registerEvent(this.updateMenu),document.addEventListener("typo3:system-information-menu:update",()=>this.updateMenu())}static getData(){const e=document.querySelector(a.data)?.dataset;return{count:e?.systeminformationDataCount?parseInt(e.systeminformationDataCount,10):0,severityBadgeClass:e?.systeminformationDataSeveritybadgeclass??""}}static getMessageDataFromElement(t){const e=t.dataset;return{count:e.systeminformationMessageCount?parseInt(e.systeminformationMessageCount,10):0,status:e.systeminformationMessageStatus??"",module:e.systeminformationMessageModule??"",params:e.systeminformationMessageParams??""}}static updateBadge(){const t=n.getData(),e=document.querySelector(a.badge);e.removeAttribute("class"),e.classList.add("toolbar-item-badge"),e.classList.add("badge"),e.classList.add("badge-pill"),t.severityBadgeClass!==""&&e.classList.add(t.severityBadgeClass),e.textContent=t.count.toString(),e.classList.toggle("hidden",!(t.count>0))}handleMessageLinkClick(t,e){const s=n.getMessageDataFromElement(e.closest(a.message));if(s.module==="")return;t.preventDefault(),t.stopPropagation();const m={},l=Math.floor(Date.now()/1e3);let i={};r.isset("systeminformation")&&(i=JSON.parse(r.get("systeminformation"))),m[s.module]={lastAccess:l},Object.assign(i,m),r.set("systeminformation",JSON.stringify(i)).then(()=>{TYPO3.ModuleMenu.App.showModule(s.module,s.params),c.Topbar.refresh()})}}var p=new n;export{p as default};
diff --git a/Resources/Public/JavaScript/tree/file-storage-browser.js b/Resources/Public/JavaScript/tree/file-storage-browser.js
new file mode 100644
index 0000000..a74fe2f
--- /dev/null
+++ b/Resources/Public/JavaScript/tree/file-storage-browser.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as l,LitElement as m}from"lit";import{customElement as f,query as u}from"lit/decorators.js";import h from"@typo3/core/ajax/ajax-request.js";import"@typo3/backend/tree/tree-toolbar.js";import g from"@typo3/backend/element-browser.js";import b from"@typo3/backend/link-browser.js";import"@typo3/backend/element/icon-element.js";import{FileStorageTree as w}from"@typo3/backend/tree/file-storage-tree.js";var d=function(n,e,t,r){var o=arguments.length,i=o<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,s;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(n,e,t,r);else for(var c=n.length-1;c>=0;c--)(s=n[c])&&(i=(o<3?s(i):o>3?s(e,t,i):s(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i};let p=class extends w{createNodeContentAction(e){return this.settings.actions.includes("link")?l`<span class=node-action @click=${()=>this.linkItem(e)}> <typo3-backend-icon identifier=actions-link size=small></typo3-backend-icon> </span>`:this.settings.actions.includes("select")?l`<span class=node-action @click=${()=>this.selectItem(e)}> <typo3-backend-icon identifier=actions-link size=small></typo3-backend-icon> </span>`:super.createNodeContentAction(e)}linkItem(e){b.finalizeFunction("t3://folder?storage="+e.storage+"&identifier="+e.pathIdentifier)}selectItem(e){g.insertElement(e.recordType,e.identifier,e.name,e.identifier,!0)}};p=d([f("typo3-backend-component-filestorage-browser-tree")],p);let a=class extends m{constructor(){super(...arguments),this.activeFolder="",this.actions=[],this.selectActiveNode=e=>{const t=e.detail.nodes;e.detail.nodes=t.map(r=>(decodeURIComponent(r.identifier)===this.activeFolder&&(r.checked=!0),r))},this.loadFolderDetails=e=>{const t=e.detail.node;if(!t.checked)return;const r=document.location.href+"&contentOnly=1&expandFolder="+t.identifier;new h(r).get().then(o=>o.resolve()).then(o=>{const i=document.querySelector(".element-browser-main-content .element-browser-body");i.innerHTML=o})}}firstUpdated(){this.activeFolder=this.getAttribute("active-folder")||""}createRenderRoot(){return this}render(){this.hasAttribute("tree-actions")&&this.getAttribute("tree-actions").length&&(this.actions=JSON.parse(this.getAttribute("tree-actions")));const e={dataUrl:top.TYPO3.settings.ajaxUrls.filestorage_tree_data,rootlineUrl:top.TYPO3.settings.ajaxUrls.filestorage_tree_rootline,filterUrl:top.TYPO3.settings.ajaxUrls.filestorage_tree_filter,showIcons:!0,actions:this.actions},t=()=>{const r=this.querySelector("typo3-backend-tree-toolbar");r.tree=this.tree,this.activeFolder&&this.expandToActiveFolder()};return l`<typo3-backend-tree-toolbar .tree=${this.tree}></typo3-backend-tree-toolbar><typo3-backend-component-filestorage-browser-tree .setup=${e} @tree:initialized=${t} @typo3:tree:node-selected=${this.loadFolderDetails} @typo3:tree:nodes-prepared=${this.selectActiveNode}></typo3-backend-component-filestorage-browser-tree>`}async expandToActiveFolder(){if(!this.activeFolder||!this.tree.settings.rootlineUrl)return;const e=this.tree.nodes.find(t=>decodeURIComponent(t.identifier)===this.activeFolder);if(e){await this.tree.expandNodeParents(e);return}try{const t=new URL(this.tree.settings.rootlineUrl,window.location.origin);t.searchParams.set("identifier",this.activeFolder);const r=await new h(t.toString()).get({cache:"no-cache"}),{rootline:o}=await r.resolve();o&&o.length>0&&(o.pop(),await this.tree.expandParents(o.map(i=>encodeURIComponent(i))))}catch(t){console.debug("Could not expand to active folder:",t)}}};d([u("typo3-backend-component-filestorage-browser-tree")],a.prototype,"tree",void 0),a=d([f("typo3-backend-component-filestorage-browser")],a);export{a as FileStorageBrowser,p as FileStorageBrowserTree};
diff --git a/Resources/Public/JavaScript/tree/file-storage-tree-container.js b/Resources/Public/JavaScript/tree/file-storage-tree-container.js
new file mode 100644
index 0000000..85dedd1
--- /dev/null
+++ b/Resources/Public/JavaScript/tree/file-storage-tree-container.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as v,html as E}from"lit";import{customElement as N,query as T}from"lit/decorators.js";import"@typo3/backend/element/icon-element.js";import{SeverityEnum as C}from"@typo3/backend/enum/severity.js";import"@typo3/backend/tree/tree-toolbar.js";import{TreeNodePositionEnum as d}from"@typo3/backend/tree/tree-node.js";import{FileStorageTree as R}from"@typo3/backend/tree/file-storage-tree.js";import{TreeModuleState as I}from"@typo3/backend/tree/tree-module-state.js";import b from"@typo3/backend/context-menu.js";import y from"@typo3/backend/notification.js";import{ModuleStateStorage as F}from"@typo3/backend/storage/module-state-storage.js";import{ModuleUtility as O}from"@typo3/backend/module.js";import{FileListDragDropEvent as U}from"@typo3/filelist/file-list-dragdrop.js";import{Resource as S}from"@typo3/backend/resource/resource.js";import{DataTransferTypes as p}from"@typo3/backend/enum/data-transfer-types.js";import{UrlFactory as w}from"@typo3/core/factory/url-factory.js";import A from"~labels/core.core";import m from"~labels/backend.layout";var h=function(l,e,t,r){var o=arguments.length,n=o<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,i;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(l,e,t,r);else for(var s=l.length-1;s>=0;s--)(i=l[s])&&(n=(o<3?i(n):o>3?i(e,t,n):i(e,t))||n);return o>3&&n&&Object.defineProperty(e,t,n),n};const M="typo3-backend-navigation-component-filestoragetree";let g=class extends R{constructor(){super(...arguments),this.allowNodeDrag=!0}handleNodeMove(e,t,r){if(!this.isDropAllowed(t,e))return;const o=this.getDropCommandDetails(t,e,r);if(o===null)return;const n=f.fromNodePositionOptions(o),i=n.getConflictingOperationsForTreeNode(o.target);if(i.length>0){i.forEach(s=>{y.showMessage(m.get("drop.conflict"),m.get("mess.drop.conflict",[s.resource.name,decodeURIComponent(o.target.identifier)]),C.error)});return}this.initiateDropAction(n)}createDataTransferItemsFromNode(e){return[{type:p.treenode,data:this.getNodeTreeIdentifier(e)},{type:p.falResources,data:JSON.stringify([c.fromTreeNode(e)])}]}handleNodeDragOver(e){if(super.handleNodeDragOver(e))return!0;if(e.dataTransfer.types.includes(p.falResources)){const t=this.getNodeFromDragEvent(e);return t===null?!1:(this.cleanDrag(),this.getElementFromNode(t).classList.add("node-hover"),t.hasChildren&&!t.__expanded?this.openNodeTimeout.targetNode!=t&&(this.openNodeTimeout.targetNode=t,clearTimeout(this.openNodeTimeout.timeout),this.openNodeTimeout.timeout=setTimeout(()=>{this.showChildren(this.openNodeTimeout.targetNode),this.openNodeTimeout.targetNode=null,this.openNodeTimeout.timeout=null},1e3)):(clearTimeout(this.openNodeTimeout.timeout),this.openNodeTimeout.targetNode=null,this.openNodeTimeout.timeout=null),e.preventDefault(),!0)}return!1}getTooltipDescription(e){return decodeURIComponent(e.identifier)}handleNodeDrop(e){if(super.handleNodeDrop(e))return!0;if(e.dataTransfer.types.includes(p.falResources)){const t=this.getNodeFromDragEvent(e);if(t===null)return!1;if(t){const r=c.fromTreeNode(t),o=f.fromDataTransfer(e.dataTransfer,r),n=o.getConflictingOperationsForTreeNode(t);return n.length>0?(n.forEach(i=>{y.showMessage(m.get("drop.conflict"),m.get("mess.drop.conflict",[i.resource.name,decodeURIComponent(t.identifier)]),C.error)}),!1):(e.preventDefault(),this.initiateDropAction(o),!0)}}return!1}getDropCommandDetails(e,t,r){const o=this.nodes,n=t.identifier;let i=e;if(n===i.identifier)return null;if(r===d.BEFORE){const s=o.indexOf(e),a=this.setNodePositionAndTarget(s);if(a===null)return null;r=a.position,i=a.target}return{node:t,identifier:n,target:i,position:r}}setNodePositionAndTarget(e){const t=this.nodes,o=t[e].depth;e>0&&e--;const i=t[e].depth,s=this.nodes[e];if(i===o)return{position:d.AFTER,target:s};if(i<o)return{position:d.INSIDE,target:s};for(let a=e;a>=0;a--){if(t[a].depth===o)return{position:d.AFTER,target:this.nodes[a]};if(t[a].depth<o)return{position:d.AFTER,target:t[a]}}return null}isDropAllowed(e,t){return!(e===t||!this.isOverRoot)}initiateDropAction(e){const t={action:"transfer",resources:e.getResources(),target:e.target};top.document.dispatchEvent(new CustomEvent(U.transfer,{detail:t}))}};g=h([N("typo3-backend-navigation-component-filestorage-tree")],g);let u=class extends I(v){constructor(){super(...arguments),this.moduleStateType="media",this.refresh=()=>{this.tree.refreshOrFilterTree()},this.selectFirstNode=()=>{const e=this.tree.nodes[0];e&&this.tree.selectNode(e,!0)},this.loadContent=e=>{const t=e.detail.node;if(!t?.checked||(F.updateWithTreeIdentifier("media",decodeURIComponent(t.identifier),decodeURIComponent(t.__treeIdentifier)),e.detail.propagate===!1))return;const r=top.TYPO3.ModuleMenu.App,o=w.createUrl(O.getFromName(r.getCurrentModule()).link,{id:decodeURIComponent(t.identifier)});top.TYPO3.Backend.ContentContainer.setUrl(o)},this.showContextMenu=e=>{const t=e.detail.node;t&&b.show(t.recordType,decodeURIComponent(t.identifier),"tree","","",this.tree.getElementFromNode(t),e.detail.originalEvent)}}connectedCallback(){super.connectedCallback(),document.addEventListener("typo3:filestoragetree:refresh",this.refresh),document.addEventListener("typo3:filestoragetree:selectFirstNode",this.selectFirstNode)}disconnectedCallback(){document.removeEventListener("typo3:filestoragetree:refresh",this.refresh),document.removeEventListener("typo3:filestoragetree:selectFirstNode",this.selectFirstNode),super.disconnectedCallback()}createRenderRoot(){return this}render(){const e={dataUrl:top.TYPO3.settings.ajaxUrls.filestorage_tree_data,rootlineUrl:top.TYPO3.settings.ajaxUrls.filestorage_tree_rootline,filterUrl:top.TYPO3.settings.ajaxUrls.filestorage_tree_filter,showIcons:!0,searchPlaceholder:A.get("tree.searchFolderTree")};return E`<typo3-backend-tree-toolbar .tree=${this.tree} id=typo3-filestoragetree-toolbar></typo3-backend-tree-toolbar><typo3-backend-navigation-component-filestorage-tree id=typo3-filestoragetree-tree .setup=${e} @typo3:tree:node-selected=${this.loadContent} @typo3:tree:node-context=${this.showContextMenu} @typo3:tree:nodes-prepared=${this.selectActiveNodeInLoadedNodes} @tree:initialized=${this.fetchActiveNodeIfMissing}></typo3-backend-navigation-component-filestorage-tree>`}firstUpdated(){this.toolbar.tree=this.tree}transformModuleStateIdentifierToNodeIdentifier(e){return encodeURIComponent(e)}transformNodeIdentifierToModuleStateIdentifier(e){return decodeURIComponent(e)}};h([T("typo3-backend-navigation-component-filestorage-tree")],u.prototype,"tree",void 0),h([T("typo3-backend-tree-toolbar")],u.prototype,"toolbar",void 0),u=h([N("typo3-backend-navigation-component-filestoragetree")],u);class D{constructor(e,t=d.INSIDE){this.resource=e,this.position=t}hasConflictWithTreeNode(e){return this.resource.type==="folder"&&(e.identifier===this.resource.identifier||e.__parents[0]==this.resource.identifier||e.__parents.includes(this.resource.identifier))}}class c extends S{static fromTreeNode(e){return new c(decodeURIComponent(e.resourceType),decodeURIComponent(e.identifier),decodeURIComponent(e.name))}}class f{constructor(e,t){this.operations=e,this.target=t}static fromDataTransfer(e,t){return f.fromArray(JSON.parse(e.getData(p.falResources)),t)}static fromArray(e,t){const r=[];for(const o of e)r.push(new D(o,d.INSIDE));return new f(r,t)}static fromNodePositionOptions(e){const t=c.fromTreeNode(e.node),r=c.fromTreeNode(e.target),o=[new D(t,e.position)];return new f(o,r)}getConflictingOperationsForTreeNode(e){return this.operations.filter(t=>t.hasConflictWithTreeNode(e))}getResources(){const e=[];return this.operations.forEach(t=>{e.push(t.resource)}),e}}export{g as EditableFileStorageTree,u as FileStorageTreeNavigationComponent,M as navigationComponentName};
diff --git a/Resources/Public/JavaScript/tree/file-storage-tree.js b/Resources/Public/JavaScript/tree/file-storage-tree.js
new file mode 100644
index 0000000..b831fb5
--- /dev/null
+++ b/Resources/Public/JavaScript/tree/file-storage-tree.js
@@ -0,0 +1,13 @@
+/*
+ * 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{Tree as o}from"@typo3/backend/tree/tree.js";class i extends o{constructor(){super(),this.settings.defaultProperties={hasChildren:!1,nameSourceField:"title",type:"sys_file",prefix:"",suffix:"",locked:!1,loaded:!1,overlayIcon:"",selectable:!0,expanded:!1,checked:!1}}getNodeTitle(e){let t=decodeURIComponent(e.name);const s=this.getNodeLabels(e);s.length&&(t+="; "+s.map(l=>l.label).join("; "));const a=this.getNodeStatusInformation(e);return a.length&&(t+="; "+a.map(l=>l.label).join("; ")),t}}export{i as FileStorageTree};
diff --git a/Resources/Public/JavaScript/tree/page-browser.js b/Resources/Public/JavaScript/tree/page-browser.js
new file mode 100644
index 0000000..a09ce36
--- /dev/null
+++ b/Resources/Public/JavaScript/tree/page-browser.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as s,LitElement as m,nothing as g}from"lit";import{customElement as h,property as f,query as P}from"lit/decorators.js";import{until as y}from"lit/directives/until.js";import{PageTree as b}from"@typo3/backend/tree/page-tree.js";import p from"@typo3/core/ajax/ajax-request.js";import"@typo3/backend/tree/tree-toolbar.js";import k from"@typo3/backend/element-browser.js";import v from"@typo3/backend/link-browser.js";import"@typo3/backend/element/icon-element.js";import w from"@typo3/backend/storage/persistent.js";import T from"~labels/core.core";var l=function(r,e,t,n){var i=arguments.length,o=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,t):n,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(r,e,t,n);else for(var d=r.length-1;d>=0;d--)(c=r[d])&&(o=(i<3?c(o):i>3?c(e,t,o):c(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};let u=class extends b{getNodeClasses(e){const t=super.getNodeClasses(e);return this.settings.actions.includes("link")&&(this.isLinkable(e)||t.push("node-disabled")),t}createNodeContentAction(e){return this.settings.actions.includes("link")?this.isLinkable(e)?s`<span class=node-action @click=${()=>this.linkItem(e)}> <typo3-backend-icon identifier=actions-link size=small></typo3-backend-icon> </span>`:super.createNodeContentAction(e):this.settings.actions.includes("select")?s`<span class=node-action @click=${()=>this.selectItem(e)}> <typo3-backend-icon identifier=actions-link size=small></typo3-backend-icon> </span>`:super.createNodeContentAction(e)}linkItem(e){v.finalizeFunction("t3://page?uid="+e.identifier)}isLinkable(e){return!(this.settings.nonViewableDoktypes??[199,254]).includes(e.doktype)}selectItem(e){k.insertElement(e.recordType,e.identifier,e.name,"",!0)}};u=l([h("typo3-backend-component-page-browser-tree")],u);let a=class extends m{constructor(){super(...arguments),this.mountPointPath=null,this.activePageId=0,this.actions=[],this.configuration=null,this.selectActivePageInTree=e=>{const t=e.detail.nodes;e.detail.nodes=t.map(n=>(parseInt(n.identifier,10)===this.activePageId&&(n.checked=!0),n))},this.loadRecordsOfPage=e=>{const t=e.detail.node;if(!t.checked)return;const n=new URL(document.location.href,window.location.origin);n.searchParams.set("contentOnly","1"),n.searchParams.set("expandPage",t.identifier),new p(n).get().then(i=>i.resolve()).then(i=>{const o=document.querySelector(".element-browser-main-content .element-browser-body");o.innerHTML=i})},this.setMountPoint=e=>{this.setTemporaryMountPoint(e.detail.pageId)}}connectedCallback(){super.connectedCallback(),document.addEventListener("typo3:pagetree:mountPoint",this.setMountPoint)}disconnectedCallback(){document.removeEventListener("typo3:pagetree:mountPoint",this.setMountPoint),super.disconnectedCallback()}firstUpdated(){this.activePageId=parseInt(this.getAttribute("active-page"),10),this.actions=JSON.parse(this.getAttribute("tree-actions")??"[]")}createRenderRoot(){return this}getConfiguration(){if(this.configuration!==null)return Promise.resolve(this.configuration);const e=top.TYPO3.settings.ajaxUrls.page_tree_browser_configuration,t=this.hasAttribute("alternative-entry-points")?JSON.parse(this.getAttribute("alternative-entry-points")):[];let n=new p(e);return t.length&&(n=n.withQueryArguments("alternativeEntryPoints="+encodeURIComponent(t))),n.get().then(async i=>{const o=await i.resolve("json");return o.actions=this.actions,this.configuration=o,this.mountPointPath=o.temporaryMountPoint||null,o})}render(){return s`${y(this.renderTree(),"")}`}renderTree(){return this.getConfiguration().then(e=>{const t=()=>{this.activePageId&&this.tree.ensureActiveNodeLoaded(this.activePageId);const n=this.querySelector("typo3-backend-tree-toolbar");n.tree=this.tree};return s`<typo3-backend-tree-toolbar .tree=${this.tree}></typo3-backend-tree-toolbar>${this.renderMountPoint()}<typo3-backend-component-page-browser-tree id=typo3-pagetree-tree .setup=${e} @tree:initialized=${t} @typo3:tree:node-selected=${this.loadRecordsOfPage} @typo3:tree:nodes-prepared=${this.selectActivePageInTree}></typo3-backend-component-page-browser-tree>`})}unsetTemporaryMountPoint(){w.unset("pageTree_temporaryMountPoint").then(()=>{this.mountPointPath=null})}renderMountPoint(){return this.mountPointPath===null?g:s`<div class=node-mount-point><div class=node-mount-point__icon><typo3-backend-icon identifier=actions-info-circle size=small></typo3-backend-icon></div><div class=node-mount-point__text>${this.mountPointPath}</div><div class="node-mount-point__icon mountpoint-close" @click=${()=>this.unsetTemporaryMountPoint()} title=${T.get("labels.temporaryPageTreeEntryPoints")}><typo3-backend-icon identifier=actions-close size=small></typo3-backend-icon></div></div>`}setTemporaryMountPoint(e){new p(this.configuration.setTemporaryMountPointUrl).post("pid="+e,{headers:{"Content-Type":"application/x-www-form-urlencoded","X-Requested-With":"XMLHttpRequest"}}).then(t=>t.resolve()).then(t=>{t&&t.hasErrors?(this.tree.errorNotification(t.message),this.tree.loadData()):this.mountPointPath=t.mountPointPath}).catch(t=>{this.tree.errorNotification(t),this.tree.loadData()})}};l([f({type:String})],a.prototype,"mountPointPath",void 0),l([P("typo3-backend-component-page-browser-tree")],a.prototype,"tree",void 0),a=l([h("typo3-backend-component-page-browser")],a);export{a as PageBrowser,u as PageBrowserTree};
diff --git a/Resources/Public/JavaScript/tree/page-position-select.js b/Resources/Public/JavaScript/tree/page-position-select.js
new file mode 100644
index 0000000..6bd3aab
--- /dev/null
+++ b/Resources/Public/JavaScript/tree/page-position-select.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as b,html as v,nothing as I}from"lit";import{customElement as y,property as u,query as w,state as P}from"lit/decorators.js";import{PageTree as N}from"@typo3/backend/tree/page-tree.js";import A from"@typo3/core/ajax/ajax-request.js";import"@typo3/backend/tree/tree-toolbar.js";import"@typo3/backend/element/icon-element.js";import"@typo3/backend/element/breadcrumb.js";import{TreeNodePositionEnum as g}from"@typo3/backend/tree/tree-node.js";import{cache as S}from"lit/directives/cache.js";import s from"~labels/core.core";var d=function(l,e,t,i){var r=arguments.length,n=r<3?e:i===null?i=Object.getOwnPropertyDescriptor(e,t):i,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(l,e,t,i);else for(var o=l.length-1;o>=0;o--)(c=l[o])&&(n=(r<3?c(n):r>3?c(e,t,n):c(e,t))||n);return r>3&&n&&Object.defineProperty(e,t,n),n};const _=[{label:s.get("insert_inside"),value:"inside",iconIdentifier:"actions-arrow-end"},{label:s.get("insert_after"),value:"after",iconIdentifier:"actions-arrow-down"}];class p extends CustomEvent{static{this.eventName="typo3:page-position-select-tree:insert-position-change"}constructor(e,t){super(p.eventName,{detail:{pageUid:e,position:t},bubbles:!0,composed:!0})}}class f extends CustomEvent{static{this.eventName="typo3:page-position-select-tree:insert-position-confirm"}constructor(e,t){super(f.eventName,{detail:{pageUid:e,position:t},bubbles:!0,composed:!0})}}let m=class extends N{async handleNodeAdd(e,t,i){this.requestUpdate()}};m=d([y("typo3-backend-component-page-position-select-tree")],m);let a=class extends b{constructor(){super(...arguments),this.activePageId=null,this.actions=["select"],this.insertPosition="inside",this.configuration=null,this.breadcrumbItems=[]}connectedCallback(){super.connectedCallback(),this.loadConfiguration()}createRenderRoot(){return this}loadConfiguration(){const e=top.TYPO3.settings.ajaxUrls.page_tree_browser_configuration,t=this.hasAttribute("alternative-entry-points")?JSON.parse(this.getAttribute("alternative-entry-points")):[];let i=new A(e);t.length&&(i=i.withQueryArguments("alternativeEntryPoints="+encodeURIComponent(t))),i.get().then(async r=>{const n=await r.resolve("json");n.actions=this.actions,this.configuration=n})}render(){return v`<typo3-breadcrumb .nodes=${this.breadcrumbItems}></typo3-breadcrumb>${this.configuration?S(this.renderTree()):I}`}renderTree(){const e=async()=>{const t=this.querySelector("typo3-backend-tree-toolbar");t.tree=this.tree,await this.tree.ensureActiveNodeLoaded(this.activePageId);const i=await this.applyActiveInsertPosition();i&&(await this.tree.updateComplete,this.tree.scrollNodeIntoViewIfNeeded(i),this.tree.focusNode(i))};return v`<typo3-backend-tree-toolbar .tree=${this.tree}></typo3-backend-tree-toolbar><typo3-backend-component-page-position-select-tree id=typo3-pagetree-tree .setup=${this.configuration} @tree:initialized=${e} @typo3:tree:node-selected=${this.handleNodeSelected} @typo3:tree:filter-applied=${()=>this.applyActiveInsertPosition()} @typo3:tree:filter-reset=${()=>this.applyActiveInsertPosition()}></typo3-backend-component-page-position-select-tree>`}async handleNodeSelected(e){const t=e.detail.node;if(this.isActivePagePositionNode(t)){this.dispatchEvent(new f(this.activePageId,this.insertPosition));return}const[i,r]=t.identifier.split("-");this.insertPosition=r??"inside",this.activePageId=Number(i);const n=/^\d+$/.test(t.identifier)?await this.applyActiveInsertPosition():this.syncActiveInsertPositionState();n&&this.tree.focusNode(n),this.dispatchEvent(new p(this.activePageId,this.insertPosition))}async applyActiveInsertPosition(){if(this.activePageId===null||this.activePageId===void 0)return null;let e=this.tree.nodes.find(t=>t.identifier===String(this.activePageId));return!e&&(await this.tree.ensureActiveNodeLoaded(this.activePageId),e=this.tree.nodes.find(t=>t.identifier===String(this.activePageId)),!e)?null:(await this.tree.expandNodeParents(e),await this.toggleDynamicInsertNodes(e),this.syncActiveInsertPositionState())}syncActiveInsertPositionState(){let e=null;return this.tree.nodes.forEach(t=>{t.checked=this.isActivePagePositionNode(t),t.checked&&(e=t)}),this.updateBreadcrumb(this.tree.nodes),this.tree.requestUpdate(),e}async toggleDynamicInsertNodes(e){const t=[];for(const o of this.tree.nodes)["-after","-inside"].some(h=>o.identifier.endsWith(h))&&t.push(o);for(const o of t)await this.tree.removeNode(o);const i={...e,__processed:!1,hasChildren:!1,loaded:!0,identifier:e.identifier+"-inside",parentIdentifier:e.identifier,name:s.get("insert_subpage"),icon:"actions-arrow-end",overlayIcon:"",tooltip:s.get("insert_inside")+" "+e.tooltip},n={...this.tree.nodes.find(o=>o.identifier===e.parentIdentifier),__processed:!1,hasChildren:!1,loaded:!0,identifier:`${e.identifier}-after`,parentIdentifier:e.parentIdentifier,name:s.get("insert_page"),icon:"actions-arrow-end",overlayIcon:"",tooltip:s.get("insert_after")+" "+e.tooltip};let c=[];e.hasChildren&&(c=this.tree.nodes.filter(o=>o.parentIdentifier===e.identifier)),await this.tree.addNode(i,e,g.INSIDE),e.identifier!=="0"&&await this.tree.addNode(n,e,g.AFTER);for(const o of c){const h={...o,__processed:!1,hasChildren:!1,loaded:!0,identifier:`${o.identifier}-after`,parentIdentifier:o.parentIdentifier,name:s.get("insert_page"),icon:"actions-arrow-end",overlayIcon:"",tooltip:s.get("insert_after")+" "+o.tooltip};await this.tree.addNode(h,o,g.AFTER)}}isActivePagePositionNode(e){return e.identifier===`${this.activePageId}-${this.insertPosition}`}updateBreadcrumb(e){let t=e.find(r=>r.identifier===String(this.activePageId));const i=[];for(;t;)i.push({identifier:t.identifier,label:t.name,icon:t.icon,iconOverlay:t.overlayIcon,url:null,forceShowIcon:!1}),t=e.find(r=>r.identifier===t.parentIdentifier);this.insertPosition==="after"&&i.shift(),i.unshift({identifier:`${this.activePageId}-${this.insertPosition}`,label:s.get("labels.createNew"),icon:"apps-pagetree-page-default",iconOverlay:"overlay-new",url:null,forceShowIcon:!1}),this.breadcrumbItems=i.reverse()}};d([u({type:Number,reflect:!0,attribute:"active-page"})],a.prototype,"activePageId",void 0),d([u({type:Array})],a.prototype,"actions",void 0),d([u({type:String,reflect:!0})],a.prototype,"insertPosition",void 0),d([w("typo3-backend-component-page-position-select-tree")],a.prototype,"tree",void 0),d([P()],a.prototype,"configuration",void 0),d([P()],a.prototype,"breadcrumbItems",void 0),a=d([y("typo3-backend-component-page-position-select")],a);export{p as InsertPositionChangeEvent,f as InsertPositionConfirmEvent,a as PagePositionSelect,m as PagePositionSelectTree,_ as insertPositionOptions};
diff --git a/Resources/Public/JavaScript/tree/page-tree-element.js b/Resources/Public/JavaScript/tree/page-tree-element.js
new file mode 100644
index 0000000..697f7ad
--- /dev/null
+++ b/Resources/Public/JavaScript/tree/page-tree-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as M,html as a,nothing as g}from"lit";import{customElement as v,property as b,query as T,state as E}from"lit/decorators.js";import{until as S}from"lit/directives/until.js";import w from"@typo3/core/ajax/ajax-request.js";import P from"@typo3/backend/storage/persistent.js";import{ModuleUtility as $}from"@typo3/backend/module.js";import x from"@typo3/backend/context-menu.js";import{PageTree as F}from"@typo3/backend/tree/page-tree.js";import{TreeNodePositionEnum as u,TreeNodeCommandEnum as d}from"@typo3/backend/tree/tree-node.js";import{TreeToolbar as U}from"@typo3/backend/tree/tree-toolbar.js";import{TreeModuleState as D}from"@typo3/backend/tree/tree-module-state.js";import _ from"@typo3/backend/modal.js";import I from"@typo3/backend/severity.js";import{UrlFactory as z}from"@typo3/core/factory/url-factory.js";import{ModuleStateStorage as C}from"@typo3/backend/storage/module-state-storage.js";import{DataTransferTypes as f}from"@typo3/backend/enum/data-transfer-types.js";import"@typo3/backend/viewport/content-navigation-toggle.js";import"bootstrap";import r from"~labels/core.core";import O from"~labels/core.common";import R from"~labels/core.mod_web_list";import L from"~labels/backend.pages_new";import{openPageWizardModal as A}from"@typo3/backend/page-wizard/helper/wizard-helper.js";var s=function(p,e,t,n){var o=arguments.length,i=o<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,t):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(p,e,t,n);else for(var m=p.length-1;m>=0;m--)(l=p[m])&&(i=(o<3?l(i):o>3?l(e,t,i):l(e,t))||i);return o>3&&i&&Object.defineProperty(e,t,i),i};const B="typo3-backend-navigation-component-pagetree";let y=class extends F{constructor(){super(...arguments),this.allowNodeEdit=!0,this.allowNodeDrag=!0,this.allowNodeSorting=!0}sendChangeCommand(e){let t="",n="0";if(e.target)if(n=e.target.identifier,e.position===u.BEFORE){const o=this.getPreviousNode(e.target);n=(o.depth===e.target.depth?"-":"")+o.identifier}else e.position===u.AFTER&&(n="-"+n);if(e.command===d.NEW){const o=e;t="&data[pages]["+e.node.identifier+"][pid]="+encodeURIComponent(n)+"&data[pages]["+e.node.identifier+"][title]="+encodeURIComponent(o.title)+"&data[pages]["+e.node.identifier+"][doktype]="+encodeURIComponent(o.doktype)}else if(e.command===d.EDIT)t="&data[pages]["+e.node.identifier+"][title]="+encodeURIComponent(e.title);else if(e.command===d.DELETE){const o=C.current("web");e.node.identifier===o.identifier&&this.selectFirstNode(),t="&cmd[pages]["+e.node.identifier+"][delete]=1"}else t="cmd[pages]["+e.node.identifier+"]["+e.command+"]="+n;this.requestTreeUpdate(t).then(o=>{if(o&&o.hasErrors)this.errorNotification(o.messages);else if(e.command===d.NEW){const i=this.getParentNode(e.node);i.loaded=!1,this.loadChildren(i)}else this.refreshOrFilterTree()})}initializeDragForNode(){throw new Error("unused")}async handleNodeEdit(e,t){if(e.__loading=!0,e.identifier.startsWith("NEW")){const n=this.getPreviousNode(e),o=e.depth===n.depth?u.AFTER:u.INSIDE,i={command:d.NEW,node:e,title:t,position:o,target:n,doktype:e.doktype};await this.sendChangeCommand(i)}else{const n={command:d.EDIT,node:e,title:t};await this.sendChangeCommand(n)}e.__loading=!1}createDataTransferItemsFromNode(e){return[{type:f.treenode,data:this.getNodeTreeIdentifier(e)},{type:f.pages,data:JSON.stringify({records:[{identifier:e.identifier,tablename:"pages"}]})}]}async handleNodeAdd(e,t,n){this.updateComplete.then(()=>{this.editNode(e)})}handleNodeDelete(e){const t={node:e,command:d.DELETE};this.settings.displayDeleteConfirmation?_.confirm(r.get("mess.delete.title"),r.get("mess.delete",[t.node.name]),I.warning,[{text:r.get("labels.cancel"),active:!0,btnClass:"btn-default",name:"cancel"},{text:O.get("delete"),btnClass:"btn-warning",name:"delete"}]).addEventListener("button.clicked",o=>{o.target.name==="delete"&&this.sendChangeCommand(t),_.dismiss()}):this.sendChangeCommand(t)}handleNodeMove(e,t,n){const o={node:e,target:t,position:n,command:d.MOVE};let i="";const l=[e.name,t.name];switch(n){case u.BEFORE:i=r.get("mess.move_before",l);break;case u.AFTER:i=r.get("mess.move_after",l);break;default:i=r.get("mess.move_into",l);break}const m=_.confirm(R.get("move_page"),i,I.warning,[{text:r.get("labels.cancel"),active:!0,btnClass:"btn-default",name:"cancel"},{text:r.get("cm.copy"),btnClass:"btn-warning",name:"copy"},{text:r.get("labels.move"),btnClass:"btn-warning",name:"move"}]);m.addEventListener("button.clicked",N=>{const k=N.target;k.name==="move"?(o.command=d.MOVE,this.sendChangeCommand(o)):k.name==="copy"&&(o.command=d.COPY,this.sendChangeCommand(o)),m.hideModal()})}requestTreeUpdate(e){return new w(top.TYPO3.settings.ajaxUrls.record_process).post(e,{headers:{"Content-Type":"application/x-www-form-urlencoded","X-Requested-With":"XMLHttpRequest"}}).then(t=>t.resolve()).catch(t=>{this.errorNotification(t),this.loadData()})}};y=s([v("typo3-backend-navigation-component-pagetree-tree")],y);let h=class extends D(M){constructor(){super(...arguments),this.mountPointPath=null,this.moduleStateType="web",this.configuration=null,this.refresh=()=>{this.tree.refreshOrFilterTree()},this.setMountPoint=e=>{this.setTemporaryMountPoint(e.detail.pageId)},this.selectFirstNode=()=>{this.tree.selectFirstNode()},this.loadContent=e=>{const t=e.detail.node;if(!t?.checked||(C.updateWithTreeIdentifier("web",t.identifier,t.__treeIdentifier),e.detail.propagate===!1))return;const n=top.TYPO3.ModuleMenu.App,o=z.createUrl($.getFromName(n.getCurrentModule()).link,{id:t.identifier});top.TYPO3.Backend.ContentContainer.setUrl(o)},this.showContextMenu=e=>{const t=e.detail.node;t&&x.show(t.recordType,t.identifier,"tree","","",this.tree.getElementFromNode(t),e.detail.originalEvent)}}connectedCallback(){super.connectedCallback(),document.addEventListener("typo3:pagetree:refresh",this.refresh),document.addEventListener("typo3:pagetree:mountPoint",this.setMountPoint),document.addEventListener("typo3:pagetree:selectFirstNode",this.selectFirstNode)}disconnectedCallback(){document.removeEventListener("typo3:pagetree:refresh",this.refresh),document.removeEventListener("typo3:pagetree:mountPoint",this.setMountPoint),document.removeEventListener("typo3:pagetree:selectFirstNode",this.selectFirstNode),super.disconnectedCallback()}createRenderRoot(){return this}render(){return a`${S(this.renderTree(),"")}`}getConfiguration(){if(this.configuration!==null)return Promise.resolve(this.configuration);const e=top.TYPO3.settings.ajaxUrls.page_tree_configuration;return new w(e).get().then(async t=>{const n=await t.resolve("json");return this.configuration=n,this.mountPointPath=n.temporaryMountPoint||null,n})}async renderTree(){const e=await this.getConfiguration();return a`<typo3-backend-navigation-component-pagetree-toolbar id=typo3-pagetree-toolbar .tree=${this.tree}></typo3-backend-navigation-component-pagetree-toolbar>${this.renderMountPoint()}<typo3-backend-navigation-component-pagetree-tree id=typo3-pagetree-tree .setup=${e} @tree:initialized=${()=>{this.toolbar.tree=this.tree,this.fetchActiveNodeIfMissing()}} @typo3:tree:node-selected=${this.loadContent} @typo3:tree:node-context=${this.showContextMenu} @typo3:tree:nodes-prepared=${this.selectActiveNodeInLoadedNodes}></typo3-backend-navigation-component-pagetree-tree>`}unsetTemporaryMountPoint(){P.unset("pageTree_temporaryMountPoint").then(()=>{this.mountPointPath=null})}renderMountPoint(){return this.mountPointPath===null?g:a`<div class=node-mount-point><div class=node-mount-point__icon><typo3-backend-icon identifier=actions-info-circle size=small></typo3-backend-icon></div><div class=node-mount-point__text>${this.mountPointPath}</div><div class="node-mount-point__icon mountpoint-close" @click=${()=>this.unsetTemporaryMountPoint()} title=${r.get("labels.temporaryPageTreeEntryPoints")}><typo3-backend-icon identifier=actions-close size=small></typo3-backend-icon></div></div>`}setTemporaryMountPoint(e){new w(this.configuration.setTemporaryMountPointUrl).post("pid="+e,{headers:{"Content-Type":"application/x-www-form-urlencoded","X-Requested-With":"XMLHttpRequest"}}).then(t=>t.resolve()).then(t=>{t&&t.hasErrors?(this.tree.errorNotification(t.message),this.tree.loadData()):this.mountPointPath=t.mountPointPath}).catch(t=>{this.tree.errorNotification(t),this.tree.loadData()})}};s([b({type:String})],h.prototype,"mountPointPath",void 0),s([T("typo3-backend-navigation-component-pagetree-tree")],h.prototype,"tree",void 0),s([T("typo3-backend-navigation-component-pagetree-toolbar")],h.prototype,"toolbar",void 0),h=s([v("typo3-backend-navigation-component-pagetree")],h);let c=class extends U{constructor(){super(...arguments),this.tree=null,this.searchInTranslatedPages=!1,this.searchByFrontendUri=!1,this.subMenuItemsExpanded=!1,this.handleResize=this.checkHiddenSubmenuItems.bind(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver.disconnect(),window.removeEventListener("resize",this.handleResize)}firstUpdated(){super.firstUpdated(),this.resizeObserver=new ResizeObserver(()=>this.checkHiddenSubmenuItems()),this.resizeObserver.observe(this.submenuItemsContainer),window.addEventListener("resize",this.handleResize),this.checkHiddenSubmenuItems()}updated(e){super.updated(e),e.has("tree")&&(this.tree?.settings?.searchInTranslatedPagesEnabled!==void 0&&(this.searchInTranslatedPages=this.tree.settings.searchInTranslatedPagesEnabled),this.tree?.settings?.searchByFrontendUriEnabled!==void 0&&(this.searchByFrontendUri=this.tree.settings.searchByFrontendUriEnabled),this.checkHiddenSubmenuItems())}render(){return a`<div class=tree-toolbar><div class=tree-toolbar__menu><div class=tree-toolbar__search><label for=toolbarSearch class=visually-hidden>${r.get("labels.label.searchString")}</label> <input type=search autocomplete=off id=toolbarSearch class="form-control form-control-sm search-input" placeholder=${r.get("tree.searchPageTree")}></div><div class=dropdown><button type=button class="btn btn-sm btn-icon btn-default btn-borderless dropdown-toggle dropdown-toggle-no-chevron" data-bs-toggle=dropdown data-bs-boundary=window aria-expanded=false aria-label=${r.get("labels.openPageTreeOptionsMenu")}><typo3-backend-icon identifier=actions-menu-alternative size=small></typo3-backend-icon></button><ul class="dropdown-menu dropdown-menu-end"><li><button class=dropdown-item @click=${()=>this.refreshTree()}><span class=dropdown-item-columns> <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden=true><typo3-backend-icon identifier=actions-refresh size=small></typo3-backend-icon> </span> <span class="dropdown-item-column dropdown-item-column-title">${r.get("labels.refresh")} </span> </span></button></li><li><button class=dropdown-item @click=${e=>this.collapseAll(e)}><span class=dropdown-item-columns> <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden=true><typo3-backend-icon identifier=apps-pagetree-category-collapse-all size=small></typo3-backend-icon> </span> <span class="dropdown-item-column dropdown-item-column-title">${r.get("labels.collapse")} </span> </span></button></li>${this.renderSearchOptions()}</ul></div><typo3-backend-content-navigation-toggle class="btn btn-sm btn-icon btn-default btn-borderless" action=collapse></typo3-backend-content-navigation-toggle></div>${this.renderToolbarSubmenu()}</div>`}renderToolbarSubmenu(){const e=[];return this.tree?.settings?.doktypes?.length&&(e.push(a`<button type=button class="btn btn-sm btn-default" @click=${this.launchPageWizard}><typo3-backend-icon identifier=actions-plus size=small></typo3-backend-icon>${L.get("newPage")}</button>`),e.push(this.tree.settings.doktypes.map(t=>a`<div class="tree-toolbar__menuitem tree-toolbar__drag-node" title=${t.title} draggable=true data-tree-icon=${t.icon} data-node-type=${t.nodeType} aria-hidden=true @dragstart=${n=>this.handleDragStart(n,t)}><typo3-backend-icon identifier=${t.icon} size=small></typo3-backend-icon></div>`))),a`<div class=tree-toolbar__submenu><div class="tree-toolbar__submenu-items ${this.subMenuItemsExpanded?"tree-toolbar__submenu-items--expanded":""}">${e}</div>${this.hasHiddenSubMenuItems?a`<button class="btn btn-sm btn-icon btn-default btn-borderless tree-toolbar__submenu-toggle" aria-hidden=true tabindex=-1 @click=${this.toggleSubmenu}><typo3-backend-icon identifier=${this.subMenuItemsExpanded?"actions-chevron-up":"actions-chevron-down"} size=small></typo3-backend-icon></button>`:g}</div>`}renderSearchOptions(){const e=this.tree?.settings?.searchInTranslatedPagesAvailable,t=this.tree?.settings?.searchByFrontendUriAvailable;return!e&&!t?g:a`<li><hr class=dropdown-divider></li>${e?a`<li><button class=dropdown-item @click=${()=>this.toggleTranslationSearch()}><span class=dropdown-item-columns> <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden=true><typo3-backend-icon identifier=${this.searchInTranslatedPages?"actions-check-square":"actions-selection"} size=small></typo3-backend-icon> </span> <span class="dropdown-item-column dropdown-item-column-title">${r.get("tree.search_in_translated_pages")} </span> </span></button></li>`:g} ${t?a`<li><button class=dropdown-item @click=${()=>this.toggleFrontendUriSearch()}><span class=dropdown-item-columns> <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden=true><typo3-backend-icon identifier=${this.searchByFrontendUri?"actions-check-square":"actions-selection"} size=small></typo3-backend-icon> </span> <span class="dropdown-item-column dropdown-item-column-title">${r.get("tree.search_by_frontend_uri")} </span> </span></button></li>`:g}`}async toggleTranslationSearch(){const e=!this.searchInTranslatedPages;try{await P.set("pageTree_searchInTranslatedPages",e?"1":"0"),this.searchInTranslatedPages=e,this.tree?.settings&&(this.tree.settings.searchInTranslatedPagesEnabled=e);const t=this.querySelector(".search-input");t&&t.value.trim()!==""&&this.refreshTree()}catch(t){console.error("Failed to toggle translation search:",t)}}async toggleFrontendUriSearch(){const e=!this.searchByFrontendUri;try{await P.set("pageTree_searchByFrontendUri",e?"1":"0"),this.searchByFrontendUri=e,this.tree?.settings&&(this.tree.settings.searchByFrontendUriEnabled=e);const t=this.querySelector(".search-input");t&&t.value.trim()!==""&&this.refreshTree()}catch(t){console.error("Failed to toggle frontend URI search:",t)}}handleDragStart(e,t){const n={__hidden:!1,__expanded:!1,__indeterminate:!1,__loading:!1,__processed:!1,__treeDragAction:"",__treeIdentifier:"",__treeParents:[""],__parents:[""],__x:0,__y:0,deletable:!1,depth:0,editable:!0,hasChildren:!1,icon:t.icon,overlayIcon:"",identifier:"NEW"+Math.floor(Math.random()*1e9).toString(16),loaded:!1,name:"",note:"",parentIdentifier:"",prefix:"",recordType:"pages",suffix:"",tooltip:"",type:"PageTreeItem",doktype:t.nodeType,statusInformation:[],labels:[]};this.tree.draggingNode=n,this.tree.nodeDragMode=d.NEW,e.dataTransfer.clearData();const o={statusIconIdentifier:this.tree.getNodeDragStatusIcon(),tooltipIconIdentifier:t.icon,tooltipLabel:t.title};e.dataTransfer.setData(f.dragTooltip,JSON.stringify(o)),e.dataTransfer.setData(f.newTreenode,JSON.stringify(n)),e.dataTransfer.effectAllowed="move"}checkHiddenSubmenuItems(){requestAnimationFrame(()=>{const e=this.subMenuItemsExpanded;e&&this.submenuItemsContainer.classList.remove("tree-toolbar__submenu-items--expanded"),this.hasHiddenSubMenuItems=this.submenuItemsContainer.scrollHeight>this.submenuItemsContainer.clientHeight,e&&this.submenuItemsContainer.classList.add("tree-toolbar__submenu-items--expanded")})}toggleSubmenu(e){e.stopPropagation(),this.subMenuItemsExpanded=!this.subMenuItemsExpanded}launchPageWizard(){const e=this.tree.getSelectedNodes();A({positionData:{pageUid:parseInt(e[0]?.identifier,10),insertPosition:"inside"},preventPositionAutoAdvance:!0})}};s([b({type:y})],c.prototype,"tree",void 0),s([b({type:Boolean})],c.prototype,"searchInTranslatedPages",void 0),s([b({type:Boolean})],c.prototype,"searchByFrontendUri",void 0),s([E()],c.prototype,"subMenuItemsExpanded",void 0),s([E()],c.prototype,"hasHiddenSubMenuItems",void 0),s([T(".tree-toolbar__submenu-items")],c.prototype,"submenuItemsContainer",void 0),c=s([v("typo3-backend-navigation-component-pagetree-toolbar")],c);export{y as EditablePageTree,h as PageTreeNavigationComponent,B as navigationComponentName};
diff --git a/Resources/Public/JavaScript/tree/page-tree.js b/Resources/Public/JavaScript/tree/page-tree.js
new file mode 100644
index 0000000..cbf1095
--- /dev/null
+++ b/Resources/Public/JavaScript/tree/page-tree.js
@@ -0,0 +1,13 @@
+/*
+ * 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{Tree as l}from"@typo3/backend/tree/tree.js";import{html as a}from"lit";import{DataTransferTypes as i}from"@typo3/backend/enum/data-transfer-types.js";import n from"@typo3/backend/modal.js";import{SeverityEnum as u}from"@typo3/backend/enum/severity.js";import s from"@typo3/backend/utility/drag-drop-utility.js";import p from"@typo3/core/ajax/ajax-request.js";class m extends l{constructor(){super(),this.settings.defaultProperties={hasChildren:!1,nameSourceField:"title",prefix:"",suffix:"",locked:!1,loaded:!1,overlayIcon:"",selectable:!0,expanded:!1,checked:!1,stopPageTree:!1}}getDataUrl(e=null){return e===null?this.settings.dataUrl:this.settings.dataUrl+"&parent="+e.identifier+"&mount="+e.mountPoint+"&depth="+e.depth}ensureActiveNodeLoaded(e){return!e||this.nodes.find(t=>t.checked)?Promise.resolve():new p(TYPO3.settings.ajaxUrls.page_tree_rootline).withQueryArguments({identifier:e}).get({cache:"no-cache"}).then(t=>t.resolve()).then(t=>{const{rootline:r}=t;return r.pop(),this.expandParents(r)})}createNodeToggle(e){return a`${e.stopPageTree&&e.depth!==0?a`<span class=node-stop @click=${t=>{t.preventDefault(),t.stopImmediatePropagation(),document.dispatchEvent(new CustomEvent("typo3:pagetree:mountPoint",{detail:{pageId:parseInt(e.identifier,10)}}))}}> <typo3-backend-icon identifier=actions-caret-end size=small></typo3-backend-icon> </span>`:super.createNodeToggle(e)}`}handleNodeDragOver(e){if(super.handleNodeDragOver(e))return!0;if(e.dataTransfer.types.includes(i.content)){const t=this.getNodeFromDragEvent(e);return t===null?!1:(this.cleanDrag(),this.getElementFromNode(t).classList.add("node-hover"),t.hasChildren&&!t.__expanded?this.openNodeTimeout.targetNode!=t&&(this.openNodeTimeout.targetNode=t,clearTimeout(this.openNodeTimeout.timeout),this.openNodeTimeout.timeout=setTimeout(()=>{this.showChildren(this.openNodeTimeout.targetNode),this.openNodeTimeout.targetNode=null,this.openNodeTimeout.timeout=null},1e3)):(clearTimeout(this.openNodeTimeout.timeout),this.openNodeTimeout.targetNode=null,this.openNodeTimeout.timeout=null),e.preventDefault(),s.updateEventAndTooltipToReflectCopyMoveIntention(e),!0)}return!1}handleNodeDrop(e){if(super.handleNodeDrop(e))return!0;if(e.dataTransfer.types.includes(i.content)){const t=this.getNodeFromDragEvent(e);if(t===null)return!1;const r=e.dataTransfer.getData(i.content),d=JSON.parse(r);e.preventDefault();const o=new URL(d.moveElementUrl,window.origin);return o.searchParams.set("expandPage",t.identifier),o.searchParams.set("originalPid",t.identifier),s.isCopyModifierFromEvent(e)&&o.searchParams.set("makeCopy","1"),n.advanced({content:o.toString(),severity:u.notice,size:n.sizes.large,type:n.types.iframe}),!0}return!1}}export{m as PageTree};
diff --git a/Resources/Public/JavaScript/tree/tree-module-state.js b/Resources/Public/JavaScript/tree/tree-module-state.js
new file mode 100644
index 0000000..d4d50e5
--- /dev/null
+++ b/Resources/Public/JavaScript/tree/tree-module-state.js
@@ -0,0 +1,13 @@
+/*
+ * 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 l from"@typo3/core/ajax/ajax-request.js";import{ModuleStateStorage as a}from"@typo3/backend/storage/module-state-storage.js";const u=f=>{class c extends f{constructor(){super(...arguments),this.selectActiveNodeInLoadedNodes=t=>{let e=a.current(this.moduleStateType);if(!e.identifier)return;const{nodes:r}=t.detail,i=this.transformModuleStateIdentifierToNodeIdentifier(e.treeIdentifier),o=this.transformModuleStateIdentifierToNodeIdentifier(e.identifier),n=r.find(s=>e.treeIdentifier!==null&&s.__treeIdentifier===i||e.treeIdentifier===null&&s.identifier===o);if(!n)return;e.treeIdentifier===null&&(e=a.updateWithTreeIdentifier(this.moduleStateType,this.transformNodeIdentifierToModuleStateIdentifier(n.identifier),this.transformNodeIdentifierToModuleStateIdentifier(n.__treeIdentifier))),n.checked=!0;const d=r.find(s=>s.__treeIdentifier===n.__parents.join("_"));d&&!d.__expanded&&this.tree.updateComplete.then(()=>this.tree.expandNodeParents(n))},this.fetchActiveNodeIfMissing=async()=>{const t=a.current(this.moduleStateType);t.identifier&&(this.tree.nodes.find(e=>e.checked)||await this.selectActiveViaRootline(t.identifier))},this.moduleStateUpdated=async t=>{const e=t.detail.state.identifier;if(!this.tree||e&&e===t.detail.oldState.identifier&&this.tree.nodes.find(d=>d.checked))return;if(!e){console.error("invalid identifier",t.detail);return}this.tree.loading&&await this.tree.loadComplete;const r=this.transformModuleStateIdentifierToNodeIdentifier(e),i=this.tree.nodes.find(d=>d.identifier===r),o=this.tree.nodes.find(d=>d.checked);if(i&&i===o){await this.tree.expandNodeParents(i);return}const n=!1;if(i){await this.selectActiveNodeByParents(e,i.__parents,n);return}await this.selectActiveViaRootline(e)}}connectedCallback(){super.connectedCallback(),document.addEventListener("typo3:module-state-storage:update:"+this.moduleStateType,this.moduleStateUpdated)}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("typo3:module-state-storage:update:"+this.moduleStateType,this.moduleStateUpdated)}transformModuleStateIdentifierToNodeIdentifier(t){return t}transformNodeIdentifierToModuleStateIdentifier(t){return t}async selectActiveViaRootline(t){const e=new URL(this.tree.settings.rootlineUrl,window.location.origin);e.searchParams.set("identifier",t);const r=await new l(e.toString()).get({cache:"no-cache"}),{rootline:i}=await r.resolve();i.pop(),await this.selectActiveNodeByParents(t,i.map(n=>this.transformModuleStateIdentifierToNodeIdentifier(n)),!1)}async selectActiveNodeByParents(t,e,r=!0){await this.tree.expandParents(e);const i=this.transformModuleStateIdentifierToNodeIdentifier(t),o=this.tree.nodes.find(n=>n.identifier===i);o&&this.tree.selectNode(o,r)}}return c};export{u as TreeModuleState};
diff --git a/Resources/Public/JavaScript/tree/tree-node-toggle.js b/Resources/Public/JavaScript/tree/tree-node-toggle.js
new file mode 100644
index 0000000..063a624
--- /dev/null
+++ b/Resources/Public/JavaScript/tree/tree-node-toggle.js
@@ -0,0 +1,13 @@
+/*
+ * 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{property as a,customElement as f}from"lit/decorators.js";import{LitElement as u,html as s}from"lit";import"@typo3/backend/element/icon-element.js";var p=function(r,t,o,n){var d=arguments.length,e=d<3?t:n===null?n=Object.getOwnPropertyDescriptor(t,o):n,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")e=Reflect.decorate(r,t,o,n);else for(var i=r.length-1;i>=0;i--)(l=r[i])&&(e=(d<3?l(e):d>3?l(t,o,e):l(t,o))||e);return d>3&&e&&Object.defineProperty(t,o,e),e};let c=class extends u{constructor(){super(...arguments),this.expanded="false"}render(){return s`<typo3-backend-icon size=small identifier=${this.expanded==="true"?"actions-chevron-down":"actions-chevron-end"}></typo3-backend-icon>`}};p([a({type:String,reflect:!0,attribute:"aria-expanded"})],c.prototype,"expanded",void 0),c=p([f("typo3-backend-tree-node-toggle")],c);var m=c;export{m as default};
diff --git a/Resources/Public/JavaScript/tree/tree-node.js b/Resources/Public/JavaScript/tree/tree-node.js
new file mode 100644
index 0000000..d780bc7
--- /dev/null
+++ b/Resources/Public/JavaScript/tree/tree-node.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+var t;(function(E){E.COPY="copy",E.EDIT="edit",E.MOVE="move",E.DELETE="delete",E.NEW="new"})(t||(t={}));var f;(function(E){E.INSIDE="inside",E.BEFORE="before",E.AFTER="after"})(f||(f={}));export{t as TreeNodeCommandEnum,f as TreeNodePositionEnum};
diff --git a/Resources/Public/JavaScript/tree/tree-toolbar.js b/Resources/Public/JavaScript/tree/tree-toolbar.js
new file mode 100644
index 0000000..d2e40b3
--- /dev/null
+++ b/Resources/Public/JavaScript/tree/tree-toolbar.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as u,html as d}from"lit";import{property as m,customElement as b}from"lit/decorators.js";import h from"@typo3/core/event/debounce-event.js";import"@typo3/backend/element/icon-element.js";import"@typo3/backend/viewport/content-navigation-toggle.js";import{Tree as f}from"@typo3/backend/tree/tree.js";import r from"~labels/core.core";import"bootstrap";var p=function(s,e,t,n){var i=arguments.length,o=i<3?e:n===null?n=Object.getOwnPropertyDescriptor(e,t):n,a;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")o=Reflect.decorate(s,e,t,n);else for(var c=s.length-1;c>=0;c--)(a=s[c])&&(o=(i<3?a(o):i>3?a(e,t,o):a(e,t))||o);return i>3&&o&&Object.defineProperty(e,t,o),o};let l=class extends u{constructor(){super(...arguments),this.tree=null,this.showRefresh=!0,this.settings={searchInput:".search-input",filterTimeout:450}}createRenderRoot(){return this}firstUpdated(){const e=this.querySelector(this.settings.searchInput);e&&new h("input",t=>{const n=t.target;this.tree.filter(n.value.trim())},this.settings.filterTimeout).bindTo(e)}render(){return d`<div class=tree-toolbar><div class=tree-toolbar__menu><div class=tree-toolbar__search><label for=toolbarSearch class=visually-hidden>${r.get("labels.label.searchString")}</label> <input type=search autocomplete=off id=toolbarSearch class="form-control form-control-sm search-input" placeholder=${this.tree?.setup?.searchPlaceholder||r.get("tree.searchTermInfo")}></div><div class=dropdown><button type=button class="btn btn-sm btn-icon btn-default btn-borderless dropdown-toggle dropdown-toggle-no-chevron" data-bs-toggle=dropdown data-bs-boundary=window aria-expanded=false aria-label=${r.get("labels.openTreeOptionsMenu")}><typo3-backend-icon identifier=actions-menu-alternative size=small></typo3-backend-icon></button><ul class="dropdown-menu dropdown-menu-end">${this.showRefresh?d`<li><button class=dropdown-item @click=${()=>this.refreshTree()}><span class=dropdown-item-columns> <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden=true><typo3-backend-icon identifier=actions-refresh size=small></typo3-backend-icon> </span> <span class="dropdown-item-column dropdown-item-column-title">${r.get("labels.refresh")} </span> </span></button></li>`:""}<li><button class=dropdown-item @click=${e=>this.collapseAll(e)}><span class=dropdown-item-columns> <span class="dropdown-item-column dropdown-item-column-icon" aria-hidden=true><typo3-backend-icon identifier=apps-pagetree-category-collapse-all size=small></typo3-backend-icon> </span> <span class="dropdown-item-column dropdown-item-column-title">${r.get("labels.collapse")} </span> </span></button></li></ul></div><typo3-backend-content-navigation-toggle class="btn btn-sm btn-icon btn-default btn-borderless" action=collapse></typo3-backend-content-navigation-toggle></div></div>`}refreshTree(){this.tree.refreshOrFilterTree()}collapseAll(e){e.preventDefault(),this.tree.nodes.forEach(t=>{t.__parents.length&&this.tree.hideChildren(t)})}};p([m({type:f})],l.prototype,"tree",void 0),p([m({type:Boolean})],l.prototype,"showRefresh",void 0),l=p([b("typo3-backend-tree-toolbar")],l);export{l as TreeToolbar};
diff --git a/Resources/Public/JavaScript/tree/tree.js b/Resources/Public/JavaScript/tree/tree.js
new file mode 100644
index 0000000..4fcb505
--- /dev/null
+++ b/Resources/Public/JavaScript/tree/tree.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as x,html as a,nothing as N}from"lit";import{property as C,state as p,query as $}from"lit/decorators.js";import{repeat as F}from"lit/directives/repeat.js";import{styleMap as b}from"lit/directives/style-map.js";import{ifDefined as D}from"lit/directives/if-defined.js";import{TreeNodePositionEnum as u,TreeNodeCommandEnum as h}from"@typo3/backend/tree/tree-node.js";import w from"@typo3/core/ajax/ajax-request.js";import P from"@typo3/backend/notification.js";import{KeyTypesEnum as l}from"@typo3/backend/enum/key-types.js";import"@typo3/backend/element/icon-element.js";import E from"@typo3/backend/storage/client.js";import{DataTransferTypes as m}from"@typo3/backend/enum/data-transfer-types.js";import k from"@typo3/backend/severity.js";import S from"~labels/core.misc";import R from"~labels/backend.layout";import{openPageWizardModal as O}from"@typo3/backend/page-wizard/helper/wizard-helper.js";var f=function(_,e,t,r){var s=arguments.length,i=s<3?e:r===null?r=Object.getOwnPropertyDescriptor(e,t):r,o;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(_,e,t,r);else for(var n=_.length-1;n>=0;n--)(o=_[n])&&(i=(s<3?o(i):s>3?o(e,t,i):o(e,t))||i);return s>3&&i&&Object.defineProperty(e,t,i),i};class y{constructor(e){this.treeNodes=e,this.updateIndexes()}get length(){return this.treeNodes.length}toArray(){return this.treeNodes}splice(e,t,...r){this.treeNodes.splice(e,t,...r),this.updateIndexes()}getNodeByTreeIdentifier(e){const t=this.treeIdentifierIndex[e]??null;return this.treeNodes[t]??null}updateIndexes(){this.treeIdentifierIndex=Object.fromEntries(this.treeNodes.map((e,t)=>[e.__treeIdentifier,t]))}}class T extends CustomEvent{static{this.eventName="typo3:tree:filter-applied"}constructor(e,t){super(T.eventName,{detail:{searchTerm:e,resultCount:t},bubbles:!0,composed:!0})}}class v extends Event{static{this.eventName="typo3:tree:filter-reset"}constructor(){super(v.eventName,{bubbles:!0,composed:!0})}}class c extends x{constructor(){super(...arguments),this.setup=null,this.settings={showIcons:!1,width:300,dataUrl:"",filterUrl:"",defaultProperties:{},expandUpToLevel:null,actions:[]},this.nodeMap=new y([]),this.currentScrollPosition=0,this.currentVisibleHeight=0,this.searchTerm=null,this.searchResults=0,this.loading=!1,this.hoveredNode=null,this.nodeDragAllowed=!1,this.isOverRoot=!1,this.nodeDragPosition=null,this.nodeDragMode=null,this.draggingNode=null,this.nodeHeight=32,this.indentWidth=20,this.displayNodes=[],this.focusedNode=null,this.lastFocusedNode=null,this.editingNode=null,this.openNodeTimeout={targetNode:null,timeout:null},this.unfilteredNodes="",this.muteErrorNotifications=!1,this.networkErrorTitle=S.get("tree_networkError"),this.networkErrorMessage=S.get("tree_networkErrorDescription"),this.allowNodeEdit=!1,this.allowNodeDrag=!1,this.allowNodeSorting=!1,this.currentFilterRequest=null,this.__loadPromise=new Promise(e=>this.__loadFinished=e),this.lastRenderScrollPosition=null}get loadComplete(){return this.__loadPromise}get nodes(){return this.nodeMap.toArray()}set nodes(e){this.nodeMap=new y(e)}getNodeFromElement(e){return e===null||!("treeId"in e.dataset)?null:this.getNodeByTreeIdentifier(e.dataset.treeId)}getElementFromNode(e){return this.querySelector('[data-tree-id="'+this.getNodeTreeIdentifier(e)+'"]')}hideChildren(e){e.__expanded=!1,this.saveNodeStatus(e),this.dispatchEvent(new CustomEvent("typo3:tree:expand-toggle",{detail:{node:e}}))}async showChildren(e){e.__expanded=!0,await this.loadChildren(e),this.saveNodeStatus(e),this.dispatchEvent(new CustomEvent("typo3:tree:expand-toggle",{detail:{node:e}}))}getDataUrl(e=null){return e===null?this.settings.dataUrl:this.settings.dataUrl+"&parent="+e.identifier+"&depth="+e.depth}getFilterUrl(){return this.settings.filterUrl+"&q="+this.searchTerm}async loadData(){this.loading=!0,this.nodeMap=new y(this.prepareNodes(await this.fetchData())),this.__loadFinished(),this.__loadPromise=new Promise(e=>this.__loadFinished=e),this.loading=!1}async fetchData(e=null){try{let r=await(await new w(this.getDataUrl(e)).get({cache:"no-cache"})).resolve();return Array.isArray(r)?(e!==null&&(r=r.filter(i=>i.identifier!==e.identifier),r.unshift(e)),r=this.enhanceNodes(r),e!==null&&r.shift(),(await Promise.all(r.map(async i=>{const o=i.__parents.join("_"),n=r.find(g=>g.__treeIdentifier===o)||null,d=n===null||n.__expanded;if(!i.loaded&&i.hasChildren&&i.__expanded&&d){const g=await this.fetchData(i);return i.loaded=!0,[i,...g]}else return[i]}))).flat()):[]}catch(t){return this.errorNotification(t),[]}}async loadChildren(e){try{if(e.loaded){await Promise.all(this.nodes.filter(i=>i.__parents.join("_")===e.__treeIdentifier&&!i.loaded&&i.hasChildren&&i.__expanded).map(i=>this.loadChildren(i)));return}e.__loading=!0;const t=this.prepareNodes(await this.fetchData(e)),r=this.nodes.indexOf(e)+1;let s=0;for(let i=r;i<this.nodes.length&&!(this.nodes[i].depth<=e.depth);++i)s++;this.nodeMap.splice(r,s,...t),e.__loading=!1,e.loaded=!0}catch(t){throw this.errorNotification(t),e.__loading=!1,t}}getIdentifier(){return this.id??this.setup.id}getLocalStorageIdentifier(){return"tree-state-"+this.getIdentifier()}getNodeStatus(e){return(JSON.parse(E.get(this.getLocalStorageIdentifier()))??{})[e.__treeIdentifier]??{expanded:!1}}saveNodeStatus(e){const t=JSON.parse(E.get(this.getLocalStorageIdentifier()))??{};t[e.__treeIdentifier]={expanded:e.__expanded},E.set(this.getLocalStorageIdentifier(),JSON.stringify(t))}refreshOrFilterTree(){this.searchTerm!==""?this.filter(this.searchTerm):this.loadData()}selectFirstNode(){const e=this.getFirstNode();this.selectNode(e,!0),this.focusNode(e)}selectNode(e,t=!0){this.isNodeSelectable(e)&&(this.resetSelectedNodes(),e.checked=!0,this.dispatchEvent(new CustomEvent("typo3:tree:node-selected",{detail:{node:e,propagate:t},bubbles:!0,composed:!0})))}async focusNode(e){this.lastFocusedNode=this.focusedNode,this.focusedNode=e,this.requestUpdate();const t=this.getElementFromNode(this.focusedNode);t?t.focus():this.updateComplete.then(()=>{this.getElementFromNode(this.focusedNode)?.focus()})}async editNode(e){this.isNodeEditable(e)&&(this.editingNode=e,this.requestUpdate(),this.updateComplete.then(()=>{const t=this.getElementFromNode(this.editingNode)?.querySelector(".node-edit");t&&(t.focus(),t.select())}))}scrollNodeIntoViewIfNeeded(e){const t=e.__y+this.nodeHeight/2,r=this.root.scrollTop,s=r+this.root.clientHeight,i=t-this.root.clientHeight/2;(t<r||t>s)&&(this.root.scrollTop=i)}async deleteNode(e){if(!e.deletable){console.error("The Node cannot be deleted.");return}this.handleNodeDelete(e)}async moveNode(e,t,r){this.handleNodeMove(e,t,r)}async addNode(e,t,r){let s=this.nodes.indexOf(t);const i=r===u.INSIDE?t:this.getParentNode(t),o=this.enhanceNodes([i,{...e,depth:i?i.depth+1:0}]).pop();if(i&&(i.hasChildren&&!i.__expanded&&await this.showChildren(i),i.hasChildren||(i.hasChildren=!0,i.__expanded=!0)),r===u.INSIDE)s+=1;else if(r===u.AFTER){const n=t.depth;let d=s+1;for(;d<this.nodes.length&&this.nodes[d].depth>n;)d++;s=d}this.nodeMap.splice(s,0,o),this.handleNodeAdd(o,t,r)}async removeNode(e){const t=this.nodes.indexOf(e),r=this.getParentNode(e);t>-1&&this.nodeMap.splice(t,1),this.requestUpdate(),this.updateComplete.then(()=>{r?.__expanded&&r.hasChildren&&this.getNodeChildren(r).length===0&&(r.hasChildren=!1,r.__expanded=!1)})}filter(e){typeof e=="string"&&(this.searchTerm=e),this.searchTerm&&this.settings.filterUrl?(this.loading=!0,this.currentFilterRequest?.abort(),this.currentFilterRequest=new w(this.getFilterUrl()),this.currentFilterRequest.get({cache:"no-cache"}).then(t=>t.resolve()).then(t=>{const r=Array.isArray(t)?t:[];this.searchResults=r.length,r.length>0&&(this.unfilteredNodes===""&&(this.unfilteredNodes=JSON.stringify(this.nodes)),this.nodeMap=new y(this.enhanceNodes(r)),this.searchResults=r.length)}).catch(t=>{if(!(t instanceof DOMException&&t.name==="AbortError"))throw this.errorNotification(t),t}).then(()=>{this.loading=!1,this.currentFilterRequest=null,this.dispatchEvent(new T(this.searchTerm,this.searchResults))})):this.resetFilter().then(()=>{this.loading=!1,this.dispatchEvent(new v)})}async resetFilter(){if(this.searchTerm="",this.searchResults=0,this.unfilteredNodes.length>0){const e=this.getSelectedNodes()[0];if(typeof e>"u"){await this.loadData();return}this.nodeMap=new y(this.enhanceNodes(JSON.parse(this.unfilteredNodes))),this.unfilteredNodes="";const t=this.getNodeByTreeIdentifier(e.__treeIdentifier);t?this.selectNode(t,!1):await this.loadData()}else await this.loadData()}errorNotification(e=null){if(!this.muteErrorNotifications)if(Array.isArray(e))e.forEach(t=>{P.error(t.title,t.message)});else{let t=this.networkErrorTitle;e&&e.target&&(e.target.status||e.target.statusText)&&(t+=" - "+(e.target.status||"")+" "+(e.target.statusText||"")),P.error(t,this.networkErrorMessage)}}getSelectedNodes(){return this.nodes.filter(e=>e.checked)}getNodeByTreeIdentifier(e){return this.nodeMap.getNodeByTreeIdentifier(e)}getNodeDragStatusIcon(){return this.nodeDragMode===h.DELETE?"actions-delete":this.nodeDragMode===h.NEW?"actions-add":this.nodeDragPosition===u.BEFORE?"apps-pagetree-drag-move-above":this.nodeDragPosition===u.INSIDE?"apps-pagetree-drag-move-into":this.nodeDragPosition===u.AFTER?"apps-pagetree-drag-move-below":"actions-ban"}async expandParents(e){for(const t of e){const r=this.nodes.find(s=>s.identifier===t.toString());if(!r)return;r.__expanded||await this.showChildren(r)}}async expandNodeParents(e){await this.expandParents(e.__parents)}prepareNodes(e){const t=new CustomEvent("typo3:tree:nodes-prepared",{detail:{nodes:e},bubbles:!1});return this.dispatchEvent(t),t.detail.nodes}enhanceNodes(e){const t=e.reduce((s,i)=>{if(i?.__processed===!0)return[...s,i];i=Object.assign({},this.settings.defaultProperties,i),i.__parents=[];const o=i.depth>0?s.findLast(d=>d.depth<i.depth):null;o&&(i.__parents=[...o.__parents,o.identifier]),i.__treeIdentifier=i.identifier,i.__loading=!1,i.__treeParents=[],o&&(i.__treeIdentifier=o.__treeIdentifier+"_"+i.__treeIdentifier,i.__treeParents=[...o.__treeParents,o.__treeIdentifier]),this.searchTerm?i.__expanded=i.loaded&&i.hasChildren:i.hasChildren?i.__expanded=this.settings.expandUpToLevel!==null?i.depth<this.settings.expandUpToLevel:!!this.getNodeStatus(i).expanded:i.__expanded=!1,i.__processed=!0;const n=this;return[...s,new Proxy(i,{set(d,g,I){return d[g]!==I&&(d[g]=I,n.requestUpdate()),!0}})]},[]);return t.filter(s=>s.depth===0).length===1&&(t[0].__expanded=!0),t}createRenderRoot(){return this}shouldUpdate(e){return!(e.size===1&&e.has("currentScrollPosition")&&this.lastRenderScrollPosition!==null&&Math.abs(this.currentScrollPosition-this.lastRenderScrollPosition)/this.nodeHeight<20)}render(){const e=this.loading?a`<div class=nodes-loader><div class=nodes-loader-inner><typo3-backend-icon identifier=spinner-circle size=medium></typo3-backend-icon></div></div>`:N;return a`<div class=nodes-container>${e}<div class=nodes-root @scroll=${t=>{this.currentScrollPosition=t.currentTarget.scrollTop}} @mouseover=${()=>this.isOverRoot=!0} @mouseout=${()=>this.isOverRoot=!1} @keydown=${t=>this.handleKeyboardInteraction(t)}>${this.renderVisibleNodes()}</div></div>`}renderVisibleNodes(){this.displayNodes=this.nodes.filter(s=>s.__hidden!==!0&&!s.__treeParents.some(i=>this.getNodeByTreeIdentifier(i).__expanded===!1)),this.displayNodes.forEach((s,i)=>{s.__x=s.depth*this.indentWidth,s.__y=i*this.nodeHeight}),this.lastRenderScrollPosition=this.currentScrollPosition;const e=Math.ceil(this.currentVisibleHeight/this.nodeHeight),t=Math.floor(this.currentScrollPosition/this.nodeHeight),r=this.displayNodes.filter((s,i)=>this.getFirstNode()===s||this.focusedNode===s||this.lastFocusedNode===s?!0:i+40>=t&&i-40<t+e);return a`<div class=nodes-list role=tree style=${b({height:this.displayNodes.length*this.nodeHeight+"px"})}>${F(r,s=>this.getNodeTreeIdentifier(s),s=>a`<div class=${this.getNodeClasses(s).join(" ")} role=treeitem draggable=true title=${this.getNodeTitle(s)} aria-owns=${D(s.hasChildren?"group-identifier-"+this.getNodeIdentifier(s):null)} aria-expanded=${D(s.hasChildren?s.__expanded?"true":"false":null)} aria-level=${this.getNodeDepth(s)+1} aria-setsize=${this.getNodeSetsize(s)} aria-posinset=${this.getNodePositionInSet(s)} data-id=${this.getNodeIdentifier(s)} data-tree-id=${this.getNodeTreeIdentifier(s)} style=top:${s.__y+"px"};height:${this.nodeHeight+"px"} tabindex=${this.getNodeTabindex(s)} @dragover=${i=>{this.handleNodeDragOver(i)}} @dragstart=${i=>{this.handleNodeDragStart(i,s)}} @dragleave=${i=>{this.handleNodeDragLeave(i)}} @dragend=${i=>{this.handleNodeDragEnd(i)}} @drop=${i=>{this.handleNodeDrop(i)}} @click=${i=>{this.handleNodeClick(i,s)}} @dblclick=${i=>{this.handleNodeDoubleClick(i,s)}} @focusin=${()=>{this.focusedNode=s}} @focusout=${()=>{this.focusedNode===s&&(this.lastFocusedNode=s,this.focusedNode=null)}} @contextmenu=${i=>{i.preventDefault(),i.stopPropagation(),this.dispatchEvent(new CustomEvent("typo3:tree:node-context",{detail:{node:s,originalEvent:i}}))}}>${this.createNodeLabel(s)} ${this.createNodeGuides(s)} ${this.createNodeLoader(s)||this.createNodeToggle(s)||N} ${this.createNodeContent(s)} ${this.createNodeStatusInformation(s)} ${this.createNodeDeleteDropZone(s)}</div>`)}</div>`}async firstUpdated(){new ResizeObserver(t=>{for(const r of t)r.target===this.root&&(this.currentVisibleHeight=r.target.getBoundingClientRect().height)}).observe(this.root),Object.assign(this.settings,this.setup||{}),this.registerUnloadHandler(),await this.loadData(),this.dispatchEvent(new Event("tree:initialized"))}resetSelectedNodes(){this.getSelectedNodes().forEach(e=>{e.checked===!0&&(e.checked=!1)})}isNodeSelectable(e){return!0}isNodeEditable(e){return e.editable&&this.allowNodeEdit}handleNodeClick(e,t){e.detail===1&&(e.preventDefault(),e.stopPropagation(),this.editingNode!==t&&this.selectNode(t,!0))}handleNodeDoubleClick(e,t){e.preventDefault(),e.stopPropagation(),this.editingNode!==t&&this.editNode(t)}cleanDrag(){this.querySelectorAll(".node").forEach(function(t){t.classList.remove("node-dragging-before"),t.classList.remove("node-dragging-after"),t.classList.remove("node-hover")})}getNodeFromDragEvent(e){const t=e.target;return this.getNodeFromElement(t.closest("[data-tree-id]"))}getTooltipDescription(e){return"ID: "+e.identifier}handleNodeDragStart(e,t){if(this.allowNodeDrag===!1||t.depth===0){e.preventDefault();return}this.draggingNode=t,this.requestUpdate(),e.dataTransfer.clearData();const r={statusIconIdentifier:this.getNodeDragStatusIcon(),tooltipIconIdentifier:t.icon,tooltipLabel:t.name,tooltipDescription:this.getTooltipDescription(t)};e.dataTransfer.setData(m.dragTooltip,JSON.stringify(r)),this.createDataTransferItemsFromNode(t).forEach(({data:s,type:i})=>e.dataTransfer.items.add(s,i)),e.dataTransfer.effectAllowed="move"}handleNodeDragOver(e){if(!e.dataTransfer.types.includes(m.treenode)&&!e.dataTransfer.types.includes(m.newTreenode))return!1;const t=e.target,r=this.getNodeFromDragEvent(e);if(r===null||this.draggingNode===null)return!1;this.cleanDrag(),this.refreshDragToolTip(),this.nodeDragMode=null,this.nodeDragPosition=null;const s=this.getElementFromNode(r);if(s.classList.add("node-hover"),r.hasChildren&&!r.__expanded?this.openNodeTimeout.targetNode!=r&&(this.openNodeTimeout.targetNode=r,clearTimeout(this.openNodeTimeout.timeout),this.openNodeTimeout.timeout=setTimeout(()=>{this.showChildren(this.openNodeTimeout.targetNode),this.openNodeTimeout.targetNode=null,this.openNodeTimeout.timeout=null},1e3)):(clearTimeout(this.openNodeTimeout.timeout),this.openNodeTimeout.targetNode=null,this.openNodeTimeout.timeout=null),this.draggingNode==r)return t.dataset.treeDropzone==="delete"?(this.nodeDragMode=h.DELETE,e.preventDefault(),this.refreshDragToolTip(),!0):(this.refreshDragToolTip(),!0);if(r.__parents.includes(this.draggingNode.identifier))return this.refreshDragToolTip(),!0;if(this.nodeDragMode=h.MOVE,e.dataTransfer.types.includes(m.newTreenode)&&(this.nodeDragMode=h.NEW),this.nodeDragPosition=u.INSIDE,r.depth===0||this.allowNodeSorting===!1)return this.refreshDragToolTip(),e.preventDefault(),!0;const o=this.getElementFromNode(r).getBoundingClientRect(),n=e.clientY-o.y;return n<6?(this.nodeDragPosition=u.BEFORE,s.classList.add("node-dragging-before")):this.nodeHeight-n<6&&r.hasChildren===!1&&r.__expanded===!1&&(this.nodeDragPosition=u.AFTER,s.classList.add("node-dragging-after")),this.refreshDragToolTip(),e.preventDefault(),!0}handleNodeDragLeave(e){this.draggingNode!==null&&this.cleanDrag()}handleNodeDragEnd(e){this.cleanDrag(),this.draggingNode=null,this.requestUpdate()}handleNodeDrop(e){if(this.cleanDrag(),e.dataTransfer.types.includes(m.treenode)){e.preventDefault();const t=e.dataTransfer.getData(m.treenode),r=this.getNodeByTreeIdentifier(t);this.nodeDragMode===h.DELETE&&this.deleteNode(r);const s=this.getNodeFromDragEvent(e);return s===null?!1:(this.nodeDragMode===h.MOVE&&this.moveNode(r,s,this.nodeDragPosition),this.nodeDragMode=null,this.nodeDragPosition=null,!0)}if(e.dataTransfer.types.includes(m.newTreenode)){e.preventDefault();let t=this.getNodeFromDragEvent(e);if(t===null)return!1;const r=JSON.parse(e.dataTransfer.getData(m.newTreenode));let s="inside";if(this.nodeDragPosition===u.AFTER)s="after";else if(this.nodeDragPosition===u.BEFORE){const i=this.getPreviousNode(t);s=i.depth==t.depth?"after":"inside",t=i}return O({doktype:String(r.doktype),positionData:{pageUid:parseInt(t.identifier,10),insertPosition:s}}),this.nodeDragMode=null,this.nodeDragPosition=null,!0}return!1}refreshDragToolTip(){top.document.dispatchEvent(new CustomEvent("typo3:drag-tooltip:metadata-update",{detail:{statusIconIdentifier:this.getNodeDragStatusIcon()}}))}createNodeLabel(e){const t=this.getNodeLabels(e);if(t.length===0)return a`${N}`;const s={backgroundColor:t[0].color};return a`<span class=node-label style=${b(s)}></span>`}createNodeGuides(e){const t=e.__treeParents.map(r=>{const s=this.getNodeByTreeIdentifier(r);let i="none";return this.getNodeSetsize(s)!==this.getNodePositionInSet(s)&&(i="line"),a`<div class="node-treeline node-treeline--${i}" data-origin=${this.getNodeTreeIdentifier(s)} data-nodesize=${this.getNodeSetsize(s)} data-position=${this.getNodePositionInSet(s)}></div>`});return this.getNodeSetsize(e)===this.getNodePositionInSet(e)?t.push(a`<div class="node-treeline node-treeline--last" data-origin=${this.getNodeTreeIdentifier(e)}></div>`):t.push(a`<div class="node-treeline node-treeline--connect" data-origin=${this.getNodeTreeIdentifier(e)}></div>`),a`<div class=node-treelines>${t}</div>`}createNodeLoader(e){return e.__loading===!0?a`<span class=node-loading> <typo3-backend-icon identifier=spinner-circle size=small></typo3-backend-icon> </span>`:null}createNodeToggle(e){return e.hasChildren===!0?a`<span class=node-toggle @click=${t=>{t.preventDefault(),t.stopImmediatePropagation(),this.handleNodeToggle(e)}}> <typo3-backend-icon identifier=${e.__expanded?"actions-chevron-down":"actions-chevron-end"} size=small></typo3-backend-icon> </span>`:null}createNodeContent(e){return a`<div class=node-content>${this.createNodeContentIcon(e)} ${this.editingNode===e?this.createNodeForm(e):this.createNodeContentLabel(e)} ${this.createNodeContentAction(e)}</div>`}createNodeContentIcon(e){return this.settings.showIcons?a`<span class=node-icon @click=${t=>{t.preventDefault(),t.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("typo3:tree:node-context",{detail:{node:e,originalEvent:t}}))}} @dblclick=${t=>{t.preventDefault(),t.stopImmediatePropagation()}}> <typo3-backend-icon identifier=${e.icon} overlay=${e.overlayIcon} size=small></typo3-backend-icon> </span>`:a`${N}`}createNodeContentLabel(e){const t=(e.prefix||"")+e.name+(e.suffix||"");let r=t;if(this.searchTerm&&this.searchResults<=100&&(this.searchTerm.length>1||/\d/.test(this.searchTerm))){const s=new RegExp(`(${this.searchTerm.replace(/[/\-\\^$*+?.()|[\]{}]/g,"\\$&")})`,"gi"),i=t.split(s);i.length>1&&(r=i.map((o,n)=>n%2===1?a`<span class=node-highlight-text>${o}</span>`:o))}return a`<div class=node-contentlabel><div class=node-name>${r}</div>${e.note?a`<div class=node-note>${e.note}</div>`:N}</div>`}createNodeStatusInformation(e){const t=this.getNodeStatusInformation(e);if(t.length===0)return a`${N}`;const r=t[0],s=k.getCssClass(r.severity),i=r.icon!==""?r.icon:"actions-dot",o=r.overlayIcon!==""?r.overlayIcon:void 0;return a`<span class="node-information node-information-${s}"> <typo3-backend-icon identifier=${i} overlay=${D(o)} size=small></typo3-backend-icon> </span>`}createNodeDeleteDropZone(e){return this.draggingNode===e&&e.deletable?a`<div class=node-dropzone-delete data-tree-dropzone=delete><typo3-backend-icon identifier=actions-delete size=small></typo3-backend-icon>${R.get("deleteItem")}</div>`:a`${N}`}createNodeForm(e){const t=e.identifier.startsWith("NEW")?h.NEW:h.EDIT;return a`<input class=node-edit @click=${i=>{i.stopImmediatePropagation()}} @blur=${i=>{if(this.editingNode!==null){this.editingNode=null;const n=i.target.value.trim();n!==e.name&&n!==""?this.handleNodeEdit(e,n):t===h.NEW&&this.removeNode(e),this.requestUpdate()}}} @keydown=${i=>{const o=i.key;if([l.ENTER,l.TAB].includes(o)){const d=i.target.value.trim();this.editingNode=null,this.requestUpdate(),d!==e.name&&d!==""?(this.handleNodeEdit(e,d),this.focusNode(e)):t===h.NEW&&d===""?this.removeNode(e):this.focusNode(e)}else[l.ESCAPE].includes(o)&&(this.editingNode=null,this.requestUpdate(),t===h.NEW?this.removeNode(e):this.focusNode(e))}} value=${e.name}>`}async handleNodeEdit(e,t){console.error("The function Tree->handleNodeEdit is not implemented.")}handleNodeDelete(e){console.error("The function Tree->handleNodeDelete is not implemented.")}handleNodeMove(e,t,r){console.error("The function Tree->handleNodeMove is not implemented.")}async handleNodeAdd(e,t,r){console.error("The function Tree->handleNodeAdd is not implemented.")}createNodeContentAction(e){return a`${N}`}createDataTransferItemsFromNode(e){throw new Error("The function Tree->createDataTransferItemFromNode is not implemented.")}getNodeIdentifier(e){return e.identifier}getNodeTreeIdentifier(e){return e.__treeIdentifier}getNodeParentTreeIdentifier(e){return e.__parents.join("_")}getNodeClasses(e){const t=["node"];return e.checked&&t.push("node-selected"),this.draggingNode===e&&t.push("node-dragging"),t}getNodeLabels(e){let t=e.labels;if(t?.length>0)return t=t.sort((s,i)=>i.priority-s.priority),t;const r=this.getParentNode(e);return r===null?[]:this.getNodeLabels(r).filter(s=>s.inheritByChildren)}getNodeStatusInformation(e){return e.statusInformation?.length?e.statusInformation.sort((r,s)=>r.severity!==s.severity?s.severity-r.severity:s.priority-r.priority):[]}getNodeDepth(e){return e.depth}getNodeTabindex(e){return this.focusedNode?this.focusedNode===e?0:-1:this.lastFocusedNode?this.lastFocusedNode===e?0:-1:this.getFirstNode()===e?0:-1}getNodeChildren(e){return e?.hasChildren?this.displayNodes.filter(t=>e===this.getParentNode(t)):[]}getNodeSetsize(e){if(e.depth===0)return this.displayNodes.filter(s=>s.depth===0).length;const t=this.getParentNode(e);return this.getNodeChildren(t).length}getNodePositionInSet(e){const t=this.getParentNode(e);let r=[];return e.depth===0?r=this.displayNodes.filter(s=>s.depth===0):t!==null&&(r=this.getNodeChildren(t)),r.indexOf(e)+1}getFirstNode(){return this.displayNodes.length?this.displayNodes[0]:null}getPreviousNode(e){const r=this.displayNodes.indexOf(e)-1;return this.displayNodes[r]?this.displayNodes[r]:null}getNextNode(e){const r=this.displayNodes.indexOf(e)+1;return this.displayNodes[r]?this.displayNodes[r]:null}getLastNode(){return this.displayNodes.length?this.displayNodes[this.displayNodes.length-1]:null}getParentNode(e){return e.__parents.length?this.getNodeByTreeIdentifier(this.getNodeParentTreeIdentifier(e)):null}getNodeTitle(e){let t=e.tooltip?e.tooltip:"uid="+e.identifier+" "+e.name;const r=this.getNodeLabels(e);r.length&&(t+="; "+r.map(i=>i.label).join("; "));const s=this.getNodeStatusInformation(e);return s.length&&(t+="; "+s.map(i=>i.label).join("; ")),t}handleNodeToggle(e){e.__expanded?this.hideChildren(e):this.showChildren(e)}handleKeyboardInteraction(e){if(this.editingNode!==null||[l.ENTER,l.SPACE,l.END,l.HOME,l.LEFT,l.UP,l.RIGHT,l.DOWN].includes(e.key)===!1)return;const r=e.target,s=this.getNodeFromElement(r);if(s===null)return;const i=this.getParentNode(s),o=this.getFirstNode(),n=this.getPreviousNode(s),d=this.getNextNode(s),g=this.getLastNode();switch(e.preventDefault(),e.key){case l.HOME:o!==null&&(this.scrollNodeIntoVisibleArea(o),this.focusNode(o));break;case l.END:g!==null&&(this.scrollNodeIntoVisibleArea(g),this.focusNode(g));break;case l.UP:n!==null&&(this.scrollNodeIntoVisibleArea(n),this.focusNode(n));break;case l.DOWN:d!==null&&(this.scrollNodeIntoVisibleArea(d),this.focusNode(d));break;case l.LEFT:s.__expanded?s.hasChildren&&this.hideChildren(s):i&&(this.scrollNodeIntoVisibleArea(i),this.focusNode(i));break;case l.RIGHT:s.__expanded&&d?(this.scrollNodeIntoVisibleArea(d),this.focusNode(d)):s.hasChildren&&this.showChildren(s);break;case l.ENTER:case l.SPACE:this.selectNode(s);break;default:}}scrollNodeIntoVisibleArea(e){const t=e.__y,r=e.__y+this.nodeHeight,s=t>=this.currentScrollPosition,i=r<=this.currentScrollPosition+this.currentVisibleHeight;if(!(s&&i)){let n=this.currentScrollPosition;!s&&!i?n=r-this.currentVisibleHeight:s?i||(n=r-this.currentVisibleHeight):n=t,n<0&&(n=0),this.root.scrollTo({top:n})}}registerUnloadHandler(){try{if(!window.frameElement)return;window.addEventListener("pagehide",()=>this.muteErrorNotifications=!0,{once:!0})}catch{console.error("Failed to check the existence of window.frameElement \u2013 using a foreign origin?")}}}f([C({type:Object})],c.prototype,"setup",void 0),f([p()],c.prototype,"settings",void 0),f([$(".nodes-root")],c.prototype,"root",void 0),f([p()],c.prototype,"nodeMap",void 0),f([p()],c.prototype,"currentScrollPosition",void 0),f([p()],c.prototype,"currentVisibleHeight",void 0),f([p()],c.prototype,"searchTerm",void 0),f([p()],c.prototype,"searchResults",void 0),f([p()],c.prototype,"loading",void 0),f([p()],c.prototype,"hoveredNode",void 0),f([p()],c.prototype,"nodeDragAllowed",void 0);export{c as Tree,T as TreeFilterAppliedEvent,v as TreeFilterResetEvent,y as TreeNodeMap};
diff --git a/Resources/Public/JavaScript/url-link-handler.js b/Resources/Public/JavaScript/url-link-handler.js
new file mode 100644
index 0000000..e354864
--- /dev/null
+++ b/Resources/Public/JavaScript/url-link-handler.js
@@ -0,0 +1,13 @@
+/*
+ * 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 t from"@typo3/backend/link-browser.js";import l from"@typo3/core/event/regular-event.js";class u{constructor(){new l("submit",(r,n)=>{r.preventDefault();const e=n.querySelector('[name="lurl"]').value.trim();e!==""&&t.finalizeFunction(e)}).delegateTo(document,"#lurlform")}}var i=new u;export{i as default};
diff --git a/Resources/Public/JavaScript/user-pass-login.js b/Resources/Public/JavaScript/user-pass-login.js
new file mode 100644
index 0000000..23e59f7
--- /dev/null
+++ b/Resources/Public/JavaScript/user-pass-login.js
@@ -0,0 +1,25 @@
+/*
+ * 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 c from"@typo3/backend/login.js";import r from"@typo3/core/event/regular-event.js";import p from"@typo3/core/document-service.js";class g{constructor(){this.resetPassword=()=>{const t=document.querySelector(this.options.passwordField);if(t===null||t.value==="")return;const e=document.querySelector(c.options.useridentField);e&&(e.value=t.value),t.value=""},this.toggleCopyright=t=>{t.key===" "&&t.target.click()},this.attachCapslockWarning=(t,e,n)=>{const s=t.closest(".input-group");if(!s||s.querySelector(".input-group-text-warning-capslock"))return;const a=t.parentElement,l=`
+      <span class="icon icon-size-small icon-state-default">
+          <span class="icon-markup">
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="currentColor"><path d="m8 5.414 3.536 3.536.707-.707L8 4 3.757 8.243l.707.707L8 5.414zM4 11h8v1H4z"/></g></svg>
+          </span>
+      </span>
+    `,i=document.createElement("span");i.classList.add("visually-hidden"),i.textContent=n;const o=document.createElement("span");if(o.classList.add("input-group-text","input-group-text-warning","input-group-text-warning-capslock"),o.role="status",o.innerHTML=l,o.title=e,o.appendChild(i),a.classList.contains("form-control-clearable-wrapper")){a.insertAdjacentElement("afterend",o);return}t.insertAdjacentElement("afterend",o)},this.removeCapslockWarning=t=>{const e=t.closest(".input-group");if(!e)return;const n=e.querySelector(".input-group-text-warning-capslock");n&&n.remove()},this.showCapslockWarning=t=>{const e=t.target,n=e.dataset.capslockwarningTitle,s=e.dataset.capslockwarningMessage;this.isCapslockEnabled(t)?this.attachCapslockWarning(e,n,s):this.removeCapslockWarning(e)},this.attachPasswordToggle=t=>{const e=t.closest(".input-group");if(!e||e.querySelector(".t3js-login-toggle-password"))return;const n=`
+      <span class="icon icon-size-small icon-state-default">
+        <span class="icon-markup">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><g fill="currentColor"><path d="M8.07 3C4.112 3 1 5.286 1 8s2.97 5 7 5c3.889 0 7-2.286 7-4.93C15 5.285 11.889 3.142 8.212 3h-.141Zm-.025 1.127c.141 0 .423.141.423.282s-.14.282-.423.282c-.845 0-1.69.704-1.69 1.55 0 .14-.141.282-.423.282-.282 0-.423-.141-.423-.282.141-1.127 1.268-2.114 2.536-2.114ZM2 8.03c0-1.298 1.017-2.591 2.647-3.312-.296.432-.296 1.01-.296 1.587 0 2.02 1.63 3.606 3.703 3.606 2.074 0 3.704-1.587 3.704-3.606 0-.577-.148-1.01-.296-1.443C12.943 5.582 14 6.875 14 8.029c-.148 2.02-2.841 3.924-6 3.971-3.36-.047-6-1.95-6-3.97Z"/></g></svg>
+        </span>
+      </span>
+    `,s=document.createElement("button");s.type="button",s.classList.add("btn","btn-default","t3js-login-toggle-password"),s.ariaLabel=t.dataset.passwordtoggleLabel??"",s.innerHTML=n,s.addEventListener("click",()=>{s.classList.contains("active")?(s.classList.remove("active"),t.type="password"):(s.classList.add("active"),t.type="text")}),e.insertAdjacentElement("beforeend",s)},this.removePasswordToggle=t=>{const e=t.closest(".input-group");if(!e)return;const n=e.querySelector(".t3js-login-toggle-password");n&&(n.remove(),t.type="password")},this.showPasswordToggle=t=>{const e=t.target;if(e.value===""){this.removePasswordToggle(e);return}else this.attachPasswordToggle(e)},this.init()}async init(){await p.ready(),this.options={usernameField:".t3js-login-username-field",passwordField:".t3js-login-password-field",copyrightLink:".t3js-login-copyright-link"};const t=document.querySelector(this.options.usernameField),e=document.querySelector(this.options.passwordField),n=document.querySelector(this.options.copyrightLink);c.options.submitHandler=this.resetPassword,[t,e].forEach(s=>new r("keypress",this.showCapslockWarning).bindTo(s)),["input","change"].forEach(s=>new r(s,this.showPasswordToggle).bindTo(e)),new r("keydown",this.toggleCopyright).bindTo(n),parent.opener?.TYPO3?.configuration?.username&&(t.value=parent.opener.TYPO3.configuration.username),t.value===""?t.focus():e.focus()}isCapslockEnabled(t){const e=t||window.event;if(!e)return!1;let n=-1;e.which?n=e.which:e.keyCode&&(n=e.keyCode);let s=!1;return e.shiftKey?s=e.shiftKey:e.modifiers&&(s=!!(e.modifiers&4)),n>=65&&n<=90&&!s||n>=97&&n<=122&&s}}var d=new g;export{d as default};
diff --git a/Resources/Public/JavaScript/user-settings-manager.js b/Resources/Public/JavaScript/user-settings-manager.js
new file mode 100644
index 0000000..3174bbf
--- /dev/null
+++ b/Resources/Public/JavaScript/user-settings-manager.js
@@ -0,0 +1,13 @@
+/*
+ * 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{BroadcastMessage as s}from"@typo3/backend/broadcast-message.js";import o from"@typo3/backend/broadcast-service.js";import h from"@typo3/backend/storage/persistent.js";import u from"@typo3/backend/modal.js";import{SeverityEnum as p}from"@typo3/backend/enum/severity.js";import i from"~labels/backend.messages";var d;(function(c){c.colorSchemeSwitch="typo3-backend-color-scheme-switch"})(d||(d={}));class g{constructor(){document.addEventListener("typo3:color-scheme:update",e=>this.onColorSchemeUpdate(e.detail)),document.addEventListener("typo3:theme:update",e=>this.onThemeUpdate(e.detail)),document.addEventListener("typo3:title-format:update",e=>this.onTitleFormatUpdate(e.detail)),document.addEventListener("typo3:backend-language:update",e=>this.onBackendLanguageFormatUpdate(e.detail)),document.addEventListener("typo3:persistent:update",e=>this.onPersistentUpdate(e.detail)),document.addEventListener("typo3:date-time-first-day-of-week:update",e=>this.onDateTimeFirstDayOfWeekUpdate(e.detail)),document.addEventListener("typo3:color-scheme:broadcast",e=>this.activateColorScheme(e.detail.payload.colorScheme)),document.addEventListener("typo3:theme:broadcast",e=>this.activateTheme(e.detail.payload.theme)),document.addEventListener("typo3:title-format:broadcast",e=>this.activateTitleFormat(e.detail.payload.format)),document.addEventListener("typo3:backend-language:broadcast",()=>this.requestBackendLanguageRefresh()),document.addEventListener("typo3:persistent:broadcast",e=>this.updatePersistent(e.detail.payload.fieldName,e.detail.payload.value))}onColorSchemeUpdate(e){const{colorScheme:t}=e;this.activateColorScheme(t),o.post(new s("color-scheme","broadcast",{colorScheme:t}))}onThemeUpdate(e){const{theme:t}=e;this.activateTheme(t),o.post(new s("theme","broadcast",{theme:t}))}onTitleFormatUpdate(e){const{format:t}=e;this.activateTitleFormat(t),o.post(new s("title-format","broadcast",{format:t}))}onDateTimeFirstDayOfWeekUpdate(e){const{dow:t}=e;this.activateDateTimeFirstDayOfWeek(t),o.post(new s("date-time-first-day-of-week","broadcast",{dow:t}))}onBackendLanguageFormatUpdate(e){const{language:t}=e;this.requestBackendLanguageRefresh(),o.post(new s("backend-language","broadcast",{language:t}))}onPersistentUpdate(e){const{fieldName:t,value:a}=e;this.updatePersistent(t,a),o.post(new s("personalization","broadcast",{fieldName:t,value:a}))}activateColorScheme(e){const t=document.querySelector(d.colorSchemeSwitch);t&&(t.activeColorScheme=e),this.setStyleChangingDocumentAttribute("data-color-scheme",e)}activateTheme(e){this.setStyleChangingDocumentAttribute("data-theme",e)}activateTitleFormat(e){e==="sitenameFirst"?document.querySelector("typo3-backend-module-router")?.setAttribute("sitename-first",""):document.querySelector("typo3-backend-module-router")?.removeAttribute("sitename-first")}activateDateTimeFirstDayOfWeek(e){this.updatePersistent("dateTimeFirstDayOfWeek",e)}requestBackendLanguageRefresh(){const e="t3js-request-backend-language-refresh";u.currentModal?.querySelector("dialog")?.classList.contains(e)||u.confirm(i.get("userSettings.requestBackendLanguageRefresh.title"),i.get("userSettings.requestBackendLanguageRefresh.message"),p.notice,[{text:i.get("userSettings.requestBackendLanguageRefresh.buttonCancel"),btnClass:"btn-default",trigger:(t,a)=>a.hideModal(),name:"cancel"},{text:i.get("userSettings.requestBackendLanguageRefresh.buttonReload"),active:!0,btnClass:"btn-primary",trigger:()=>top.window.location.reload(),name:"ok"}],[e])}updatePersistent(e,t){h.set(e,t)}async setStyleChangingDocumentAttribute(e,t){const a=document.documentElement,n=window.frames.list_frame?.document.documentElement,m=()=>{a.classList.add("t3js-disable-transitions"),n?.classList.add("t3js-disable-transitions"),a.setAttribute(e,t),n?.setAttribute(e,t)},l=()=>{a.classList.remove("t3js-disable-transitions"),n?.classList.remove("t3js-disable-transitions")};if(window.matchMedia("(prefers-reduced-motion: reduce)").matches||!("startViewTransition"in document)||typeof document.startViewTransition!="function"){m(),await new Promise(r=>requestAnimationFrame(r)),n&&await new Promise(r=>window.frames.list_frame.requestAnimationFrame(r)),l();return}await document.startViewTransition(m).finished,l()}}var f=new g;export{f as default};
diff --git a/Resources/Public/JavaScript/utility.js b/Resources/Public/JavaScript/utility.js
new file mode 100644
index 0000000..89af3c6
--- /dev/null
+++ b/Resources/Public/JavaScript/utility.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class c{static trimExplode(e,r){return r.split(e).map(t=>t.trim()).filter(t=>t!=="")}static trimItems(e){return e.map(r=>r instanceof String?r.trim():r)}static intExplode(e,r,t=!1){return r.split(e).map(i=>parseInt(i,10)).filter(i=>!isNaN(i)||t&&i===0)}static isNumber(e){return!isNaN(parseFloat(e.toString()))&&isFinite(e)}static convertFormToObject(e){const r={};return e.querySelectorAll("input, select, textarea").forEach(t=>{const i=t.name,n=t.value;if(i)if(t.tagName.toLowerCase()==="input"&&t.type=="checkbox"){const s=t;r[i]===void 0&&(r[i]=[]),s.checked&&r[i].push(n)}else r[i]=n}),r}static mergeDeep(...e){const r=t=>t&&typeof t=="object";return e.reduce((t,i)=>(Object.keys(i).forEach(n=>{const s=t[n],a=i[n];Array.isArray(s)&&Array.isArray(a)?t[n]=s.concat(...a):r(s)&&r(a)?t[n]=c.mergeDeep(s,a):t[n]=a}),t),{})}static urlsPointToSameServerSideResource(e,r){if(!e||!r)return!1;const t=window.location.origin;try{const i=new URL(e,c.isValidUrl(e)?void 0:t),n=new URL(r,c.isValidUrl(r)?void 0:t),s=i.origin+i.pathname+i.search,a=n.origin+n.pathname+n.search;return s===a}catch{return!1}}static isValidUrl(e){try{return new URL(e),!0}catch{return!1}}}export{c as default};
diff --git a/Resources/Public/JavaScript/utility/collapse-state-persister.js b/Resources/Public/JavaScript/utility/collapse-state-persister.js
new file mode 100644
index 0000000..2396a87
--- /dev/null
+++ b/Resources/Public/JavaScript/utility/collapse-state-persister.js
@@ -0,0 +1,13 @@
+/*
+ * 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 h from"@typo3/backend/storage/client.js";import S from"@typo3/core/document-service.js";import d from"@typo3/core/event/regular-event.js";class u{constructor(){this.localStorageKey="collapse-states-",this.localStorageKeyDefaultSuffix="general",this.searchValueSelector=".t3js-collapse-search-term",this.searchField=null,this.searchForm=null,this.stateCache=new Map,S.ready().then(()=>{this.searchField=document.querySelector(this.searchValueSelector),this.searchField!==null&&(this.searchForm=this.searchField.closest("form"),this.searchField.value=h.get(this.searchField.dataset.persistCollapseSearchKey)??""),this.registerEventListener(),this.recoverStates()})}registerEventListener(){const a='.collapse[data-persist-collapse-state="true"]';new d("show.bs.collapse",t=>{const e=t.target;e.dataset.persistCollapseState==="true"&&(this.searchField!==null&&this.searchField.value===""||e.dataset.persistCollapseStateNotIfSearch===void 0)&&this.toStorage(e,!0)}).delegateTo(document,a),new d("hide.bs.collapse",t=>{const e=t.target;e.dataset.persistCollapseState==="true"&&(this.searchField!==null&&this.searchField.value===""||e.dataset.persistCollapseStateNotIfSearch===void 0)&&this.toStorage(e,!1)}).delegateTo(document,a),this.searchForm!==null&&new d("submit",t=>{t.preventDefault(),this.searchField!==null&&this.searchField.value===""&&this.recoverStates()}).bindTo(this.searchForm)}recoverStates(){document.querySelectorAll('.collapse[data-persist-collapse-state="true"]').forEach(t=>{const e=t.dataset.persistCollapseStateSuffix??this.localStorageKeyDefaultSuffix,l=this.fromStorage(e),s=t.id;if(s===""||!this.shallRecoverState(t))return;const o=(t.dataset.persistCollapseStateIfState??"shown")==="shown",i=(t.dataset.persistCollapseStateIfState??"hidden")==="hidden",c=t.classList.contains("show");if(o===!0){if(l[s]===!0){if(!c){const r=document.querySelector('[data-bs-target="#'+s+'"]');r.classList.remove("collapsed"),r.setAttribute("aria-expanded","true"),t.classList.add("show")}}else if(c){const r=document.querySelector('[data-bs-target="#'+s+'"]');r.classList.add("collapsed"),r.setAttribute("aria-expanded","false"),t.classList.remove("show")}}if(i===!0){if(l[s]===!1){if(c){const r=document.querySelector('[data-bs-target="#'+s+'"]');r.classList.add("collapsed"),r.setAttribute("aria-expanded","false"),t.classList.remove("show")}}else if(!c){const r=document.querySelector('[data-bs-target="#'+s+'"]');r.classList.remove("collapsed"),r.setAttribute("aria-expanded","true"),t.classList.add("show")}}})}shallRecoverState(a){return a.dataset.persistCollapseStateNotIfSearch===void 0||a.dataset.persistCollapseStateNotIfSearch==="false"?!0:this.searchField!==null&&this.searchField.value===""}fromStorage(a){let t;if(this.stateCache.has(this.localStorageKey+a))t=this.stateCache.get(this.localStorageKey+a);else{const e=h.get(this.localStorageKey+a);t=e!==null?JSON.parse(e):{},this.stateCache.set(this.localStorageKey+a,t)}return t}toStorage(a,t){const e=a.id,l=a.dataset.persistCollapseStateSuffix??this.localStorageKeyDefaultSuffix,s=this.fromStorage(l),o=(a.dataset.persistCollapseStateIfState??"shown")==="shown",i=(a.dataset.persistCollapseStateIfState??"hidden")==="hidden";t===!0&&o===!0&&s[e]!==!0&&(s[e]=!0,this.updateStates(this.localStorageKey+l,s)),t===!0&&i===!0&&s[e]===!1&&(delete s[e],this.updateStates(this.localStorageKey+l,s)),t===!1&&i===!0&&s[e]!==!1&&(s[e]=!1,this.updateStates(this.localStorageKey+l,s)),t===!1&&o===!0&&s[e]===!0&&(delete s[e],this.updateStates(this.localStorageKey+l,s))}updateStates(a,t){h.set(a,JSON.stringify(t)),this.stateCache.set(a,t)}}var n=new u;export{u as CollapseStatePersister,n as default};
diff --git a/Resources/Public/JavaScript/utility/collapse-state-search.js b/Resources/Public/JavaScript/utility/collapse-state-search.js
new file mode 100644
index 0000000..a2601cc
--- /dev/null
+++ b/Resources/Public/JavaScript/utility/collapse-state-search.js
@@ -0,0 +1,13 @@
+/*
+ * 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 h from"@typo3/backend/storage/client.js";import f from"@typo3/core/document-service.js";import m from"@typo3/core/event/debounce-event.js";import d from"@typo3/core/event/regular-event.js";import p from"mark.js";import S from"@typo3/backend/utility/dom-helper.js";import y from"~labels/backend.messages";class g{constructor(){this.searchValueSelector=".t3js-collapse-search-term",this.searchValue="",this.markInstances=[],f.ready().then(()=>{if(this.treeContainers=document.querySelectorAll(".t3js-collapse-states-search-tree"),this.treeContainers.length!==0){this.numberOfSearchMatchesContainer=document.querySelectorAll(".t3js-collapse-states-search-numberOfSearchMatches"),this.searchField=document.querySelector(this.searchValueSelector),this.searchForm=this.searchField.closest("form"),this.searchSessionKey=this.searchField.dataset.persistCollapseSearchKey,this.searchValue=h.get(this.searchSessionKey)??"",this.registerEvents();for(let e=0;e<this.treeContainers.length;e++)this.markInstances[e]=new p(this.treeContainers[e]);this.searchValue!==""&&(this.searchField.value=this.searchValue,this.searchField.dispatchEvent(new Event("keyup")),this.searchForm.requestSubmit())}})}registerEvents(){new d("search",()=>{this.searchField.value===""&&this.searchForm.requestSubmit()}).bindTo(this.searchField),new m("input",()=>{this.searchForm.requestSubmit()}).bindTo(this.searchField),new d("submit",e=>{e.preventDefault();for(let t=0;t<this.treeContainers.length;t++)this.filterTree(this.searchField.value,this.treeContainers[t],this.numberOfSearchMatchesContainer[t],this.markInstances[t])}).bindTo(this.searchForm)}filterTree(e,t,s,a){if(e=e.toLowerCase(),a.unmark(),h.set(this.searchSessionKey,e),e.length<3){s.classList.add("hidden");return}const n=new Set,c=[...this.findNodesByIdentifier(e,t),...this.findNodesByValue(e,t),...this.findNodesByComment(e,t),...this.findNodesByConstantSubstitution(e,t)];s.innerText=y.get("collapse_state_search.numberOfSearchMatches",{count:c.length}),s.classList.remove("hidden"),c.forEach(r=>{if(r===null)return;const o=r.parentElement.querySelector('[data-bs-toggle="collapse"]')?.dataset.bsTarget;o!==void 0&&n.add(o.substring(1));const l=S.parents(r,".collapse");for(const i of l)n.add(i.id)});const u=Array.from(t.querySelectorAll(".collapse"));for(const r of u){const o=r.classList.contains("show"),l=r.id;if(n.has(l)){if(!o){const i=document.querySelector('[data-bs-target="#'+l+'"]');i.classList.remove("collapsed"),i.setAttribute("aria-expanded","true"),r.classList.add("show")}}else if(o){const i=document.querySelector('[data-bs-target="#'+l+'"]');i.classList.add("collapsed"),i.setAttribute("aria-expanded","false"),r.classList.remove("show")}}a.mark(e,{element:"span",className:"text-highlight"})}findNodesByIdentifier(e,t){return Array.from(t.querySelectorAll(".treelist-label")).filter(s=>s.textContent.toLowerCase().includes(e))}findNodesByValue(e,t){return Array.from(t.querySelectorAll(".treelist-value")).filter(a=>a.textContent.toLowerCase().includes(e)).map(a=>a.previousElementSibling)}findNodesByComment(e,t){return Array.from(t.querySelectorAll(".treelist-comment")).filter(s=>s.textContent.toLowerCase().includes(e))}findNodesByConstantSubstitution(e,t){return Array.from(t.querySelectorAll(".treelist-constant-substitution")).filter(s=>s.textContent.toLowerCase().includes(e))}}var b=new g;export{b as default};
diff --git a/Resources/Public/JavaScript/utility/dom-helper.js b/Resources/Public/JavaScript/utility/dom-helper.js
new file mode 100644
index 0000000..df27dda
--- /dev/null
+++ b/Resources/Public/JavaScript/utility/dom-helper.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class o{static parents(t,e){const n=[];let l;for(;(l=t.parentElement.closest(e))!==null;)t=l,n.push(l);return n}static scrollableParent(t){let e=t.parentElement;for(;e;){const l=window.getComputedStyle(e).overflowY;if(l==="auto"||l==="scroll")return e;e=e.parentElement}return document.documentElement}static scrollEventTarget(t){const e=this.scrollableParent(t);return e===document.documentElement?document:e}static nextAll(t){const e=[];let n=t.nextElementSibling;for(;n!==null;)e.push(n),n=n.nextElementSibling;return e}static scrollIntoViewIfNeeded(t,e=!1){if(!e&&"scrollIntoViewIfNeeded"in t&&typeof t.scrollIntoViewIfNeeded=="function")t.scrollIntoViewIfNeeded(!0);else{const n=t.getBoundingClientRect();n.top>=0&&n.left>=0&&n.bottom<=(window.innerHeight||document.documentElement.clientHeight)&&n.right<=(window.innerWidth||document.documentElement.clientWidth)||(e?t.scrollIntoView({behavior:"smooth",block:"center",inline:"center"}):t.scrollIntoView())}}}export{o as default};
diff --git a/Resources/Public/JavaScript/utility/drag-drop-utility.js b/Resources/Public/JavaScript/utility/drag-drop-utility.js
new file mode 100644
index 0000000..bed53d0
--- /dev/null
+++ b/Resources/Public/JavaScript/utility/drag-drop-utility.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class e{static isCopyModifierFromEvent(t){return t.dataTransfer.dropEffect==="copy"?!0:t.dataTransfer.dropEffect==="move"?!1:navigator.userAgent.includes("Mac")?t.dataTransfer.effectAllowed==="copy"||t.altKey:t.ctrlKey}static updateEventAndTooltipToReflectCopyMoveIntention(t){const o=e.isCopyModifierFromEvent(t);t.dataTransfer.dropEffect=o?"copy":"move",top.document.dispatchEvent(new CustomEvent("typo3:drag-tooltip:metadata-update",{detail:{statusIconIdentifier:o?"actions-duplicate":"actions-move"}}))}}export{e as default};
diff --git a/Resources/Public/JavaScript/utility/format-utility.js b/Resources/Public/JavaScript/utility/format-utility.js
new file mode 100644
index 0000000..ae1f987
--- /dev/null
+++ b/Resources/Public/JavaScript/utility/format-utility.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class s{static fileSizeAsString(t,B="iec"){const a={iec:{base:1024,labels:[" "," KiB"," MiB"," GiB"," TiB"," PiB"," EiB"," ZiB"," YiB"]},si:{base:1e3,labels:[" "," kB"," MB"," GB"," TB"," PB"," EB"," ZB"," YB"]}}[B],i=t===0?0:Math.floor(Math.log(t)/Math.log(a.base));return+(t/Math.pow(a.base,i)).toFixed(2)+a.labels[i]}}export{s as FormatUtility};
diff --git a/Resources/Public/JavaScript/utility/message-utility.js b/Resources/Public/JavaScript/utility/message-utility.js
new file mode 100644
index 0000000..ad37112
--- /dev/null
+++ b/Resources/Public/JavaScript/utility/message-utility.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class i{static getOrigin(){return window.origin}static verifyOrigin(n){return i.getOrigin()===n}static send(n,r=window){r.postMessage(n,i.getOrigin())}}export{i as MessageUtility};
diff --git a/Resources/Public/JavaScript/utility/top-level-module-import.js b/Resources/Public/JavaScript/utility/top-level-module-import.js
new file mode 100644
index 0000000..3487da7
--- /dev/null
+++ b/Resources/Public/JavaScript/utility/top-level-module-import.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+function o(t){const e=new CustomEvent("typo3:import-javascript-module",{detail:{specifier:t,importPromise:null}});return top.document.dispatchEvent(e),e.detail.importPromise?e.detail.importPromise:Promise.reject(new Error("Top level did not respond with a promise."))}export{o as topLevelModuleImport};
diff --git a/Resources/Public/JavaScript/viewport.js b/Resources/Public/JavaScript/viewport.js
new file mode 100644
index 0000000..97483e1
--- /dev/null
+++ b/Resources/Public/JavaScript/viewport.js
@@ -0,0 +1,13 @@
+/*
+ * 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 t from"@typo3/backend/viewport/content-container.js";import e from"@typo3/backend/event/consumer-scope.js";import n from"@typo3/backend/viewport/loader.js";import i from"@typo3/backend/viewport/navigation-container.js";import r from"@typo3/backend/viewport/topbar.js";class a{constructor(){this.Loader=n,this.NavigationContainer=null,this.ContentContainer=null,this.consumerScope=e,this.Topbar=new r,this.NavigationContainer=new i(this.consumerScope),this.ContentContainer=new t(this.consumerScope)}}let o;!top.TYPO3||!top.TYPO3.Backend?(o=new a,typeof top.TYPO3<"u"&&(top.TYPO3.Backend=o)):o=top.TYPO3.Backend;var p=o;export{p as default};
diff --git a/Resources/Public/JavaScript/viewport/abstract-container.js b/Resources/Public/JavaScript/viewport/abstract-container.js
new file mode 100644
index 0000000..72199d5
--- /dev/null
+++ b/Resources/Public/JavaScript/viewport/abstract-container.js
@@ -0,0 +1,13 @@
+/*
+ * 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 r from"@typo3/backend/event/consumer-scope.js";class c{constructor(o){this.consumerScope=r,this.consumerScope=o}}export{c as AbstractContainer};
diff --git a/Resources/Public/JavaScript/viewport/content-container.js b/Resources/Public/JavaScript/viewport/content-container.js
new file mode 100644
index 0000000..b5d4f05
--- /dev/null
+++ b/Resources/Public/JavaScript/viewport/content-container.js
@@ -0,0 +1,13 @@
+/*
+ * 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{ScaffoldIdentifierEnum as o}from"@typo3/backend/enum/viewport/scaffold-identifier.js";import{AbstractContainer as u}from"@typo3/backend/viewport/abstract-container.js";import m from"@typo3/backend/event/client-request.js";import c from"@typo3/backend/event/interaction-request.js";import l from"@typo3/backend/viewport/loader.js";import i from"@typo3/backend/event/trigger-request.js";class f extends u{get(){return document.querySelector(o.contentModuleIframe).contentWindow}beforeSetUrl(e){return this.consumerScope.invoke(new i("typo3.beforeSetUrl",e))}setUrl(e,t,r){e instanceof URL&&(e=e.toString());const n=this.resolveRouterElement();if(n===null&&self!==top)return Promise.reject(new Error("Content container used in unsupported frame context"));t instanceof c||(t=new m("typo3.setUrl",null));const s=this.consumerScope.invoke(new i("typo3.setUrl",t));return s.then(()=>{n!==null?(l.start(),n.setAttribute("endpoint",e),n.setAttribute("module",r||null),n.parentElement.addEventListener("typo3-module-loaded",()=>l.finish(),{once:!0})):document.location.assign(e)}),s}getUrl(){return this.resolveRouterElement().getAttribute("endpoint")}refresh(e){const t=this.resolveIFrameElement();if(t===null)return Promise.reject();const r=this.consumerScope.invoke(new i("typo3.refresh",e));return r.then(()=>{t.contentWindow.location.reload()}),r}getIdFromUrl(){if(this.getUrl()){const e=new URL(this.getUrl(),window.location.origin).searchParams.get("id")??"";return parseInt(e,10)}return 0}resolveIFrameElement(){return document.querySelector(o.contentModuleIframe)}resolveRouterElement(){return document.querySelector(o.contentModuleRouter)}}export{f as default};
diff --git a/Resources/Public/JavaScript/viewport/content-navigation-toggle.js b/Resources/Public/JavaScript/viewport/content-navigation-toggle.js
new file mode 100644
index 0000000..5f5bafd
--- /dev/null
+++ b/Resources/Public/JavaScript/viewport/content-navigation-toggle.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as d,nothing as g}from"lit";import{property as b,state as m,customElement as f}from"lit/decorators.js";import{PseudoButtonLitElement as x}from"@typo3/backend/element/pseudo-button.js";import{ContentNavigationSlotEnum as u,NavigationStateChangeEvent as p,NavigationToggleEvent as v}from"@typo3/backend/viewport/content-navigation.js";import"@typo3/backend/element/icon-element.js";var h=function(i,t,e,o){var r=arguments.length,n=r<3?t:o===null?o=Object.getOwnPropertyDescriptor(t,e):o,c;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(i,t,e,o);else for(var l=i.length-1;l>=0;l--)(c=i[l])&&(n=(r<3?c(n):r>3?c(t,e,n):c(t,e))||n);return r>3&&n&&Object.defineProperty(t,e,n),n},s;(function(i){i.collapse="collapse",i.expand="expand"})(s||(s={}));let a=class extends x{constructor(){super(...arguments),this.context=null,this.mutationObserver=null,this.resizeObserver=null,this.boundStateChangeHandler=this.handleStateChange.bind(this),this.boundFocusRequestHandler=this.handleFocusRequest.bind(this),this.pageHideHandler=()=>{this.releaseTopLevelListeners()}}connectedCallback(){if(super.connectedCallback(),this.hidden=!0,!this.action){console.error('<typo3-backend-content-navigation-toggle> requires an "action" attribute (collapsed or expanded)');return}this.discoverContext(),this.setupStateSync(),this.setupFocusListener(),this.setupResizeObserver(),window.addEventListener("pagehide",this.pageHideHandler)}disconnectedCallback(){super.disconnectedCallback(),this.releaseTopLevelListeners(),window.removeEventListener("pagehide",this.pageHideHandler)}render(){if(!this.context||!this.action)return d`${g}`;const t=this.action===s.collapse?"actions-panel-collapse-start":"actions-panel-expand-start";return d`<typo3-backend-icon identifier=${t} size=small></typo3-backend-icon>`}buttonActivated(){this.context?.contentNavigation.toggleNavigation()}shouldBeVisible(){if(!this.context||!this.action)return!1;const{contentNavigation:t}=this.context;return this.action===s.collapse?t.shouldShowCollapseButton():t.shouldShowExpandButton()}shouldRender(){return this.context!==null&&!this.hidden}discoverContext(){const t=this.findContentNavigation();t&&(this.context={contentNavigation:t,slot:this.detectSlot(t)},this.updateVisibility())}findContentNavigation(){const t=this.closest("typo3-backend-content-navigation");if(t)return t;try{const e=window.frameElement;if(e)return e.closest("typo3-backend-content-navigation")}catch{}return null}detectSlot(t){let e=this.parentElement;for(;e!==null;){if(e.parentElement===t){if(e.getAttribute("slot")===u.navigation)return u.navigation;break}e=e.parentElement}return u.content}getTargetDocument(){try{return window.top?.document??document}catch{return document}}setupStateSync(){if(!this.context)return;const{contentNavigation:t}=this.context;this.mutationObserver=new MutationObserver(e=>{for(const o of e)o.type==="attributes"&&this.updateVisibility()}),this.mutationObserver.observe(t,{attributes:!0,attributeFilter:["navigation-collapsed","navigation-hidden"]}),this.getTargetDocument().addEventListener(p.eventName,this.boundStateChangeHandler)}cleanupStateSync(){this.mutationObserver&&(this.mutationObserver.disconnect(),this.mutationObserver=null),this.getTargetDocument().removeEventListener(p.eventName,this.boundStateChangeHandler)}releaseTopLevelListeners(){this.cleanupStateSync(),this.cleanupFocusListener(),this.cleanupResizeObserver()}handleStateChange(t){const{contentNavigation:e}=this.context||{};e&&t.target===e&&this.updateVisibility()}updateVisibility(){this.hidden=!this.shouldBeVisible(),this.updateTitle()}updateTitle(){if(!this.context||!this.action)return;const{contentNavigation:t}=this.context;this.title=this.action===s.collapse?t.navigationLabelCollapse:t.navigationLabelExpand}setupFocusListener(){this.context&&this.context.contentNavigation.addEventListener(v.eventName,this.boundFocusRequestHandler)}cleanupFocusListener(){this.context&&this.context.contentNavigation.removeEventListener(v.eventName,this.boundFocusRequestHandler)}setupResizeObserver(){this.context&&(this.resizeObserver=new ResizeObserver(()=>{this.updateVisibility()}),this.resizeObserver.observe(this.context.contentNavigation),this.updateVisibility())}cleanupResizeObserver(){this.resizeObserver&&(this.resizeObserver.disconnect(),this.resizeObserver=null)}handleFocusRequest(t){const{slot:e}=this.context||{};e===t.detail.focusTarget&&this.shouldRender()&&this.updateComplete.then(()=>{this.focus()})}};h([b({type:String})],a.prototype,"action",void 0),h([m()],a.prototype,"context",void 0),a=h([f("typo3-backend-content-navigation-toggle")],a);export{a as ContentNavigationToggle,s as ContentNavigationToggleActionEnum};
diff --git a/Resources/Public/JavaScript/viewport/content-navigation.js b/Resources/Public/JavaScript/viewport/content-navigation.js
new file mode 100644
index 0000000..aeada51
--- /dev/null
+++ b/Resources/Public/JavaScript/viewport/content-navigation.js
@@ -0,0 +1,13 @@
+/*
+ * 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{LitElement as W,css as b,html as g}from"lit";import{property as d,query as f,state as w,customElement as C}from"lit/decorators.js";import{classMap as m}from"lit/directives/class-map.js";import{styleMap as M}from"lit/directives/style-map.js";import y from"@typo3/backend/storage/persistent.js";import x from"~labels/backend.messages";var o=function(r,t,i,e){var s=arguments.length,n=s<3?t:e===null?e=Object.getOwnPropertyDescriptor(t,i):e,l;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")n=Reflect.decorate(r,t,i,e);else for(var c=r.length-1;c>=0;c--)(l=r[c])&&(n=(s<3?l(n):s>3?l(t,i,n):l(t,i))||n);return s>3&&n&&Object.defineProperty(t,i,n),n},u,h;(function(r){r.navigation="navigation",r.content="content"})(h||(h={}));class v extends CustomEvent{static{this.eventName="typo3:content-navigation:toggle"}constructor(t){super(v.eventName,{bubbles:!1,detail:{focusTarget:t}})}}class p extends CustomEvent{static{this.eventName="typo3:content-navigation:state-change"}constructor(t,i,e){super(p.eventName,{bubbles:!0,composed:!0,detail:{collapsed:t,hidden:i,identifier:e}})}}let a=class extends W{constructor(){super(...arguments),this.identifier="",this.navigationMinWidth=280,this.navigationHidden=!1,this.navigationCollapsed=!1,this.navigationLabelCollapse=x.get("viewport.navigation.hide"),this.navigationLabelExpand=x.get("viewport.navigation.show"),this.resizing=!1,this.resizeReferencePosition=0,this.startResize=t=>{if(this.isFlyoutMode()||t.button!==0)return;t.stopPropagation(),t.preventDefault();const i=this.shadowRoot?.querySelector('[data-panel="navigation"]');if(i){const s=i.getBoundingClientRect();this.resizeReferencePosition=this.isRtl()?s.right:s.left}this.resizing=!0;const e=t.target;e.setPointerCapture(t.pointerId),e.addEventListener("pointermove",this.handlePointerMove),e.addEventListener("pointerup",this.handlePointerUp),e.addEventListener("pointercancel",this.handlePointerUp),e.addEventListener("lostpointercapture",this.handlePointerUp)},this.handlePointerMove=t=>{this.resizeNavigation(t.clientX)},this.handlePointerUp=t=>{const i=t.currentTarget;i.removeEventListener("pointermove",this.handlePointerMove),i.removeEventListener("pointerup",this.handlePointerUp),i.removeEventListener("pointercancel",this.handlePointerUp),i.removeEventListener("lostpointercapture",this.handlePointerUp),this.stopResize()},this.resizeNavigation=t=>{if(!this.resizing)return;const i=this.shadowRoot?.querySelector('[data-panel="navigation"]');if(!i)return;const e=this.navigationMinWidth,s=this.getMaxWidth();let n=this.isRtl()?Math.round(this.resizeReferencePosition-t):Math.round(t-this.resizeReferencePosition);n=Math.max(e,Math.min(n,s)),i.style.width=`${n}px`,this.navigationWidth=n},this.stopResize=()=>{this.resizing=!1,this.persistWidth()},this.handleWindowResize=()=>{if(this.navigationWidth&&!this.isFlyoutMode()){const t=this.getMaxWidth();this.navigationWidth>t&&this.setNavigationWidth(t)}},this.handleNodeSelected=()=>{this.isFlyoutMode()&&!this.navigationCollapsed&&this.collapseNavigation()}}static{u=this}static{this.styles=b`:host{--content-navigation-divider-color:transparent;--content-navigation-divider-color-active:currentColor;--content-navigation-divider-width:0.5rem;--content-navigation-flyout-box-shadow:0 8px 16px rgba(0,0,0,.15);display:flex;position:relative;width:100%;height:100%;container-type:inline-size}:host([resizing]){cursor:col-resize;user-select:none}:host([resizing]) *{cursor:col-resize}.panel{height:100%}.panel--navigation{position:relative;flex:0 0 auto}.panel--content{position:relative;flex:1 1 auto;min-width:0}.panel--content ::slotted(*){position:relative}.panel--collapsed{display:none}.divider{position:relative;z-index:1;flex:0 0 1px;background-color:var(--content-navigation-divider-color)}.divider-handle{position:absolute;inset-block:0;inset-inline:calc(var(--content-navigation-divider-width)*-.5);width:var(--content-navigation-divider-width);cursor:col-resize;touch-action:none;transition:background-color .2s ease-in-out}.divider-handle:hover,.divider.resizing .divider-handle{background-color:var(--content-navigation-divider-color-active)}@container (max-width: 750px){.panel--navigation{position:absolute;inset-block:0;inset-inline-start:0;z-index:2;border-inline-end:1px solid var(--content-navigation-divider-color);box-shadow:var(--content-navigation-flyout-box-shadow);transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;max-width:100%}.panel--navigation.panel--collapsed{display:block;transform:translateX(-100%);box-shadow:none}:host(:dir(rtl)) .panel--navigation.panel--collapsed,:host([dir=rtl]) .panel--navigation.panel--collapsed{transform:translateX(100%)}.divider{display:none}.panel--content{flex:1 1 100%;z-index:1}}`}static{this.FLYOUT_BREAKPOINT=750}connectedCallback(){super.connectedCallback(),this.loadPersistedWidth(),window.addEventListener("resize",this.handleWindowResize,{passive:!0}),this.addEventListener("typo3:tree:node-selected",this.handleNodeSelected)}disconnectedCallback(){super.disconnectedCallback(),window.removeEventListener("resize",this.handleWindowResize),this.removeEventListener("typo3:tree:node-selected",this.handleNodeSelected)}expandNavigation(){this.navigationCollapsed&&this.toggleNavigation()}collapseNavigation(){this.navigationCollapsed||this.toggleNavigation()}toggleNavigation(){this.navigationCollapsed=!this.navigationCollapsed;const t=this.navigationCollapsed?h.content:h.navigation;this.updateComplete.then(()=>{this.dispatchEvent(new v(t))})}isCollapsed(){return this.navigationCollapsed}showNavigation(){this.navigationHidden=!1}hideNavigation(){this.navigationHidden=!0}isNavigationHidden(){return this.navigationHidden}isFlyoutMode(){return this.getBoundingClientRect().width<u.FLYOUT_BREAKPOINT}shouldShowCollapseButton(){return this.navigationHidden?!1:this.isFlyoutMode()||!this.navigationCollapsed}shouldShowExpandButton(){return this.navigationHidden?!1:this.isFlyoutMode()||this.navigationCollapsed}setNavigationWidth(t){const i=this.navigationMinWidth,e=this.getMaxWidth();t=Math.max(i,Math.min(t,e)),this.navigationWidth=t,this.updateNavigationElement(t)}render(){const t=this.navigationWidth||this.navigationInitialWidth,i={};if(!this.navigationHidden){const n=this.isFlyoutMode();if(t){const l=n?t:Math.min(t,this.getMaxWidth());i.width=`${l}px`}this.navigationMinWidth&&(i.minWidth=`${this.navigationMinWidth}px`),n?i.maxWidth="100%":this.navigationMaxWidth&&(i.maxWidth=`${this.getMaxWidth()}px`)}const e={panel:!0,"panel--navigation":!0,"panel--collapsed":this.navigationCollapsed},s={divider:!0,resizing:this.resizing};return g`${this.navigationHidden?"":g`<div class=${m(e)} style=${M(i)} data-panel=navigation><slot name=navigation></slot></div>${this.navigationCollapsed?"":g`<div class=${m(s)}><div class=divider-handle @pointerdown=${this.startResize}></div></div>`}`}<div class="panel panel--content" data-panel=content><slot name=content></slot></div>`}updated(t){super.updated(t),(t.has("navigationCollapsed")||t.has("navigationHidden"))&&this.dispatchEvent(new p(this.navigationCollapsed,this.navigationHidden,this.identifier))}getPersistenceKey(){return this.identifier?`resize.${this.identifier}.navigation`:null}loadPersistedWidth(){const t=this.getPersistenceKey();if(t){const i=y.get(t);if(i){const e=parseInt(i,10);if(!isNaN(e)&&e>0){this.navigationWidth=e;return}}}this.navigationInitialWidth&&!this.navigationWidth&&(this.navigationWidth=this.navigationInitialWidth)}persistWidth(){const t=this.getPersistenceKey();t&&this.navigationWidth&&y.set(t,String(this.navigationWidth))}getMaxWidth(){const t=this.getBoundingClientRect().width;let i=Math.round(t/2);return this.navigationMaxWidth&&(i=Math.min(i,this.navigationMaxWidth)),i}isRtl(){return getComputedStyle(this).direction==="rtl"}updateNavigationElement(t){const i=this.shadowRoot?.querySelector('[data-panel="navigation"]');i&&(i.style.width=`${t}px`)}};o([d({type:String})],a.prototype,"identifier",void 0),o([d({type:Number,attribute:"navigation-min-width"})],a.prototype,"navigationMinWidth",void 0),o([d({type:Number,attribute:"navigation-max-width"})],a.prototype,"navigationMaxWidth",void 0),o([d({type:Number,attribute:"navigation-initial-width"})],a.prototype,"navigationInitialWidth",void 0),o([d({type:Boolean,attribute:"navigation-hidden",reflect:!0})],a.prototype,"navigationHidden",void 0),o([d({type:Boolean,attribute:"navigation-collapsed",reflect:!0})],a.prototype,"navigationCollapsed",void 0),o([d({type:String,attribute:"navigation-label-collapse"})],a.prototype,"navigationLabelCollapse",void 0),o([d({type:String,attribute:"navigation-label-expand"})],a.prototype,"navigationLabelExpand",void 0),o([d({type:Boolean,reflect:!0})],a.prototype,"resizing",void 0),o([f('slot[name="navigation"]')],a.prototype,"navigationSlot",void 0),o([f('slot[name="content"]')],a.prototype,"contentSlot",void 0),o([w()],a.prototype,"navigationWidth",void 0),a=u=o([C("typo3-backend-content-navigation")],a);export{a as ContentNavigation,h as ContentNavigationSlotEnum,p as NavigationStateChangeEvent,v as NavigationToggleEvent};
diff --git a/Resources/Public/JavaScript/viewport/loader.js b/Resources/Public/JavaScript/viewport/loader.js
new file mode 100644
index 0000000..0c4a67c
--- /dev/null
+++ b/Resources/Public/JavaScript/viewport/loader.js
@@ -0,0 +1,13 @@
+/*
+ * 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{ScaffoldContentArea as t}from"@typo3/backend/enum/viewport/scaffold-identifier.js";import"@typo3/backend/element/progress-bar-element.js";class e{static{this.el=null}static start(){(!this.el||!this.el.isConnected)&&(this.el=document.createElement("typo3-backend-progress-bar"),t.getContentContainer()?.appendChild(this.el)),this.el.start(!0)}static async finish(){this.el&&(await this.el.done(),this.el.isRunning()||(this.el=null))}}export{e as default};
diff --git a/Resources/Public/JavaScript/viewport/navigation-container.js b/Resources/Public/JavaScript/viewport/navigation-container.js
new file mode 100644
index 0000000..9a37c6b
--- /dev/null
+++ b/Resources/Public/JavaScript/viewport/navigation-container.js
@@ -0,0 +1,13 @@
+/*
+ * 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{ScaffoldContentArea as c}from"@typo3/backend/enum/viewport/scaffold-identifier.js";import{AbstractContainer as m}from"@typo3/backend/viewport/abstract-container.js";import l from"@typo3/backend/event/trigger-request.js";import{selector as p}from"@typo3/core/literals.js";class h extends m{constructor(t){super(t),this.activeComponentId=""}get contentNavigation(){return c.getContentNavigation()}get navigationContainer(){return c.getNavigationContainer()}showComponent(t){const n=this.contentNavigation,e=this.navigationContainer;if(!n||!e||(this.show(t),t===this.activeComponentId))return;if(this.activeComponentId!==""){const o=e.querySelector("#navigationComponent-"+this.activeComponentId.replace(/[/@]/g,"_"));o&&(o.style.display="none")}const i="navigationComponent-"+t.replace(/[/@]/g,"_");if(e.querySelectorAll(p`[data-component="${t}"]`).length===1){this.show(t),this.activeComponentId=t;return}import(t+".js").then(o=>{if(typeof o.navigationComponentName=="string"){const r=o.navigationComponentName,s=document.createElement(r);s.setAttribute("id",i),s.dataset.component=t,e.append(s)}else e.insertAdjacentHTML("beforeend",'<div data-component="'+t+'" id="'+i+'"></div>'),Object.values(o)[0].initialize("#"+i);this.show(t),this.activeComponentId=t})}hide(){this.contentNavigation?.hideNavigation()}show(t){const n=this.contentNavigation,e=this.navigationContainer;if(!n||!e)return;e.querySelectorAll("[data-component]").forEach(i=>i.style.display="none"),n.showNavigation();const a=e.querySelector('[data-component="'+t+'"]');a&&(a.style.display=null)}setUrl(t,n){const e=this.consumerScope.invoke(new l("typo3.setUrl",n));return e.then(()=>{this.contentNavigation?.showNavigation()}),e}}export{h as default};
diff --git a/Resources/Public/JavaScript/viewport/scaffold-state.js b/Resources/Public/JavaScript/viewport/scaffold-state.js
new file mode 100644
index 0000000..5122a12
--- /dev/null
+++ b/Resources/Public/JavaScript/viewport/scaffold-state.js
@@ -0,0 +1,13 @@
+/*
+ * 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{ScaffoldIdentifierEnum as c}from"@typo3/backend/enum/viewport/scaffold-identifier.js";import n from"@typo3/backend/storage/persistent.js";var t;(function(l){l.sidebarExpanded="scaffold-sidebar-expanded",l.sidebarFlyout="scaffold-sidebar-flyout",l.toolbarExpanded="scaffold-toolbar-expanded"})(t||(t={}));class i extends CustomEvent{static{this.eventName="typo3:scaffold:sidebar:toggle"}constructor(e){super(i.eventName,{detail:{expanded:e},bubbles:!0,composed:!0})}}class a extends CustomEvent{static{this.eventName="typo3:scaffold:toolbar:toggle"}constructor(e){super(a.eventName,{detail:{expanded:e},bubbles:!0,composed:!0})}}class r extends CustomEvent{static{this.eventName="typo3:scaffold:toolbar:toggle-request"}constructor(){super(r.eventName,{bubbles:!0,composed:!0})}}class o extends CustomEvent{static{this.eventName="typo3:scaffold:search:toggle-request"}constructor(){super(o.eventName,{bubbles:!0,composed:!0})}}class d{static{this.STORAGE_KEY="typo3-sidebar-collapsed"}static{this.LARGE_SCREEN_QUERY="(min-width: 992px)"}static{this.mediaQuery=null}static{this.sidebarPreferExpanded=!0}static isSidebarExpanded(){return this.getScaffold()?.classList.contains(t.sidebarExpanded)??!1}static isSidebarFlyout(){return this.getScaffold()?.classList.contains(t.sidebarFlyout)??!1}static isSidebarVisible(){return this.isLargeScreen()?!0:this.isSidebarFlyout()}static isToolbarExpanded(){return this.getScaffold()?.classList.contains(t.toolbarExpanded)??!1}static isLargeScreen(){return window.matchMedia(this.LARGE_SCREEN_QUERY).matches}static initialize(){if(this.mediaQuery=window.matchMedia(this.LARGE_SCREEN_QUERY),this.mediaQuery.addEventListener("change",this.handleMediaQueryChange),document.body.dataset.context==="install"){const e=localStorage.getItem(this.STORAGE_KEY)==="true";this.sidebarPreferExpanded=!e}else this.sidebarPreferExpanded=this.isSidebarExpanded();this.initializeOverlay(),this.initializeEventListeners(),this.applyStateForViewport()}static toggleSidebar(e){this.getScaffold()&&(this.isLargeScreen()?this.toggleSidebarExpanded(e):this.toggleSidebarFlyout(e))}static toggleToolbar(e){const s=this.getScaffold();s&&(this.isLargeScreen()||(typeof e>"u"&&(e=!this.isToolbarExpanded()),s.classList.toggle(t.toolbarExpanded,e),e&&(s.classList.remove(t.sidebarExpanded),this.toggleSidebarFlyout(!1)),document.dispatchEvent(new a(e))))}static collapseAll(){const e=this.getScaffold();e&&e.classList.remove(t.sidebarExpanded,t.sidebarFlyout,t.toolbarExpanded)}static toggleSidebarExpanded(e){const s=this.getScaffold();s&&(e=e??!this.isSidebarExpanded(),this.sidebarPreferExpanded=e,s.classList.toggle(t.sidebarExpanded,e),s.classList.remove(t.sidebarFlyout,t.toolbarExpanded),this.persistSidebarState(e),document.dispatchEvent(new i(e)))}static toggleSidebarFlyout(e){const s=this.getScaffold();s&&(this.isLargeScreen()||(e=e??!this.isSidebarFlyout(),s.classList.toggle(t.sidebarFlyout,e),e&&s.classList.remove(t.sidebarExpanded,t.toolbarExpanded),document.dispatchEvent(new i(e))))}static initializeEventListeners(){document.addEventListener("typo3-module-load",()=>{this.toggleSidebarFlyout(!1),this.toggleToolbar(!1)}),document.addEventListener(r.eventName,()=>{this.toggleToolbar()}),document.addEventListener(o.eventName,()=>{this.collapseAll()})}static applyStateForViewport(){const e=this.getScaffold();e&&(this.isLargeScreen()?(e.classList.remove(t.sidebarFlyout),e.classList.toggle(t.sidebarExpanded,this.sidebarPreferExpanded)):e.classList.remove(t.sidebarExpanded,t.sidebarFlyout),document.dispatchEvent(new i(this.isSidebarVisible())))}static{this.handleMediaQueryChange=()=>{d.applyStateForViewport()}}static persistSidebarState(e){document.body.dataset.context==="install"?localStorage.setItem(this.STORAGE_KEY,e?"false":"true"):n.set("BackendComponents.States.typo3-sidebar",{collapsed:!e})}static getScaffold(){return document.querySelector(c.scaffold)}static initializeOverlay(){document.querySelector(".scaffold-overlay")?.addEventListener("click",s=>{s.preventDefault(),d.toggleSidebar(!1)})}}export{i as ScaffoldSidebarToggleEvent,d as ScaffoldState,t as ScaffoldStateClass,a as ScaffoldToolbarToggleEvent,o as SearchToggleRequestEvent,r as ToolbarToggleRequestEvent};
diff --git a/Resources/Public/JavaScript/viewport/toolbar.js b/Resources/Public/JavaScript/viewport/toolbar.js
new file mode 100644
index 0000000..ff9c942
--- /dev/null
+++ b/Resources/Public/JavaScript/viewport/toolbar.js
@@ -0,0 +1,13 @@
+/*
+ * 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{ScaffoldIdentifierEnum as m}from"@typo3/backend/enum/viewport/scaffold-identifier.js";import d from"@typo3/core/document-service.js";import u from"@typo3/core/event/regular-event.js";import{ModuleUtility as l,ModuleSelector as a}from"@typo3/backend/module.js";import{selector as c}from"@typo3/core/literals.js";import s from"@typo3/backend/module-menu.js";class n{static{this.toolbarSelector=".t3js-scaffold-toolbar"}constructor(){d.ready().then(()=>{this.initializeEvents()})}registerEvent(t){d.ready().then(()=>{t()}),new u("t3-topbar-update",t).bindTo(document.querySelector(m.header))}initializeEvents(){const t=document.querySelector(n.toolbarSelector);if(t===null)return;new u("click",(r,e)=>{r.preventDefault();const i=l.getRouteFromElement(e);s.App.showModule(i.identifier,i.params,r)}).delegateTo(t,a.link);const o=r=>{const e=r.detail.module;!e||!l.getFromName(e).link||this.highlightModule(e)};document.addEventListener("typo3-module-load",o),document.addEventListener("typo3-module-loaded",o)}highlightModule(t){const o=document.querySelector(n.toolbarSelector);if(o===null)return;o.querySelectorAll(a.link+".dropdown-item").forEach(e=>{e.classList.remove("active"),e.removeAttribute("aria-current")});const r=l.getFromName(t);this.highlightModuleItem(o,r,!0)}highlightModuleItem(t,o,r){const e=t.querySelectorAll(a.link+c`[data-moduleroute-identifier="${o.name}"].dropdown-item`);return e.forEach(i=>{i.classList.add("active"),r&&i.setAttribute("aria-current","location")}),e.length>0&&(r=!1),o.parent!==""&&this.highlightModuleItem(t,l.getFromName(o.parent),r),e.length>0}}export{n as default};
diff --git a/Resources/Public/JavaScript/viewport/topbar.js b/Resources/Public/JavaScript/viewport/topbar.js
new file mode 100644
index 0000000..c7b9e4a
--- /dev/null
+++ b/Resources/Public/JavaScript/viewport/topbar.js
@@ -0,0 +1,13 @@
+/*
+ * 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{ScaffoldIdentifierEnum as a}from"@typo3/backend/enum/viewport/scaffold-identifier.js";import n from"@typo3/backend/viewport/toolbar.js";import s from"@typo3/core/ajax/ajax-request.js";class e{static{this.topbarSelector=a.header}constructor(){this.Toolbar=new n}refresh(){new s(TYPO3.settings.ajaxUrls.topbar).get().then(async r=>{const o=await r.resolve(),t=document.querySelector(e.topbarSelector);t!==null&&(t.innerHTML=o.topbar,t.dispatchEvent(new Event("t3-topbar-update")))})}}export{e as default};
diff --git a/Resources/Public/JavaScript/window-manager.js b/Resources/Public/JavaScript/window-manager.js
new file mode 100644
index 0000000..980d68f
--- /dev/null
+++ b/Resources/Public/JavaScript/window-manager.js
@@ -0,0 +1,13 @@
+/*
+ * 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 p from"@typo3/backend/utility.js";class a{constructor(){this.windows={},this.localOpen=(n,o,t="newTYPO3frontendWindow",l="")=>this._localOpen(n,o,t,l)}open(...n){return this._localOpen.apply(null,n)}globalOpen(...n){return this._localOpen.apply(null,n)}_localOpen(n,o,t="newTYPO3frontendWindow",l=""){if(!n)return null;o===null?o=!window.opener:o===void 0&&(o=!0);const e=this.windows[t]??window.open("",t,l);let r=!1;try{r=e.constructor.name==="Window"}catch{}const s=r&&!e.closed?e.location.href:null;if(p.urlsPointToSameServerSideResource(n,s))return e.location.replace(n),e.location.reload(),e.focus(),e;const i=window.open(n,t,l);return this.windows[t]=i,o&&i.focus(),i}}const d=new a;top.TYPO3.WindowManager||(top.document===window.document?top.TYPO3.WindowManager=d:top.TYPO3.WindowManager=new a);export{d as default};
diff --git a/Resources/Public/JavaScript/wizard/events/auto-advance-event.js b/Resources/Public/JavaScript/wizard/events/auto-advance-event.js
new file mode 100644
index 0000000..6c87d17
--- /dev/null
+++ b/Resources/Public/JavaScript/wizard/events/auto-advance-event.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class e extends CustomEvent{constructor(){super("auto-advance",{bubbles:!0,composed:!0})}}export{e as AutoAdvanceEvent};
diff --git a/Resources/Public/JavaScript/wizard/events/before-next-step-event.js b/Resources/Public/JavaScript/wizard/events/before-next-step-event.js
new file mode 100644
index 0000000..ad31dee
--- /dev/null
+++ b/Resources/Public/JavaScript/wizard/events/before-next-step-event.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class e extends CustomEvent{static{this.eventName="wizard-before-next-step"}constructor(t,s){super(e.eventName,{detail:{currentStepKey:t,currentStepIndex:s}})}}export{e as BeforeNextStepEvent};
diff --git a/Resources/Public/JavaScript/wizard/events/step-summary-event.js b/Resources/Public/JavaScript/wizard/events/step-summary-event.js
new file mode 100644
index 0000000..c3a9298
--- /dev/null
+++ b/Resources/Public/JavaScript/wizard/events/step-summary-event.js
@@ -0,0 +1,13 @@
+/*
+ * 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!
+ */
+class e extends CustomEvent{static{this.eventName="wizard-step-summary"}constructor(t){super(e.eventName,{detail:{summaryData:t},bubbles:!0,composed:!0})}}export{e as StepSummaryEvent};
diff --git a/Resources/Public/JavaScript/wizard/finisher/noop-finisher.js b/Resources/Public/JavaScript/wizard/finisher/noop-finisher.js
new file mode 100644
index 0000000..e254980
--- /dev/null
+++ b/Resources/Public/JavaScript/wizard/finisher/noop-finisher.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as n}from"lit";class o{setConfig(e){this.config=e}async render(){return n`<typo3-backend-alert severity=0 heading=${this.config.labels.successTitle} message=${this.config.labels.successDescription} show-icon></typo3-backend-alert>`}async execute(){window.top&&window.top!==window.self&&window.top.TYPO3?.Backend?.ContentContainer?window.top.TYPO3.Backend.ContentContainer.refresh():window.location.reload()}}export{o as default};
diff --git a/Resources/Public/JavaScript/wizard/finisher/redirect-finisher.js b/Resources/Public/JavaScript/wizard/finisher/redirect-finisher.js
new file mode 100644
index 0000000..7aa3c6c
--- /dev/null
+++ b/Resources/Public/JavaScript/wizard/finisher/redirect-finisher.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as n}from"lit";class o{setConfig(e){this.config=e}async render(){return n`<typo3-backend-alert severity=0 heading=${this.config.labels.successTitle} message=${this.config.labels.successDescription} show-icon></typo3-backend-alert>`}async execute(){const e=this.config.data.url;if(!e){console.warn("Redirect finisher called without URL");return}window.opener&&!window.opener.closed&&window.self===window.top?(window.opener.location.href=e,window.close()):window.top&&window.top.TYPO3?.Backend?.ContentContainer?window.top.TYPO3.Backend.ContentContainer.setUrl(e):window.location.href=e}}export{o as default};
diff --git a/Resources/Public/JavaScript/wizard/finisher/reload-finisher.js b/Resources/Public/JavaScript/wizard/finisher/reload-finisher.js
new file mode 100644
index 0000000..e254980
--- /dev/null
+++ b/Resources/Public/JavaScript/wizard/finisher/reload-finisher.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as n}from"lit";class o{setConfig(e){this.config=e}async render(){return n`<typo3-backend-alert severity=0 heading=${this.config.labels.successTitle} message=${this.config.labels.successDescription} show-icon></typo3-backend-alert>`}async execute(){window.top&&window.top!==window.self&&window.top.TYPO3?.Backend?.ContentContainer?window.top.TYPO3.Backend.ContentContainer.refresh():window.location.reload()}}export{o as default};
diff --git a/Resources/Public/JavaScript/wizard/helper/dynamic-steps-loader.js b/Resources/Public/JavaScript/wizard/helper/dynamic-steps-loader.js
new file mode 100644
index 0000000..81850cf
--- /dev/null
+++ b/Resources/Public/JavaScript/wizard/helper/dynamic-steps-loader.js
@@ -0,0 +1,13 @@
+/*
+ * 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 n from"@typo3/core/ajax/ajax-request.js";function i(r,a){return new n(TYPO3.settings.ajaxUrls.wizard_config).withQueryArguments({mode:r,data:a.getDataStore()}).get().then(e=>e.resolve()).then(async e=>await Promise.all(e.steps.map(async t=>{if(!t.module)throw new Error("Step data does not contain a module path");const{default:o}=await import(t.module);if(!o)throw new Error(`Step module ${t.module} does not export a default class`);return new o(a,t.configurationData)})))}export{i as loadDynamicSteps};
diff --git a/Resources/Public/JavaScript/wizard/move-content-element.js b/Resources/Public/JavaScript/wizard/move-content-element.js
new file mode 100644
index 0000000..7732b4f
--- /dev/null
+++ b/Resources/Public/JavaScript/wizard/move-content-element.js
@@ -0,0 +1,13 @@
+/*
+ * 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 p from"@typo3/core/event/regular-event.js";import y from"@typo3/core/document-service.js";import h from"@typo3/backend/ajax-data-handler.js";import w from"@typo3/backend/modal.js";import b from"@typo3/backend/notification.js";import C from"@typo3/backend/action-button/immediate-action.js";import g from"@typo3/backend/viewport.js";import e from"~labels/backend.wizards.move_content_elements";import f from"~labels/core.misc";class E{constructor(){this.initialize()}async initialize(){await y.ready(),this.registerEvents(document.querySelector(".element-browser-body"))}registerEvents(l){new p("change",async r=>{const o=document.querySelector("#elementRecordTitle").value,n=new URL(window.location.href).searchParams.get("uid"),i=document.querySelector("h2");if(i){const t=[o,Number(n)];i.innerText=r.target.checked?e.get("headline.copy",t):e.get("headline.move",t)}const a=r.target.checked?f.get("copyElementToHere"):f.get("moveElementToHere");document.querySelectorAll('[data-action="paste"]').forEach(t=>{t.querySelector("span.t3js-button-label").textContent=a})}).delegateTo(l,"#makeCopy"),new p("click",async(r,o)=>{const m=document.querySelector("#makeCopy"),n=document.querySelector("#elementRecordTitle").value,i=document.querySelector("#pageRecordTitle").value,a=document.querySelector("#pageUid").value,t=new URL(window.location.href),d=t.searchParams.get("uid"),c=new URL(t.searchParams.get("returnUrl"),window.origin),s=m.checked,v=s?"copy":"move",u={cmd:{tt_content:{[d]:{[v]:o.dataset.position}}}};o.dataset.colpos!==void 0&&(u.data={tt_content:{[d]:{colPos:o.dataset.colpos}}}),h.process(u).then(()=>{w.dismiss(),b.success(s?e.get("moveElement.notification.elementCopied.title"):e.get("moveElement.notification.elementMoved.title"),s?e.get("moveElement.notification.elementCopied.message",[n]):e.get("moveElement.notification.elementMoved.message",[n]),10,[{label:e.get("moveElement.notification.elementPasted.action.dismiss")},{label:e.get("moveElement.notification.elementPasted.action.open",[i]),action:new C(()=>{c.searchParams.set("id",a),g.ContentContainer.setUrl(c)})}]),g.ContentContainer.setUrl(c)})}).delegateTo(l,'[data-action="paste"]')}}export{E as MoveContentElement};
diff --git a/Resources/Public/JavaScript/wizard/move-page.js b/Resources/Public/JavaScript/wizard/move-page.js
new file mode 100644
index 0000000..1a47f17
--- /dev/null
+++ b/Resources/Public/JavaScript/wizard/move-page.js
@@ -0,0 +1,13 @@
+/*
+ * 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 m from"@typo3/core/event/regular-event.js";import d from"@typo3/core/document-service.js";import p from"@typo3/backend/ajax-data-handler.js";import g from"@typo3/backend/modal.js";import i from"@typo3/backend/module-menu.js";import l from"@typo3/backend/notification.js";import u from"@typo3/backend/action-button/immediate-action.js";import e from"~labels/backend.wizards.move_page";class f{constructor(){this.initialize()}async initialize(){await d.ready(),this.registerEvents(document.querySelector(".element-browser-body"))}registerEvents(r){const o=document.querySelector("#elementRecordTitle").value,t=new URL(window.location.href);new m("click",async(P,s)=>{const a=document.querySelector("#makeCopy").checked,n=a?"copy":"move",c={cmd:{[t.searchParams.get("table")]:{[t.searchParams.get("uid")]:{[n]:s.dataset.position}}}};p.process(c).then(()=>{g.dismiss(),l.success(a?e.get("movePage.notification.pageCopied.title"):e.get("movePage.notification.pageMoved.title"),a?e.get("movePage.notification.pageCopied.message",[o]):e.get("movePage.notification.pageMoved.message",[o]),10,[{label:e.get("movePage.notification.pagePasted.action.dismiss")},{label:e.get("movePage.notification.pagePasted.action.open",[o]),action:new u(()=>{i.App.showModule("records","id="+t.searchParams.get("uid"))})}]),top.document.dispatchEvent(new CustomEvent("typo3:pagetree:refresh")),i.App.showModule("records","id="+t.searchParams.get("expandPage"))})}).delegateTo(r,'[data-action="paste"]')}}export{f as MovePage};
diff --git a/Resources/Public/JavaScript/wizard/steps/confirm-step.js b/Resources/Public/JavaScript/wizard/steps/confirm-step.js
new file mode 100644
index 0000000..cbc10d8
--- /dev/null
+++ b/Resources/Public/JavaScript/wizard/steps/confirm-step.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as i}from"lit";import{StepSummaryEvent as o}from"@typo3/backend/wizard/events/step-summary-event.js";import e from"~labels/backend.wizards.general";class r{constructor(t){this.wizard=t,this.key="confirm",this.title=e.get("step.confirmation.title"),this.autoAdvance=!1}isComplete(){return!0}render(){const t=new o(this.wizard.getStepSummaries());this.wizard.dispatchEvent(t);const s=t.detail.summaryData;return i`<div class=localization-confirmation><h2 class=h4>${e.get("step.confirmation.headline")}</h2><p>${e.get("step.confirmation.description")}</p><div class="table-fit table-fit-wrap"><table class="table table-striped"><tbody>${s.map(a=>i`<tr><th class=col-fieldname>${a.label}</th><td class=col-word-break>${a.value}</td></tr>`)}</tbody></table></div></div>`}}export{r as ConfirmStep,r as default};
diff --git a/Resources/Public/JavaScript/wizard/steps/finisher-step.js b/Resources/Public/JavaScript/wizard/steps/finisher-step.js
new file mode 100644
index 0000000..e4b6a82
--- /dev/null
+++ b/Resources/Public/JavaScript/wizard/steps/finisher-step.js
@@ -0,0 +1,13 @@
+/*
+ * 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 as n,nothing as d}from"lit";import{until as a}from"lit/directives/until.js";import{Task as u,TaskStatus as o}from"@lit/task";import t from"~labels/backend.wizards.general";class h{constructor(r,i){this.wizard=r,this.finisher=i,this.key="finisher",this.title=t.get("step.finisher.title"),this.autoAdvance=!1,this.resetButtonTitle=null,this.finisherInstance=null,this.hasError=!1,this.task=new u(this.wizard,{task:async([e])=>e.execute(),args:()=>[this.finisher],autoRun:!1})}isComplete(){return this.task.status===o.COMPLETE}async beforeAdvance(){if(this.hasError){this.wizard.dismissWizard();return}if(!this.finisherInstance)throw new Error("Finisher instance not loaded");this.wizard.dismissWizard(),await this.finisherInstance.execute()}render(){return this.task.status===o.INITIAL&&this.task.run(),this.task.render({pending:()=>this.wizard.renderLoader(t.get("wizard.status.pending.message")),error:r=>(this.hasError=!0,this.wizard.renderError(t.get("wizard.status.error.message"),r)),complete:r=>r.success===!1?(this.hasError=!0,this.wizard.renderError(t.get("wizard.status.error.message"),r.errors)):(r?.finisher?.data?.resetButtonTitle&&(this.resetButtonTitle=String(r?.finisher?.data?.resetButtonTitle)),this.renderFinisher(r.finisher))})}renderFinisher(r){if(!this.finisherInstance){const i=this.loadFinisher(r).then(e=>(this.finisherInstance=e,e.render())).catch(e=>(console.error("Failed to load finisher:",e),this.hasError=!0,this.wizard.renderError(t.get("wizard.finisher.load_error.message"),e)));return n`${a(i,this.wizard.renderLoader(t.get("wizard.loading_finisher")))}`}return n`${a(this.finisherInstance.render(),d)}`}async loadFinisher(r){if(!r.module)throw new Error("Finisher data does not contain a module path");const e=(await import(r.module)).default;if(!e)throw new Error(`Finisher module ${r.module} does not export a default class`);const s=new e;return s.setConfig(r),s}}export{h as FinisherStep,h as default};
diff --git a/Resources/Public/JavaScript/wizard/wizard.js b/Resources/Public/JavaScript/wizard/wizard.js
new file mode 100644
index 0000000..978a9d2
--- /dev/null
+++ b/Resources/Public/JavaScript/wizard/wizard.js
@@ -0,0 +1,16 @@
+/*
+ * 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{LitElement as f,html as a,nothing as m}from"lit";import{property as d,state as l,customElement as y}from"lit/decorators.js";import{classMap as S}from"lit/directives/class-map.js";import{createRef as b,ref as v}from"lit/directives/ref.js";import{KeyTypesEnum as g}from"@typo3/backend/enum/key-types.js";import k from"@typo3/backend/modal.js";import"@typo3/backend/element/alert-element.js";import"@typo3/backend/element/icon-element.js";import"@typo3/backend/element/progress-tracker-element.js";import"@typo3/backend/element/spinner-element.js";import w from"@typo3/backend/wizard/steps/confirm-step.js";import x from"@typo3/backend/wizard/steps/finisher-step.js";import c from"~labels/backend.wizards.general";import{BeforeNextStepEvent as T}from"@typo3/backend/wizard/events/before-next-step-event.js";var o=function(p,t,e,r){var s=arguments.length,i=s<3?t:r===null?r=Object.getOwnPropertyDescriptor(t,e):r,u;if(typeof Reflect=="object"&&typeof Reflect.decorate=="function")i=Reflect.decorate(p,t,e,r);else for(var h=p.length-1;h>=0;h--)(u=p[h])&&(i=(s<3?u(i):s>3?u(t,e,i):u(t,e))||i);return s>3&&i&&Object.defineProperty(t,e,i),i};let n=class extends f{constructor(){super(...arguments),this.steps=[],this.skipSummary=!1,this.currentStepIndex=0,this.dataStore={},this.allSteps=[],this.progressTracker=null,this.primaryButtonRef=b(),this.focusPendingStep=null,this.handleAutoAdvance=()=>{this.tryAutoAdvance()},this.handleContentKeydown=t=>{if(t.key!==g.ENTER)return;const e=t.target;!(e instanceof HTMLInputElement)||e.form||e.type==="search"||e.type==="checkbox"||(t.preventDefault(),this.handleNext())}}connectedCallback(){super.connectedCallback(),this.addEventListener("auto-advance",this.handleAutoAdvance),this.progressTracker=document.createElement("typo3-backend-progress-tracker")}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("auto-advance",this.handleAutoAdvance),this.progressTracker=null}getStepSummaries(){const t=[];for(const e of this.allSteps)if(this.hasSummary(e)){const r=e.getSummaryData();t.push(...r)}return t}getStoreData(t){return this.dataStore[t]??null}setStoreData(t,e){this.dataStore={...this.dataStore,[t]:e}}getDataStore(){return this.dataStore}clearStoreData(t){const e={...this.dataStore};delete e[t],this.dataStore=e}tryAutoAdvance(){const t=this.getCurrentStep();t.autoAdvance&&t.isComplete()&&this.goToNextStep()}dismissWizard(){k.dismiss()}renderLoader(t){return a`<div class=wizard-loader><typo3-backend-spinner size=large></typo3-backend-spinner><p>${t??c.get("wizard.loading")}</p></div>`}renderError(t,e,r){let s="";e instanceof Error?s=e.message:Array.isArray(e)?s=e.join(`
+`):e&&typeof e=="string"&&(s=e);const i=s?`${t}
+
+${s}`:t;return a`<div class=wizard-error><typo3-backend-alert severity=2 heading=${r??c.get("wizard.step.error.title")} message=${i} show-icon></typo3-backend-alert></div>`}render(){return a`<div class=wizard><div class=wizard-progress>${this.renderProgressTracker()}</div><div class=wizard-content aria-live=polite @keydown=${this.handleContentKeydown}>${this.currentStep?.render()}</div><div class=wizard-actions>${this.renderWizardButtons()}</div></div>`}goToNextStep(){this.currentStepIndex<this.allSteps.length-1&&this.goToStep(this.currentStepIndex+1)}goToPreviousStep(){this.currentStepIndex>0&&this.goToStep(this.currentStepIndex-1)}createRenderRoot(){return this}async updated(t){super.updated(t),(t.has("steps")||t.has("submissionService"))&&this.steps?.length&&this.submissionService&&(this.allSteps=[...this.steps,...this.skipSummary?[]:[new w(this)],new x(this,this.submissionService)],this.progressTracker.requestUpdate(),this.currentStep||(this.currentStep=this.allSteps[this.currentStepIndex])),this.currentStep&&t.has("currentStep")&&(this.hasAfterRender(this.currentStep)&&(await this.currentStep.afterRender(),this.requestUpdate()),this.focusPendingStep=this.currentStep),await this.moveFocusIntoStep()}async moveFocusIntoStep(){const t=this.focusPendingStep;if(!t||t!==this.currentStep){this.focusPendingStep=null;return}await this.updateComplete,t===this.currentStep&&this.focusStepContent()&&(this.focusPendingStep=null)}focusStepContent(){const t=this.renderRoot.querySelector(".wizard-content");if(t){if(t.contains(this.ownerDocument.activeElement))return!0;const r=this.findFocusTarget(t);if(r)return r.setAttribute("autofocus",""),r.focus(),!0}return this.renderRoot.querySelector(".wizard-actions")?.contains(this.ownerDocument.activeElement)||this.primaryButtonRef.value?.focus(),!1}findFocusTarget(t){const e=r=>{for(const s of t.querySelectorAll(r))if(!s.matches(":disabled")&&s.checkVisibility())return s;return null};return e("[autofocus]")??e('input[type="radio"]:checked')??e('input:not([type="hidden"]):not([type="radio"]):not([readonly]), select, button, textarea:not([readonly]), [contenteditable]:not([contenteditable="false"]), [tabindex]:not([tabindex="-1"])')}hasAfterRender(t){return t&&typeof t.afterRender=="function"}hasSummary(t){return"getSummaryData"in t}hasValue(t){return"getValue"in t&&"setValue"in t&&"reset"in t}renderWizardButtons(){return a`${this.renderPreviousButton()} ${this.renderNextButtons()}`}renderPreviousButton(){const t=this.currentStepIndex===0,e=this.currentStepIndex===this.allSteps.length-1;return a`<button type=button class=${S({btn:!0,"btn-secondary":!0,disabled:t||e})} @click=${this.handlePrevious}><typo3-backend-icon identifier=actions-arrow-start-alt size=small bidi></typo3-backend-icon>${c.get("wizard.buttons.previous")}</button>`}renderNextButtons(){const t=this.currentStep?.isComplete();let e,r=m;if(this.currentStep?.key==="finisher"){e=c.get("wizard.buttons.finish");const s=this.currentStep;s?.resetButtonTitle&&(r=a`<button type=button class=${S({btn:!0,"btn-secondary":!0})} @click=${this.handleRestart}><typo3-backend-icon identifier=actions-plus size=small></typo3-backend-icon>${s?.resetButtonTitle}</button>`)}else this.currentStep?.key==="confirm"?e=this.confirmButtonLabel:e=c.get("wizard.buttons.next");return a`<div>${r} <button type=button ${v(this.primaryButtonRef)} class=${S({btn:!0,"btn-primary":!0,disabled:!t})} @click=${this.handleNext}>${e}<typo3-backend-icon identifier=actions-arrow-end-alt bidi size=small></typo3-backend-icon></button></div>`}getCurrentStep(){return this.currentStep}async goToStep(t){if(!(t<0||t>=this.allSteps.length||t===this.currentStepIndex)){if(t>this.currentStepIndex){for(let r=this.currentStepIndex;r<t;r++){const s=this.allSteps[r];if(!s.isComplete()){r!==this.currentStepIndex&&(this.currentStepIndex=r,this.currentStep=this.allSteps[r],await this.updateComplete);return}s.beforeAdvance&&await s.beforeAdvance()}const e=new T(this.currentStep.key,this.currentStepIndex);if(this.dispatchEvent(e),e.detail?.result){const r=e.detail.result;typeof r=="object"&&typeof r.then=="function"&&await r,await this.updateComplete}}else for(let e=this.currentStepIndex;e>t;e--){const r=this.allSteps[e];this.hasValue(r)&&r.reset()}this.currentStepIndex=t,this.currentStep=this.allSteps[t],await this.updateComplete}}getProgressSteps(){return this.allSteps.map(t=>({key:t.key,title:t.title}))}getCurrentStepIndex(){return this.currentStepIndex}renderProgressTracker(){const t=this.getProgressSteps(),e=this.getCurrentStepIndex(),r=t.map(i=>i.title),s=e+1;return this.progressTracker&&(this.progressTracker.stages=r,this.progressTracker.activeStage=s),a`${this.progressTracker}`}handlePrevious(){const t=this.currentStepIndex===0,e=this.currentStepIndex===this.allSteps.length-1;t||e||this.goToPreviousStep()}async handleNext(){if(!this.currentStep.isComplete())return;if(this.currentStepIndex===this.allSteps.length-1){this.currentStep.beforeAdvance&&await this.currentStep.beforeAdvance();return}this.goToNextStep()}handleRestart(){this.dataStore={},this.goToStep(0).then(()=>this.updateComplete)}};o([d({type:Array,attribute:!1})],n.prototype,"steps",void 0),o([d({type:String,attribute:"confirm-button-label"})],n.prototype,"confirmButtonLabel",void 0),o([d({type:Boolean,attribute:"skip-summary"})],n.prototype,"skipSummary",void 0),o([d({type:Object,attribute:!1})],n.prototype,"submissionService",void 0),o([l()],n.prototype,"currentStepIndex",void 0),o([l()],n.prototype,"currentStep",void 0),o([l()],n.prototype,"dataStore",void 0),o([l()],n.prototype,"allSteps",void 0),n=o([y("typo3-backend-wizard")],n);export{n as Wizard};
diff --git a/composer.json b/composer.json
new file mode 100644
index 0000000..ecc3439
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,76 @@
+{
+	"name": "typo3/cms-backend",
+	"type": "typo3-cms-framework",
+	"description": "TYPO3 CMS Backend",
+	"homepage": "https://typo3.community/",
+	"funding": [
+		{
+			"type": "membership",
+			"url": "https://typo3.org/membership"
+		}
+	],
+	"license": [
+		"GPL-2.0-or-later"
+	],
+	"authors": [
+		{
+			"name": "TYPO3 Core Team",
+			"email": "typo3cms@typo3.org",
+			"role": "Developer"
+		}
+	],
+	"support": {
+		"issues": "https://forge.typo3.org/issues/",
+		"forum": "https://talk.typo3.org/",
+		"source": "https://github.com/TYPO3/typo3/",
+		"docs": "https://docs.typo3.org/",
+		"rss": "https://news.typo3.com/rss/",
+		"chat": "https://typo3.community/meet/slack/",
+		"security": "https://typo3.org/security/"
+	},
+	"config": {
+		"sort-packages": true
+	},
+	"require": {
+		"ext-intl": "*",
+		"ext-libxml": "*",
+		"psr/event-dispatcher": "^1.0",
+		"typo3/cms-core": "15.0.*@dev"
+	},
+	"suggest": {
+		"typo3/cms-install": "Displays a link to the Environment module in the System Information toolbar."
+	},
+	"conflict": {
+		"typo3/cms": "*"
+	},
+	"replace": {
+		"typo3/cms-about": "self.version",
+		"typo3/cms-context-help": "self.version",
+		"typo3/cms-cshmanual": "self.version",
+		"typo3/cms-func-wizards": "self.version",
+		"typo3/cms-recordlist": "self.version",
+		"typo3/cms-t3editor": "self.version",
+		"typo3/cms-wizard-crpages": "self.version",
+		"typo3/cms-setup": "self.version",
+		"typo3/cms-wizard-sortpages": "self.version"
+	},
+	"extra": {
+		"branch-alias": {
+			"dev-main": "15.0.x-dev"
+		},
+		"typo3/cms": {
+			"Package": {
+				"serviceProvider": "TYPO3\\CMS\\Backend\\ServiceProvider",
+				"protected": true,
+				"partOfFactoryDefault": true,
+				"partOfMinimalUsableSystem": true
+			},
+			"extension-key": "backend"
+		}
+	},
+	"autoload": {
+		"psr-4": {
+			"TYPO3\\CMS\\Backend\\": "Classes/"
+		}
+	}
+}
diff --git a/ext_conf_template.txt b/ext_conf_template.txt
new file mode 100644
index 0000000..9b7ec00
--- /dev/null
+++ b/ext_conf_template.txt
@@ -0,0 +1,24 @@
+###################
+### LOGINSCREEN ###
+###################
+
+# cat=Login; type=string; label=LLL:EXT:backend/Resources/Private/Language/locallang.xlf:config.loginLogo
+loginLogo =
+
+# cat=Login; type=string; label=LLL:EXT:backend/Resources/Private/Language/locallang.xlf:config.loginLogoAlt
+loginLogoAlt =
+
+# cat=Login; type=color; label=LLL:EXT:backend/Resources/Private/Language/locallang.xlf:config.loginHighlightColor
+loginHighlightColor =
+
+# cat=Login; type=string; label=LLL:EXT:backend/Resources/Private/Language/locallang.xlf:config.loginBackgroundImage
+loginBackgroundImage =
+
+# cat=Login; type=string; label=LLL:EXT:backend/Resources/Private/Language/locallang.xlf:config.loginFootnote
+loginFootnote =
+
+# cat=Backend; type=string; label=LLL:EXT:backend/Resources/Private/Language/locallang.xlf:config.backendLogo
+backendLogo =
+
+# cat=Backend; type=string; label=LLL:EXT:backend/Resources/Private/Language/locallang.xlf:config.backendFavicon
+backendFavicon =
diff --git a/ext_localconf.php b/ext_localconf.php
new file mode 100644
index 0000000..784b69f
--- /dev/null
+++ b/ext_localconf.php
@@ -0,0 +1,26 @@
+<?php
+
+declare(strict_types=1);
+
+use TYPO3\CMS\Backend\Hooks\DataHandlerAuthenticationContext;
+use TYPO3\CMS\Backend\Hooks\DataHandlerContentElementRestrictionHook;
+use TYPO3\CMS\Backend\LoginProvider\UsernamePasswordLoginProvider;
+
+defined('TYPO3') or die();
+
+$GLOBALS['TYPO3_CONF_VARS']['EXTCONF']['backend']['loginProviders'][1433416747] = [
+    'provider' => UsernamePasswordLoginProvider::class,
+    'sorting' => 50,
+    'iconIdentifier' => 'actions-key',
+    'label' => 'LLL:EXT:backend/Resources/Private/Language/locallang.xlf:login.link',
+];
+
+// Register search key shortcuts
+$GLOBALS['TYPO3_CONF_VARS']['SYS']['livesearch']['page'] = 'pages';
+
+$GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['t3lib/class.t3lib_tcemain.php']['processDatamapClass'][] = DataHandlerAuthenticationContext::class;
+
+// Giving the two hook registrations a unique name to allow unsetting this hook if it is not wanted.
+// ext:container does this to apply own logic.
+$GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['t3lib/class.t3lib_tcemain.php']['processDatamapClass']['contentElementRestriction'] = DataHandlerContentElementRestrictionHook::class;
+$GLOBALS['TYPO3_CONF_VARS']['SC_OPTIONS']['t3lib/class.t3lib_tcemain.php']['processCmdmapClass']['contentElementRestriction'] = DataHandlerContentElementRestrictionHook::class;
diff --git a/ext_tables.sql b/ext_tables.sql
new file mode 100644
index 0000000..4c8208b
--- /dev/null
+++ b/ext_tables.sql
@@ -0,0 +1,4 @@
+CREATE TABLE be_users (
+	# No TCA column defined
+	password_reset_token varchar(128) DEFAULT '' NOT NULL
+);